/*
Theme Name: Hemon Camus
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: hemoncamus

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

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

@font-face {
	font-family: 'icons';
	src: url('assets/fonts/icons.woff2') format('woff2'),
		url('assets/fonts/icons.woff') format('woff'),
		url('assets/fonts/icons.svg#icons') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family: "icons";
	font-style: normal;
	font-weight: normal;
	speak: never;

	display: inline-block;
	text-decoration: inherit;
	width: auto;
	margin-right: 0;
	text-align: center;
	/* opacity: .8; */

	/* For safety - reset parent styles, that can break glyph codes*/
	font-variant: normal;
	text-transform: none;

	/* fix buttons height, for twitter bootstrap */
	line-height: 1em;

	/* Animation center compensation - margins should be symmetric */
	/* remove if not needed */
	margin-left: 0;

	/* you can be more comfortable with increased icons size */
	/* font-size: 120%; */

	/* Font smoothing. That was taken from TWBS */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	/* Uncomment for 3D effect */
	/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-heart-empty:before {
	content: '\e800';
}

/* '' */
.icon-heart:before {
	content: '\e801';
}

/* '' */
.icon-social-instagram:before {
	content: '\e802';
}

/* '' */
.icon-right-open-big:before {
	content: '\e803';
}

/* '' */
.icon-angle-right:before {
	content: '\e804';
}

/* '' */
.icon-surface:before {
	content: '\e805';
}

/* '' */
.icon-pieces:before {
	content: '\e806';
}

/* '' */
.icon-phone:before {
	content: '\e807';
}

/* '' */
.icon-map:before {
	content: '\e808';
}

/* '' */
.icon-liste:before {
	content: '\e809';
}

/* '' */
.icon-filtre:before {
	content: '\e80a';
}

/* '' */
.icon-ascenseur:before {
	content: '\e80b';
}

/* '' */
.icon-baignoire:before {
	content: '\e80c';
}

/* '' */
.icon-balcon:before {
	content: '\e80d';
}

/* '' */
.icon-cave:before {
	content: '\e80e';
}

/* '' */
.icon-chambre:before {
	content: '\e80f';
}

/* '' */
.icon-chauffage:before {
	content: '\e810';
}

/* '' */
.icon-cheminee:before {
	content: '\e811';
}

/* '' */
.icon-cuisine:before {
	content: '\e812';
}

/* '' */
.icon-double-vitrage:before {
	content: '\e813';
}

/* '' */
.icon-electricite:before {
	content: '\e814';
}

/* '' */
.icon-garage:before {
	content: '\e815';
}

/* '' */
.icon-gaz:before {
	content: '\e816';
}

/* '' */
.icon-jardin:before {
	content: '\e817';
}

/* '' */
.icon-marker:before {
	content: '\e818';
}

/* '' */
.icon-meuble:before {
	content: '\e819';
}

/* '' */
.icon-parking:before {
	content: '\e81a';
}

/* '' */
.icon-terasse:before {
	content: '\e81b';
}

/* '' */
.icon-terrain:before {
	content: '\e81c';
}

/* '' */
.icon-star:before {
	content: '\e81d';
}

/* '' */
.icon-star-empty:before {
	content: '\e81e';
}

/* '' */
.icon-share:before {
	content: '\e81f';
}

/* '' */
.icon-calendar:before {
	content: '\e820';
}

/* '' */
.icon-camera:before {
	content: '\e821';
}

/* '' */
.icon-desti:before {
	content: '\e822';
}

.icon-piece-2:before {
	content: '\e823';
}

.icon-surface-2:before {
	content: '\e824';
}

/* '' */
.icon-bookmark-empty:before {
	content: '\f097';
}

/* '' */
.icon-angle-left:before {
	content: '\f104';
}

/* '' */
.icon-right-open-mini:before {
	content: '\f105';
}

/* '' */
.icon-angle-down:before {
	content: '\f107';
}

/* '' */
.icon-spinner:before {
	content: '\f110';
}

/* '' */
.icon-star-half-alt:before {
	content: '\f123';
}

/* '' */
.icon-youtube:before {
	content: '\f16a';
}

/* '' */
.icon-pinterest:before {
	content: '\f231';
}

/* '' */
.icon-facebook:before {
	content: '\f300';
}

/* '' */
.icon-twitter-bird:before {
	content: '\f303';
}

/* '' */
.icon-linkedin:before {
	content: '\f31a';
}

/* '' */

/***************************************/

:root {
	--plyr-color-main: var(--wp--preset--color--primary);
	--swiper-theme-color: var(--wp--preset--color--primary) !important;
	--swiper-navigation-color: var(--wp--preset--color--main);
	--swiper-pagination-color: var(--wp--preset--color--primary);
	--swiper-navigation-sides-offset: 28px;
	--swiper-navigation-size: 15px !important;
	--swiper-pagination-bullet-width: 13px;
	--swiper-pagination-bullet-height: 13px;
	--swiper-pagination-bullet-size: 13px;
	--swiper-pagination-bullet-inactive-color: rgba(229, 31, 31, 0.2);
	--swiper-pagination-bullet-inactive-opacity: 1;
	--bs-btn-close-color: var(--wp--preset--color--primary);
}

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

html {
	scroll-padding-top: 210px;
	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;
}

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);
}

ul:where(:not([class*="wp-block"]):not([class*="menu__list"]):not([class*="sub-menu"]):not([class*="nav"])) li,
ul:where(.wp-block-list) li {
	list-style-type: disc;
	padding: 0;
	margin: 8px 0;
}

