/*
============================================================

Theme Name: Divi-child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Description: Child theme for the Divi theme
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Template: Divi
Version: 1.0.0
	
============================================================
*/


/* GÉNÉRAL */

.icon-ET:before {
	font-family: 'ETmodules';
	margin-right: 10px;
}
.icon_web:before {
    content: "\e0e3"
}


/* HEADER */

/* Change le logo Urubu lorsqu'on scrolle
 * [ Source : https://www.elegantthemes.com/blog/divi-resources/switching-your-logo-on-a-fixed-header-in-divi ] 
 * SI SI, ÇA FONCTIONNE : NE FONCTIONNE PAS SUR FIREFOX, BORDEEEEELLLL ! CF. JAVASCRIPT DANS LE HEAD
 * */
.et_pb_sticky--top .et_pb_menu__logo img {
	content: url(/wp-content/uploads/2023/12/logo-bdsv2.svg);
}

/* Suppression du logo sur la page d'Accueil */
.home .et_pb_menu__logo img {
	display:none;
}

/* Menu */

/* Corrige un padding excessif top/bottom sur les items (par défaut 31px) 
.et_pb_menu--with-logo .et_pb_menu__menu > nav > ul > li > a {
	padding:20px 0;
} */
/* Permet de garder une hauteur correcte sur Smartphone */
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
	.et_pb_sticky--top .et_pb_menu--with-logo {
		padding-top: 20px!important;
		padding-bottom: 15px!important;
	}
} 


.current-menu-item a {
	font-weight:bold;
}

.et_pb_menu__search-button {
	margin-left:50px!important;
}

.sub-menu {
/*	margin-top:11px; Ne fctn pas car le survol est interrompu */
	width: 180px!important;
}
.sub-menu li a {
	width: 140px!important;
}

/* FOOTER */

footer article {
	margin: 0!important;
	padding: 5px 0!important;
}

/************************************************ 
 *
 * ACCUEIL
 * 
 ************************************************/ 

#bandeau-accueil,
#bandeau-accueil .et_pb_column {
	min-height: calc(100vh - 70px);
	display: flex;
	flex-direction: column;
}

.home .accompagnements .et_pb_button_module_wrapper {
  margin-top:auto!important;
	margin-bottom:0px;
}

/* 4 blocs/liens */

.home .accompagnements .et_clickable:hover a.et_pb_button {
	color:#222222;
}

.home .accompagnements .et_clickable:hover h3,
.home .accompagnements .et_clickable:hover p,
.home .accompagnements .et_clickable:hover a.et_pb_button,
.home .accompagnements .et_clickable:hover a.et_pb_button:before {
	color:#FFFFFF!important;
}

/************************************************ 
 *
 * BLOG
 * 
 ************************************************/

/* Liens 'Lire plus' */
.blog .et_pb_blog_grid_wrapper .post-content a.more-link,
.single .et_pb_blog_grid_wrapper .post-content a.more-link {
	display: block;
/*	text-decoration: underline; */
	margin-top: 5px;
}

/* ARTICLE */

.single-post #main-content h2 {
	margin-bottom: 10px;
	margin-top: 30px;
}	

.single-post blockquote {
	margin-left: 30px;
	border-color: #22ad01;
}	
.single-post blockquote p {
	font-size:17px;
	font-weight: 300;
}	
.single-post sup {
	font-size:11px;
}	

/* PAGENAVI */

/* Nécessaire depuis màj Divi 09/21 */
.wp-pagenavi a,
.wp-pagenavi span,
.wp-pagenavi .extend {
	border: none!important;
}

.wp-pagenavi {
	padding-top: 30px;
}

/* Centre la pagination */
.page-id-475 .wp-pagenavi,
.tax-categorie_cc .wp-pagenavi {
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 30px;
}
.wp-pagenavi a,
.wp-pagenavi span.current { /* centre exactement le chiffre dans un carré de 40px */
	position:relative;
	color:#000000!important;
	width: 40px;
	height: 40px;
	padding-top: 6px;
	display: inline-block;
	text-align: center;
	transition: all 0.3s ease-in-out;
	margin: 0 0 0 20px;
}
.wp-pagenavi a:before,
.wp-pagenavi span.current:before { /* crée un cercle en absolute */
	content: " ";
	display: inline-block;
	width: 40px;
	height: 40px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #FFFFFF;
	border:1px solid #e9e8e9;
	position: absolute;
	top: -3px; /* défaut 0 */
	left: -1px;
	z-index:-1;
	transition: all 0.3s ease-in-out;
}

.wp-pagenavi a:hover {
	color: #FFFFFF!important;
}

.wp-pagenavi span.current {
	color: #FFFFFF!important;
}
.wp-pagenavi span.current:before {
	background-color: #65816D;
	border:1px solid #65816D;
}
.wp-pagenavi a:hover:before { /* hover : vert */
	background-color: #22ad01;
	border:1px solid #22ad01;
}
.wp-pagenavi span.extend {
	margin-left:20px;
}
/* Bouton 'previous' et 'next' */
.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.nextpostslink {
	display:inline;
}
/* Bouton 'previous' (penser à mettre un espace dans les réglages de WP-Pagenavi) */
.wp-pagenavi a.previouspostslink:before {
	content: "";
	background: url(/wp-content/uploads/2023/10/arrow-next-999999.svg) no-repeat center;
	display: inline-block;
	width: 20px;
	height: 20px;
	background-size: 14px;
	position: relative;
	top: 15px;
	padding: 10px 10px;
	border-radius: 50%;
	border: 1px solid #e9e8e9;
}

/* Bouton 'next' (penser à mettre un espace dans les réglages de WP-Pagenavi) */
.wp-pagenavi a.nextpostslink:before {
	content: "";
	background: url(/wp-content/uploads/2023/10/arrow-next-999999.svg) no-repeat center;
	display: inline-block;
	width: 20px;
	height: 20px;
	background-size: 14px;
	position: relative;
	top: 15px;
	padding: 10px 10px;
	border-radius: 50%;
	border: 1px solid #e9e8e9;
}


/************************************************ 
 *
 * CONTACT
 * 
 * Note : ne pas oublier d'attribuer la classe 'contact' à la page Contact
 *
 ************************************************/ 

/* Formulaire */
.contact .frm_forms label,
.contact .frm_forms button,
.contact .frm_forms input,
.contact .frm_forms input::placeholder,
.contact .frm_forms input:focus,
.contact .frm_forms textarea {
	font-family: 'Barlow',Helvetica,Arial,Lucida,sans-serif!important;	/* à modifier */
	font-size:17px!important;											/* à modifier */
}

.contact .frm_forms input::placeholder {
	color:#CCCCCC;
}

.contact .frm_forms input,
.contact .frm_forms textarea {
	border: none!important;
	box-shadow: none!important;
	border-bottom: 1px solid #CCCCCC!important;
	border-radius: 0!important;
	padding-left: 0px;
}
.contact .frm_forms input:focus,
.contact .frm_forms textarea:focus {
	border-bottom: 1px solid #666666!important;
}

.contact .frm_forms label,
.contact .frm_forms span.frm_required {
	color: #CCCCCC!important;	
}

/* Bouton 'Envoyer' */
.contact .frm_forms button {
	background-color:#16404d!important;									/* à modifier */
	border:none!important;
	border-radius:0px!important;
}
.contact .frm_forms button:hover {
	background-color:rgba(0, 0, 0, 0.75)!important;
	color:#FFFFFF!important;
}



/* Bouton cookie */
#cn-accept-cookie {
	color:#222222!important;
}