#block-olivero-main-menu{
 background-color:#ccc
}
.primary-nav__menu-link {
    flex-grow: 1;
    -webkit-text-decoration: none;
    text-decoration: none;
    color: var(--color-text-neutral-soft);
    font-size: 1.75rem;
     font-weight: normal !important;
    line-height: var(--sp2);
}
.page-wrapper {
    max-width: var(--max-bg-color);
    background: var(--color--white);
    margin-left: auto;
    margin-right: auto;/**/
}
.site-header__inner {
  z-index: 1; /* Appear in front of Drupal's tabs. */
  flex-grow: 1;
  width: calc(100vw - var(--content-left) - var(--drupal-displace-offset-left, 0px) - var(--drupal-displace-offset-right, 0px));
  background: #2d7581;
    background: #2f6d7a;
}
.site-header__initial {
    position: relative;
    z-index: 102;
    display: flex
;
    align-items: flex-end;
    align-self: stretch;
     background:none;  
}
.site-branding {
    display: flex
;
    flex-shrink: 1;
    align-items: flex-end;
    min-width: calc((2* var(--grid-col-width)) +(2* var(--grid-gap)) + var(--container-padding));
    min-height: var(--sp3);
    margin-inline: calc(-1* var(--container-padding)) var(--sp);
    padding-block: 0 var(--sp0-5);
    padding-inline-start: var(--container-padding);
    padding-inline-end: var(--container-padding);
     background:none;  
}
.site-header__fixable {
    display: flex;
    align-items: flex-end;
    transition: all 0.5s;
  background: #2d7581;
}

.header-nav {
    position: fixed;
    z-index: 501;
    inset-block-start: 0;
    inset-inline-start: 100%;
    visibility: hidden;
    overflow: auto;
    flex-basis: max-content;
    width: 100%;
    max-width: var(--mobile-nav-width);
    height: 100%;
    padding-block: 0 var(--sp);
    padding-inline-start: var(--sp);
    padding-inline-end: var(--sp);
    border-block-start: solid var(--color--white) calc(var(--sp3) + var(--drupal-displace-offset-top, 0px));
    /* */background : none;
    box-shadow: 0 0 72px rgba(0, 0, 0, 0.1);
}

body:not(.is-always-mobile-nav) .primary-nav__menu-link-inner {
    padding-block: 0;
    padding-inline-start: 0;
    padding-inline-end: 0;
  padding-left: 20px;
}
 @media (min-width: 43.75rem) {
    .main-content__container {
         padding-block-start:0
    }
}
.main-content__container {
     padding-block-start: 0
}
@media (min-width: 75rem) {
    body:not(.is-always-mobile-nav) .primary-nav__menu-link--level-2 .primary-nav__menu-link-inner {
        /* */ padding-block: 0;
        padding-inline-start: 0;
        padding-inline-end: 0;
    }
}

@media (min-width: 75rem) {
    body:not(.is-always-mobile-nav) .primary-nav__menu--level-2 {
 
        width: 17.0rem;
        padding-block: calc(1.4* var(--sp));

    }
}

button {
    font-family: inherit;
    background-color: #2F5C6C;
}

 

.site-footer {
     background:  #90A4AE;
}






@media (min-width: 62.5rem) {
    .layout--content-medium, .layout--pass--content-medium > * {
        grid-column: 1 / 13;
    }
}

@media (min-width: 75rem) {
    .site-footer__inner {
        padding-block: 0;
    }
}

@media (max-width: 767px) {
    .search-contact {
        display: none;/**/
    }
}

.page-wrapper {
    max-width: var(--max-bg-color);
    background: var(--color--white);
    margin-left: auto;
    margin-right: auto;/**/
}
body {
    background-image: none;/**/
}
.site-header__initial {
 background: white;  /* */
}

@media (min-width: 75rem) {
    body:not(.is-always-mobile-nav) .site-footer {
        border-inline-start: none;
    }
}
ul {
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: 0;
    list-style-type: disc;
    list-style-image: none;
}
/* Position all parent menu items */
.primary-nav__menu-item--has-children {
  position: relative !important;
}

