.menu {
  font-family: "Typold W05", sans-serif;
  list-style: none;
}

.menu__heading {
  font-size: 1rem;
  color: inherit;
  text-transform: uppercase;
}
@media (min-width: 37.5em) {
  .menu__heading {
    font-size: 1rem;
  }
}

.menu__list {
  margin: 0;
  padding: 0;
}
.menu__list > li {
  list-style: none;
}
.menu__list a {
  -webkit-text-decoration: none;
  text-decoration: none;
}

.site__header .menu--main {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
          justify-content: flex-end;
  margin: 0;
  padding: 0 0 4px;
}
.site__header .menu--main .menu__item {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.site__header .menu--main .menu__link {
  color: #01426A;
  display: block;
  font-size: 1rem;
  font-weight: 500;
  line-height: 48px;
  position: relative;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.site__header .menu--main .menu__link:after {
  background-color: #A9C23F;
  bottom: 0;
  content: "";
  display: block;
  height: 6px;
  left: 0;
  right: 0;
  position: absolute;
  -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
      -ms-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-transition: inherit;
  transition: inherit;
}
.site__header .menu--main .menu__link:hover:after, .site__header .menu--main .menu__link:focus:after {
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
}
.site__header .menu--main .menu__link:active:after, .site__header .menu--main .menu__link.is-active:after {
  background-color: #417925;
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
}
@media (min-width: 48em) {
  .site__header .menu--main .menu__item {
    margin-right: 2.6666666667rem;
  }
  .site__header .menu--main .menu__item:last-child {
    margin-right: 0;
  }
  .site__header .menu--main .menu__link {
    font-size: 1rem;
  }
}
@media (min-width: 87.5em) {
  .site__header .menu--main {
    padding: 0 0 8px;
  }
  .site__header .menu--main .menu__item {
    margin-right: 2.6666666667rem;
  }
  .site__header .menu--main .menu__item:last-child {
    margin-right: 2.3333333333rem;
  }
  .site__header .menu--main .menu__link {
    font-size: 1.3333333333rem;
  }
  .is-scrolled .site__header .menu__item {
    margin-right: 2.6666666667rem;
  }
  .is-scrolled .site__header .menu__item:last-child {
    margin-right: 1.6666666667rem;
  }
  .is-scrolled .site__header .menu__link {
    font-size: 1rem;
  }
}
@media (min-width: 101.25em) {
  .site__header .menu--main .menu__item {
    margin-right: 4.6666666667rem;
  }
  .site__header .menu--main .menu__item:last-child {
    margin-right: 3.3333333333rem;
  }
  .site__header .menu--main .menu__link {
    font-size: 1.3333333333rem;
  }
  .is-scrolled .site__header .menu__item {
    margin-right: 2.6666666667rem;
  }
  .is-scrolled .site__header .menu__item:last-child {
    margin-right: 1.6666666667rem;
  }
  .is-scrolled .site__header .menu__link {
    font-size: 1rem;
  }
}

.site__drawer .menu--main {
  margin: 0;
  padding: 0;
}
.site__drawer .menu--main .menu__item:not(:first-child) {
  margin-top: 1px;
}
.site__drawer .menu--main .menu__link {
  background-color: #fff;
  border-left: 0 solid #A9C23F;
  color: #01426A;
  display: block;
  font-size: 1.3333333333rem;
  font-weight: 500;
  line-height: 1;
  padding: 0.8333333333rem;
  position: relative;
  -webkit-text-decoration: none;
  text-decoration: none;
  z-index: 1;
}
.site__drawer .menu--main .menu__link:hover, .site__drawer .menu--main .menu__link:active, .site__drawer .menu--main .menu__link:focus {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  border-left: 6px solid #A9C23F;
}
.site__drawer .menu--main .menu__link:focus {
  -webkit-box-shadow: 0 0 4px #01426A;
          box-shadow: 0 0 4px #01426A;
  z-index: 2;
}
.site__drawer .menu--main .menu__link.is-active {
  border-left: 6px solid #417925;
}

.menu--secondary[data-depth="0"] {
  margin: 0;
  padding: 0 0.8333333333rem;
}
.menu--secondary[data-depth="0"] > .menu__item:not(:first-child) {
  margin-top: 1.6666666667rem;
}
.menu--secondary[data-depth="0"] > .menu__item.menu__item--expanded {
  border-bottom: 1px solid #01426A;
  padding-bottom: 1.6666666667rem;
}
.menu--secondary[data-depth="0"] > .menu__item > .menu__link {
  color: #417925;
  display: block;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.1111111111em;
  line-height: 1;
  position: relative;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-transform: uppercase;
  z-index: 1;
}
.menu--secondary[data-depth="0"] > .menu__item > .menu__link:hover, .menu--secondary[data-depth="0"] > .menu__item > .menu__link:active, .menu--secondary[data-depth="0"] > .menu__item > .menu__link:focus, .menu--secondary[data-depth="0"] > .menu__item > .menu__link.is-active {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.menu--secondary[data-depth="0"] > .menu__item > .menu__link:focus {
  -webkit-box-shadow: 0 0 4px #01426A;
          box-shadow: 0 0 4px #01426A;
  z-index: 2;
}

.menu--secondary[data-depth="1"] {
  margin: 1.1111111111rem 0 0;
  padding: 0;
}
.menu--secondary[data-depth="1"] .menu__item:not(:first-child) {
  margin-top: 0.8333333333rem;
}
.menu--secondary[data-depth="1"] .menu__link {
  color: #01426A;
  display: block;
  font-size: 0.8888888889rem;
  font-weight: 500;
  line-height: 1.333;
  position: relative;
  -webkit-text-decoration: none;
  text-decoration: none;
  z-index: 1;
}
.menu--secondary[data-depth="1"] .menu__link:hover, .menu--secondary[data-depth="1"] .menu__link:active, .menu--secondary[data-depth="1"] .menu__link:focus, .menu--secondary[data-depth="1"] .menu__link.is-active {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.menu--secondary[data-depth="1"] .menu__link:focus {
  -webkit-box-shadow: 0 0 4px #01426A;
          box-shadow: 0 0 4px #01426A;
  z-index: 2;
}

.menu--footer {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  width: 100%;
}
@media (min-width: 48em) {
  .menu--footer {
    margin-top: 0;
  }
}
.menu--footer .menu__item {
  margin-bottom: 0.4444444444rem;
}
.menu--footer .menu__item:not(:last-child) {
  margin-right: 1.6666666667rem;
}
.menu--footer .menu__link {
  color: white;
  font-weight: 500;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.menu--footer .menu__link:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.menu--social-accounts {
  -webkit-box-align: center;
          align-items: center;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: start;
          justify-content: flex-start;
  padding: 0;
  text-align: center;
}
.menu--social-accounts:not(:first-child) {
  margin: 0;
}
.menu--social-accounts .menu__item:not(:first-child) {
  margin-left: 1rem;
}
.menu--social-accounts .menu__item .menu__link[href^="/"], .menu--social-accounts .menu__item .menu__link[href^=".."] {
  color: white;
  font-family: "Typold W05", sans-serif;
  font-size: 0.6666666667rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-transform: uppercase;
}
@media (min-width: 37.5em) {
  .menu--social-accounts .menu__item .menu__link[href^="/"], .menu--social-accounts .menu__item .menu__link[href^=".."] {
    font-size: 0.6666666667rem;
  }
}
.menu--social-accounts .menu__item .menu__link[href^="/"]:hover, .menu--social-accounts .menu__item .menu__link[href^=".."]:hover {
  color: #fff;
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.menu--social-accounts .menu__item .menu__link[href*="facebook.com"]:before, .menu--social-accounts .menu__item .menu__link[href*="twitter.com"]:before, .menu--social-accounts .menu__item .menu__link[href*="instagram.com"]:before, .menu--social-accounts .menu__item .menu__link[href*="youtube.com"]:before {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  content: "";
  display: block;
  height: 24px;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  width: 24px;
}
.menu--social-accounts .menu__item .menu__link[href*="facebook.com"]:hover:before, .menu--social-accounts .menu__item .menu__link[href*="twitter.com"]:hover:before, .menu--social-accounts .menu__item .menu__link[href*="instagram.com"]:hover:before, .menu--social-accounts .menu__item .menu__link[href*="youtube.com"]:hover:before {
  opacity: 0.5;
}
.menu--social-accounts .menu__link {
  color: white;
  display: block;
}
.menu--social-accounts .menu__link[href*="facebook.com"]:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23fff' d='M9 24V13H6V9h3V5.5C9 2.667 10.778 0 15 0c1.694 0 3 .222 3 .222L17.833 4H15.25c-1.528 0-1.75.833-1.75 2v3H18l-.306 4H13.5v11z'/%3E%3C/svg%3E");
}
.menu--social-accounts .menu__link[href*="twitter.com"]:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M24 4.306c-.667 1-1.5 1.86-2.444 2.555V7.5c0 6.5-4.945 14-14 14-2.778 0-5.39-.611-7.556-2a8 8 0 0 0 1.167.083c2.305 0 4.444-1 6.11-2.333-2.138-.028-3.971-1.472-4.583-3.417a5.1 5.1 0 0 0 2.223-.083A4.92 4.92 0 0 1 .972 8.917V8.86a5 5 0 0 0 2.222.611A4.9 4.9 0 0 1 1 5.39c0-.917.25-1.667.667-2.389C4.11 5.972 7.722 7.833 11.806 8.056a5 5 0 0 1-.112-1.14A4.91 4.91 0 0 1 16.611 2c1.417 0 2.695.611 3.611 1.556a10 10 0 0 0 3.111-1.195 4.9 4.9 0 0 1-2.166 2.722c1-.11 1.944-.389 2.833-.777'/%3E%3C/svg%3E");
}
.menu--social-accounts .menu__link[href*="instagram.com"]:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M11.996 0c3.258 0 3.667.014 4.946.072 1.277.058 2.15.261 2.912.558a5.9 5.9 0 0 1 2.125 1.383 5.9 5.9 0 0 1 1.384 2.125c.296.763.499 1.635.557 2.912.059 1.28.072 1.688.072 4.946s-.013 3.667-.072 4.946c-.058 1.277-.26 2.15-.557 2.912a5.9 5.9 0 0 1-1.384 2.125 5.9 5.9 0 0 1-2.125 1.384c-.763.296-1.635.499-2.912.557-1.28.059-1.688.072-4.946.072S8.33 23.98 7.05 23.92c-1.277-.058-2.149-.26-2.912-.557a5.9 5.9 0 0 1-2.125-1.384A5.9 5.9 0 0 1 .63 19.854c-.297-.763-.5-1.635-.558-2.912C.014 15.662 0 15.254 0 11.996S.014 8.33.072 7.05C.13 5.773.333 4.901.63 4.138a5.9 5.9 0 0 1 1.383-2.125A5.9 5.9 0 0 1 4.138.63C4.901.333 5.773.13 7.05.072 8.33.014 8.738 0 11.996 0m0 2.161c-3.203 0-3.582.013-4.847.07-1.17.054-1.805.25-2.228.413-.56.218-.96.478-1.38.898s-.679.82-.897 1.38c-.164.422-.36 1.057-.413 2.227-.057 1.265-.07 1.644-.07 4.847s.013 3.583.07 4.848c.054 1.17.25 1.805.413 2.227.218.56.478.96.898 1.38s.82.68 1.38.897c.422.164 1.057.36 2.227.413 1.265.058 1.644.07 4.847.07s3.583-.012 4.848-.07c1.17-.053 1.805-.249 2.227-.413.56-.218.96-.478 1.38-.897s.68-.82.897-1.38c.164-.422.36-1.058.413-2.227.058-1.265.07-1.645.07-4.848s-.012-3.582-.07-4.847c-.053-1.17-.249-1.805-.413-2.228a3.7 3.7 0 0 0-.897-1.38c-.42-.419-.82-.679-1.38-.897-.422-.164-1.058-.36-2.227-.413-1.265-.057-1.645-.07-4.848-.07m0 13.834a3.999 3.999 0 1 0 0-7.997 3.999 3.999 0 0 0 0 7.997m0-10.159a6.16 6.16 0 1 1 0 12.32 6.16 6.16 0 0 1 0-12.32m7.843-.243a1.44 1.44 0 1 1-2.879 0 1.44 1.44 0 0 1 2.88 0'/%3E%3C/svg%3E");
}
.menu--social-accounts .menu__link[href*="youtube.com"]:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M12 3.5c12 0 12 0 12 8.5s0 8.5-12 8.5-12 0-12-8.5 0-8.5 12-8.5m-3 13 7.5-4.5L9 7.5z'/%3E%3C/svg%3E");
}

@media (min-width: 87.5em) {
  .menu--social-accounts {
    -webkit-box-pack: end;
            justify-content: flex-end;
  }
  .menu--social-accounts .menu__item:last-child {
    margin-left: 0;
    margin-top: 0.5rem;
    width: auto;
    text-align: left;
  }
  .menu--social-accounts .menu__item:last-child a {
    display: inline-block;
  }
}