/*
Theme Name: Gutzilla
Theme URI: web-ia.com
Author: Boris Billy
Author URI: web-ia.com
Description: WEB IA starter theme
Tags: blog, portfolio, entertainment, grid-layout, one-column, two-columns, three-columns, four-columns, block-patterns, block-styles, custom-logo, custom-menu, editor-style, featured-images, full-site-editing, full-width-template, rtl-language-support, style-variations, template-editing, theme-options, translation-ready, wide-blocks
Tested up to: 6.6
Requires PHP: 7.3
Version: 1.0.0
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gutzilla

Gutzilla WordPress Theme, (C) 2024 Boris Billy.
Gutzilla is distributed under the terms of the GNU GPL.
*/

/* CSS Reset
---------------------------------------------------------------------------- */

:root {
	--plyr-color-main: var(--wp--preset--color--primary);
}

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

html {
	scroll-behavior: smooth;
	box-sizing: border-box;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

b,
strong {
	font-weight: var(--wp--custom--font-weight--semi-bold);
}

ol,
ul {
	padding: 0;
}

p {
	line-height: 30px;
}

.h2 {
	font-size: 2.5rem;
	font-weight: var(--wp--custom--font-weight--bold);
	font-family: var(--wp--preset--font-family--expanded);

	@media (max-width: 768px) {
		font-size: 1.75rem;
	}
}

.wia-acf-field,
.m-tabs,
.m-formations__texte,
.m-chiffres__texte,
.m-boucle__texte,
.m-texte__texte,
.formation-formateurs,
.m-image-texte__texte {
	strong {
		background-color: #E5E5E5;
	}
}

.formation-vie-etudiante,
.wp-block-accordion-panel {
	p strong {
		background-color: #E5E5E5;
	}
}

ol:where(:not([class*="wp-block"])),
ol:where(.wp-block-list),
ul:where(:not([class*="wp-block"])),
ul:where(.wp-block-list) {
	padding-inline-start: var(--wp--preset--spacing--medium);
}

body#tinymce.wp-editor ol:where(:not([class*="wp-block"])),
body#tinymce.wp-editor ol:where(.wp-block-list),
body#tinymce.wp-editor ul:where(:not([class*="wp-block"])),
body#tinymce.wp-editor ul:where(.wp-block-list) {
	padding-left: 1em !important;
	padding-inline-start: 1.5em !important;
}

div[class*="wp-block-"] figcaption {
	color: var(--wp--preset--color--secondary);
	font-size: var(--wp--preset--font-size--x-small);
	margin-bottom: 0;
	margin-top: 20px;
	text-align: center;
}

img,
figure {
	max-width: 100%;
	height: auto;
}

/* 
:root :where(.is-layout-constrained)>*,
:root :where(.editor-styles-wrapper) :where(.is-layout-constrained)>* {
	margin-block-start: 0;
} */

.acf-block-component {
	padding: 0 !important;
}

/* Standardize form styling
--------------------------------------------- */

input,
button,
textarea,
select {
	font: inherit;
}

input[type="button"],
input[type="email"],
input[type="search"],
input[type="submit"],
input[type="text"],
textarea {
	-webkit-appearance: none;
}

input:not([type="submit"]),
select,
textarea,
.wp-block-post-comments-form input:not([type="submit"]):not([type="checkbox"]),
.wp-block-post-comments-form textarea {
	color: var(--wp--preset--colorsecondary);
	border-radius: 5px;
	border: solid 1px var(--wp--preset--colorsecondary-accent);
	padding: .5em 1em;
	font-size: var(--wp--preset--font-size--small);
}

.is-layout-constrained > .wia-acf-field,
.is-layout-flow > .wia-acf-field {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
  max-width: 100% !important;
}

input:focus-visible,
textarea:focus-visible {
	outline-color: var(--wp--preset--color--primary);
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
	width: auto;
}

label {
	width: 100%;
	display: block;
}

::placeholder {
	color: var(--wp--preset--color--secondary);
	font-size: var(--wp--preset--font-size--small);
	opacity: 0.75;
}

.formation-bandeau {
	position: sticky;
	z-index: 10;
	top: 0;
	background-color: var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--base);
	padding: 20px;
	font-size: 1.125rem;
	font-weight: var(--wp--custom--font-weight--bold);
	line-height: normal;

	@media (max-width: 768px) {
		position: fixed;
		top: initial;
		bottom: 78px;
		padding: 15px 20px;
	}

	a,
	p {
		color: var(--wp--preset--color--base);
		color: #FFF;
		font-size: 1.125rem;
		font-weight: var(--wp--custom--font-weight--bold);
		line-height: normal;

		@media (max-width: 768px) {
			font-size: 15px;
			line-height: 21px;
		}
	}
}

body.home {
	.formation-bandeau {

		@media (max-width: 768px) {
			bottom: 0;
			left: 0;
			right: 0;
			margin-left: 0;
			margin-right: 0;
		}
	}
}

/* Ajax Search Pro */

.asp_w_container {
	.asp-try {
		margin: 30px 0 60px;
		display: flex;
		flex-wrap: wrap;
		gap: 15px;

		a {
			padding: 8px 15px;
			margin: 0;
			font-family: var(--wp--preset--font-family--primary);
			font-size: 1rem;
			font-style: normal;
			font-weight: 500;
			line-height: normal;
			border-radius: 100px;
			text-decoration: none;
		}
	}
	
	.asp-try-2 {
		a {
			color: var(--wp--preset--color--primary) !important;
			border: 1px solid var(--wp--preset--color--primary);

			&:hover {
				background-color: #EEC2CE;
			}

			&:after {
				content: none;
			}
		}
	}

	.asp-try-3 {
		a {
			color: var(--wp--preset--color--secondary) !important;
			border: 1px solid var(--wp--preset--color--secondary);

			&:hover {
				background-color: rgba(0, 0, 0, 0.05);
			}

			&:after {
				content: none;
			}
		}
	}
}

/* GF Contact */

