/* --- THE GLASSMORPHISM ULTIMATE MOBILE OVERRIDE --- */
:root {
  --glass-bg: rgba(255, 255, 255, 0.85);
  --glass-border: rgba(255, 255, 255, 0.5);
  --glass-text: #1a1a1a;
  --glass-accent: #007bff; 
  --glass-blur: blur(20px) saturate(160%);
  --item-height: 64px;
}
@media (min-width: 1600px) {
  :root {
    --tme-size--240: -17.25rem; /* -276px */
    --tme-size--120: -8.625rem; /* -138px */
    --tme-size--96: -6.9rem; /* -110px */
    --tme-size--60: -4.3125rem; /* -69px */
    --tme-size--36: -2.625rem; /* -42px */

    --tme-size-10: 0.75rem; /* 12px */
    --tme-size-20: 1.4375rem; /* 23px */
    --tme-size-36: 2.625rem; /* 42px */
    --tme-size-60: 4.3125rem; /* 69px */
    --tme-size-96: 6.9rem; /* 110px */
    --tme-size-120: 8.625rem; /* 138px */
    --tme-size-180: 12.9375rem; /* 207px */
  }
}

@media (min-width: 1920px) {
  :root {
    --tme-size--240: -19.5rem; /* -312px */
    --tme-size--120: -9.75rem; /* -156px */
    --tme-size--96: -7.8rem; /* -125px */
    --tme-size--60: -4.875rem; /* -78px */
    --tme-size--36: -3rem; /* -48px */

    --tme-size-10: 0.875rem; /* 14px */
    --tme-size-20: 1.625rem; /* 26px */
    --tme-size-36: 3rem; /* 48px */
    --tme-size-60: 4.875rem; /* 78px */
    --tme-size-96: 7.8rem; /* 125px */
    --tme-size-120: 9.75rem; /* 156px */
    --tme-size-180: 14.625rem; /* 234px */
  }
  .homepage-header .c-page-banner-cta__heading-wrapper {
    min-height: 500px !important;
    max-height: 500px !important;
	}
}

@media (min-width: 2560px) {
  :root {
    --tme-size--240: -22.5rem; /* -360px */
    --tme-size--120: -11.25rem; /* -180px */
    --tme-size--96: -9rem; /* -144px */
    --tme-size--60: -5.625rem; /* -90px */
    --tme-size--36: -3.375rem; /* -54px */

    --tme-size-10: 1rem; /* 16px */
    --tme-size-20: 1.875rem; /* 30px */
    --tme-size-36: 3.375rem; /* 54px */
    --tme-size-60: 5.625rem; /* 90px */
    --tme-size-96: 9rem; /* 144px */
    --tme-size-120: 11.25rem; /* 180px */
    --tme-size-180: 16.875rem; /* 270px */
  }
}
div#drupal-modal h1 {
    font-size: 150%;
}
.sf-accordion-toggle.sf-style-default {
    display: none;
}
#superfish-main-accordion {
  position: -webkit-sticky; /* For Safari compatibility */
  position: sticky;
  top: 20px; /* Adjust this value for the gap from the top of the viewport */
  z-index: 100; /* Ensures it stays above other content */
}
/* 1. RESET THE 'SF-HIDDEN' STYLING ENTIRELY */
/* We force Superfish to stop using its 'off-screen' positioning */
#superfish-main-accordion .sf-hidden {
  display: none !important;
  visibility: hidden !important;
  position: relative !important; /* Forces it back into the layout flow */
  top: auto !important;
  left: auto !important;
  height: 0;
  overflow: hidden;
}

/* 2. THE GLASS CONTAINER */
/*#superfish-main-accordion {*/
/*    background: var(--glass-bg) !important;*/
/*    backdrop-filter: var(--glass-blur);*/
/*    -webkit-backdrop-filter: var(--glass-blur);*/
/*    border: 1px solid var(--glass-border) !important;*/
/*    border-radius: 16px;*/
/*    box-shadow: 0 20px 50px rgba(0,0,0,0.1);*/
/*    padding: 8px 0 !important;*/
/*    margin-top: 15px;*/
/*    transition: all 0.4s ease;*/
/*    display: block !important;*/
/*}*/
#superfish-main-accordion {
    background: var(--glass-bg) !important;
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border: 1px solid var(--glass-border) !important;
    border-radius: 16px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.1);
    padding: 8px 0 !important;
    margin-top: 15px;
    transition: all 0.4s ease;
    display: block !important;
    position: relative !important;
    height: 100% !important;
    overflow: visible !important;
    clip: initial !important;
    width: 100% !important;
}
div.sf-accordion-toggle.sf-style-default a.sf-expanded, ul.sf-menu.sf-style-default.sf-accordion li.sf-expanded {
    background: var(--glass-bg) !important;
}
ul.sf-menu.sf-style-default li li, ul.sf-menu.sf-style-default.sf-navbar > li > ul {
    background: var(--glass-bg) !important;
}
/* 3. THE LINKS & BUTTONS (FLAWLESS ALIGNMENT) */
#superfish-main-accordion button.menuparent,
#superfish-main-accordion a {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
  min-height: var(--item-height);
  padding: 0 24px !important;
  background: transparent !important;
  border: none;
  border-bottom: 1px solid rgba(0,0,0,0.03);
  color: var(--glass-text);
  font-size: 17px;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
}

/* 4. THE ICON (MODERN CHEVRON) */
#superfish-main-accordion button.menuparent::after {
  content: '';
  width: 9px;
  height: 9px;
  border-right: 2.5px solid #aaa;
  border-bottom: 2.5px solid #aaa;
  transform: rotate(45deg);
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

/* Icon rotation for Expanded or Active Trail */
#superfish-main-accordion li.sf-expanded > button::after,
#superfish-main-accordion li.active-trail > button::after {
  transform: rotate(-135deg);
  border-color: var(--glass-accent);
}

/* 5. THE ACTIVE TRAIL "FORCE OPEN" */
/* If an item is in the active trail, its sub-menu MUST show */
#superfish-main-accordion li.active-trail > ul,
#superfish-main-accordion li.sf-expanded > ul {
  display: block !important;
  visibility: visible !important;
  height: auto !important;
  opacity: 1 !important;
  background: rgba(0,0,0,0.02);
  width: 100% !important;
}

/* Deep nesting indent */
#superfish-main-accordion ul li a {
  padding-left: 50px !important;
  font-size: 15px;
}
ul.sf-menu.sf-accordion.sf-expanded, ul.sf-menu.sf-accordion li.sf-expanded > ul.sf-hidden {
    left: auto !important;
    position: relative;
    top: auto !important;
    width: 100% !important;
}

/* Hide the entire top-level LI if it is not the active trail */
#superfish-main-accordion li.sf-depth-1:not(.active-trail) {
  display: none !important;
}

/* Ensure the active trail is always visible */
#superfish-main-accordion li.sf-depth-1.active-trail {
  display: block !important;
}
object#pdf_reader {
    width: 100%;
}

/* Section Flex */
.sec-flex {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}