/*
 * 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. */
/* */
@media (min-width: 75rem) {
    body:not(.is-always-mobile-nav) .mobile-nav-close-button {
      display: none;
    }
    body:not(.is-always-mobile-nav) .region-primary-menu {
      width: 100%;
      padding-left: 0;
      padding-right: 0;
    }
    body:not(.is-always-mobile-nav) .menu--main {
      margin-left: 0;
      margin-right: 0;
    }
      body:not(.is-always-mobile-nav) .navbar .menu-social {
        display: none;
      }
    body:not(.is-always-mobile-nav) .header-nav {
      height: inherit;
    }
      body:not(.is-always-mobile-nav) .header-nav .primary-nav__menu--level-1 {
        justify-content: space-between;
        margin-right: 0;
        align-items: center;
      }
      body:not(.is-always-mobile-nav) .header-nav .primary-nav__menu-item--level-1 {
        max-width: inherit;
      }
        body:not(.is-always-mobile-nav) .header-nav .primary-nav__menu-item--level-1:not(:last-child) {
          margin-right: 0;
        }
      body:not(.is-always-mobile-nav) .header-nav .primary-nav__menu-item {
        border: none;
      }
          body:not(.is-always-mobile-nav) .header-nav .primary-nav__button-toggle .icon--menu-toggle {
              transition: background-color var(--base-duration) var(--base-timing), background-image var(--base-duration) var(--base-timing);
              transform: inherit;
              background-size: 0.85rem;
              margin-right: 0.3rem;
              background-color: transparent;
              width: 2rem;
              height: 2rem;
          }
          body:not(.is-always-mobile-nav) .header-nav .primary-nav__button-toggle:hover, body:not(.is-always-mobile-nav) .header-nav .primary-nav__button-toggle:focus, body:not(.is-always-mobile-nav) .header-nav .primary-nav__button-toggle[aria-expanded="true"] {
            background-color: transparent;
          }
            body:not(.is-always-mobile-nav) .header-nav .primary-nav__button-toggle:hover .icon--menu-toggle, body:not(.is-always-mobile-nav) .header-nav .primary-nav__button-toggle:focus .icon--menu-toggle, body:not(.is-always-mobile-nav) .header-nav .primary-nav__button-toggle[aria-expanded="true"] .icon--menu-toggle {
              background-color: white;
              background-image: url(../../images/triangle-black.svg);
            }
        body:not(.is-always-mobile-nav) .header-nav .primary-nav__menu-item.primary-nav__menu-item--has-children {
          -ms-grid-columns: auto 3rem;
          grid-template-columns: auto 3rem;
        }
        body:not(.is-always-mobile-nav) .header-nav .primary-nav__menu-item a.primary-nav__menu-link {
          transition: color var(--transition);
        }
          body:not(.is-always-mobile-nav) .header-nav .primary-nav__menu-item a.primary-nav__menu-link span {
            padding-left: var(--quarter-space);
            padding-right: var(--quarter-space);
            border-radius: var(--border-radius);
            transition: background-color var(--base-duration) var(--base-timing);
          }
            body:not(.is-always-mobile-nav) .header-nav .primary-nav__menu-item a.primary-nav__menu-link:focus span {
              background-color: white;
              color: black;
            }
            body:not(.is-always-mobile-nav) .header-nav .primary-nav__menu-item a.primary-nav__menu-link:focus {
            color: white;
    }
          body:not(.is-always-mobile-nav) .header-nav .primary-nav__menu-item a.primary-nav__menu-link:focus, body:not(.is-always-mobile-nav) .header-nav .primary-nav__menu-item a.primary-nav__menu-link:hover {
            background-color: transparent;
            color: white;
          }
          body:not(.is-always-mobile-nav) .header-nav .primary-nav__menu-item a.primary-nav__menu-link.primary-nav__menu-link--has-children {
              padding-right: 0.3rem;
          }

    body:not(.is-always-mobile-nav) .menu--seperator {
      display: block;
      padding-bottom: 5px;
    }
      body:not(.is-always-mobile-nav) .menu--seperator.isFirst, body:not(.is-always-mobile-nav) .menu--seperator.isLast {
        /* color: transparent; */
        display: none;
      }
      body:not(.is-always-mobile-nav) .menu--seperator.isSocial:not(.isLast) {
        display: none;
      }
    body:not(.is-always-mobile-nav) .primary-nav__menu--level-2 {
      border: none;
      top: 0;
      left: 0;
      width: 100%;
      padding: 0;
      background-color: white;
      max-height: 0;
      transform: translate(0);
      transition: none;
      /* visibility: visible; */
      opacity: 1;
      overflow: hidden;
    }
    body:not(.is-always-mobile-nav) .primary-nav__menu-link-inner {
      padding-top: 0;
      padding-bottom: 0;
    }
    body:not(.is-always-mobile-nav) .primary-nav__menu--level-2 .primary-nav__menu-item--level-2 a.primary-nav__menu-link {
      padding: var(--quarter-space) var(--space);
      margin-left: var(--half-space);
      margin-right: var(--half-space);
      border-radius: var(--border-radius);
      background-color: transparent;
      transition: background-color var(--base-duration) var(--base-timing);
    
    }
      body:not(.is-always-mobile-nav) .primary-nav__menu--level-2 .primary-nav__menu-item--level-2 a.primary-nav__menu-link span {
        transition: background-color var(--base-duration) var(--base-timing), color var(--base-duration) var(--base-timing);
      }
      body:not(.is-always-mobile-nav) .primary-nav__menu--level-2 .primary-nav__menu-item--level-2 a.primary-nav__menu-link:hover, body:not(.is-always-mobile-nav) .primary-nav__menu--level-2 .primary-nav__menu-item--level-2 a.primary-nav__menu-link:focus {
        background-color: var(--c-theme-color);
      }
        body:not(.is-always-mobile-nav) .primary-nav__menu--level-2 .primary-nav__menu-item--level-2 a.primary-nav__menu-link:hover span, body:not(.is-always-mobile-nav) .primary-nav__menu--level-2 .primary-nav__menu-item--level-2 a.primary-nav__menu-link:focus span {
          -webkit-text-decoration: none;
          text-decoration: none;
          background-color: transparent;
          color: var(--c-white);
        }
      body:not(.is-always-mobile-nav) .primary-nav__menu--level-2 .primary-nav__menu-item--level-2:first-child {
        padding-top: var(--half-space);
      }
        body:not(.is-always-mobile-nav) .primary-nav__menu--level-2 .primary-nav__menu-item--level-2:first-child a.primary-nav__menu-link {
          padding-top: var(--quarter-space);
        }
      body:not(.is-always-mobile-nav) .primary-nav__menu--level-2 .primary-nav__menu-item--level-2:last-child {
         padding-bottom: var(--half-space);
      }
         body:not(.is-always-mobile-nav) .primary-nav__menu--level-2 .primary-nav__menu-item--level-2:last-child a.primary-nav__menu-link {
          padding-bottom: var(--quarter-space);
        }
  html.js body:not(.is-always-mobile-nav) .primary-nav__menu--level-2 {
    transition: max-height var(--slow-duration) var(--base-timing);
    min-width: max-content;
  }
    html.js body:not(.is-always-mobile-nav) .primary-nav__menu--level-2.is-active-menu-parent {
        max-height: 500px;
        transform: translate(0);
        box-shadow: var(--block-shadow);
        /* padding-block-start: var(--half-space); */

    }
}
@media (min-width: 769px) {
.header-nav div.primary-nav__menu div.menu-social {
            display: none
    }
        }