/* Site-wide additions on top of the Weebly Birdseye theme. */

/* Homepage hero: crossfading photo slideshow (see assets/hero.js) */
.hero-slideshow { position: relative; overflow: hidden; background: #1b1b1b; }
.hero-slides { position: absolute; inset: 0; z-index: 0; }
.hero-slide {
  position: absolute; inset: 0;
  background-size: cover; background-repeat: no-repeat;
  opacity: 0; transition: opacity 1.6s ease-in-out;
}
.hero-slide.is-active { opacity: 1; }
.hero-slides::after { content: ''; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.35); }
.hero-slideshow:before { z-index: 1; }          /* theme's top gradient behind the nav */
.hero-slideshow .wsite-section-content { position: relative; z-index: 2; }
.hero-credit {
  position: absolute; left: 14px; bottom: 10px; z-index: 3;
  font-size: 11px; line-height: 1.3; color: rgba(255, 255, 255, 0.8);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
}
.hero-credit a { color: inherit; text-decoration: underline; }
.hero-slideshow .banner div.paragraph,
.sequoia-banner .banner div.paragraph {           /* tagline: theme default is weight 100 at 17px */
  font-weight: 700;
  font-size: 21px !important;                     /* theme inline CSS forces 18px !important */
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
}
@media (max-width: 600px) {                      /* keep the credit clear of the floating Support Us button */
  .hero-credit { right: 190px; }
}

/* Headline stat boxes (sequoia page, What We Do) */
.stat-row { display: flex; flex-wrap: wrap; gap: 16px; margin: 10px 0 30px; }
.stat {
  flex: 1 1 180px; padding: 18px 12px; text-align: center;
  border-top: 3px solid #97bc62; background: rgba(255, 255, 255, 0.06); border-radius: 6px;
}
.stat .num { display: block; font-family: 'montserrat', sans-serif; font-weight: 700; font-size: 44px; line-height: 1.1; color: #c9e4a5; }
.stat .label { display: block; margin-top: 6px; font-size: 14px; color: #ffffff; }
.sequoia-stats .paragraph a { color: #c9e4a5; }

.sequoia-banner { background-color: #6b6b6b !important; background-blend-mode: multiply; }  /* darken banner photo for legible text */

.license-note { padding: 14px 18px; margin: 6px 0 22px; background: #fff4d6; border-radius: 8px; color: #3d3100; }

/* Banner titles are <h1> for SEO; match the theme's .banner-wrap h2 styling */
.banner-wrap h1 { color: inherit; font-weight: 700; line-height: 1.15; margin: 15px auto; text-shadow: 1px 1px #212121; }
@media screen and (max-width: 992px) { .banner-wrap .container h1 { font-size: 50px; } }
@media screen and (max-width: 767px) { .banner-wrap .banner h1 { font-size: 2.5em; } }

/* Floating "Support Us" button (this rule came with the removed Flipcause code) */
.floating_button { display: block; width: auto; height: auto; position: fixed; z-index: 999999; overflow: auto; }

/* Current section in the mobile menu (the desktop menu uses the theme's #active) */
.nav li.is-active > .wsite-menu-item { border-color: inherit; }
.mobile-nav li.wsite-menu-item-wrap.is-active > a.wsite-menu-item { background: rgba(0,0,0,0.05); border: none; }
