/* @override 
	https://carderon.studio/wp-content/themes/carderon/style.css?*
	https://carderon.test/wp-content/themes/carderon/style.css?* */

:root {
	--background-main-color: #FFFEFA;
	/*	--background-main-color:#FEFAF0;*/
	
	/* Couleurs des projets */
	--jugaad: #421218;
	--seoul-mama: #9e3d1f;
	--hauteur-libre: #3a5263;
	--montorgueil:#3f4f43;
	--rivoli:#586a70;
	--e-enfance:#ffdb00;
	--main-color: #424241;
	--sharmaji:#7190b1;
	--melter51:#f4e3a7;
	--renoir:#233746;
	--emeriau:#462532;
	--popotes-vasarely:#232d57;
	--maison-de-parfum:#762524;
	--fbg-montmartre:#593e31;
	--popotes-clichy:#c99c08;
	--popotes-nd:#8d1c17;
	--the-indian-arms:#006d36;
}

/**
 * @license
 * MyFonts Webfont Build ID 3867246, 2020-12-16T11:57:38-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Gilroy Regular by Radomir Tinkov
 * URL: https://www.myfonts.com/products/regular-gilroy-169359
 * Copyright: Copyright © 2023 Monotype Imaging Inc. All rights reserved.
 *
 * Webfont: Larken Thin by EllenLuff
 * URL: https://www.myfonts.com/products/thin-larken-509904
 * Copyright: Copyright © 2023 Monotype Imaging Inc. All rights reserved.
 * 
 * © 2023 MyFonts Inc. */
 
/*@font-face {
font-family: 'Larken';
src: url('fonts/LarkenThin.woff2') format('woff2'),
        url('fonts/LarkenThin.woff') format('woff');
font-weight: 100;
font-style: normal;
font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('fonts/GilroyRegular.woff2') format('woff2'),
        url('fonts/GilroyRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}*/

@font-face {
    font-family: 'Gilroy';
    src: url('fonts/Gilroy-Bold.woff2') format('woff2'),
        url('fonts/Gilroy-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


/*div, h1, h2, img, ul, li, p, header, aside, section, footer,svg,path {
	outline-width: 1px;
	outline-style: solid;
	outline-color: rgba(206,206,206,0.3);
	}*/

/* @override 
	http://mc.rolandtisserand.fr/wp-content/themes/carderon/style.css?* */

/*!
Theme Name: Carderon 2026
Theme URI: http://underscores.me/
Author: Roland Tisserand
Author URI: https://rolandtisserand.fr
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: castanier
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.

Carderon 2026 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/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/* @group modern-normalize v1.1.0 */

/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */

/*
Document
========
*/

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

html {
	-moz-tab-size: 4;
	tab-size: 4;
}

html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

body {
	margin: 0;
}

/**
Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
*/

body {
	font-family: -apple-system,
	system-ui,
	'Segoe UI',
	Roboto,
	Helvetica,
	Arial,
	sans-serif,
	'Apple Color Emoji',
	'Segoe UI Emoji';
}

/*
Grouping content
================
*/

/**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/

hr {
	height: 0; /* 1 */
	color: inherit; /* 2 */
}

/*
Text-level semantics
====================
*/

/**
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr[title] {
	text-decoration: underline dotted;
}

/**
Add the correct font weight in Edge and Safari.
*/

b, strong {
	font-weight: bold;
}

/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/

code, kbd, samp, pre {
	font-family: ui-monospace,
	SFMono-Regular,
	Consolas,
	'Liberation Mono',
	Menlo,
	monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
Add the correct font size in all browsers.
*/

small {
	font-size: 80%;
}

/**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/*
Tabular data
============
*/

/**
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/

table {
	text-indent: 0; /* 1 */
	border-color: inherit; /* 2 */
}

/*
Forms
=====
*/

/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/

button, input, optgroup, select, textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
Remove the inheritance of text transform in Edge and Firefox.
1. Remove the inheritance of text transform in Firefox.
*/

button, select {
	/* 1 */
	text-transform: none;
}

/**
Correct the inability to style clickable types in iOS and Safari.
*/

button, [type='button'], [type='reset'], [type='submit'] {
	-webkit-appearance: button;
	appearance: button;
}

/**
Remove the inner border and padding in Firefox.
*/

::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
Restore the focus styles unset by the previous rule.
*/

:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
Remove the additional ':invalid' styles in Firefox.
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
*/

:-moz-ui-invalid {
	box-shadow: none;
}

/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/

legend {
	padding: 0;
}

/**
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
	vertical-align: baseline;
}

/**
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
	height: auto;
}

/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
	-webkit-appearance: textfield; /* 1 */
	appearance: textfield;
	outline-offset: -2px; /* 2 */
}

