/*
Theme Name: Pixeles x Divi
Description: Theme enfant de Divi par Pixeles
Author: Pixeles
Author URI: https://www.pixeles.fr
Template: Divi
Version: 1.1
*/

/* 
** CENTRER DU CONTENU VERTICALEMENT 
** Voir tuto : https://www.divi-community.fr/snippets-divi/centrer-du-contenu-verticalement
*/

.dc-centrer-verticalement {
	display: flex;
	flex-direction: column;
	justify-content: center;
  	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;
}


/*
** INVERSER LE SENS DES COLONNES SUR MOBILE
** Voir tuto : https://www.divi-community.fr/snippets-divi/inverser-ordre-des-colonnes-sur-mobile
*/

@media only screen and (max-width : 980px) {
	.dc-inverser-colonnes--section .dc-inverser-colonnes--ligne, .inverse {
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
}



/* 
** AUGMENTER LA LARGEUR CHAMP RÉSULTAT CAPTCHA 
** Parfois, suivant la taille du texte, certains chiffres du résultat sont masqués
*/
.et_pb_contact_right p input {
	max-width: 50px;
}


/*
** METTRE EXPOSANTS ET INDICES À LA BONNE TAILLE
** Généralement, ils sont bien trop gros…
*/
sup, sub {
    font-size: 70%;
}

/*
** MENU MOBILE : en pleine largeur et le hamburger devient une croix pour fermer
*/
.et_mobile_menu {
	margin-left: -30px;
	padding: 5%;
	width: calc( 100% + 60px);
	border-color: #FCE300;
}

.mobile_nav.opened .mobile_menu_bar:before {
	content: "\4d";
}

/*
LOGO
*/

#baseline {
  position: absolute;
  left: 38px;
  top: 19px;
  font-size: 14px;
}
#baseline-mobile {
  display: block;
  font-size: 12px;
  padding-left: 8px;
}

.et_header_style_left .logo_container {
    position: relative;
    margin-top: 10px;
  }

@media screen and (min-width:782px) {
  #baseline-mobile { display: none;}
  .et_header_style_left .logo_container {
    position: absolute;
    margin-top: 0;
  }
}

/*
MENU TOP
*/
/*add icon to Divi main menu items*/

#top-header .container { 
  width: 100%;
  max-width: 100%;
  padding-right: 32px;
  padding-left: 30px;
  font-weight: normal !important;
  padding-top: 5px;
}

.et-secondary-menu li a {
	color: #001144;
	padding: 6px 10px 8px;
}

.devis { margin-left: 10px;}

#top-header li > a:before, .icon-tel:before, .icon-map:before {
    font-family: 'ETMODULES';
    text-align: center;
    vertical-align: middle;
    margin-right: 5px;
    margin-left: -10px;
    color: #001144;
    font-size: 1em;
    transition: all .3s ease;
}
.icon-tel:before, .icon-map:before { color: #FFF;}
li.btn-orange > a:after {
    font-family: 'ETMODULES';
    text-align: center;
    vertical-align: middle;
    margin-left: 10px;
    color: #ffffff;
    font-size: 1em;
    transition: all .3s ease;
}
li.devis > a:before {
   content: '\e059';
}
li.tel > a:before, .icon-tel:before {
   content: '\e090';
}
.icon-map:before {
   content: '\e081';
}
li.btn-orange > a:after {
   content: '\24';
}
li.btn-orange > a:hover:after {
   content: '\e03c';
}
li.btn-orange {
  margin-top: 2px;
}
li.btn-orange a {
  background-color: #f47521;
  border-radius: 50px;
  color: #FFF !important;
  padding: 12px 12px 12px 20px;
}
li.btn-orange a:hover {
 background-color: #001144;
 opacity: 1 !important;
}

/*
MENU principal
*/

.et_header_style_left #et-top-navigation {
  padding-top: 50px;
}

.et_header_style_left #et-top-navigation nav>ul>li>a {
  padding-bottom: 15px !important;
}
#menu-principal a { padding-bottom: 15px;}
#menu-principal a:hover, #top-menu-nav>ul>li>a:hover { opacity: 1;}


.sub-menu {
  background: #001144;
}
#menu-principal .sub-menu {
  top: calc(100% - 3px);
}

