/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 11 2026 | 12:18:35 */
/* ============================================================
BUNGEE LAYERS – Improved CSS (FINAL v2)
Changes in this version:
- About page title: larger mobile sizes (middle ground per Eve)
- NEW: .bungee-home-title variant (bigger homepage H1 on mobile)
- NEW: Sienna accessibility widget → bottom right + smaller
============================================================ */


/* =========================
1. UNIVERSAL BUNGEE OVERRIDES
========================= */

figure.bungee {
  display: block !important;
  padding: 0.08em 0.05em 0 !important;
  margin: 0 !important;
  overflow: visible !important;
}

/* Override bungee.css default line-height */
.bungee,
.bungee * {
  line-height: 0.9 !important;
}

@media (max-width: 992px) {

  .bungee,
  .bungee * {
    line-height: 0.93 !important;
  }
}

@media (max-width: 768px) {

  .bungee,
  .bungee * {
    line-height: 0.96 !important;
  }
}

@media (max-width: 576px) {

  .bungee,
  .bungee * {
    line-height: 1 !important;
  }
}

@media (max-width: 400px) {

  .bungee,
  .bungee * {
    line-height: 1.05 !important;
  }
}


/* Ensure nothing clips the Bungee layers */
figure.bungee,
figure.bungee *,
.bungee-container,
.elementor-widget-html .elementor-widget-container {
  overflow: visible !important;
}


/* Shift shade layer slightly upward */
.bungee.shade .shade {
  margin-top: -3px !important;
}

@media (max-width: 992px) {

  .bungee.shade .shade {
    margin-top: -2px !important;
  }
}

@media (max-width: 768px) {

  .bungee.shade .shade {
    margin-top: -1px !important;
  }
}

@media (max-width: 576px) {

  .bungee.shade .shade {
    margin-top: 0 !important;
  }
}


/* Stack spacing between words */
figure.bungee + figure.bungee {
  margin-top: -0.20em !important;
}


/* =========================
2. UNIVERSAL RESPONSIVE SIZING
========================= */

figure.bungee {
  font-size: clamp(42px, 8.5vw, 80px) !important;
}

@media (max-width: 768px) {

  figure.bungee {
    font-size: clamp(48px, 12vw, 77px) !important;
  }

  figure.bungee + figure.bungee {
    margin-top: -0.16em !important;
  }
}

@media (max-width: 576px) {

  figure.bungee {
    font-size: clamp(43px, 11.5vw, 65px) !important;
  }

  figure.bungee + figure.bungee {
    margin-top: -0.12em !important;
  }
}

@media (max-width: 400px) {

  figure.bungee {
    font-size: clamp(38px, 11vw, 55px) !important;
  }

  figure.bungee + figure.bungee {
    margin-top: -0.08em !important;
  }
}


/* =========================
3. CONTAINER SETUP
========================= */

.bungee-container {
  width: 100%;
  position: relative;
}


/* =========================
4. SIZE VARIANT: .bungee-std
Services page titles
========================= */

.bungee-std figure.bungee {
  font-size: clamp(42px, 8.5vw, 80px) !important;
}

@media (max-width: 1200px) {

  .bungee-std figure.bungee {
    font-size: clamp(42px, 8vw, 72px) !important;
  }
}

@media (max-width: 992px) {

  .bungee-std figure.bungee {
    font-size: clamp(38px, 8vw, 64px) !important;
  }
}

@media (max-width: 768px) {

  .bungee-std figure.bungee {
    font-size: clamp(48px, 12vw, 77px) !important;
  }
}

@media (max-width: 576px) {

  .bungee-std figure.bungee {
    font-size: clamp(43px, 11.5vw, 65px) !important;
  }
}

@media (max-width: 400px) {

  .bungee-std figure.bungee {
    font-size: clamp(38px, 11vw, 55px) !important;
  }
}


/* =========================
5. SIZE VARIANT: .bungee-lg
Scout's Journal hero title
========================= */

.bungee-lg figure.bungee {
  font-size: clamp(48px, 11vw, 100px) !important;
}

@media (max-width: 1200px) {

  .bungee-lg figure.bungee {
    font-size: clamp(48px, 10vw, 90px) !important;
  }
}

@media (max-width: 992px) {

  .bungee-lg figure.bungee {
    font-size: clamp(42px, 10vw, 76px) !important;
  }
}

@media (max-width: 768px) {

  .bungee-lg figure.bungee {
    font-size: clamp(53px, 13vw, 86px) !important;
  }
}

@media (max-width: 576px) {

  .bungee-lg figure.bungee {
    font-size: clamp(48px, 12.5vw, 72px) !important;
  }
}

@media (max-width: 400px) {

  .bungee-lg figure.bungee {
    font-size: clamp(43px, 12vw, 62px) !important;
  }
}


/* =========================
6. SIZE VARIANT: .bungee-name
Team member names
========================= */

.bungee-name figure.bungee {
  font-size: clamp(44px, 10vw, 100px) !important;
}

@media (max-width: 1200px) {

  .bungee-name figure.bungee {
    font-size: clamp(44px, 9.5vw, 90px) !important;
  }
}

@media (max-width: 992px) {

  .bungee-name figure.bungee {
    font-size: clamp(40px, 9vw, 76px) !important;
  }
}

@media (max-width: 768px) {

  .bungee-name figure.bungee {
    font-size: clamp(50px, 12.5vw, 82px) !important;
  }
}

@media (max-width: 576px) {

  .bungee-name figure.bungee {
    font-size: clamp(46px, 12vw, 67px) !important;
  }
}

@media (max-width: 400px) {

  .bungee-name figure.bungee {
    font-size: clamp(41px, 11.5vw, 58px) !important;
  }
}


