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

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

/************************************************ 
 *
 * INFORMATIONS GÉNÉRALES 
 *
 * Fonte : 
 * 
 * Color :	https://coolors.co/c2cd23-071013-717174-82ddf0-fcfcfc
 * 			#C2CD23	(Acid Green)
 * 			
 *
 ************************************************/ 

/********************************************* 
 *
 * GÉNÉRAL 
 *
 ************************************************/

 /* CORPS DE TEXTE
#main-content p,
#main-content ul,
#main-content li,
#main-content a,
footer p,
footer ul,
footer li,
footer a {
	font-weight:300;
} */

/* LIENS */

/* Liens par défaut soulignés
a {
    text-decoration: underline;
} */

/* Liens hover
a:hover {
	color:#BDAA85;
} */

/* Classe de liens toujours soulignés */
a.as {
    text-decoration: underline;
}

/* Classe de liens toujours soulignés hover */
a.ash:hover {
    text-decoration: underline;
}

/* FLÈCHES */

/* Flèche gauche-vers-droite */
a.lien-gauche-vers-droite:before {
	content: "$";
	font-family: "ETModules";
	width: 15px;
	position: relative;
	margin-right: 8px;
	display: inline-block;
	top: 4px;
}
/* Flèche gauche-vers-gauche */
a.lien-gauche-vers-gauche:before {
	content: "#";
	font-family: "ETModules";
	width: 15px;
	position: relative;
	margin-right: 8px;
	display: inline-block;
	top: 4px;
}

/* ICONES */

/* Icones */
.icon-ET:before {
	font-family: 'ETmodules';
	margin-right: 10px;
}

/* Icone téléphone */
.icon_phone:before {
    content: "\e090"; /* téléphone */
}

/* Icone email */
.icon_mail:before {
    content: "\e076"; /* lettre (pleine) */
}

/* Icone Site Internet */
.icon_globe-2:before {
    content: "\e0e3";
}

/* Icone Localisation */
.icon_pin:before {
    content: "\e081";
}

/* Icone Facebook */
.social_facebook:before {
    content: "\e093"; /* e0aa */
	font-size:22px;
}

/* Icone Twitter */
.social_twitter:before {
    content: "\e094"; /* e0ab */
	font-size:22px;
}

/* Icone Instagram */
.social_instagram:before {
    content: "\e09a"; /* e0b1 */
	font-size:22px;
}

/* Icone LinkedIn */
.social_linkedin:before {
    content: "\e09d"; /* e0b4 */
	font-size:22px;
}

/* Icone Accueil */
/* Dans le Menu / item Accueil, remplacer 'Accueil' dans 'Titre de la navigation'
 * par : <span class="icon-ET icon_house"></span> */
 .icon_house:before {
    content: "\e074";
	font-size:16px;
}

/* COOKIE CONSENT */
.cn-button.wp-default {
	background-color:#71b1c9;
}

/* BOUTONS 'FLÈCHES' (NAVIGATION POSTS */
a.bouton:before {
	content:url(/wp-content/uploads/2020/09/arrow-marron.svg) ;
	width: 30px;
	position: relative;
	margin-right: 10px;
	display: inline-block;
	top: 10px;
}
a.bouton:hover:before {
	content:url(/wp-content/uploads/2020/09/arrow-bleu2.svg) ;
	width: 30px;
	position: relative;
	margin-right: 10px;
	display: inline-block;
	top: 10px;
}
/* DIVERS */

/* Nombre de colonnes > 3 */
.ten-columns .et_pb_module {width: 10%; float: left;}
.nine-columns .et_pb_module {width: 11.11%; float: left;}
.eight-columns .et_pb_module {width: 12.5%; float: left;}
.seven-columns .et_pb_module {width: 14.28%; float: left;}
.six-columns .et_pb_module {width: 16.66%; float: left;}
.five-columns .et_pb_module {width: 20%; float: left;}
.four-columns .et_pb_module {width: 25%; float: left;}

@media all and (max-width: 767px) {
	.ten-columns .et_pb_module {width: 100%;}
	.nine-columns .et_pb_module {width: 100%;}
	.eight-columns .et_pb_module {width: 100%;}
	.seven-columns .et_pb_module {width: 100%;}
	.six-columns .et_pb_module {width: 100%;}
	.five-columns .et_pb_module {width: 100%;}
	.four-columns .et_pb_module {width: 100%;}
}

/* Changement d'ordre des colonnes pour Smartphone
 * Source : https://www.elegantthemes.com/blog/divi-resources/how-to-change-divis-column-stacking-order-on-mobile-devices */

