/* Site navigation styles, ported verbatim from the inline <style> block in the
   WordPress theme's header.php. */
:root {
    --ee-blue: #293C8F;
    --highlight-blue: #4357EE;
}

nav#ee-site-navigation #main-menu * {
  outline: none;
}

nav#ee-site-navigation {
    position: relative;
    z-index: 999;
    width: -webkit-fill-available;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    background-color: white;
    font-family: 'Lato', sans-serif;
}

nav#ee-site-navigation svg {
  fill: var(--ee-blue);
}

nav#ee-site-navigation a[aria-expanded='true'] svg {
  transform: scaleY(-1);
}

nav#ee-site-navigation a {
    height: 100%;
    display: flex;
    font-size: 1rem;
    text-decoration: none;
    align-items: center;
    padding: 0 20px;
}

nav#ee-site-navigation > div:not(.menu-toggle) {
    height: 100%;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

nav#ee-site-navigation > div:last-child { justify-content: end; }
nav#ee-site-navigation > div:first-child { justify-content: start; }

nav#ee-site-navigation #ee-logo {
  height: 79px;
}

nav#ee-site-navigation #ee-logo a {
    background-repeat: no-repeat;
    background-position-y: center;
    height: 79px;
    display: inline-block;
}

nav#ee-site-navigation *[role="button"] {
    cursor: pointer;
}

nav#ee-site-navigation li:has(>ul):has(:focus),
nav#ee-site-navigation li:has(>ul):has(:hover) {
  box-shadow: none !important;
}

nav#ee-site-navigation li > a:hover,
nav#ee-site-navigation li > a:focus,
nav#ee-site-navigation li p:has(a:focus),
nav#ee-site-navigation li p:has(a:hover),
nav#ee-site-navigation li *[role="button"]:hover,
nav#ee-site-navigation li *[role="button"]:focus,
nav#ee-site-navigation .menu-toggle:has(>:focus),
nav#ee-site-navigation .menu-toggle:has(>:hover),
nav#ee-site-navigation .submenu .current-item a:hover,
nav#ee-site-navigation .submenu .current-item a:focus {
    box-shadow: inset 0 0 0 4px var(--highlight-blue), inset 0 0 0 6px white;
}

nav#ee-site-navigation .menu-toggle a {
  color: var(--ee-blue);
  font-weight: 700;
}

nav#ee-site-navigation li p a {
  padding: 0 !important;
}

nav#ee-site-navigation li #blog-chevron,
nav#ee-site-navigation li span:has(svg) {
  padding: 18px !important;
  min-height: unset !important;
  height: auto !important;
}

nav#ee-site-navigation li.current-item > a,
nav#ee-site-navigation li.current-item > p {
    background-color: var(--ee-blue);
}

nav#ee-site-navigation li.current-item > p a,
nav#ee-site-navigation li.current-item > p svg,
nav#ee-site-navigation li.current-item > a svg,
nav#ee-site-navigation li.current-item > a span svg,
nav#ee-site-navigation li.current-item > a {
    color: white !important;
    fill: white !important;
}

nav#ee-site-navigation li:has(*[aria-expanded="true"]) ul,
nav#ee-site-navigation:has(.menu-toggle *[aria-expanded="true"]) > ul {
    display: block !important;
}

nav#ee-site-navigation #main-menu {
    justify-content: space-between;
    width: 100vw;
    width: -webkit-fill-available;
    position: absolute;
    top: 79px;
    left: 0;
    display: none;
    padding: 0;
    margin: 0;
    list-style: none;
    background-color: white;
    box-shadow: 0 12px 12px 0 rgba(0,0,0,.2);
}

nav#ee-site-navigation #main-menu li a,
nav#ee-site-navigation #main-menu li p {
    min-height: 79px;
    margin: 0;
    padding: 0 12px 0 20px;
    display: flex;
    font-size: 1.2rem;
    font-weight: 700;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
}

nav#ee-site-navigation #main-menu #contact-menu {
  justify-content: flex-start;
}

nav#ee-site-navigation #main-menu li:not(.current-item) a,
nav#ee-site-navigation #main-menu li:not(.current-item) p {
  color: var(--ee-blue);
}

nav#ee-site-navigation #main-menu li:has(span[aria-expanded]) {
    gap: 12px;
}

nav#ee-site-navigation #main-menu .submenu {
    display: none;
    padding-left: 0;
    margin: 0;
    list-style: none;
    box-shadow: 0 12px 12px 0 rgba(0,0,0,.2);
}

nav#ee-site-navigation #main-menu .submenu a {
  padding-left: 36px;
}

.search-toggle svg {
    display: none;
}

@media screen and (min-width: 961px) {
    nav#ee-site-navigation {
        display: grid;
        grid-template-columns: 1fr auto auto;
    }

    .menu-toggle {
        display: none !important;
    }

    nav#ee-site-navigation #main-menu {
        justify-content: unset;
        width: fit-content !important;
        position: relative;
        top: 0;
        display: flex !important;
        padding-right: 0;
        box-shadow: none;
    }

    nav#ee-site-navigation #main-menu li a {
        justify-content: left;
      }

    nav#ee-site-navigation #main-menu li a,
    nav#ee-site-navigation #main-menu li p {
      gap: 12px;
      padding: 0 20px;
    }

    nav#ee-site-navigation #main-menu li p:has(#blog-chevron:focus),
    nav#ee-site-navigation #main-menu li p:has(#blog-chevron:hover) {
      box-shadow: none;
    }

    nav#ee-site-navigation #main-menu li:has(>ul) > a,
    nav#ee-site-navigation #main-menu li:has(>ul) > p {
      padding: 0 0 0 20px;
    }

    nav#ee-site-navigation #main-menu .submenu {
        background-color: white;
        position: absolute;
        top: 79px;
    }

    nav#ee-site-navigation #main-menu .submenu a {
      padding-left: 20px;
    }

    .search-toggle svg {
        display: block;
    }

    .search-toggle span {
        display: none;
    }

    nav#ee-site-navigation li #blog-chevron,
    nav#ee-site-navigation li span:has(svg) {
      padding: 0;
      margin-right: 12px !important;
    }
}