/*!
Theme Name: yey
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: yey
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

yey is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

:root {
	--color-text: #090B4B;
	--color-side-text: #090B4B;
	--color-cta: #fff;
	--color-cta-bg: #55B9BE;
	--color-cta-icon: #55B9BE;
	--color-cta-text: #090B4B;
	--color-cta-arrow: #090B4B;
	--color-cta-border: #090B4B;
	--color-partners: #fff;
	--color-curr: #C8C2B6;
	--color-accordion: #fff;

	--invert: invert(0);

	--bg-img: url('assets/images/bg.svg');

	--ff-titles: "Neuton", serif;
	--ff-text: "Poppins", sans-serif;

	--fs-slogan: .8rem;
	--fs-cta: 1.2rem;
	--fs-acro: 2rem;
	--fs-subtitle: 2.8rem;
	--fs-title: 3.2rem;

	--fw-link: 600;
	--fw-cta: 700;
	--fw-acro: 800;

	--pad-footer: 1rem;

	--gap-xs: .36rem;
	--gap-sm: .72rem;
	--gap-reg: 2.4rem;
}

*, :after, :before {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body.dark-mode {
	--bg-img: url('assets/images/bg-dark.svg');
	--color-accordion: #090B4B;
    --color-text: var(--color-cta);
	--color-cta-bg: var(--color-curr);
	--color-cta-arrow: var(--color-curr);
	--color-cta-border: var(--color-cta);
	--color-partners: var(--color-curr);
}

body {
	padding: 0 calc(20px + 4vw);
	color: var(--color-text);
	background-image: var(--bg-img);
	background-attachment: fixed;
	font-family: var(--ff-text);
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

h1, h2, h3 {
	font-family: var(--ff-titles);
	font-weight: var(--fw-link);
}

h1 {
	font-size: var(--fs-title);
	text-transform: uppercase;
	margin-bottom: 64px;
}

h2 {
	font-size: var(--fs-subtitle);
	margin-bottom: 48px;
}

h3 {
	font-size: var(--fs-acro);
	margin-bottom: 20px;
}

a {
	color: var(--color-text);
	text-decoration: none;
}

.link {
	display: flex;
	flex-direction: column;
	align-items: center;
}

ul {
	list-style-type: none;
}

.disabled {
	cursor: not-allowed;
	pointer-events: none;
}

.section-front {
	height: 100vh;
	margin-left: 256px;
}

.header-container {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: calc(100% - ((20px + 4vw) * 2));
	z-index: 1;
}

.site-branding {
	margin-left: 36px; //184 , 256
}

.site-branding img {
	display: block;
	width: 184px;
	height: auto;
	border-left: 4px solid var(--color-text);
	border-right: 4px solid var(--color-text);
	border-bottom: 4px solid var(--color-text);
}

.header-right {
	display: flex;
	align-items: center;
	gap: var(--gap-sm);
	margin-bottom: 48px;
}

.main-menu {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.main-menu li {
	width: 120px;
	text-align: center;
}

.main-menu li a:hover {
	font-weight: var(--fw-link);
}

.btn-dons {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--gap-sm);
	padding: 10px 16px;
	color: var(--color-cta-text);
	font-size: var(--fs-cta);
	font-weight: var(--fw-cta);
	background: var(--color-cta-bg);
	border: 4px solid var(--color-cta-border);
}

.btn-dons > :nth-child(2) {
	display: none;
}

body.dark-mode .btn-dons > :nth-child(1) {
	display: none;
}

body.dark-mode .btn-dons > :nth-child(2) {
	display: block;
}

.btn-dons svg {
	width: 30px;
	height: 24px;
}

.sidebar-values {
	position: absolute;
	width: calc(188px + 4px + 64px);
	padding: 16px;
	color: var(--color-side-text);
	background: var(--color-cta-bg);
	border-left: 4px solid var(--color-cta-border);
	border-right: 4px solid var(--color-cta-border);
}

.value-container {
	display: flex;
	flex-direction: column;
	align-items: start;
	justify-content: center;
	width: 100%;
	height: 100vh;
}

.value-container .light {
	width: 48px;
	height: 48px;
	margin-bottom: 1em;
}

.value-container .dark {
	display: none;
}

body.dark-mode .value-container .light {
	display: none;
}

body.dark-mode .value-container .dark {
	display: block;
}

.value-container .title {
	margin-bottom: .48em;
	font-size: 1.08em;
	font-weight: var(--fw-link);
}

.see-campaigns {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-weight: var(--fw-link);
	overflow: hidden;
}

.main-para {
	margin: 0 0 72px 72px;
}

.main-para p {
	margin-bottom: 20px;
}

.link-cta {
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 20px;
	font-size: var(--fs-cta);
	font-weight: var(--fw-acro);
}

.link-cta svg {
	width: 64px;
	height: 64px;
	padding: 16px;
	background: var(--color-cta-arrow);
}

.link-cta .link > :nth-child(2) {
	display: none;
}

body.dark-mode .link-cta .link > :nth-child(1) {
	display: none;
}

body.dark-mode .link-cta .link > :nth-child(2) {
	display: block;
}

.link-campaign .link > :nth-child(2) {
	display: none;
}

body.dark-mode .link-campaign .link > :nth-child(1) {
	display: none;
}

body.dark-mode .link-campaign .link > :nth-child(2) {
	display: block;
}

.link-cta a:hover {
	text-decoration: underline;
}

.see-campaigns .main-image {
	position: absolute;
	bottom: -96px;
	right: 0;
	width: 480px;
	height: 480px;
	z-index: -1;
}

.slider-partners {
	position: absolute;
	bottom: 0;
	display: flex;
	align-items: center;
	width: 100%;
	height: 128px;
    background: #fff;
	border-top: 4px solid var(--color-cta-border);
	border-bottom: 4px solid var(--color-cta-border);
	border-right: 4px solid var(--color-cta-border);
    white-space: nowrap;
	overflow: hidden;
}

.slider-partners .subtitle {
	display: flex;
	align-items: center;
	height: 100%;
	padding: 0 40px;
	font-size: var(--fs-cta);
	font-weight: var(--fw-acro);
	color: var(--color-cta-text);
	background: var(--color-partners);
	border-right: 4px solid var(--color-cta-border);
	z-index: 1;
}

.slider-track {
	display: flex;
    width: calc(240px * 12); /* Largeur d'un logo * nombre total de logos (doublés) */
	max-height: 100%;
    animation: scroll 40s linear infinite;
}

