/*
Theme Name: LIZIWEB - Theme enfant Divi
Description: Theme enfant du theme Divi. Vous pouvez desormais le personnaliser sans risquer de perdre vos modifications
Author: LIZIWEB
Author URI: https://liziweb.com
Template: Divi
Version: 1.0
*/


/* ----------- Fonts ----------- */
h1, h2, h3 {
	text-transform: uppercase;
}

h1 {
	font-size: 44px;
}

h2 {
	font-size: 44px;
}

p, li {
	font-size: 20px;
}

a {
	font-weight: 500;
	cursor: pointer;
	text-decoration: underline;
}

a:hover {
	color: #2D2E83 !important;
}




/* ----------- Menu Header & Footer ----------- */

/* Header */
#menu-header li a, #menu-header-1 li a {
	font-size: 21px;
	font-weight: 500;
	text-transform: uppercase;
	color: white !important;
	cursor: pointer;
	padding: 0;
}

#menu-header li a:hover,
#menu-header .current-menu-item a {
	color: #E30613 !important;
	text-decoration: none;
}

#menu-header-1 li a:hover,
#menu-header-1 .current-menu-item a {
	color: #2D2E83 !important;
	text-decoration: none;
}

#menu-header .don-menu, #menu-header-1 .don-menu {
	border-radius: 5px;
	height: 30px;
	margin-top: 38px;
	padding: 10px 20px;
	transition: background-color 0.3s ease;
}


#menu-header .don-menu {
	background-color: white;
}

#menu-header .don-menu:hover {
	background-color: #E30613;
}

#menu-header .don-menu a {
	color: #2D2E83 !important;
}


#menu-header-1 .don-menu {
	background-color: #2D2E83;
}

#menu-header-1 .don-menu:hover {
	background-color: #E30613;
}

#menu-header .don-menu a:hover, #menu-header-1 .don-menu a:hover {
	color: #FFFFFF !important;
	opacity: 100%;
}

/* Retire le header global de la page d'accueil */
body.home div.et_pb_section.et_pb_section_0_tb_header {
    display: none;
}



/* Change hamburger menu break point breakpoint for menu module */
@media only screen and (max-width: 1360px) {  
	.et_pb_menu__menu {
    display: none!important;
  }
	.et_mobile_nav_menu {
    display: block!important;
  }

	.et_mobile_nav_menu ul {
    list-style-type: none;
  }
}


/* Change le visuel du Hero de l'accueil à partir de 1360px */
@media only screen and (max-width: 1360px) {
    .section-hero {
        display: none !important;
    }
}

@media only screen and (min-width: 1361px) {
    .section-hero-mobile {
        display: none !important;
    }
}


.mobile_menu_bar::before {
	color: #2d2e83 !important;
}

.mobile_menu_bar:after {
    content: "Menu";
    position: absolute;
    left: -9px;
    font-size: 24px;
    bottom: -8px;
    color:#2d2e83;
}

.et_mobile_menu li a {
	font-size: 21px;
	font-weight: 500 !important;
	color: white !important;
	text-transform: uppercase;
	text-decoration: none;
}

.et_mobile_menu li a:hover, .et_mobile_menu .current-menu-item a {
	color: #E30613 !important;
	text-decoration: none;
}





/* Footer */
#menu-footer li {
	margin-top: 10px;
}

#menu-footer li a {
	font-size: 21px;
	font-weight: 500;
	text-transform: uppercase;
	color: #2D2E83 !important;
	cursor: pointer;
	padding: 0;
}

#menu-footer li a:hover,
#menu-footer .current-menu-item a {
	color: #E30613 !important;
	text-decoration: none;
}

#menu-footer li#menu-item-130 {
	margin-top: 0px;
}

#menu-footer .don-menu {
	background-color: #E30613;
	border-radius: 5px;
	height: 30px;
	margin-top: 0px;
	padding: 10px 20px;
	transition: background-color 0.3s ease;
}

#menu-footer .don-menu a {
	color: white !important;
}

#menu-footer .don-menu:hover {
	background-color: #2D2E83;
}

#menu-footer .don-menu a:hover {
	color: #FFFFFF !important;
	opacity: 100%;
}


.section-legale a {
	color: #FFFFFF;
	font-size: 15px;
	margin-right: 30px;
}