#gform_wrapper_1,
#gform_wrapper_4 {
	border-radius: 10px;
	background: #F5F5F5;
	padding: 60px;

	@media (max-width: 768px) {
		padding: 40px 20px;
	}

	.gform_heading {
		margin-bottom: 40px;

		.gform_title {
			color: var(--wp--preset--color--primary);
			font-family: var(--wp--preset--font-family--expanded);
			font-size: 1.875rem;
			font-weight: var(--wp--custom--font-weight--bold);
			line-height: normal;
		}

		.gform_description {
			color: var(--wp--preset--color--primary);
			font-size: .875rem;
			font-weight: var(--wp--custom--font-weight--regular);
			line-height: normal;
		}

		.gform_required_legend {
			display: none;
		}
	}

	form {
		.gform-body {
			.gfield_required_asterisk {
				display: none;
			}

			.gform_fields {
				row-gap: 30px;

				@media (max-width: 1400px) {
					display: flex;
					flex-direction: column;
				}
			}

			label {
				font-weight: var(--wp--custom--font-weight--semi-bold);
			}

			.gfield_consent_label {
				font-weight: initial;
			}

			select, 
			input,
			textarea {
				display: flex;
                justify-content: center;
                align-items: center;
				min-height: 50px;
				line-height: normal;
				padding: 14px 20px;
				border-radius: 8px;
				border: none;
				box-shadow: none;
				color: #00000080;

				&:focus {
					outline: none;
				}
			}

			input[type="checkbox"] {
				min-height: initial;
				height: 24px;
				width: 24px;
				padding: initial;
				border-radius: 3px;
				border: 1px solid #48466A;
			}

			.ginput_container_fileupload {
				display: grid;
    			grid-template-columns: 40% 60%;

				@media (max-width: 768px) {
					grid-template-columns: 100%;
					row-gap: 10px;
				}

				.gform_drop_area {
					position: relative;
					padding: 0;
					background-color: transparent;
					border: none;
					display: flex;
					flex-direction: row-reverse;
					justify-content: flex-end;
					align-items: end;
					box-shadow: none;

					&:before {
						content: none;
					}

					.gform_drop_instructions {
						display: none;
					}

					button {
						height: 50px;
						font-size: 16px;
						font-weight: 500;
						background-color: #E5E5E5;

						&:focus {
							outline: none;
    						border: none;
						}
					}
				}

				.gform_fileupload_rules {
					display: none;
				}

				.ginput_preview_list {
					margin-top: 0;

					.gfield_fileupload_progress {
						display: none;
					}
				}
			}

			.ginput_container_consent {
				align-items: center;

				a {
					color: var(--wp--preset--color--secondary);
				}
			}

			.gform_button_select_files {
				border-radius: 8px;
				background: rgba(0, 0, 0, 0.10);
				color: var(--wp--preset--color--secondary);
				box-shadow: none;
			}
		}

		.gform-footer {
			margin-top: 30px;

			input[type="submit"] {
				font-size: 1.125rem;
				font-weight: var(--wp--custom--font-weight--bold);
				line-height: normal;
				padding: 14px 40px;
				border-radius: 10px;
				color: var(--wp--preset--color--base);
				border: 1px solid var(--wp--preset--color--primary);
				background-color: var(--wp--preset--color--primary);
				background-image: linear-gradient(90deg, var(--wp--preset--color--primary-800), var(--wp--preset--color--primary-800));
				background-repeat: no-repeat;
				background-position: left center;
				background-size: 0% 100%;
				transition:
					background-size 0.3s ease,
					color 0.3s ease,
					border-color 0.3s ease;

				&:hover {
					background-size: 100% 100%;
					border-color: var(--wp--preset--color--primary-800);
				}
			}
		}
	}
}

#gform_wrapper_4 {
	form {
		.gform-body {
			.gform-field-label {
				font-weight: var(--wp--custom--font-weight--semi-bold);
			}

			.gfield_radio input {
				height: 20px;
				width: 20px;
				padding: 0;
				min-height: initial;
			}

			.gchoice label {
				font-weight: var(--wp--custom--font-weight--regular);
				cursor: pointer;
			}

			.ginput_container_date input {
				width: 100%;
			}

			.ginput_container_number .instruction {
				display: none;
			}

			#apprenants-repeater {
				margin-top: 20px;

				h3 {
					font-size: 20px;
					color: var(--wp--preset--color--primary);
					font-weight: var(--wp--custom--font-weight--bold);
					margin: 40px 0;
				}

				.apprenant-block {
					border-radius: 8px;
					margin-bottom: 16px;
				}

				.apprenant-header {
					display: flex;
					align-items: center;
					gap: 15px;
					margin-bottom: 25px;

					strong {
						color: var(--wp--preset--color--primary);
						font-weight: var(--wp--custom--font-weight--semi-bold);
					}

					.remove-apprenant {
						background: none;
						border: none;
						cursor: pointer;
						padding: 0;
						font-size: 16px;
						display: flex;
						align-items: center;
						box-shadow: none;
						outline: none;
					}
				}

				.apprenant-fields {
					display: grid;
					grid-template-columns: 1fr 1fr;
					column-gap: 16px;
					row-gap: 12px;
				}

				.apprenant-field {
					display: flex;
					flex-direction: column;
					gap: 16px;

					input, select {
						min-height: 50px;
						line-height: normal;
						padding: 14px 20px;
						border-radius: 8px;
						border: none;
						box-shadow: none;
						color: #00000080;
					}
				}

				#add-apprenant {
					outline: none;
					background: none;
					border: 1px solid var(--wp--preset--color--primary);
					color: var(--wp--preset--color--primary);
					padding: 10px 20px;
					border-radius: 10px;
					font-size: 17px;
					cursor: pointer;
					margin-top: 8px;

					&:hover {
						background: var(--wp--preset--color--primary);
						color: #fff;
					}
				}
			}
		}
	}
}

/* GF modal formation */

#gform_wrapper_3 {
	.gform_heading {
		margin-bottom: 40px;

		.gform_title {
			color: var(--wp--preset--color--primary);
			font-family: var(--wp--preset--font-family--expanded);
			font-size: 1.875rem;
			font-weight: var(--wp--custom--font-weight--bold);
			line-height: normal;
		}

		.gform_description {
			color: var(--wp--preset--color--primary);
			font-size: .875rem;
			font-weight: var(--wp--custom--font-weight--regular);
			line-height: normal;
		}

		.gform_required_legend {
			display: none;
		}
	}

	form {
		.gform-body {
			font-size: 1.0625rem;

			.gfield_required_asterisk {
				display: none;
			}

			.gform_required {
				color: var(--wp--preset--color--primary);
				font-size: .875rem;
			}

			.gfield_label {
				color: var(--wp--preset--color--secondary);
				font-size: 1.0625rem;
				font-weight: var(--wp--custom--font-weight--semi-bold);
				line-height: normal;
			}

			.gform_fields {
				row-gap: 30px;

				@media (max-width: 1400px) {
					display: flex;
					flex-direction: column;
				}
			}

			select, 
			input,
			textarea {
				display: flex;
                justify-content: center;
                align-items: center;
				min-height: 50px;
				line-height: normal;
				padding: 14px 20px;
				border-radius: 8px;
				border: none;
				box-shadow: none;
				color: #00000080;
				background-color: #F5F5F5;

				&:focus {
					outline: none;
				}
			}

			input[type="checkbox"] {
				min-height: initial;
				height: 24px;
				width: 24px;
				padding: initial;
				border-radius: 3px;
				border: 1px solid #48466A;
				background-color: var(--wp--preset--color--base);
			}

			.ginput_container_consent {
				align-items: center;

				a {
					color: var(--wp--preset--color--secondary);
				}
			}

			.gform_button_select_files {
				border-radius: 8px;
				background: rgba(0, 0, 0, 0.10);
				color: var(--wp--preset--color--secondary);
				box-shadow: none;
			}
		}

		.gform-footer {
			margin-top: 30px;

			input[type="submit"] {
				font-size: 1.125rem;
				font-weight: var(--wp--custom--font-weight--bold);
				line-height: normal;
				padding: 14px 40px;
				border-radius: 10px;
				color: var(--wp--preset--color--base);
				border: 1px solid var(--wp--preset--color--primary);
				background-color: var(--wp--preset--color--primary);
				background-image: linear-gradient(90deg, var(--wp--preset--color--primary-800), var(--wp--preset--color--primary-800));
				background-repeat: no-repeat;
				background-position: left center;
				background-size: 0% 100%;
				transition:
					background-size 0.3s ease,
					color 0.3s ease,
					border-color 0.3s ease;

				&:hover {
					background-size: 100% 100%;
					border-color: var(--wp--preset--color--primary-800);
				}
			}
		}
	}
}