ul:where(:not([class*="wp-block"]):not([class*="nav"])) li::marker,
ul:where(.wp-block-list) li::marker {
	color: var(--wp--preset--color--primary);
}

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;
}

.pswp__img {
	object-fit: contain;
}

/* 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--color--main);
	border-radius: 6px;
	border: solid 2px rgba(0, 0, 0, 0.15);
	padding: 16px 20px;

	&::placeholder {
		color: rgba(0, 0, 0, 0.5);
	}
}

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;
}

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

a.more-link {
	display: block;
}

.aligncenter {
	text-align: center;
}

/* 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;
	}
}

/* */



/* 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: 12;

	.is-style-background-blur {
		box-shadow: 0px 10px 30px 0px #0000001F;
		font-size: 12px;
	}

	.wp-block-site-logo {
		.custom-logo-link {
			width: 142px;
		}
	}

	.wp-element-button {
		font-size: .875rem;
		min-width: inherit;
		padding: 10px 20px;

	}

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

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

@media(width >=1400px) {
	.site-header {
		.site-header__mobile_logo {
			display: none;
		}
	}
}

@media (width <=1400px) {
	.site-header {
		>.has-global-padding {
			padding-left: 0;
			padding-right: 0;

			.is-style-background-blur {
				box-shadow: none;
				font-size: 12px;
				margin-left: 8px !important;
				margin-right: 8px !important;
				padding-left: 2em !important;
				padding-right: 2em !important;
			}
		}


		.wp-block-site-logo {
			display: none;
		}

		.site-header__right {
			margin-left: auto;
		}

		.col-mobile-secondary-menu {
			display: flex;
			flex-direction: column;

			iframe {
				order: 3;
				margin: 2em 0 0 2em;
			}
		}
	}
}

@media (width <=781px) {
	.site-header {
		>.has-global-padding {
			padding-top: 5px !important;
			padding-bottom: 5px !important;

			.is-style-background-blur {
				padding-top: 15px !important;
				padding-bottom: 15px !important;
			}
		}
	}

	.header__navigation {
		justify-content: flex-end;

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

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

.yoast-breadcrumbs {
	font-size: var(--wp--preset--font-size--x-small);

	a {
		text-decoration: none;
	}

	.breadcrumb_last {
		strong {
			font-weight: 800;
		}
	}
}

/*** Archive ***/
.body-listing {
	.site-header {
		position: relative;
	}

	&.map-view {
		main {
			padding-left: 0;
			padding-right: 0;
		}
	}


	.archive__filtre {
		>.wp-block-group {
			position: relative;
		}

		@media(width < 1400px) {
			padding-bottom: var(--wp--preset--spacing--medium) !important;

			.yoast-breadcrumbs+.wp-block-group {
				padding-left: 0;
			}

			.wp-block-heading {
				text-align: left;
			}
		}

		@media(width < 430px) {
			h1.wp-block-heading {
				font-size: var(--wp--preset--font-size--large);
			}
		}
	}
}

.filtres {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 20px;
	align-items: end;

	@media(width < 787px) {
		justify-content: flex-start;
		gap: 10px;
	}

	.filtres__el {
		@media(width < 787px) {
			flex: 0 0 100%;
		}

		.filtres__el__label {
			color: var(--wp--preset--color--main);
			font-size: .875rem;
			line-height: 1.875rem;
			font-weight: var(--wp--custom--font-weight--bold);
		}

		.facetwp-facet {
			margin: 0;
		}
	}

	.filtres__submit {
		@media(width < 787px) {
			flex: 0 0 100%;

			.fwp-submit {
				width: 100%;
			}
		}
	}

}

.filtre-reset {
	background-color: transparent;
	border: none;
	text-transform: uppercase;
	color: var(--wp--preset--color--secondary);
	padding: 17px 8px;
	font-weight: var(--wp--preset--font-weight--bold);
	font-size: .875rem;

	svg {
		margin-right: 10px;
	}

	&:hover {
		cursor: pointer;
	}
}

.wp-pagenavi {
	text-align: center;
	margin: 0 0 1em 0;

	.pages {
		display: none;
	}

	span,
	a {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding: .4em .8em;
		margin: .5em;
		font-size: var(--wp--preset--font-size--x-small);
		text-decoration: none;
		border: solid 1px var(--wp--preset--color--main-accent);
		color: var(--wp--preset--color--secondary);
		background: transparent;
		transition: all 300ms ease-in-out;
		border-radius: 50%;
		width: 40px;
		height: 40px;
	}

	.current {
		background: var(--wp--preset--color--main);
		border-color: var(--wp--preset--color--main);
		color: var(--wp--preset--color--white);
	}

	a:hover {
		background: var(--wp--preset--color--main-accent);
		border-color: var(--wp--preset--color--main-accent);
		color: #fff !important;
		text-decoration: none;
	}
}

/* Card defaut */

