/*li#rw_category_key_prof {
  display: none!important;
}*/
.mobile-menu-sticky, .mobile-menu-sticky.fullSite {
  display: none;
}

.overlay, .overlay.fullSite {
  display: none;
}

#rw_theme_header, #rw_theme_header.fullSite {
  display: block;
}
/* NAVIGATION MENU */

.sticky {
  position: fixed!important;
  top: 0;
  width: 100%;
  background-color: white;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  #mobile-menu-logo-container{
    visibility: none;
    opacity: 0;
    transition: visibility 0s linear 0s, opacity 300ms;
  }
  .mobile-menu-sticky {
      display: block;
      width: 100%;
      height: 90px;
      position: fixed;
      top: 0px;
      z-index: 98;
      background: var(--main-background);
  }
  .passport_logo_container img {
      width: 140px;
  }
  .container {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    top: 40%;
    left: 0;
    margin: 0 auto;
    font-family: var(--main-font-family);
  }
  .container p {
    font-size: 20px;
  }
  .container a {
    display: inline-block;
    position: relative;
    text-align: center;
    color: #FF5252;
    text-decoration: none;
    font-size: 20px;
    overflow: hidden;
    top: 5px;
  }
  .container a:after {
    content: '';
    position: absolute;
    background: #FF5252;
    height: 2px;
    width: 0%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    bottom: 0;
    transition: .35s ease;
  }
  .container a:hover:after, .container a:focus:after, .container a:active:after {
    width: 100%;
  }
  h1 {
    position: relative;
    text-align: center;
    font-family: var(--header-font-family);
  }
  .passport_logo_container {
      position: fixed;
      top: 20px;
      left: 50%;
      margin-left: -18.5%;
      z-index: 99;
  }
  .button_container {
      position: fixed;
      top: 34px;
      left: 20px;
      height: 20px;
      width: 25px;
      cursor: pointer;
      z-index: 100;
      transition: opacity .25s ease;
      background: var(--main-background);
  }
  .button_container:hover {
    opacity: 1;
  }
  .button_container.active .top {
      -webkit-transform: translateY(11px) translateX(0) rotate(45deg);
      background: var(--mobile-menu-button-active);
      transform: translateY(9px) translateX(0) rotate(45deg);
  }
  .button_container.active .middle {
    opacity: 0;
    background: #FFF;
  }
  .button_container.active .bottom {
      -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
      transform: translateY(-11px) translateX(0) rotate(-45deg);
      background: var(--mobile-menu-button-active);
  }
  .button_container span {
      background: var(--mobile-menu-button);
      border: none;
      height: 2.45px;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      transition: all .35s ease;
      cursor: pointer;
  }
  .button_container span:nth-of-type(2) {
      top: 10px;
  }
  .button_container span:nth-of-type(3) {
      top: 20px;
  }
  .button_container.active {
      top: 34px;
      background: var(--mobile-menu-background);
  }
  .overlay {
      position: fixed;
      background: var(--mobile-menu-background);
      top: 0;
      left: 0;
      width: 100%;
      height: 0%;
      opacity: 0;
      visibility: hidden;
      transition: opacity .35s, visibility .35s, height .35s;
      overflow: hidden;
      z-index: 99;
      display: block;
  }
  .overlay.open {
      opacity: 1;
      visibility: visible;
      height: 100%;
  }
  .overlay nav {
      position: absolute;
      height: auto;
      top: 120px;
      width: 100%;
      font-size: 50px;
      font-family: var(--main-font-family);
      font-weight: 400;
      text-align: center;
  }
  .overlay ul {
      list-style: none;
      padding: 0;
      margin: 0 auto;
      display: inline-block;
      position: relative;
      width: 100%;
      height: 100%;
  }
  .overlay ul li {
      display: flex;
      flex-direction: column;
      width: 100%;
      margin: auto;
      margin-bottom: 25px;
      position: relative;
      opacity: 1;
      height: auto;
  }
  .overlay ul li a {
      display: flex;
      justify-content: center;
      align-items: center;
      color: var(--mobile-menu-font);
      text-decoration: none;
  }
  .overlay ul li a:hover:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {
    width: 100%;
  }
  span.mobile-menu-img-wrapper {
      height: 35px;
      display: none;
  }
  .mobile-menu-img-wrapper img {
    width: 35px;
    height: 35px;
    /* padding-top: 14px; */
    margin: auto;
  }
  span.mobile-menu-name {
      font-family: var(--main-font-family);
      color: black;
      font-size: 20px;
      margin-left: 20px;
      text-align: center;
      width: 60%;
      font-weight: 100;
      line-height: 1.4;
      letter-spacing: 3px;
  }
  .overlay-logo-container {
      display: flex;
      flex-direction: column;
      margin-top: 100px;
      margin-bottom: 50px;
      justify-content: center;
      align-items: center;
      width: 100%;
  }
  .overlay-logo-container img {
      width: 150px;
  }
  p#copyright-info {
      font-family: var(--main-font-family);
      color: white;
      margin-top: 20px;
      font-size: 12px;
  }
  #rw_theme_header {
    display: none;
  }
  .unset-fixed {
    position: unset;
  }
  .hide-for-anon {
    display: none !important;
  }
  .add-top {
    top: 18% !important;
  }
  .add-margin-top {
    margin-top: 93% !important;
  }
  .add-margin-mobile {
      margin-top: 90px !important;
  }
  .highlighted{
      color: #F3ED96 !important;
  }
  @-webkit-keyframes fadeInRight {
    0% {
      opacity: 0;
      left: 20%;
    }
    100% {
      opacity: 1;
      left: 0;
    }
  }
  @keyframes fadeInRight {
    0% {
      opacity: 0;
      left: 20%;
    }
    100% {
      opacity: 1;
      left: 0;
    }
  }

  /* All Stars specific mobile navbar styles */
  body[data-site-id="49"] div#overlay {
    background: white;
  }

  body[data-site-id="49"] span.mobile-menu-name {
      color: var(--color-black) !important;
      font-family: var(--link-font-family) !important;
      font-size: var(--link-font-size) !important;
      font-weight: var(--font-weight-normal) !important;
      font-stretch: normal;
      font-style: normal;
      line-height: var(--primary-line-height) !important;
      letter-spacing: normal;
      margin-bottom: 10px;
  }

  body[data-site-id="49"] .overlay ul li {
      border-bottom: 1px solid #ededed;
      width: 80%;
  }

  body[data-site-id="49"] div#toggle {
      background: white;
  }

  div#postiontoggle {
    background: white;
  }

  .button_container span {
      background: black;
  }

  .button_container.active .top {
      background: black;
  }

  .button_container.active .bottom {
      background: black;
  }
}