/*Theme Name: Divichild
Theme URI: https://gayanee.fr
Description: Thème enfant du thème Divi
Author: tf
Author URI: https://www.canalcreative.com
Template: Divi
Version: 1.0
*/

/* CSS Document */

/*----------------GLOBAL----------------------*/	


/*----------------HEADER----------------------*/

/*----------------DIAPORAMA et SECTION HERO TRAVAUX - CC----------------------*/
/* ===== Accueil : diaporama plein écran ===== */
/* Section et rangée du diaporama : on annule les marges et le padding injectés par Divi */
.et_pb_section:has(.et_fullscreen_slider) {
  padding: 0 !important;
}
.et_pb_section:has(.et_fullscreen_slider) .et_pb_row,
.et_pb_section:has(.et_fullscreen_slider) .et_pb_column {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Diaporama à la hauteur exacte de la fenêtre (le header transparent passe par-dessus) */
body .et_pb_slider.et_fullscreen_slider,
body .et_pb_slider.et_fullscreen_slider .et_pb_slides,
body .et_pb_slider.et_fullscreen_slider .et_pb_slide {
  height: 100vh !important;
  height: 100svh !important;
  min-height: 0 !important;
}
body .et_pb_slider.et_fullscreen_slider .et_pb_container {
  height: 100% !important;
}

/* Quand on est connecté : on retire la hauteur de la barre d'admin WordPress */
body.admin-bar .et_pb_slider.et_fullscreen_slider,
body.admin-bar .et_pb_slider.et_fullscreen_slider .et_pb_slides,
body.admin-bar .et_pb_slider.et_fullscreen_slider .et_pb_slide {
  height: calc(100svh - 32px) !important;
}
@media (max-width: 782px) {
  body.admin-bar .et_pb_slider.et_fullscreen_slider,
  body.admin-bar .et_pb_slider.et_fullscreen_slider .et_pb_slides,
  body.admin-bar .et_pb_slider.et_fullscreen_slider .et_pb_slide {
    height: calc(100svh - 46px) !important;
  }
}

/* ===== Hero des Travaux : fiches (gb-hero-travaux) et page /mes-travaux (gb-hero-travauxPage) ===== */
/* On annule le padding injecté par Divi et on centre le contenu verticalement :
   la position est fixe dès le premier affichage, plus de saut au chargement */
.et_pb_section.gb-hero-travaux,
.et_pb_section.gb-hero-travauxPage {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
}
.et_pb_section.gb-hero-travaux > .et_pb_row,
.et_pb_section.gb-hero-travauxPage > .et_pb_row {
  margin-left: auto;
  margin-right: auto;
}

/* ===== Galeries Divi Dynamic Gallery ===== */
/* Neutralise les styles par défaut de l'extension (bordure grise, loupe bleue)
   quel que soit l'ordre de chargement de ses fichiers CSS */
.dpddg_dynamic_gallery .dp-ddg-items .dp-ddg-item {
  border-width: 0;
}
.dpddg_dynamic_gallery .dp-ddg-items .dp-ddg-overlay-icon,
.dpddg_dynamic_gallery .dp-ddg-items .dp-ddg-overlay-icon:before {
  color: transparent;
}

/*----------------FIN - CC----------------------*/




/*----------------FOOTER----------------------*/


/*----------------PAGE ACCUEIL----------------------*/


/*----------------TOUTES PAGES------------------------*/

/*.et-pb-active-slide .et_pb_slide_description {
  -webkit-animation-duration: .7s;
  animation-duration: .7s;
  -webkit-animation-delay: .9s;
  animation-delay: .9s;
}*/
.et-pb-active-slide .et_pb_slide_description {
  -webkit-animation-duration: 0s;
  animation-duration: 0s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}


.mobile_menu_bar.et_pb_header_toggle {
  width: 50px;
}

.mobile_menu_bar::before {
  font-size: 50px;
}

.mobile_menu_bar::before{
  color: #ffffff !important;
}

.dp-dfg-skin-default .dp-dfg-item:hover .dp-dfg-image img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.dp-dfg-skin-default .dp-dfg-image img {
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}

.et_pb_blurb_3 .et-pb-icon{
	margin-top:-8px !important;
}

.et-l .dp-dfg-skin-default 
.dp-dfg-filter a.dp-dfg-filter-link{
	border:none !important;
}


/*////////////////////////////////////////////////////////////////////
//  12 - Media Queries
////////////////////////////////////////////////////////////////////*/

/* iPad Landscape */
@media only screen and (max-width: 1200px) {
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {	
}

/* iPad Portrait */
@media only screen and (max-width: 990px) {
	h1{font-size:32px !important;}
	h2{font-size:28px !important;}
	.blurbContact h2{font-size:24px !important;}
	h3{font-size:24px !important;}
}

@media only screen and (max-width: 975px) and (orientation:portrait) {
}

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

/*layouts smaller than 600px, iPhone and mobiles*/
@media only screen and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px)  {
}
	
@media screen and (max-width: 650px) {
	h1{font-size:28px !important;}
	h2{font-size:26px !important;}
	.blurbContact h2{font-size:22px !important;}
	h3{font-size:23px !important;}
}

/* iPhone Landscape */
@media screen and (max-width: 480px) and (orientation: landscape) {
}

/* iPhone Portrait */
@media screen and (max-width: 480px) and (orientation: portrait) {
}