/*
Langue
*/
.et_header_style_left #et-top-navigation nav>ul>li.pll-parent-menu-item a { padding-bottom: 0 !important;}
.pll-parent-menu-item ul.sub-menu { width: 60px !important; }
#top-menu li.pll-parent-menu-item a { padding-left: 15px; border-left: 1px solid;}
#top-menu li.button-underline.last { padding-right: 12px;}
#top-menu li.pll-parent-menu-item ul.sub-menu a { padding: 0; border: 0;}

/*
surlignement bouton de gauche à droite
*/
.button-underline {
  position: relative;
  display: inline-block;
  text-decoration: none;
}
.button-underline::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%;
  height: 3px;
  background-color: #001144; /* ta couleur bleu */
  transition: width 0.3s ease;
}
.button-underline:hover::after {
  width: 100%;
}

/*
CONTENT
*/
h1 { padding-bottom: 0; }
h2 { margin-bottom: 30px; }
h3 { font-size: 24px !important; }
.et_pb_fullwidth_header_0.et_pb_fullwidth_header .et_pb_header_content_wrapper {
	margin-top: 50px;
}
.entry-content p a {
	border-bottom: 1px dotted;
}
.entry-content p a:hover {
	color: #f47521;
}
footer { font-size: 14px; line-height: 22px;}
.et_pb_row_1_tb_footer a { color: #FFF;}
.et_pb_row_1_tb_footer a:hover { color: #f47521; border-bottom: 1px dotted}

.et_pb_main_blurb_image { width: 20px; padding-top: 5px;}
@media only screen and (max-width:980px) {
  body #page-container .et_pb_section .et_pb_fullwidth_header_0 .et_pb_button_two.et_pb_button {
    background-color: #3599ce !important;
  }
  body #page-container .et_pb_section .et_pb_fullwidth_header_0 .et_pb_button_two.et_pb_button:hover {
    background-color: #001144 !important;
  }
}

/*
fleche home
*/

.et_pb_fullwidth_header .et_pb_fullwidth_header_scroll {
  padding-bottom: 30px !important;
}
.scroll-down {
  animation: bounce-arrow 1.7s ease-in-out infinite;
}

/* Animation de haut en bas */
@keyframes bounce-arrow {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(8px); /* descend */
  }
  100% {
    transform: translateY(0);   /* remonte */
  }
}
/*
OVERLAY HOME
*/

@media all and (min-width: 981px) {   
  .et-fb-root-ancestor .et-overlay-item {
    opacity: 1; /*shows hidden overlay items when using the visual Divi Builder*/
  }
  .et-overlay-item {
    opacity: 0; /*hides overlay items by default*/
    margin-bottom: 0px;
  }
  .et-overlay-item,.et-overlay-title, .et-overlay-image {
    transition: all 400ms !important; /*sets transition speed of all overlay items*/
  }
  .et-overlay-container:hover .et-overlay-item {
    opacity: 1; /*reveals hidden overlay items on hover*/
  }
  .et-overlay-container:hover .et-overlay-image {
    /*add new styles here to change image on hover*/
  }
  .et-overlay-container:hover .et-overlay-image.et-scale {
    transform: scale(1.2); /*adjust scale of image here*/
  }
  .et-overlay-container:hover .et-overlay-image.et-rotate {
    transform: scale(1.4)
    rotateZ(10deg)!important; /*adjust rotation of image and scale needed for rotation here*/
  } 
  
	.et-overlay-container:hover .et-overlay-title.move-up {
	opacity: 0;
  }
  .et-overlay-container:hover .et-overlay-item.move-up {
    margin-bottom: 20px !important; /*adjust how far you want the overlay item to move up*/
  }
  .et-overlay-container:hover .et-overlay-item.move-down {
    margin-top: 10%; /*adjust how far you want the overlay item to move down*/
  }
 
}

/*pullquotes css content: "\201C";*/
 
/*Pull quote text styling*/
blockquote {
  font-size: 18px;
  letter-spacing: 1px;
  position: relative;
  border-left: none;
  padding-top: 10px;
  padding-left: 0;
  margin-top: 40px;
}
 
blockquote:before {
  content: "-";
  font-size: 20px;
  position: absolute;
  top: -30px;
  left: -2px;
  color: #64b2d6;
  font-family: Andale Mono;
}