.elementor-106663 .elementor-element.elementor-element-6612414{width:100%;max-width:100%;}/* Start custom CSS *//* =====================================================================
   AAM HEADER PARITY  ·  Astra 4.13.6 / WordPress
   Paste into:  Appearance → Customize → Additional CSS

   Every body.elementor-page-106663 was read off the live markup of the pages below, not
   guessed. Both currently run the same Astra header.

   ---------------------------------------------------------------------
   TO ADD A PAGE: add its body class to the :is(...) list in EVERY rule.
   The list is identical in each, so a find-and-replace of

       .page-id-106663, .page-id-105035

   with your new list updates the whole file at once.

   Currently applied to:
     .page-id-106663  ->  /aam-x-ktf-partnership/
     .page-id-105035  ->  /welcome/

   TO APPLY SITE-WIDE: find-and-replace "body:is(.page-id-106663, .page-id-105035)"
   with "body". Note the rest of the site currently uses a maroon and gold
   header (--ast-global-color-0: #610b1f), so that is a branding decision,
   not just a styling one.

   :is() needs Chrome 88+ / Safari 14+ / Firefox 78+. If you need older
   support, expand each :is() into comma-separated body.elementor-page-106663s instead.
   ===================================================================== */

/* ---- the block's palette, so the header can borrow it ---- */
body:is(.page-id-106663, .page-id-105035) {
  --k-cream:  #f2ede4;
  --k-ink:    #3d352a;
  --k-bronze: #8a7358;
  --k-dark:   #262019;
  --k-line:   rgba(61, 53, 42, 0.16);
}

/* ---- 1. the bar: cream, hairline rule, no drop shadow ---- */
body:is(.page-id-106663, .page-id-105035) .main-header-bar,
body:is(.page-id-106663, .page-id-105035) .main-header-bar-wrap,
body:is(.page-id-106663, .page-id-105035) #masthead .main-header-bar {
  background-color: var(--k-cream);
  border-bottom: 1px solid var(--k-line);
  box-shadow: none;
}

/* ---- 2. sticky ----
   Astra's sticky header is a Pro feature; this is the free equivalent.
   If it does not stick, an ancestor has overflow set: check that neither
   #page nor body carries overflow-x: hidden from another rule. */
body:is(.page-id-106663, .page-id-105035) .main-header-bar-wrap {
  position: sticky;
  top: 0;
  z-index: 99;
}
/* keep clear of the WP admin bar when logged in */
body:is(.page-id-106663, .page-id-105035).admin-bar .main-header-bar-wrap { top: 32px; }
@media (max-width: 782px) {
  body:is(.page-id-106663, .page-id-105035).admin-bar .main-header-bar-wrap { top: 46px; }
}

/* ---- 3. menu links ---- */
body:is(.page-id-106663, .page-id-105035) .main-header-menu .menu-link,
body:is(.page-id-106663, .page-id-105035) .main-header-menu > .menu-item > .menu-link {
  color: var(--k-ink);
  font-size: 11.5px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 1.6;
  padding: 6px 10px;
  border-radius: 4px;
  transition: background 0.3s ease, box-shadow 0.3s ease, color 0.3s ease;
}

/* ---- 4. hover / current: the white pill ---- */
body:is(.page-id-106663, .page-id-105035) .main-header-menu .menu-item:hover > .menu-link,
body:is(.page-id-106663, .page-id-105035) .main-header-menu .menu-item.focus > .menu-link,
body:is(.page-id-106663, .page-id-105035) .main-header-menu .current-menu-item > .menu-link,
body:is(.page-id-106663, .page-id-105035) .main-header-menu .current-menu-ancestor > .menu-link {
  color: var(--k-ink);
  background: #fff;
  box-shadow: 0 0 0 1px var(--k-line);
}