.slide {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 240px;
	margin: 0 32px;
}

.slide img {
    max-width: 200px;
    max-height: 112px;
    filter: grayscale(100%); /* Optionnel : logos en gris par défaut */
    transition: all 0.3s ease;
}

@keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); } /* On s'arrête à la moitié car la liste est doublée */
}

.slider-track:hover {
    animation-play-state: paused;
}

.origins {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.origins .story {
	max-width: 60%;
	margin-bottom: 0;
}

.interview {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	max-width: 280px;
	max-height: 400px;
	border: 4px solid var(--color-text);
}

.link-cta.interv {
	margin-top: 96px;
}

.interview img {
	width: 100%;
	max-height: auto;
	padding: 32px;
}

.interview span {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	max-height: 20%;
	padding: 32px;
	text-align: center;
	font-size: var(--fs-cta);
	font-weight: var(--fw-acro);
	border-top: 4px solid var(--color-text);
}

.featured-article {
	display: flex;
	align-items: center;
	border: 4px solid var(--color-cta-border);
	padding: 24px;
	width: 100%;
	height: 368px;
}

.featured-article img {
	display: block;
	width: 400px;
	height: 314px;
	object-fit: cover;
	object-position: center;
	border: 2px solid var(--color-text);
}

.article-content {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	margin-left: 24px;
}

.article-content .article-text {
	gap: 24px;
}

.article-content .article-text h3 {
	margin-top: -14px;
}

.article-content .article-text a:hover {
	text-decoration: underline;
}

.site-footer {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	height: 320px;
	border: 4px solid var(--color-text);
}

.site-menus, .site-network {
	height: 100%;
}

.site-network {
	color: var(--color-side-text);
}

.site-menus {
	display: flex;
	align-items: start;
	justify-content: space-around;
	flex-grow: 1;
	padding: calc(var(--pad-footer) * 3.2) calc(var(--pad-footer) * 2);
}

.site-network {
	padding: var(--pad-footer);
	border-right: 4px solid var(--color-text);
	background: var(--color-cta-bg);
}

.site-network, .slogan {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	width: 252px;
	flex-shrink: 0;
}

.slogan {
	gap: 1rem;
}

.site-network .mark {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.site-network .acronyme,
.site-network .full {
	font-weight: var(--fw-acro);
}

.site-network .acronyme {
	font-size: calc(var(--fs-acro) * 2.08);
	margin-top: -12px;
}

.site-network .full {
	margin-top: -.72rem;
	font-size: calc(var(--fs-slogan)*1.48);
}

.site-network .copyrights {
	font-weight: var(--fw-link);
}

.site-network .socials {
	display: flex;
    align-items: center;
}

.site-network .socials a {
	margin-right: .8rem;
}

body .site-network .socials .dark {
	display: none;
}

body.dark-mode .site-network .socials .light {
	display: none;
}

body.dark-mode .site-network .socials .dark {
	display: block;
}

.socials svg {
	display: block;
	width: 32px;
	height: auto;
}

.socials .last {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-right: 0;
}

.site-menus .footer-navigation {
	margin: 0 12px;
}

.site-menus .footer-navigation span {
	display: block;
	font-weight: var(--fw-link);
	margin-bottom: var(--gap-sm);
}

.site-menus .footer-navigation ul li {
	margin-bottom: var(--gap-xs);
}

.site-menus .footer-navigation a:hover {
	text-decoration: underline;
}

.themes {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	bottom: 20px;
	right: 20px;
	width: 96px;
	height: 47px;
	border: 2px solid var(--color-cta-border);
	border-radius: 48px;
}

.themes div {
    display: inline-block;
	width: 50%;
	height: 100%;
}

.themes svg {
	cursor: pointer;
	width: 46px;
	height: 44px;
	padding: 12px;
	border-radius: 48px;
}

.themes .light svg {
    background: var(--color-cta-bg);
}

body .themes .light2 {
    display: none;
}

body.dark-mode .themes .light {
    display: none;
}

body.dark-mode .themes .light2 {
    display: block;
}

body.dark-mode .themes .dark svg {
    background: var(--color-cta-icon);
}

body.dark-mode .themes .light svg {
    background: transparent;
}




.post-article {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 144px calc(16vw + 140px) 92px calc(16vw + 140px);
}

.entry-header {
	width: 124%;
	margin-bottom: 40px;
}

.entry-title {
	margin-bottom: 40px;
}

.entry-meta {
	display: flex;
	align-items: center;
}

.entry-meta .socials {
	display: flex;
	align-items: center;
}

.entry-meta .socials .share-group {
	display: flex;
}

.entry-meta .socials .share-btn {
	border: none;
	background: none;
	margin-right: .8rem;
}

.entry-meta .socials .share-btn > :nth-child(2) {
	display: none;
}

.entry-meta .socials .share-link > :nth-child(2) {
	display: none;
}

body.dark-mode .entry-meta .socials .share-btn > :nth-child(1) {
	display: none;
}

body.dark-mode .entry-meta .socials .share-link > :nth-child(1) {
	display: none;
}

body.dark-mode .entry-meta .socials .share-btn > :nth-child(2) {
	display: block;
}

body.dark-mode .entry-meta .socials .share-link > :nth-child(2) {
	display: block;
}

.entry-meta .socials a {
	margin-right: .8rem;
}

.entry-meta .socials a svg {
	display: block;
}

.entry-meta .socials .share-btn:hover {
	cursor: pointer;
}

.post-related {
	display: flex;
	width: 100%;
	gap: 12px;
}

.post-related .extras {
	display: flex;
	flex-direction: column;
	align-items: start;
}

.post-related .author {
	font-weight: var(--fw-link);
}

.post-related .infos {
	opacity: .5;
}

.post-gallery {
	display: flex;
	align-items: center;
	width: calc(124% + 120px);
	height: 440px;
	margin-bottom: 40px;
	overflow: hidden;
}

.post-gallery img {
	display: block;
	border: 4px solid var(--color-cta-border);
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.main-thumb {
	width: 64%;
	height: 100%;
	margin-right: 24px;
}

.main-thumb .post-thumbnail {
	width: 100%;
	height: 100%;
}

.secondary-thumbs {
	display: flex;
	flex-direction: column;
	width: 36%;
    height: 100%;
}

.secondary-thumbs .second-thumb {
	height: 40%;
	margin-bottom: 24px;
}

.secondary-thumbs .third-thumb {
	height: calc(60% - 24px);
}

.entry-content {
	display: flex;
	flex-direction: column;
	align-items: start;
}

.entry-content h2 {
	width: 124%;
	margin-left: -12%;
	margin-bottom: 0;
}

.entry-content h3 {
	width: 100%;
	margin-bottom: 0;
}

.entry-content .wp-block-accordion {
	width: 100%;
}

.entry-content .wp-block-accordion-item {
	border: 2px solid var(--color-cta-border);
}

.entry-content .wp-block-accordion-heading {
    margin: 0;
	padding: 0 8px 0 16px;
	width: 100%;
	font-family: var(--ff-text);
	font-size: 1em;
	background: var(--color-text);
	border-bottom: 2px solid var(--color-text);
}

.entry-content .wp-block-accordion-heading__toggle-title {
	color: var(--color-accordion);
}

.entry-content .wp-block-accordion-heading__toggle-icon {
	color: var(--color-accordion);
	font-size: 2em;
}

.entry-content .wp-block-accordion-panel {
	margin: 16px;
}

.entry-content .wp-block-accordion-panel h3,
.entry-content .wp-block-accordion-panel img,
.entry-content .wp-block-accordion-panel ol,
.entry-content .wp-block-accordion-panel p,
.entry-content .wp-block-accordion-panel a {
	margin: 0;
}

.entry-content .wp-block-quote {
	padding-left: 24px;
	border-left: 2px solid var(--color-cta-border);
	font-size: var(--fs-cta);
}

.entry-content .wp-block-quote p {
	margin: 0;
}

.entry-content .wp-block-image {
	width: 100%;
}

.entry-content .wp-block-image img {
	display: block;
	height: auto;
	object-fit: cover;
	object-position: center;
}

.entry-content figure {
	display: flex;
	flex-direction: column;
	align-items: center;
	border: 2px solid var(--color-cta-border);
}

.entry-content figcaption {
	font-style: italic;
	opacity: 1;
	font-weight: 300;
	text-align: center;
}

.entry-content a {
	opacity: 1;
	font-weight: var(--fw-link);
}

.entry-content a:hover {
	text-decoration: underline;
}







.campaign-page .main-campaigns {
	padding: 144px calc(8vw + 140px) 92px calc(8vw + 140px);
}

.campaign-page .main-campaigns article {
	margin-bottom: 24px;
}

.campaign-page .main-campaigns article img {
	border: 2px solid var(--color-cta-border);
	object-fit: cover;
	object-position: center;
}

.pagination {
	display: flex;
	justify-content: center;
	margin-top: 72px;
}

.pagination ul {
	display: flex;
	align-items: center;
	gap: 12px;
}

.pagination ul li a, .pagination ul li span {
	padding: 8px 16px;
	border: 2px solid var(--color-text);
}

.pagination ul li a:hover {
	color: var(--color-curr);
	background: var(--color-text);
}

.pagination ul .current {
	color: var(--color-curr);
	font-weight: var(--fw-cta);
	background: var(--color-text);
}





.type-page {
	padding: 184px calc(16vw + 140px) 92px calc(16vw + 140px);
}