/**
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/*
Interactive
===========
*/

/*
Add the correct display in Chrome and Safari.
*/

summary {
	display: list-item;
}

/* @end */

/* @group Global */

html {
	font-size: 62.5%;
	line-height: 1.2;
	display: flex;
	flex-direction: column;
	height: 100%;
			-webkit-font-smoothing: subpixel-antialiased;

}

body {
	--page-padding:2rem;
	--exergue-size:100%;
	padding: var(--page-padding);
	font-family: Gilroy, "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 1.7rem;
	color: var(--main-color);
	flex-grow: 1;
	background-color: var(--background-main-color);
}

#page {
	display: flex;
	flex-direction: column;
	height: 100%;
				max-width: 1800px;
	margin-left: auto;
	margin-right: auto;
}

main.site-main {
	/* Pousser le footer en bas */
	flex:1;
}

a {
	color: inherit;
	text-decoration: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0);
	transition: border 200ms ease-in-out 0s;
}

a:hover {
	/*	text-decoration: underline;
	text-decoration-thickness: 0.1rem;*/
	border-bottom: 1px solid var(--main-color);
}

h1, h2, h3, h4, h5, h6 {
	font-weight: inherit;
}

@media screen and (max-width:800px) {
	.entry-content {
		margin-top: 6rem;
		padding-top: 5rem;
	}
}
@media screen and (min-width:37.5rem) {
	body {
		font-size: 1.7rem;
		--global-font-size:90%;
		--exergue-size:110%;
	}
}

@media screen and (min-width:800px) {
	body {
		font-size: 2rem;
		--page-padding:4rem;
		--exergue-size:140%;
	}
	
	.post .entry-content {
		margin-top: 6rem !important;
	}
}

@media screen and (min-width:1200px) {
	body {
		--page-padding:6rem;
		--exergue-size:200%;
	}
}

/* @end */

/* @group Homepage */

.homepage {
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
/*	padding-top:var(--page-padding) ;*/
/* Supprimer pour superposer image + gros carderon */
	margin-top:var(--page-padding) ;
	margin-top: calc(2.5 * var(--page-padding));
}

/* Pour optimiser l'animation */
.aos-init {
will-change: transform, opacity;
}

@media screen and (max-width: 800px) {
	.homepage {
		margin-top: 4rem;
	}
}

.filters {
	display: none;
	gap: 2ch;
	justify-content: center;}

@media screen and (min-width: 650px) {
.filters {
	display: flex;
/*	margin-bottom: var(--page-padding);*/
	padding-bottom: var(--page-padding);
}
}

.filters button {
	color: inherit;
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	cursor: pointer;
	border-bottom: 1px solid var(--background-main-color);
	transition: border 200ms ease-in-out 0s;
}

.filters button:hover {
	border-bottom: 1px solid var(--main-color);
}

.homepage h2 {
	font-family: 'Larken';
	font-weight: 100;
	font-size: 350%;
	font-size: 150%;
	line-height: 1.1;
	margin-bottom: .5ch;
	margin-top: .5ch;
}

@media screen and (min-width: 650px) {
.homepage h2 {
		font-size: 4vw;
}
}

@media screen and (min-width: 1200px) {
.homepage h2 {
		font-size: 3.5vw;
}
}

@media screen and (min-width: 1700px) {
.homepage h2 {
		font-size: 6rem;
}
}