.card-default {
	border: none;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	height: 100%;
	display: flex;
	flex-direction: column;
	min-height: 412px;
	padding: 10px;
	transition: all 300ms ease-in-out;

	&:hover {
		transform: translateY(-10px);
		box-shadow: 0 2px 20px 0 rgba(75, 65, 52, 0.35);
	}


	img {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: 100%;
		z-index: 0;
		object-fit: cover;
	}

	&:after {
		content: '';
		background: linear-gradient(180deg, rgba(169, 144, 112, 0) 55%, #A99070 70%);
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 1;
	}

	.card-body {
		padding: 16px 30px;
		margin-top: auto;
		z-index: 2;
		background-color: rgba(254, 254, 254, 0.8);
		border-radius: 10px;

		.card-default__titre {
			margin: 8px 0 0;
			font-weight: var(--wp--custom--font-weight--black);
			font-family: var(--wp--preset--font-family--primary);
		}

		.card-default__texte {
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			display: -webkit-box;
			overflow: hidden;
			margin: 6px 0 0;
		}
	}

	.card-footer {
		padding: 16px 0;

		a {
			color: var(--wp--preset--color--primary);
			text-decoration: none;
			font-weight: var(--wp--custom--font-weight--black);
		}
	}
}

/* Card actu */

.card-actu {
	border: none;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	height: 100%;
	display: flex;
	flex-direction: column;
	min-height: 412px;
	padding: 10px;
	transition: all 300ms ease-in-out;

	@media(width < 768px) {
		max-width: 302px;
	}

	&:hover {
		transform: translateY(-10px);
		box-shadow: 0 2px 20px 0 rgba(75, 65, 52, 0.35);
	}


	img {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: 100%;
		z-index: 0;
		object-fit: cover;
	}

	.card-actu__categorie {
		position: absolute;
		top: 10px;
		left: 10px;
		background-color: var(--wp--preset--color--secondary);
		color: #fff;
		font-size: var(--wp--preset--font-size--x-small);
		font-weight: var(--wp--custom--font-weight--semi-bold);
		padding: 5px 10px;
		border-radius: 4px;
		z-index: 2;
		text-transform: uppercase;
		box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.35);
	}

	&:after {
		content: '';
		background: linear-gradient(180deg, rgba(169, 144, 112, 0) 55%, #A99070 70%);
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 1;
	}

	.card-body {
		padding: 16px 30px;
		margin-top: auto;
		z-index: 2;
		background-color: rgba(254, 254, 254, 0.8);
		border-radius: 10px;

		.card-actu__date {
			font-weight: var(--wp--custom--font-weight--semi-bold);
			font-size: var(--wp--preset--font-size--small);
			color: var(--wp--preset--color--secondary);
			text-transform: uppercase;
			display: flex;
			align-items: center;
			margin: 0;

			i {
				margin-right: 6px;
			}
		}

		.card-actu__titre {
			margin: 8px 0 0;
			font-weight: var(--wp--custom--font-weight--black);
			font-family: var(--wp--preset--font-family--primary);
		}

		.card-actu__texte {
			-webkit-line-clamp: 3;
			-webkit-box-orient: vertical;
			display: -webkit-box;
			overflow: hidden;
		}
	}

	.card-footer {
		padding: 16px 0;

		a {
			color: var(--wp--preset--color--primary);
			text-decoration: none;
			font-weight: var(--wp--custom--font-weight--black);
		}
	}
}

/* Card guide */

.card-guide {
	border: none;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	height: 100%;
	display: flex;
	flex-direction: column;
	min-height: 412px;
	padding: 10px;
	transition: all 300ms ease-in-out;

	&:hover {
		transform: translateY(-10px);
		box-shadow: 0 2px 20px 0 rgba(75, 65, 52, 0.35);
	}

	@media(width < 768px) {
		max-width: 302px;
	}


	img {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: 100%;
		z-index: 0;
		object-fit: cover;
	}

	&:after {
		content: '';
		background: linear-gradient(180deg, rgba(169, 144, 112, 0) 55%, #A99070 70%);
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 1;
	}

	.card-body {
		padding: 16px 30px;
		margin-top: auto;
		z-index: 2;
		background-color: rgba(254, 254, 254, 0.8);
		border-radius: 10px;

		.card-guide__titre {
			margin: 8px 0 0;
			font-weight: var(--wp--custom--font-weight--black);
			font-family: var(--wp--preset--font-family--primary);
		}

		.card-guide__texte {
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			display: -webkit-box;
			overflow: hidden;
			margin: 6px 0 0;
		}
	}

	.card-footer {
		padding: 16px 0;

		a {
			color: var(--wp--preset--color--primary);
			text-decoration: none;
			font-weight: var(--wp--custom--font-weight--black);
		}
	}
}

/* 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;
	border-radius: 6px;
	min-width: none;
	max-width: none;
	min-height: 415px;
	height: 100%;
	background: linear-gradient(180deg, rgba(169, 144, 112, 0.00) 0%, rgba(64, 48, 37, 0.56) 100%), lightgray -29.427px -44.845px / 109.268% 111.515% no-repeat;
	background-color: var(--wp--preset--color--secondary);
	background-position: center;
	background-repeat: no-repeat;
	transition: all 300ms ease-in-out;
	position: relative;
	overflow: hidden;
	padding: 25px;
	display: flex;

	@media(width < 767px) {
		min-height: auto;
		background-size: cover;
		padding-top: 135px;
	}

	.card-secondaire__wrap {
		display: flex;
		flex-direction: column;
		align-items: start;
		justify-content: flex-end;
		background-color: rgba(254, 254, 254, 0.13);
		padding: 16px 30px;
		height: auto;
		position: relative;
		z-index: 1;
		border-radius: 10px;
		border: solid 1px #fff;
		backdrop-filter: blur(10px);
		box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.12);
		margin: auto 0 0 0;

		@media(width < 767px) {
			padding: 16px 20px;
		}

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

	.card-secondaire__titre {
		color: #fff;
		font-size: var(--wp--preset--font-size--large);
		margin: 0 0 16px;
		font-weight: var(--wp--custom--font-weight--light);

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

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

	.card-secondaire__texte {
		margin: 0;
	}

	.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 third card */
.card-third {
	border: none;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	height: 100%;
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 30px;
	transition: all 300ms ease-in-out;
	background: linear-gradient(0deg, #796040, rgba(169, 144, 112, 1));
	color: #fff;

	&:hover {
		transform: translateY(-10px);
		box-shadow: 0 2px 20px 0 rgba(75, 65, 52, 0.35);
	}

	.card-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 1.25rem;

		.card-third__titre {
			color: #fff;
			margin: 0;
			font-size: 1.5rem;
			font-weight: var(--wp--custom--font-weight--bold);
			font-family: var(--wp--preset--font-family--secondary);
		}
	}

	.card-body {
		padding: 0;
		margin-top: auto;
		z-index: 2;

		.card-third__texte {
			overflow: hidden;
			margin: 6px 0 0;
		}
	}

	.card-footer {
		padding: 20px 0 0;

		a {
			display: block;

			span {
				color: #fff;
			}
		}
	}
}

/* card trombinoscope */
.card-trombinoscope {
	overflow: hidden;
	position: relative;
	height: 100%;
	display: flex;
	flex-direction: column;

	.card-header {
		width: 158px;
		height: 158px;
		margin: 0 auto;
		text-align: center;
		padding: 0;
		border-radius: 50%;
		border: solid 3px #C5A070;

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

		img {
			height: 152px;
			aspect-ratio: 1/1;
			width: auto;
			margin: 0 auto;
			text-align: center;
			border-radius: 50%;
			object-fit: cover;
			border: solid 5px #fff;

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

	.card-body {
		display: flex;
		flex-direction: column;
		padding: 1.5625rem 1.25rem 1.25rem;
		align-items: center;
		justify-content: center;

		.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.125rem;
			font-family: var(--wp--preset--font-family--primary);
			font-weight: 900;
			margin: 0;
			color: var(--wp--preset--color--primary);
		}

		.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;
	}
}

/* card actu */
.card-avis {
	max-width: 302px;
	padding: 1.875rem;
	border: none;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.14);

	@media(width < 768px) {
		padding: 1.5rem;
		max-width: 270px;
		margin: 0 auto;
	}

	.stars {
		margin-bottom: 20px;

		i {
			color: var(--wp--preset--color--tertiary);
		}

		span {
			display: none;
		}
	}

	.card-avis__titre {
		font-size: 1rem;
		margin: 0 0 6px;
		font-weight: var(--wp--custom--font-weight--black);
		font-family: var(--wp--preset--font-family--primary);
		line-height: 1.625rem;
	}

	.card-avis__texte {
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		display: -webkit-box;
		overflow: hidden;
	}

	.card-footer {
		margin-top: 1rem;
		display: flex;
		align-items: center;
		flex-direction: row;
		font-size: .75rem;
	}

	.card-avis__portrait {
		width: 28px;
		border-radius: 50%;
		margin-right: 8px;
	}

	.card-avis__nom {
		font-weight: var(--wp--custom--font-weight--extra-bold);
		color: var(--wp--preset--color--primary);
		margin-right: 6px;
	}

}

/* Card annonce */
.tag {
	position: absolute;
	top: 10px;
	left: 10px;
	background-color: #A99070;
	color: #fff;
	font-size: .6875rem;
	font-weight: var(--wp--custom--font-weight--semi-bold);
	padding: 5px 10px;
	border-radius: 4px;
	z-index: 2;
	text-transform: uppercase;
	box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.35);
}

.card-annonce {
	border: none;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	height: 100%;
	display: flex;
	flex-direction: column;
	min-height: 412px;
	padding: 10px;
	transition: all 300ms ease-in-out;

	&:hover {
		transform: translateY(-10px);
		box-shadow: 0 2px 20px 0 rgba(75, 65, 52, 0.35);
	}

	img {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 60%;
		z-index: 0;
		object-fit: cover;
	}

	&:after {
		content: '';
		background: linear-gradient(180deg, rgba(169, 144, 112, 0) 40%, #A99070 50%);
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 1;
	}

	.card-body {
		padding: 16px 20px;
		margin-top: auto;
		z-index: 2;
		background-color: rgba(254, 254, 254, 0.8);
		border-radius: 10px;

		.card-annonce__titre {
			margin: 0;
			text-transform: none;
			font-size: 1.125rem;
			font-weight: var(--wp--custom--font-weight--black);
			font-family: var(--wp--preset--font-family--primary);
		}

		.card-annonce__datas {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			margin-bottom: 8px;
			margin-top: 8px;
			column-gap: 10px;

			p {
				color: var(--wp--preset--color--secondary);
				font-size: .75rem;
				text-transform: uppercase;
				font-weight: var(--wp--custom--font-weight--bold);
				margin: 0;
				padding: 0;

				i {
					margin-right: 4px;
				}
			}
		}

		.card-annonce__prix {
			padding: 0;
			margin: 0;
			font-size: var(--wp--preset--font-size--large);
			font-weight: var(--wp--custom--font-weight--black);
			font-family: var(--wp--preset--font-family--primary);
		}
	}

	.card-footer {
		padding: 16px 0 0;
		margin-bottom: 0;

		a {
			display: block;

			color: var(--wp--preset--color--primary);
			text-decoration: none;
			font-weight: var(--wp--custom--font-weight--black);
		}
	}

	&.card-annonce--marker {
		padding: 0;
		min-height: auto;
		max-width: 272px;

		&:after {
			display: none;
		}

		.card-annonce__image {
			position: relative;
			aspect-ratio: 16/9;
			max-height: 126px;

		}

		.card-body {
			margin: 0;
			z-index: 0;
		}

		&:hover {
			transform: none;
			box-shadow: none;
		}
	}
}

/* card annonce modal */
.card-annonce-modal {
	background-color: rgba(169, 144, 112, 0.3);
	border-radius: 6px;
	padding: 24px;
	max-width: 387px;

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

	.card-annonce-modal__titre {
		font-size: var(--wp--preset--font-size--base);
		font-weight: var(--wp--custom--font-weight--bold);
		font-family: var(--wp--preset--font-family--primary);
		margin: 0 0 16px;

		@media(width < 768px) {
			margin: 0 0 10px;
		}
	}

	.card-annonce-modal__datas {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		margin-bottom: 8px;
		margin-top: 8px;
		column-gap: 10px;

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

		p {
			color: var(--wp--preset--color--secondary);
			font-size: 1rem;
			text-transform: uppercase;
			font-weight: var(--wp--custom--font-weight--regular);
			margin: 0;
			padding: 0;

			i {
				margin-right: 4px;
			}

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

	.card-annonce-modal__prix {
		padding: 0;
		margin: 0;
		font-size: 2.5rem;
		font-weight: var(--wp--custom--font-weight--black);
		font-family: var(--wp--preset--font-family--primary);
	}

	.card-annonce-modal__image {
		position: relative;
		margin: 16px 0;

		@media(width < 768px) {
			margin: 10px 0;
		}

		img {
			width: 100%;
			border-radius: 6px;
			max-height: 200px;
			object-fit: cover;

			@media(width < 768px) {
				max-height: 150px;
			}
		}
	}
}


.card-agence {
	border: none;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	height: 100%;
	display: flex;
	flex-direction: column;
	min-height: 412px;
	padding: 10px;
	transition: all 300ms ease-in-out;

	&:hover {
		transform: translateY(-10px);
		box-shadow: 0 2px 20px 0 rgba(75, 65, 52, 0.35);
	}

	img {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 60%;
		z-index: 0;
		object-fit: cover;
	}

	&:after {
		content: '';
		background: linear-gradient(180deg, rgba(169, 144, 112, 0) 40%, #A99070 50%);
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 1;
	}

	.card-body {
		padding: 16px 20px;
		margin-top: auto;
		z-index: 2;
		background-color: rgba(254, 254, 254, 0.8);
		border-radius: 10px;

		.card-agence__titre {
			margin: 0;
			text-transform: none;
			font-size: 1.125rem;
			font-weight: var(--wp--custom--font-weight--black);
			font-family: var(--wp--preset--font-family--primary);
		}

		.card-agence__datas {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			margin-bottom: 8px;
			margin-top: 8px;
			column-gap: 10px;

			p {
				color: var(--wp--preset--color--secondary);
				font-size: .75rem;
				text-transform: uppercase;
				font-weight: var(--wp--custom--font-weight--bold);
				margin: 0;
				padding: 0;

				i {
					margin-right: 4px;
				}
			}
		}

		.card-agence__prix {
			padding: 0;
			margin: 0;
			font-size: var(--wp--preset--font-size--large);
			font-weight: var(--wp--custom--font-weight--black);
			font-family: var(--wp--preset--font-family--primary);
		}
	}

	.card-footer {
		padding: 16px 0 0;
		margin-bottom: 0;

		a {
			display: block;

			color: var(--wp--preset--color--primary);
			text-decoration: none;
			font-weight: var(--wp--custom--font-weight--black);
		}
	}

	&.card-agence--marker {
		padding: 0;
		min-height: auto;
		max-width: 272px;

		&:after {
			display: none;
		}

		.card-agence__image {
			position: relative;
			aspect-ratio: 16/9;
			max-height: 126px;

		}

		.card-body {
			margin: 0;
			z-index: 0;
		}

		&:hover {
			transform: none;
			box-shadow: none;
		}
	}
}

/* Menu liste */
.menu__list {
	list-style: none;
	padding: 0;
	margin: 0;

	li {
		margin: 5px 0;

		a {
			text-decoration: none;

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

/* Utilities */

.btn-link {
	font-weight: bold;

	span {
		position: relative;

		&:before {
			content: '';
			position: absolute;
			bottom: -2px;
			left: 0;
			width: 100%;
			height: 1px;
			background-color: var(--wp--preset--color--primary);
			transition: all 300ms ease-in-out;
			transform: scaleY(0);
			transform-origin: bottom;
		}
	}

	&:hover {
		text-decoration: none;

		span {
			&:before {
				transform: scaleY(1);
			}
		}
	}

	&.btn-link--dark {
		color: var(--wp--preset--color--main);

		span {
			&:before {
				background-color: var(--wp--preset--color--main);
			}
		}
	}
}

.btn-link-second {
	font-weight: bold;
	color: var(--wp--preset--color--primary);
	text-decoration: none;

	i {
		margin-left: 8px;
	}

	span {
		position: relative;

		&:before {
			content: '';
			position: absolute;
			bottom: -2px;
			left: 0;
			width: 100%;
			height: 1px;
			background-color: var(--wp--preset--color--primary);
			transition: all 300ms ease-in-out;
			transform: scaleY(0);
			transform-origin: bottom;
		}
	}

	&:hover {
		text-decoration: none;

		span {
			&:before {
				transform: scaleY(1);
			}
		}
	}

	&.btn-link--dark {
		color: var(--wp--preset--color--main);

		span {
			&:before {
				background-color: var(--wp--preset--color--main);
			}
		}
	}
}

.wp-block-button__link {
	width: auto;

	@media(width < 768px) {
		min-width: inherit;
	}
}

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

}

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

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

.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;



	&.open {
		height: 100%;
		transition: height 200ms ease-in-out;
	}
}

/* gravity forms */
.gform_wrapper {
	.gform_heading {
		margin-bottom: 16px;

		.gform_required_legend {
			margin: 0;
			padding: 0;
			font-size: 12px;
		}
	}

	.gform_fields {
		row-gap: 20px;

		.gfield {
			.gfield_label {
				font-size: 1rem;
			}

			.ginput_container {

				input[type="text"],
				input[type="email"],
				input[type="phone"],
				input[type="file"],
				textarea,
				select {
					height: auto;
					box-shadow: none;
					padding: 16px 20px;
					border: solid 2px rgba(0, 0, 0, 0.15);
					border-radius: 6px;
					font-size: 1rem;
					line-height: normal;

					&:placeholder {
						color: rgba(0, 0, 0, 0.5)
					}
				}

				input[type="checkbox"] {
					box-shadow: none;
					border: solid 2px rgba(0, 0, 0, 0.15);
				}
			}
		}
	}

	.gform_footer {
		input[type="submit"] {
			background: linear-gradient(134.45deg, var(--wp--preset--color--primary) -21%, var(--wp--preset--color--primary-darken) 88.39%);
			color: var(--wp--preset--color--base);
			border-radius: 10px !important;
			min-width: 200px !important;
			padding: 16px 20px !important;
			display: inline-block !important;
		}
	}
}

.add-message {
	position: relative;
	display: flex;
	align-items: center;

	&:before {
		content: '+';
		border: solid 1px var(--wp--preset--color--primary);
		width: 20px;
		height: 20px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 12px;
		color: var(--wp--preset--color--primary);
		margin-right: 10px;
		border-radius: 50%;
	}

	&:hover {
		cursor: pointer;
	}

	&.open {
		&:before {
			content: '-';
		}
	}
}

/**************/

.modal {
	.btn-close {
		position: absolute;
		top: 15px;
		right: 15px;
		z-index: 1;

		&:hover {
			cursor: pointer;
		}
	}



	.modal-title {
		position: relative;
		font-weight: 900;
		font-size: 18px;
		font-family: var(--wp--preset--font-family--primary);
	}


	.modal-content {
		box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.15);
	}

	.modal-body {
		padding: 48px 48px 48px 48px;

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

			.card-annonce-modal {
				margin-bottom: 48px;
			}
		}
	}
}

/*** modal share **/
#shareModal {
	.modal-body {
		.reseaux {
			display: flex;
			align-items: center;
			justify-content: center;
			flex-wrap: wrap;
			gap: 20px;


			.btn-rs {
				display: inline-flex;
				align-items: center;
				justify-content: center;
				border: solid 2px rgba(0, 0, 0, 0.15);
				border-radius: 6px;
				padding: 12px 20px;
				background-color: transparent;
				text-decoration: none;
				transition: all 300ms ease-in-out;

				svg {
					margin-right: 10px;

					path {
						transition: all 300ms ease-in-out;
					}
				}

				i {
					margin-right: 10px;
				}

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

					svg {
						path {
							fill: #fff !important;
						}
					}

				}
			}
		}
	}
}


/**** google map ****/

.gm-style-iw {
	padding: 0 !important;

	.gm-style-iw-chr {
		position: absolute;
		z-index: 3;
		right: 0;

		.gm-style-iw-ch {
			padding: 0;
		}

		button {
			width: 25px;
			height: 25px;

			svg {
				margin: 0;
				width: 12px;
				height: 12px;
				background-color: #fff !important;
			}
		}
	}

	.gm-style-iw-d {
		padding: 0;
		overflow: inherit !important;
	}
}

/****/

.bottom_breadcrumb {
	@media(width > 768px) {
		display: none;
	}
}

/**** reassurance ****/
.site-reassurance {
	.wp-block-columns {
		.wp-block-column {
			@media(width < 765px) {
				flex-basis: 45% !important;
				padding: 0 8px;
			}
		}
	}
}

/**** newsletter ****/
.bloc-newsletter,
.site-newsletter {
	.gform_wrapper {
		display: flex;
		flex-direction: column;

		.gform_heading {
			order: 3;
			margin: 0;
		}

		.gform_validation_errors {
			margin: 0 0 1em;
			padding: 8px;
			outline: none;
		}

		.gform_fields {
			display: flex;
			column-gap: 0;

			.gfield--type-email {
				width: 280px;

				input {
					height: 55px !important;
					border-right: 0 !important;
					border-top-left-radius: 6px;
					border-top-right-radius: 0 !important;
					border-bottom-right-radius: 0 !important;
					border-bottom-left-radius: 6px;
					border-color: rgba(29, 29, 27, 0.15);
					background-color: rgba(0, 0, 0, 0.06);
					box-shadow: none;
				}
			}

			.gfield--type-submit {
				width: auto;
				padding: 0;
				align-items: flex-start !important;

				input[type="image"] {
					border: none;
					border-radius: 0;
					width: 53px;
					background: transparent !important;
					padding: 0 !important;
					margin: 0;
				}
			}
		}
	}
}

.bloc-newsletter {
	.gform_wrapper {
		.gform_fields {
			.gfield--type-email {
				width: 80%;
			}
		}
	}
}

.site-newsletter {

	.col-left,
	.col-right {
		@media(width < 765px) {
			flex-basis: 100% !important;
		}
	}

	.col-left {
		@media(width < 765px) {
			padding-left: 0 !important;
			padding-right: 0 !important;
		}
	}

}

/**** footer ****/

.site-footer {

	.m-telephone {
		i {
			display: none;
		}
	}

	.footer__columns {
		gap: 1em;

		@media(width < 768px) {
			.footer__menus {
				>p {
					display: flex;
					align-items: center;
					font-size: 1rem !important;

					&:after {
						margin-left: auto;
						content: '\f107';
						font-family: 'icons';
						font-size: 1.5rem;
						color: var(--wp--preset--color--primary);
						transition: all 300ms ease-in-out;
					}
				}

				.wp-block-group {
					height: 0;
					overflow: hidden;
					transition: all 300ms ease-in-out;
					margin: 0 !important;

				}

				&.open {
					>p {
						&:after {
							transform: rotate(180deg);
						}
					}

					.wp-block-group {
						height: auto;
					}
				}
			}
		}


	}

	.footer__legal {
		a {
			text-decoration: none;
		}

		@media(width < 768px) {
			p {
				margin: 5px 0;
			}

			text-align: center;
			display: block;
		}
	}
}


/*******************/

.wp-block-button a.has-base-background-color:hover {
	background-color: var(--wp--preset--color--primary) !important;
	color: var(--wp--preset--color--tertiary) !important;
}

/* Button - Fill Style
--------------------------------------------- */
@property --btn-gradient-start {
	syntax: '<color>';
	initial-value: #E51F1F;
	inherits: false;
}

@property --btn-gradient-end {
	syntax: '<color>';
	initial-value: #A21A1A;
	inherits: false;
}

.wp-block-button.is-style-fill .wp-block-button__link,
.wp-block-button-obf.is-style-default .wp-block-button__link,
.wp-block-button-obf.is-style-fill .wp-block-button__link,
.wp-block-button__link.is-style-fill {
	background: linear-gradient(134.45deg, var(--btn-gradient-start) -21%, var(--btn-gradient-end) 88.39%);
	color: var(--wp--preset--color--base);
	transition: --btn-gradient-start 0.2s ease, --btn-gradient-end 0.2s ease;

	/* padding: .5em 1em; */
	span {
		color: #fff;
	}
}

.wp-block-button.is-style-fill .wp-block-button__link:hover,
.wp-block-button-obf.is-style-default .wp-block-button__link:hover,
.wp-block-button-obf.is-style-fill .wp-block-button__link:hover,
.wp-block-button__link.is-style-fill:hover {
	--btn-gradient-start: #A21A1A;
	--btn-gradient-end: #7E1515;
}

/* Button - Style blanc
--------------------------------------------- */

.wp-block-button.is-style-light .wp-block-button__link,
.wp-block-button__link.is-style-light {
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)),
		linear-gradient(146.81deg, rgba(255, 255, 255, 0) 25.91%, #FFFFFF 88.26%);
	color: #363636;
	/* padding: .5em 1em; */
}

.wp-block-button.is-style-light .wp-block-button__link:hover,
.wp-block-button__link.is-style-light:hover {
	background: #fff;
}

/* Button - Outline Style
--------------------------------------------- */

.wp-block-button.is-style-outline .wp-block-button__link,
.wp-block-button-obf.is-style-outline .wp-block-button__link,
.wp-block-button__link.is-style-outline {
	padding: 14px 22px;
	border: solid 2px var(--wp--preset--color--primary);
	background-color: transparent;
	color: var(--wp--preset--color--primary);
	/* padding: .5em 1em; */
}

.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button-obf.is-style-outline .wp-block-button__link:hover,
.wp-block-button__link.is-style-outline:hover {
	border-color: var(--wp--preset--color--base);
	background-color: transparent;
	color: var(--wp--preset--color--base);
}

/* Button - Secondary Style
--------------------------------------------- */

@property --btn-gradient-secondary-start {
	syntax: '<color>';
	initial-value: rgba(169, 144, 112, 0.4);
	inherits: false;
}

@property --btn-gradient-secondary-middle {
	syntax: '<color>';
	initial-value: rgba(137, 115, 87, 0);
	inherits: false;
}

@property --btn-gradient-secondary-end {
	syntax: '<color>';
	initial-value: rgba(137, 115, 87, 0.2);
	inherits: false;
}

.m-telephone.is-style-secondary .wp-block-button__link,
.is-style-secondary-button .wp-block-button-obf,
.wp-block.is-style-secondary-button .wp-element-button,
.wp-block-button-obf.is-style-secondary .wp-block-button__link,
.wp-block-button__link.is-style-secondary {
	background: linear-gradient(0deg, var(--btn-gradient-secondary-start), var(--btn-gradient-secondary-start)),
		linear-gradient(145.42deg, var(--btn-gradient-secondary-middle) 31.37%, var(--btn-gradient-secondary-end) 88.64%);
	transition: --btn-gradient-secondary-start 0.2s ease, --btn-gradient-secondary-middle 0.2s ease, --btn-gradient-secondary-end 0.2s ease;
	color: #66533C;
}

.m-telephone.is-style-secondary .wp-block-button__link:hover,
.is-style-secondary-button:hover .wp-element-button,
.wp-block.is-style-secondary-button:hover .wp-element-button,
.wp-block-button-obf.is-style-secondary .wp-block-button__link:hover,
.wp-block-button__link.is-style-secondary:hover {
	--btn-gradient-secondary-start: rgba(169, 144, 112, 0.5);
}


/* Bouton de niveau 3 */
.is-style-level3.wp-element-button,
.is-style-level3 .wp-element-button {
	font-weight: 800;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	color: var(--wp--preset--color--primary);
	text-decoration: none;
	background-color: transparent;
	display: inline-flex;
	font-size: 1rem;
	text-decoration: underline;

}

/* bouton readmore */
.readmore {
	font-size: 1.125rem;
	color: var(--wp--preset--color--primary);
	font-weight: bold;
	font-family: var(--wp--preset--font-family--secondary);
	display: flex;
	align-items: center;
	text-decoration: none;

	&:hover {
		cursor: pointer;
	}

	&:after {
		content: '+';
		margin-left: 5px;
	}

	&.open {
		&:after {
			content: '-';
		}
	}
}


/***/

.player-video-btn {
	position: relative;

	span {
		display: flex;
		width: 135px;
		height: 135px;
		border-radius: 50%;
		background-color: transparent;
		border: solid 3px #fff;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1;
		margin: auto;
		align-items: center;
		justify-content: center;

		&:hover {
			cursor: pointer;
		}

		&:after {
			content: '';
			display: inline-block;
			height: 0;
			width: 0;
			border-top: 38px solid transparent;
			border-bottom: 38px solid transparent;
			border-left: 66px solid #fff;
			margin-left: 10px;
		}
	}
}

/**** swiper global ****/
.swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
	box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.07);
	transform: scale(0.8);
}

