
/* Afficher le menu admin elementor au survol */

#wp-admin-bar-elementor_edit_page:hover > div { display: block !important; }

/* Elements éditoriaux */

ul {list-style-position: inside;
	padding: 0 0 15px 30px;}

a {transition: color .5s;}

figcaption.wp-caption-text {
    margin: 10px 0 0;
    text-align: center;
    line-height: 1.1;}

/* Eléments globaux Elementor */

.elementor-nav-menu--dropdown .elementor-item.elementor-item-active, .elementor-nav-menu--dropdown .elementor-item.highlighted, 
.elementor-nav-menu--dropdown .elementor-item:focus, .elementor-nav-menu--dropdown .elementor-item:hover, 
.elementor-sub-item.elementor-item-active, .elementor-sub-item.highlighted, 
.elementor-sub-item:focus, .elementor-sub-item:hover {transition: background-color 0.5s;}

/* Widgets */

.wp-block-buttons {margin: 20px auto;}

/* ------------------------- */
/* --- STRUCTURE GLOBALE --- */
/* ------------------------- */

/* Fil d'ariane */

/* Inclu dans le header */
.elementor .elementor-element .elementor-widget-breadcrumbs {
	padding: 0 8px;
	max-width: 1134px;
	margin: auto;}

@media only screen and (min-width: 1300px) {
	
	.elementor .elementor-element .elementor-widget-breadcrumbs {padding: 0 8px;}
	
}

@media only screen and (max-width: 1024px) {

	.elementor .elementor-element .elementor-widget-breadcrumbs {padding: 0 24px;}
	
}

@media only screen and (max-width: 767px) {
	
	.elementor .elementor-element .elementor-widget-breadcrumbs {/*padding: 0 23px;*/}
	
}


/* Inclu comme element de page */
.page-content .elementor-widget.elementor-widget-breadcrumbs {margin: 0;}

/* Lettrine */
.page-content .elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, 
.page-content .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap {color: #000;}

/* --- Colonne de droite #right-sidebar --- */

/* Plugin RGPD Cookie Consent */

@media only screen and (max-width: 767px) {
	
	/* Masquer l'entrée du popus sur les mobiles */
	#cookie-law-info-again {display: none;}
	
}

#cookie-law-info-bar {padding: 15px 10px !important;}

#cookie-law-info-bar span {
	font-size: 15px;
	line-height: 1;}

#cookie-law-info-bar span a {
	display: block !important;
	text-decoration: none;
	transition: all 0.5s;}

#cookie_action_close_header {margin-top: 15px !important;}


/* ---- PAGES / POST ---- */

.page-header, .site-main {
	margin: auto;
	max-width: 1300px;
	padding: 10px 10px;}

@media only screen and (min-width: 1300px) {
	
	.page-header {
		padding-left: 80px;
		padding-right: 80px;}
	
}

@media only screen and (max-width: 1299px) {
	
	.page-header {max-width: 1140px;}
	
}


@media only screen and (max-width: 1024px) {
	
	.page-header {
		padding-left: 12px;
		padding-right: 12px; }
	
}

.page-header h1 {margin: 0;}

.page-content .elementor-section.elementor-section-boxed > .elementor-container, 
.elementor-location-footer .elementor-section.elementor-section-boxed > .elementor-container,
.single-mec-events .mec-container {max-width: 1136px;}

/* -- Menus de navigation complémentaires latéraux -- */

/* - ss_nav_pages_01 - */

.ss_nav_pages_01 nav ul li a {display: block;}

.ss_nav_pages_01 nav ul li .elementor-item-active {
	background-color: #F1D59D;
	border: 1px solid #336c99;
	border-width: 1px 0;
	cursor: default;}

.ss_nav_pages_01 nav ul li .elementor-item-active:after {
	border-style: solid;
	border-color: #fff transparent transparent transparent;
	border-width: 13px 0px 0px 14px;
	content: "";
	position: absolute;
	right: 0;
	top: -1px;}

