/*
* Fashionopolism Shopify theme
* Copyright 2020, We are Underground
* www.weareunderground.com
*/


/* #Media Queries
================================================== */


/* Product grid clear next row */
@media screen and ( min-width: 981px){
  div#product-loop .product-index.desktop-4.tablet-2:nth-child(3n+1) {
    clear: left;
  }
  div#product-loop .product-index.desktop-3.tablet-2:nth-child(4n+1) {
    clear: left;
  }
  div#product-loop .product-index.desktop-6.tablet-3:nth-child(2n+1) {
    clear: left;
  }
}


@media screen and ( min-width: 741px) and (max-width: 980px){
  div#product-loop .product-index.desktop-4.tablet-2:nth-child(3n+1) {
    clear: left;
  }
  div#product-loop .product-index.desktop-3.tablet-2:nth-child(3n+1) {
    clear: left;
  }
  div#product-loop .product-index.desktop-6.tablet-3:nth-child(2n+1) {
    clear: left;
  }
}

@media screen and (max-width: 740px){
  div#product-loop .product-index.desktop-4.tablet-2.mobile-half:nth-child(2n+1) {
    clear: left;
  }
  div#product-loop .product-index.desktop-3.tablet-2.mobile-half:nth-child(2n+1) {
    clear: left;
  }
  div#product-loop .product-index.desktop-6.tablet-3.mobile-half:nth-child(2n+1) {
    clear: left;
  }
}


/* Bigger Than Tablet */

@media screen and (min-width: 981px) {
  #mobile-only { display: none; }
  .shifter-handle {
    display: none !important;
  }
}

@media screen and (max-width: 981px) {
  #logo, #cart-container { width: 100%; margin-left: 0; }
}

@media screen and (max-width: 980px) {
  #nav,
  ul#cart li.cart-overview span.cart-words,
  ul#cart li.customer-accounts,
  ul#cart li.searchbox,
  ul#cart li.search-icon,
  .large-search { display: none !important; }

  .gridlock-fluid div#identity { padding-left: 10px !important; padding-right: 10px !important; }
  #mobile-only { display: none; }
  .tablet-hide { display: none; }
  footer ul { margin-bottom: 30px; }
  #product-description { border-right: 0; padding-right: 0; }
  input.add.clearfix.AddtoCart { margin-left: 0; margin-top: 20px;
  }

}


@media screen and (min-width: 741px ) and ( max-width: 980px ) {

  div#identity { display: grid; grid-template-columns: 2fr 2fr 2fr !important; }
  #logo { text-align: center !important; justify-self: center !important;}

  .product-collection-carousel .owl-controls {
    width: 108%;
    left: -4%;
  }
}


/* Exclude Mobile Sizes (devices and browser) */
@media only screen and (min-width: 741px) {
  .homepage-section.featured-collection .owl-buttons { right: 10px; }
}