@media all and (max-width: 980px) {
	/*** wrap row in a flex box ***/
	.custom_row {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap; /* Safari 6.1+ */
		flex-wrap: wrap;
	}

	/*** custom classes that will designate the order of columns in the flex box row ***/
	.first-on-mobile {
		-webkit-order: 1;
		order: 1;
	}

	.second-on-mobile {
		-webkit-order: 2;
		order: 2;
	}

	.third-on-mobile {
		-webkit-order: 3;
		order: 3;
	}

	.fourth-on-mobile {
		-webkit-order: 4;
		order: 4;
	}
	/*** add margin to last column ***/
	.custom_row:last-child .et_pb_column:last-child {
		margin-bottom: 30px;
	}
}


/************************************************ 
 *
 * HEADER/MENU 
 *
 ************************************************/ 

/* Suppression du Header en page d'Accueil */
.home #page-container {
	padding-top: 0px!important;
}
.home #main-header {
	display:none;
}

/* Logo : Logo absent en page d'Accueil */
.home #logo {
	display:none;
}

/* Menu : Ecrit en bold l'item actif */
#top-menu li.current-menu-item > a,
.single-post .et-fixed-header #top-menu li.current-menu-ancestor > a,
.single-post .et-fixed-header #top-menu li.current-menu-item > a {
    font-weight:bold;
}

/* Menu : Croix de fermeture */
.mobile_menu_bar:after {
	color:#000000;
}

/* Sous-menu : lien actif (impossible dans les personnalisations de thème) */
#top-menu.nav .sub-menu li.current-item a {
	color:#0b4da2;
}

/* Sous-menu : Elargit le sous-menu (déroulant) pour l'item 'item-xxx' */
#top-menu.nav li.item-xxx .sub-menu {
	width: 360px;
}
#top-menu.nav li.item-xxx .sub-menu li a {
	width: 320px; /* - 40px / sub-menu */
}

/* Sous-menu : Ecrit l'item 'item-xxx' sous forme de bouton de couleur */
#top-menu li.item-xxx a {
	background-color:#BDAA85!important;
	border-radius: 5px;
	padding: .7em 1em!important;
	display: inline-block!important;
	height: 36px;
	color: #FFFFFF!important;	
}
#top-menu li.item-xxx a:hover {
	background-color: #FE5D26!important;
	opacity:1!important;
}

/* Hambuger : Modifie la couleur du Hamburger (sur Tablette/Smartphone) */
span.mobile_menu_bar:before {
  color:#000000;
}
/* Hamburger : Ecrit une 'X' pour fermer le Hamburger (sur Tablette/Smartphone) */
/* Style the opened mobile menu hamburger (make it an 'X') 
 * Source : https://www.twobluetoucans.co.uk/divi/styling-divi-mobile-menu/ */  
div.mobile_nav.opened .mobile_menu_bar:before {
    font-family: "ETmodules";
    content: "\4d"; 
}
div.mobile_nav.opened .mobile_menu_bar:before {
    color:#000000; 
}

/* Items */
#mobile_menu li a {
/*	background-color: #000000; */
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 1px;
}
	
/* Item actif */
#mobile_menu .current-menu-item > a {
/*	background-color: #000000; */
	color: #008E8E;
	font-weight:bold;
	opacity: 1;
}
	
/* Item actif */
#mobile_menu .current-menu-item > a {
	background-color: #000000;
	color: #FFFFFF;
	opacity: 1;
}

/* Pas utilisé
@media (max-width: 980px) {
	#et_search_icon:before {
		top: -3px!important;
		color:#2E4052!important;
	}
} */

/* Cas particulier Article (blanc car transparence sur image)
 * .single-post span.mobile_menu_bar:before{
  color:#FFFFFF;
}
.single-post div.mobile_nav.opened .mobile_menu_bar:before {
    color:#FFFFFF; 
}
@media (max-width: 980px) {
	.single-post #et_search_icon:before {
		color:#FFFFFF!important;
	}
} */

/* Fond et bord haut du Menu mobile */
.et_mobile_menu {
	background-color:#FFFFFF!important;
	border-top-color:#2E4052;
}


/************************************************ 
 *
 * FOOTER 
 *
 ************************************************/

/* Logo */
#footer-widgets .logo {							/* Penser à installer le plugin Widget CSS Classes */
    width: 100%;
    margin-bottom: 20px;
}

#footer-widgets .logo img {
    width: 175px;
}

/* Icônes */
#footer-widgets .icon-footer:before {
    margin-right: 10px;
}

#footer-widgets .icone-rs:before {
    font-size: 18px;
}

/* Supprime les puces de liste */
#footer-widgets ul li:before {
    display: none;
}
#footer-widgets ul li {
    padding-left: 0px !important;
}

