/* MENU TOGGLE */

.button_container {
  position: relative;
  height: .59375em;
  width: 21.8px;
  width: 21.8px;
  width: 1.3625rem;
  cursor: pointer;
  z-index: 100;
  display: inline-block;
}
.button_container span {
  border: none;
  height: 2px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: transform .15s ease;
  -webkit-transition: -webkit-transform .15s ease;
  transition: -webkit-transform .15s ease;
  transition: transform .15s ease;
  transition: transform .15s ease, -webkit-transform .15s ease;
  cursor: pointer;
}
.button_container span:nth-of-type(2) {
  top: 9px;
}
a.active .button_container .top {
  -webkit-transform: translateY(.2125rem) translateX(0) rotate(45deg);
          transform: translateY(.2125rem) translateX(0) rotate(45deg);
}
a.active .button_container .bottom {
  -webkit-transform: translateY(-.2125rem) translateX(0) rotate(-45deg);
          transform: translateY(-.2125rem) translateX(0) rotate(-45deg);
}



/* MENU OVERLAY */

#menu-overlay {
  position: fixed;
  top: 3.875em;
  left: 0;
  width: 100%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  overflow: hidden;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  border-bottom: 1px solid;
}
#menu-overlay.open {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
}
#menu-overlay ul li,
#menu-overlay .menu-overlay-footer p {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
#menu-overlay.open li,
#menu-overlay.open p {
  -webkit-animation: fadeIn .2s ease forwards;
          animation: fadeIn .2s ease forwards;
  -webkit-animation-delay: .1s;
          animation-delay: .1s;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
}



/* MENU STYLES */

#menu-overlay nav {
  max-width: 1600px;
  margin: 2.625em auto 2em;
  font-size: 1.81875em;
}
#menu-overlay ul {
  position: relative;
  /*left: 11.5625%;*/
  left: 7.5625%;
  margin: 0 auto 3em;
  padding: 0;
  list-style: none;
}
#menu-overlay .menu-overlay-first-row {}
#menu-overlay .menu-overlay-second-row {
  margin-bottom: 2em;
}
#menu-overlay ul.sub-menu {
  left: 0;
  margin: 1em 0 0 0;
  font-size: 15px;
  font-size: 15px;
  font-size: 15px;
  font-size: .9375rem;
}
#menu-overlay ul:not(.sub-menu) > li {
  /*width: 33.33%;*/
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
}
#menu-overlay ul li {
  margin-bottom: 0;
}
#menu-overlay ul.sub-menu li {
  line-height: 1.6525;
}
#menu-overlay ul li a:hover,
#menu-overlay ul li.current-menu-item > a,
#menu-overlay ul li.current-page-parent > a {
  font-style: italic;
}
#menu-overlay ul.sub-menu li.current-page-parent a {
  font-style: normal;
}



/* MENU FOOTER */

#menu-overlay .menu-overlay-footer {
  margin-bottom: 2em;
  padding: 0 1em;
  font-size: .9375em;
  line-height: 1.4;
}
#menu-overlay .menu-overlay-footer .flex-1-2:first-child p {
  max-width: 25.5em;
}
#menu-overlay .menu-overlay-footer .flex-1-2:nth-child(2) {
  text-align: right;
}
#menu-overlay .menu-overlay-footer .right-wrap {
  display: inline-block;
  text-align: left;
}



/* MOBILE MENU CONTENT */

#menu-overlay .button-link {
  padding: 1.5em 1em; 
  border-width: 1px;
}
#menu-overlay .button-link:hover {
  border-color: #ffffff;
  background-color: #171717;
}