/* Helper styles that can't be done via theme.json
---------------------------------------------------------------------------- */

a.more-link {
	display: block;
}

/* Inline code */
*:not(.wp-block-code)>code {
	background-color: var(--wp--preset--color--tertiary);
	font-weight: var(--wp--custom--font-weight--medium);
	;
	padding: 3px 5px;
	position: relative;
	border-radius: 3px;
}

/* Adjust terms at bottom of posts */
.single .wp-block-group .wp-block-post-terms,
.blog .wp-block-group .wp-block-post-terms {
	margin-bottom: -8px !important;
}

/* Remove margin on term description on archive pages */
.wp-block-term-description p:last-child {
	margin-bottom: 0;
}

/* Remove last separator on post list */
.remove-border-and-padding .wp-block-post-template li:last-child .wp-block-separator {
	display: none;
}

/* Hide post meta div if no tags assigned */
.single .wp-block-group:has(> .post-meta:empty) {
	display: none;
}

.wp-block-group:empty:has(+ .comment-respond) {
	display: none;
}

.row-logos>figure {
	flex-shrink: 1 !important;
}

@media (max-width: 781px) {
	.gutzilla-hide-on-mobile {
		display: none;
	}
}

.has-outline-text {
	color: inherit;
	-webkit-text-stroke: 2px currentColor;
	-webkit-text-fill-color: transparent;
}

/* 1 - Header */
body {
	&.has-top-bar {
		position: relative;

		#header_bar,
		main.site-content {
			transition: all 300ms ease-in-out;
		}
	}
}

.js-close {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 10;
	margin: 0 auto;
	width: 100px;
	border: none;
	background-color: rgba(255, 255, 255, 0.25);
	border-radius: 0 0 6px 6px;
	color: #fff;
	transition: all 300ms ease-in-out;
	font-size: var(--wp--preset--font-size--small);

	&:hover {
		cursor: pointer;
		background-color: rgba(255, 255, 255, 0.35);
	}

	&.active {
		opacity: .4;

		&:hover {
			opacity: 1;
		}
	}
}

.site-header {
	position: sticky;
	top: 0;
	z-index: 5;

	.is-sticky-header {
		position: absolute;
		left: 0;
		right: 0;

		body:has(.formation-bandeau) & {
            top: 66px;

            @media (max-width: 768px) {
                top: 0;
            }
        }

		.is-relative {
			position: relative;
		}

		.is-not-relative {
			position: initial;
		}

		&.has-formation-bandeau {
			top: 66px;

			@media (max-width: 768px) {
				top: 0;
			}
		}
	}

	#top_bar {
		.is-style-level3 {

			a {
				font-size: var(--wp--preset--font-size--x-small);
				color: inherit;
			}
		}
	}

	.header__navigation {
		.wp-block-navigation__container {
			margin: 0 auto;

			.current-menu-item {
				>a {
					color: var(--wp--preset--color--primary);
					text-decoration: none;
				}
			}
		}
	}
}

@media (width <=781px) {
	.site-header {
		.header__navigation {
			justify-content: flex-end;

			.wp-block-buttons {
				justify-content: flex-start;
			}
		}

		.header-buttons {
			display: none;
		}
	}
}

.wp-pagenavi {
	display: flex;
	align-items: center;
	margin-top: 60px;

	.pages {
		display: none;
	}

	span,
	a {
		display: inline-block;
		padding: 0px 4px;
		margin-right: 6px;
		color: rgba(0, 0, 0, 0.15);
		font-family: var(--wp--preset--font-family--expanded);
		font-size: 1.25rem;
		font-weight: 700;
		line-height: normal;
		text-decoration: none;
	}

	.current {
		color: var(--wp--preset--color--secondary);
	}

	.nextpostslink,
	.previouspostslink {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 16px;
		height: 6px;
		font-size: 0;
		line-height: 0;
		background: url("./assets/icons/icon-arrow-dark.svg") center / contain no-repeat;
	}

	.previouspostslink{
		transform: rotate(180deg);
	}
}

/* Card defaut */

.card-default {
	border: none;
	overflow: hidden;
	position: relative;
	height: 100%;
	display: flex;
	flex-direction: column;
	background-color: #fff;

	.card-header {
		text-align: center;
		padding: 0;

		img {
			max-height: 250px;
			width: 100%;
			object-fit: cover;
			aspect-ratio: 4/3;
			margin: 0 auto;
		}
	}

	.card-body {
		padding: 0;
		flex: 1 1 auto;
	}

	.card-footer {
		padding: 0;
	}
}

/* Card formation */

.card-formation {
	position: relative;
	border-radius: 10px;
	border: 1px solid rgba(190, 12, 62, 0.25);
	overflow: hidden;
	position: relative;
	height: 100%;
	display: flex;
	flex-direction: column;
	transition: all 300ms ease-out;

	&:hover {
		border: 1px solid var(--wp--preset--color--primary);
		transform: none !important;
		box-shadow: none !important;
	}

	.card-header {
		position: relative;
		text-align: center;
		padding: 0;
		height: 300px;

		@media(width < 768px) {
			height: 230px;
		}

		img {
			height: 300px;
			width: 100%;
			margin: 0 auto;
			text-align: center;
			object-fit: cover;

			@media(width < 768px) {
				height: 230px;
			}
		}

		.card-formation__etiquettes {
			position: absolute;
			z-index: 1;
			top: 25px;
			left: 25px;
		}

		.card-formation__etiquette {
			border-radius: 5px;
			background-color: var(--wp--preset--color--secondary);
			color: var(--wp--preset--color--base);
			padding: 5px 10px;
			font-size: 1rem;
			font-weight: var(--wp--custom--font-weight--semi-bold);
			line-height: normal;
			word-break: normal;
  			overflow-wrap: normal;
			margin-right: 5px;

			a {
				color: var(--wp--preset--color--base);
				font-size: 1rem;
				font-weight: var(--wp--custom--font-weight--semi-bold);
			}
		}
	}

	.card-body {
		padding: 25px 25px 20px;
		flex: 1 1 auto;

		@media(width < 768px) {
			padding: 20px 20px 10px;
		}

		.card-formation__titre,
		.card-formation__titre a {
			text-align: start;
			font-size: 1.125rem;
			font-weight: var(--wp--custom--font-weight--semi-bold);
			line-height: 24px;
			margin-bottom: 10px;
			color: var(--wp--preset--color--secondary);
			text-decoration: none;

			@media(width < 768px) {
				margin-bottom: 5px;
			}
		}

		.card-formation__titre a {
			&:after {
				content: '';
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				z-index: 1;
			}
		}

		.card-formation__texte {
			text-align: start;
			-webkit-line-clamp: 3;
			-webkit-box-orient: vertical;
			display: -webkit-box;
			overflow: hidden;
			color: rgba(0, 0, 0, 0.75);
			line-height: 22px;
		}
	}

	.card-footer {
		display: flex;
		flex-wrap: wrap;
		column-gap: 20px;
		padding: 0 25px 25px;
		font-weight: var(--wp--custom--font-weight--semi-bold);
		line-height: normal;

		@media(width < 768px) {
			padding: 0 20px 20px;
		}

		.card-formation__duree,
		.card-formation__lieu,
		.card-formation__date {
			background-repeat: no-repeat;
			background-position: left center;
			padding-left: 25px;
		}

		.card-formation__duree {
			background-image: url('./assets/icons/icon-duree.svg');
		}

		.card-formation__lieu {
			background-image: url('./assets/icons/icon-lieu.svg');
		}

		.card-formation__date {
			background-image: url('./assets/icons/icon-date.svg');
		}

		a {
			color: var(--wp--preset--color--primary);
			text-decoration: none;

			&:after {
				content: url('./assets/icons/icon-arrow-primary.svg');
				position: absolute;
				left: 100px;
			}
		}
	}
}

