/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
 :root{
   --white:     #fff;
   --black:     #000;
   --red:       #ff0000;
   --darkGreen: #006622;
   --darkGrey:  #545454;
   --lightGrey: #f1f1f1;
   --lightTaupe:#d5c1aa;
   --taupe:     #bc9c76;
   --darkTaupe: #785c3b;
 }

 ::placeholder {
   font-size: 0.8rem;
 }

 body {
   font-family: Raleway, sans-serif !important;
   font-weight: 300 !important;
 }

 .banner {
  width: 100% !important;
  background-color: var(--lightTaupe);
  color: var(--white);
  display: block;
  text-align: center;
  /*line-height: 2rem;*/
}

 hr {
   width: 50% !important;
   border-top: 2px solid rgba(0,0,0,.1);
 }

 .width80 {
   width: 80% !important;
 }

 .width100 {
   width: 100% !important;
 }

 .margin0 {
   margin: 0rem !important;
 }

 .margin05 {
   margin: 0.5rem !important;
 }

 .paddingleft5 {
   padding-left: 5rem;
 }

 .brands-sort .select-list:hover,
 .products-sort-order .select-list:hover,
 .suppliers-sort .select-list:hover {
   background: var(--taupe) !important;
 }

 .btn-unstyle:focus .expand-more {
   color: var(--taupe) !important;
 }

 @media (min-width: 1200px){
   .container {
     width: 100% !important;
   }

   #content-wrapper,
   #header .header-top {
     width: 80% !important;
     margin: auto;
   }

   #content-wrapper.left-column {
     width: 75% !important;
   }
 }


 #header {
   background: white !important;
   color: var(--darkGrey);
 }

 #header .header-nav {
   border-bottom: 1px solid var(--lightGrey);
   font-size: 0.7rem;
 }

 #header .header-nav .cart-preview.active {
   background-color: var(--taupe);
 }

 #header .header-nav .cart-preview.active:hover {
   background-color: var(--darkTaupe);
 }

 #header .header-nav .blockcart.active a {
   color: var(--white) !important;
 }

 #header .header-nav .blockcart.active a:hover {
   color: var(--white) !important;
 }

 #header .header-top .menu {
   padding-left: 0rem !important;
 }

 #header .header-top .col-md-10 {
   margin-top: 1.5rem !important;
   background-color: var(--white) !important;
 }

 #header a {
   color: var(--darkGrey);
 }

 #header a:hover {
   color: var(--black);
 }

 #header .top-menu a[data-depth="0"]:hover {
   color: var(--black);
 }

 #header .top-menu a[data-depth="1"]:hover {
   color: var(--black);
 }

 #_mobile_logo {
    margin: auto;
    width: 15%;
}

 .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
   font-weight: normal !important;
 }

 #search_filters {
   box-shadow: none !important;
 }

 #search_filters .facet .facet-title {
   line-height: 1.5rem;
 }

 .category-cover {
   margin-right: 2.5rem;
 }

 .form-control {
   /*padding: 0.3rem 1rem !important;*/
 }

 .active_filters {
   background: var(--taupe) !important;
   padding: .2rem 1.875rem 0;
 }

 .active_filters .active-filter-title {
   font-weight: normal !important;
   color: var(--white) !important;
 }

 .active_filters .filter-block {
   margin-bottom: 0.2rem !important;
   padding: 0.3rem !important;
 }

 .block-category {
   min-height: 100% !important;
 }

 .block-categories {
   box-shadow: none !important;
   margin-bottom: 0rem !important;
 }

 .block-categories .category-sub-menu li[data-depth="0"]>a {
   font-weight: normal !important;
   border-bottom: 0.1px solid var(--taupe) !important;
 }

 .block-categories .collapse-icons .add:hover,
 .block-categories .collapse-icons .remove:hover {
   color: var(--taupe);
 }

 #block-newsletter-label {
    text-align: center !important;
  }

  .alert-success {
    background-color: var(--taupe) !important;
    border-color: var(--taupe) !important;
    color: var(--white) !important;
  }

 .top-menu a {
   font-weight: 500 !important;
 }

 .dropdown-menu {
   font-size: 0.8rem !important;
 }

 .dropdown .expand-more {
   color: var(--darkGrey);
 }
 .dropdown:hover .expand-more {
   color: var(--black);
 }

 .search-widget form button[type=submit] .search:hover {
   color: var(--black);
 }

 .search-widget form input[type=text]:focus+button .search {
   color: var(--taupe);
 }

 .search-widget form input[type=text]:focus {
   outline : 1px solid var(--taupe);
 }

 .search-widget form input[type=text] {
   padding: 0.4rem;
 }

 .block_newsletter form input[type="email"]:focus {
   border: 1px solid var(--taupe) !important;
 }

 a {
   color: var(--darkGrey) !important;
 }

 a:hover {
   color: var(--taupe) !important;
 }

 a.select-list:hover {
   color: var(--white) !important;
 }

 .btn-primary, .btn-secondary, .btn-tertiary {
   font-weight: 300 !important;
 }

 .btn-primary {
   color: var(--white) !important;
   background-color: var(--taupe) !important;
 }

 .btn-primary:hover {
   color: var(--white) !important;
   background-color: var(--darkTaupe) !important;
 }

 .btn-primary:focus {
   color: var(--white) !important;
   background-color: var(--darkTaupe) !important;
 }

 .btn-primary:active {
   color: var(--white) !important;
   background-color: var(--black) !important;
 }

 .quick-view {
   font-size: 0.8rem !important;
 }

 .search {
   font-size: 15px !important;
 }

 #wrapper {
   background: var(--white) !important;
   box-shadow: none !important;
   border-top: 1px solid var(--lightGrey);
 }

 #wrapper .breadcrumb {
   font-size: 0.8rem;
 }

 #blockcart-modal .product-name {
   color: var(--taupe);
 }

 .card {
   box-shadow: none !important;
   border: none !important;
   padding: 0 !important;
 }

 #blockcart-modal .cart-content .page-content.page-cms ul .label,
 #blockcart-modal .cart-content .page-content.page-cms ul .value,
 #blockcart-modal .cart-content p .label,
 #blockcart-modal .cart-content p .value,
 .page-content.page-cms #blockcart-modal .cart-content ul .label,
 .page-content.page-cms #blockcart-modal .cart-content ul .value {
   font-weight: 500 !important;
 }

 .page-content.page-cms ul, p {
   color: var(--darkGrey) !important;
 }

 .card-block.cart-summary-totals .cart-summary-line.cart-total .label,
 .card-block.cart-summary-totals .cart-summary-line.cart-total .value {
   font-weight: 500 !important;
 }


 .ps_checkout.payment-method-logo-block.left {
   display: none !important;
 }

 .product-cover img {
   box-shadow: none !important;
 }

 .product-variants>.product-variants-item select {
   box-shadow: none !important;
 }

 .products-sort-order .select-title {
   padding: 0.4rem !important;
   box-shadow: none !important;
 }

 .product-features {
   margin-left: 0 !important;
   width: 75% !important;
 }

 .product-features>dl.data-sheet dd.value,
 .product-features>dl.data-sheet dt.name {
   flex: 1 0 40%;
 }

 #product-details .label {
   font-weight: normal !important;
   margin-right: 1rem;
 }

 #product-availability {
   font-weight:500 !important;
 }

 .nav-item .nav-link {
   font-weight: normal !important;
 }

 .tabs {
   box-shadow: none !important;
   margin-top: 1rem !important;
   padding: 0 !important;
 }

 .tax-shipping-delivery-label {
   display: none !important;
 }

 .group-span-filestyle .btn-default {
   background-color: var(--taupe);
 }

 .product-price {
   color: var(--taupe);
 }

 .product-quantity #quantity_wanted {
   text-align: center;
   width:2.2rem;
 }

 .product-images>li.thumb-container>.thumb.selected,
 .product-images>li.thumb-container>.thumb:hover {
   border: 3px solid var(--taupe);
 }

 .product-customization{
   margin: 0;
 }

 .product-customization .product-message:focus {
   background-color: var(--white);
   outline: 1px solid var(--taupe);
 }

 .product-customization-item label {
   text-align: left;
 }

 .tabs .nav-tabs .nav-link.active,
 .tabs .nav-tabs .nav-link:hover {
   border-bottom: 3px solid var(--taupe);
 }

 .tabs .nav-tabs .nav-link.active {
   color: var(--taupe);
 }

 .block-social ul li {
   background-color: var(--taupe);
   border-radius: 0.8rem !important;
 }

 .block-social ul li:hover {
   background-color: var(--darkTaupe);
 }

 .block-contact-title, .blockcms-title,
 .myaccount-title, .myaccount-title a {
   font-weight: normal;
   font-size: 1.125rem;
 }

 .bootstrap-touchspin {
   box-shadow: none !important;
 }

 .bootstrap-touchspin input.form-control,
 .bootstrap-touchspin input.input-group {
   text-align: center;
   width:2.2rem;
 }

 #products .thumbnail-container,
 .featured-products .thumbnail-container,
 .product-accessories .thumbnail-container,
 .product-miniature .thumbnail-container {
   position: relative;
   margin-bottom: 1.5rem;
   height: 350px;
   width: 250px;
   background: #fff;
   box-shadow: none !important;
 }

 #products .quick-view {
   color: var(--darkgrey);
   font-size: 0.8rem;
 }

 #products .quick-view:hover {
   color: var(--taupe);
 }

 #products .highlighted-informations {
   /*box-shadow: none !important;*/
 }

 #product-availability .product-last-items,
 #product-availability .product-unavailable {
   color: var(--taupe);
 }

 .product-price-and-shipping {
   font-size: 0.8rem;
   font-weight: lighter !important;
 }

 .product-description {
   /*height: 4rem;*/
 }

 .product-accessories {
   margin-top: 0.5rem;
 }

 .carousel {
   box-shadow: none !important;
 }

 .carousel .carousel-item .caption .caption-description .page-content.page-cms ul,
 .carousel .carousel-item .caption .caption-description p,
 .page-content.page-cms .carousel .carousel-item .caption .caption-description ul {
   color: var(--darkGrey);
 }

 .carousel .carousel-control .icon-next:hover i,
 .carousel .carousel-control .icon-prev:hover i {
   color: var(--taupe) !important;
 }

 .carousel .carousel-item .caption {
   color: var(--darkGrey);
 }

 .custom-radio input[type=radio]:checked+span {
   background-color: var(--darkTaupe);
 }

 .form-control:focus {
   border-color: var(--taupe);
 }

 .form-control:focus, .input-group.focus {
   outline: 1px solid var(--taupe);
 }

 input::-webkit-credentials-auto-fill-button:hover {
   background-color: var(--taupe);
 }

 .input-group .input-group-btn>.btn[data-action=show-password] {
    background: var(--taupe);
    padding: .6rem 1rem;
  }

  /*
  #custom-text img {
    width: 25% !important;
  }
  */

 @media screen and (min-width: 768px) {

   .banner {
    width: 100% !important;
    background-color: var(--lightTaupe);
    color: var(--white);
    display: block;
    text-align: center;
    line-height: 2rem;
  }

   .top-menu .popover {
     margin-top: 0.5rem;
     margin-left: 8rem;
     width: 50%;
     min-width: 50%;
   }

   .col-md-2 {
     float: left;
     width: 10%;
   }
   .col-md-10 {
     float: left;
     width: 90%;
   }
 }

 /******************************* FOOTER ********************************/
  .footer-container li a:hover {
    color: var(--darkTaupe);
  }

  .col-md-6.links {
     /*width: 70%;*/
   }

  .copyright_link {
    font-size: 0.7rem;
  }