@media (max-width:782px){
	/* Se caler sur les blocs gutenbergs et réduire les miniatures projets en vue mobile */
	.home .projects figure {
		max-width: 80%;
		margin: auto;
	}
	.homepage h2 {
		text-align: center;
		padding-top: 1rem;
		padding-bottom: 3rem;
	}
/*	.homepage br {
		display: none;
	}*/
}



.homepage h2 a {
	border: none;
}

figure.lien-projet {
	position: relative;
	margin-bottom: 2vw;
}

figure.lien-projet a, figure.lien-projet a:hover {
	display:inline !important;
	/* Fix 12/3/26 car Wordpress intègre un 'inline-block;' en inline-css… */
}

figure.lien-projet figcaption {
	position: absolute;
	top: 0;
	margin: 0;
	/* Aligner le texte au centre du bloc */
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: var(--background-main-color);
	z-index: -1;
}

figure.lien-projet img {
	opacity: 1;
	transition: opacity 400ms ease-in-out 100ms !important;
	width: 100%;
}

figure.lien-projet img:hover {
	opacity: 0 !important;
}

.groupe-jugaad {
	color: var(--jugaad);
}

.groupe-seoul-mama {
	color: var(--seoul-mama);
}

@media screen and (min-width:800px) {
.groupe-seoul-mama div {
display: flex;
flex-direction: column-reverse;
margin-bottom: 7vw;
}

.groupe-seoul-mama h2 {
	margin-top: 5vw;
}

}

.groupe-hauteur-libre {
	color: var(--hauteur-libre);
	max-width: 800px;
	margin: auto;
}

@media screen and (min-width:800px) {
.groupe-hauteur-libre div {
display: flex;
flex-direction: column-reverse;
margin-bottom: 10vw;
}
}

.groupe-montorgueil {
	color: var(--montorgueil);
}

.groupe-rivoli {
	color: var(--rivoli);	
}

@media screen and (min-width:800px) {
.groupe-rivoli div {
display: flex;
flex-direction: column-reverse;
margin-bottom: 10vw;
}

}

.groupe-e-enfance {
	color: var(--e-enfance);
	max-width: 800px;
	margin: auto;	
}

@media screen and (min-width:800px) {
	.groupe-e-enfance div {
		display: flex;
		flex-direction: column-reverse;
		margin-bottom: 10vw;
	}
}


.groupe-jugaad figcaption {
	background-color: #3B0E19;
}

.groupe-seoul-mama figcaption {
	background-color: #9B4229;
}

.groupe-hauteur-libre figcaption {
	background-color: #385163;
}

.groupe-rivoli figcaption {
	background-color: var(--rivoli);
}

.groupe-montorgueil figcaption {
	background-color: var(--montorgueil);
}

.groupe-e-enfance figcaption {
	background-color: var(--e-enfance);
}

.groupe-sharmaji figcaption {
	background-color: var(--sharmaji);
}

.groupe-melter51 figcaption {
	background-color: var(--melter51);
}

.groupe-popotes-vasarely figcaption {
	background-color: var(--popotes-vasarely);
}

.groupe-maison-de-parfum figcaption {
	background-color: var(--maison-de-parfum);
}


.groupe-sharmaji {
	color: var(--sharmaji);
	max-width: 800px;
	margin: auto;
}

.groupe-emeriau figcaption {
	background-color : var(--emeriau);
}

.groupe-fbg-montmartre figcaption {
	background-color : var(--fbg-montmartre);
}

.groupe-renoir figcaption {
	background-color : var(--renoir);
}


@media screen and (min-width:800px) {
	.groupe-sharmaji div {
	display: flex;
	flex-direction: column;
	margin-bottom: 10vw;
	}
}


.groupe-maison-de-parfum  {
	color: var(--maison-de-parfum);
	max-width: 800px;
	margin: auto;}

@media screen and (min-width:800px) {
	.groupe-maison-de-parfum div {
	display: flex;
	flex-direction: column;
	margin-bottom: 10vw;
	max-width: 800px;
	}
}



