:root { --t:500ms ease all; --d:250ms; --r:var(--space-m); --b:rgba(14, 63, 126, 0.06) 0px 0px 0px 1px, rgba(42, 51, 70, 0.03) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 2px 2px -1px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.03) 0px 5px 5px -2.5px, rgba(42, 51, 70, 0.03) 0px 10px 10px -5px, rgba(42, 51, 70, 0.03) 0px 24px 24px -8px;}.woocommerce-MyAccount-navigation { overflow:hidden;}.woocommerce-notices-wrapper { background:white; max-width:100%; margin:0; padding:var(--space-m); order:2; > div { margin-left:auto; margin-right:auto; max-width:var(--site-box-max-width); }}.wp-block-image { img { border-radius:var(--radius-l); box-shadow:var(--b); }}.wp-block-woocommerce-cart,.wp-block-woocommerce-checkout{ background:white; box-shadow:var(--b); border-radius:var(--radius-xl); padding:var(--space-m);}.wp-block-woocommerce-checkout { .wc-block-components-sidebar-layout .wc-block-components-main { padding-right:0; }} img.styleimg { border-radius:var(--radius-l); box-shadow:var(--b);}html body { background:var(--bg-surface);}header#brx-header { --x-header-height:130px; --x-sticky-header-height:100px; box-shadow: var(--b); background:var(--light-t-2); backdrop-filter:blur(5px); border-radius:0 0 var(--r) var(--r); color:var(--primary); margin:0 auto; max-width:var(--site-box-max-width); transition: background 500ms ease, opacity 500ms ease, transform 500ms ease, height 500ms ease; width:100%; .brxe-offcanvas { color:var(--text-title); } .brxe-xheaderrow { padding:0 var(--space-s); .x-header_wrap { height:var(--x-header-height); transition:height 500ms ease; .brxe-divider.vertical .line { border-color:var(--light-t-2); transition:var(--t); } svg { &.logo { transition: margin 500ms ease, height 500ms ease, width 500ms ease; width:auto; path { fill:var(--text-title); transition:fill 500ms ease; } } } .brxe-toggle { svg { fill:var(--text-title); stroke:var(--text-title); transition:var(--t); } &:hover { svg { fill:var(--primary); stroke:var(--primary); transition-duration:var(--d); } } } #menu-main { > .menu-item { > a, .brx-submenu-toggle > a { color: white; } } } } } &.scrolling { background:var(--light-t-2); backdrop-filter:blur(5px); color:var(--text-title); margin-bottom:calc(var(--x-sticky-header-height) * -1); position:sticky; transition-duration:250ms; .brxe-xheaderrow { .x-header_wrap { height:var(--x-sticky-header-height); .brxe-divider.vertical .line { border-color:var(--text-title); transition-duration:var(--d); } svg { &.logo { margin-top:0; path { fill:var(--dark); } } } .brxe-toggle { svg { fill:var(--dark); stroke:var(--dark); } } #menu-main { > .menu-item { > a, .brx-submenu-toggle > a { transition-duration:var(--d); } } } } } }}a { transition:var(--t); &:hover { transition-duration:var(--d); }}.bricks-button { font-weight:600; letter-spacing:-0.01em; line-height:1.2; transition:var(--t); &:hover { --bshadow:rgba(0,0,0,0.15); box-shadow:inset 0 1px 0 rgba(255,255,255,0.2), 0px 1px 1px 0px inset rgba(255, 255, 255, 0.1), 0px 25px 50px -10px rgba(50, 50, 93, 0.25), 0px 15px 30px -15px rgba(0, 0, 0, 0.3); transition-duration:var(--d); } &.bricks-background-dark { border-width:1px solid var(--dark); &:hover { border-width:1px solid var(--secondary-l-3); } }}