.storefront-hamburger-menu-active .shm-close {
display: none; }
@media screen and (max-width: 767px) {
.storefront-hamburger-menu-active .main-navigation ul li a {
padding: .857em 1.387em; }
.storefront-hamburger-menu-active .main-navigation .handheld-navigation,
.storefront-hamburger-menu-active .main-navigation div.menu {
position: fixed;
top: 0;
left: -80%;
width: 80%;
height: 100%;
transition: left 0.2s;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
-webkit-transition: left 0.2s;
-moz-transition: left 0.2s;
-ms-transition: left 0.2s;
-o-transition: left 0.2s;
transition: left 0.2s;
z-index: 9999;
display: block !important;
border-right: 1px solid rgba(255, 255, 255, 0.2); }
.storefront-hamburger-menu-active .main-navigation .handheld-navigation > ul,
.storefront-hamburger-menu-active .main-navigation div.menu > ul {
margin-top: .53em; }
.storefront-hamburger-menu-active .main-navigation.toggled button.menu-toggle:before {
transform: translateY(-4px); }
.storefront-hamburger-menu-active .main-navigation.toggled button.menu-toggle:after {
transform: translateY(4px); }
.storefront-hamburger-menu-active .main-navigation.toggled button.menu-toggle span:before {
opacity: 1; }
.storefront-hamburger-menu-active .main-navigation.toggled .handheld-navigation,
.storefront-hamburger-menu-active .main-navigation.toggled div.menu {
left: 0;
box-shadow: 0 0 2em rgba(0, 0, 0, 0.7); }
.storefront-hamburger-menu-active .shm-close {
display: block;
background-color: rgba(0, 0, 0, 0.5);
cursor: pointer;
overflow: hidden;
font-weight: bold;
border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.storefront-hamburger-menu-active .shm-close:before {
font-family: "FontAwesome";
font-weight: 400;
content: '\f00d';
margin-right: 1em;
display: inline-block;
padding: .857em 0 .857em 1.387em; }
.storefront-hamburger-menu-active .site-header-cart .cart-contents {
right: 2.618em; }
.storefront-hamburger-menu-active.admin-bar .main-navigation .handheld-navigation,
.storefront-hamburger-menu-active.admin-bar .main-navigation div.menu {
padding-top: 32px; } }
.storefront-2-3.storefront-hamburger-menu-active .main-navigation .shm-close:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f00d"; }
@media screen and (max-width: 782px) {
.storefront-hamburger-menu-active.admin-bar .main-navigation .handheld-navigation,
.storefront-hamburger-menu-active.admin-bar .main-navigation div.menu {
padding-top: 46px; } }