/*
Theme Name: Astra Foucher
Template: astra
Version: 1.0.0
*/

/* Table of Contents
 * 
 * I. COMMON
 *  1) Header
 *  2) Page
 *  3) Footer
 * 
 * II. HOMEPAGE
 *  1) Block section
 *  2) First View
 *  3) Track record
 *  4) Domains
 *  5) Articles
 *   a. Common
 *   b. News
 *   c. Analysis
 *   d. Statement
 *   e. Insight
 *  6) Contact
 * 
 * III. ARTICLE ARCHIVE
 * 1) Title
 * 
 * IV. SINGLE ARTICLE
 *  1) Header




/* I. COMMON */

:root {
	--foucher-navy: #1C3A2E;
	--foucher-navy-dark: #10241C;
	--foucher-navy-light: #3C5A5A;
	--foucher-bordeaux: #A8703F;
	--foucher-bordeaux-dark: #6B5B45;
	--foucher-cream: #F7F4EE;
	--foucher-grey: #999999;
	--foucher-light-grey: #BBBBBB;

	--article-news: var(--foucher-bordeaux);
	--article-analysis: var(--foucher-bordeaux-dark);
	--article-statement: var(--foucher-navy);
	--article-insight: var(--foucher-navy-light);
	--article-misc: var(--foucher-light-grey);
}

p {
	text-align: justify;
}

@media (max-width: 600px) {
	h2 {
		font-size: 1em;
	}

	h4 {
		font-size: 1.5em !important;
	}
}

@media (max-width: 921px) {
	h3 {
		font-size: 2em !important;
	}
}



/* I. 1) Header */

header.site-header {
	position: sticky !important;
	top: 0 !important;
	background-color: var(--foucher-cream) !important;
}

header .ast-mobile-header-content {
	border-bottom: 1px solid rgba(0, 0, 0, 0.18);
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
}

header.site-header * {
	z-index: 99999999999999 !important;
}

.current-menu-item a {
	background-color: white !important;
}

footer .current-menu-item a {
	background-color: transparent !important;
	text-align: center;
}

.main-navigation a:hover :not(footer *) a,
.main-navigation .ast-menu-toggle:hover,
.main-navigation a:hover+.ast-menu-toggle,
.main-navigation :has(> .ast-menu-toggle:hover)>a {
	background-color: var(--foucher-navy-light) !important;
	color: white !important;
	transition: all 1s linear !important;
}

.main-navigation a {
	color: var(--foucher-navy);
}

.main-navigation a:hover {
	color: var(--foucher-bordeaux) !important;
}

:is(.main-navigation ul.sub-menu, .ast-mobile-header-content ul) li a:hover {
	background-color: var(--foucher-navy-light) !important;
	color: white !important;
}

@media (min-width: 1060px) {
	.main-header-menu > .lang-item {
		margin-left: 3em;
	}
}

@media (max-width: 1090px) {
	.main-header-menu > .lang-item a span {
		display: none;
	}
}

@media (max-width: 921px) {
	.main-header-menu > .lang-item a span {
		display: inline-block;
	}
}


/* I. 2) Page */

#page {
	background-color: white;
}

#content article:not(.type-post) header {
	display: none;
}

#content li {
	margin: 0.3em 1em;
	font-size: 0.9em;
	text-align: justify;
}

@media (max-width: 981px) {
	#content:not(:has(.post-26)) {
		margin-bottom: 3em;
	}
}


/* I. 3) Footer */

footer :is(h1, h2, h3, h4, p) {
	color: white;
}

footer :is(a, a:hover, a:active) {
	color: var(--foucher-cream);
}

footer :is(.site-footer-section-2, .site-footer-primary-section-2) * {
	text-align: right;
}

@media (max-width: 600px) {
	footer * {
		text-align: center !important;
	}

	footer .site-footer-section:not(:last-child) {
		margin-bottom: 2em !important;
	}
}




/* II. HOMEPAGE */


/* II. 1) Block section */


/* Fade-in */

/* Texte : fade + mouvement */
/* Textes */

.block-section .wp-block-columns {
	gap: 0 !important;
}

.block-section :is(h2, h3, h4, p, .wp-block-buttons) {
	opacity: 0;
	transform: translateY(25px);
	transition:
		opacity .7s ease,
		transform .7s ease;
}

/* Images */
.block-section figure {
	opacity: 0;
	transition: opacity 1s ease;
}

/* Apparition */
.block-section.section-visible .reveal-item {
	opacity: 1;
	transform: translateY(0);
}

/* Images : pas de translate */
.block-section.section-visible figure {
	opacity: 1;
}



:is(.block-section, .solo-block-section) h2 {
	padding-top: 2em !important;
	color: var(--foucher-bordeaux) !important;
	font-family: 'Inter', serif;
	font-size: 13px;
	font-weight: 400;
	text-transform: uppercase;
}

:not(#publications).block-section .wp-block-button {
	margin-top: 2em;
}

.block-section:nth-child(even):not(:nth-child(2)) {
	background-color: var(--foucher-cream);
}