/* Card actu */

.card-actu {
	border-radius: 10px;
	border: 1px solid rgba(190, 12, 62, 0.25);
	overflow: hidden;
	position: relative;
	height: 100%;
	display: flex;
	flex-direction: column;
	transition: all 300ms ease-out;

	&:hover {
		border: 1px solid var(--wp--preset--color--primary);
		box-shadow: none !important;
		transform: none !important;
	}

	.card-header {
		position: relative;
		text-align: center;
		padding: 0;
		width: 100%;

		img {
			height: 300px;
			width: 100%;
			margin: 0 auto;
			text-align: center;
			object-fit: cover;
		}

		.card-actu__etiquette {
			position: absolute;
			z-index: 1;
			top: 25px;
			left: 25px;
			border-radius: 5px;
			background-color: var(--wp--preset--color--secondary);
			color: var(--wp--preset--color--base);
			padding: 5px 10px;
			font-size: 1rem;
			font-weight: var(--wp--custom--font-weight--semi-bold);
			line-height: normal;
		}
	}

	.card-body {
		padding: 25px 25px 20px;
		flex: 1 1 auto;

		.card-actu__date {
			margin-bottom: 10px;
			color: rgba(0, 0, 0, 0.75);
			font-size: .875rem;
			font-weight: var(--wp--custom--font-weight--regular);
			line-height: 24px;
		}

		.card-actu__titre {
			font-size: 1.125rem !important;
			font-weight: var(--wp--custom--font-weight--semi-bold) !important;
			line-height: 24px !important;
			margin-bottom: 10px;
		}

		.card-actu__texte {
			-webkit-line-clamp: 3;
			-webkit-box-orient: vertical;
			display: -webkit-box;
			overflow: hidden;
			color: rgba(0, 0, 0, 0.75);
			line-height: 22px;

			p {
				line-height: 22px;
			}
		}
	}

	.card-footer {
		padding: 0 25px 25px;
		font-weight: var(--wp--custom--font-weight--semi-bold);
		line-height: normal;

		a {
			position: static;
			color: var(--wp--preset--color--primary);
			text-decoration: none;

			&:after {
				content: "";
				position: absolute;
				inset: 0;
				z-index: 10;
			}
		}
	}
}

/* card icon */

.card-icon {
	display: flex;
	flex-direction: column;
	background-color: transparent;
	padding: 0;
	min-width: inherit;
	border: none;

	@media(width < 781px) {

		.card-header {
			flex: 100px 0 0;
			margin-right: 0;
		}
	}

	.card-header {
		.card-header__icon {
			width: 140px;
			height: 140px;
			margin: 0 auto;
			padding: 0;
			display: flex;
			align-items: center;
			justify-content: center;

			img {
				width: auto;
				height: auto;
			}
		}
	}

	.card-body {
		text-align: center;
		padding: 0;
		font-size: 1.125rem;
		margin-top: 10px;
		/* @media(max-width: 781px) {
			text-align: left;
		} */

		.card-icon__titre {
			font-weight: 700;
			font-size: 1.125rem;
			color: var(--wp--preset--color--primary);
			margin: 0 0 5px;
		}

		.card-icon__texte {
			margin: 0;
			line-height: var(--wp--custom--line-height--snug);

			@media(width < 768px) {
				font-size: 1.125rem;
			}
		}
	}

}

/* card maillage */

.card-maillage {
	position: relative;
	aspect-ratio: 1/1;
	width: 280px;
	height: 280px;
	background-color: var(--wp--preset--color--secondary);
	overflow: hidden;
	border: none;
	padding: 0;

	@media(width < 991px) {
		width: 100%;
		height: auto;
	}

	.card-body {
		position: absolute;
		z-index: 1;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: rgba(255, 172, 102, 0.6);

		a {
			color: #fff;
			align-items: center;
			font-family: var(--wp--preset--font-family--secondary);
			font-size: 1.3125rem;
			font-weight: 400;
			padding: 0;

			span {
				align-items: center;

				&:before {
					display: none;
				}
			}
		}
	}

	.card-bg {
		position: absolute;
		z-index: 0;
		height: 100%;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;

		img {
			height: 100%;
			object-fit: cover;
			transition: all 300ms ease-in-out;

			@media(width < 991px) {
				aspect-ratio: 1/1;
			}
		}
	}

	&:hover {
		.card-bg {
			img {
				scale: 1.05;
			}
		}

	}
}

/* card big card */

