/* Root font size — Divi uses 14px */
/* Fixed header — overrides Divi overflow that kills sticky */
.stabuilt-header{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:9999!important;}
/* Offset for WordPress admin bar (logged-in users only) */
.admin-bar .stabuilt-header{top:46px!important;}
@media(min-width:768px){.admin-bar .stabuilt-header{top:32px!important;}}
/* Force gold left borders */
.border-l-gold{border-left-color:#C3996B!important;}
.border-l-4{border-left-width:4px!important;border-left-style:solid!important;}
/* Force Tailwind utilities Divi overrides on p/span elements */
.uppercase{text-transform:uppercase!important;}
.text-white{color:#ffffff!important;}
.text-gray-400{color:#9ca3af!important;}
.text-gray-500{color:#6b7280!important;}
.text-gold{color:#C3996B!important;}
.font-bold{font-weight:700!important;}
.font-semibold{font-weight:600!important;}
.tracking-widest{letter-spacing:0.1em!important;}
.text-xs{font-size:12px!important;line-height:16px!important;}
/* Kill any wpautop-injected p/br inside the header */
.stabuilt-header p,.stabuilt-header>br{display:none!important;margin:0!important;padding:0!important;height:0!important;line-height:0!important;}
html{font-size:16px!important;}
body{font-size:16px!important;font-family:'Roboto',sans-serif;color:#333;}
/* Neutralize Divi default p/h margins — all spacing handled by Tailwind utilities */
p{margin-top:0!important;margin-bottom:0!important;}
h1,h2,h3,h4,h5,h6{margin-top:0!important;margin-bottom:0!important;}
/* Hide all empty p tags (wpautop injections) */
p:empty{display:none!important;height:0!important;line-height:0!important;}
/* Hide Divi wrappers — JS moves content to body root */
#page-container{display:none!important;}
/* Custom page styles */
h1,h2,h3,h4,h5,h6{font-family:'Montserrat',sans-serif;}
.hero-bg{background-image:url('https://stabuiltpavers.com/wp-content/uploads/2026/06/Diamond10DS_HeroImage_2024.jpg');background-size:cover;background-position:center 20%;}
.faq-content{display:none;}
.faq-content.open{display:block;}
.nav-dropdown{display:none;}
.nav-item:hover .nav-dropdown{display:block;}
.reveal{opacity:0;transform:translateY(28px);transition:opacity 0.6s ease,transform 0.6s ease;}
.reveal.visible{opacity:1;transform:translateY(0);}
.reveal-left{opacity:0;transform:translateX(-32px);transition:opacity 0.6s ease,transform 0.6s ease;}
.reveal-left.visible{opacity:1;transform:translateX(0);}
.reveal-right{opacity:0;transform:translateX(32px);transition:opacity 0.6s ease,transform 0.6s ease;}
.reveal-right.visible{opacity:1;transform:translateX(0);}
.delay-1{transition-delay:0.1s;}
.delay-2{transition-delay:0.2s;}
.delay-3{transition-delay:0.3s;}
.delay-4{transition-delay:0.4s;}
.delay-5{transition-delay:0.5s;}
/* Force nav items to align center regardless of wpautop injections */
nav .nav-item{display:flex!important;align-items:center!important;}
nav .nav-item button,nav .nav-item>a{align-self:center!important;}
/* Hide Divi title */
.main_title{display:none!important;}
/* Suppress wpautop whitespace injected before our nav */
body>br{display:none!important;line-height:0!important;}
body>p:empty{display:none!important;margin:0!important;padding:0!important;}
/* Hide wpautop-injected
and empty inside all layout containers */
nav br,[class*="flex"]>br,[class*="grid"]>br{display:none!important;}
nav>p:empty,[class*="flex"]>p:empty,[class*="grid"]>p:empty{display:none!important;margin:0!important;padding:0!important;}
@media(min-width:768px){.md\:hidden{display:none!important;}}
/* Kill wpautop
injections inside the quote form */
#quote-form p,#quote-form br{display:none!important;margin:0!important;padding:0!important;height:0!important;}
/* WordPress injects margin-top:46px on for admin bar on mobile — kill it */
@media(max-width:767px){html{margin-top:0!important;}}