/*

Theme Name: Divi Andegave

Description: Theme enfant de Divi

Author: Andégave Communication

Author URI: https://andegave-communication.com

Template: Divi

Version: 1.1

*/


:root {
  --main-color: #d90404; /* rouge */
  --second-color: #028c2b; /* vert */
  --text-color: #333;
  --border-radius: 20px;
	--main-font:'Ubuntu', Helvetica, Arial, Lucida, sans-serif;
}

/*

** 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

*/



@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;

	}

}





/*

** 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);

}



.mobile_nav.opened .mobile_menu_bar:before {

	content: "\4d";

}





/*

** 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%;

}

/******** GLOBAL ******/

.container {max-width: 100%;}

/*********** PAGE ARTICLES *******/

.post-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px; /* espace entre les articles */
}

.post-container article {
	 flex: 1 1 calc(33% - 20px);
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   border: none;
   padding: 20px;
}


.post-container article .post-content{
		flex-grow: 1;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		z-index: 1;
    position: relative;
    background: white;
    width: calc(100% - 26px);
    margin: 0 auto;
		border-radius: var(--border-radius);
    padding: 32px 24px;
    margin-top: -45px;
    box-shadow: 0px 2px 44px 0px rgba(0, 0, 0, 0.15);
}

.post-container article .post-thumbnail {
	max-width: 100%;
	max-height: 200px;
	width: 100%;
	height: 200px;
	overflow: hidden;
	object-fit: cover;
	position: relative;
	display: block;
}

.post-container article .post-thumbnail a{
	display: block;
	width: 100%;
	height: 100%;
}
.post-container article .post-thumbnail img{
	object-fit: cover;
	object-position: center center;
	display: block;
	width: 100%;
	height: 100%;
}

.post-container article .entry-content{
	padding: 0;
	display: flex;
 flex-direction: column;
 justify-content: space-between;
 flex-grow: 1;
}

.post-container article .text-snippet {
  flex-grow: 1; /* prend tout l’espace disponible avant le bouton */
	margin: 0px auto 26px auto;
	font-family: var(--main-font);
	font-weight: normal;
}

.post-container article .entry-title {
	font-size: 18px;
	font-family: var(--main-font);
}

.post-container article .post-meta{
	font-size: 12px!important;
	padding: 0!important;
	font-family: var(--main-font);
	font-weight: normal;
	font-style: italic;
}

.read-more-button {
	display: inline-block;
	padding: 8px 36px;
	background-color: var(--second-color);
	color: #fff;
	text-decoration: none;
	border-radius: var(--border-radius);
	font-weight: bold;
	position: relative;
	display: inline-flex;
	width: fit-content;
	align-items: end;
	justify-content: center;
	transition: 0.2s;
	font-family: var(--main-font);
}

.read-more-button::after{
    font-size: 32px;
    line-height: 1em;
    content: '\203A';
    opacity: 0;
    position: absolute;
    font-weight: 200;
    right: 0;
    transform: translateX(-22px);
		transition: 0.2s;
}

.read-more-button:hover::after {
  opacity: 1;
	transform: translateX(-18px);
}


/****** Les évènements à venir carousel *****/

.event-carousel-type3-head .mec-event-image, .event-carousel-type3-head .mec-event-image {
  height: 238px!important;
  overflow:hidden;
}

.event-carousel-type3-head .mec-event-image img, .event-carousel-type3-head .mec-event-image img{
  object-fit:cover;
  height:100%;
  width:100%;
}

.event-carousel-type3-head .mec-event-image a, .event-carousel-type3-head .mec-event-image a{
	height:100%;
  display:block;
}

.event-carousel-type3-head .mec-event-footer-carousel-type3 {border-radius: 20px;}


.blog #left-area {
  width: 100% !important;
}
#sidebar,.et_right_sidebar #main-content .container:before {
  display: none !important;
}

/*********** Menu ***********/

#menu-menu-principal {gap:20px;}

.et_pb_sticky_module .aia-col--logo .et_pb_image {width:40%;}
.et_pb_menu .aia-item-menu-button {display: none!important;}
.et_pb_menu .menu-item {
  position: relative;
  margin: 0!important;
  padding: 2px!important;
}

.et_pb_menu .menu-item::before {
  content:"";
  background: #054c19;
  display: none;
  height: 2px;
  width: 50%;
  bottom: -1px;
  position: absolute;
  opacity:0.9;
}

.et_mobile_menu  .menu-item::before{content:none;}

