/* ==========================================================================
   Salem theme — dynamic customizer CSS (accent #da491c) captured from the
   live page's inline <style id="stylesheet-inline-css">, plus small parity
   fixes for behaviours that the original achieved with inline jQuery.
   ========================================================================== */

/* --- captured inline customizer CSS (verbatim) --- */
.archive-intro{background-image:url();}
			.navbar-brand > img{width:300px;}
			.main-body{background-color: ;}
			#royal_preloader.royal_preloader_progress .royal_preloader_meter {background-color:#da491c; }
			.nicescroll-rails>div{background-color:#000000; }
			figure.blog-effect .blog-thumb{opacity:0; }
			figure.blog-effect{ background:;}
			
			.isotope .hover-icon a:hover,.social-icon a:hover,.slider-hr,.timeline-step:not(.dark-timeline):hover .step-icon .bg,.step-icon .bg,.nav-singlepost .icon-wrap,.widget table#wp-calendar tbody tr td a,ul#filters li a:hover, ul#filters li a:focus, ul#filters li a:active , ul#filters li a.selected,.mv-pricing-switcher .mv-switch,.btn-width,.sidebar-col ul li h3,.contactform button, .contactform input[type='button'], .contactform input[type='submit'],.pagination ul li a,#wp-calendar caption,button, input[type='button'], input[type='reset'], input[type='submit'],.btn,.btn-default,.btn-info,.btn-lg,.btn-inverse,.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{background-color:#da491c; }

			.heading h1,.step-down .step-icon,.step-up .step-icon,.nav-singlepost .icon-wrap,button:hover, input[type='button']:hover, input[type='reset']:hover, input[type='submit']:hover,ul#filters li a:hover, ul#filters li a.selected,button, input[type='button'], input[type='reset'], input[type='submit'],.btn,.btn-default,.btn-info,.btn-lg,.btn-inverse,.timeline-step.dark-timeline:hover .step-icon,.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{ border-color:#da491c; }

			a,.timeline-step:not(.dark-timeline) .step-icon span,.panel-ask.active .panel-title i, .panel-ask.active .panel-title a,.panel-title:hover i,.panel-title a:hover,span.date,.count-wrap .count-icon span,.left-sp-tag i,.comment-count{ color:#da491c; }
			.timeline-step.dark-timeline:hover .step-icon{background:transparent}
			.timeline-step:not(.dark-timeline):hover .step-icon span { color: #ffffff; }
			body.home .main-body .heading h1{ color:#000000; }

			button:hover, input[type='button']:hover, input[type='reset']:hover, input[type='submit']:hover,.btn:hover,.btn-default:hover,.btn-info:hover,.btn-lg:hover,.btn-inverse:hover ,.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{ border-color:#da491c;}

			.navbar.bottom .navicon,  body .home-nav .navbar.bottom .navicon:after, body .home-nav .navbar.bottom .navicon:before,
			.navbar.bottom .navicon:after,  .navbar.bottom .navicon:before, body.single .navbar.top .navicon:after, body.single .navbar.top .navicon:before, body.single .navbar.top .navicon:after,  body.single .navbar.top .navicon:before, body.single .navbar.bottom .navicon:after,  body.single .navbar.bottom .navicon:before, body .home-nav .navbar.bottom .navicon, .navicon, .navicon:after, .navicon:before, body.single .navicon:after, body.single .navicon:before, .btn-width:hover, .widget:hover h3, .widget table#wp-calendar tr td#prev:hover a,  .widget table#wp-calendar tr td#next:hover a, button:hover,  input[type='button']:hover,  input[type='reset']:hover,  input[type='submit']:hover, .pagination ul li.active a, .pagination ul li a:hover, .grid figure.brand-effect:hover, .salemtestimonial-container .salemarrow-button .prevArrow:hover,  .salemtestimonial-container .salemarrow-button .nextArrow:hover, .contactform button:hover,  .contactform input[type='button']:hover,  .contactform input[type='submit']:hover, .widget ul > li:hover, .widget ul li ul li:hover, body.single .navicon,.btn:hover,.btn-default:hover,.btn-info:hover,.btn-lg:hover,.btn-inverse:hover ,.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{ background-color:#da491c; }

			a:hover,.social span:hover i,.social a:hover,.social span:hover{ color:#da491c; }
			.dark-content.to-do-wrapper .btn-inverse:hover{ color:#fff!important }

			body .home-nav .navbar.menu-is-open.bottom .navicon:after, body .home-nav .navbar.menu-is-open.bottom .navicon:before,.navbar.menu-is-open.bottom .navicon:after, .navbar.menu-is-open.bottom .navicon:before,body.single .navbar.menu-is-open.top .navicon:after, body.single .navbar.menu-is-open.top .navicon:before,body.single .navbar.menu-is-open.top .navicon:after, body.single .navbar.menu-is-open.top .navicon:before,body.single .navbar.menu-is-open.bottom .navicon:after, body.single .navbar.menu-is-open.bottom .navicon:before,.navicon,.navicon:after, .navicon:before{ background-color:; }

			.navbar-default.bottom .navbar-nav > li > a,.dropdown-menu > li > a,.overlay nav ul.navbar-nav li a,.navbar-default .navbar-nav > li > a,.overlay .nav-social h3{ color:; }

			.home-nav .navbar-default:not(.bottom) .navbar-nav > li > a{ color:#333333; }

			.navicon-button .navicon.is-clicked:before, .navicon-button .navicon.is-clicked:after{ background-color:; }

			.navbar-default .navbar-brand,body .home-nav .navbar.bottom .navbar-brand,.navbar-default .navbar-brand.brand-inverse{ color:#da491c; }
			.navbar.menu-is-open .navbar-brand,body.single .navbar.menu-is-open .navbar-brand,body .home-nav .navbar.menu-is-open.bottom .navbar-brand{ color:; }

			.navbar-default.bottom .navbar-nav > li.active > a, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus,.navbar-default.bottom .navbar-nav > li > a:hover,.dropdown-menu > li > a:hover,.overlay nav ul.navbar-nav li a:hover, .overlay nav ul.navbar-nav li a.active, .overlay nav ul.navbar-nav li a:focus,.overlay nav ul.navbar-nav .dropdown-menu li a:hover,.overlay nav ul.navbar-nav.dropdown-menu li a.active,.overlay nav ul.navbar-nav .dropdown-menu li a:focus,.footer-nav ul li a:hover,.navbar-default .navbar-nav > li > a:hover,.home-nav .navbar-default .navbar-nav > li > a:hover, .home-nav .navbar-default .navbar-nav > li > a.active, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:active, .dropdown-menu li a:hover, .dropdown-menu li a.active, .dropdown-menu li a:focus{ color:#da491c; }

			#content .navbar.bottom,.navbar-nav.navbar-right > li > .dropdown-menu{ background-color:;border-color:}
			#content .overlay{ background:#000000;}
			#content .navbar.menu-is-open,#content .navbar.bottom.menu-is-open{ background:#000000!important;border-color:#000000!important}
			
			body .navbar.menu-is-open.bottom .navicon.is-clicked{background:transparent}

			.contact-wrapper{ background:; }
			.site-footer{ background:#000000; }
			*::selection{background:#000000;}
			*::-moz-selection{background:#000000;}

/* --- parity fixes (were inline-JS width tweaks on live) --- */
/* custom.js set .single-member width to 100/3% at >991px (3 across). */
@media (min-width: 992px) {
  .team-member .single-member { width: 33.33%; }
}

/* Home hero: the live jQuery sized header.intro to the full window height
   (the theme CSS only guarantees a 700px minimum). Match it so the parallax
   hero fills the viewport before the white body scrolls up over it.
   `!important` is required: the theme's `body.home .intro:not(.two-third-header)`
   rule is (0,3,1) and outranks a classes-only selector on specificity, so a
   plain override loses the cascade regardless of load order. This matches the
   live behaviour at every breakpoint (custom.js set the height to the viewport
   height on both desktop and mobile). */
.home-header.intro:not(.two-third-header) {
  min-height: 100vh !important;
}

/* Home hero: vertically center the headline block (Rachel, 2026-07-18).
   The theme positioned .center-heading with `top: calc(50% - 100px)` on
   desktop and fixed margins (150px/100px) at mobile breakpoints, which left
   the text sitting high on phones. Flex-center the overlay instead; the
   scroll-cue arrow (#trigger) is absolutely positioned so it stays pinned
   to the bottom. Scoped to .home-header only — interior page headers keep
   theme behaviour. `!important` needed to beat the breakpoint margin rules
   in responsive.css. */
.home-header .video-overlay {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.home-header .center-heading {
  position: static !important;
  top: auto !important;
  bottom: auto !important;
  margin: 0 !important;
  width: 100%;
}

/* Horizontal timeline: the live site's jQuery set each <li> to
   containerWidth/count. A fixed table gives the same even 25% columns without
   depending on JS timing. Interactivity.tsx still handles the zig-zag + heights. */
@media (min-width: 607px) {
  .timeline { display: table; table-layout: fixed; width: 100%; }
  .timeline > li { display: table-cell; width: 25%; float: none; }
}

/* Ensure WOW-reveal elements are never left hidden if JS entrance is skipped.
   (No WOW.js here; a lightweight IntersectionObserver adds `.animated`.) */
.wow { visibility: visible; }

/* Base font — self-hosted via next/font, with the literal family as fallback. */
body {
  font-family: var(--font-open-sans), "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}