/* Style for level-2 and level-3 submenus */
.primary-nav__menu--level-2,
.primary-nav__menu--level-3 {
  position: absolute !important;
  left: 100% !important; /* Position to the right */
  top: 0 !important;
  min-width: 200px;
  background: #fff;
  box-shadow: 2px 2px 6px rgba(0,0,0,0.1);
  display: none;
  z-index: 9999; /* Ensure menus appear above other content */
}

/* Show level-2 submenu on hover */
.primary-nav__menu-item--has-children:hover > .primary-nav__menu--level-2 {
  display: block !important;
  padding: 15px;
}

/* Show level-3 submenu when hovering over its parent (level-2 item) */
.primary-nav__menu-item--has-children .primary-nav__menu-item--has-children:hover > .primary-nav__menu--level-3 {
  display: block !important;
}
/* Remove scrollbars and allow full content height */
.primary-nav__menu--level-2,
.primary-nav__menu--level-3 {
  overflow: visible !important; /* Disable scrolling */
  max-height: none !important; /* Remove height restrictions */
  height: auto !important; /* Allow natural height */
}

/* For level-2 menus */
.primary-nav__menu--level-2 {
  position: absolute !important;
  top: 100% !important; /* Position below the parent */
  left: 0 !important; /* Align with parent's left edge */
  z-index: 9999;
}

/* For level-3 menus (nested to the right) */
.primary-nav__menu--level-3 {
  position: absolute !important;
  top: 0 !important; /* Align with parent's top edge */
  left: 100% !important; /* Position to the right of the parent */
  z-index: 9999;
}
@media (min-width: 75rem) {
    body:not(.is-always-mobile-nav) .primary-nav__menu--level-2 {

        padding-inline-end: 10px;

    }
}

@media (min-width: 43.75rem) {
  .text-content p, .cke_editable p {
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
  }
}


body:not(.is-always-mobile-nav) .primary-nav__menu-link-inner {
     padding-left: 0px;
}

@media (max-width: 768px) {  /* Adjust width as needed */
    .hide-mobile {
        display: none;
    }
}


 td {
    vertical-align: top !important;
  }
.page-wrapper {
    max-width: var(--max-bg-color);
    background: var(--color--white);
    margin-left: auto;
    margin-right: auto;/**/
}


/*files*/
/*base*/
/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/**
 * @file
 * Generic base elements.
 */

*,
*::before,
*::after {
  box-sizing: border-box !important;
}

html {
  font-family: var(--font-sans) !important;
  font-size: 100% !important;
  font-weight: normal !important;
  font-style: normal !important;
  line-height: var(--line-height-base) !important;
}

body {
  margin: 0 !important;
  word-wrap: break-word !important;
  hyphens: auto !important;
  color: var(--color-text-neutral-medium) !important;
  background-color: var(--color--gray-100) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='50' height='84' viewBox='0 0 50 84'%3e  %3cpath opacity='0.05' fill='%230e6ba6' d='M25,61.7C25,68.5,19.4,74,12.5,74S0,68.5,0,61.7c0-5.7,3.9-9.6,7.4-12.9c2.3-2.2,4.5-4.4,5.1-6.8c0.7,2.4,2.8,4.6,5.1,6.8C21.1,52.2,25,56,25,61.7z M42.6,6.8c-2.3-2.2-4.5-4.4-5.1-6.8c-0.7,2.4-2.9,4.6-5.1,6.8C28.9,10.2,25,14,25,19.7C25,26.5,30.6,32,37.5,32S50,26.5,50,19.7C50,14,46.1,10.2,42.6,6.8z'/%3e%3c/svg%3e") !important;
  background-position: top left !important; /* LTR */
}

body.is-fixed {
  position: fixed !important;
  overflow: hidden !important;
  width: 100% !important;
}

[dir="rtl"] body {
  background-position: top right !important;
}