/*** Menu ***/
.et_pb_menu .current-menu-item::before,
.et_pb_menu .current-menu-parent.menu-item-has-children::before {
  display: block;
}
.et_mobile_menu {
  position: fixed;
  bottom: 0;
  left: auto;
  right: 0;
  width: 100%;
  top: 0 !important;
  z-index: -1;
  padding-top: 86px !important;
}


.et_pb_menu .current-menu-parent.menu-item-has-children .current-menu-item a,
#mobile_menu2.et_mobile_menu .menu-item.current-menu-item a
 {
  color: #028c2b!important;
}

.et_pb_menu .current-menu-parent.menu-item-has-children .current-menu-item::before{content:none;}


.et_mobile_menu .menu-item { text-align: center;}

.aia-button--mobil .dtq-btn-wrap{
  width:100%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
}

/*************** SECTION SERVICES *****/

.aia-section-services .et_pb_column{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.aia-section-services .et_pb_column a{
  padding: 10px 24px!important;
}


/***** ARCHIVES EVENEMENTS ****/

.single-mec-events .mec-single-event .mec-frontbox, .single-mec-events .mec-single-event img,
.single-mec-events .mec-single-event .mec-events-meta-group,
.single-mec-events .mec-related-event-content, .mec-event-article
 {
  border-radius: 20px!important;
  overflow: hidden;
}

.single-mec-events .mec-single-event .mec-events-button,
.mec-booking-button,
.mec-single-event .mec-booking-button{
  height: auto;
  padding:0;
  border-radius: 50px;
}

.single-mec-events .mec-single-event .mec-events-button,
.mec-booking-button {padding: 10px;}
.mec-booking-button:hover{
  background: #028c2b!important;
  border-color:transparent!important;
}

.wp-singular.page-template-default .mec-venue-details{display: none;}

.single-mec-events  #countdown {color:grey;}


.aia-service_icone {
  position: absolute;
  left: -42px;
  top: 16px;
  background: white;
  border-radius: 100%;
  padding: 11px;
  overflow: visible;
  box-shadow: 2px 2px 6px 1px #0000000f;
  z-index: 999999;
  width: 90px;
}

.aia-service_icone img {
  object-fit: contain;
  height: 100%;
  width: 100%;
}



/***** RESPONSIVE *****/

@media screen and (max-width:1600px){

}

@media screen and (max-width:1550px){

    .et_pb_sticky_module .aia-col--button {width: 33% !important;}
    .et_pb_sticky_module .aia-col--logo {width: 12% !important;}
    .et_pb_sticky_module .aia-col--nav{width: 55%;}
    .et_pb_sticky_module .aia-col--logo .et_pb_image {width:100%;}
}

@media screen and (max-width:1400px){

  .et_pb_section.aia-section-services .et_pb_row .et_pb_column {
      padding-right: 5% !important;
      padding-left: 3% !important;
  }

.et_pb_sticky_module .aia-col--button {  width: 20% !important; }
.et_pb_sticky_module .aia-col--button .dtq-dual-btn {flex-wrap: wrap; gap:12px;}
.et_pb_sticky_module .aia-col--nav{ width: 65% !important;
    }

}

@media screen and (max-width:1200px){

}



@media screen and (max-width: 1100px){
  .post-container article {
      flex: 1 1 calc(50% - 20px);
  }

  .aia-service_icone {
      left: -26px;
      top: 5px;
      padding: 8px;
      width: 64px;
  }
}

@media screen and (max-width:1080px){

    .et_pb_section.aia-section-services .et_pb_row  {
        flex-wrap: wrap;
        gap: 42px;
    }

  .et_pb_section.aia-section-services .et_pb_column {
      width:100%!important;
  }
}

@media screen and (max-width:980px){
  .aia-service_icone {
        left: auto;
        top: -43px;
        padding: 11px;
        width: 82px;
        right: 58px;
    }
}


@media screen and (max-width: 768px) {
	.post-container article {
	    flex: 1 1 calc(100% - 20px);
	  }
    .aia-button--mobil .dtq-btn-wrap a{
        font-size: 13px !important;
        padding: 8px 12px !important;
    }

}

@media screen and (max-width: 480px) {
  .et_pb_menu .aia-item-menu-button {display: block!important;}
  .aia-button--mobil {display:none!important;}

  .post-container article {
    flex: 1 1 100%;
  }
  .aia-service_icone {
    left: auto;
    top: -34px;
    padding: 7px;
    width: 60px;
    right: 13px;
  }

  .aia-button--mobil .dtq-btn-wrap a {
    font-size: 12px !important;
    padding: 8px 8px !important;
  }
}