/*
*@colors
*/
:root{
    --primary-color:#69b18e;
    --primary-color-hover:#005e51;
    --secondary-color:#a9d29e;
    --secondary-color-hover:#849b7e;
}

/*
####  ###### #    # ###### #####    ##   #
#    # #      ##   # #      #    #  #  #  #
#      #####  # #  # #####  #    # #    # #
#  ### #      #  # # #      #####  ###### #
#    # #      #   ## #      #   #  #    # #
####  ###### #    # ###### #    # #    # ######
*/


#header .header-nav{
    background-color: var(--primary-color);
    color:#fff;
}
a, button{
    transition:0.3s all;
}
.btn-primary,
.btn-default{
    background-color: var(--primary-color);
    color:#fff;
}
.btn-primary:hover,
.btn-default:hover{
    color:#fff;
    background-color: var(--primary-color-hover);
}

/*
#    # ###### #    # #    #
##  ## #      ##   # #    #
# ## # #####  # #  # #    #
#    # #      #  # # #    #
#    # #      #   ## #    #
#    # ###### #    #  ####
*/
.top-menu .dropdown-item{
    white-space: wrap;
}

.top-menu[data-depth="2"] > .category .dropdown-item{
    padding-top:0;
    padding-bottom:5px;
}

.top-menu:not([data-depth="0"]) > .category .dropdown-item:before{
    content:"> ";
}
#header .top-menu[data-depth="1"] > .category > .dropdown-item{
    color:var(--primary-color);
    font-weight: normal;
}

/*

  ####    ##   #####  #####
 #    #  #  #  #    #   #
 #      #    # #    #   #
 #      ###### #####    #
 #    # #    # #   #    #
  ####  #    # #    #   #

*/

#header .header-nav .blockcart,
#header .header-nav .cart-preview.active{
    background-color: var(--secondary-color);
    color:#fff;
}

/*
####   ####  #    # ##### ###### #    # #    #
#    # #    # ##   #   #   #      ##   # #    #
#      #    # # #  #   #   #####  # #  # #    #
#      #    # #  # #   #   #      #  # # #    #
#    # #    # #   ##   #   #      #   ## #    #
####   ####  #    #   #   ###### #    #  ####
*/
#custom-text a img{
    transition:0.3s all;
}

#custom-text a:hover img{
    filter: grayscale(0.8);
}

/*

  ####  #      # #####  ######
 #      #      # #    # #
  ####  #      # #    # #####
      # #      # #    # #
 #    # #      # #    # #
  ####  ###### # #####  ######

*/
/* on désactive tout le système de position absolute et de contenu par dessus l'image */
.carousel .carousel-inner{
    height: auto;
}
.carousel .carousel-item .caption{
    position:static;
    max-width: none;
    padding: 30px;
    background-color: var(--primary-color);
    color:#fff;
    margin: 0;
}
.carousel .carousel-item .caption .display-1{
    color:#fff;
    font-size:2.2rem;
}
.carousel .carousel-item .caption .caption-description .page-content.page-cms ul, .carousel .carousel-item .caption .caption-description h3, .carousel .carousel-item .caption .caption-description p, .page-content.page-cms .carousel .carousel-item .caption .caption-description ul{
    color: #fff;
}

/*

 #    #   ##   #####   ####  #    # ######  ####
 ##  ##  #  #  #    # #    # #    # #      #
 # ## # #    # #    # #    # #    # #####   ####
 #    # ###### #####  #  # # #    # #           #
 #    # #    # #   #  #   #  #    # #      #    #
 #    # #    # #    #  ### #  ####  ######  ####

*/
/* URL : /fabricants */
#manufacturer #main ul .brand-img{
    max-width:100%;
}
#manufacturer #main ul .brand-img img{
    max-width:100%;
    max-height:100%;
}

/*

 #####  #####   ####  #####  #    # # #####
 #    # #    # #    # #    # #    # #   #
 #    # #    # #    # #    # #    # #   #
 #####  #####  #    # #    # #    # #   #
 #      #   #  #    # #    # #    # #   #
 #      #    #  ####  #####   ####  #   #

*/


/*

 #####  #####   ####  #####  #    # # #####  ####
 #    # #    # #    # #    # #    # #   #   #
 #    # #    # #    # #    # #    # #   #    ####
 #####  #####  #    # #    # #    # #   #        #
 #      #   #  #    # #    # #    # #   #   #    #
 #      #    #  ####  #####   ####  #   #    ####

*/
.product-miniature .product-description{
    background-color: var(--primary-color);
}
.product-miniature .product-price-and-shipping{
    color:#fff;
    font-weight:normal;
    font-size:0.875rem;
}
.product-miniature .product-title a{
    color:#fff;
    font-weight: bold;
    font-size: 1rem;
}
.product-miniature .highlighted-informations{
    background-color: var(--primary-color-hover);
}
.product-miniature .highlighted-informations .quick-view{
    color:#fff;
}

.block-categories .category-sub-menu li[data-depth="0"]>a{
    font-weight: normal;
    width: 85%;
}

/*
######  ####   ####  ##### ###### #####
#      #    # #    #   #   #      #    #
#####  #    # #    #   #   #####  #    #
#      #    # #    #   #   #      #####
#      #    # #    #   #   #      #   #
#       ####   ####    #   ###### #    #
*/

/*
#####  ######  ####  #####   ####  #    #  ####  # #    # ######
#    # #      #      #    # #    # ##   # #      # #    # #
#    # #####   ####  #    # #    # # #  #  ####  # #    # #####
#####  #           # #####  #    # #  # #      # # #    # #
#   #  #      #    # #      #    # #   ## #    # #  #  #  #
#    # ######  ####  #       ####  #    #  ####  #   ##   ######
*/

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .top-menu[data-depth="2"] > .category{
        margin-bottom:20px;
    }
    #search_filters .facet .collapse, #search_filters_brands .facet .collapse, #search_filters_suppliers .facet .collapse{
        max-height: 200px;
        overflow-x: auto;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .top-menu .sub-menu ul[data-depth="1"]>li{
        width: 20%;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}