.contact table td {

    vertical-align: top !important;
text-align:left !important;
  }
table.contact td:first-child {
  padding-right: 40px;
}
#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;
    }
}


/*for menu*/

/* Ensure proper positioning for all menu levels */
.primary-nav__menu-item--has-children {
  position: relative;
}
/* Level 2+ menu styling */
.primary-nav__menu--level-2,
.primary-nav__menu--level-3 {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  min-width: 250px;
  background: #fff;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
  z-index: 100;
}
/* Show menu when active or parent is active */
.is-active-menu-parent > .primary-nav__menu--level-2,
.primary-nav__menu-item--has-children:focus-within > .primary-nav__menu--level-3,
.primary-nav__menu--level-2.is-active-menu-parent {
  display: block;
}
/* Toggle button rotation */
.primary-nav__button-toggle[aria-expanded="true"] .icon--menu-toggle {
  transform: rotate(180deg);
}
/* Keyboard focus states */
.primary-nav__menu-link:focus,
.primary-nav__button-toggle:focus {
  outline: 2px solid #004c84;
  outline-offset: 2px;
}
/* Mobile responsiveness */
@media (max-width: 768px) {
  .primary-nav__menu--level-2,
  .primary-nav__menu--level-3 {
    position: static;
    box-shadow: none;
    width: 100%;
  }
  
  .primary-nav__button-toggle[aria-expanded="true"] + .primary-nav__menu--level-2 {
    display: block;
  }
}
/*autohide*/
/* ================== */
/* Menu Auto-Hiding   */
/* ================== */
/* Hide all menus by default */
.primary-nav__menu--level-2,
.primary-nav__menu--level-3,
.primary-nav__menu--level-4 {
  display: none;
}
/* Show active menus */
.is-active-menu-parent > .primary-nav__menu--level-2,
.primary-nav__menu-item--has-children.is-active-menu-parent > .primary-nav__menu--level-3,
.primary-nav__menu-item--has-children.is-active-menu-parent > .primary-nav__menu--level-4 {
  display: block;
}
/* Hide menu when not focused */
.primary-nav__menu-item--has-children:not(:focus-within):not(:hover) > .primary-nav__menu--level-2,
.primary-nav__menu-item--has-children:not(:focus-within):not(:hover) > .primary-nav__menu--level-3,
.primary-nav__menu-item--has-children:not(:focus-within):not(:hover) > .primary-nav__menu--level-4 {
  display: none;
}
/* ================== */
/* Menu Positioning   */
/* ================== */
/* Level 2 menu positioning */
.primary-nav__menu--level-2 {
  position: absolute;
  left: 0;
  top: 100%;
  min-width: 250px;
  background: #fff;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
  z-index: 100;
}
/* Level 3 menu positioning */
.primary-nav__menu--level-3 {
  position: absolute;
  left: 100%;
  top: 0;
  min-width: 250px;
  background: #fff;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
  z-index: 101;
}
/* Level 4 menu positioning */
.primary-nav__menu--level-4 {
  position: absolute;
  left: 100%;
  top: 0;
  min-width: 250px;
  background: #fff;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
  z-index: 102;
}
/* Position context for menus */
.primary-nav__menu-item--has-children {
  position: relative;
}
/* ================== */
/* Visual Enhancements */
/* ================== */
/* Toggle button rotation */
.primary-nav__button-toggle[aria-expanded="true"] .icon--menu-toggle {
  transform: rotate(180deg);
}
/* Focus states for accessibility */
.primary-nav__menu-link:focus,
.primary-nav__button-toggle:focus {
  outline: 2px solid #004c84;
  outline-offset: 2px;
}
/* Hover states */
.primary-nav__menu-item:hover {
  
}
/* ================== */
/* Mobile Responsiveness */
/* ================== */
@media (max-width: 768px) {
  .primary-nav__menu--level-2,
  .primary-nav__menu--level-3,
  .primary-nav__menu--level-4 {
    position: static;
    box-shadow: none;
    width: 100%;
    left: 0 !important;
    top: auto !important;
  }
  
  /* Adjust toggle button position on mobile */
  .primary-nav__button-toggle {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
  }
}