a {
  color: var(--color-text-primary-medium) !important;
}

a:hover {
  color: var(--color--primary-50) !important;
}

a:focus {
  outline: solid 2px currentColor !important;
  outline-offset: 2px !important;
}

button {
  font-family: inherit !important;
}

img,
video {
  display: block !important;
  max-width: 100% !important;
  height: auto !important;
}

audio {
  display: block !important;
  max-width: 100% !important;
}

h1 {
  letter-spacing: -0.01em !important;
  font-size: 1.75rem !important;
  line-height: var(--sp2) !important;
}

@media (min-width: 43.75rem) {
  h1 {
    font-size: 3.75rem !important;
    line-height: var(--sp4) !important;
  }
}

h2 {
  letter-spacing: -0.01em !important;
  font-size: 1.5rem !important;
  line-height: var(--sp2) !important;
}

@media (min-width: 43.75rem) {
  h2 {
    font-size: 2.25rem !important;
    line-height: var(--sp3) !important;
  }
}

h3 {
  font-size: 1.25rem !important;
  line-height: var(--sp1-5) !important;
}

@media (min-width: 43.75rem) {
  h3 {
    font-size: 1.5rem !important;
    line-height: var(--sp2) !important;
  }
}

h4 {
  font-size: 1.125rem !important;
  line-height: var(--sp1-5) !important;
}

h5 {
  font-size: 1rem !important;
  line-height: var(--sp1-5) !important;
}

h6 {
  font-size: 0.875rem !important;
  line-height: var(--sp) !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-block: var(--sp) !important;
  color: var(--color-text-neutral-loud) !important;
  font-family: var(--font-sans) !important;
  font-weight: bold !important;
}

@media (min-width: 43.75rem) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin-block: var(--sp2) !important;
  }
}

ul {
  margin-block-start: 0.25em !important;
  margin-block-end: 0.25em !important;
  margin-inline-start: 1.5em !important;
  margin-inline-end: 0 !important;
  padding-inline-start: 0 !important;
  list-style-type: disc !important;
  list-style-image: none !important;
}

ul {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
  margin-inline-start: 0 !important;
  margin-inline-end: 0 !important;
  padding-inline-start: 0 !important;
  list-style-type: disc !important;
  list-style-image: none !important;
}

/* Position all parent menu items */
.primary-nav__menu-item--has-children {
  position: relative !important;
}

/* Style for level-2 and level-3 submenus */
.primary-nav__menu--level-2,
.primary-nav__menu--level-3 {
  position: absolute !important;
  left: 100% !important; /* Position to the right */
  top: 0 !important;
  min-width: 200px !important;
  background: #fff !important;
  box-shadow: 2px 2px 6px rgba(0,0,0,0.1) !important;
  display: none !important;
  z-index: 9999 !important; /* Ensure menus appear above other content */
}

/* Show level-2 submenu on hover */
.primary-nav__menu-item--has-children:hover > .primary-nav__menu--level-2 {
  display: block !important;
  padding: 15px !important;
}

/* Show level-3 submenu when hovering over its parent (level-2 item) */
.primary-nav__menu-item--has-children .primary-nav__menu-item--has-children:hover > .primary-nav__menu--level-3 {
  display: block !important;
}

/* Remove scrollbars and allow full content height */
.primary-nav__menu--level-2,
.primary-nav__menu--level-3 {
  overflow: visible !important; /* Disable scrolling */
  max-height: none !important; /* Remove height restrictions */
  height: auto !important; /* Allow natural height */
}

/* For level-2 menus */
.primary-nav__menu--level-2 {
  position: absolute !important;
  top: 100% !important; /* Position below the parent */
  left: 0 !important; /* Align with parent's left edge */
  z-index: 9999 !important;
}

/* For level-3 menus (nested to the right) */
.primary-nav__menu--level-3 {
  position: absolute !important;
  top: 0 !important; /* Align with parent's top edge */
  left: 100% !important; /* Position to the right of the parent */
  z-index: 9999 !important;
  padding: 20px !important;
}

