/* Mobile Side Menu Mechanics
------------------------------------------------------------- */
#mobile-nav-panel {
  position: fixed;
  z-index: 500;
  overflow-y: scroll;
  right: -225px;
  width: 225px;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  -webkit-box-sizing: border-box;
  -moz-box-sizing:    border-box;
  box-sizing:         border-box;
  -webkit-transition: all 250ms ease-in;
  -moz-transition:    all 250ms ease-in;
  -o-transition:      all 250ms ease-in;
  transition:         all 250ms ease-in;
} 
body.mobile-nav-open #mobile-nav-panel {
  right: 0;
}
.page-wrap {
  -webkit-box-sizing: border-box;
  -moz-box-sizing:    border-box;
  box-sizing:         border-box;
  -webkit-transition: all 250ms ease-in;
  -moz-transition:    all 250ms ease-in;
  -o-transition:      all 250ms ease-in;
  transition:         all 250ms ease-in;
}
body.mobile-nav-open .page-wrap {
  touch-action: none;
  margin-left: -240px;
  margin-right: 240px;
}


/* Mobile Side Menu Design
------------------------------------------------------------- */
#mobile-nav-panel {
  background-color: #09ae6c;
  padding: 10px 13px 150px 20px;
}


/* Nav List Main
------------------------------------------------------------- */
.mobile-nav {
  background-color: #09ae6c;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.mobile-nav-item {
  display: block;
  max-height: none;
  overflow: hidden;
}
.mobile-nav-item a {
  display: block;
  background-color: #09ae6c;
  padding: 16px;
  margin: 0;
}
.mobile-nav-item a:hover,
.mobile-nav-item a:focus {
  text-decoration: none;
}
.item-closed {
  max-height: 0px;
}
.mobile-nav-expand-btn {
  width: 16px;
  height: 16px;
  float: right;
  position: relative;
}
.mobile-nav-expand-btn span {
  display: block;
  position: absolute;
  background-color: #70c781;
  opacity: 1;
  width: 11px;
  height: 3px;
  transition: 250ms ease-in-out 0ms;
}
.mobile-nav-expand-btn span:nth-child(1) {
  top: 6px;
  left: 2px;
  transform: rotate(45deg);
}
.mobile-nav-expand-btn span:nth-child(2) {
  top: 6px;
  left: 8px;
  transform: rotate(135deg); 
}
.mobile-nav-expand-btn.open span {
  background-color: #fff;
  width: 20px;
  top: 4px;
  left: 0px;
}
.mobile-nav-expand-btn.open span:nth-child(1) {
  transform: rotate(135deg);
}
.mobile-nav-expand-btn.open span:nth-child(2) {
  transform: rotate(45deg); 
}
.mobile-nav-item a {
  color: #fff;
  font-family: 'Barlow', 'Arial';
  font-size: 1.1rem;
  font-weight: 400;
  text-transform: uppercase;
  border-bottom: 1px solid #039651;
  padding-left: 0;
}
.mobile-subnav-item a {
  color: #ffffff;
  color: #b9f1a2;
  font-size: 1.1rem;
  font-weight: 400;
  text-transform: uppercase;
  border-bottom: 1px dashed #039651;
  padding: 12px;
  padding-left: 0.7rem;
}
.mobile-sub-subnav-item a {
  color: #a2b5b9;
  font-size: 1rem;
  font-weight: 400;
  text-transform: none;
  border-bottom: 1px dashed #28425c;
  padding-left: 2rem;
}
.mobile-nav-item a:hover,
.mobile-subnav-item a:hover,
.mobile-sub-subnav-item a:hover,
.mobile-nav-item a:focus,
.mobile-subnav-item a:focus,
.mobile-sub-subnav-item a:focus {
  color: #fff;
}
#mobile-nav-contact-link {
  border-bottom: 0 !important;
  padding-left: 35px;
  background: url(/wp-content/themes/eltorus/svg/ico-mail-round-xs.svg) no-repeat 3px center;
  background-size: 23px;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* Nav List Secondary
------------------------------------------------------------- */
.mobile-nav-secondary {
  background-color: #35a283;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.mobile-nav-infoItem {
  display: block;
  max-height: none;
  overflow: hidden;
}
.mobile-nav-infoItem a {
  font-family: 'Barlow', 'Arial';
  font-size: 0.9rem;
  font-weight: 700;
  text-transform: uppercase;
  display: block;
  background-color: #35a283;
  padding: 13px;
  margin: 0;
  padding-left: 0;
  color: #8ce8ce;
  border-bottom: 1px solid #37b18e;
}
.mobile-nav-infoItem a:hover,
.mobile-nav-infoItem a:focus {
  text-decoration: none;
}


/* Moble Nav Language Select
------------------------------------------------------------- */
.sn-btn-language {
  color: #fff;
  font-family: 'Barlow', 'Arial';
  font-size: 0.9rem;
  font-weight: 400;
  text-transform: uppercase;
  text-align: right;
}
.sn-btn-language a {
  color: #fff;
}
.sn-btn-language a:hover,
.sn-btn-language a:focus {
  color: #fff;
  text-decoration: none;
}
.languageSelect-text {
  margin-right: 10px;
}
.language-select-subnav {
  margin-top: 15px;
}
.sn-itm-language {
  text-align: right;
}
.sn-itm-language a {
  font-size: 0.9rem;
}