/* ---- 5. THE BUTTON ----------------------------------------------------
   VERIFIED IN THE BROWSER on /welcome/ while logged in.

   The header renders a static Astra button beside a dynamic menu item:

     logged OUT ->  "Log In" menu link  +  "Log In" button   (duplicated)
     logged IN  ->  "Log Out" menu link +  "Log In" button   (contradictory)

   The menu already handles login state correctly on its own. The Astra
   "Last Item in Menu" button does not: it is hardcoded to "Log In" and to
   /login/ for every visitor, which is why the top right looks wrong.

   PROPER FIX: Customize -> Header -> Primary Menu -> "Last Item in Menu"
   -> None. The menu keeps working and the button stops contradicting it.

   FALLBACK BELOW: handles both states without touching the Customizer.
   --------------------------------------------------------------------- */

/* logged OUT: the button and the menu link say the same thing.
   Keep the styled button, drop the redundant text link. */
body:is(.page-id-106663, .page-id-105035):not(.logged-in) li.ast-masthead-custom-menu-items > a.menu-link {
  display: none;
}

/* logged IN: the menu already offers "Log Out". A "Log In" button next to
   it is simply wrong, so hide the button rather than style a lie. */
body:is(.page-id-106663, .page-id-105035).logged-in li.ast-masthead-custom-menu-items.button-custom-menu-item {
  display: none;
}

/* ---- 5b. button styling (applies in the logged-out state) ----
   Note both classes sit on the SAME <li>, so a descendant body.elementor-page-106663 like
   ".ast-masthead-custom-menu-items .button-custom-menu-item a" can never
   match. It has to be one compound body.elementor-page-106663. */
body:is(.page-id-106663, .page-id-105035) li.ast-masthead-custom-menu-items.button-custom-menu-item {
  display: flex;
  align-items: center;
  margin-left: 10px;
}
body:is(.page-id-106663, .page-id-105035) .ast-custom-button-link .ast-button,
body:is(.page-id-106663, .page-id-105035) .ast-custom-button-link .ast-custom-button {
  background: var(--k-dark);
  color: var(--k-cream);
  border: 0;
  border-radius: 24px;
  padding: 12px 26px;
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 1.4;
  white-space: nowrap;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), background 0.3s ease;
}
body:is(.page-id-106663, .page-id-105035) .ast-custom-button-link:hover .ast-button,
body:is(.page-id-106663, .page-id-105035) .ast-custom-button-link:focus-visible .ast-button {
  background: var(--k-ink);
  color: var(--k-cream);
  transform: scale(1.05);
}
/* strip any pill styling Astra puts on the wrapping <a> */
body:is(.page-id-106663, .page-id-105035) a.ast-custom-button-link {
  background: none;
  padding: 0;
  box-shadow: none;
}

/* ---- 6. submenus ---- */
body:is(.page-id-106663, .page-id-105035) .main-header-menu .sub-menu {
  background: var(--k-cream);
  border: 1px solid var(--k-line);
  box-shadow: 0 14px 34px rgba(61, 53, 42, 0.12);
}
body:is(.page-id-106663, .page-id-105035) .main-header-menu .sub-menu .menu-link {
  border-radius: 0;
  letter-spacing: 0.1em;
}

/* ---- 7. mobile toggle ---- */
body:is(.page-id-106663, .page-id-105035) .ast-mobile-menu-buttons .menu-toggle,
body:is(.page-id-106663, .page-id-105035) .menu-toggle.ast-mobile-menu-buttons-fill {
  background: transparent;
  color: var(--k-ink);
}
body:is(.page-id-106663, .page-id-105035) .main-header-bar-navigation .menu-link {
  color: var(--k-ink);
}

/* ---- 8. close the seam: content should meet the header ---- */
body:is(.page-id-106663, .page-id-105035) .site-content,
body:is(.page-id-106663, .page-id-105035) #content,
body:is(.page-id-106663, .page-id-105035) .entry-content {
  margin-top: 0;
  padding-top: 0;
}
body:is(.page-id-106663, .page-id-105035) .site-content .ast-container {
  max-width: 100%;
  padding: 0;
}/* End custom CSS */