/* -- NAV --*/ 

/* Auto sets height on nav bar */ 
nav.navbar {
    height: auto !important;
}

/* Adjusts the cart counter size */ 
.badge--cart {
  width: 15px !important; 
  height: 15px !important;
  right: -10px !important; 
  background-color: red;  
}
.bigcounter {
  font-size: 8px;
  color: #fff;
}

.logo{
  margin-top: 0px; 
  margin-bottom: 0px;  
}

#header .icon{
  font-size: 28px !important; 
}

#header.header-layout-09{
  padding-top: 0px !important;
  margin-top: 0px !important;  
}

.currency {
    margin-right: 36px;
    top: -12px;
}

.slogan{
  border: solid 1px red;
  display: none !important;
}

#header.header-layout-09 .col-sm-8.col-md-8.col-lg-8.col-xl-7.text-right {
  margin-right: 0px !important; 
  margin-top: 10px !important; 
  margin-bottom: 0px !important; 
}

.vv-header-bg{
  height: 120px !important; 
}

.navbar{
  width: 100%; 
}

#header .logo.img-responsive {
    width: 103%;
    max-width: 254px !important;
    margin: 0px !important;
    top: 0px !important;
    left: 0px !important;
}

.visible-mobile-menu-on {
    position: absolute!important;
    right: 0px;
    bottom: 4px;
}

.expand-nav{
  position: static; 
  left: 0px; 
  margin: 0px; 
  top: 0px; 
}

.col-logo {
    margin-left: 9px;
    width: 50%;
    float: left;
    top: 56px;
}

.col-menu{
  padding: 20px;
  width: 50%;     
}

/* Manual columns for mobile responsiveness */ 
@media only screen and (min-width: 1024px){

  .col-logo{
    margin-left: 0px; 
    width: 25% !important;
    float: left; 
  }

  .col-menu{
    padding: 20px;
    width: 75% !important;     
  }
}

/* icons */
#header .search {
    right: 21px !important;
    top: -7px;
}

#header .account {
    right: 49px !important;
    top: -2px;
}

#header .cart{
  right: 120px;
  top: 30px;  
}

/* mobile menu pulls to the right */ 
#cboxClose{
  right: 0px !important;
  left: auto;  
}

.mobile-menu-wrapper{
  right: 0px; 
}

.fixedbar{
  min-height: 80px !important;
  height: 80px;  
}

.responsive-menu{
 height: 60px !important; ; 
}

#header.header-layout-09 .stuck-nav.fixedbar .mainMenu .navbar-nav > li > a {
    font-size: 14px !important;
    line-height: 1em !important;
    margin-top: 5px;  
}

.stuck-nav .navbar-nav{
    margin-left: 25px; 
}


@media only screen and (max-width: 1024px){

  #header.header-layout-09 .stuck-nav.fixedbar nav.navbar {
    margin-top: 0px !important;
    padding: 0px 25px; 
  }

  #header .navbar .navbar-toggle {
    float: right !important; 
  }

  .stuck-nav .visible-mobile-menu-on {
    bottom: 0px;
  }
  
  
  /*-- iPhone 6,7 in portrait & landscape --*/
  @media only screen 
  and (min-device-width : 375px) 
  and (max-device-width : 667px) { 
  
  	/* CSS specific to iOS devices */ 
    .visible-mobile-menu-on {
      bottom: -9px!important;
    }
    
    .stuck-nav .visible-mobile-menu-on {
      bottom: 0px!important;
    }
    
  }
  
  .currency.dropdown.text-right {
    position: relative;
    top: 7px!important;
    left: -1px!important;
  }
  
  .col-logo {
    position: absolute;
  }

}

@media only screen and (max-width: 1199px){

  #header.header-layout-09 .stuck-nav.fixedbar .mainMenu .navbar-nav > li > a {
    font-size: 11px !important;   
  }

}

.responsive-menu{
 height: 60px !important; ; 
}

.stuck-nav .cart{
  position: absolute !important;
  right: 0px !important;
  top:20px !important;   
}

.stuck-nav .logo {
    display: block !important;
    width: 170px !important;
    padding-top: 9px;
}

.stuck-nav .navbar-toggle{
  position: relative;
  top: -5px !important;
  left: 60px !important;  
}  

.stuck-nav .menu-text{
  font-size: 8px;
  left: 8px;  
  top: 20px; 
}  

.stuck-nav .cart {
    display: block !important;
    position: relative;
    top: 27px !important;
    right: 71px !important;
}

