/*
 * DO NOT EDIT THIS FILE.
 * Edit .pcss.css file instead and recompile.
*/
/**
 * @file
 * Visual styles for menu.
 */
/*
  Custom CSS properties and mixins.
  These are "compiled" by postcss/postcss-custom-properties for IE11 compatibility.
  CSS variables (those that start with --) are included in the generated CSS. Sass style variables (those that start with $) are for internal processing.
*/
/* Internal variables */
/*1px */
/*16px */
/*4px */
/*5.33333333px */
/*8px */
/*12px */
/*20px */
/*24px, */
/*32px */
/*44px (named after omicron variant BS.2.75.2) */
/*48px */
/*desktop + 32px; */
/*max-width + 64px; */
/* RGB colors, useful for when you need to include a color in an RGBA set. */
/* Mixins */
/* */
/* Hide elements visually, but keep them available for screen-readers. */
/* */
/* Used for information required for screen-reader users to understand and use */
/* the site where visual display is undesirable. Information provided in this */
/* manner should be kept concise, to avoid unnecessary burden on the user. */
/* "!important" is used to prevent unintentional overrides. */
/* */
.header-nav-overlay {
  opacity: 0.75;
}
/* background-color: var(--c-blue); */
.menu--main .menu--seperator {
    display: none;
  }
.header-nav {
  padding: 0;
  border-top: inherit;
}
body:not(.path-frontpage) .header-nav {
    background-color: rgba(0,0,0,0.2);
  }
.header-nav {
  padding: 0;
  border: none;
}
/* background-color: var(--c-blue); */
.header-nav .primary-nav__menu-item {
    margin-bottom: inherit;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    color: white;
    align-items: center;
  }
.header-nav .primary-nav__menu-item.primary-nav__menu-item--has-children {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 3.25rem;
      grid-template-columns: 1fr 3.25rem;
      -ms-grid-rows: auto auto;
      grid-template-rows: auto auto;
          grid-template-areas: "link expander" "child child";
      /* @media (width > $narrow) {
        grid-template-columns: auto 4.25rem;
      } */
    }
.header-nav .primary-nav__menu-item a.primary-nav__menu-link {
      -ms-grid-row: 1;
      -ms-grid-column: 1;
      display: block;
      grid-area: link;
      padding: calc(0.75rem - 1px) var(--space) calc(0.75rem + 1px);
      transition: background-color var(--base-duration) var(--base-timing), color var(--base-duration) var(--base-timing);
    }
.header-nav .primary-nav__menu-item a.primary-nav__menu-link:focus, .header-nav .primary-nav__menu-item a.primary-nav__menu-link:hover {
        outline: none;
        background-color: white;
        color: black;
      }
@media (min-width: 569px){
.header-nav .primary-nav__menu-item a.primary-nav__menu-link {
        padding-left: var(--double-space);
        padding-right: var(--double-space)
    }
      }
@media (min-width: 701px){
.header-nav .primary-nav__menu-item a.primary-nav__menu-link {
        padding-left: var(--double-space);
        padding-right: var(--double-space);
        padding-top: 0.75rem;
        padding-bottom: calc(0.75rem + 1px)
    }
      }
.header-nav .primary-nav__menu-item .primary-nav__button-toggle {
      -ms-grid-row: 1;
      -ms-grid-column: 2;
      border-radius: 0; 
      grid-area: expander;
    }
.header-nav .primary-nav__menu-item .primary-nav__button-toggle:hover, .header-nav .primary-nav__menu-item .primary-nav__button-toggle:focus {
        background-color: white;
      }
.header-nav .primary-nav__menu-item div {
      -ms-grid-row: 2;
      -ms-grid-column: 1;
      -ms-grid-column-span: 2;
      grid-area: child;
    }
.header-nav .primary-nav__menu-link-inner {
    padding-top: 0;
    padding-bottom: 0;
  }
.toolbar-icon-9 .header-nav.is-active {
    margin-top: 3rem;
  }
.header-nav.is-active .region-primary-menu {
    padding: 0;
  }
.header-nav.is-active .region-primary-menu .contextual {
      display: none;
    }
.header-nav.is-active .primary-nav, .header-nav.is-active .primary-nav__menu {
    margin: 0;
  }
div.primary-nav__menu a.is-active {
    color: white;
  }
.primary-nav__menu-link--level-1 {
  letter-spacing: normal;
}
.primary-nav__menu--level-2 .primary-nav__menu-item--level-2 {
  border-bottom: 0;
  border-top: 1px solid rgba(255,255,255,0.60);
  background-color: rgba(255,255,255,0.75);
}
.primary-nav__menu--level-2 .primary-nav__menu-item--level-2:first-child {
    padding-top: 0;
  }
.primary-nav__menu--level-2 .primary-nav__menu-item--level-2:last-child {
    padding-bottom: 0;
  }
.primary-nav__menu--level-2 .primary-nav__menu-item--level-2 a.primary-nav__menu-link {
    font-weight: 400;
    color: black;
  }
.primary-nav__menu--level-2 .primary-nav__menu-item--level-2 a.primary-nav__menu-link:hover span {
      -webkit-text-decoration: none;
      text-decoration: none;
    }
.primary-nav__menu--level-2 .primary-nav__menu-item--level-2 a.primary-nav__menu-link:focus {
      outline: none;
    }
@media (min-width: 701px){
.primary-nav__menu--level-2 .primary-nav__menu-item--level-2 a.primary-nav__menu-link {
      padding-top: calc(0.75rem - 1px);
      padding-bottom: calc(0.75rem + 1px)
  }
    }
.header-nav div.primary-nav__menu-item.menu-social {
  border-bottom-color: rgba(0,0,0,0.15);
}
.header-nav div.primary-nav__menu-item.menu-social a {
    color: var(--c-link);
    background-color: rgba(255,255,255,0.95);
  }
.header-nav div.primary-nav__menu-item.menu-social a:hover, .header-nav div.primary-nav__menu-item.menu-social a:focus {
      background-color: rgba(255,255,255,0.75);
      color: black;
    }
.primary-nav__menu--level-2.is-active-menu-parent {
  padding-left: 0;
}