/* ==========================================================================
   Home page only (body.home)
   custom.css contains layout helpers written for the simplified markup used on
   the other pages (.fl-row padding, .content max-width, gold buttons ...).
   The home page now uses the original Beaver Builder markup, whose layout comes
   from single-e.css, so those helpers are undone here (scoped to .home).
   ========================================================================== */
.home .content{max-width:none;margin:0;padding:0;}
.home .fl-row{padding:0;}
.home .fl-row-full-width{margin-left:0;margin-right:0;padding-left:0;padding-right:0;}
.home .fl-row-bg-color,
.home .fl-row-bg-gradient{background:none;}
.home .fl-row-content-wrap>.fl-row-content{padding:0;}

/* content buttons: back to the theme's outlined button (header button handled below).
   :where() keeps specificity low so the per-button colours from single-e.css still win. */
:where(.home) .fl-module .anc-mirror-btn{display:inline-flex;height:60px;padding:0 30px;background:transparent;border-radius:0;font-weight:600;color:#fff;cursor:pointer;}
:where(.home) .fl-module .anc-mirror-btn.-light,
:where(.home) .fl-module .anc-mirror-btn.-light:hover,
:where(.home) .fl-module .anc-mirror-btn.-light:focus{color:#002d33;}

/* newsletter form (was rendered by Contact Form 7) */
.home .anc-newsletter-form{display:block;max-width:none;margin:0;}
.home .anc-newsletter .row{display:flex;flex-wrap:wrap;margin:0 -15px;}
.home .anc-newsletter .row>[class*="col-"]{padding:0 15px;box-sizing:border-box;}
.home .anc-newsletter .col-md-5{flex:0 0 41.6667%;max-width:41.6667%;}
.home .anc-newsletter .col-md-2{flex:0 0 16.6667%;max-width:16.6667%;}
.home .anc-newsletter input[type="text"],
.home .anc-newsletter input[type="email"]{width:100%;}
.home .anc-newsletter .wpcf7-form-control-wrap{display:block;}
.home .anc-newsletter .anc-mirror-btn.-block{display:flex;width:100%;}
@media (max-width:767px){
  .home .anc-newsletter .col-md-5,
  .home .anc-newsletter .col-md-2{flex:0 0 100%;max-width:100%;margin-bottom:12px;}
}

/* "As seen in" carousel: the original slick slider replaced by a CSS marquee.
   The markup already contains the list twice, so -50% gives a seamless loop. */
.home .fl-module-anc-image-carousel .fl-module-content{overflow:hidden;}
.home .anc-img-carousel{display:flex;width:max-content;margin-left:0;animation:anc-marquee 70s linear infinite;}
.home .anc-img-carousel>div{flex:0 0 240px;}
.home .anc-img-carousel:hover{animation-play-state:paused;}
@keyframes anc-marquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@media (prefers-reduced-motion:reduce){
  .home .anc-img-carousel{animation:none;width:auto;flex-wrap:wrap;justify-content:center;}
  .home .anc-img-carousel>div:nth-child(n+18){display:none;}
}

/* Consultation popup (was Popup Maker) */
.pum-overlay[hidden]{display:none;}
.pum-overlay.is-open{display:block;overflow-y:auto;-webkit-overflow-scrolling:touch;}
body.pum-open{overflow:hidden;}
.pum-overlay .pum-close{cursor:pointer;}

/* header CONTACT US button: original outlined style (custom.css gold override removed for home) */
.home .header .anc-mirror-btn{display:inline-flex;height:39px;padding:0 30px;background:transparent;border-radius:0;font-weight:600;font-size:13px;color:#fff;}
.home .header .anc-mirror-btn:hover{color:#fff;}

/* fallbacks used only when the remote theme photos (theanchor.io/wp-content/uploads/...)
   can't be loaded, e.g. offline: dark teal so the white text stays readable */
.home .fl-node-5d21fa9f38d20>.fl-row-content-wrap{background-color:#002d33;}

/* "Download whitepaper" button: the block behind the text is white (single-e.css), so the text stays teal
   in both states; the generic white rule above made it invisible */
.home .fl-module a.anc-mirror-btn.anc-wp-btn,
.home .fl-module a.anc-mirror-btn.anc-wp-btn:hover,
.home .fl-module a.anc-mirror-btn.anc-wp-btn:focus{color:#002d33;}