/*

Theme Name: Divi Community Child Theme

Description: Theme enfant de Divi par Divi Community

Author: Julien - WebMate

Author URI: https://www.divi-community.fr

Template: Divi

Version: 1.1

*/



/*

  ____ _____     _____      ____ ___  __  __ __  __ _   _ _   _ ___ _______   __

 |  _ \_ _\ \   / /_ _|    / ___/ _ \|  \/  |  \/  | | | | \ | |_ _|_   _\ \ / /

 | | | | | \ \ / / | |    | |  | | | | |\/| | |\/| | | | |  \| || |  | |  \ V /

 | |_| | |  \ V /  | |    | |__| |_| | |  | | |  | | |_| | |\  || |  | |   | |

 |____/___|  \_/  |___|    \____\___/|_|  |_|_|  |_|\___/|_| \_|___| |_|   |_|



*/





/* 

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

		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;

}



.hc-h3-yellow{

	font-family: 'Dosis',Helvetica,Arial,Lucida,sans-serif;

    font-weight: 500;

    font-size: 32px;

    color: #ecaa2b !important;

    line-height: 45px;

}





/*

** METTRE EXPOSANTS ET INDICES À LA BONNE TAILLE

** Généralement, ils sont bien trop gros…

*/

sup, sub {

    font-size: 70%;

}

/*
** Pages Services
*/

/** Page Services  **/

:root {

	--hc-color-one : #38BAF7;

}

.hc-page-template-page-service-breadcrumbs {
    display: flex;
}

.hc-page-template-page-service.container, .hc-page-template-page-service.container .container {
	width: auto;
}

#main-content .hc-page-template-page-service.container:before, .hc-page-template-page-service.container .container:before {
    display: none !important;
}

.hc-page-template-page-service .hc-pages-list {
    display: flex;
    flex-wrap: wrap;
}

.hc-page-template-page-service .hc-pages-item {
    width: 33.333333%;
    padding: 3rem 2rem;
    display: flex;
    flex-direction: column;

}

.hc-page-template-page-service .hc-page-thumb {
    height: 250px;  
    overflow: hidden;
    border-radius: 15px
}

.hc-page-template-page-service .hc-pages-item img {
    width: 100%;
    object-fit: cover;
    height: 100%;
    transition: all 300ms ease;
}

.hc-page-template-page-service .hc-pages-item img:hover {
    transform: scale(1.02);
    border-radius: 15px
}

.hc-page-template-page-service .hc-page-item-title {
    padding: 1rem;
    text-align: center;
}

.hc-page-template-page-service .hc-page-item-btn {
    text-align: center;
}

.hc-page-template-page-service .hc-page-item-btn a {
    border: solid var(--hc-color-one) 1px;
    background-color: var(--hc-color-one);
    padding: 0.5rem 2rem;
    color: white;
    transition: all 300ms ease;
}

.hc-page-template-page-service .hc-page-item-btn a:hover {
    background-color: white;
    padding: 0.5rem 2rem;
    color: var(--hc-color-one);
}

/* agenda */

.tribe-events-event-image > img {
    max-height: 500px!important;
    width: auto!important;
    margin: auto!important;
}


.et_pb_menu .et_pb_menu__search-input {
    color: #fff!important;
}