.groupe-popotes-vasarely {
	color : var(--popotes-vasarely);
}

@media screen and (min-width:800px) {
	.groupe-popotes-vasarely div {
	display: flex;
	flex-direction: column-reverse;
	}
}

.groupe-emeriau {
	color : var(--emeriau);
}

.groupe-fbg-montmartre {
	color : var(--fbg-montmartre);
}

.groupe-renoir {
	color : var(--renoir);
}

@media screen and (min-width:800px) {
	.groupe-renoir div {
		display: flex;
		flex-direction: column-reverse;
		margin-bottom: 10vw;
	}
}



/* Override du style WP */

.wp-block-columns.is-layout-flex {
	gap: 10vw !important;
	margin-bottom: 5vw;
}

/* @end */

/* @group Filtres */
/*  Needed for filters */
/* Source : https://codepen.io/vskand/pen/MWKKKYK */
.projects {
	display: block;
}
.hide { /* You can play with the seconds to change the "animation" */
  animation: hide .8s ease 0s 1 normal forwards;
  transform-origin: center;
display: none;
}
.show { /* You can play with the seconds to change the "animation" */
    animation: show .8s ease 0s 1 normal forwards;    
    transform-origin: center;
display: block;
}

@keyframes hide {
  0%{
    opacity:1;
    transform:translate3d(0,0,0);

  }
  100% {
    opacity:0;  
    transform:translate3d(0,100px,0);
  }
}
@keyframes show {
  0%{
     transform:translate3d(0,100px,0);
    opacity:0;
  }
  100% {
    transform:translate3d(0,0,0);
    opacity:1;
  }
}


/*@keyframes hide {
  0%{
    opacity:1;
    transform:translate3d(0,0,0) scale(1);

  }
  100% {
    opacity:0;  
    transform:translate3d(0,100px,0) scale(0);
    width: 0;
    height: 0;
    margin: 0;
  }
}
@keyframes show {
  0%{
     transform:translate3d(0,100px,0) scale(0);
    width: 0;
    height: 0;
    margin: 0;
    opacity:0;
  }
  100% {
    transform:translate3d(0,0,0) scale(1);
    opcacity:1;
  }
}*/
/*  // Needed for filters */


/* @end */

/* @group Projets + variables */
.post .entry-content {
	margin-top: var(--page-padding);
}

.entry-content p:not(.exergue) {
line-height: 1.4;
font-size: var(--global-font-size);
	max-width: 43ch;
}

.has-text-align-right {
	text-align: left;
}
@media (min-width:782px) {
/* Aligner à droite les paragraphes ferrés à droites pour contrebalancé le max-width */
.has-text-align-right {
	margin-left: auto;
	text-align: right;
}	
}




@media screen and (max-width:800px) {
.entry-content figure {
	margin-bottom: 4ch;
}
}

.entry-content p.exergue {
	font-family: Larken;
	font-weight: 100;
	letter-spacing: .02ch;
	font-size: var(--exergue-size);
	text-indent: 3ch;
	padding-bottom: var(--page-padding);
}

.post figcaption, .post-7 figcaption {
	opacity: .5;
	font-size: 1rem;
	letter-spacing: .1ch;
	padding-top: .5ch;
}


.post h1 {
	display: none;
}

.exergue,.post .wp-block-columns {
	max-width: 1500px;
	margin-left: auto;
	margin-right: auto;	
}


/* Jugaad */
body.postid-16 {
	--background-main-color:	#3B0E19;
	--background-main-color:var(--jugaad);
	--main-color:#FDDCC2;
}

/* Hauteur Libre */
body.postid-25 {
	--background-main-color:var(--hauteur-libre);
	--main-color:#FFFEFA;
}

/* Seoul Mama */
body.postid-19 {
	--background-main-color:var(--seoul-mama);
	--main-color:#FFFEFA;
}


/* Rivoli */
body.postid-152 {
	--background-main-color:var(--rivoli);
	--main-color:#FFFEFA;
}

/* E-Enfance */

