/*
Theme Name:  Dans ma coop
Theme URI:   http://starterdivi.kinsta.cloud
Version:     1.0
Description: Theme Enfant Divi
Author:      adminAT66
Author URI:  http://starterdivi.kinsta.cloud
Template:    Divi
*/

/*- Add any CSS custom code for this child theme below this line -*/


/*=== Css Générale ===*/
body, html {
  overflow-x: hidden;
}

h1 {font-size: 50px;}
h2 {font-size: 35px;}
h3 {font-size: 25px;}
h4 {font-size: 18px;}
h5 {font-size: 18px; text-transform: uppercase;}


.light h1, .light h2, .light h3, .light h4, .light h5 {color: #FFF;}

/* classes personnalisées qui désigneront l'ordre
   des colonnes dans la ligne de la flexbox */
   .first-on-mobile {
      -webkit-order: 1;
      order: 1;
   }
   .second-on-mobile {
      -webkit-order: 2;
      order: 2;
   }
   .third-on-mobile {
      -webkit-order: 3;
      order: 3;
   }
   .fourth-on-mobile {
      -webkit-order: 4;
      order: 4;
   }
   /* ajoute une marge à la dernière colonne */
   .custom_row:last-child .et_pb_column:last-child {
      margin-bottom: 30px;
   }

/* COOKIE NOTICE */
.cn-button.bootstrap {
    color: #fff;
    background: #666;
}

/* COMPTE */
body:not(.logged-in) .hide-for-logged-out {
display: none !important;}
body.logged-in .hide-for-logged-in {
display: none !important;}


/* WOOCOMMERCE */
.woocommerce ul.products li.product a img {

}

/* PANIER DYNAMIQUE */

.xoo-wsc-basket {
    z-index: 499 !important;
}

.xoo-wsc-shipping, .xoo-wsc-total-sales {
  display:none !important;
}

/*=== Slider Répéteur Snippet Accueil ===*/

#slider-repeteur .slider{
  min-height: 500px;
  background-size: cover;
  background-repeat: no-repeat;
}
#slider-repeteur .slide_viewer {
  min-height: 500px;
  overflow: hidden;
  position: relative;
}
#slider-repeteur .slide_group {
  height: 100%;
  position: relative;
  width: 100%;
}
#slider-repeteur .slide {
  display: none;
  height: 100%;
  position: absolute;
  width: 100%;
}
#slider-repeteur .slide:first-child {
  display: block;
}
#slider-repeteur .titre h1,
#slider-repeteur .surtitre p,
#slider-repeteur .texte p{
  text-align: center;
  line-height: 1;
  margin: .5em 0;
}
.slide_buttons {
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  bottom: 0;
}
a.slide_btn {
  color: rgba(255, 255, 255, 0.5);
  font-size: 42px;
  margin: 0 0.175em;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.slide_btn.active,
.slide_btn:hover {
  color: #ffffff;
  cursor: pointer;
}

/*== Page Salariés ==*/
#slider .dp_oc_item{
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
}
#slider .dp_oc_item a{
  max-width: 30%;
  order: 1;
}
#slider .dp_oc_post_title{
  order: 2;
  width: 70%;
}
#slider .dp_oc_post_excerpt{
  max-width: 70%;
  order: 3;
  padding-left: 4em;
  float: right;
}
#slider .dp_oc_post_excerpt h2{
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 800;
  font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
  color: #2075A5;
  align-self: flex-start;
}

#section-carousel{
  background-size: initial;
  background-position: left center;
  background-repeat: no-repeat;
}

#section-carousel:nth-child(1n){
  background-color: #DFEDF5 !important;
  background-image: url(/wp-content/uploads/2022/03/triangle-2.svg)!important;
}
#section-carousel:nth-child(1n) .et-pb-arrow-next, #section-carousel:nth-child(1n) .et-pb-arrow-prev{
  color: #2075A5 !important;
  border: 2px solid #2075A5;
  border-radius: 50px;
}

#section-carousel:nth-child(2n){
  background-color: #FFFFFF !important;
  background-image: url(/wp-content/uploads/2022/03/triangle-3.svg)!important;
}
#section-carousel:nth-child(2n) .et-pb-arrow-next, #section-carousel:nth-child(2n) .et-pb-arrow-prev{
  color: #ACC224 !important;
  border: 2px solid #ACC224;
  border-radius: 50px;
}

#carousel .et-pb-arrow-next:before, #carousel .et-pb-arrow-prev:before{
  font-weight: 800 !important;
}
#carousel .et_pb_slide_title, #carousel h2, #carousel p{
  text-shadow: none !important;
}
#carousel .et_pb_slide_content h2{
  font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
  font-size: 28px;
  font-weight: 700;
}
#section-carousel:nth-child(1n) #carousel .et_pb_slide_title, #section-carousel:nth-child(1n) #carousel .et_pb_slide_content h2{
  color:#2075A5 !important;
}
#section-carousel:nth-child(2n) #carousel .et_pb_slide_title, #section-carousel:nth-child(2n) #carousel .et_pb_slide_content h2{
  color:#ACC22F !important;
}
#section-carousel:nth-child(2n) #carousel .et_pb_slider_container_inner .et_pb_slide_image{
  right: 0 !important;
}
#section-carousel:nth-child(2n) #carousel .et_pb_slider_container_inner .et_pb_slide_description{
  float: left !important;
}

#carousel .et_pb_slide_image img{
  opacity: 1  !important;
}
/*=== MEDIA QUERIES ===*/
/* iPad Pro/Air 11" */
@media only screen
  and (min-width: 1024px)
  and (max-height: 1366px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 1.5) {

h1 {font-size: 40px;}
h2 {font-size: 30px;}
h3 {font-size: 25px;}
h4 {font-size: 18px;}
h5 {font-size: 18px;}

}

/* iPhone 6 & > */
@media all and (max-width: 940px) {

h1 {font-size: 35px;}
h2 {font-size: 25px;}
h3 {font-size: 20px;}
h4 {font-size: 20px;}
h5 {font-size: 20px;}
}

/*----------Alignement vertical-----------*/
.centrer-verticalement {
  display: flex;
  flex-direction: column;
  justify-content: center;

/* Et les déclinaisons avec préfixes pour obtenir un résultat homogène sur les divers navigateurs  */
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
}