/**** facets *****/

.facetwp-type-fselect {
	.fs-wrap {
		.fs-label-wrap {
			.fs-label {
				color: var(--wp--preset--color--main);
			}
		}
	}

	.fs-option {
		.fs-option-label {
			color: var(--wp--preset--color--main);
		}
	}
}


.facetwp-type-fselect {
	.fs-wrap {
		width: 280px;

		@media(width < 787px) {
			width: 100%;
		}

		.fs-label-wrap {
			min-height: 56px;
			border-color: rgba(0, 0, 0, 0.15);
			border-width: 2px;
			border-radius: 6px;

			.fs-label {
				font-size: 1rem;
				padding: 16px 20px;
				color: rgba(0, 0, 0, 0.5);
			}

			.fs-arrow {
				border-top: 5px solid var(--wp--preset--color--primary);
				right: 11px;
			}
		}

		&.fs-open {
			.fs-label-wrap {
				border-bottom-left-radius: 0;
				border-bottom-right-radius: 0;
			}
		}

		.fs-dropdown {
			border: none;
			box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);

			.fs-options {
				max-height: 250px;

				.fs-option {
					padding: 16px 20px 16px 20px;


					&:hover {
						background-color: rgba(0, 0, 0, 0.1);
						cursor: pointer;
					}

					&.selected {
						background-color: var(--wp--preset--color--secondary-accent);
					}
				}
			}
		}

		&.multiple {
			.fs-options {
				.fs-option {
					padding: 16px 20px 16px 30px;

					.fs-checkbox {
						i {
							border-width: 2px;
							border-color: rgba(0, 0, 0, 0.15);
						}
					}

					&.selected .fs-checkbox i {
						border-color: var(--wp--preset--color--primary);
						background-color: var(--wp--preset--color--primary);
					}
				}
			}
		}
	}


	&.facetwp-facet-achat_localisation,
	&.facetwp-facet-location_localisation {
		.fs-dropdown {

			.fs-options {

				.fs-option {
					&.d0 {
						.fs-option-label {
							font-weight: bold;
						}
					}

					&.d1 {
						.fs-option-label {
							padding-left: 10px;
							font-weight: bold;
						}
					}

					&.d2 {
						.fs-option-label {
							padding-left: 20px;
						}
					}

					&.d3 {
						.fs-option-label {
							padding-left: 30px;
							font-style: italic;
						}
					}
				}
			}
		}
	}
}


