/*shop navigation*/
.shop-nav-bg {border-bottom:5px solid #fff;}
.shop-nav-container, .shop-nav-sub {max-width:1280px;margin-left: auto;margin-right:auto;padding:15px}
.shop-nav-main {display: none!important;padding:15px 0!important;max-height:75vh;position: relative;overflow: scroll;}
.shop-nav-main.shop-nav-main-visible {display: flex!important;}
.shop-nav {margin: 0;padding:15px 0;display: flex;flex-wrap: wrap;}
.shop-nav-horizontal {flex-direction: column;}
.shop-nav-vertical {flex-direction: column;}
.shop-nav-sub {display: block;flex-wrap: wrap;width:100%;height:100%;position: fixed;top:0;left: 0;overflow-y: scroll;border-top:1px solid rgba(255,255,255,.3);}
.shop-nav-item {list-style: none;}
.shop-nav-link {display: block;box-shadow: 0 0 0 0 rgba(255,255,255,0);transition: all ease-out .2s;padding:.5rem 1rem;color:rgba(255,255,255,.8);}
.shop-nav-link:hover {color:#fff;}
.shop-nav-link.droppable-icon:after {display: inline-block;margin-left: .255em;vertical-align: .255em;content: "";border-top: .3em solid;border-right: .3em solid transparent;
border-bottom: 0;border-left: .3em solid transparent;}
.shop-nav-horizontal .shop-nav-link.active {color:#fff;background-color: rgba(0,0,0,.1);box-shadow: 0 3px 0 0 rgba(255,255,255,1);}
.shop-nav-vertical .shop-nav-link.active {color:#fff;background-color: rgba(0,0,0,.1);}
.shop-nav-link:hover {background-color: rgba(0,0,0,.1);}
.sub-cat-subitem {width:100%;height:100%;position:fixed;left:0;top:0;box-shadow: 0 0 0 9998px rgba(0,0,0,.36);overflow-y: scroll;}
.shop-nav-sub .back {width:33px;height:33px;display: block;position:fixed;top:15px;right:15px;z-index: inherit;background: url(../../art/left-arrow.svg) center no-repeat;background-size: 24px;margin: 8px 15px 8px 15px;border-radius: 50%;box-shadow:0 0 0 1px #fff;}

@media (min-width: 1280px) {
  .shop-nav-sub .back, .shop-nav-toggle {display: none;}
  .shop-nav {padding: 15px 0;}
  .shop-nav-container {padding: 0;}
  .shop-nav-main {display: flex!important;padding:10px 0!important;overflow: hidden;}
  .sub-cat-subitem {width:auto;height:auto;position:relative;left:auto;top:auto;border-top:none;box-shadow: none;border-right:1px solid rgba(255,255,255,.3);overflow-y: visible;}
  .shop-nav-sub {display: flex;width:auto;height: auto;max-height: 480px;position: relative;overflow-y:auto;}
  .shop-nav-horizontal {flex-direction: row;max-height:60px;overflow-y: hidden;justify-content: center;}
  .shop-nav-horizontal .shop-nav-item {margin-bottom: 15px;}
  .shop-nav-vertical {border-left:1px solid rgba(255,255,255,.3);}
  .shop-nav-item, .shop-nav-link {text-align: left;}
}