@charset "UTF-8";

/*
Theme Name: ESS France
Theme URI: https://www.matthieumarce.com/
Author: Matthieu Marcé
Author URI: https://www.matthieumarce.com/
Description: ESS France theme
Requires at least: 6
Tested up to: 6.9
Requires PHP: 7.4
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ess
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, sticky-post, threaded-comments, translation-ready
*/

/* GENERAL */
body, html {margin:0;font-family:'Inter', sans-serif;font-size:14px}
div {box-sizing:border-box;position:relative}
h1, h2, h3, h4 {margin:0;padding:0}

.ess-onglets svg {stroke:#f4b20c}
.ess-onglets .e-n-tab-title {justify-content:space-between !important}

.ess-list > ul {list-style-type:none}
.ess-list > ul > li {position:relative;}
.ess-list > ul > li:before {content:"";position:absolute;top:6px;left:-30px;width:15px;height:12px;background-image:URL('http://www.elianeconseil.com/wp-content/uploads/2026/03/ico-arrow.png');background-repeat:no-repeat;background-position:center center;background-size:15px}

.ess-card {border-radius: 8px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);background:#fff}
.ess-card-header {position:relative;width:100%;height:200px;overflow:hidden;border-top-left-radius:8px;border-top-right-radius:8px;}
.ess-card-text {position:absolute;top:0;left:0;width:100%;height:100%;background:#c2003d;color:#fff;font-size:20px;font-weight:700;background-image:URL('https://ess-laplateforme.fr/wp-content/uploads/2026/06/logo-ess-filigrane.png');background-repeat:no-repeat;background-size:100px;background-position:top right;padding:30px;z-index:1}
.ess-card-logo {position:relative;display:flex;align-items:center;justify-content:center;height:100%;background-repeat:no-repeat;background-size:90%;background-position:center center;text-align:center;padding:20px}
.ess-card-logo a {display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.ess-card-logo img {height:auto !important;max-height:160px;object-fit:contain}
.ess-card-content {padding:10px 20px}
.ess-card-title {font-size:24px;font-weight:700}
.ess-card-title a {color:#000}

.menu-item.external {position:relative}
.menu-item.external:after {content: "";position: absolute;top:calc(50% - 8px);left: 220px;width: 15px;height: 15px;background: #fff;mask: url(https://ess-laplateforme.fr/wp-content/uploads/2026/06/ico-external.svg);-webkit-mask: URL('https://ess-laplateforme.fr/wp-content/uploads/2026/06/ico-external.svg');background-repeat: no-repeat;background-size: 15px;background-position: center center;}

/* SWIPER */
.home-slider {display:none}
.home-slider .swiper {width: 100%;height: 425px}
.home-slider .swiper-slide {background-position:center center;background-repeat:no-repeat;background-size:cover}
.home-slider .swiper-button-prev {top:auto !important;bottom:0 !important;left:auto !important;right:44px !important;background:rgba(255,255,255,0.2)}
.home-slider .swiper-button-next {top:auto !important;bottom:0 !important;left:auto !important;right:0 !important;background:rgba(255,255,255,0.2)}
.home-slider .swiper-button-prev svg, .home-slider .swiper-button-next svg {width:10px;color:#fff}
.home-slider .swiper-pagination-bullet {background:#fff}

/* WALL */
.ess-wall {display:flex;flex-wrap:wrap;gap:10px}
.ess-wall-controls {margin-bottom:30px;text-align:center}
.ess-wall-controls button {border:1px solid #82022a;background:transparent;color:#000;font-weight:700;transition:all .2s;cursor:pointer}
.ess-wall-controls button:hover, .ess-wall-controls button.is-active {background:#82022a;color:#fff}

.ess-wall-load-more-wrapper {margin-top:30px;text-align:center}
.ess-wall-load-more-wrapper button {border:1px solid #82022a;background:transparent;color:#000;font-weight:700;transition:all .2s;cursor:pointer}
.ess-wall-load-more-wrapper button:hover, .ess-wall-controls button.is-active {background:#82022a;color:#fff}

.ess-wall-item {width:calc(33% - 6px);cursor: pointer;box-shadow:0 0 10px rgba(0,0,0,0.1); border-radius:8px}
.ess-wall-item-image {position:relative;aspect-ratio:1 / 1;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:contain;border-top-left-radius:8px;border-top-right-radius:8px}
.ess-wall-item-content {position:absolute;width:100%;height:100%;padding:20px;font-size:20px;font-weight:700;color:#fff}
.ess-wall-item-actions {padding:10px}
.ess-wall-item-actions button {background:transparent;border:0;padding:5px !important;cursor:pointer}
.ess-wall-item-actions button img, .ess-wall-item-actions a img {width:25px}
.ess-wall-item-actions .publication-like-button {padding-right:0 !important}
.ess-wall-item-actions .publication-like-count {color:#c2003d;font-size:12px;margin-right:5px}
.ess-wall-item-actions span {}
.ess-wall-item-actions span img {width:25px}

.ess-wall-modal {display: none;position: fixed;inset: 0;z-index: 9999;}
.ess-wall-modal.is-open {display: block;}
.ess-wall-modal-overlay {position: absolute;inset: 0;background: rgba(0, 0, 0, 0.65);}
.ess-wall-modal-box {position: relative;z-index: 1;width: min(90vw, 760px);max-height: 90vh;overflow-x:hidden;overflow-y:auto;margin: 5vh auto;padding:30px;background: #fff;color: #000;border-radius:16px}
.ess-wall-modal-close {position: absolute;top:-5px;right:-10px;border: 0;background: transparent;font-size: 24px;line-height: 1;cursor: pointer;}
.ess-wall-modal-image {margin-bottom:30px;border-radius:10px}
.ess-wall-modal-image img {display: block;max-height:400px;max-width:auto;margin:auto}
.ess-wall-modal-video {}
.ess-wall-modal-video iframe {}
.publication-video-player {width: 100%;max-width: 760px;margin: 0 auto 24px;background: #000;}
.publication-video-poster {position: relative;display: block;width: 100%;padding: 0;border: 0;background: #000;cursor: pointer;}
.publication-video-poster img {display: block;width: 100%;max-height: 50vh;object-fit: contain;background: #000;}
.publication-video-poster--empty {aspect-ratio: 16 / 9;min-height: 220px;}
.publication-video-play {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);display: flex;align-items: center;justify-content: center;width: 72px;height: 72px;border-radius: 50%;    background: rgba(0, 0, 0, 0.65);color: #fff;font-size: 34px;line-height: 1;pointer-events: none;}
.publication-video-player iframe, .publication-video-player video, .publication-video-player embed {display: block;width: 100%;height: min(50vh, 520px);border: 0;background: #000;}
.ess-wall-modal-text {margin-bottom:30px}
.ess-wall-modal-text a {color:#c2003d;text-decoration:underline}
.ess-wall-modal-actions {padding:10px}
.ess-wall-modal-actions button {background:transparent;border:0;padding:5px !important;cursor:pointer}
.ess-wall-modal-actions button img, .ess-wall-modal-actions a img {width:25px}
.ess-wall-modal-actions .publication-like-button {padding-right:0 !important}
.ess-wall-modal-actions .publication-like-count {color:#c2003d;font-size:12px;margin-right:5px}
body.ess-wall-modal-is-open {overflow: hidden;}

/* HEADER */
#ess-header {position:sticky;top:0;width:100%;background:#fff;z-index:9}
#ess-header-wrapper {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%;max-width:1024px;margin:auto;padding:20px 30px;gap:30px}
#ess-header-logo {}
#ess-header-logo img {max-width:125px}
#ess-header-menu {font-family:'Archivo', sans-serif;font-size:16px;font-weight:500}
#ess-header-menu.opened {display:block;}
#ess-header-menu ul {margin:0;padding:0;list-style-type:none}
#ess-header-menu ul > li {position:relative;display:inline-block;margin-right:30px;line-height:20px}
#ess-header-menu ul > li.active:after {content:"";position:absolute;bottom:-8px;left:0;width:100%;height:4px;background:#c2003d}
#ess-header-menu ul > li a {color:#000;font-weight:600;text-decoration:none}
#ess-header-menu ul > li a span {font-weight:400}
#ess-header-menu ul > li.active a {color:#c2003d}
#ess-header-menu ul > li a:hover {color:#c2003d}
#ess-header-menu ul > li:hover:after {content:"";position:absolute;bottom:-8px;left:0;background:#c2003d;width:100%;height:4px}
#ess-header-menu ul.sub-menu {display:none;position: absolute;width: 200px;background: #fff;z-index: 1;padding: 20px;}
#ess-header-menu ul.sub-menu > li {display:block;margin-right:0;margin-bottom:15px}
#ess-header-social {}
#ess-header-social-wrapper {}
#ess-header-social-wrapper a {}
#ess-header-social-wrapper a img {width:30px}
#ess-header-burger {display:none;background:transparent;border:0}
#ess-header-burger svg:first-child {display:block}
#ess-header-burger svg:last-child {display:none}
#ess-header-burger svg.opened:first-child {display:none}
#ess-header-burger svg.opened:last-child {display:block}
#ess-header-mobile {display:none;padding:12px 0;transition:all .3s;font-family:'Archivo';font-size:16px;font-weight:500} 
#ess-header-mobile.opened {display:block;}
#ess-header-mobile-menu ul {margin:0;padding:0;padding-top:8px;list-style-type:none}
#ess-header-mobile-menu ul > li {position:relative;padding:8px 12px;line-height:20px}
#ess-header-mobile-menu ul > li a {position:relative;color:#000;text-decoration:none}
#ess-header-mobile-menu ul > li.active a {color:#c2003d}
#ess-header-mobile-menu ul > li.active a:after {content:"";position:absolute;bottom:-8px;left:0;width:100%;height:4px;background:#c2003d}
#ess-header-mobile-menu ul > li a:hover {color:#c2003d;background:#f3f4f699}
#ess-header-mobile-menu > div {border-top:1px solid #8fa0d8;}
#ess-header-mobile-menu button {width:100%;border:0;border-radius:8px;padding:8px 12px;line-height:20px;margin-top:12px;background:transparent;cursor:pointer}
#ess-header-mobile-menu button:hover {background:#f3f4f6}
#ess-header-mobile-menu button.blue {background:#2463eb;color:#fff}
#ess-header-mobile-menu button.blue:hover {background:#2463ebe6}


/* FOOTER */
#ess-footer {background:#82022a}
#ess-footer-frise {display:flex;flex-wrap:nowrap}
#ess-footer-frise .flex {height:10px}
#ess-footer-frise .flex.first {width:40%;background:#0e0b35}
#ess-footer-frise .flex.second {width:25%;background:#f2e9df}
#ess-footer-frise .flex.third {width:25%;background:#8fa0d8}
#ess-footer-frise .flex.fourth {width:10%;background:#f4b20c}
#ess-footer-wrapper {display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;max-width:1140px;margin:auto;padding:60px 30px;gap:10px}
#ess-footer-logo {width:calc(25% - 10px)}
#ess-footer-logo img {max-width:125px}
#ess-footer-social {position:relative;width:calc(25% - 10px);color:#fff}
#ess-footer-social:before {content:"";position:absolute;width:3px;height:75%;top:0;left:-15px;background:#fff}
#ess-footer-social a {color:#fff;text-decoration:none;transition:all .3s}
#ess-footer-social a:hover {color:#fff}
#ess-footer-social-wrapper a img {width:30px}
#ess-footer-menu {position:relative;width:calc(25% - 10px)}
#ess-footer-menu:before {content:"";position:absolute;width:3px;height:75%;top:0;left:-15px;background:#fff}
#ess-footer-menu ul {margin:0;padding:0;list-style-type:none}
#ess-footer-menu ul > li {margin-bottom:10px}
#ess-footer-menu ul > li a {position:relative;color:#fff;font-weight:700;text-decoration:none;transition:all .3s}
#ess-footer-menu ul > li a:hover {color:#fff}
#ess-footer-menu ul > li a:hover:after {content:"";position:absolute;bottom:-4px;left:0;background:#fff;width:100%;height:3px}
#ess-footer-menu ul > li.active a:after {content:"";position:absolute;bottom:-4px;left:0;background:#fff;width:100%;height:3px}
#ess-footer-legal {position:relative;width:calc(25% - 10px);color:#fff;}
#ess-footer-legal:before {content:"";position:absolute;width:3px;height:75%;top:0;left:-15px;background:#fff}
#ess-footer-legal ul {margin:0;padding:0;list-style-type:none}
#ess-footer-legal ul > li {margin-bottom:10px}
#ess-footer-legal ul > li a {position:relative;color:#fff;font-weight:700;text-decoration:none;transition:all .3s}
#ess-footer-legal ul > li a:hover {color:#fff}
#ess-footer-legal ul > li a:hover:after {content:"";position:absolute;bottom:-4px;left:0;background:#fff;width:100%;height:3px}
#ess-footer-legal ul > li.active a:after {content:"";position:absolute;bottom:-4px;left:0;background:#fff;width:100%;height:3px}

/* MODALES */
#ess-modal-wrapper {display:none;position: fixed;top: 25%;left: calc(50% - 300px);width: 600px;background: #c2003d;color:#fff;box-shadow:0 0 10px rgba(0,0,0,0.25); padding: 30px;border-radius: 20px;border:3px solid #fff;z-index: 9;}
#ess-modal-wrapper-close {position:absolute;top:10px;right:10px;color:#fff;font-size:24px;cursor:pointer;z-index:1}
.ess-modal-content {display:none}

/* WPFORMS */
.wpforms-field-label {color:#190d59 !important}
.wpforms-submit {background:#f4b20c !important}

@media all and (max-width:768px){

	/* HEADER */
	#ess-header-wrapper {justify-content:space-between;padding:10px 20px}
	#ess-header-logo img {width:75px}
	#ess-header-menu {display:none}
	#ess-header-social {display:none;order:2}
	#ess-header-burger {display:block;order:3}
	
	/* FOOTER */
	#ess-footer-logo, #ess-footer-social, #ess-footer-menu, #ess-footer-legal {width:100%}
	#ess-footer-social:before, #ess-footer-menu:before, #ess-footer-legal:before {content:none}
	
	/* MODALE */
	#ess-modal-wrapper {left:5%;width:90%;padding:10px}
	
	/* WALL */
	.ess-wall-item {width:100%}

}