/*
Theme Name: Divi Child — The Empowerment Project
Theme URI: https://theempowermentproject.co.nz/
Description: Child theme for Divi. Loads The Empowerment Project 2026 rebuild assets on the new pages only, leaving all existing pages untouched.
Author: Jane Elley
Template: Divi
Version: 1.0.0
*/

/* The Empowerment Project — site-wide header & footer styling (2026)
   Applies to the single Divi Global Header + Global Footer, so it is
   consistent on every page, old and new. Jane never needs to touch this. */

:root{
  --tep-paper:#f4eff2; --tep-surface:#ffffff; --tep-ink:#332f2e; --tep-muted:#6a6460;
  --tep-sage:#54665d; --tep-sage-soft:#95ada1; --tep-sage-tint:#eef1ee;
  --tep-pink:#f1c3d0; --tep-pink-deep:#a56b80; --tep-pink-tint:#faf1f4;
  --tep-peach:#fdcb96; --tep-line:rgba(51,47,46,.12);
  --tep-serif:'Cormorant Garamond',Georgia,serif;
  --tep-display:'Julius Sans One',sans-serif;
  --tep-sans:'Work Sans',system-ui,sans-serif;
}

/* ---------- Global header ---------- */
.et-l--header .et_pb_section{background-color:rgba(244,239,242,.92)!important;backdrop-filter:blur(10px);border-bottom:1px solid var(--tep-line)}
.et-l--header .et_pb_menu{background:transparent!important}
.et-l--header .et_pb_menu .et-menu{align-items:center}
.et-l--header .et_pb_menu .et-menu>li{margin-left:0;padding-left:24px}
.et-l--header .et_pb_menu .et-menu>li>a{
  font-family:var(--tep-sans)!important;font-weight:300!important;
  font-size:13.5px!important;letter-spacing:.5px!important;
  text-transform:none!important;color:var(--tep-muted)!important;transition:color .2s}
.et-l--header .et_pb_menu .et-menu>li>a:hover{color:var(--tep-ink)!important;opacity:1}
.et-l--header .et_pb_menu .et-menu>li.current-menu-item>a,
.et-l--header .et_pb_menu .et-menu>li.current-menu-ancestor>a{
  color:var(--tep-ink)!important;border-bottom:1px solid var(--tep-pink-deep);padding-bottom:2px}

/* dropdowns */
.et-l--header .et_pb_menu .et-menu li ul.sub-menu{
  background:var(--tep-surface)!important;border:1px solid var(--tep-line)!important;
  border-radius:10px;padding:8px;box-shadow:0 14px 34px rgba(51,47,46,.12);min-width:270px}
.et-l--header .et_pb_menu .et-menu li ul.sub-menu li a{
  font-family:var(--tep-sans)!important;font-size:14px!important;font-weight:300!important;
  text-transform:none!important;letter-spacing:.2px!important;
  color:var(--tep-ink)!important;padding:10px 12px!important;border-radius:6px;width:auto}
.et-l--header .et_pb_menu .et-menu li ul.sub-menu li a:hover{background:var(--tep-sage-tint)!important;opacity:1}

/* "Book a free Clarity call" as a button */
.et-l--header .et_pb_menu .et-menu>li.tep-nav-cta{padding-left:22px}
.et-l--header .et_pb_menu .et-menu>li.tep-nav-cta>a{
  display:inline-block;background:var(--tep-sage)!important;color:var(--tep-paper)!important;
  border:1px solid var(--tep-sage);border-radius:6px;line-height:1.2!important;
  padding:9px 18px!important;font-size:13px!important;letter-spacing:.6px!important}