.card-secondaire {
	border: none;
	padding: 0;
	min-width: none;
	max-width: none;
	min-height: 483px;
	height: 100%;
	background-color: var(--wp--preset--color--secondary);
	background-position: center;
	background-repeat: no-repeat;
	transition: all 300ms ease-in-out;
	position: relative;
	overflow: hidden;

	@media(width < 767px) {
		min-height: 242px;
		background-size: cover;
	}

	.card-secondaire__wrap {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-end;
		background: linear-gradient(360deg, #1E2034 0%, rgba(30, 32, 52, 0) 54.66%);
		padding: 50px 50px 46px;
		height: 100%;
		position: relative;
		z-index: 1;

		@media(width < 767px) {
			padding: 20px 20px 30px;
			background: linear-gradient(360deg, #1E2034 0%, rgba(30, 32, 52, 0) 68%);
		}

		.card-body {
			color: #fff;
			text-align: center;
			flex: auto 0 0;
		}
	}

	.card-secondaire__titre {
		color: #fff;
		font-size: 1.6875rem;
		margin: 0;
		font-weight: var(--wp--custom--font-weight--light);

		a {
			color: #fff;
			text-decoration: none;

			&:hover {
				text-decoration: none;
			}
		}
	}

	.card-secondaire__texte {
		margin: 0;
		line-height: var(--wp--custom--line-height--snug);

		@media(width < 767px) {
			display: none;
		}
	}

	.card-footer {
		padding: 14px 0 0;
		z-index: 1;
	}

	.card-secondaire__image {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		width: 100%;
		height: 100%;

		img {
			height: 100%;
			width: 100%;
			object-fit: cover;
			transition: all 300ms ease-in-out;

		}
	}

	&:hover {
		.card-secondaire__image {
			img {
				transform: scale(1.05);
			}
		}
	}
}

/* card trombinoscope */

.card-trombinoscope {
	border-radius: 5px;
	overflow: hidden;
	position: relative;
	height: 100%;
	display: flex;
	flex-direction: column;
	border: 2px solid var(--wp--preset--color--primary);

	.card-header {
		text-align: center;
		padding: 1.25rem 1.25rem 0;

		img {
			height: 300px;
			aspect-ratio: 1/1;
			width: auto;
			margin: 0 auto;
			text-align: center;
			border-radius: 3px;
			object-fit: cover;
		}
	}

	.card-body {
		display: flex;
		flex-direction: row;
		padding: 1.5625rem 1.25rem 1.25rem;

		.card-trombinoscope__infos {
			flex: 1 1 auto;
		}

		.card-trombinoscope__links {
			flex: 0 0 auto;
			display: flex;
			align-items: center;

			a {
				font-size: 1.5rem;
				transition: all 300ms ease-in-out;

				&:hover {
					color: var(--wp--preset--color--primary);
				}
			}
		}

		.card-trombinoscope__nom {
			font-size: 1.25rem;
			margin: 0;
		}

		.card-trombinoscope__poste {
			font-weight: var(--wp--custom--font-weight--light);
			font-size: 1.125rem;
		}
	}

	.card-footer {
		display: flex;
		flex: 1 1 auto;
		padding: 0;
	}
}

/* Menu liste */

.menu__list {
	list-style: none;
	padding: 0;
	margin: 0;

	li {
		margin: 5px 0;

		a {
			text-decoration: none;

			&:hover {
				color: var(--wp--preset--color--base);
			}
		}
	}
}

/* Utilities */

.btn-link {
	font-weight: bold;
	text-decoration: underline;
}

.wp-block-button__link {
	width: auto;
}

.stretched-link {
	&:after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		top: 0;
	}

}

.text-center {
	text-align: center;
}

.buttons {
	display: flex;
	gap: 30px;
}

.more-content {
	position: relative;

	p:empty {
		display: none;
	}

	/* &:not(.open) {
		&::after {
			content: "";
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			height: 100px;
			background: rgb(255, 255, 255);
			background: linear-gradient(0deg,
					rgba(255, 255, 255, 1) 0%,
					rgba(255, 255, 255, 0) 100%);
		}
	} */
}

.link.open {
	display: none;
}

.read-more-content {
	overflow: hidden;
	height: 0;
	transition: height 200ms ease-in-out;
}

/* Modal par défaut */

.modal {
	.close {
		position: absolute;
		top: 50px;
        right: 60px;

		@media(width < 768px) {
			right: 20px;
		}
	}

	.modal-header {
		padding: 40px 50px 0 50px;
		border: none;

		@media(width < 765px) {
			padding: 15px;
		}

		.modal-title {
			position: relative;
			font-weight: 800;
			font-size: var(--wp--preset--font-size--large);
			font-family: var(--wp--preset--font-family--primary);
			color: var(--wp--preset--color--primary);
		}
	}

	.modal-body {
		padding: 15px 50px 40px 50px;

		@media(width < 765px) {
			padding: 15px;
		}
	}
}

/* Modal formation */

.modal-formation {
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 120px;
    padding: 35px 0 5px 0;

	@media (max-width: 992px) {
		grid-template-columns: 1fr;
	}

	@media (max-width: 768px) {
		padding: 15px 0 5px 0;
	}

	.modal-formation__left {
		display: flex;
		flex-direction: column;
		gap: 30px;

		@media (max-width: 992px) {
			display: none;
		}

		img {
			width: 100%;
			height: 450px;
			object-fit: cover;
			border-radius: 10px;
		}

		.modal-formation__content {
			display: flex;
			flex-wrap: wrap;
			flex-direction: column;
			align-items: flex-start;
			gap: 10px;

			.modal-formation__profil {
				color: var(--wp--preset--color--primary);
				font-family: var(--wp--preset--font-family--expanded);
				font-size: .9375rem;
				font-weight: var(--wp--custom--font-weight--regular);
				line-height: normal;
				text-transform: uppercase;
			}

			.modal-formation__name {
				margin-bottom: 0;
				color: var(--wp--preset--color--secondary);
				font-family: var(--wp--preset--font-family--expanded);
				font-size: 1.5625rem;
				font-weight: var(--wp--custom--font-weight--bold);
				line-height: normal;
			}

			.modal-formation__taux {
				padding: 5px 10px;
				background-color: var(--wp--preset--color--secondary);
				color: var(--wp--preset--color--base);
				font-weight: var(--wp--custom--font-weight--bold);
				border-radius: 5px;
				
				.title {
					color: var(--wp--preset--color--base);
					font-weight: var(--wp--custom--font-weight--bold);
					text-decoration: none;
					line-height: normal;
				}
			}
		}

		.modal-formation__meta {
			display: flex;
			flex-wrap: wrap;
			gap: 20px;

			.modal-formation__meta-item {
				line-height: normal;
				background-repeat: no-repeat;
				background-position: bottom left;
				background-size: contain;
				pointer-events: none;
				padding-left: 25px;
			}

			.modal-formation__meta-item--duree {
				background-image: url('./assets/icons/icon-duree.svg');
			}

			.modal-formation__meta-item--lieu {
				background-image: url('./assets/icons/icon-lieu.svg');
			}

			.modal-formation__meta-item--date {
				background-image: url('./assets/icons/icon-date.svg');
			}
		}
	}

	.modal-formation__right {
		.modal-formation__form-title {
			@media (max-width: 992px) {
				max-width: 90%;
			}
		}
	}

	.modal-formation__form-title > p {
		color: var(--wp--preset--color--secondary);
		font-family: var(--wp--preset--font-family--expanded);
		font-size: 1.875rem;
		font-weight: var(--wp--custom--font-weight--bold);
		line-height: normal;
	}
}

/* Gravity forms */

#gform_wrapper_2 {
	margin-top: 15px;
}

#gform_wrapper_2 .gform_required_legend {
	display: none;
}

#gform_wrapper_2 .gform_body .gform_fields {
	display: flex;
	position: relative;
	align-items: center;
}

#gform_wrapper_2 .gform_body .gform_fields .gfield--type-email {
	width: 100%;
	position: relative;
}

#gform_wrapper_2 .gform_body .gform_fields .gfield--type-email input[type="email"]::placeholder {
	font-size: 1rem;
}

#gform_wrapper_2 .gform_body .gform_fields .gfield--type-email input[type="email"] {
	height: 53px;
	box-shadow: none;
	border: none;
	outline: none;
	padding: 0 20px;
}

#gform_wrapper_2 .gform_body .gform_fields .gfield--type-submit {
	position: absolute;
	right: 4px;
}

#gform_wrapper_2 .gform_body .gform_fields .gfield--type-submit input[type="submit"] {
	height: 43px;
}