/* Souligne les liens hover */
#footer-widgets li a:hover {
    text-decoration: underline;
}

/* Hauteur de ligne & marge pour les Dernières Actualités */
#footer-widgets .widget_recent_entries ul li {
    line-height: 1.4em;
    margin-bottom: 1em !important;
}


/************************************************ 
 *
 * HEADER/MENU 
 *
 ************************************************/ 

/* Boutons */
.accueil .et_pb_button {
	width: 100px;
	text-align: center;	
}


/************************************************ 
 *
 * ŒUVRES
 *
 ************************************************/ 

/* PORTFOLIO FILTRABLE (MODULE DIVI) */

/* Pagination */


.et_pb_filterable_portfolio .et_pb_portofolio_pagination {
	border-top: none;
	margin-bottom:50px;
}
.et_pb_portofolio_pagination ul li {
	padding: 10px 0 0!important;
}
.et_pb_portofolio_pagination ul li.prev {
	margin-right: 5px!important;
}
.et_pb_portofolio_pagination ul li.next {
	margin-left: 10px!important;
}
.et_pb_portofolio_pagination ul li.page a {
	color:#999999!important;
	background-color: #FFFFFF;
	height: 30px;
	width: 30px;
	display: inline-block;
	text-align: center;
	padding-top: 8px;
}
.et_pb_portofolio_pagination ul li.page a.active {
	color:#FFFFFF!important;
	background-color: #000000;
	margin-right: 5px;
}


/* Filtres (remplacés par Menu Catégories) */
.et_pb_portfolio_filters {
	display:none;
}
/* .et_pb_portfolio_filters ul li a {
	border: none!important;
	padding: .5em .75em!important;
} */


/* FILTRES [ABANDONNÉ] */

.searchandfilter ul {
	padding-left:0;
}
/* Recherche */
.searchandfilter li.sf-field-search {
	margin-bottom:20px;
}
.searchandfilter li.sf-field-search label input {
	font-size: 15px;
	padding: 0.5em 1em;
	min-width: 250px;
	border: none;
	border-left: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.searchandfilter li.sf-field-search label input::placeholder {
	color:#CCCCCC;
}
/* Catégorie & Type (abandonné) & */
.searchandfilter li.sf-field-taxonomy-cat_oeuvre,
.searchandfilter li.sf-field-post-meta-type {
	padding: 0px;
}
.searchandfilter li.sf-field-taxonomy-cat_oeuvre ul,
.searchandfilter li.sf-field-post-meta-type ul {
	padding: 0px;
}
.searchandfilter li.sf-field-taxonomy-cat_oeuvre ul li,
.searchandfilter li.sf-field-post-meta-type ul li {
	display:inline-block;
/*	margin-right: 20px; */
}
.searchandfilter li.sf-field-taxonomy-cat_oeuvre ul li input {
	visibility: hidden;
}
.searchandfilter li.sf-field-taxonomy-cat_oeuvre ul li label {
	cursor:pointer;
	color:#CCCCCC;
	font-size: 15px;
	letter-spacing: 1px;
	text-transform:uppercase;
}
.searchandfilter li.sf-field-taxonomy-cat_oeuvre ul li:first-child {
	margin-left: -25px;
}

/* Filtre hover */
.searchandfilter li.sf-field-taxonomy-cat_oeuvre ul li.sf-option-active label:hover {
	color:#333333!important;
}
/* Filtre actif */
.searchandfilter li.sf-field-taxonomy-cat_oeuvre ul li.sf-option-active label {
	color:#000000;
}


/************************************************ 
 *
 * ŒUVRE (TEMPLATE)
 *
 ************************************************/ 

.single-oeuvre .et_pb_post_title {
	display: flex;
	justify-content: flex-end;
}
.single-oeuvre .et_pb_title_featured_container {
	margin-left:0!important;
	margin-right:0!important;
}
.single-oeuvre .et_pb_title_featured_container img {
	max-height: 75vh!important;
	width: auto!important;
}

/* Navigation [ABANDONNÉ] */
.et_pb_posts_nav.nav-single .nav-next {
	float: left;
	margin-left: 15px;
}



/************************************************ 
 *
 * CONTACT [PAGE ABANDONNÉE]
 *
 ************************************************/ 

/* 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: 'Karla',Helvetica,Arial,Lucida,sans-serif!important;	/* à modifier */
	font-size:18px!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:#000000!important;									/* à modifier */
	border:none!important;
	border-radius:0px!important;										/* à modifier */
}
.contact .frm_forms button:hover {
	background-color:rgba(0, 0, 0, 0.75)!important;
	color:#FFFFFF!important;
}