@media (min-width: 75rem) {
  body:not(.is-always-mobile-nav) .primary-nav__menu--level-2 {
    padding-inline-end: 10px !important;
  }
}

body:not(.is-always-mobile-nav) .primary-nav__menu--level-2 {
  padding-inline-end: 10px !important;
}

.primary-nav__menu-link {
  font-size: 0.8rem !important;
}

/* Target ALL level-2 menu items (including "Meeting") */
.primary-nav__menu-link--level-2 .primary-nav__menu-link-inner--level-2,
.primary-nav__menu-link--nolink--level-2 .primary-nav__menu-link-inner--level-2 {
  color: black !important;
}

/* Target ALL level-3 menu items */
.primary-nav__menu-link--level-3 .primary-nav__menu-link-inner--level-3 {
  color: black !important;
}

/* Hover states for ALL level-2/3 items */
.primary-nav__menu-link--level-2:hover .primary-nav__menu-link-inner--level-2,
.primary-nav__menu-link--nolink--level-2:hover .primary-nav__menu-link-inner--level-2,
.primary-nav__menu-link--level-3:hover .primary-nav__menu-link-inner--level-3 {
  color: red !important;
}

@media (min-width: 43.75rem) {
  .text-content p, .cke_editable p {
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
  }
}

/*base*/


/*variable*/
/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/*
  Global CSS custom properties.
*/

/* stylelint-disable */