.stuck-nav .cart .bigcounter{
  position: absolute !important;
  top: -10px !important;
  left: 25px; !important;
  background: red !important;
  color: #fff !important;
  font-size: 8px;
  padding-top: 1px;    
}

@media only screen and (min-width: 1024px) {
  .stuck-nav .cart {
    position: absolute !important;
    right: 0px !important;
    top: 25px !important;
  }
}

/* fixes Account dropdown on mobile */ 
@media only screen and (max-width: 1024px) {

  #header .account .dropdown.text-right .dropdown-menu{
    position: absolute !important;
    left: -200px !important;
    width: 300px !important;
    text-align: center;
    color: #fff !important;  
  }

}

@media only screen and (max-width: 1024px){

  #header.header-layout-09 .stuck-nav.fixedbar nav.navbar {
    margin-top: 0px !important;
    padding: 0px 11px;
  }

  header .navbar .navbar-toggle {
    float: right !important; 
  }

  .stuck-nav .visible-mobile-menu-on {
    bottom: 0px;
  }
  
  .col-xs-2.visible-mobile-menu-on .navbar-toggle {
    width: 85px!important;
  }
  
  .stuck-nav .logo {
    padding-top:6px;
  }
  
}

/* Search Bar */ 

.search-dropdown{
  margin: 0px!important;
  right: 0px !important;
  left: 0px !important;
  height: 55px !important; 
}

.search-dropdown.open {
  margin: 0px !important;
  margin-left: 10px !important;
  height: 55px !important;
  border: 1px solid #811af5;   
}

#header .settings {
  text-align: right !important; 
}

.search-dropdown .input-outer{
  padding-right: 0px;
}

.search-dropdown .input-outer input {
  max-height: 50px !important; 
  padding: auto; 
  border: none; 
}

.input-outer{
   height: 50px !important;  
}

/* ============ HERO SECTION =========== */

/* fallback bg fill for legibility during img load */ 
#shopify-section-1565770669249{
  background-color: #801AF5; 
}

/* normalizes hero size */ 
@media only screen and (min-width: 767px){

  #shopify-section-1480333896638 {
    border: solid 1px; 
    min-height: 450px !important; 
  }

}

.tp-bgimg{
  background-position: center right !important; 
}

.nav-categories{
  height: 25vh;
  color: #fff;
  font-size: 4vw; 
  font-weight: bold;
  letter-spacing: 0.075em;
  text-transform: uppercase;  
  display: flex;
  align-items: center;
  justify-content: center;   
}

.nav-categories:hover{
  opacity: 0.5 !important;  
}

#home-nav-corsets{
  background: url("../../../../../0164/8931/6406/files/corset_collection_cover_v-1562116714.jpg");
  background-position: center center; 
  background-size: cover; 
}
#home-nav-summer{
  background: url("../../../../../0164/8931/6406/files/summer_collection_cover_v-1562116771.jpg");
  background-position: center center; 
  background-size: cover; 
}

#home-nav-winter{
  background: url("../../../files/10136_v-1577778569.jpeg");
  background-position: center center; 
  background-size: cover; 
}
#home-nav-accessories{
  background: url("../../../../../0164/8931/6406/files/accessories_cover_1_v-1562929769.png");
  background-position: center center; 
  background-size: cover; 
}
#home-nav-home{
  background: url("../../../../../0164/8931/6406/files/home_goods_cover_1_v-1562929816.png");
  background-position: center center; 
  background-size: cover; 
}
#home-nav-goth{
  background: url("../../../../../0164/8931/6406/files/goth_collection_cover_v-1562116748.jpg");
  background-position: center center; 
  background-size: cover; 
}
#home-nav-clothing{
  background: url("../../../../../0164/8931/6406/files/clothing_cover_1_v-1562929796.png");
  background-position: center center; 
  background-size: cover; 
}
/* -- MOBILE -- */
@media (max-width: 1024px) {
  .nav-categories{
      font-size: 5vw!important; 
  }
}

/* ============ FIXES COLOR PICKER IN PRODUCT PAGES =========== */

.collapse-block .filter-popup .active a:before, .collapse-block .filter-popup .active a:hover:before{
  background: none;
  box-shadow: 0px 2px 3px rgba(0,0,0,0.5); 
}



/* HIDES DEFAULT CART */
.dropdown-menu.dropdown-menu--xs-full.slide-from-top.cart-group-1 {
    display: none;
}

@media (min-width: 1401px) {
  #shopify-section-1480333896638 div.revslider-initialised.tp-simpleresponsive {
      min-height: 631px!important;
      max-height: 685px!important;
      height: auto!important;
  }
}