/* sierra6security custom styles */ /* font: avenir next bold */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');  /* force css loading and override hugoblox defaults */ html, body {   font-family: 'Inter', 'Avenir Next', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important; }  /* override any hugoblox font settings */ [class*="font-"], [class*="text-"] {   font-family: 'Inter', 'Avenir Next', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important; }  /* ensure all text elements use our font */ span, p, div, a, button, input, textarea, select {   font-family: 'Inter', 'Avenir Next', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important; }  :root {   /* Custom Color Palette - Updated for better logo compatibility */   --sierra-red: #DC2626;        /* More professional red */   --sierra-gold: #F59E0B;       /* Warmer gold */   --sierra-gray: #374151;       /* Darker, more professional gray */   --sierra-light-gray: #9CA3AF; /* Better contrast light gray */   --sierra-blue: #1E40AF;       /* Professional blue accent */   --sierra-dark: #111827;       /* Very dark for contrast */ }  /* font family override - more specific targeting */ * {   font-family: 'Inter', 'Avenir Next', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important; }  body, p, span, div {   font-family: 'Inter', 'Avenir Next', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;   font-weight: 600 !important; }  h1, h2, h3, h4, h5, h6 {   font-family: 'Inter', 'Avenir Next', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;   font-weight: 800 !important; }  /* specific targeting for navbar brand */ .navbar-brand, .navbar-brand * {   font-family: 'Inter', 'Avenir Next', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;   font-weight: 800 !important;   color: var(--sierra-dark) !important; }  /* primary buttons - red */ .btn-primary {   background-color: var(--sierra-red);   border-color: var(--sierra-red);   font-weight: 700; }  .btn-primary:hover {   background-color: #e03a20;   border-color: #e03a20; }  /* secondary buttons - gold */ .btn-secondary {   background-color: var(--sierra-gold);   border-color: var(--sierra-gold);   color: var(--sierra-gray);   font-weight: 700; }  .btn-secondary:hover {   background-color: #f4a61a;   border-color: #f4a61a;   color: var(--sierra-gray); }  /* navigation - more aggressive styling */ .navbar {   background-color: white !important;   border-bottom: 1px solid var(--sierra-light-gray) !important;   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important; }  /* dark mode navbar - must override white background */ [data-theme="dark"] .navbar, [data-theme="dark"] nav.navbar, [data-theme="dark"] .header .navbar, html[data-theme="dark"] .navbar, html[data-theme="dark"] nav.navbar, html[data-theme="dark"] .header .navbar, html.dark .navbar, html.dark nav.navbar, body[data-theme="dark"] .navbar, body.dark .navbar {   background-color: #111827 !important;   background: #111827 !important;   border-bottom-color: #374151 !important;   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important; }  .navbar-brand {   font-weight: 800 !important;   color: var(--sierra-dark) !important;   font-size: 1.5rem !important;   font-family: 'Inter', 'Avenir Next', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;   opacity: 1 !important;   visibility: visible !important; }  .navbar-brand * {   color: var(--sierra-dark) !important;   opacity: 1 !important;   visibility: visible !important; }  .navbar-brand:hover {   color: var(--sierra-red) !important; }  .nav-link {   font-weight: 600 !important;   color: var(--sierra-gray) !important;   transition: color 0.3s ease !important;   font-family: 'Inter', 'Avenir Next', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important; }  .nav-link:hover {   color: var(--sierra-red) !important; }  /* logo styling - prevent pixelation with high quality rendering */ .navbar-brand img, .navbar-brand img[src], .navbar img, .navbar [src*="logo"], .navbar img[src*="logo"] {   height: 48px !important;   max-height: 48px !important;   width: auto !important;   margin-right: 10px !important;   /* Use smooth, high-quality rendering for photos/logos */   image-rendering: -webkit-optimize-contrast !important;   image-rendering: auto !important;   /* Hardware acceleration for crisp rendering */   -webkit-backface-visibility: hidden !important;   -webkit-transform: translateZ(0) !important;   transform: translateZ(0) !important;   backface-visibility: hidden !important;   /* Prevent blurry scaling on high DPI displays */   -webkit-font-smoothing: antialiased !important;   -moz-osx-font-smoothing: grayscale !important;   /* Ensure no scaling artifacts */   will-change: transform !important; }  /* hero section - work with hugoblox's existing classes */
.hero .display-4 {   font-weight: 900; }  .hero .lead {   font-weight: 600; }  /* feature cards - use hugoblox classes */ .card {   border-radius: 12px;   transition: all 0.3s ease; }  .card:hover {   border-color: var(--sierra-red);   box-shadow: 0 8px 25px rgba(249, 66, 41, 0.15); }  /* stats section */ .stat-number {   color: var(--sierra-red);   font-weight: 900; }  .stat-description {   color: var(--sierra-gray);   font-weight: 600; }  /* cta cards - dark gold to match home page */ .sierra-cta-card {   background: linear-gradient(135deg, #B8860B 0%, #8B6914 100%) !important;   background-color: #B8860B !important;   background-image: none !important;   border-radius: 16px; }  .bg-primary-300 {   background: linear-gradient(135deg, #B8860B 0%, #8B6914 100%) !important;   background-color: #B8860B !important;   background-image: none !important;   border-radius: 16px; }  .sierra-cta-card > div, .bg-primary-300 > div {   background: transparent !important;   box-shadow: none !important; }  /* cta buttons - match primary red "Get Started" style */ [data-block-type="cta-card"] .btn, [data-block-type="cta-card"] .btn-primary, [data-block-type="cta-card"] button, [data-block-type="cta-card"] .button, [data-block-type="cta-card"] a, [data-block-type="cta-card"] a[class*="bg-primary-"], [data-block-type="cta-card"] a.btn, [data-block-type="cta-card"] a[class*="btn"], [data-block-type="cta-card"] a.btn-primary, [data-block-type="cta-card"] button[class*="bg-primary-"], [data-block-type="cta-card"] .bg-primary-900 {   background: var(--sierra-red) !important;   background-color: var(--sierra-red) !important;   background-image: none !important;   border-color: var(--sierra-red) !important;   --tw-bg-opacity: 1 !important;   color: #ffffff !important;   box-shadow: 0 8px 20px rgba(220, 38, 38, 0.2) !important; }  [data-block-type="cta-card"] .btn:hover, [data-block-type="cta-card"] .btn-primary:hover, [data-block-type="cta-card"] button:hover, [data-block-type="cta-card"] .button:hover, [data-block-type="cta-card"] a:hover, [data-block-type="cta-card"] a.btn:hover, [data-block-type="cta-card"] a[class*="btn"]:hover, [data-block-type="cta-card"] a.btn-primary:hover {   background-color: #e03a20 !important;   border-color: #e03a20 !important;   color: #ffffff !important;   box-shadow: 0 10px 24px rgba(220, 38, 38, 0.25) !important; }  [data-block-type="cta-card"] a > div {   background: transparent !important;   background-color: transparent !important;   box-shadow: none !important;   border: none !important; }  [data-block-type="cta-card"] a > div.absolute, [data-block-type="cta-card"] a > div[class*="bg-white"] {   display: none !important; }  [data-block-type="cta-image-paragraph"] a.inline-flex, [data-block-type="cta-image-paragraph"] a.bg-primary-700, [data-block-type="cta-image-paragraph"] a.bg-primary-600, [data-block-type="cta-image-paragraph"] a.bg-blue-600, [data-block-type="cta-image-paragraph"] a.bg-blue-700, [data-block-type="cta-image-paragraph"] a[class*="bg-primary"], [data-block-type="cta-image-paragraph"] a[class*="bg-blue"], #section-cta-image-paragraph a.inline-flex, #section-cta-image-paragraph a.bg-primary-700, #section-cta-image-paragraph a.bg-primary-600, #section-cta-image-paragraph a.bg-blue-600, #section-cta-image-paragraph a.bg-blue-700, #section-cta-image-paragraph a[class*="bg-primary"], #section-cta-image-paragraph a[class*="bg-blue"], #about a.bg-primary-700, #about a.inline-flex, #about [data-block-type="cta-image-paragraph"] a, #about [data-block-type="cta-image-paragraph"] a.bg-primary-700, #about [data-block-type="cta-image-paragraph"] a.inline-flex {   background: var(--sierra-red) !important;   background-color: var(--sierra-red) !important;   border-color: var(--sierra-red) !important;   color: #ffffff !important;   --tw-bg-opacity: 1 !important;   --tw-ring-color: rgba(220, 38, 38, 0.4) !important;   box-shadow: 0 8px 20px rgba(220, 38, 38, 0.2) !important; }  [data-block-type="cta-image-paragraph"] a.inline-flex:hover, [data-block-type="cta-image-paragraph"] a.inline-flex:focus, [data-block-type="cta-image-paragraph"] a.bg-primary-700:hover, [data-block-type="cta-image-paragraph"] a.bg-primary-700:focus, [data-block-type="cta-image-paragraph"] a.bg-primary-600:hover, [data-block-type="cta-image-paragraph"] a.bg-primary-600:focus, [data-block-type="cta-image-paragraph"] a[class*="bg-primary"]:hover, [data-block-type="cta-image-paragraph"] a[class*="bg-primary"]:focus, [data-block-type="cta-image-paragraph"] a[class*="bg-blue"]:hover, [data-block-type="cta-image-paragraph"] a[class*="bg-blue"]:focus, #section-cta-image-paragraph a.inline-flex:hover, #section-cta-image-paragraph a.inline-flex:focus, #section-cta-image-paragraph a.bg-primary-700:hover, #section-cta-image-paragraph a.bg-primary-700:focus, #section-cta-image-paragraph a.bg-primary-600:hover, #section-cta-image-paragraph a.bg-primary-600:focus, #section-cta-image-paragraph a[class*="bg-primary"]:hover, #section-cta-image-paragraph a[class*="bg-primary"]:focus, #section-cta-image-paragraph a[class*="bg-blue"]:hover, #section-cta-image-paragraph a[class*="bg-blue"]:focus, #about a.bg-primary-700:hover, #about a.bg-primary-700:focus, #about a.inline-flex:hover, #about a.inline-flex:focus, #about [data-block-type="cta-image-paragraph"] a:hover, #about [data-block-type="cta-image-paragraph"] a:focus, #about a.hover\:bg-primary-800:hover, #about a[class*="hover:bg-primary"]:hover {   background: #B91C1C !important;   background-color: #B91C1C !important;   border-color: #B91C1C !important;   color: #ffffff !important;   box-shadow: 0 10px 24px rgba(185, 28, 28, 0.25) !important; }  [data-block-type="cta-card"] a span {   color: #ffffff !important; }  /* feature icons - make them red to match logo */ .flex.items-center.rounded-full.bg-primary-100, div.rounded-full.bg-primary-100, [class*="rounded-full"][class*="bg-primary-100"], .bg-primary-100[class*="rounded-full"] {   background-color: #F94229 !important;   background: #F94229 !important; }  /* feature icon svgs - make them white and visible (stroke-based icons) */ .flex.items-center.rounded-full.text-primary-600 svg, div.rounded-full.text-primary-600 svg, [class*="rounded-full"][class*="text-primary-600"] svg, .text-primary-600 svg {   color: white !important;   opacity: 1 !important;   visibility: visible !important; }  .text-primary-600 svg path, .text-primary-600 svg *, [class*="rounded-full"][class*="text-primary-600"] svg path, [class*="rounded-full"][class*="text-primary-600"] svg * {   stroke: white !important;   fill: none !important;   stroke-width: 1.5 !important; }  .flex.items-center.rounded-full.text-primary-600, div.rounded-full.text-primary-600, [class*="rounded-full"][class*="text-primary-600"], .text-primary-600[class*="rounded-full"] {   color: white !important; }  /* dark mode feature icons - also red */ [data-theme="dark"] .flex.items-center.rounded-full.bg-primary-900, [data-theme="dark"] .flex.items-center.rounded-full.dark\:bg-primary-900, [data-theme="dark"] div.rounded-full.bg-primary-900, [data-theme="dark"] div.rounded-full[class*="bg-primary-900"], [data-theme="dark"] [class*="rounded-full"][class*="bg-primary-900"], .dark .flex.items-center.rounded-full.bg-primary-900, .dark div.rounded-full.bg-primary-900 {   background-color: #F94229 !important;   background: #F94229 !important; }  [data-theme="dark"] .flex.items-center.rounded-full.text-primary-300, [data-theme="dark"] .flex.items-center.rounded-full.dark\:text-primary-300, [data-theme="dark"] div.rounded-full.text-primary-300, [data-theme="dark"] [class*="rounded-full"][class*="text-primary-300"], .dark .flex.items-center.rounded-full.text-primary-300, .dark div.rounded-full.text-primary-300 {   color: white !important; }  [data-theme="dark"] .text-primary-300 svg, .dark .text-primary-300 svg {   color: white !important;   opacity: 1 !important;   visibility: visible !important; }  [data-theme="dark"] .text-primary-300 svg path, [data-theme="dark"] .text-primary-300 svg *, .dark .text-primary-300 svg path, .dark .text-primary-300 svg * {   stroke: white !important;   fill: none !important;   stroke-width: 1.5 !important; }  /* footer */ footer, .page-footer, .page-footer footer {   background-color: var(--sierra-gray) !important;   background: var(--sierra-gray) !important;   color: #ffffff !important;   padding: 1.5rem 1rem !important;   margin-top: 0 !important;   margin-bottom: 0 !important; }  /* override tailwind classes that add excessive spacing */ .page-footer.mt-24, .page-footer [class*="mt-24"], footer.mt-24, footer [class*="mt-24"] {   margin-top: 3rem !important; }  .page-footer.mb-4, .page-footer [class*="mb-4"], footer.mb-4, footer [class*="mb-4"] {   margin-bottom: 1rem !important; }  footer p, .page-footer p, footer .text-center, .page-footer .text-center {   color: #ffffff !important;   margin: 0.25rem 0 !important;   padding: 0 !important; }  footer p:last-child, .page-footer p:last-child {   margin-bottom: 0 !important;   padding-bottom: 0 !important; }  footer a, .page-footer a, footer a:link, .page-footer a:link {   color: #ffffff !important;   font-weight: 600 !important;   text-decoration: none !important;   opacity: 0.9 !important; }  footer a:hover, .page-footer a:hover {   color: var(--sierra-red) !important;   opacity: 1 !important; }  /* hide hugo blox branding */ footer p.powered-by:has([data-hbx]), footer .powered-by:has([data-hbx]), footer a[data-hbx], footer a[href*="hugoblox.com"], footer p:has(a[href*="hugoblox.com"]), footer p:has(a[data-hbx]), .page-footer p:has([data-hbx]), .page-footer a[data-hbx], .page-footer a[href*="hugoblox.com"] {   display: none !important;   visibility: hidden !important;   opacity: 0 !important;   height: 0 !important;   margin: 0 !important;   padding: 0 !important;   line-height: 0 !important;   font-size: 0 !important; }  /* alternative selector for browsers that don't support :has() */
footer p.powered-by a[href*="hugoblox.com"], footer p.powered-by a[data-hbx], .page-footer p.powered-by a[href*="hugoblox.com"], .page-footer p.powered-by a[data-hbx] {   display: none !important;   visibility: hidden !important;   opacity: 0 !important;   height: 0 !important;   margin: 0 !important;   padding: 0 !important; }  /* ensure copyright text is visible */ footer .powered-by:not(:has([data-hbx])), .powered-by:not(:has([data-hbx])) {   display: block !important;   visibility: visible !important;   opacity: 1 !important;   color: #ffffff !important; }  /* dark mode footer */ [data-theme="dark"] footer, [data-theme="dark"] .page-footer, [data-theme="dark"] footer, html.dark footer, html.dark .page-footer {   background-color: var(--sierra-gray) !important;   background: var(--sierra-gray) !important;   color: #ffffff !important; }  [data-theme="dark"] footer a, [data-theme="dark"] .page-footer a, html.dark footer a, html.dark .page-footer a {   color: #ffffff !important; }  [data-theme="dark"] footer a:hover, [data-theme="dark"] .page-footer a:hover, html.dark footer a:hover, html.dark .page-footer a:hover {   color: var(--sierra-red) !important; }  /* testimonials */ .testimonial-name {   color: var(--sierra-red);   font-weight: 800; }  .testimonial-role {   color: var(--sierra-gold);   font-weight: 600; }  /* hero section buttons - ensure visibility in all modes */ .hero .btn {   font-weight: 700 !important;   font-family: 'Inter', 'Avenir Next', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;   border-radius: 8px !important;   padding: 12px 24px !important;   transition: all 0.3s ease !important; }  .hero .btn-primary {   background-color: var(--sierra-red) !important;   border-color: var(--sierra-red) !important;   color: white !important; }  .hero .btn-primary:hover {   background-color: #e03a20 !important;   border-color: #e03a20 !important;   color: white !important;   transform: translateY(-2px) !important;   box-shadow: 0 4px 12px rgba(220, 38, 38, 0.3) !important; }  .hero .btn-secondary {   background-color: transparent !important;   border: 2px solid white !important;   color: white !important; }  .hero .btn-secondary:hover {   background-color: white !important;   color: var(--sierra-red) !important;   transform: translateY(-2px) !important;   box-shadow: 0 4px 12px rgba(255, 255, 255, 0.3) !important; }  /* dark mode compatibility - work with hugoblox's dark mode */
[data-theme="dark"] {   --sierra-text: #e0e0e0;   --sierra-bg: #1a1a1a; }   [data-theme="dark"] .navbar-brand, [data-theme="dark"] .navbar-brand *, html[data-theme="dark"] .navbar-brand, html[data-theme="dark"] .navbar-brand *, html.dark .navbar-brand, html.dark .navbar-brand * {   color: #ffffff !important;   opacity: 1 !important;   visibility: visible !important; }  [data-theme="dark"] .nav-link, html[data-theme="dark"] .nav-link, html.dark .nav-link {   color: #9CA3AF !important; }  [data-theme="dark"] .nav-link:hover, html[data-theme="dark"] .nav-link:hover, html.dark .nav-link:hover {   color: var(--sierra-red) !important; }  [data-theme="dark"] .card {   background-color: var(--sierra-bg);   border-color: #333; }  [data-theme="dark"] .card:hover {   border-color: var(--sierra-red); }  [data-theme="dark"] .stat-description {   color: var(--sierra-text); }  [data-theme="dark"] .testimonial-name {   color: var(--sierra-red); }  [data-theme="dark"] .testimonial-role {   color: var(--sierra-gold); }  /* dark mode hero button overrides */ [data-theme="dark"] .hero .btn-primary {   background-color: var(--sierra-red) !important;   border-color: var(--sierra-red) !important;   color: white !important; }  [data-theme="dark"] .hero .btn-primary:hover {   background-color: #e03a20 !important;   border-color: #e03a20 !important;   color: white !important; }  [data-theme="dark"] .hero .btn-secondary {   background-color: transparent !important;   border: 2px solid white !important;   color: white !important; }  [data-theme="dark"] .hero .btn-secondary:hover {   background-color: white !important;   color: var(--sierra-red) !important; }  /* dark mode toggle button visibility - no borders or backgrounds */ .navbar button[data-toggle="theme"], .navbar [data-toggle="theme"], .navbar .theme-toggle, button.theme-toggle {   opacity: 1 !important;   visibility: visible !important;   display: inline-block !important;   color: var(--sierra-gray) !important;   fill: var(--sierra-gray) !important;   background-color: transparent !important;   background: transparent !important;   border: none !important;   border-width: 0 !important;   box-shadow: none !important; }  [data-theme="dark"] .navbar button[data-toggle="theme"], [data-theme="dark"] .navbar [data-toggle="theme"], [data-theme="dark"] .navbar .theme-toggle, [data-theme="dark"] button.theme-toggle {   color: white !important;   fill: white !important;   background-color: transparent !important;   background: transparent !important;   border: none !important;   box-shadow: none !important; }  /* contact us button - no borders */ .navbar a[href*="/contact/"], .navbar a[href="/contact/"] {   border: none !important;   border-width: 0 !important;   border-color: transparent !important;   box-shadow: none !important; }  [data-theme="dark"] .navbar a[href*="/contact/"], [data-theme="dark"] .navbar a[href="/contact/"] {   border: none !important;   border-width: 0 !important;   border-color: transparent !important;   box-shadow: none !important; }  [data-theme="dark"] .hero .btn {   opacity: 1 !important;   visibility: visible !important;   display: inline-block !important; }  /* ultra-aggressive button visibility fixes */ section[class*="hero"] .btn, section[class*="hero"] a[class*="btn"], .hero-section .btn, .hero-section a[class*="btn"], [class*="hero"] .btn, [class*="hero"] a[class*="btn"] {   opacity: 1 !important;   visibility: visible !important;   display: inline-block !important;   position: relative !important;   z-index: 999 !important;   background-color: var(--sierra-red) !important;   color: white !important;   border: 2px solid var(--sierra-red) !important;   padding: 12px 24px !important;   border-radius: 8px !important;   font-weight: 700 !important;   text-decoration: none !important;   margin: 8px !important; }  /* secondary button styling */ section[class*="hero"] .btn-secondary, section[class*="hero"] a[class*="secondary"], .hero-section .btn-secondary, .hero-section a[class*="secondary"], [class*="hero"] .btn-secondary, [class*="hero"] a[class*="secondary"] {   background-color: transparent !important;   color: white !important;   border: 2px solid white !important; }  /* dark mode overrides */ [data-theme="dark"] section[class*="hero"] .btn, [data-theme="dark"] section[class*="hero"] a[class*="btn"], [data-theme="dark"] .hero-section .btn, [data-theme="dark"] .hero-section a[class*="btn"], [data-theme="dark"] [class*="hero"] .btn, [data-theme="dark"] [class*="hero"] a[class*="btn"] {   opacity: 1 !important;   visibility: visible !important;   display: inline-block !important;   background-color: var(--sierra-red) !important;   color: white !important;   border: 2px solid var(--sierra-red) !important; }  [data-theme="dark"] section[class*="hero"] .btn-secondary, [data-theme="dark"] section[class*="hero"] a[class*="secondary"], [data-theme="dark"] .hero-section .btn-secondary, [data-theme="dark"] .hero-section a[class*="secondary"], [data-theme="dark"] [class*="hero"] .btn-secondary, [data-theme="dark"] [class*="hero"] a[class*="secondary"] {   background-color: transparent !important;   color: white !important;   border: 2px solid white !important; }  /* specific hero section button targeting only */ section[class*="hero"] .btn-primary, section[class*="hero"] a[href*="/services/"], [class*="hero"] .btn-primary, [class*="hero"] a[href*="/services/"], section[class*="hero"] a[class*="btn"], [class*="hero"] a[class*="btn"], section[class*="hero"] button, [class*="hero"] button {   opacity: 1 !important;   visibility: visible !important;   display: inline-block !important;   background-color: var(--sierra-red) !important;   color: white !important;   border: 2px solid var(--sierra-red) !important;   padding: 12px 24px !important;   border-radius: 8px !important;   font-weight: 700 !important;   text-decoration: none !important;   margin: 8px !important;   position: relative !important;   z-index: 999 !important; }  section[class*="hero"] .btn-secondary, section[class*="hero"] a[href*="/contact/"], [class*="hero"] .btn-secondary, [class*="hero"] a[href*="/contact/"], section[class*="hero"] a[class*="secondary"], [class*="hero"] a[class*="secondary"] {   opacity: 1 !important;   visibility: visible !important;   display: inline-block !important;   background-color: transparent !important;   color: white !important;   border: 2px solid white !important;   padding: 12px 24px !important;   border-radius: 8px !important;   font-weight: 700 !important;   text-decoration: none !important;   margin: 8px !important;   position: relative !important;   z-index: 999 !important; }  /* force any action buttons in hero to be visible */ section[class*="hero"] [class*="action"], [class*="hero"] [class*="action"], section[class*="hero"] [class*="primary"], [class*="hero"] [class*="primary"], section[class*="hero"] [class*="secondary"], [class*="hero"] [class*="secondary"] {   opacity: 1 !important;   visibility: visible !important;   display: inline-block !important;   background-color: var(--sierra-red) !important;   color: white !important;   border: 2px solid var(--sierra-red) !important;   padding: 12px 24px !important;   border-radius: 8px !important;   font-weight: 700 !important;   text-decoration: none !important;   margin: 8px !important;   position: relative !important;   z-index: 999 !important; }  /* debug: make all links in hero sections visible */ section[class*="hero"] a, [class*="hero"] a {   opacity: 1 !important;   visibility: visible !important;   display: inline-block !important;   background-color: var(--sierra-red) !important;   color: white !important;   border: 2px solid var(--sierra-red) !important;   padding: 12px 24px !important;   border-radius: 8px !important;   font-weight: 700 !important;   text-decoration: none !important;   margin: 8px !important;   position: relative !important;   z-index: 999 !important; }  /* override for secondary buttons */ section[class*="hero"] a:nth-child(2), [class*="hero"] a:nth-child(2), section[class*="hero"] a[href*="/contact/"], [class*="hero"] a[href*="/contact/"] {   background-color: transparent !important;   color: white !important;   border: 2px solid white !important; }  /* nuclear option - target everything in hero sections */ section[class*="hero"] *, [class*="hero"] * {   opacity: 1 !important;   visibility: visible !important; }  /* force all buttons and links to be visible */ section[class*="hero"] a, section[class*="hero"] button, section[class*="hero"] [role="button"], section[class*="hero"] input[type="button"], section[class*="hero"] input[type="submit"], [class*="hero"] a, [class*="hero"] button, [class*="hero"] [role="button"], [class*="hero"] input[type="button"], [class*="hero"] input[type="submit"] {   opacity: 1 !important;   visibility: visible !important;   display: inline-block !important;   background-color: var(--sierra-red) !important;   color: white !important;   border: 2px solid var(--sierra-red) !important;   padding: 12px 24px !important;   border-radius: 8px !important;   font-weight: 700 !important;   text-decoration: none !important;   margin: 8px !important;   position: relative !important;   z-index: 9999 !important;   min-width: 120px !important;   min-height: 40px !important; }  /* make sure text content is visible */ section[class*="hero"] h1, section[class*="hero"] h2, section[class*="hero"] h3, section[class*="hero"] p, section[class*="hero"] span, section[class*="hero"] div, [class*="hero"] h1, [class*="hero"] h2, [class*="hero"] h3, [class*="hero"] p, [class*="hero"] span, [class*="hero"] div {   opacity: 1 !important;   visibility: visible !important;   color: white !important; }  /* hero section buttons - now we know our css works! */ section[class*="hero"] a, section[class*="hero"] button, [class*="hero"] a, [class*="hero"] button {   opacity: 1 !important;   visibility: visible !important;   display: inline-block !important;   background-color: var(--sierra-red) !important;   color: white !important;   border: 2px solid var(--sierra-red) !important;   padding: 12px 24px !important;   border-radius: 8px !important;   font-weight: 700 !important;   text-decoration: none !important;   margin: 8px !important;   position: relative !important;   z-index: 999 !important; }  /* secondary button styling */ section[class*="hero"] a:nth-child(2), section[class*="hero"] a[href*="/contact/"], [class*="hero"] a:nth-child(2), [class*="hero"] a[href*="/contact/"] {   background-color: transparent !important;   color: white !important;   border: 2px solid white !important; }  /* make sure hero text is visible */ section[class*="hero"] h1, section[class*="hero"] h2, section[class*="hero"] h3, section[class*="hero"] p, section[class*="hero"] span, section[class*="hero"] div, [class*="hero"] h1, [class*="hero"] h2, [class*="hero"] h3, [class*="hero"] p, [class*="hero"] span, [class*="hero"] div {   opacity: 1 !important;   visibility: visible !important;   color: white !important; }  /* dark mode overrides - force buttons to be visible in dark mode */ [data-theme="dark"] section[class*="hero"] a, [data-theme="dark"] section[class*="hero"] button, [data-theme="dark"] [class*="hero"] a, [data-theme="dark"] [class*="hero"] button {   opacity: 1 !important;   visibility: visible !important;   display: inline-block !important;   background-color: var(--sierra-red) !important;   color: white !important;   border: 2px solid var(--sierra-red) !important;   padding: 12px 24px !important;   border-radius: 8px !important;   font-weight: 700 !important;   text-decoration: none !important;   margin: 8px !important;   position: relative !important;   z-index: 9999 !important; }  /* dark mode secondary button */ [data-theme="dark"] section[class*="hero"] a:nth-child(2), [data-theme="dark"] section[class*="hero"] a[href*="/contact/"], [data-theme="dark"] [class*="hero"] a:nth-child(2), [data-theme="dark"] [class*="hero"] a[href*="/contact/"] {   background-color: transparent !important;   color: white !important;   border: 2px solid white !important; }  /* dark mode text visibility */ [data-theme="dark"] section[class*="hero"] h1, [data-theme="dark"] section[class*="hero"] h2, [data-theme="dark"] section[class*="hero"] h3, [data-theme="dark"] section[class*="hero"] p, [data-theme="dark"] section[class*="hero"] span, [data-theme="dark"] section[class*="hero"] div, [data-theme="dark"] [class*="hero"] h1, [data-theme="dark"] [class*="hero"] h2, [data-theme="dark"] [class*="hero"] h3, [data-theme="dark"] [class*="hero"] p, [data-theme="dark"] [class*="hero"] span, [data-theme="dark"] [class*="hero"] div {   opacity: 1 !important;   visibility: visible !important;   color: white !important; }  /* force icon visibility - target all possible icon elements */ section[class*="hero"] i, section[class*="hero"] svg, section[class*="hero"] [class*="icon"], section[class*="hero"] [class*="fa"], section[class*="hero"] .icon, [class*="hero"] i, [class*="hero"] svg, [class*="hero"] [class*="icon"], [class*="hero"] [class*="fa"], [class*="hero"] .icon {   opacity: 1 !important;   visibility: visible !important;   color: white !important;   fill: white !important;   stroke: white !important;   display: inline-block !important;   font-size: 16px !important;   width: 16px !important;   height: 16px !important; }  /* dark mode icon visibility */ [data-theme="dark"] section[class*="hero"] i, [data-theme="dark"] section[class*="hero"] svg, [data-theme="dark"] section[class*="hero"] [class*="icon"], [data-theme="dark"] section[class*="hero"] [class*="fa"], [data-theme="dark"] section[class*="hero"] .icon, [data-theme="dark"] [class*="hero"] i, [data-theme="dark"] [class*="hero"] svg, [data-theme="dark"] [class*="hero"] [class*="icon"], [data-theme="dark"] [class*="hero"] [class*="fa"], [data-theme="dark"] [class*="hero"] .icon {   opacity: 1 !important;   visibility: visible !important;   color: white !important;   fill: white !important;   stroke: white !important;   display: inline-block !important;   font-size: 16px !important;   width: 16px !important;   height: 16px !important; }  /* hide duplicate contact us link injected for mobile nav when header button exists */ #nav-menu li.mt-4.inline-block.lg\:hidden {   display: none !important; }  /* navbar icon visibility */ .navbar i {   color: #111827 !important; }  .navbar svg {   fill: #111827 !important; }  .navbar [class*="search"], .navbar [class*="magnify"], .navbar button[class*="search"], .navbar .search-icon, .navbar .fa-search {   color: #111827 !important;   fill: #111827 !important;   opacity: 1 !important;   visibility: visible !important; }  [data-theme="dark"] .navbar i, html.dark .navbar i {   color: white !important; }  [data-theme="dark"] .navbar svg, html.dark .navbar svg {   fill: white !important; }  [data-theme="dark"] .navbar [class*="search"], html.dark .navbar [class*="search"], [data-theme="dark"] .navbar [class*="magnify"], html.dark .navbar [class*="magnify"], [data-theme="dark"] .navbar button[class*="search"], html.dark .navbar button[class*="search"], [data-theme="dark"] .navbar .search-icon, html.dark .navbar .search-icon, [data-theme="dark"] .navbar .fa-search, html.dark .navbar .fa-search {   color: white !important;   fill: white !important; }  /* reduce hero section spacing on bio pages */ body[class*="bios"] #section-hero, body[class*="bios"] [data-block-type="hero"], .bios #section-hero, .bios [data-block-type="hero"], .compact-hero, #section-hero.compact-hero, [data-block-type="hero"].compact-hero, .compact-hero #section-hero, .compact-hero [data-block-type="hero"], .compact-hero .hero-block-container, .hero-block-container.compact-hero {   padding-top: 2rem !important;   padding-bottom: 2rem !important;   min-height: auto !important; }  /* override tailwind padding classes in compact hero */ .compact-hero .py-32, .compact-hero .sm\:py-48, .compact-hero .lg\:py-56, .compact-hero [class*="py-32"], .compact-hero [class*="py-48"], .compact-hero [class*="py-56"] {   padding-top: 1rem !important;   padding-bottom: 1rem !important; }  /* target the inner div with padding */ .compact-hero .mx-auto.max-w-2xl, .compact-hero [class*="mx-auto"][class*="max-w-2xl"] {   padding-top: 1rem !important;   padding-bottom: 1rem !important; }  body[class*="bios"] #section-hero .container, body[class*="bios"] [data-block-type="hero"] .container, .bios #section-hero .container, .bios [data-block-type="hero"] .container, .compact-hero .container, #section-hero.compact-hero .container, [data-block-type="hero"].compact-hero .container {   padding-top: 1rem !important;   padding-bottom: 1rem !important; }  /* target hero section on bio pages more specifically */ body[class*="bios"] [data-block-type="hero"] section, body[class*="bios"] #section-hero section, .bios [data-block-type="hero"] section, .bios #section-hero section, .compact-hero section, #section-hero.compact-hero section, [data-block-type="hero"].compact-hero section {   padding-top: 1.5rem !important;   padding-bottom: 1.5rem !important; }  /* reduce hero content spacing on bio pages */ body[class*="bios"] [data-block-type="hero"] .display-4, body[class*="bios"] #section-hero .display-4, .bios [data-block-type="hero"] .display-4, .bios #section-hero .display-4, .compact-hero .display-4, #section-hero.compact-hero .display-4, [data-block-type="hero"].compact-hero .display-4 {   margin-bottom: 0.5rem !important; }  body[class*="bios"] [data-block-type="hero"] .lead, body[class*="bios"] #section-hero .lead, .bios [data-block-type="hero"] .lead, .bios #section-hero .lead, .compact-hero .lead, #section-hero.compact-hero .lead, [data-block-type="hero"].compact-hero .lead {   margin-bottom: 0 !important; }