/*
Theme Name: EAJJ
Description: Theme enfant de Id Web Solution
Author: Thierry Bricault - Id Web Solution
Author URI: https://idwebsolution.fr
Template: Divi 
Version: 0.1.0
*/

/* menu trait */
.bouton_menu .current-menu-item a::before,
.bouton_menu .current_page_item a::before {
 content: "";
 position: absolute;
 z-index: 2;
 left: 0;
 right: 0;
}
.bouton_menu li a:before {
 content: "";
 position: absolute;
 z-index: -2;
 left: 0;
 right: 100%;
 bottom: 25%;
 background: #e80040; /*** COLOR OF THE LINE ***/
 height: 3px; /*** THICKNESS OF THE LINE ***/
 -webkit-transition-property: right;
 transition-property: right;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}
.bouton_menu li a:hover {
 opacity: 1 !important;
}
.bouton_menu li a:hover:before {
 right: 0;
}
.bouton_menu li li a:before {
 bottom: 12%;
}

/***********/

.nav li li a
{
  position: relative;
  line-height: 2em;
	transition: 0.3s;
}
.nav li li a:hover
{
  position: relative;
  line-height: 2em;
  background-color: red;
}

.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;
}

.vignette_illust img{
	object-fit:cover;
}

/*bouton envoyer*/
.boutonenvoyer{
	background-color:#e81d12 !important;
	color:#fff !important;
	border: 1px solid #e81d12 !important;
	transition:0,3s;
}

.boutonenvoyer:hover{
	background-color:#152740 !important;
	border: 1px solid #152740 !important;
}

/*espace menu filtre*/
.et_pb_filterable_portfolio_0.et_pb_filterable_portfolio .et_pb_portfolio_filter a{
	margin-right:25px;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li a{
	border-radius:20px !important;
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active
{
  color: #ffffff !important;
  background-color: #e81d12;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li a:hover
{
  color: #ffffff !important;
  background-color: #333333;
}

.et_pb_filterable_portfolio_0.et_pb_filterable_portfolio .et_pb_portfolio_filter {
    margin-bottom: 20px;
}


/*ACF gallery*/
.acf-gallery {
  list-style-type: none; /* Retirer le style de liste */
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap; /* Autoriser le retour à la ligne */
}

.acf-gallery li {
  flex: 33.333%; /* 3 images par ligne, mettez 25% pour en avoir 4 */
  padding: 10px;
}

.et_pb_section .et_pb_section_4 .et_section_regular {
  
  padding: 0px;
}

/*autre fonction pour centrer verticalement*/
.ds-vertical-align { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
}

/*sous menu fermé*/

#mobile_menu1 .menu-item-has-children > a { 
	background-color: transparent;
	position: relative; 
}
#mobile_menu1 .menu-item-has-children > a:after { 
	font-family: 'ETmodules';
	text-align: center;
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	position: absolute; 
}
#mobile_menu1 .menu-item-has-children > a:after { 
	font-size: 16px;
	content: '\33';
	top: 13px;
	right: 10px; 
}
#mobile_menu1 .menu-item-has-children.visible > a:after { 
	content: '\32'; 
}
#mobile_menu1 ul.sub-menu { 
	display: none !important;
	visibility: hidden !important;
	transition: all 1.5s ease-in-out;
}
#mobile_menu1 .visible > ul.sub-menu { 
	display: block !important;
	visibility: visible !important; 
}

/*fin sous menu fermé*/


/* Inverser les colonnes sur page d'accueil version tablette et mobile */
@media only screen and (max-width : 980px) {
  .dc_inverser_colonnes-section .dc_inverser_colonnes-ligne {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
/* Fin du code pour inverser colonnes */

.bouton_menu li a::before {
  
  background: #000223;
  
}

/*croix menu mobile*/
@media only screen and (max-width: 980px) {
	.mobile_nav.opened .mobile_menu_bar:before {
		content: "\4d";
	}
}

/* Inverser les colonnes sur page d'accueil version tablette et mobile */
@media only screen and (max-width : 980px) {
  .dc_inverser_colonnes-section .dc_inverser_colonnes-ligne {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
/* Fin du code pour inverser colonnes */
 


/*majuscule filtre*/
.et_pb_portfolio_filter{
	text-transform: uppercase !important;
}


/*icone bouton haut*/
.et_pb_scroll_top.et-pb-icon {
 
    background: #e81d12;

}

.lien_id{
 
    color: #808080 !important;

}