.ss_nav_pages_01 nav ul li a:focus, 
.ss_nav_pages_01 nav ul li a:hover {background-color: #d7c382;}

.ss_nav_pages_01 nav ul li a span {
	color: #00467f;
	display: block;
	font-style: italic;
	margin-top: 2px;}

/* ss_nav_pages_01 : Version mobile */

.ss_nav_pages_01 .elementor-nav-menu--dropdown ul {
	font-size: 17px;
	text-align: center;}

.ss_nav_pages_01 .elementor-nav-menu--dropdown .menu-item .elementor-item.elementor-item-active {
	background-color: #50cfec;
	border: 1px solid #50cfec;
	border-width: 0;
	color: #000;
	cursor: default;}

.ss_nav_pages_01 .elementor-nav-menu--dropdown .elementor-item {
	background-color: #7ac7e4;
	transition: all 0.5s;}

.ss_nav_pages_01 .elementor-nav-menu--dropdown .elementor-item:hover {
	background-color: #65cfe8;
	color: #666;}

.ss_nav_pages_01 .elementor-nav-menu--dropdown ul li a:after {content: none;}

/* --- FOOTER --- */

#vagues_shf {min-height: 92px;}

.elementor-location-footer .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted)::after {
	background-color: #ffffff47 !important;
	opacity: 1;}

/* --- ACCUEIL --- */

/* Fil d'Ariane */

.home #fil_ariane {display: none;}

/* Bloc Actualités */

.home .elementor-widget-wp-widget-recent-posts h5 {
	color: #6EC1E4;
	font-size: 30px;	
	font-weight: 300;}

.home .elementor-widget-posts .elementor-post__text a {transition: all 0.3s;}

@media only screen and (min-width: 768px) {

	.home .elementor-widget-posts .elementor-post__read-more {
		display: block;
		margin-right: 15px;
		text-align: right;}
	
}

/* Bloc Inscription Newsletter */

.bloc_inscription .elementor-element .elementor-widget-heading {margin: 0;}

.bloc_inscription .elementor-widget-wp-widget-sarbacane_newsletter h2 {
	color: #FFFFFF;
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	text-shadow: 1px 1px 2px rgba(43, 42, 42, 0.66);
	text-transform: uppercase;}

.bloc_inscription .elementor-widget-wp-widget-sarbacane_newsletter form {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-around;}

.bloc_inscription .elementor-widget-wp-widget-sarbacane_newsletter input[type="email"] {
	border: none;
	font-size: 0.9rem;
	padding: 0.4rem 0.6rem;}

/* 1er élément du formulaire = 1ère ligne p */

.bloc_inscription .elementor-widget-wp-widget-sarbacane_newsletter form p:nth-child(1) {
	order: 1;
	width: 100%;}

/* 2eme élément du formulaire = 2eme ligne p */

.bloc_inscription .elementor-widget-wp-widget-sarbacane_newsletter form p:nth-child(2),
.bloc_inscription .elementor-widget-wp-widget-sarbacane_newsletter form .mention_obligatoire {
	display: none;
	margin-top: 5px;
	order: 5;
	text-align: center;}

/* 3eme élément du formulaire = 3eme ligne p */

.bloc_inscription .elementor-widget-wp-widget-sarbacane_newsletter form .mentions_legales {	
	background-color: #db4910;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #fff;
	line-height: 1.5;
	margin-left: 2%;
	order: 3;
	padding: 0.5rem 1rem;
	text-align: center;
	transition: all .3s;
	width: 48%;}

.bloc_inscription .elementor-widget-wp-widget-sarbacane_newsletter form .mentions_legales:focus, 
.bloc_inscription .elementor-widget-wp-widget-sarbacane_newsletter form .mentions_legales:hover {border-color: #db4910;}

/* 4eme élément du formulaire = Bouton */

.bloc_inscription .elementor-widget-wp-widget-sarbacane_newsletter input[type=submit] {
	background-color: #00467f;
	border-color: #fff;
	color: #fff;
	font-size: 0.9em;
	margin-right: 2%;
	order: 2;
	width: 48%;}

.bloc_inscription .elementor-widget-wp-widget-sarbacane_newsletter input[type=submit]:focus, 
.bloc_inscription .elementor-widget-wp-widget-sarbacane_newsletter input[type=submit]:hover {
	border-color: #103662; 
	color: #fff;}


/* - 01 - Section "La SHF" - */

/* Page 'Nous rejoindre' */

 
/* -- Une adhesion par ligne : titre, prix, ajout panier - */

.adhesion_sur_une_ligne .elementor-widget-woocommerce-product-price .price {
	color: #fff;
	margin-bottom: 0;}

/* avec promo => .sale */

.sale .adhesion_sur_une_ligne .elementor-widget-woocommerce-product-price .price del {color: #000;}

.adhesion_sur_une_ligne .added_to_cart {
	background: #e3831b;
	border-radius: 5px;
	color: #fff;
	display: block;
	font-size: 15px;
	line-height: 1;
	margin-top: 5px;
	padding: 5px 0;
	text-align: center;
	transition: all .3s;}

.adhesion_sur_une_ligne .added_to_cart:active, 
.adhesion_sur_une_ligne .added_to_cart:focus, 
.adhesion_sur_une_ligne .added_to_cart:hover {color: #000;}

/* --- CONTACT --- */

.elementor-form .elementor-message {
	border: 1px solid;
	border-radius: 3px;
	color: #1a6f27;
	font-size: 1.1em;
	padding: 10px;
	text-align: center;}

.elementor-form .elementor-message-success {
	color: #1a6f27;
	border-color: #23bf3c;}

/* ----------------------------------------- */
/* --- PAGES MANIFESTATIONS / EVENEMENTS --- */
/* ----------------------------------------- */


/* Bloc organisateurs */

.bloc_organisateurs ul {padding-bottom: 0;}

/* Styles du widget / popup s'inscrire */

/* Ordre des éléments affichés par défaut sur une ligne li :

~~ Dans le premier lien a :

- Promo : que l'on veut afficher en ??
- Image : que l'on masque ici en display none
- Titre : que l'on veut afficher en 1er
- Tarif : que l'on veut afficher en 2eme

~~ Dans le second lien a :

- Ajouter au panier

*/

.elementor-location-popup .elementor-products-grid .woocommerce ul.products {padding: 0 10px;}

.elementor-location-popup .elementor-products-grid .woocommerce ul.products li.product a {transition: all 0.5s;}

/* Le premier lien  */

.elementor-location-popup .elementor-products-grid .woocommerce ul.products li.product .woocommerce-LoopProduct-link {
	/* Désactivation du lien vers la page du produit correspondant */
	cursor: default;
	pointer-events: none;}

@media screen and (min-width: 1025px) {
	
	.elementor-location-popup .elementor-products-grid .woocommerce ul.products li.product .woocommerce-LoopProduct-link {
		align-items: center;
		display: flex;
		flex-wrap: nowrap;
		justify-content: flex-start;
		justify-content: center;
	}
	
}

/*

~~ Dans le premier lien a :

- Promo : que l'on veut afficher en 4eme
- Image : que l'on masque ici en display none - Ordre 1
- Titre : que l'on veut afficher en 2eme
- Tarif : que l'on veut afficher en 3eme

*/

/* 1er élément : Affichage de la promo - que l'on veut afficher en 4eme place */

.elementor-location-popup .elementor-products-grid .woocommerce ul.products li.product span.onsale {
	margin-left: 10px;
	order: 4;}

@media screen and (min-width: 1025px) {
	
	.elementor-location-popup .elementor-products-grid .woocommerce ul.products li.product span.onsale {position: initial;}
	
}

@media screen and (max-width: 540px) {
	
	.elementor-location-popup .elementor-products-grid .woocommerce ul.products li.product span.onsale {display: none !important;}
	
}

/* 2eme élément : L'image - masquée mais que l'on veut afficher en 1er */

.elementor-location-popup .elementor-products-grid .woocommerce ul.products li.product a img {
	display: none;
	order: 1;}

/* 3eme élément : Le Titre */

.elementor-location-popup .elementor-products-grid .woocommerce ul.products li.product .woocommerce-loop-product__title {order: 2;}

@media screen and (min-width: 1025px) {
	
	.elementor-location-popup .elementor-products-grid .woocommerce ul.products li.product .woocommerce-loop-product__title {padding-right: 15px;}
	
}

/* 4eme élément : Le Tarif */

.elementor-location-popup .elementor-products-grid .woocommerce ul.products li.product .price {
	order: 3;
	margin: 0;}

@media screen and (min-width: 1025px) {
	
	.elementor-location-popup .elementor-products-grid .woocommerce ul.products li.product .price {display: flex;}
	
}

.elementor-location-popup .elementor-products-grid .woocommerce ul.products li.product .price .amount {padding: 0 5px;}

/*

~~ Dans le second lien a :

- Le bouton ajouter au panier

*/

.elementor-location-popup .elementor-products-grid .woocommerce ul.products li.product .button {
	margin: 0;
	order: 1;}

.elementor-location-popup .elementor-products-grid .woocommerce ul.products li.product .button.added {
	background-color: #1897CC !important;
	color: #D9DE31 !important;}

/* 

~~ Dans le troisième lien on a :

- Voir le panier 

*/

.elementor-location-popup .elementor-products-grid .woocommerce ul.products li.product a.added_to_cart {
	background: #e3831b;
	border-radius: 3px;
	font-size: 15px;
	line-height: 1;
	margin-left: 5px;
	padding: 10px 15px;}


/* Message de confirmation annulation */

.elementor-location-popup .elementor-widget-container .woocommerce-message {
	border-color: #E69D1D;
	font-size: 15px;
	text-align: center;}

.elementor-location-popup .elementor-widget-container .woocommerce-message:before {color: #E69D1D;}


/* -------------------------- */
/* --- PAGES PUBLICATIONS --- */
/* -------------------------- */

/* - PUBLICATIONS HOUILLE BLANCHE - */

/* Conteneur des publications */

.publications_lhb {}

/* Conteneur d'une publication */

.lhb_publication {}

.page-content .elementor .elementor-post:last-child .lhb_publication {border: none;}

/* 1 - Image */

.lhb_publication .elementor-widget-image:not(:last-child) {margin-bottom: 10px;}

/* 2 - Prix */

.lhb_publication .prix_publication.elementor-widget:not(:last-child) {margin-bottom: 10px;}

/* 3 - Panier */

.lhb_publication .add_to_cart_button {display: block;}

/* 4 - Voir le panier - */

.lhb_publication .added_to_cart {
	background: #e3831b;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	margin-top: 5px;
	padding: 5px 15px;
	transition: all 0.5s;}

/* - Colonne principale - */

.lhb_publication .col_main {}

/* 1 - Titre */

.lhb_publication .col_main .elementor-page-title {}

.lhb_publication .col_main .elementor-page-title:not(:last-child) {
	margin-bottom: 5px;
	margin-top: -4px;}

.lhb_publication .elementor-heading-title a {transition: all 0.5s;}

/* 2 - Auteurs */

.elementor-widget.lhb_auteurs {}

.elementor-widget.lhb_auteurs:not(:last-child) {margin-bottom: 5px;}

/* 3 - Date */

.elementor-widget.lhb_date {}

.elementor-widget.lhb_date:not(:last-child) {margin-bottom: 12px;}

/* 4 - Description / Introduction */

.elementor-widget.lhb_intro {}

.elementor-widget.lhb_intro:not(:last-child) {}

/* 4 - Plus d'infos / En savoir plus */


/* 5 - Pagination - */

.publications_lhb .elementor-pagination {
	line-height: 2;
	padding: 5px 0;}

.publications_lhb .elementor-pagination .page-numbers {
	background: #f87705;
	border-radius: 3px;
	color: #fff;
	padding: 5px 15px;
	transition: all 0.5s;}

.publications_lhb .elementor-pagination a.page-numbers:active, 
.publications_lhb .elementor-pagination a.page-numbers:focus, 
.publications_lhb .elementor-pagination a.page-numbers:hover {background: #e1500a;}

/* -- Page produit -- */

.product-lhb_publication {}

/* - Col gauche - */

/* 1 - Image */

.product-lhb_publication .elementor-widget-image:not(:last-child) {margin-bottom: 16px;}

/* 2 - Prix */

.product-lhb_publication .prix_publication.elementor-widget:not(:last-child) {margin-bottom: 10px;}

/* 3 - Panier */

.woocommerce div.product .product-lhb_publication form.cart .button {margin-left: 10px;}

/* 4 - Voir le panier - */

.product-lhb_publication .added_to_cart {
	background: #e3831b;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	margin-top: 5px;
	padding: 5px 15px;
	transition: all 0.5s;}

/* - Col principale - */

/* 1 - Titre */

.product-lhb_publication .elementor-page-title:not(:last-child) {
	margin-bottom: 5px;
	margin-top: -4px;}

/* 2 - Auteurs */

.product-lhb_publication .elementor-widget.lhb_auteurs:not(:last-child) {}

/* 3 - Date */

.product-lhb_publication .elementor-widget.lhb_date:not(:last-child) {}


/* ------------------ */
/* --- ACTUALITES --- */
/* ------------------ */

/* Inscription newsletter sarbacane */

.sarbacane_opt-in {}

.sarbacane_opt-in .elementor-widget-wp-widget-sarbacane_newsletter .widget_meta {
	align-items: center;
	display: flex;
	/*flex-direction: row;*/
	flex-wrap: wrap;
	justify-content: flex-start;}

@media screen and (max-width: 991px) {
	
	.sarbacane_opt-in .elementor-widget-wp-widget-sarbacane_newsletter .widget_meta {
		display: block;
		text-align: center;}
	
}

.sarbacane_opt-in .elementor-widget-wp-widget-sarbacane_newsletter .widget_meta h2 {
	color: #fff;
	margin: 0;
	text-shadow: 1px 1px 1px #000;}

.sarbacane_opt-in .elementor-widget-wp-widget-sarbacane_newsletter form {
	align-items: center;
	display: flex;
	flex: 1;
	flex-wrap: wrap;
	justify-content: flex-start;}

@media screen and (max-width: 767px) {
	
	.sarbacane_opt-in .elementor-widget-wp-widget-sarbacane_newsletter form {display: block;}
	
}

.sarbacane_opt-in .elementor-widget-wp-widget-sarbacane_newsletter form p {margin: 0;}

.sarbacane_opt-in .elementor-widget-wp-widget-sarbacane_newsletter form p label {display: none;}

/* 1er élément du formulaire = 1ère ligne p */

.sarbacane_opt-in .elementor-widget-wp-widget-sarbacane_newsletter form p:nth-child(1) {
	flex: 1;
	line-height: 1;
	padding: 0 10px 0 15px;}

.sarbacane_opt-in .elementor-widget-wp-widget-sarbacane_newsletter input[type=email] {border: none;}

/* 2eme élément du formulaire = 2eme ligne p */

.sarbacane_opt-in .elementor-widget-wp-widget-sarbacane_newsletter form p:nth-child(2),
.sarbacane_opt-in .elementor-widget-wp-widget-sarbacane_newsletter form .mention_obligatoire {
	/* Classe .mention_obligatoire ajoutée manuellement => plugins/sarbacane-desktop/views/sarbacane-widget.php */
	/**/display: none;
	order: 4;}

/* Ajouté => 3eme élément du formulaire = 3eme ligne p */

.sarbacane_opt-in .elementor-widget-wp-widget-sarbacane_newsletter form p:nth-child(3),
.sarbacane_opt-in .elementor-widget-wp-widget-sarbacane_newsletter form .mentions_legales {
	/* Classe .mentions_legales ajoutée manuellement => plugins/sarbacane-desktop/views/sarbacane-widget.php */
	order: 3;}

.sarbacane_opt-in .elementor-widget-wp-widget-sarbacane_newsletter form .mentions_legales {
	background-color: #db4910;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #fff;
	font-size: 1rem !important;
	line-height: 1.5;
	margin: 0 10px;
	padding: 0.4rem 1rem;
	transition: all .3s;}

.sarbacane_opt-in .elementor-widget-wp-widget-sarbacane_newsletter form .mentions_legales:focus, 
.sarbacane_opt-in .elementor-widget-wp-widget-sarbacane_newsletter form .mentions_legales:hover {border-color: #db4910;}

/* 4eme élément du formulaire = Bouton */

.sarbacane_opt-in .elementor-widget-wp-widget-sarbacane_newsletter input[type=submit] {
	background-color: #00467f;
	border-color: #fff;
	color: #fff;
	margin: 0 10px;}

.sarbacane_opt-in .elementor-widget-wp-widget-sarbacane_newsletter input[type=submit]:focus, 
.sarbacane_opt-in .elementor-widget-wp-widget-sarbacane_newsletter input[type=submit]:hover {
	border-color: #103662; 
	color: #fff;}

.sarbacane_opt-in .elementor-widget-wp-widget-sarbacane_newsletter input {
	/*line-height: 1;*/
	padding: 0.4rem 1rem;}

@media screen and (max-width: 767px) {
	
	.sarbacane_opt-in .elementor-widget-wp-widget-sarbacane_newsletter form p, 
	.sarbacane_opt-in .elementor-widget-wp-widget-sarbacane_newsletter input {margin-bottom: 5px;}
	
}


/* Cartes */

.shf_actus .elementor-posts .elementor-post__card {padding: 15px;}

/* Images */

.elementor-posts--thumbnail-top .elementor-post__thumbnail__link {transition: all 0.5s;}

.shf_actus.elementor-posts--thumbnail-top .elementor-post__thumbnail__link {margin-bottom: 10px;}

.shf_actus.elementor-posts--thumbnail-top .elementor-post__thumbnail__link:active, 
.shf_actus.elementor-posts--thumbnail-top .elementor-post__thumbnail__link:focus, 
.shf_actus.elementor-posts--thumbnail-top .elementor-post__thumbnail__link:hover {opacity: 0.7;}

/* Titres */

/* Textes */

/* Lire la suite */

.shf_actus .elementor-posts .elementor-post__card .elementor-post__read-more {
	display: block;
	padding-right: 7px;
	text-align: center;}

@media screen and (min-width: 768px) {
	
	.shf_actus .elementor-posts .elementor-post__card .elementor-post__read-more {float: right;}
	
}

/* Page précédente */

.elementor-widget .alg_back_button_simple:before {
	color: #F3C607;
	content: "\f0a8";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	left: -2px;
	position: absolute;
	transition: all 0.5s;}

.elementor-widget .alg_back_button_simple {
	color: #044865;
	font-size: 17px;
	font-weight: 400;
	padding: 5px 5px 5px 20px;
	transition: all 0.5s;}

.elementor-widget .alg_back_button_simple:active, 
.elementor-widget .alg_back_button_simple:focus, 
.elementor-widget .alg_back_button_simple:hover {color: #4DA0D5;}

.elementor-widget .alg_back_button_simple:active:before, 
.elementor-widget .alg_back_button_simple:focus:before, 
.elementor-widget .alg_back_button_simple:hover:before {left: 180px;}

/* Meta Data */
	
.elementor-element.shf_actus .elementor-posts .elementor-post__card .elementor-post__meta-data {
	border: none;
	line-height: 1.6em;
	padding: 0;}

.shf_actus .elementor-posts .elementor-post__card .elementor-post__meta-data .elementor-post-date {}

/* Pagination */

.shf_actus .elementor-pagination {margin-top: 60px;}