.block-section:nth-child(odd):not(:first-child) {
	background-color: var(--foucher-white);
}

/*
:is(.block-section:not(.no-image):nth-child(even):not(:nth-child(2)),
	.block-section:not(.no-image):nth-child(odd):not(:first-child)) :is(p, li) {
	margin-right: 5em;
}
*/

.block-section:last-child {
	padding-bottom: 7em;
}

.solo-block-section {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

@media (min-width: 781px) {
	:is(.full-illustration-right>.wp-block-column:first-child, .full-illustration-left>.wp-block-column:last-child) :is(p, ul, ol, h4, h5) {
		margin-right: 3em;
	}

	:is(.full-illustration-right>.wp-block-column:first-child, .full-illustration-left>.wp-block-column:last-child) :is(p, ul, ol):last-child {
		margin-bottom: 4em;
	}

	:is(.full-illustration-right>.wp-block-column:first-child, .full-illustration-left>.wp-block-column:last-child) :is(h1, h2, h3) {
		margin-top: 2em;
		margin-right: 30%;
	}
}


@media (min-width: 781px) {

	.full-illustration-left,
	.full-illustration-right {
		padding: 0 !important;
	}

	.illustrated-text {
		padding: 3em;
	}
	
	/*
	#content .block-section:nth-child(even):not(:nth-child(2), .no-image),
	.full-illustration-right {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		padding-right: 0 !important;
	}

	#content .block-section:nth-child(odd):not(:first-child, .no-image),
	.full-illustration-left {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		padding-left: 0 !important;
	}
		*/
	

	.full-illustration-left:last-child,
	.full-illustration-right:last-child {
		margin-bottom: 10em;
	}

	:is(.full-illustration-left, .full-illustration-right) {
		align-items: stretch;
	}

	:is(.full-illustration-left .wp-block-column:first-child,
		.full-illustration-right .wp-block-column:last-child) {
		align-self: stretch;
		max-width: 50%;
		overflow: hidden;
	}

	:is(.full-illustration-left .wp-block-column:first-child,
		.full-illustration-right .wp-block-column:last-child)>figure {
		width: 100%;
		height: 100%;
		margin: 0;
	}

	:is(.full-illustration-left .wp-block-column:first-child,
		.full-illustration-right .wp-block-column:last-child)>figure>img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}

}

@media (max-width: 781px) {
	.block-section figure:not(.is-resized) {
		display: flex;
		margin: auto;
		max-width: 300px;
		order: 1 !important;
	}

	.block-section div:has(> figure:not(.is-resized)) {
		order: -1;
	}

	.block-section>.wp-block-columns>.wp-block-column>figure>img {
		width: 100vw;
		max-width: none;
		height: 220px;
		object-fit: cover;
		object-position: center;

		position: relative;
		left: 50%;
		transform: translateX(-50%);
	}

	.block-section>.wp-block-columns>.wp-block-column>figure.portrait>img {
		height: 350px;
		object-position: center 25%;
	}
}




/* II. 2) First View */

.block-section.first-view {
	background-color: var(--foucher-navy);
}

.block-section.first-view h3 {
	text-align: center;
	color: var(--foucher-cream);
	font-weight: 200;
}

.block-section.first-view p {
	font-family: 'Cormorant Garamond', serif;
	font-weight: 200;
	font-size: 1.6em;
	text-align: justify;
	color: var(--foucher-cream);
	font-style: italic;
}

@media (max-width: 600px) {
	.first-view>.wp-block-columns>.wp-block-column:first-child {
		display: none;
	}

	.first-view h3 {
		font-size: 1.8em;
	}
}

.fade-in>h3,
.fade-in>div {
	opacity: 0;
	transform: translateY(10px);
	transition: opacity .6s ease, transform .6s ease;
}

.fade-in .fade-word {
	display: inline-block;
	opacity: 0;
	transform: translateY(10px);
	transition: opacity .6s ease, transform .6s ease;
}

.fade-in .is-visible {
	opacity: 1;
	transform: translateY(0);
}


/* II. 3) Track record */

.track-record h3 {
	color: var(--foucher-bordeaux);
}

.track-record p {
	margin-top: 0.3em;
	font-size: 0.7em;
}

.uppercase {
	text-transform: uppercase;
}

hr.wp-block-separator {
	border-top: 1px solid #eee;
}



/* II. 4) Domains */


.domain-list {
	margin: 2em auto !important;
}

.domain-list div.wp-block-column {
	padding: 2em;
}

.domain-list div.wp-block-column:hover:not(.empty) {
	background-color: white;
	box-shadow: 0px 1px 50px var(--foucher-grey);
	border-radius: 0.5em;
}

.domain-list h2 {
	font-size: 1em;
	padding-top: 0em !important;
}

.domain-list h4 {
	margin-top: 0.5em;
	font-size: 1.5em;
}

.domain-list p {
	font-size: 0.9em;
	margin-bottom: 1em;
	color: black;
}

.domain-list .wp-block-separator {
	margin: 5px auto;
}

