/*
Theme Name:  ATTPS
Theme URI:   https://attps.fr/
Version:     2.0
Description: Theme Enfant Divi
Author:      ATTPS
Author URI:  https://attps.fr/
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;
}



/*=== 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;}
}



#g-section:nth-child(1n) .column-one {
	order: 1;
}
#g-section:nth-child(1n) .column-two {
	order: 2;
}
#g-section:nth-child(2n) .column-one {
	order: 2;
	margin-right: 0%;
}
#g-section:nth-child(2n) .column-two {
	order: 1;
	margin-right: 5.5% !important;
}
#g-section {
	width: 100%;
	padding: 5em 0;
	min-height: 400px;
}

#g-section:nth-child(1n) .illustration-section {
	position: absolute;
	right: 75%;
	top: -4.8em;
}
#g-section:nth-child(2n) .illustration-section {
	position: absolute;
	right: 8%;
	top: -4.8em;
}
#g-section .texte p {
	line-height: 1.6em;
}
#g-section .bg-titre {
	background-position: right;
	background-repeat: no-repeat;
	background-size: contain;
	padding-right: 7em;
	display: inline-block;
	margin-bottom: 0.8em;
}
#g-section .s_titre {
	color: #b8d561;
	font-size: 1.3em;
	text-transform: uppercase;
	margin-bottom: 0em;
	display: inline-flex;
}
#g-section .titre {
	color: #263d56;
	font-size: 3em;
	font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif !important;
	font-weight: 800;
	display: inline-flex;
}
#g-section .titre p {
	margin: 0;
	line-height: 1;
}
#g-section .column-one {
	border-radius: 30px;
}
#g-section .bouton {
	color: #263d56;
	border-radius: 30px;
	border: 2px solid #b8d561;
	font-weight: bold;
	padding: 0.3em 1em;
	font-size: 1.3em;
	margin-top: 1em;
	display: table;
}
#g-section ul br {
	display: none;
}
#g-section ul li {
	list-style: none;
	line-height: 1.8em;
}
#g-section ul li::before {
	content: '•';
	color: #b8d561;
	font-size: 35px;
	display: inline-block;
	width: 0.5em;
	margin-left: -0.5em;
	margin-top: -0.1em;
	position: absolute;
}

/* G-section sur 1 colonne */
#g-section.one-col {
	flex-direction: column;
	border-radius: 30px;
	padding: 2em 0;
	margin: 2em 0;
}
#g-section.one-col .column-one {
	width: 100%;
	background-image: none;
}
#g-section.one-col .column-two {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
#g-section.one-col .titre {
	margin-top: 1em;
	width: 100%;
}
#g-section.one-col .titre p {
	width: 100%;
	text-align: center;
}
#g-section.one-col .bg-titre {
	padding-left: 7em;
	background-position: center;
	width: 100%;
}
#g-section.one-col .bg-titre .titre {
	width: 55%;
	display: flex;
	margin: 1em auto 0em auto;
}
#g-section.one-col .texte {
	padding: 0 4em 2em 4em;
	width: 100%;
	text-align: center;
}
#g-section.one-col .s_titre {
	width: 100%;
	margin-bottom: 1em;
}
#g-section.one-col .s_titre p {
	width: 100%;
	text-align: center;
}
#g-section .image-one-col {
	display: none;
}
#g-section.one-col .image-one-col {
	display: flex;
	border-radius: 30px;
	width: 100%;
	max-height: 350px;
	object-fit: cover;
}

/* Icon de raccourcis de page */
#raccourci .et_pb_text_inner {
	display: inline-flex;
	justify-content: center;
	width: 100%;
}
#raccourci .raccourcis-list {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 3em 0.5em 1em 0.5em;
	flex: 1;
	max-width: 150px;
}
#raccourci .raccourcis-list .titre {
	margin-top: 10px;
	color: #263d56;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	min-height: 45px;
}



/*----------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;
}