/* Swiper */

.swiper-pagination {
	position: initial !important;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 30px;

	.swiper-pagination-bullet {
		width: 40px;
		height: 8px;
		border-radius: 100px;
		background: var(--wp--preset--color--primary);
	}
}

/* FacetWP */

.is-button-filter {
	flex-shrink: 0;
}

.is-filters {
	position: sticky;
	top: 165px;

	@media (max-width: 1200px) {
		top: 50px;
	}

	.facetwp-overflow {
		display: flex;
		gap: 10px;
		flex-wrap: wrap;

		&.facetwp-hidden {
			display: none !important;
		}
	}

	.facetwp-toggle {
		display: flex;
		align-items: center;
		text-decoration: none;
		color: var(--wp--preset--color--secondary);

		&.facetwp-hidden {
			display: none !important;
		}
	}

	.facetwp-type-checkboxes {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		margin-bottom: 0;
		margin-top: 30px;

		&:first-child {
			margin-top: 0;
		}
	}

	.facetwp-checkbox {
		display: block;
		cursor: pointer;
		background: none !important;
		padding-left: 0 !important;

		.facetwp-display-value {
			display: inline-block;
			border-radius: 100px;
			background: #f5f5f5;
			font-size: 1rem;
			padding: 8px 15px;
			font-style: normal;
			font-weight: 400;
			line-height: normal;
		}

		.facetwp-counter {
			display: none;
		}

		&.checked .facetwp-display-value {
			font-weight: 500;
			background: var(--wp--preset--color--primary-700);
			color: var(--wp--preset--color--primary);
		}
	}

	.m-filters__item {
		border-bottom: 1px solid #EEC2CE;
		padding: 0 0 30px;
		margin-top: 30px;

		&:first-child {
			margin-top: 0;
		}

		&:last-of-type {
			border-bottom: none;
		}

		summary {
			list-style: none;
			cursor: pointer;
			display: flex;
			align-items: center;
			justify-content: space-between;
			font-size: 18px;
			font-weight: 600;
			line-height: normal;
			padding-right: 20px;
		}

		summary::after {
			content: "";
			width: 10px;
			height: 10px;
			border-right: 2px solid var(--wp--preset--color--primary);
			border-bottom: 2px solid var(--wp--preset--color--primary);
			transform: rotate(45deg);
			transition: transform 0.2s ease;
		}

		&[open] summary::after {
			transform: rotate(-135deg);
		}
	}

	.facetwp-type-reset {
		margin-top: 15px;
		text-align: center;

		.facetwp-reset {
			color: var(--wp--preset--color--primary);
			font-size: 1rem;
			font-weight: 600;
			line-height: normal;
		}
	}

	#apply-filters-button {
		margin: 30px auto 0;
		display: flex;
		border: none;
		padding: 12px 50px;
		border-radius: 10px;
		background: var(--wp--preset--color--primary);
		color: var(--wp--preset--color--base);
		font-size: 1.125rem;
		font-weight: 700;
		line-height: normal;
	}
}

.js-toggle-filters {
	position: relative;

	@media (max-width: 1200px) {
		position: fixed;
		bottom: 15px;
		z-index: 6;
		left: 50%;
		transform: translateX(-50%);
	}

	&::before {
		content: url("./assets/icons/icon-filter.svg");
		position: absolute;
		left: 20px;
		top: 50%;
		transform: translateY(-50%);
		pointer-events: none;

		@media (max-width: 1200px) {
			content: url("./assets/icons/icon-filter-white.svg");
		}
	}

	a {
		padding-left: 45px;

		@media (max-width: 1200px) {
			background-image: none !important;
			background-color: var(--wp--preset--color--secondary) !important;
			border-color: var(--wp--preset--color--secondary) !important;
			color: var(--wp--preset--color--base) !important;
		}

		&:hover {
			@media (max-width: 1200px) {
				background-image: none !important;
			}
		}
	}

	&.open {
		content: url("./assets/icons/icon-cross-filter.svg");

		@media (max-width: 1200px) {
			content: url("./assets/icons/icon-cross-filter-white.svg") !important;
		}
	}
}

.js-filters-wrapper {
	display: flex;
	margin-block-start: 60px !important;
}

.js-filters-wrapper .js-filters-column {
	display: none;
	flex: 0 0 auto;
	max-width: none;
	width: 0;
	margin: 0;
	padding: 0;
}

.js-filters-wrapper .wp-block-column:first-child {
	flex: 1 1 100% !important;
	max-width: 100%;
}

body.is-filters-open .js-filters-wrapper .js-filters-column {
	display: block;
	flex: 0 0 320px;
	max-width: 320px;

	@media (max-width: 1200px) {
		position: fixed;
		z-index: 5;
		top: 0;
		left: 0;
		right: 0;
		flex: 1;
		width: 100vw;
		height: 100%;
		max-width: initial;
		background-color: var(--wp--preset--color--base);
		padding: 20px;
	}
}

body.is-filters-open .js-filters-wrapper .wp-block-column:first-child {
	flex: 1 1 auto !important;
	max-width: none;
}


body.is-filters-open .js-toggle-filters {
	&::before {
		content: url("./assets/icons/icon-cross-filter.svg");

		@media (max-width: 1200px) {
			content: url("./assets/icons/icon-cross-filter-white.svg");
		}
	}
}

.facetwp-facet-pagination {
	@media (max-width: 768px) {
		text-align: center;
	}

	.facetwp-page {
		color: rgba(0, 0, 0, 0.15);
		font-family: var(--wp--preset--font-family--expanded);
		font-size: 1.25rem;
		font-weight: 700;
		line-height: normal;
		text-decoration: none;
		
		&.active {
			color: var(--wp--preset--color--secondary);
		}
	}
}

/* Block accordion */

.wp-block-accordion {
	max-width: 837px !important;

	.wp-block-accordion-item {
		padding: 25px 30px;
		background-color: var(--wp--preset--color--base);
		border-radius: 10px;
		border: 1px solid rgba(190, 12, 62, 0.00);
		margin-top: 20px;
	
		.wp-block-accordion-heading {
			color: #000;
			font-size: 1.125rem;
			font-style: normal;
			font-weight: 600;
			line-height: 25px;
	
			&__toggle {
				display: flex;
				align-items: center;
				gap: 12px;
			}

			.wp-block-accordion-heading__toggle {
				&:hover {
					.wp-block-accordion-heading__toggle-title {
						text-decoration: none;
					}
				}

				.wp-block-accordion-heading__toggle-icon {
					margin-left: auto;
					display: inline-flex;
					align-items: center;
					justify-content: center;
					width: 22px;
					height: 22px;
					opacity: 1;
					font-size: 0;
					line-height: 0;
					color: var(--wp--preset--color--primary);
					transform: none !important;

					&:before {
						content: "";
						display: inline-block;
						width: 12px;
						height: 12px;
						border-right: 2px solid currentColor;
						border-bottom: 2px solid currentColor;
						transform: rotate(45deg);
						transition: transform .2s ease;
					}
				}
			}
	
			.wp-block-accordion-heading__toggle[aria-expanded="true"] .wp-block-accordion-heading__toggle-icon::before {
				transform: rotate(-135deg);
			}
		}

		.wp-block-accordion-panel {
			margin-top: 10px;
		}

		.wp-block-accordion-panel {
			overflow: hidden;
			height: 0;
			opacity: 0;
			transition: height .35s cubic-bezier(.2,.8,.2,1), opacity .2s ease;
		}

		&.is-open .wp-block-accordion-panel{
			height: var(--acc-h, auto);
			opacity: 1;
		}
	}
}