:root {
  --font-sans: "metropolis", sans-serif !important;
  --font-serif: "Lora", "georgia", serif !important;

  /* Typography helpers. */
  --font-size-base: 1rem !important;
  --font-size-l: 1.125rem !important;
  --font-size-s: 0.875rem !important;
  --font-size-xs: 0.8125rem !important;
  --font-size-xxs: 0.75rem !important;
  --line-height-base: 1.6875rem !important;
  --line-height-s: 1.125rem !important;

  /* Layout helpers. */
  --max-width: 84.375rem !important;
  --max-bg-color: 84.125rem !important; /* Width to which the background color extends to. */
  /*--max-bg-color: 98.125rem;  Width to which the background color extends to. */
  --sp: 1.125rem !important;
  --content-left: 5.625rem !important;
  --site-header-height-wide: var(--sp10) !important;
  --container-padding: var(--sp) !important;

  /**
   * Grid helpers.
   *
   * These variables help authors apply widths and negative margins to break items out of
   * the grid, while still conforming to the larger grid system.
   */
  --scrollbar-width: 0px !important; /* Unit must be specified here for calc() to work properly.*/
  --grid-col-count: 6 !important;
  --grid-gap: var(--sp) !important;
  --grid-gap-count: calc(var(--grid-col-count) - 1) !important; /* Count of grid-gaps. */
  --grid-full-width: calc(100vw - var(--sp2) - var(--scrollbar-width)) !important; /* Width of the entire grid. */
  --grid-col-width: calc((var(--grid-full-width) - (var(--grid-gap-count) * var(--grid-gap))) / var(--grid-col-count)) !important;

  /* Layout helpers */
  --sp0-25: calc(0.25 * var(--sp)) !important;
  --sp0-5: calc(0.5 * var(--sp)) !important;
  --sp0-75: calc(0.75 * var(--sp)) !important;
  --sp1: calc(1 * var(--sp)) !important;
  --sp1-5: calc(1.5 * var(--sp)) !important;
  --sp2: calc(2 * var(--sp)) !important;
  --sp2-5: calc(2.5 * var(--sp)) !important;
  --sp3: calc(3 * var(--sp)) !important;
  --sp3-5: calc(3.5 * var(--sp)) !important;
  --sp4: calc(4 * var(--sp)) !important;
  --sp4-5: calc(4.5 * var(--sp)) !important;
  --sp5: calc(5 * var(--sp)) !important;
  --sp6: calc(6 * var(--sp)) !important;
  --sp7: calc(7 * var(--sp)) !important;
  --sp8: calc(8 * var(--sp)) !important;
  --sp9: calc(9 * var(--sp)) !important;
  --sp10: calc(10 * var(--sp)) !important;
  --sp11: calc(11 * var(--sp)) !important;
  --sp12: calc(12 * var(--sp)) !important;
  --sp13: calc(13 * var(--sp)) !important;

  /**
   * Gray colors.
   *
   * Color number roughly corresponds to its luminosity.
   */
  --color--gray-hue: 201 !important;
  --color--gray-saturation: 15% !important;
  --color--gray-5: hsl(var(--color--gray-hue), var(--color--gray-saturation), 5%) !important; /* Black */
  --color--gray-10: hsl(var(--color--gray-hue), var(--color--gray-saturation), 11%) !important;
  --color--gray-20: hsl(var(--color--gray-hue), var(--color--gray-saturation), 20%) !important; /* Black 2 */
  --color--gray-45: hsl(var(--color--gray-hue), var(--color--gray-saturation), 44%) !important; /* Gray Dark */
  --color--gray-60: hsl(var(--color--gray-hue), var(--color--gray-saturation), 57%) !important; /* Gray medium */
  --color--gray-65: hsl(var(--color--gray-hue), var(--color--gray-saturation), 63%) !important; /* Black 4 */
  --color--gray-70: hsl(var(--color--gray-hue), var(--color--gray-saturation), 72%) !important; /* Gray medium 2 */
  --color--gray-90: hsl(var(--color--gray-hue), var(--color--gray-saturation), 88%) !important; /* Gray light */
  --color--gray-95: hsl(var(--color--gray-hue), var(--color--gray-saturation), 93%) !important; /* Gray light 1 */
  --color--gray-100: hsl(var(--color--gray-hue), var(--color--gray-saturation), 97%) !important; /* Gray light 2 */

  /**
   * Primary colors.
   *
   * Color number roughly corresponds to its luminosity.
   */
  --color--primary-hue: 202 !important;
  --color--primary-saturation: 79% !important;
  --color--primary-lightness: 50 !important;
  --color--primary-30: hsl(var(--color--primary-hue), var(--color--primary-saturation), calc(1% * (var(--color--primary-lightness) - (0.36 * var(--color--primary-lightness))))) !important;
  --color--primary-40: hsl(var(--color--primary-hue), var(--color--primary-saturation), calc(1% * (var(--color--primary-lightness) - (0.24 * var(--color--primary-lightness))))) !important; /* Blue dark */
  --color--primary-50: hsl(var(--color--primary-hue), var(--color--primary-saturation), calc(1% * var(--color--primary-lightness))) !important; /* Blue medium */
  --color--primary-60: hsl(var(--color--primary-hue), var(--color--primary-saturation), calc(1% * (var(--color--primary-lightness) + (0.24 * (100 - var(--color--primary-lightness)))))) !important; /* Blue bright */
  --color--primary-80: hsl(var(--color--primary-hue), var(--color--primary-saturation), calc(1% * (var(--color--primary-lightness) + (0.85 * (100 - var(--color--primary-lightness)))))) !important; /* Blue very bright */

  /**
   * Variables specific to text.
   */
  --color-text-neutral-soft: #000 !important;
  --color-text-neutral-medium: var(--color--gray-20) !important;
  --color-text-neutral-loud: var(--color--gray-5) !important;

  --color-text-primary-medium: var(--color--primary-40) !important;
  --color-text-primary-loud: var(--color--primary-30) !important;

  /**
   * Named Colors.
   */
  --color--black: #000 !important; /* Black */
  --color--white: #fff !important; /* White */
  --color--red: #e33f1e !important; /* Red */
  --color--gold: #fdca40 !important; /* Gold */
  --color--green: #3fa21c !important; /* Green */

  /* Header */
  --header-height-wide-when-fixed: var(--sp6) !important;

  /* Width of slide out navigation */
  --mobile-nav-width: 31.25rem !important;

  /* Border radius */
  --border-radius: 0.1875rem !important; /* Inline padding on .container elements. */
}

