@charset "UTF-8";

.drawer-overlay {background-color: rgba(0, 0, 0, 0.6);}
.drawer-nav {width: 80%;color: #222;background-color: #fff;}
.drawer-hamburger {padding: 25px 20px 32px;width: 35px;}
.drawer-open .drawer-hamburger-icon:before,
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {width: 100%;height: 2px;background-color: #273f52;}
.drawer--right .drawer-nav {right: -80%;}
.drawer--right.drawer-open .drawer-hamburger {right: 80%;}
.drawer-open .drawer-hamburger-icon:before,
.drawer-open .drawer-hamburger-icon:after {background-color: #fff;}
.drawer-nav .wrap {padding-bottom: 70px;}
.drawer-nav .wrap .drawer-menu_sub {}

.drawer--top.drawer-open .drawer-nav {
  top: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.drawer--left.drawer-open .drawer-nav,
.drawer--left .drawer-hamburger,
.drawer--left.drawer-open .drawer-navbar .drawer-hamburger {
  left: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.drawer--right.drawer-open .drawer-nav,
.drawer--right .drawer-hamburger,
.drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
  right: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

@media (min-width: 992px){
  .drawer-nav {display: none;}
}