/* =========================
7. SIZE VARIANT: .bungee-name-long
Long names
========================= */

.bungee-name-long figure.bungee {
  font-size: clamp(36px, 7.5vw, 80px) !important;
}

@media (max-width: 1200px) {

  .bungee-name-long figure.bungee {
    font-size: clamp(36px, 7vw, 72px) !important;
  }
}

@media (max-width: 992px) {

  .bungee-name-long figure.bungee {
    font-size: clamp(32px, 7vw, 60px) !important;
  }
}

@media (max-width: 768px) {

  .bungee-name-long figure.bungee {
    font-size: clamp(41px, 10vw, 67px) !important;
  }
}

@media (max-width: 576px) {

  .bungee-name-long figure.bungee {
    font-size: clamp(36px, 9.5vw, 55px) !important;
  }
}

@media (max-width: 400px) {

  .bungee-name-long figure.bungee {
    font-size: clamp(34px, 9vw, 48px) !important;
  }
}


/* =========================
8. SCOUT JOURNAL SPACER
Keep manual line break between SCOUT'S and JOURNAL
========================= */

.scout-journal-title .bungee-spacer {
  display: block !important;
  height: 0 !important;
  margin-top: -0.18em !important;
  line-height: 0 !important;
  padding: 0 !important;
}


/* ============================================================
MAC / WEBKIT FIX ONLY
Applies ONLY to WebKit based browsers (Mac Chrome + Safari)
Does NOT affect Chrome Windows or Firefox Windows
============================================================ */
/* MAC ONLY */
html.is-mac .scout-journal-title .bungee.shade .shade {
  margin-top: 0px !important;
}


/* ==========================================
9. ABOUT PAGE TITLE
MARKETING THAT FEELS PERSONAL
(mobile sizes increased per Eve's request –
middle ground between "too small" and "too big")
========================================== */

.bungee-about-title figure.bungee {
  font-size: clamp(40px, 8vw, 72px) !important;
}

/* Large desktop */
@media (max-width: 1200px) {
  .bungee-about-title figure.bungee {
    font-size: clamp(38px, 7.5vw, 68px) !important;
  }
}

/* Tablet */
@media (max-width: 768px) {
  .bungee-about-title figure.bungee {
    font-size: clamp(36px, 9.5vw, 56px) !important;
  }

  .bungee-about-title .bungee-spacer {
    margin-top: -0.12em !important;
  }
}

/* Mobile */
@media (max-width: 576px) {
  .bungee-about-title figure.bungee {
    font-size: clamp(30px, 9.5vw, 46px) !important;
  }

  .bungee-about-title .bungee-spacer {
    margin-top: -0.08em !important;
  }
}

/* Small phones */
@media (max-width: 400px) {
  .bungee-about-title figure.bungee {
    font-size: clamp(27px, 9vw, 40px) !important;
  }
}


/* ==========================================
10. HOMEPAGE HERO TITLE: .bungee-home-title
BETTER PARTNERSHIPS BUILD BETTER MARKETING
(larger on mobile per Eve's request)
Desktop inherits universal sizing; only
mobile breakpoints are boosted here.
========================================== */

@media (max-width: 768px) {
  .bungee-home-title figure.bungee {
    font-size: clamp(54px, 13.5vw, 86px) !important;
  }

  .bungee-home-title figure.bungee + figure.bungee {
    margin-top: -0.14em !important;
  }
}

@media (max-width: 576px) {
  .bungee-home-title figure.bungee {
    font-size: clamp(48px, 13vw, 72px) !important;
  }

  .bungee-home-title figure.bungee + figure.bungee {
    margin-top: -0.10em !important;
  }
}

@media (max-width: 400px) {
  .bungee-home-title figure.bungee {
    font-size: clamp(43px, 12.5vw, 60px) !important;
  }

  .bungee-home-title figure.bungee + figure.bungee {
    margin-top: -0.06em !important;
  }
}

/* ==========================================
12. ABOUT HERO TITLE: .bungee-about-hero
(reducido ~2px en responsivo)
========================================== */

@media (max-width: 768px) {
  .bungee-about-hero figure.bungee {
    font-size: clamp(42px, 11vw, 65px) !important;
  }
}

@media (max-width: 576px) {
  .bungee-about-hero figure.bungee {
    font-size: clamp(36px, 11vw, 55px) !important;
  }
}

@media (max-width: 400px) {
  .bungee-about-hero figure.bungee {
    font-size: clamp(32px, 10.5vw, 46px) !important;
  }
}


/* ==========================================
13. SERVICES HERO TITLE: .bungee-services-hero
DIGITAL MARKETING SERVICES (Services page)
Desktop: ajustado para no encimar los badges
Mobile: más grande
========================================== */

/* Desktop */
.bungee-services-hero figure.bungee {
  font-size: clamp(44px, 9.5vw, 86px) !important;
}

@media (max-width: 1200px) {
  .bungee-services-hero figure.bungee {
    font-size: clamp(40px, 9vw, 76px) !important;
  }
}

@media (max-width: 992px) {
  .bungee-services-hero figure.bungee {
    font-size: clamp(38px, 8.5vw, 66px) !important;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .bungee-services-hero figure.bungee {
    font-size: clamp(48px, 12.5vw, 74px) !important;
  }
}

@media (max-width: 576px) {
  .bungee-services-hero figure.bungee {
    font-size: clamp(42px, 12vw, 62px) !important;
  }
}

@media (max-width: 400px) {
  .bungee-services-hero figure.bungee {
    font-size: clamp(38px, 11.5vw, 54px) !important;
  }
}