:root { --t:500ms ease all; --d:250ms;}section.brxe-section { section.brxe-section { padding:0 !important; }}header#brx-header { --x-header-height:130px; --x-sticky-header-height:100px; background:linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0)); color:white; margin-bottom:0; transition: background 500ms ease, opacity 500ms ease, transform 500ms ease, height 500ms ease; .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 { height:80px; transition: margin 500ms ease, height 500ms ease, width 500ms ease; width:auto; path, rect { fill:var(--light); transition:fill 500ms ease; } #body { fill:var(--light) !important; opacity:0.85; } } } .brxe-toggle { svg { fill:var(--light); stroke:var(--light); 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:white; 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; height:60px; path, rect { fill:var(--dark); } #body { fill:var(--dark) !important; } } } .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:400; 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); } }}