/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

/*#header {
    position: sticky;
    top: 0px;
}*/

#header .header-nav .cart-preview.active {
    background: #17416b;
}

.container {
    width: auto;
}

@media (min-width: 1440px) {
  .container {
    max-width: 1396px !important;
    background-color: #fff;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 970px;
  }
}

 .input-color {
    position: absolute;
    width: 2.25rem;
    height: 2.25rem;
    cursor: pointer;
    opacity: 0;
}

label .color, .variant-links .color, .custom-checkbox input[type="checkbox"] + span.color {
    display: inline-block;
    width: 2.25rem;
    height: 2.25rem;
    margin: 0.3125rem;
    margin-top: 0.3125rem;
    margin-right: 0.3125rem;
    margin-left: 0.3125rem;
    cursor: pointer;
    background-size: contain;
    border: 1px solid #979797;
}

.thumbnail img {
    margin: 20px 0px;
}

.btn-homepage {
    padding: 0.5rem 1.25rem;
    text-transform: uppercase;
    color: #000;
    border: 1px solid #000;
}

a {
    color: #17416B;
    text-decoration: none;
}

a:hover {
    color: #252555;
}

#header a:hover {
    color: #252555;
}

#header .top-menu a[data-depth="0"]:hover {
    color: #252555;
    text-decoration: none;
}

.footer-container li a:hover {
    color: #252555;
}

.btn-primary {
    color: #fff;
    background-color: #252555;
    border-color: rgba(0,0,0,0);
}

.btn-primary:hover {
    background-color: #17416B;
}

.product-flags li.product-flag {
    background: #17416B;
}

li.is-new {
    background: #E8AD16 !important;
}
 

.product-miniature .highlighted-informations .quick-view:hover {
    color: #17416B;
}

.product-price {
    color: #252555;
}

.form-control:focus {
    outline: 0.1875rem solid #252555;
    border-color: #252555;
}

.product-images > li.thumb-container > .thumb.selected, .product-images > li.thumb-container > .thumb:hover {
    border: #252555 3px solid;
}

.tabs .nav-tabs .nav-link:hover {
    border: none;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-bottom: #252555 3px solid;
}

.tabs .nav-tabs .nav-link.active {
    color: #252555;
    border: none;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-bottom: #252555 3px solid;
}

#subcategories ul li .subcategory-name:hover {
    color: #252555;
}

#subcategories ul li:hover .subcategory-image a {
    padding: 5px;
    border: 5px solid #252555;
}

#blockcart-modal .product-name {
    font-size: 1.125rem;
    color: #252555;
}

.products-sort-order .select-list:hover, .brands-sort .select-list:hover, .suppliers-sort .select-list:hover {
    color: #fff;
    text-decoration: none;
    background: #17416B;
}

.carousel .carousel-control .icon-next:hover i, .carousel .carousel-control .icon-prev:hover i {
    color: #17416B;
}

.product-flags li.product-flag.on-sale {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    width: 100%;
    margin-top: 0 !important;
    text-align: center;
    background: #b80000;
}

.product-flags li.product-flag.discount-percentage, .product-flags li.product-flag.discount-amount, .product-flags li.product-flag.discount {
    background-color: #b80000;
}

.has-discount.product-price, .has-discount p, .has-discount .page-content.page-cms ul, .page-content.page-cms .has-discount ul {
    color: #b80000;
}

.has-discount .discount {
    display: inline-block;
    padding: 0.3125rem .625rem;
    margin-left: .625rem;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    background: #b80000;
}

#custom-text {
    padding: 0px;
}

.block_newsletter form input[type="email"]:focus {
    border: 3px #17416B solid;
}

.block_newsletter {
    padding-top: 60px;
    background-color: transparent;
}

.carousel {
  margin-bottom: 3.5rem;
}

#cat_home_page {
     margin: 3.5rem 0;
}

.btn:focus, .btn:hover {
    text-decoration: none;
    background-color: #252555;
    color: #FFF;
}

.btn-primary:hover {
    background-color: #17416B;
}

#wrapper {
    background-image: url("/img/filigranne-fond-tempsleve-v2.png");
}

#footer {
    box-shadow: 0 -2px 5px 0 rgba(0,0,0,0.11);
    background-image: url("/img/danseuse-gauche.png");
    background-repeat: no-repeat;
}

footer div.container {
    background-color: transparent;
}

.block-social ul li.facebook {
    background-color: #435F9F !important;
}

.block-social ul li.instagram {
    background-color: #E7008A !important;
}

.block-social ul li.facebook:hover, .block-social ul li.instagram:hover {
    background-color: #252555 !important;
}

@media (max-width: 767px) {
    .footer-container .links ul {
      margin-bottom: 0;
      background-color: transparent !important;
    }
    
    .footer-container .links ul > li {
      padding: 0.625rem;
      font-weight: 600;
      border-bottom: none !important;
    }
    
    .links .title {
      padding: 0.625rem;
      cursor: pointer;
      border-bottom: none !important;
    }
}

.col-sm-3, .col-md-3 {
     width: 20%;
}

.col-sm-9, .col-md-9 {
     width: 80%;
}