@media (min-width: 75rem) {
  :root {
    --container-padding: var(--sp2) !important;
  }
}

/* Width of a grid column. */

@media (min-width: 43.75rem) {
  :root {
    --grid-col-count: 14 !important;
    --grid-gap: var(--sp2) !important;
  }
}

@media (min-width: 62.5rem) {
  :root {
    --scrollbar-width: 0.9375rem !important; /* Approximate width of a scrollbar. Doesn't have to be perfect. */
  }
}

@media (min-width: 75rem) {
  :root {
    --grid-full-width: calc(100vw - var(--scrollbar-width) - var(--content-left) - var(--sp4)) !important;
  }
}

@media (min-width: 90rem) {
  :root {
    --grid-full-width: calc(var(--max-width) - var(--sp4)) !important;
  }
}
/*variable*/



/*Layout*/
/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/**
 * @file
 * Base Layout.
 */

.container {
  width: 100% !important;
  max-width: var(--max-width) !important;
  padding-inline: 0px !important;/* var(--container-padding); */

  /* This fixes an issue where if the toolbar is open in vertical mode, and
   * the mobile navigation is open, the "close" button gets pushed outside of
   * the viewport. */
}

body.is-fixed .container {
  width: calc(100% - var(--drupal-displace-offset-left, 0px) - var(--drupal-displace-offset-right, 0px)) !important;
}

.page-wrapper {
  max-width: var(--max-bg-color) !important;
  background: var(--color--white) !important;
}

/**
 * Creates stacking context ensuring that child elements can never appear in
 * front of mobile navigation.
 */

.layout-main-wrapper {
  position: relative !important;
  z-index: 2 !important; /* Ensure dropdown is not cut off by footer. */
}

/* Contains the social sidebar, and the primary content area. */

@media (min-width: 75rem) {
  .layout-main {
    display: flex !important;
    flex-direction: row-reverse !important;
    flex-wrap: wrap !important;
  }
}

@media (min-width: 75rem) {
  .main-content {
    width: calc(100% - var(--content-left)) !important;
    margin-inline-end: auto !important;
  }
}

.main-content__container {
  padding-block-start: var(--sp3) !important;
}

@media (min-width: 43.75rem) {
  .main-content__container {
    padding-block-start: var(--sp5) !important;
  }
}

/*
 * Contextual link wrappers load without the ".contextual" CSS class, which
 * causes layout shifts. We fix this by setting this to position: absolute;
 */

[data-contextual-id]:not(.contextual) {
  position: absolute !important;
}

/*Layout*/
/*files*/

body{
background-color:#f4f9f9 !important;
background-image:none  !important;
}

/* =========================================
   FIX: Remove bullet points from submenus
   ========================================= */
.primary-nav__menu--level-2,
.primary-nav__menu--level-3,
.primary-nav__menu--level-2 li,
.primary-nav__menu--level-3 li {
  list-style: none !important;
  list-style-type: none !important;
  list-style-image: none !important;
  margin-inline-start: 0 !important; /* Removes the extra left indent from the global ul */
}











/* 3. 508 COMPLIANCE: TRIGGER ON FOCUS AND ON ENTER (ARIA STATE) 
@media (min-width: 75rem) {
    .primary-nav__button-toggle:focus + .primary-nav__menu--level-2,
   
    .primary-nav__button-toggle[aria-expanded="true"] + .primary-nav__menu--level-2,
   
    .primary-nav__menu-item--has-children:focus-within > .primary-nav__menu--level-2 {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .primary-nav__button-toggle:focus + .primary-nav__menu--level-3,
    .primary-nav__button-toggle[aria-expanded="true"] + .primary-nav__menu--level-3,
    .primary-nav__menu-item--has-children:focus-within > .primary-nav__menu--level-3 {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

*/