.facetwp-type-number_range {

	.facetwp-number {
		border-color: rgba(0, 0, 0, 0.15);
		border-width: 2px;
		border-radius: 6px;
		padding: 16px 20px;
		line-height: normal;
		min-width: 250px;

		@media(width < 787px) {
			width: 100%;
		}

		&::placeholder {
			color: rgba(0, 0, 0, 0.5);
		}

		&:focus {
			border-color: rgba(0, 0, 0, 0.15);
			outline: none;
		}
	}

	.facetwp-submit {
		display: none;
	}
}


.facetwp-type-pager {
	&.facetwp-facet-pagination {
		text-align: center;

		.facetwp-page {
			&:not(.dots) {
				color: var(--wp--preset--color--main);
				text-decoration: none;
				font-weight: var(--wp--custom--font-weight--normal);
				background-color: rgba(169, 144, 112, 0.3);
				width: 29px;
				height: 29px;
				text-align: center;
				margin: 0 10px;
				border-radius: 6px;
				line-height: 30px;
			}

			&.dots {
				text-decoration: none;
			}

			&.active {
				font-weight: bold;
				background: linear-gradient(180deg, red, #A21A1A);
				color: #fff;
			}
		}
	}
}


.facetwp-type-autocomplete {
	position: relative;

	.fcomplete-wrap {
		width: 100%;
		font-size: 14px;
	}

	.facetwp-autocomplete-update {
		display: none;
	}
}