/*
 * 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 */
/*24px */
/*32px */
/*48px */
/*max-width + 32px; */
/* 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. */
/* */
/*stable9 styles */
ul.menu {
  margin-left: 1em; /* LTR */
  padding: 0;
  list-style: none outside;
  text-align: left; /* LTR */
}
[dir="rtl"] ul.menu {
  margin-right: 1em;
  margin-left: 0;
  text-align: right;
}
.menu-item--expanded {
  list-style-type: circle;
  list-style-image: url(../../images/icons/menu-expanded.png);
}
.menu-item--collapsed {
  list-style-type: disc;
  list-style-image: url(../../images/icons/menu-collapsed.png); /* LTR */
}
[dir="rtl"] .menu-item--collapsed {
  list-style-image: url(../../images/icons/menu-collapsed-rtl.png);
}
.menu-item {
  margin: 0;
  padding-top: 0.2em;
}
ul.menu a.is-active {
  color: #000;
}
/*charza styles */
/* Animate menu icon (lines). */
.menu-toggle {
  width: 1.75rem;
  height: 1.5rem;
  top: 0;
  font-size: 0.875rem;
  position: relative;
}
.menu-toggle__line1 {
  display: block;
  height: 4px;
  width: 28px;
  background-color: var(--c-nav-fg);
  transition: calc(var(--base-duration)*2) var(--base-timing) all;
  position: absolute;
  border-radius: 4px;
  }
.active .menu-toggle__line1 {
      transform: rotate(45deg);
      top:10px;
      width: 26px;
      left: 2px;
    }
@media (min-width: 569px) {
.active .menu-toggle__line1 {
        background-color: var(--c-nav-fg)
    }
      }
.menu-toggle__line2 {
  display: block;
  height: 4px;
  width: 28px;
  background-color: var(--c-nav-fg);
  transition: calc(var(--base-duration)*2) var(--base-timing) all;
  position: absolute;
  border-radius: 4px;
  }
.menu-toggle__line2 {
    top: 9px;
  }
.active .menu-toggle__line2 {
      background-color: transparent;
      width: 0;
    }
.menu-toggle__line3 {
  display: block;
  height: 4px;
  width: 28px;
  background-color: var(--c-nav-fg);
  transition: calc(var(--base-duration)*2) var(--base-timing) all;
  position: absolute;
  border-radius: 4px;
  }
.menu-toggle__line3 {
    top: 18px;
  }
.active .menu-toggle__line3 {
      transform: rotate(-45deg);
      top: 10px;
      width: 26px;
      left: 2px;
    }
@media (min-width: 569px) {
.active .menu-toggle__line3 {
        background-color:  var(--c-nav-fg)
    }
      }
.menu-toggle__wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
@media (min-width: 569px){
.menu-toggle__wrapper {
      justify-content: flex-end
  }
    }
.menu-toggle__label {
    margin-left: 0.75rem;
    height: 23px;
    color: var(--c-nav-fg);
  }
.region-primary-menu {
  /*background-color:  var(--c-nav-bg); */
  /*\//pull the menubar up above hero image. */
  /*margin-top: -56px; */
  /*@media (width > $desktop) { */
  /*margin-top: -var(--navbar-height); */
}
@media (min-width: 901px) {
.menu--main {
    padding: 0 var(--space) var(--sesqui-space)
}
  }
.menu--main {
  justify-content: center;
  flex-direction: column;
  margin-bottom: 0;
  margin-top: 0;
}
.menu--main .menu-item {
    padding: var(--space) var(--half-space);
    line-height: 1.3;
    font-size: var(--base-font-size);
    font-family: var(--sans-serif);
    text-align: center;
    display: block;
  }
/*@include link-colors(white,$c-light-gray); */
.menu--main .menu-item a:hover {
        -webkit-text-decoration: none;
        text-decoration: none;
      }
.menu--main .menu-item a.is-active {
        color: white;
      }
.menu--main .menu-item a:focus {
      }
.menu--main .menu--seperator {
    display: none;
  }
.menu--main .menu--wrapper {
    transition: var(--base-duration) var(--base-timing) all;
    margin: 0;
    padding: 0 var(--half-space) var(--space);
    border-radius: 0 0 var(--base-border-radius) var(--base-border-radius);
    font-weight: 500;
    overflow: hidden;
  }
@media (max-width: 567px) {
    .menu--main .menu--wrapper .menu--sub .menu-item:first-child {
      padding-top: 0;
    }
  }
@media (min-width: 901px) {
.menu--main .menu--wrapper {
    padding: 0
  }
    .menu--main .menu--wrapper .menu {
      text-align: left;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: var(--navbar-height);
      gap: var(--space);
    }
      .menu--main .menu--wrapper .menu--sub {
        display: flex;
        margin: 0 2px var(--sesqui-space);
        align-items: center;
        justify-content: space-between;
      }
          .menu--main .menu--wrapper .menu--sub .menu-item a {
          /*@include link-colors($c-dark-blue,black,$c-dark-blue,$c-dark-blue) */
          }
        .menu--main .menu--wrapper .menu--sub .menu--seperator {
          border-color: white;
          padding-left: 1.5vw;
          margin-right: 1.5vw;
        }
    .menu--main .menu--wrapper .menu--seperator {
      padding: 0;
      border-right: 1px solid black;
      height: 1em;
      display: block;
    }
      .menu--main .menu--wrapper .menu--seperator:last-child {
        display: none;
      }
    .menu--main .menu--wrapper .menu-item {
      padding: 0;
      position: relative;
    }
  }
@media (min-width: 961px){
  .menu--main .menu--wrapper .menu--sub .menu--seperator {
    padding-left: var(--sesqui-space);
    margin-right: var(--sesqui-space);
  }
}
.menu--main button {
    background-color: transparent;
    border: none;
    padding: var(--half-space) 0;
    border-radius: 0;
  }
.menu--main button > .menu-toggle__wrapper {
      display: flex;
      justify-content: center;
      align-items: center;
    }
@media (min-width: 569px) {
.menu--main button {
    border-radius: 0;
    background-color: transparent;
    justify-content: flex-end;
    display: flex;
    padding: 0
  }
    .menu--main button > .menu-toggle__wrapper {
      padding: var(--half-space) var(--space);
      border-radius: var(--base-border-radius) var(--base-border-radius) 0 0;
      background-color: rgba(var(--c-dark-gray-rgb), 0.95);
    }
  }
@media (min-width: 901px) {
.menu--main button {
    display: none
  }
  }
.closed.menu-collapse{
  max-height: 0;
  visibility: hidden;
  margin-top: 0;
  padding-bottom: 0;
}
@media (min-width: 901px) {
.closed.menu-collapse{
    max-height: inherit;
    visibility: visible
}
  }
@media (min-width: 569px) {
.menu-toggle__wrapper {
    background-color: transparent
}
  }
@media (min-width: 901px) {
  .nav-toggle, #menu--main--button {
    display: none;
  }
}
.menu--footer .menu {
    text-align: center;
  }
@media (min-width: 701px) {
.menu--footer .menu {
    text-align: left
  }
  }
.menu--footer .menu .menu--seperator {
      border-right: 1px solid black;
      padding-left: calc(var(--space)/1.5);
      margin-right: calc(var(--space)/1.5);
    }
.menu--footer .menu .menu--seperator:last-child {
        display: none;
      }