/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 740px) {

  .product-collection-carousel .owl-controls {
    width: 108%;
  }

  .notification {
    margin-bottom: 5px;
    margin-top: 5px;
  }

  .mobile-hide { display: none; }

  .mhide { display: none; }

  input.ajaxcart__qty-num {
    width: 40px !important;
    min-width: inherit;
  }


  ul.collection-tabs li {
    margin: 0 5px 5px 0;
    float: left;
    font-size: 10px;
  }


  textarea { min-width: 0 !important; }
  #newsletter { line-height: 60px; }
  input#mce-EMAIL {
    text-align: center;
  }
  #signup { margin-top: 0; }
  #newsletter #mc-embedded-subscribe { margin-left: 0; margin-top: 5px; }
  .search { width: 100%; }
  #q { width: 100%; }
  .button { width: 100%; }
  input { width: 100%; min-width: 100%; }

  /* Collection page section */
  .product-modal { display: none !important; }
  #full-width-filter { margin-top: 0; }
  ul#sortme li select.styled-select {
    width: 100%;
  }
  #full-width-filter .filter {
    width: 47%;
    float: left;
    display: inline-block;
    margin: 0 1% 10px 1%;
  }
  #collection-sidebar { display: none; }
  #collection-sidebar.open { display: block; text-align: center; }
  .show {
    width: 40px;
    height: 40px;
    background: transparent;
    border: 0;
    cursor: pointer;
    display: block;
    position: relative;
    text-align: center;
  }
  .show:after {
    content: '\f039';
    font-family: FontAwesome;
    font-size: 20px;
    display: block;
    margin: auto;
    color: #1c324b;
  }
  .first { clear: none; }
  #product-loop div.product-index:nth-child(2n+1) { clear: left; }

  /* Product page section */
  .product-navigation {
    display: none;
  }
  input#AddToCart {
    clear: left;
    width: 100%;
    min-width: 100%;
    margin: 20px auto 10px;
  }
  input#quantity {
    min-width: 60px;
    text-align: center;
  }
  input.add { min-width: 90px; }
  select.styled-select, .single-option-selector {
    text-indent: 5px;
    clear: left;
    margin-left: 0;
    width: 100%;
  }
  #product-description { padding: 0 !important; border: 0 !important; }
  #add { width: 100%; }
  #mobile-product-photos {
    margin-bottom: 20px;
  }
  #mobile-product-photos .owl-buttons {
    top: 0;
  }

  /* Shopping cart page */
  #basket-right { text-align: center; float: left; margin-bottom: 20px; }
  #update-cart, #checkout { width: 100%; }
  #shopping-cart thead { display: none; }
  #shopping-cart td { clear: left; display: block; }
  .cart-title {
    display: inline-block;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 77%;
    vertical-align: middle;
  }
  .cart-image {
    display: inline-block;
    text-align: center;
    width: 20%;
    vertical-align: middle;
  }
  td.cart-price {
    text-align: center;
  }
  td.cart-price, td.cart-remove, td.cart-quantity, .cart-total {
    clear: none !important;
    float: none;
    margin: 1%;
    display: inline-block !important;
    vertical-align: middle;
    line-height: 48px;
    border-bottom: 0 !important;
  }
  td.cart-price {
    width: 40%;
  }
  td.cart-quantity {
    width: 20%;
  }
  td.cart-remove {
    width: 10%;
  }
  td.cart-total {
    width: 22%;
  }
  #shopping-cart tr {
    border-bottom: 1px solid #e5e5e5;
  }

  /* Footer section */

  ul.footer-left { float: left; width: 100%;  text-align: center; }
  ul#footer-right { float: left; width: 100%; text-align: center; }
  .footer-left li { text-align: center; float: none; }
  #footer-right li { text-align: center; float: none; }

  #mce-EMAIL { width: 100%; }
  footer { text-align: center; }
  footer ul { margin-bottom: 30px; }
  .sub-footer .left-side, .sub-footer .right-side {
    width: 100%;
    text-align: center;
    padding: 10px 0;
  }


  /* Slideshow section */

  .flex-caption p { font-size: 100%; }
  .flex-direction-nav { display: none; }
  .homepage-section .flexslider .slides img {
    width: 100%! important;
  }

  /* Image with text overlay section */

  .parallax a.button {
    width: initial;
  }
  .parallax-mirror { display: none; }

  /* Home page gallery section */

  .homepage-promo h3 { font-size: 100%; }
  .homepage-promo .caption p { font-size: 100%; }
  .homepage-promo .caption::before {
    border-top: 0;
    border-bottom: 0;
  }
  .homepage-promo .caption::after {
    border-left: 0;
    border-right: 0;
  }

  /* Header section */
  header.theme-header { width: 100%; z-index: 99; }
  ul#social-links { display: none;}
  div#identity { display: grid; grid-template-columns: 1fr 3fr 1fr !important; padding: 0 0 10px 0 !important; }
  div#cart-container { text-align: right; }
  header ul#cart li.lang-selector,
  header ul#cart li.curr-selector { display: none;}
  #logo { text-align: center; }

}