/*********************
BREAKPOINTS
*********************/
.mobileMenu {
  position: fixed;
  z-index: 9999;
  display: block;
  top: 0;
  left: 0;
  height: 60px;
  width: 100%;
  background: var(--white);
  overflow: hidden;
  transition: all 0.5s linear;
}
.mobileMenu a.logo {
  position: fixed;
  z-index: 9;
  left: 5.5vw;
  width: 135px;
}
.mobileMenu a.logo img, .mobileMenu a.logo svg {
  top: -3px;
  width: 150px;
  -webkit-filter: brightness(0) invert(0) !important;
  filter: brightness(0) invert(0) !important;
}
.mobileMenu .burger-container {
  position: relative;
  display: inline-block;
  height: 60px;
  width: 73px;
  z-index: 9;
  cursor: pointer;
  transform: rotate(0deg);
  transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  float: right;
}
.mobileMenu .burger-container #burger {
  width: 26px;
  height: 10px;
  position: relative;
  display: block;
  margin: -3px auto 0;
  top: 50%;
}
.mobileMenu .burger-container #burger .bar {
  width: 100%;
  height: 2px;
  display: block;
  position: relative;
  background: var(--black);
  transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition-delay: 0s;
}
.mobileMenu .burger-container #burger .bar.topBar {
  transform: translateY(0px) rotate(0deg);
}
.mobileMenu .burger-container #burger .bar.btmBar {
  transform: translateY(6px) rotate(0deg);
}
.mobileMenu ul.menu {
  position: relative;
  display: block;
  padding: 15vh 5.5vw 0 5.5vw;
  list-style: none;
  text-align: center;
}
.mobileMenu ul.menu li.menu-item {
  border-bottom: 1px solid #333;
  transform: scale(1.15) translateY(-30px);
  opacity: 0;
  transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.mobileMenu ul.menu li.menu-item:last-child {
  border-bottom: none;
}
.mobileMenu ul.menu li.menu-item:nth-child(1) {
  transition-delay: 0.49s;
}
.mobileMenu ul.menu li.menu-item:nth-child(2) {
  transition-delay: 0.42s;
}
.mobileMenu ul.menu li.menu-item:nth-child(3) {
  transition-delay: 0.35s;
}
.mobileMenu ul.menu li.menu-item:nth-child(4) {
  transition-delay: 0.28s;
}
.mobileMenu ul.menu li.menu-item:nth-child(5) {
  transition-delay: 0.21s;
}
.mobileMenu ul.menu li.menu-item:nth-child(6) {
  transition-delay: 0.14s;
}
.mobileMenu ul.menu li.menu-item:nth-child(7) {
  transition-delay: 0.07s;
}
.mobileMenu ul.menu li.menu-item:nth-child(8) {
  transition-delay: 0s;
}
.mobileMenu ul.menu li.menu-item:nth-child(9) {
  transition-delay: -0.07s;
}
.mobileMenu ul.menu li.menu-item:nth-child(10) {
  transition-delay: -0.14s;
}
.mobileMenu ul.menu li.menu-item a {
  display: block;
  position: relative;
  color: white;
  text-decoration: none;
  font-size: 2.2em;
  line-height: 2.5em;
  letter-spacing: -0.6px;
  font-weight: 400;
  color: #f0f1f1 !important;
  width: 100%;
}
.mobileMenu.menu-opened {
  height: 100%;
  background-color: black;
}
.mobileMenu.menu-opened .burger-container {
  transform: rotate(90deg);
}
.mobileMenu.menu-opened .burger-container #burger .bar {
  transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition-delay: 0.2s;
  background: white;
}
.mobileMenu.menu-opened .burger-container #burger .bar.topBar {
  transform: translateY(4px) rotate(45deg);
}
.mobileMenu.menu-opened .burger-container #burger .bar.btmBar {
  transform: translateY(3px) rotate(-45deg);
}
.mobileMenu.menu-opened ul.menu li.menu-item {
  transform: scale(1) translateY(0px);
  opacity: 1;
}
.mobileMenu.menu-opened ul.menu li.menu-item:nth-child(1) {
  transition-delay: 0.27s;
}
.mobileMenu.menu-opened ul.menu li.menu-item:nth-child(2) {
  transition-delay: 0.34s;
}
.mobileMenu.menu-opened ul.menu li.menu-item:nth-child(3) {
  transition-delay: 0.41s;
}
.mobileMenu.menu-opened ul.menu li.menu-item:nth-child(4) {
  transition-delay: 0.48s;
}
.mobileMenu.menu-opened ul.menu li.menu-item:nth-child(5) {
  transition-delay: 0.55s;
}
.mobileMenu.menu-opened ul.menu li.menu-item:nth-child(6) {
  transition-delay: 0.62s;
}
.mobileMenu.menu-opened ul.menu li.menu-item:nth-child(7) {
  transition-delay: 0.69s;
}
.mobileMenu.menu-opened ul.menu li.menu-item:nth-child(8) {
  transition-delay: 0.76s;
}
.mobileMenu.menu-opened ul.menu li.menu-item:nth-child(9) {
  transition-delay: 0.83s;
}
.mobileMenu.menu-opened ul.menu li.menu-item:nth-child(10) {
  transition-delay: 0.9s;
}

.mobileMenu .socialLinks {
  text-align: center;
  opacity: 0;
  filter: alpha(opacity=0);
  width: 100%;
  transition: all 0.5s linear;
  position: absolute;
  bottom: -200px;
  -webkit-filter: brightness(0) invert(1) !important;
  filter: brightness(0) invert(1) !important;
}

.menu-opened .socialLinks {
  opacity: 1;
  filter: alpha(opacity=100);
  bottom: 0px;
}

.menu-opened .mobileSearch {
  color: #f0f1f1 !important;
}
.menu-opened .mobileSocial {
  bottom: 0;
}
.menu-opened .logo img .st0, .menu-opened .logo svg .st0 {
  fill: #f0f1f1 !important;
}
.menu-opened .logo img .st1, .menu-opened .logo svg .st1 {
  fill: var(--brand-primary) !important;
}

.darken .mobileMenu a.logo img, .darken .mobileMenu .search_icon_top {
  -webkit-filter: brightness(0) invert(0) !important;
  filter: brightness(0) invert(1) !important;
}