/* Block titre */

.is-overlapping {
	position: absolute;
	top: -31px;

	@media (max-width: 991px) {
		top: 60px;
	}
}

/* Yoast SEO */

.yoast-breadcrumbs {
	padding: 145px 0 40px;
	line-height: normal;

	@media (max-width: 768px) {
		padding: 125px 0 30px;
	}
	
	a, p, li {
		color: rgba(0, 0, 0, 0.75);
		line-height: normal;
		text-decoration: none;
	}

	.breadcrumb_last {
		font-weight: var(--wp--custom--font-weight--semi-bold);
	}
}

/* Filtres */

.is-profils {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	list-style: none;
	line-height: normal;
	padding: 0;
	
	li {
		display: flex;
		min-width: 250px;
		border-radius: 10px;
		background-color: #F5F5F5;
		background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05));
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 0% 100%;
		transition:
			background-size 0.3s ease,
			color 0.3s ease,
			border-color 0.3s ease;

		&:hover {
			background-size: 100% 100%;
			border-color: rgba(0, 0, 0, 0.05);
		}

		a {
			position: relative;
			text-decoration: none;
			width: 100%;
			padding: 12px 50px 12px 20px;
			color: var(--wp--preset--color--secondary);
			font-weight: var(--wp--custom--font-weight--semi-bold);

			&::after {
				content: url('./assets/icons/icon-arrow-dark.svg');
				position: absolute;
				right: 20px;
				top: 50%;
                transform: translateY(-50%);
			}
		}
	}
}

/* Single search results */

body.search-results {
	.wp-block-post.type-formations {
		background-color: var(--wp--preset--color--your-light-color, #fdf5f5);
		border: 2px solid var(--wp--preset--color--primary);
		border-radius: 8px;
		padding: var(--wp--preset--spacing--medium);
		margin-bottom: 60px;
		position: relative;
	}

	.wp-block-post.type-formations::before {
		content: "Formation";
		display: inline-block;
		background-color: var(--wp--preset--color--primary);
		color: #fff;
		font-size: 0.75rem;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: 0.05em;
		padding: 0.2em 0.6em;
		border-radius: 4px;
		margin-bottom: var(--wp--preset--spacing--small);
	}

	.wp-block-post.type-formations hr.wp-block-separator {
		display: none;
	}

	.search .wp-block-post.type-formations {
		padding-bottom: var(--wp--preset--spacing--small);
	}
}

/* Single formation */

body.single-formations {

	.hero-zone-formation {
		.digiforma-featured-image {
			p {
				height: 100%;
			}

			img {
				height: 100%;
				max-height: 700px;
				width: 100%;
				object-fit: cover;
				border-radius: 10px;
			}
		}

		.taux {
			padding: 5px 10px;
			background-color: var(--wp--preset--color--secondary);
			color: var(--wp--preset--color--base);
			font-weight: var(--wp--custom--font-weight--bold);
			border-radius: 5px;
			
			a {
				color: var(--wp--preset--color--base);
				font-weight: var(--wp--custom--font-weight--bold);
				text-decoration: none;
				line-height: normal;
			}
		} 

		.cta {
			@media (max-width: 768px) {			
				position: fixed;
				z-index: 5;
				bottom: 0;
				left: 0;
				right: 0;
				background-color: var(--wp--preset--color--base);
				padding: 15px 20px;
				box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.10);
	
				.wp-block-button {
					flex: 1;
				}
			}
		}

		.encart-informations {
			@media (max-width: 768px) {		
				margin-top: 60px !important;
				width: 100%;
			}

			> div {
				align-items: flex-start;
				flex-wrap: nowrap;

				@media (max-width: 1200px) {		
					flex-wrap: wrap;
					row-gap: 5px;
				}

				@media (max-width: 782px) {		
					display: block;
				}

				> p {
					flex-shrink: 0;
				}
			}

			.is-layout-flex {
				@media (max-width: 768px) {		
					gap: 0;
				}

				&:first-of-type {
					p {
						flex: 0 0 auto;
						white-space: nowrap;
					}
				}
			}


			.wia-acf-field__value {
				display: flex;
				flex-wrap: wrap;
				column-gap: 24px;

				.wia-acf-field__item {
					position: relative;
				}

				.wia-acf-field__item:before {
					content: "";
					position: absolute;
					top: 12px;
                    transform: translateY(-50%);
                    left: -13px;
					width: 4px;
					height: 4px;
					border-radius: 50%;
					background: var(--wp--preset--color--primary);
					display: inline-block;
				}
			}
		}
	}

	.formation-formateurs {
		.formateurs-columns {
			display: grid;
			grid-template-columns: 450px 1fr;
			gap: 122px;

			@media (max-width: 1860px) {
				padding-right: 70px;
			}

			@media (max-width: 992px) {
				grid-template-columns: 1fr;
				gap: 60px;
			}

			@media (max-width: 768px) {
				padding-right: 0;
			}
		}
	}
}

body.tax-formation_profil {
	.wp-block-accordion-panel {
		opacity: 1 !important;
	}
}

.formation-temoignages {
	&:before {
		content: '';
		position: absolute;
		z-index: 1;
		right: 0;
		top: -80px;
		width: 568px;
		height: 500px;
		background-image: url('./assets/icons/big-star.png');
		background-repeat: no-repeat;
		background-position: bottom right;
		background-size: contain;
		pointer-events: none;

		@media (max-width: 768px) {
			right: 0;
			bottom: -116px;
			top: initial;
		}
	}

	.chiffre-cle {
		text-align: center;
		font-size: 5.625rem;
		font-weight: var(--wp--custom--font-weight--bold);
		line-height: normal;
	}

	p, li, div {
		position: relative;
		z-index: 2;
	}
}

.temoignages-columns {
	display: grid !important;
	grid-template-columns:
		minmax(0, 900px)
		210px
		minmax(0, 400px)
		1fr;
	padding-top: 60px !important;
	padding-bottom: 100px !important;

	@media (max-width: 1200px) {
		grid-template-columns:
			minmax(0, 900px)
			60px
			minmax(0, 400px)
			1fr;
	}

	@media (max-width: 768px) {
		grid-template-columns: 1fr;
		gap: 60px;
		padding-top: 110px !important;
		padding-bottom: 60px !important;
	}
}

.temoignages-columns > .temoignages-column-left {
	grid-column: 1/2;
	min-width: 0;

	@media (max-width: 768px) {
		grid-column: initial;
	}
}

.temoignages-columns > .temoignages-column-right {
	grid-column: 3;
	min-width: 0;

	@media (max-width: 768px) {
		grid-column: initial;
	}
}