.domain-list .wp-block-buttons {
	margin-top: 0;
	padding-top: 0;
}

.domain-list .wp-block-column:not(:hover) .wp-block-button a {
	padding: 0 !important;
	margin: 0 !important;
	background: none;
	color: var(--foucher-light-grey);
	box-shadow: 0 0;
}



/* II. 5) Articles */

.latest-articles li {
	margin: 0;
}

.publication-row:hover {
	background-color: var(--foucher-cream);
}

.publication-row {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	gap: 16px;
	padding: 1.2em;
	border-bottom: 1px solid #ddd;
}

.publication-row .wp-block-post-terms,
.publication-row .wp-block-post-title,
.publication-row .wp-block-post-title a {
	display: block;
	visibility: visible;
	color: #1C3A2E;
}

.publication-row .wp-block-post-date {
	margin-left: auto;
	white-space: nowrap;
	font-size: 0.6em;
	color: grey;
}

#publication .wp-block-button {
	margin-top: 0;
}

@media (max-width: 600px) {

	.latest-articles ul.wp-block-post-template {
		padding-left: 0 !important;
	}

	.publication-row {
		gap: 0em;
	}


	.publication-row> :nth-child(2) {
		font-size: 1.3em;
	}

	.publication-row> :nth-child(3) {
		font-size: 0.75em !important;
	}

	.publication-row .wp-block-post-date {
		margin-left: 0;
	}
}


/* II. 5) a. Common */
:is(.ast-taxonomy-container, .publication-row .article-title) a:not(:hover) {
	text-decoration: none;
}

:is(.ast-taxonomy-container, .publication-row .taxonomy-category) a {
	height: 24.47px;
	display: inline-block;
	padding: 4px 10px;
	color: white;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 400;
}

.ast-taxonomy-container {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	justify-content: center;
}


/* II. 5) b. News */
:is(.ast-taxonomy-container, .publication-row .taxonomy-category) a[href*="/actualite/"],
:is(.ast-taxonomy-container, .publication-row .taxonomy-category) a[href*="/news/"] {
	background-color: var(--article-news);
}


/* II. 5) c. Analysis */
:is(.ast-taxonomy-container, .publication-row .taxonomy-category) a[href*="/analyse-de-fond/"],
:is(.ast-taxonomy-container, .publication-row .taxonomy-category) a[href*="/in-depth-analysis/"] {
	background-color: var(--article-analysis);
}


/* II. 5) d. Statement */
:is(.ast-taxonomy-container, .publication-row .taxonomy-category) a[href*="/communique-officiel/"],
:is(.ast-taxonomy-container, .publication-row .taxonomy-category) a[href*="/official-statement/"] {
	background-color: var(--article-statement);
}


/* II. 5) e. Insight */
:is(.ast-taxonomy-container, .publication-row .taxonomy-category) a[href*="/eclairage/"],
:is(.ast-taxonomy-container, .publication-row .taxonomy-category) a[href*="/insight/"] {
	background-color: var(--article-insight);
}

:is(.ast-taxonomy-container, .publication-row .taxonomy-category) a[href*="/non-classe/"],
:is(.ast-taxonomy-container, .publication-row .taxonomy-category) a[href*="/uncategorised/"] {
	background-color: var(--article-misc);
}


/* II. 6) Contact */

.section-contact p {
	margin-top: 0;
	margin-bottom: 0;
}

.section-contact iframe {
	display: flex;
	margin: auto;
}

@media (min-width: 781px) {
	.section-contact .wp-block-column {
		padding: 1em;
	}
}


/* III. ARTICLE ARCHIVE */

/* III. 1) Title */

.entry-title.ast-blog-single-element {
	padding-top: 0 !important;
	font-size: revert;
}

.ast-archive-entry-banner {
	background: none;
}

.ast-separate-container #primary {
	padding: 0;
}

.type-post .post-content h2 a {
	font-size: 1.5em;
	font-weight: 200;
	letter-spacing: normal;
	word-spacing: normal;
}

.ast-row article.type-post {
	border-radius: 0 !important;
	border-bottom: solid 1px #cccc !important;
	margin-bottom: 0 !important;
}

article.type-post:hover,
article.type-post:hover .entry-meta {
	background-color: var(--foucher-cream);
}

article.ast-article-single.type-post {
		margin-bottom: 4em !important;
}


.navigation :is(.current, .prev, .prev:hover, .next, next:hover) {
	background-color: var(--foucher-navy);
    border-radius: 0.3em;
    color: white;
    font-weight: 200;
	padding-top: 3px;
}


nav.post-navigation {
	display: none;
}

@media (max-width: 921px) {

	article.type-post h2 a {
		font-size: 1.2em !important;
	}

	article.type-post .ast-excerpt-container :is(p, ol, ul) {
		font-size: 0.9em !important;
	}

}

/* IV. SINGLE ARTICLE */

/* IV. 1) Header */

main article header {
	background-color: white !important;
}

main article header :is(.entry-meta, .posted-on *) {
	font-weight: 400 !important;
}