/* Theme Name: Bricks Child Theme Theme URI: https://bricksbuilder.io/ Description: Use this child theme to extend Bricks. Author: Bricks Author URI: https://bricksbuilder.io/ Template: bricks Version: 1.1 Text Domain: bricks */ /*** Quote icon ***/ .bqs:not(.bqs--nomark) .bqs__quote::before {font-size: 200px!important;} main#brx-content .bqs__quote {max-width: 500px!important;} @media only screen and (max-width: 479px) { main#brx-content .bqs__quote {font-size: 18px !important;} #brx-content span.bqs__role {font-size: 11px !important;} #brx-content button.bqs__arrow {width: 30px; height: 30px;} } footer.bcf {font-size: 16px;} a.bcf__btn {margin-top: 20px;} ul.bcf__social li.last-child {display: none;} /*** Header menu ***/ #brxe-phhihj{ --nav-accent:#dca63a; /* gold */ --nav-hover:#dca63a; /* hover text colour */ } /* Base link */ #brxe-phhihj .brx-nav-nested-items > li > a.brxe-text-link{ position:relative; display:inline-block; text-decoration:none !important; transition:color .25s ease, transform .25s ease; } /* Small dot above the link (hidden until hover / current page) */ #brxe-phhihj .brx-nav-nested-items > li > a.brxe-text-link::before{ content:""; position:absolute; left:50%; top:-8px; width:5px; height:5px; border-radius:50%; background:var(--nav-accent,#dca63a); transform:translate(-50%, 6px) scale(0); opacity:0; transition:transform .28s cubic-bezier(.34,1.56,.64,1), opacity .2s ease; } /* Current page: keep the dot revealed on all devices */ #brxe-phhihj .menu-item.current-menu-item > a.brxe-text-link::before{ transform:translate(-50%, 0) scale(1); opacity:1; } /* Hover / keyboard focus — only on hover-capable (non-touch) devices so the effect never sticks after a tap on mobile */ @media (hover: hover) { #brxe-phhihj .brx-nav-nested-items > li > a.brxe-text-link:hover, #brxe-phhihj .brx-nav-nested-items > li > a.brxe-text-link:focus-visible{ color:var(--nav-hover,#dca63a) !important; transform:translateY(-2px); } #brxe-phhihj .brx-nav-nested-items > li > a.brxe-text-link:hover::before, #brxe-phhihj .brx-nav-nested-items > li > a.brxe-text-link:focus-visible::before{ transform:translate(-50%, 0) scale(1); opacity:1; } } /* Keep the current page highlighted */ #brxe-phhihj .menu-item.current-menu-item > a.brxe-text-link{ color:var(--nav-accent,#dca63a) !important; } /* Accessible focus outline */ #brxe-phhihj .brx-nav-nested-items > li > a.brxe-text-link:focus-visible{ outline:2px solid var(--nav-accent,#dca63a); outline-offset:4px; border-radius:3px; } /*** Fix mobile horizontal overflow ***/ /* The off-canvas mobile nav (#brxe-phldrs) is position:fixed and sized to the full viewport, which expands the layout viewport ~60px on narrow screens and creates a phantom horizontal scroll. Clip horizontal overflow at the root; overflow-x:clip (unlike hidden) does not create a scroll container and leaves vertical scrolling and position:sticky untouched. */ html, body { overflow-x: clip !important; max-width: 100% !important; } /*** Homepage hero: fallback background behind the autoplay bg-video ***/ /* The hero (#brxe-uojeci) uses a muted-autoplay background