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

	Theme Name: elfiehaas
    Text Domain: elfiehaas
	Author: Lutra
	Author URI: https://lutra.fr



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


body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

/* Input styles */

input, textarea, select, button {
	background-color: inherit;
	border-radius: 0;
	font-family: inherit;
	font-size: inherit;
	letter-spacing: inherit;
	margin: 0;
}

input, textarea, select {
	background-color: var( --wp--preset--color--laine );
	border: 2px solid var( --wp--preset--color--framboise );
	box-sizing: border-box;
	color: inherit;
	max-width: 100%;
	padding: .5em;
}

label {
	font-size: var( --wp--preset--font-size--small );
	font-weight: 500;
}

/* Editor Post Title */

.editor-post-title__input { 
	text-align: center;
}

/* Background Padding */

p.has-background, 
h1.has-background, 
h2.has-background, 
h3.has-background, 
h4.has-background, 
h5.has-background, 
h6.has-background, 
:where(.wp-block-group.has-background),
.wp-block-pullquote.has-background { 
	padding: var(--wp--preset--spacing--60);
}

/* ------------------------------------------- */
/*	Typography
/* ------------------------------------------- */

.bold{ font-weight: 700; }

body { font-family: 'Poppins';}

.script {
	font-family: 'DreamingOutloudScriptRegular';
	letter-spacing: -1px !important;
}

*[class*="has-heading-"][class*="-font-size"]:not(.has-heading-6-font-size) {
	letter-spacing: var( --wp--custom--typography--letter-spacing--heading );
}

.has-gigantic-font-size {
	letter-spacing: var( --wp--custom--typography--letter-spacing--gigantic );
	line-height: var( --wp--custom--typography--line-height--gigantic );
}

.has-huge-font-size {
	letter-spacing: var( --wp--custom--typography--letter-spacing--huge );
	line-height: 1;
}

.has-heading-6-font-size {
	letter-spacing: var( --wp--custom--typography--letter-spacing--uppercase );
	line-height: var( --wp--custom--typography--line-height--heading );
	text-transform: uppercase;
}

.text-decoration-none {
	text-decoration: none !important;
}

h1.script {
	line-height: 1;
}

h1.has-heading-2-font-size {
	line-height: 1.1;
	margin-bottom: 1rem;
}

ul {
	padding-left: 1rem;
}

/* ------------------------------------------- */
/*	Images & captions
/* ------------------------------------------- */

.wp-element-caption {
	background-color: var(--wp--preset--color--lait-fraise);
	width: fit-content;
	padding: .25rem .75rem;
	border-bottom-left-radius: .5rem;
	border-bottom-right-radius: .5rem;
	font-size: small;
	margin-top: 0;
	margin-left: auto;
	margin-right: 1rem;
}


/* ------------------------------------------- */
/*	Buttons, links, icons
/* ------------------------------------------- */

.taxonomy-category a {
	text-decoration: none;
	padding: .25rem .5rem;
	border-radius: 2rem;
	background-color: var(--wp--preset--color--lait-fraise);
}

.lieu::before {
	content: "";
	display: inline-block;
	background-image: url(assets/images/pin.svg);
	width: 1rem;
	height: 1rem;
	margin-right: .125rem;
	vertical-align: sub;
}

.page-numbers.current {
	background-color: var(--wp--preset--color--orange);
	color: white;
}

.page-numbers {
	background-color: var(--wp--preset--color--laine);
	color: var(--wp--preset--color--anthracite);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 2rem;
}

/* ------------------------------------------- */
/*	Header
/* ------------------------------------------- */

.site-header {
	padding-top: .5rem;
	position: sticky;
	width: 100%;
	z-index: 9999;
	top: 0;
	background-color: white;
	padding-bottom: .25rem;
}

.home .site-header {
	padding-top: 2rem;
	position: absolute;
	background-color: transparent;
	top: 1rem;
}

/* .wp-block-group .wp-container-core-columns-is-layout-28f84493 > div:first-child {
	flex-basis: fit-content;
	flex-grow: 0;
} */

body:not(.home) header .wp-container-core-columns-is-layout-28f84493::before {
	display: none;
}

.home header .wordmark .fill-1, 
.home header .wordmark .fill-2 {
	fill: white;
}

.wordmark .fill-1 {
	fill: var(--wp--preset--color--orange);
}

.wordmark .fill-2 {
	fill: var(--wp--preset--color--lait-fraise);
}

header .wordmark {
	width: 6rem
}

header .wp-container-core-columns-is-layout-28f84493::before {
	content: "";
	flex: 1;
	flex-basis: 0;
}

.wp-container-core-columns-is-layout-28f84493 > div:last-child {
	flex: 1;
	flex-basis: 0;
}

header .wp-block-navigation__container {
	color: var(--wp--preset--color--anthracite);
}

.home header .wp-block-navigation__container {
	color: white;
}


/* ------------------------------------------- */
/*	Home
/* ------------------------------------------- */

main.is-layout-flow {
	margin-block-start: 0;
}

.wp-site-blocks {
	padding: 0;
}

.page-grid .wp-block-cover .wp-block-cover__inner-container {
	position: unset;
	z-index: 1;
	text-decoration: none;
}

.page-grid .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-40 {
	transition: .3s;
}

.page-grid .wp-block-cover:hover .wp-block-cover__background.has-background-dim.has-background-dim-40 {
	opacity: .6;
}

.entry-content.wp-block-post-content {
	margin-block-start: 0;
}

.page-grid .wp-block-cover {
	max-height: 300px;
	min-height: 300px;
}