body.formations-template-formation-initiale {
	.formation-temoignages {
		&:before {
			right: -40px;

			@media (max-width: 768px) {
				right: 0;
			}
		}

		.temoignages-columns {
			grid-template-columns: minmax(0, 838px) 279px minmax(0, 460px) 1fr !important;

			@media (max-width: 1200px) {
				grid-template-columns:
					minmax(0, 838px)
					60px
					minmax(0, 460px)
					1fr !important;
			}
			@media (max-width: 768px) {
				grid-template-columns: 1fr !important;
				gap: 60px;
				padding-top: 60px !important;
				padding-bottom: 60px !important;
			}

		}
	}
}

/* Contact page */

body.page-id-58,
body.page-id-4049 {
	.contact-columns {
		display: grid;
		column-gap: 164px;
		grid-template-columns: minmax(550px, 1fr) minmax(550px, 695px);

		@media (max-width: 1550px) {
			column-gap: 60px;
		}

		@media (max-width: 1250px) {
			display: flex;
			flex-direction: column;

			.contact-column-left {
				display: contents;

				.contact-contenu {
					order: 1;
					margin-bottom: 60px;
				}

				.contact-faq {
					order: 3;
				}
			}

			.contact-column-right {
				order: 2;
			}
		}
	}

	.wp-block-accordion {
		margin-top: 100px;
		max-width: 100% !important;

		.wp-block-accordion-item {
			max-width: 100%;
			border-radius: 10px;
			border: 1px solid rgba(190, 12, 62, 0.10);
			background: var(--wp--preset--color--base);
			padding: 25px 30px;
			margin-left: 0 !important;
			margin-right: 0 !important;
		}
	}
}

body.page-id-4049 {
	.contact-columns {
		grid-template-columns: minmax(300px, 500px) minmax(550px, 1fr);

		@media (max-width: 1250px) {
			row-gap: 20px;
		}
	}
}

/* Blog page */

body.blog {
	h1 {
		font-size: 2.5rem !important;

		@media (max-width: 768px) {
			font-size: 1.75rem !important;
		}
	}

	.h2 {
		font-size: 1.875rem !important;

		@media (max-width: 768px) {
			font-size: 1.75rem !important;
		}
	}

	.facetwp-type-checkboxes {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		gap: 10px;
		margin-bottom: 0;
		margin-top: 30px;

		&:first-child {
			margin-top: 0;
		}
	}

	.facetwp-filters {
		display: flex;
		gap: 15px;
		justify-content: center;
		margin: 40px 0;

		@media (width < 768px) {
			display: flex;
			overflow-x: scroll;
			-webkit-overflow-scrolling: touch;
			white-space: nowrap;
			max-width: 100%;
			scrollbar-width: none;
			margin-bottom: 40px;
		}

		&::-webkit-scrollbar {
			display: none;
		}

		.facetwp-facet {
			@media (width < 768px) {
			flex-shrink: 0;
			margin-right: 10px;
			}
		}

		.facetwp-type-reset {
        	display: flex;
			margin: 0;

			&.facetwp-hidden .facetwp-hide-empty {
				font-weight: 500;
				background: var(--wp--preset--color--primary);
				color: var(--wp--preset--color--base);
			}

			.facetwp-hide-empty {
				border-radius: 100px;
				background: var(--wp--preset--color--base);
				border: 1px solid var(--wp--preset--color--primary);
				color: var(--wp--preset--color--primary);
				font-size: 1.125rem;
				padding: 8px 15px;
				font-style: normal;
				font-weight: 500;
				line-height: normal;
				text-decoration: none;

				&:hover {
					background-color: var(--wp--preset--color--primary-700);
				}

				@media (width < 768px) {
					font-size: 1rem;
				}
			}
		}

		.facetwp-facet-categories_posts {
			display: flex;
			flex-direction: row;
			gap: 15px;
			margin: 0;
	
			.facetwp-checkbox {
				display: block;
				cursor: pointer;
				background: none !important;
				padding-left: 0 !important;
				margin: 0 !important;

				&:hover {
					.facetwp-display-value {
						background-color: var(--wp--preset--color--primary-700);
					}
				}
			
				.facetwp-display-value {
					display: inline-block;
					border-radius: 100px;
					background: var(--wp--preset--color--base);
					border: 1px solid var(--wp--preset--color--primary);
					color: var(--wp--preset--color--primary);
					font-size: 1.125rem;
					padding: 8px 15px;
					font-style: normal;
					font-weight: 500;
					line-height: normal;

					@media (width < 768px) {
						font-size: 1rem;
					}
				}
			
				.facetwp-counter {
					display: none;
				}
			
				&.checked .facetwp-display-value {
					font-weight: 500;
					background: var(--wp--preset--color--primary);
					color: var(--wp--preset--color--base);
				}
			}
		}
	}
}

/* Blog page / Category page */

body.blog,
body.category {
	.posts__wrapper {
		column-gap: 20px;
		row-gap: 60px;

		@media (max-width: 992px) {
			grid-template-columns: repeat(2, minmax(0, 1fr));
			row-gap: 40px;
		}

		@media (max-width: 768px) {
			grid-template-columns: 1fr;
		}
	}
}

/* Single post */

.article-content {
	.wp-block-heading {
		margin: 20px 0;
	}

	.wp-block-quote {
		margin: 20px 0;

		p {
			line-height: initial;
		}
	}

	.wp-block-image {
		margin: 30px 0;
	}

	a {
		color: var(--wp--preset--color--secondary);
	}
}

/* SEO */

.pagination-seo-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
}

.is-sitemap {
	.wsp-pages-list {
		margin: 0;
	}

	a {
		color: var(--wp--preset--color--secondary);
		text-decoration: none;

		&:hover {
			text-decoration: underline;
		}
	}
}

#preinscription-sidebar {
	img {
		width: 100%;
		height: 400px;
		object-fit: cover;
		border-radius: 10px;
		margin-bottom: 25px;
	}

	.preinscription-sidebar__back {
		display: inline-flex;
		align-items: center;
		gap: 6px;
		margin-bottom: 20px;
		font-size: 16px;
		font-weight: 500;
		color: var(--wp--preset--color--primary);
		text-decoration: none;

		&::before {
			content: '';
			display: inline-block;
			width: 8px;
			height: 8px;
			border-left: 2px solid currentColor;
			border-bottom: 2px solid currentColor;
			transform: rotate(45deg);
			flex-shrink: 0;
		}

		&:hover {
			text-decoration: underline;
		}
	}

	h2 {
		margin-bottom: 20px;
		font-size: 30px;
	}

	.preinscription-sidebar__duree,
	.preinscription-sidebar__lieu,
	.preinscription-sidebar__date {
		background-repeat: no-repeat;
		background-position: left center;
		padding-left: 25px;
	}

	.preinscription-sidebar__duree {
		background-image: url('./assets/icons/icon-duree.svg');
	}

	.preinscription-sidebar__lieu {
		background-image: url('./assets/icons/icon-lieu.svg');
	}

	.preinscription-sidebar__date {
		background-image: url('./assets/icons/icon-date.svg');
	}
}