#mobile-menu-switch-manager { display:none; }
#mobile-menu-container {
  display:none;
  overflow:auto;
  position:fixed;
  top:0;
  left:0;
  z-index:98;
  width:85vw;
  max-width:360px;
  height:100vh;
  background-color:#ffffff;
  padding:0 0 120px;
  transition:transform 0.5s ease-out;
  transform:translate(-100%,0);
}
#mobile-menu-container > .inner {
  display:block;
  width:100%;
  max-width:360px;
  margin:0 auto;
}
#mobile-menu-container .mobile-menu-container-content { background-color:#ffffff; }
#mobile-menu-container .site-title { margin:69px auto 98px; }
#mobile-menu-container .site-title .logo * { fill:#040418; }
#mobile-menu-container .site-title a:active .logo *, #mobile-menu-container .site-title a:hover .logo * { fill:#f50057; }
#social {
  margin:20px;
  position:relative;
  top:0;
  left:0;
}
#mobile-menu-container ul li a {
  font-size:16px;
  line-height:20px;
  letter-spacing:0.1em;
  font-weight:300;
  border:0;
  border-top:1px solid #e6e6e8;
  color:#040418;
  display:block;
  margin:0;
  padding:25px 20px 24px 20px;
  text-transform:uppercase;
  -webkit-transition:all 0.2s ease-out;
  transition:all 0.2s ease-out;
}
#mobile-menu-container ul.sub-menu li a { padding-left:40px; }
#mobile-menu-container ul.sub-menu ul.sub-menu li a { padding-left:60px; }
#mobile-menu-container ul li:last-child a { border-bottom:0; }
#mobile-menu-container li.current_page_item > .arrow-wrapper > a, #mobile-menu-container li.current-menu-item > .arrow-wrapper > a, #mobile-menu-container li a:hover {
  background:#f50057;
  color:#ffffff;
}
#mobile-menu-container ul.sub-menu {
  padding:0;
  list-style-type:none;
  overflow:hidden;
  position:relative;
}
#mobile-menu-container ul li { position:relative; }
#mobile-menu-container .arrow-wrapper {
  display:block;
  width:100%;
  position:relative;
}
#mobile-menu-container .arrow {
  position:absolute;
  height:100%;
  width:70px;
  background-color:#ffffff;
  right:0;
  top:1px;
  display:none;
  border-left:1px solid #e6e6e8;
  -webkit-transition:all 0.3s ease-out;
  transition:all 0.3s ease-out;
}
#mobile-menu-container .arrow .icon {
  width:20px;
  height:10px;
  transform:matrix(1,0,0,1,0,0);
  position:absolute;
  top:50%;
  left:50%;
  margin-top:-5px;
  margin-left:-10px;
}
#mobile-menu-container .arrow .icon * {
  fill:rgba(4,4,24,0.3);
  -webkit-transition:all 0.3s ease-out;
  transition:all 0.3s ease-out;
}
#mobile-menu-container .arrow:hover, #mobile-menu-container .arrow:active {
  border-left:1px solid #f50057;
  background-color:#f50057;
  -webkit-transition:all 0.2s ease-out;
  transition:all 0.2s ease-out;
}
#mobile-menu-container .arrow:hover .icon *, #mobile-menu-container .arrow:active .icon * {
  fill:#ffffff;
  -webkit-transition:all 0.2s ease-out;
  transition:all 0.2s ease-out;
}
#mobile-menu-container .menu-item-has-children > .arrow-wrapper > .arrow { display:block; }
#mobile-menu-container ul li.menu-item-has-children > .arrow-wrapper > a { padding-right:90px; }
#mobile-menu-overlay {
  background-color:rgba(4,4,24,0.8);
  pointer-events:none;
  opacity:0;
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:97;
  visibility:hidden;
  -webkit-transition:opacity 0.3s ease-out, visibility 0.3s ease-out;
  transition:opacity 0.3s ease-out, visibility 0.3s ease-out;
}
#mobile-buttons {
  position:fixed;
  top:25px;
  right:25px;
  z-index:99;
  display:none;
  flex-direction:column;
}
.mobile-button {
  background-color:#f5f5f5;
  cursor:pointer;
  padding:24px 19px 23px;
  width:70px;
  height:70px;
  margin:5px;
  border:1px solid rgba(4,4,24,0.3);
  display:block;
  overflow:hidden;
  position:relative;
  -webkit-transition:border 0.3s ease-out;
  transition:border 0.3s ease-out;
}
.mobile-button:before {
  content:'';
  display:block;
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  background-color:#040418;
  opacity:0;
  -webkit-transition:opacity 0.3s ease-out;
  transition:opacity 0.3s ease-out;
}
.mobile-button .text {
  position:absolute;
  top:0;
  left:100%;
}
.mobile-button:hover {
  border:1px solid rgba(4,4,24,0.8);
  -webkit-transition:border 0.2s ease-out;
  transition:border 0.2s ease-out;
}
.mobile-button:active {
  border:1px solid rgba(4,4,24,0.8);
  -webkit-transition:border 0.1s ease-out;
  transition:border 0.1s ease-out;
}
.mobile-button.user-button { padding:25px; }
#mobile-menu-switcher .mobile-menu-switcher-inner, #mobile-menu-switcher .mobile-menu-switcher-inner:before, #mobile-menu-switcher .mobile-menu-switcher-inner:after {
  background-color:rgba(4,4,24,0.3);
  border:0;
  border-radius:0;
  display:block;
  width:30px;
  height:1px;
  left:0;
  -webkit-transition:margin 0.3s ease-out, width 0.3s ease-out, background-color 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition:margin 0.3s ease-out, width 0.3s ease-out, background-color 0.3s ease-out, transform 0.3s ease-out;
}
#mobile-menu-switcher .mobile-menu-switcher-inner {
  position:relative;
  left:0;
}
#mobile-menu-switcher .mobile-menu-switcher-inner:before {
  content:"";
  position:absolute;
  top:10px;
}
#mobile-menu-switcher .mobile-menu-switcher-inner:after {
  content:"";
  position:absolute;
  top:20px;
}
#mobile-menu-switcher:hover .mobile-menu-switcher-inner:before { margin-left:5px; }
#mobile-menu-switcher:hover .mobile-menu-switcher-inner, #mobile-menu-switcher:hover .mobile-menu-switcher-inner:before, #mobile-menu-switcher:hover .mobile-menu-switcher-inner:after {
  background-color:rgba(4,4,24,0.8);
  -webkit-transition:margin 0.3s ease-out, width 0.3s ease-out, background-color 0.2s ease-out, -webkit-transform 0.3s ease-out;
  transition:margin 0.3s ease-out, width 0.3s ease-out, background-color 0.2s ease-out, transform 0.3s ease-out;
}
#mobile-menu-switcher:active:before {
  opacity:0.1;
  -webkit-transition:opacity 0.1s ease-out;
  transition:opacity 0.1s ease-out;
}
#mobile-menu-switcher:active .mobile-menu-switcher-inner, #mobile-menu-switcher:active .mobile-menu-switcher-inner:before, #mobile-menu-switcher:active .mobile-menu-switcher-inner:after {
  background-color:rgba(4,4,24,0.8);
  -webkit-transition:margin 0.3s ease-out, width 0.3s ease-out, background-color 0.1s ease-out, -webkit-transform 0.3s ease-out;
  transition:margin 0.3s ease-out, width 0.3s ease-out, background-color 0.1s ease-out, transform 0.3s ease-out;
}
.mobile-upload-link { display:none; }
.mobile-menu-button-wrapper-top {
  margin:0 auto 70px;
  border-bottom:1px solid rgba(4,4,24,0.1);
}
.mobile-menu-button-wrapper-bottom { margin:70px auto 0; }
.mobile-menu-button {
  background-color:#ffffff;
  cursor:pointer;
  padding:24px 19px 23px 70px;
  width:100%;
  min-height:70px;
  border:1px solid rgba(4,4,24,0.1);
  border-bottom:none;
  display:block;
  overflow:hidden;
  position:relative;
  margin-bottom:0;
  -webkit-transition:all 0.3s ease-out;
  transition:all 0.3s ease-out;
}
.mobile-menu-button.upload-button .icon-wrapper {
  position:absolute;
  top:50%;
  margin-top:-12px;
  left:20px;
}
.mobile-menu-button.search-link .icon-wrapper {
  margin-top:-12px;
  position:absolute;
  top:50%;
  left:20px;
}
.mobile-menu-button.search-link .icon-wrapper .icon {
  width:31px;
  height:21px;
  position:absolute;
  top:0;
  left:0;
}
.mobile-menu-button.user-button .icon {
  position:absolute;
  top:50%;
  margin-top:-10px;
  left:24px;
}
.mobile-menu-button .text {
  font-size:14px;
  line-height:23px;
  font-weight:300;
  letter-spacing:0.1em;
  text-transform:uppercase;
  color:#040418;
  -webkit-transition:all 0.3s ease-out;
  transition:all 0.3s ease-out;
}
.mobile-menu-button .icon * {
  fill:#040418;
  -webkit-transition:all 0.3s ease-out;
  transition:all 0.3s ease-out;
}
.mobile-menu-button:hover, .mobile-menu-button:active {
  border-left:1px solid #f50057;
  background-color:#f50057;
  -webkit-transition:all 0.2s ease-out;
  transition:all 0.2s ease-out;
}
.mobile-menu-button:hover .text, .mobile-menu-button:active .text {
  color:#ffffff;
  -webkit-transition:all 0.2s ease-out;
  transition:all 0.2s ease-out;
}
.mobile-menu-button:hover .icon *, .mobile-menu-button:active .icon * {
  fill:#ffffff;
  -webkit-transition:all 0.2s ease-out;
  transition:all 0.2s ease-out;
}
.mobile-menu-button.disconnect-button {
  padding:24px 19px 23px 19px;
  text-align:center;
}
.mobile-menu-button.disconnect-button .text {
  color:#f50057;
  font-weight:900;
  letter-spacing:0.3em;
}
.mobile-menu-button.disconnect-button:hover .text { color:#ffffff; }
.mobile-menu-button.user-link .notification-count {
  left:45px;
  right:auto;
}
@media only screen and (max-width: 1024px) {
  #mobile-menu-container { display:block; }
  #mobile-buttons { display:flex; }
  #mobile-menu-switch-manager:checked + #mobile-buttons #mobile-menu-switcher { border:1px solid #040418; }
  #mobile-menu-switch-manager:checked + #mobile-buttons #mobile-menu-switcher .mobile-menu-switcher-inner, #mobile-menu-switch-manager:checked + #mobile-buttons #mobile-menu-switcher .mobile-menu-switcher-inner:before, #mobile-menu-switch-manager:checked + #mobile-buttons #mobile-menu-switcher .mobile-menu-switcher-inner:after { background-color:#040418; }
  #mobile-menu-switch-manager:checked + #mobile-buttons #mobile-menu-switcher .mobile-menu-switcher-inner {
    width:0;
    background-color:transparent;
    margin-left:30px;
  }
  #mobile-menu-switch-manager:checked ~ #mobile-buttons #mobile-menu-switcher .mobile-menu-switcher-inner:before {
    margin:0 0 0 -30px;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
  }
  #mobile-menu-switch-manager:checked ~ #mobile-buttons #mobile-menu-switcher .mobile-menu-switcher-inner:after {
    margin:-10px 0 0 -30px;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
  }
  #mobile-menu-switch-manager:checked ~ #mobile-menu-container { transform:translate(0,0); }
  #mobile-menu-switch-manager:checked ~ #mobile-menu-overlay {
    opacity:1;
    pointer-events:auto;
    visibility:visible;
  }
  .mobile-menu-open {
    overflow:hidden;
    width:100vw;
    height:100vh;
  }
}
@media only screen and (max-width: 780px) {
  #mobile-buttons {
    top:auto;
    bottom:15px;
    right:15px;
    flex-direction:column-reverse;
  }
}
@media only screen and (max-width: 540px) {
  .mobile-page-title {
    font-size:26px;
    line-height:25px;
  }
  #mobile-menu-container .site-title { margin:29px auto 38px; }
}