/* 3. 508 COMPLIANCE: ARROW-ONLY TRIGGER 
@media (min-width: 75rem) {
   
    .primary-nav__menu--level-2 {
        display: none !important;
        visibility: hidden !important;
    }

    .primary-nav__button-toggle:focus + .primary-nav__menu--level-2,
   
    .primary-nav__button-toggle[aria-expanded="true"] + .primary-nav__menu--level-2,
   
    .primary-nav__menu--level-2:focus-within {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}
*/


/* 508 COMPLIANCE: Target ONLY the arrow button focus */
@media (min-width: 75rem) {
   
    /* When the button (arrow) is focused via Keyboard */
    .primary-nav__button-toggle:focus + .primary-nav__menu--level-2,
    /* When the button is clicked/activated via Enter/Space */
    .primary-nav__button-toggle[aria-expanded="true"] + .primary-nav__menu--level-2,
    /* Keep it open while the keyboard user is inside the submenu */
    .primary-nav__menu--level-2:focus-within {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

@media (min-width: 43.75rem) {
    .main-content__container {
        padding-block-start:0px !important;
    }
}

.main-content__container {
     padding-block-start: 0px !important;
}


.primary-nav__menu-link-inner::after {
   /* bottom: -26px !important;    Move line below text */
}
/* 3. 508 Compliance: Allow keyboard users to open menus */
/* This ensures that when a user Tabs onto the arrow, the menu opens */
@media (min-width: 75rem) {
    .primary-nav__menu-item--has-children:focus-within > .primary-nav__menu--level-2 {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}




/* --- 3. 508 COMPLIANCE FOR ALL LEVELS (1, 2, and 3) --- */
/* This ensures that when you tab into ANY level, the next level opens */
@media (min-width: 75rem) {
    .primary-nav__menu-item--has-children:focus-within > .primary-nav__menu--level-2,
    .primary-nav__menu-item--has-children:focus-within > .primary-nav__menu--level-3,
    .primary-nav__menu-item--has-children:focus-within > .primary-nav__menu--level-4 {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

    }
}

/*Line issue fix*/


/* 1. NUKE THE CENTER LINE (Same as before) */
html body .primary-nav__menu-link::before,
html body .primary-nav__menu-link:focus::before,
html body .primary-nav__menu-link:active::before,
html body .primary-nav__menu-link.is-active::before,
html body .primary-nav__menu-item--active-trail > .primary-nav__menu-link::before {
    display: none !important;
    content: none !important;
}

@media (min-width: 75rem) {
    /* 2. PREP THE UNDERLINE CONTAINER */
    html body:not(.is-always-mobile-nav) .primary-nav__menu-link-inner {
        position: relative !important;
        display: block !important;
    }

    /* 3. DEFINE THE UNDERLINE (Hidden by default) */
    html body:not(.is-always-mobile-nav) .primary-nav__menu-link .primary-nav__menu-link-inner::after {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        bottom: -8px !important;
        left: 0 !important;
        width: 100% !important;
        height: 4px !important; /* Adjust thickness to match your strong hover */
        background-color: #1b9ae4 !important;
       
        /* Force it to be hidden even on Active/Clicked pages */
        transform: scaleX(0) !important;
        opacity: 0 !important;
       
        transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out !important;
        inset-block-end: auto !important;
        margin-block-end: 0 !important;
    }

    /* 4. THE MAGIC SWITCH: ONLY SHOW ON ACTUAL HOVER */
    /* This overrides the 'hidden' state above ONLY when the mouse is over the item.
       It ignores whether the page is active or not. */
    html body:not(.is-always-mobile-nav) .primary-nav__menu-link:hover .primary-nav__menu-link-inner::after {
        transform: scaleX(1) !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
}

html body:not(.is-always-mobile-nav) .primary-nav__menu-link:hover .primary-nav__menu-link-inner::after, html body:not(.is-always-mobile-nav) .primary-nav__menu-link:focus .primary-nav__menu-link-inner::after { transform: scaleX(1) !important; opacity: 1 !important; visibility: visible !important; }   

 .primary-nav__menu-🥕  
{
   display: none !important;
}