.et-l--header .et_pb_menu .et-menu>li.tep-nav-cta>a:hover{
  background:#43524b!important;border-color:#43524b;color:#fff!important}
.et-l--header .et_pb_menu .et_mobile_menu li.tep-nav-cta a{color:var(--tep-sage)!important}

/* ---------- Global footer ---------- */
.et-l--footer .tep-footer{background:var(--tep-ink)!important;padding:72px 0 36px!important}
.et-l--footer .tep-footer .et_pb_row{
  width:100%!important;max-width:1120px!important;padding:0 28px!important;margin:0 auto!important}
.et-l--footer .tep-footer .tep-foot-grid{padding-bottom:48px!important;border-bottom:1px solid rgba(255,255,255,.1)}
.et-l--footer .tep-footer .et_pb_text,
.et-l--footer .tep-footer p,
.et-l--footer .tep-footer a{font-family:var(--tep-sans);font-weight:300;font-size:14px;line-height:2;color:#cfc8c4}
.et-l--footer .tep-footer a{text-decoration:none;transition:color .2s}
.et-l--footer .tep-footer a:hover{color:#fff}
.et-l--footer .tep-footer .foot-logo{
  font-family:var(--tep-display);font-size:15px;letter-spacing:2.5px;color:#fff;margin-bottom:16px;line-height:1.4}
.et-l--footer .tep-footer h4{
  font-family:var(--tep-sans)!important;font-weight:400!important;font-size:12px!important;
  letter-spacing:1.5px!important;text-transform:none!important;
  color:var(--tep-sage-soft)!important;margin-bottom:16px!important;padding-bottom:0!important}
.et-l--footer .tep-footer .foot-contact{margin-top:18px;font-size:13px}
.et-l--footer .tep-footer .foot-contact a{color:#e7dfe4;border-bottom:1px solid rgba(255,255,255,.18)}
.et-l--footer .tep-footer .tep-foot-bottom-row{padding-top:28px!important}
.et-l--footer .tep-footer .foot-bottom{
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;
  font-size:12px!important;color:#8f8884!important;line-height:1.6}
.et-l--footer .tep-footer .foot-bottom span{color:#8f8884}

@media (max-width:980px){
  .et-l--footer .tep-footer .foot-bottom{justify-content:flex-start}
}


/* ---- Global header: wordmark + single-row nav ----------------------------
   The header is one row: the wordmark on the left, the menu on the right.
   The nav is locked to a single line so items can never wrap underneath. */

.et-l--header .tep-header{position:relative;z-index:60}
.et-l--header .tep-nav-row{display:flex!important;align-items:center;
  justify-content:space-between;flex-wrap:nowrap;gap:24px;min-height:72px}
.et-l--header .tep-nav-row > .et_pb_column{
  width:auto!important;max-width:none!important;margin:0!important;float:none!important}
.et-l--header .tep-nav-row > .tep-wordmark-col{flex:0 0 auto}
.et-l--header .tep-nav-row > .tep-nav-col{flex:1 1 auto;min-width:0}

/* The wordmark */
.et-l--header .tep-wordmark{margin:0!important;padding:0!important;line-height:1}
.et-l--header .tep-wordmark .tep-wordmark-link{
  font-family:var(--tep-display),sans-serif!important;
  font-size:15px;letter-spacing:2.5px;line-height:1.2;
  color:var(--tep-ink)!important;text-transform:lowercase;
  text-decoration:none;white-space:nowrap;display:inline-block;transition:opacity .2s}
.et-l--header .tep-wordmark .tep-wordmark-link:hover{opacity:.7}

/* Menu: one row, right aligned, never wraps */
.et-l--header .tep-nav,
.et-l--header .tep-nav .et_pb_menu_inner_container{background:transparent!important}
.et-l--header .tep-nav .et_pb_menu__wrap{justify-content:flex-end!important}
.et-l--header .tep-nav .et_pb_menu__menu{width:100%}
.et-l--header .tep-nav .et-menu{
  flex-wrap:nowrap!important;white-space:nowrap;justify-content:flex-end;align-items:center}
.et-l--header .tep-nav .et-menu > li{flex:0 0 auto}
/* Divi's own logo slot is not used — the wordmark replaces it. */
.et-l--header .et_pb_menu__logo-wrap,
.et-l--header .et_pb_menu__logo-slot{display:none!important}

/* Tighter spacing as the viewport narrows, so it still fits on one line. */
@media (max-width:1200px){
  .et-l--header .tep-nav .et-menu > li{padding-left:16px}
  .et-l--header .tep-nav .et-menu > li > a{font-size:13px!important}
  .et-l--header .tep-nav .et-menu > li.tep-nav-cta{padding-left:16px}
  .et-l--header .tep-nav .et-menu > li.tep-nav-cta > a{padding:8px 14px!important}
}
@media (max-width:980px){
  .et-l--header .tep-nav-row{min-height:64px}
  .et-l--header .tep-nav .et_pb_menu__wrap{justify-content:flex-end!important}
}

/* Header dropdowns open leftwards from their parent so a wide sub-menu can
   never push past the right edge of the page (which added a horizontal
   scrollbar even while the menu was closed). */
.et-l--header .tep-nav .et-menu > li > ul.sub-menu{
  left:auto!important;right:0!important;transform:none!important}
.et-l--header .tep-nav .et-menu li ul.sub-menu li a{white-space:normal}

/* Sub-menu items stack vertically inside the dropdown. (The single-row rule
   for the top-level nav must not leak down into the dropdown, or its items
   line up sideways and run off the page.) */
.et-l--header .tep-nav .et-menu ul.sub-menu{white-space:normal!important;display:block!important}
.et-l--header .tep-nav .et-menu ul.sub-menu li{
  display:block!important;width:100%!important;flex:none!important;
  margin:0!important;padding-left:0!important;white-space:normal!important}
.et-l--header .tep-nav .et-menu ul.sub-menu li a{display:block!important;width:auto!important;float:none!important}

/* Between the tablet breakpoint and ~1080px the full nav is tight, so the
   wordmark and menu tighten a little rather than wrapping or overflowing. */
@media (max-width:1080px){
  .et-l--header .tep-wordmark .tep-wordmark-link{font-size:13px;letter-spacing:1.4px}
  .et-l--header .tep-nav-row{gap:14px}
  .et-l--header .tep-nav .et-menu > li{padding-left:12px}
  .et-l--header .tep-nav .et-menu > li > a{font-size:12.5px!important;letter-spacing:.2px!important}
  .et-l--header .tep-nav .et-menu > li.tep-nav-cta{padding-left:12px}
  .et-l--header .tep-nav .et-menu > li.tep-nav-cta > a{padding:8px 12px!important;font-size:12px!important}
}