body.postid-350 {
	--background-main-color:var(--e-enfance);
}

/* Sharmaji */
body.postid-411 {
	--background-main-color:var(--sharmaji);
	--main-color:#FFFEFA;
}

/* Melter 51 Échiquier */
body.postid-468 {
	--background-main-color:var(--melter51);
}

/* Popotes Vasarely */
body.postid-495 {
	--background-main-color:var(--popotes-vasarely);
	--main-color:#FFFEFA;
}

/* Maison de Parfum */
body.postid-509 {
	--background-main-color:var(--maison-de-parfum);
	--main-color:#FFFEFA;
}



/* Grille Image des projets */
@media screen and (min-width:800px) {
.g-projet {
	display: grid;
/*	margin: 0 6.25vw;*/
	align-items: start;
	grid-column-gap: 1.389vw;
	grid-template-columns: repeat(12, 1fr);
	grid-row-gap: 13.889vw;
}

.work-project {
	position: relative;
}

p.work-project {
	max-width: 700px;
}


.work-project:nth-child(4n+1) {
	grid-column: 4/10;
}

.work-project:nth-child(4n+2) {
	grid-column: 1/8;
	margin-left: -6.25vw;
}

.work-project:nth-child(4n+3) {
	grid-column: 3/10;
}

.work-project:nth-child(4n+4) {
	grid-column: 4/13;
}
}

/* Nouvelle Grille projet */

@media screen and (min-width:800px) {
	
	.centermedium {
		max-width: 60%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.flexcolumn {
		display: flex;
	}
	.rightsmall {
		align-self: center;
				max-width: 70%;
				margin-left: auto;
	}
}





/* @end */

/* @group Presse */

.page-id-12 h1 {
	display: none;
}

.page-id-12 .entry-content {
	padding-top: var(--page-padding);
}

@media screen and (min-width:800px) {
.post-12 {
	display: flex;
justify-content: center;
min-height: 100%;
align-items: center;
}
}



.page-id-12 .entry-content ul {
	display: flex;
	flex-direction: column;
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-bottom: var(--page-padding);
	font-size: 90%;

}


.page-id-12 .entry-content li a {
	margin-top: 1.2ch;
	margin-bottom: 1.2ch;
	display: inline-block;

}



/* @end */

/* @group Infos */

body.page-id-7 {
	--background-main-color:#415330;
	--main-color:#eae6df; 
}

.page-id-7 h1 {
	display: none;
}

.page-id-7 .infos-block p {
/*font-size: 125% !important;*/
letter-spacing: .04rem;
}

.page-id-7 .infos-block a {
	border-bottom: 1px solid var(--main-color);
}

.infos-block figure {
	max-width: 300px;
}

@media screen and (min-width: 650px) {
	
	.entry-content .info-intro {
		margin-top: 15vh;
		font-size: 150% !important;
			margin-left: auto;
		margin-right: auto;
		max-width: 1000px !important;
	font-family: Larken;
	font-weight: 100;
	letter-spacing: .02ch;
	
	}
	
	.infos-block > div {
		display: grid;
/*		grid-template-columns:  minmax(50%, 40rem) 1fr;*/
		grid-template-columns: 1fr 2fr;
		margin-top: 15vh;
		column-gap: 8ch;
		margin-left: auto;
		margin-right: auto;
		max-width: 1000px;
	}
	
	.infos-block figure {
		margin-top: 10rem;
	}
	
	.infos-block p:first-of-type {
		margin-top: 0;
	}
}


/* @end */

/* @group Contact */

#post-305 {
min-height: 100%;
align-items: center;
display: flex;
justify-content: center;
text-align: center;
}

#post-305 h1 {
	display: none;
}

/* @end */

/* @group Header */



.main-navigation {
	display: block;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
	flex-direction: column;
}


/* Small menu. */

.menu-toggle {
	display: inline-block;
	padding: 0;
	margin: 0;
	background:none;
	border: none;
	cursor: pointer;
	/* Retirer le zoom sur le menu burger */
	touch-action:manipulation;
	
}