p.cover-caption,
figcaption.cover-caption {
	padding: .25rem .75rem;
	width: max-content;
	margin-right: var(--wp--style--root--padding-right) !important;
	margin-top: 0;
	margin-left: auto;
	border-bottom-left-radius: .5rem;
	border-bottom-right-radius: .5rem;
}

@media (max-width: 900px) {
	.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid {
		grid-template-columns: 1fr;
	}
}

/* ------------------------------------------- */
/*	Formations
/* ------------------------------------------- */

@media (min-width: 600px) {
	.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1200px) {
	.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}


/* ------------------------------------------- */
/*	Single formations
/* ------------------------------------------- */

.single-formations h3 {
	font-size: var(--wp--preset--font-size--large);
}

.info-complementaires {
	margin-top:2rem;
	padding: 1rem 2rem;
	background-color: var(--wp--preset--color--lait-fraise);
}

.infos-icon {
	width: 3.25rem;
	flex-shrink: 0;
	fill:var(--wp--preset--color--anthracite)
}

/* ------------------------------------------- */
/*	Single post
/* ------------------------------------------- */

.single-post .post-navigation {
	padding: 1rem;
	background-color: var(--wp--preset--color--laine-dark);
}


/* ------------------------------------------- */
/*	Footer
/* ------------------------------------------- */

footer .wordmark {
	width: 8rem;
}

footer .wordmark .fill-1 {
	fill: var(--wp--preset--color--laine);
}

footer .wp-block-column {
	margin:0;
	color:var(--wp--preset--color--laine);
}

footer .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:first-child {
	flex-basis: 66.66%;
}

footer .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
	flex-basis: 16.66%;
	min-width: 180px;
}

footer .wp-block-navigation {
	gap:.25rem;
}

footer nav.wp-block-navigation {
	margin-top: 1rem;
}



/* ------------------------------------------- */
/*	Helper Classes
/* ------------------------------------------- */

.stretched-link::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	content: "";
}

.wp-block-post-excerpt__more-link::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	content: "";
}

.overflow-hidden {
	overflow: hidden;
}

.w-100{
	width: 100%;
}

.object-fit-cover {
	object-fit: cover;
}

.ratio-16x9 {
	aspect-ratio: 16/9;
	display: block;
	height: 100%;
	width: 100%;
}

.position-relative {
	position: relative;
}

.align-items-center {
	align-items: center !important;
}

.align-items-start {
	align-items: start !important;
}

.flex-wrap {
	flex-wrap: wrap !important;
}

.d-flex {
	display: flex !important;
}

.gap-2 {
	gap: .5rem !important;
}

.gap-3 {
	gap: 1rem !important;
}

.gap-4	{
	gap: 2rem !important;
}

.m-0 {
	margin: 0 !important;
}

.mt-0 {
	margin-top: 0 !important;
}

.mt-1 {
	margin-top: 1rem;
}

.mt-2 {
	margin-top: 2rem;
}

.mb-3 {
	margin-bottom: 3rem;
}

@media (min-width: 782px) {
	.p-md-5vw {
		padding: 5vw !important;
	}
}

.py-2 {
	padding-top: 2rem !important;
	padding-bottom: 2rem !important;
}

.p-1 {
	padding: 1rem !important;
}

.pb-3 {
	padding-bottom: 3rem !important;
}

.pb-4 {
	padding-bottom: 4rem !important;
}

.pt-2 {
	padding-top: 2rem;
}

.rounded, .rounded img {
	border-radius: .5rem !important;
}

/* Hiding and Showing -------------- */

@media ( max-width: 1100px ) { 	.hide-tablet-landscape { display: none !important; } }
@media ( max-width: 1000px ) { 	.hide-tablet-portrait { display: none !important; } }
@media ( max-width: 700px ) { 	.hide-mobile { display: none !important; } }

/* Margins ------------------------- */

:root .no-margin.no-margin { margin: 0 !important; }
:root .no-margin-bottom.no-margin-bottom, :root .no-margin-vertical.no-margin-vertical { margin-bottom: 0 !important; }
:root .no-margin-left.no-margin-left, :root .no-margin-horizontal.no-margin-horizontal { margin-left: 0 !important; }
:root .no-margin-right.no-margin-right, :root .no-margin-horizontal.no-margin-horizontal { margin-right: 0 !important; }
:root .no-margin-top.no-margin-top, :root .no-margin-vertical.no-margin-vertical { margin-top: 0 !important; }

/* ------------------------------------------- */
/*	Layout
/* ------------------------------------------- */

@media (min-width: 782px) {
  .gap-4.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.col-md-6 {
    flex: 1 1 calc(50% - 1rem);
  }
}

@media (min-width: 1200px) {
  .gap-4.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.col-xl-3 {
    flex: 1 1 calc(25% - 1.5rem);
  }
}



/* ------------------------------------------- */
/*	Blocks
/* ------------------------------------------- */

.heures-formation {
	width: fit-content;
	margin: unset !important;
	text-decoration: none;
	padding: .25rem .5rem;
	border-radius: 2rem;
	background-color: var(--wp--preset--color--lait-fraise);
}

.wp-block-query .wp-block-post-featured-image a::before {
	content: "";
	background: black;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	transition: all .3s ease-in-out;
}

.wp-block-query .wp-block-post-featured-image:hover a::before {
	opacity: .4;
}

.leaflet-map.leaflet-container a {
	color: var(--wp--preset--color--anthracite);
}

.leaflet-map.leaflet-container .leaflet-control-attribution {
	background: var(--wp--preset--color--lait-fraise);
}