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

.h1, .h2, h1, h2, h2 > span, .newsletter-title > span, h3 {
  font-family:'Trochut' !important;  
}  

@font-face {
    font-family : 'Trochut';
    src: url'(https://savonbienetre.fr/Trochut.ttf)';
}

*{
font-family: Inter, sans-serif;}


/* Entête */

.header-bottom .navbar-brand {
  max-height: 50px !important;
  max-width: 250px;
  padding: 5px 0;
}

.main-menu__tree > li > a {
  outline-offset:0;
  padding:10px 12px;
}

.header-bottom__container .logo img{
display:inline-block !important;
margin-bottom:-50px;
min-height:150px !important;
}

#_desktop_search{
max-width:200px !important;
}

#search_widget {
    min-width: 200px !important;
}
  
.header-bottom{
background-color:#2F6016;
color:#fff !important;
}

#top-menu a.main-menu__tree__link{
color:#fff ;
}

.js-sub-menu a.main-menu__tree__link{
color:#333 !important;
}

a.dropdown-item{
}

.main-menu__tree__link {
    text-transform: uppercase;
    line-height: 20px;
}

 .header-block__badge {
    color:#fff !important;
  }
  

/* Slides */

.ratio-homeSlider {
    --bs-aspect-ratio: 35% !important;
  }

.carousel-caption h2, .carousel-caption h3, .carousel-caption p{
color:#ffffff !important;
}


/* Contenu accueil */

div.moitie{
width:49%;
display:inline-block;
vertical-align:top;
}
  
div.moitie img{
padding:10px;
border-radius: 10px; /* propriété CSS3 */
-moz-border-radius: 10px; /* compatibilité avec Firefox */
-webkit-border-radius: 10px; /* compatibilité avec les navigateurs Webkit */
}


/* Contenu */

.pagination {
    --bs-pagination-color: #2f6016 !important;
    --bs-pagination-hover-color: #2f6016 !important;
    --bs-pagination-focus-color: #2f6016 !important;
    --bs-pagination-active-bg: #2f6016 !important;
    --bs-pagination-active-border-color:#2f6016 !important;
    display: flex
;
    list-style: none;
    padding-left: 0;
}

#subcategories{
display:none;}

.left-block__title__link{
color:#fff !important;}

.breadcrumb__wrapper {
    background: var(--bs-gray-100);
    margin-bottom: 80px;
} 

.section-title {
    font-size: 2rem !important;
}

.flashsale .products-section-title {
    font-size: 2rem;
    text-transform: none !important;
}

.flashsale{
max-width:1320px;
margin-left:auto;
margin-right:auto;
padding:0 10px;
}

.product-miniature .product-list-reviews {
    padding: 0 !important;
}

.flashsale .products .product-miniature .thumbnail-container .product-title a {
    font-size: 1rem !important;
    color: #2f6016 !important;
}

.show-more-link{
  color: #2f6016 !important;
}

.product-title a{
font-family: Inter, sans-serif !important;
color:#2f6016 !important;
}

.product-miniature__title{
color:#2f6016 !important;
}

.product-flags {
  left: 200px;
}


.carousel-item picture img{
min-width:100% !important;
width:100% !important;}

.badge {
  background-color:#2f6016;
}

.badge.discount {
  border: 1px solid #2f6016;
  color: #2f6016;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border-color:#2f6016;
    color: #2f6016;
}

.cart-summary__show i {
    color: #2f6016;
}

.show-more-link a{
    color: #2f6016 !important;
}

.header-block--active .header-block, .header-block--active .header-block__icon {
       color: #2f6016;
    }
}

a.remove-from-cart, .cart-summary__show, a#cta-terms-and-conditions-0 {
  color: #2f6016 !important;
}
 
.btn-primary {
  --bs-btn-bg:  #2f6016 !important; 
  --bs-btn-border-color: #2f6016 !important;
  --bs-btn-hover-bg: #333;
  --bs-btn-hover-border-color: #333;
  --bs-btn-focus-shadow-rgb:#2f6016 !important;
  --bs-btn-active-bg: #333;
  --bs-btn-active-border-color: #333;
  --bs-btn-disabled-bg: #2f6016 !important;
  --bs-btn-disabled-border-color:#2f6016 !important;
  }
  
.btn-outline-primary {
  --bs-btn-color: #2f6016;
  --bs-btn-border-color: #2f6016;
  --bs-btn-hover-bg: #333;
  --bs-btn-hover-border-color: #333;
  --bs-btn-focus-shadow-rgb: #2f6016;
  --bs-btn-active-bg: #2f6016;
  --bs-btn-active-border-color: #2f6016;
  --bs-btn-disabled-color: #2f6016;
  --bs-btn-disabled-border-color:#2f6016;
  --bs-gradient: none;
}

.carousel .carousel-indicators button.active {
  background-color:  #2f6016;
}

.header-block__badge {
  background: #2f6016;
  }

.btn-link {
  color: #2f6016;
}

.btn-link:hover {
  color: #333;
}

.all-product-link.btn i {
  color:  #2f6016;
}

.all-product-link.btn i:hover {
  color:  #fff;
}

ol.breadcrumb{
padding-left:200px;}

.form-check-input, span.d-flex {
display:inline !important;}

.checkout__steps--success .checkout__steps__text {
    color: #2f6016 !important;
}

.checkout__steps--current:before, .checkout__steps--success .checkout__steps__number{
background: #2f6016 !important;
}

/* Pied */

.copyright{
display:none;
}

.footer .footer__main {
  background: #333;
}

.header a:not(.dropdown-item):not(.btn):hover, .header a:not(.dropdown-item):not(.btn):hover i {
   color:  #2f6016 !important;
}
.header-top a:not(.dropdown-item):hover, .header-top a:not(.dropdown-item):hover i {
   color:  #2f6016 !important;}
   
       .header-block--active .header-block, .header-block--active .header-block__icon {
        color:  #2f6016 !important;
    }

.cart-summary__show, #cta-terms-and-conditions-0, .cart-summary__show span, .d-block , .mb-3 a{
      color:  #2f6016 !important;
}


/* Responsive */


@media screen and (max-width: 1000px) {
 
 
div.moitie{
width:100%;
  }
  
div.moitie img {
    padding: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    max-width:100% !important;
    width:100% !important;
    height:auto !important;}

}


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



.header-block__action-btn, .header-block__action-btn:focus, .header-block__action-btn:hover, .material-icons, .header-block__icon {
  color: #fff !important;
}

.ratio-homeSlider {
  --bs-aspect-ratio: 100% !important;
}

.header-bottom__container .logo img {
    margin-bottom: -10px;
    height:100px !important;
    min-height: 100px !important;
} 

.carousel .carousel-caption .h2, .carousel .carousel-caption h2 {
  font-size: 1.5rem;
} 

.carousel-control-prev, .carousel-control-next{
display:none;}

.header-block__badge{
color:#fff !important;
}


.flashsale .products-section-title {
    font-size: 1.5rem;
}

.carousel-caption {
    left: 5%;
    right: 5%;
    background-color:rgba(0,0,0,0.6) !important;
    padding:8px !important
}

.carousel .carousel-caption .caption-description {
    max-width:100% !important;
}

.rtl-flip{
color:#444 !important;
}

}