/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
 /*---------------Menu---------*/
 /* Appliquer un flexbox au conteneur du menu principal */
 .menu-top {
     display: flex;
     justify-content: space-between;
     list-style: none;
     padding: 0;
 }

 /* Centrer le texte et ajuster la largeur des éléments du menu principal */
 .menu__item--0 {
     flex: 1;
     text-align: center;
 }

 .menu-top .align-self-center {
      width: 100%;
  }
 .header-top {
    display: none;
}
/*Les produits populaires et texte_Accueil non affiché*/
/* section.featured-products.clearfix {
    display: none;
} */
div#custom-text {
    display: none;
}
 /*Partie réassurance fiche produit*/
.card.card--reassurance.mb-3 {
    display: none;
}
 /*margin-bottom header */
 .l-header {
    margin-bottom: 0.1rem;
}
 /*Text Slider non affiché*/
 .slider-caption {
    display: none;}
 /*Affichage logo: taille*/
 @media (max-width: 2000px) {
 .logoimg {height:135px}
 }
@media (max-width: 1368px) {
.logoimg {height:120px}
}
@media (max-width: 767px) {
.logoimg {height:90px}
}
 /*Cadré les produits*/
 .card.card-product, .product-img {
    border: 3px solid #262626;
}
.product-thumb {
    border: 2px solid #262626;
}
 /*Block bannner en dessous*/
 a.banner.d-block.rc--lazyload {
    display: flex !important;
    justify-content: center;
}
/*Bouton de droit et gauche affichage produit*/
 .slick-arrow>i {
    font-size: 2rem;
    line-height: 1;
    background: #2fb5d2;
    border-radius: 50%;}
 /*Affichage Menu header-menu ou header-top*/
 @media (min-width: 767px) {
.search-widget.align-self-center.py-3 {
    display: none;
}}
 @media (max-width: 767px) {
div#search_widget {display:none;}
}

/*Affichage Menu header-menu ou header-top*/
/* affichage menu */
 .row {
    justify-content: center;
} /*centré menu dans le DIV*/

.menu__item--active {
    background-color: #2fb5d2;
}
/*End affichage menu */
 .header-menu {
   background-color: #262626;
  }
  /* background: linear-gradient(180deg, rgb(83 104 93) 0%, rgb(74 126 99) 45%, rgb(111 235 193) 100%);
  padding-bottom: 10px; */
  .header-nav {
    border-bottom: 0px solid #f1f1f1;
}
 /* new modification */
 .slogan, #_desktop_logo {
    display: flex; /* Utilise la flexbox pour centrer */
    justify-content: center; /* Centre horizontalement */
    align-items: center; /* Centre verticalement */
    height: 100%; /* Ajuste la hauteur pour centrer verticalement */
}
.blockcart.inactive {
    color: #fff !important;
    padding: 0.5rem;
}
.material-icons {
    color: #fff !important;
}
span.visible--desktop {
    color: white;
}
.search-widget button { background-color: #2fb5d2;}
 @media (min-width:1200px) {
 .container,
 .l-wrapper,
 .l-wrapper--boxed,
 main>.notifications-container {
  max-width:100vw;
  }
  .container {
      padding-right: 50px;
      padding-left: 50px;
  }
}
 @media (min-width: 800px) {
     .container {
         width: 100vw;
     }
     .carousel .carousel-item img {
       height: 70vh;
     }
     .carousel .carousel-inner {
       height: 70vh;
     }
     #header .header-top {
       padding-bottom: 0.15rem;
     }
     #wrapper {
       background-color: #fcfff8 !important;
     }
 }
/*modification color Header*/
#header .header-nav {
  background-color: #262626;
}
.header-top {
  background: linear-gradient(180deg, #262626 0%, rgb(242 255 248) 15%, rgb(242 255 248) 85%, #262626 100%)
}
/*.top-menu {
  background-color: white;
}
*/
#header .logo {
  margin-top: 0px;
}

#header .header-nav{
  margin-bottom: 0px;
}

#header .header-top .menu {
    width: 100%;
    margin-top: 10px;
    font-size: 14px;
}

#header #contact-link {
  color: white;
}
#header .header-top a[data-depth="0"] {
    color: #03c1d7;
    padding-left: : 20px;
    padding-right: : 20px;
}

#header .header-top a:hover[data-depth="0"] {color: #FFFFFF; background-color: #2fb5d2;}

/*border container & footer */
#wrapper , #footer {
  border-color: rgba(77,230,179,1);
  border-style: solid;
  border-width: 0px;
}
#wrapper{
  background-color: #fcfff8;
}
/*block category height*/
.block-category {
  min-height: min-content;
}

/*footer modification*/

.footer-container li a:hover , ._blank {
  color: white;
}

.footer-container li a {
  color: #00023b;
}

.footer-container .hidden-sm-down, .footer-container .hidden-sm-down a, #block_myaccount_infos .myaccount-title a, .block-contact .block-contact-title, .linklist .blockcms-title a  {
  color: #00023b;
}

.footer-container {
  background-color: #262626;
}
/* background: linear-gradient(0deg, rgba(3,193,215,1) 0%, rgba(4,218,97,1) 45%, rgba(77,230,179,1) 100%); */
.footer-container .links .h3 {
font-size: 14px;
}
.footer__title {
  color: #FFF;}

@media (max-width: 767px) {
  #header .header-nav .top-logo {
    background: linear-gradient(90deg, rgba(3,193,215,1) 0%, rgba(77,230,179,1) 45%, rgba(4,218,97,1) 100%);
  }

  #header .header-top a[data-depth="0"] {
      color: #01004b;
    }
  #header .header-top a {
    font-size: 12px;
  }

  ._blank p {
    font-size: 10px;
  }
}