.menu-close {
	position: fixed;
	top: 2rem;
	right: 2rem;
	display: none;
	padding: 0;
	margin: 0;
	background:none;
	border: none;
	cursor: pointer;
	z-index: 100;	
}

.svg-l {
	fill: none;
    stroke: var(--main-color);
    stroke-width: 0.15rem;
}

.svg-l2 {
	fill: none;
    stroke: #FFFEFA;
    stroke-width: 0.15rem;
}

.single .site-header, .page-id-7 .site-header {
	color: var(--main-color);
mix-blend-mode: normal;
}

.site-header .site-title {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
align-items: baseline;
}

.site-header .site-title #cdr_title {
	width: 250px;
	height: auto;
}

.site-header .site-title a {
	margin-right: 1ch;
	border: none;
}

.site-header .site-title span {
display: none;
}

.site-header {
	display: flex;
	justify-content: space-between;
	position: fixed;
	align-items: center ;
	width: 100%;
	top: 0;
	left: 0;
	padding-left: var(--page-padding);
	padding-right: var(--page-padding);
	padding-top:  var(--page-padding);
	z-index: 500;
	color: var(--main-color);
}


@media screen and (max-width: 650px) {
	.main-navigation ul {
		display: flex;
		background-color: rgba(65, 65, 64, .5);
		transition: background 200ms ease-in-out 0s;
		align-content: stretch;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		transform: translateY(-100%);
	}
	
	.main-navigation.toggled ul {
		display: flex;
		background-color: rgba(65, 65, 64, 1);
		z-index: 50;
		transform: translateY(0);
		padding-bottom: 20vh;
		padding-top: 20vh;
	}
	
	.main-navigation.toggled .menu-close {
		display: block;
	}
	
	.main-navigation.toggled li {
		flex: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 200%;
	}
	
	.main-navigation li a {
		color: rgba(255, 254, 250, 0);
transition: color 600ms ease-in-out 0s;

	}
	
	.main-navigation.toggled li a {
		color: rgba(255, 254, 250, 1);		
		border-bottom: none;
		font-family: Larken;
		font-weight: 100;
		letter-spacing: .5ch;
		text-transform: uppercase;
	}
	
}

@media screen and (min-width: 650px) {
	.site-header {
		flex-direction: row;
		align-items: baseline;
}
	
	.site-header .site-title {
		flex-direction: row;
	}
	
	.menu-toggle {
		display: none;
	}
	
	.main-navigation ul {
		display: flex;
		flex-direction: row;
		font-size: 90%;
		letter-spacing: .03rem;
		transform:translateY(-1px) ;
	}
	
	.filter {
		font-size: 90%;
		letter-spacing: .03rem;
	}
	
	.main-navigation li {
		padding-left: 2ch;
	}
	
}
	

/* @end */

/* @group Footer */

.site-footer {
	font-size: 75%;
	margin-top: 10ch;
	text-align: center;
	opacity: .5;
}

/* @end */

/* @group Accessibility */

/* Text meant only for screen readers. */

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* @end */

/* @group Scroll & reveal */
.home #masthead, #filtr {
/*	opacity: 0;*/
}

/*.home #masthead.hide_menu, #filtr.hide_menu {
	opacity: 1;	
	transition: opacity 1s ease-in-out 0s;
	
}*/

/* Ajout du 12 mars 26 : masquage du pop-pup */
#cdr_hero {display: none}

/*#cdr_hero {
	top: 0vh;
	left: 2vw;
	width: 96vw;
	height: auto;
	position: fixed;
	z-index: 200;
	mix-blend-mode: difference;
	opacity: 1;
	transition: opacity 500ms ease-in-out 0s, transform 500ms ease 0s;
	transform:translateY(0)
}

#cdr_hero.minimize_hero {
	opacity: 0;
	transform:translateY(-100%)
}*/

.cdr_svg {
	fill: var(--main-color);
	display: block;
}

/*#cdr_hero .cdr_svg {
	fill: var(--background-main-color);
}*/



/* @end */