.section-legale a:hover {
	color: #FFFFFF !important;
}

.section-legale a:last-child {
	margin-right: 0;
}





/* ----------- Components boutons ----------- */
/* Base commune */
.et_pb_button, .et_pb_button:hover, .et_pb_module .et_pb_button:hover  {
	border: 0px;
}

.et_pb_button:hover:after {
	display: none;
}


.blue-button,
.red-button {
	font-family: "Athiti", sans-serif;
	font-size: 20px;
	font-weight: bold;
	border-radius: 6px;
	padding: 10px 30px !important;
	color: white;
	cursor: pointer;
	transition: all 0.3s ease;
	text-decoration: none;
}


/* Bleu */
.blue-button {
	background-color: #2D2E83 !important;
}

.blue-button:hover {
	background-color: #E30613 !important;
	color: white !important;
}


/* Rouge */
.red-button {
	background-color: #E30613 !important;
}

.red-button:hover {
	background-color: #2D2E83 !important;
	color: white !important;
}


/* Bouton formulaire contact */
input#gform_submit_button_1 {
	font-family: "Athiti", sans-serif;
	font-size: 20px;
	font-weight: bold;
	border-radius: 6px;
	padding: 10px 30px !important;
	color: white;
	cursor: pointer;
	transition: all 0.3s ease;
	text-decoration: none;
	background-color: #2D2E83 !important;
}

input#gform_submit_button_1:hover {
	background-color: #E30613 !important;
	color: white !important;
}


/* ----------- Components Module Blog ----------- */
.actus-blog .et_pb_post {
	position: relative;
	background-color: #EDEDED;
	border: 0px;
}

.actus-blog .et_pb_post::before {
	content: "";
	display: block;
	position: absolute;
	top: -10px;
	left: 0;
	width: 100%;
	height: 10px;
	background-color: #EDEDED;
	transition: background-color 0.3s ease;
}


.actus-blog .et_pb_post:hover::before {
	background-color: #E30613;
}

.actus-blog .entry-title {
	font-size: 24px;
}

.actus-blog .et_pb_post:hover .entry-title {
	color: #E30613 !important;
}

.actus-blog .entry-title a:hover {
	color: #E30613 !important;
}

.actus-blog p {
	color: black !important;
	font-size: 18px !important;
}

.actus-blog .more-link {
	color: #2D2E83 !important;
	font-size: 18px !important;
	font-weight: 600;
}

.actus-blog .et_pb_post:hover .more-link {
	color: #E30613 !important;
	text-decoration: underline;
}









/* ----------- Page d'Accueil ----------- */
/* Témoignages */
.temoignage-entete {
	display: flex;
	align-items: center;
	gap: 10px;
}

.temoignage-texte a {
	color: white !important;
}

.temoignage-texte a:hover {
	color: white !important;
}

.temoignage-citation {
	position: relative;
	background-color: #292761;
	padding: 20px;
	margin-top: 10px;
	display: flex;
	align-items: flex-start;
	gap: 15px;
}

.temoignage-citation .icone-citation {
	flex-shrink: 0;
	margin-top: 5px;
}

.temoignage-citation p {
	font-size: 18px;
}

.temoignage-citation::before {
	content: "";
	position: absolute;
	top: -22px;
	left: 90px;
	width: 0;
	height: 0;
	border-left: 26px solid transparent;
    border-right: 26px solid transparent;
    border-bottom: 22px solid #292761;
}




/* ----------- Page Faire un don ----------- */
.cadre-legal-entete {
	display: flex;
	align-items: center;
	gap: 10px;
}

.cadre-legal-texte-bleu {
	color: #2D2E83;
	text-transform: uppercase;
}

.cadre-legal-texte-rouge {
	color: #E30613;
	text-transform: uppercase;
}


/* Gérer la largeur des colonnes sponsors pour la bordure droite */
@media (min-width: 981px) {
	.et_pb_gutters3 .et_pb_column_1_3, .et_pb_gutters3.et_pb_row .et_pb_column_1_3 {
        height: 700px;
    }
}





/* ----------- Page Contact ----------- */
label.gfield_label.gform-field-label, span.gfield_required.gfield_required_text {
    font-size: 20px;
}

/* --- badge greenoco ---*/
#badge-one .badge__logo--light {
    filter: brightness(1000)!important;
}