/*
 * 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. */
/* */
.navbar {
  color: white;
}
.header-nav {
  background-color: transparent;
}
.menu--main {
  justify-content: center;
  flex-direction: column;
  margin-bottom: 0;
  margin-top: 0;
}
.menu--main .menu--seperator {
    display: none;
    color: white;
  }
.menu--main .primary-nav__menu-link {
    font-size: var(--fs-h4);
    line-height: var(--lh-h4);
    font-weight: 600;
    font-family: var(--sans-serif);
  word-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  hyphens: auto;
  }
/* Janky fix, for nav-resize.js measuring height */
.primary-nav__menu-item--level-1 {
  max-width: inherit;
}
.menu--main button.primary-nav__button-toggle {
  width: 3.25rem;
  /* height: 3.25rem; */
  height: 100%;
  padding: 0;
  margin: 0;
  transition: background-color var(--base-duration) var(--base-timing), color var(--base-duration) var(--base-timing);
}
.menu--main button.primary-nav__button-toggle .icon--menu-toggle {
    transition: background-image var(--base-duration) var(--base-timing);
    background-image: url(../../images/triangle.svg);
    background-repeat: no-repeat;
    background-position: center center;
    position: static;
    height: 3.25rem;
    width: 3.25rem;
    display: block;
    transform: rotate(0deg);
  }
.menu--main button.primary-nav__button-toggle .icon--menu-toggle:before, .menu--main button.primary-nav__button-toggle .icon--menu-toggle:after {
      display: none;
    }
.menu--main button.primary-nav__button-toggle:focus, .menu--main button.primary-nav__button-toggle:hover {
    outline: none;

  }
.menu--main button.primary-nav__button-toggle:focus .icon--menu-toggle, .menu--main button.primary-nav__button-toggle:hover .icon--menu-toggle {
      background-image: url(../../images/triangle-black.svg);
    }
.menu--main button.primary-nav__button-toggle[aria-expanded="true"] .icon--menu-toggle {
    transform: rotate(180deg);
  }
@media (min-width: 75rem) {
    body:not(.is-always-mobile-nav) button.primary-nav__button-toggle[aria-expanded="true"] .icon--menu-toggle {
      transform: rotate(0deg);
    }
}