/*** HELPERS & GENERAL ***/

@media (max-width: 1200px) {
	.container {max-width: calc(100% - var(--u-xl));}
}

@media (max-width: 992px) {
	* {line-height: initial;}
	.container {max-width: calc(100% - var(--u-lg));}
/*	.container {max-width: calc(100% - var(--u-xxl));}*/
}

@media (max-width: 600px) {
	.container {max-width: calc(100% - var(--u));}
}

/*** COLOR & TYPOGRAPHY ***/

@media (max-width: 992px) {
	h1 {font-size: 2rem;}
	h2 {font-size: 1.85rem;}
	h3 {font-size: 1.7rem;}
	h4 {font-size: 1.5rem;}
	h5 {font-size: 1.2rem;}
}

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

@media (max-width: 576px) {
	h1 {font-size: 1.8rem;}
	h2 {font-size: 1.6rem;}
	h3 {font-size: 1.4rem;}
	h4 {font-size: 1.25rem;}
	h5 {font-size: 1.1rem;}
	p, blockquote {font-size: .85rem;}
}

@media (max-width: 400px) {
}

/*** COMPONENTS ***/

@media (max-width: 992px) {
	section {padding: calc(var(--u-xxl) + var(--u)) 0;}
	main section:last-child {padding-bottom: calc(var(--u-xxl) * 2);}
	.card-icon .material-symbols-outlined {font-size: 3.8rem;}
	.controller {display: none;}
	.cover.a-parallax {height: 100%; width: 100%; object-fit: cover; transform: none !important; top: 0;}
}

@media (max-width: 768px) {
	section {padding: var(--u-xxl) 0;}
	main section:last-child {padding-bottom: calc(var(--u-xl) * 2);}
	.card-icon .material-symbols-outlined {font-size: 3.2rem;}
	.btns-group {flex-wrap: wrap;}
}

@media (max-width: 600px) {
	section {padding: var(--u-xl) 0;}
	main section:last-child {padding: var(--u-xl) 0;}
	.card-icon .material-symbols-outlined {font-size: 3rem;}
	.btn.btn-i .material-symbols-outlined {font-size: 1.5rem; margin-left: -12px;}
}

/*** GRID SYSTEM ***/

@media (max-width: 992px) {
	.grid.g-2 .grid-item {width: calc(100% - var(--u));}
	.grid.g-3 .grid-item {width: calc(50% - var(--u));}
	.grid.g-6 .grid-item {width: calc(33.33% - var(--u));}

	.grid-item.gi-33, .grid-item.gi-66 {width: calc(100% - var(--u));}
}

@media (max-width: 600px) {
/*	.grid.g-6 .grid-item {width: calc(50% - var(--u));}*/
}

/*** HEADER ***/

@media (max-width: 992px) {
	#header-marquee {font-size: .8rem;}
	#pre-header {justify-content: center;}
	#header #header-left {min-width: 50px; width: initial;}
	#header #header-left ul, #pre-header div:last-child {display: none;}
	#header #header-logo {width: 200px;}
	#btn-contact {bottom: var(--u); right: 0;}
	#btn-contact a.btn {border-radius: var(--u-xl) 0 0 var(--u-xl);}
}

@media (max-width: 768px) {
	#header #header-right .btn {font-size: 0rem;}
	#header #header-right .btn .material-symbols-outlined {font-size: 2rem; margin: -16px;}
}

@media (max-width: 600px) {
	#pre-header {font-size: .7rem;}
	#header #header-right .btn .material-symbols-outlined {font-size: 1.5rem; margin-left: -12px;}
	#header #header-logo {width: 140px; min-width: 140px !important;}
	#header #header-right #hr-btn-contact span {margin-left: -13px;}
}

@media (max-width: 450px) {
	#header-right.btns-group a:last-child {display: none;}
}

/*** HOME ***/

@media (max-width: 1400px) {
	#home-maison #hm-right #hm-content {width: 80%;}
}

@media (max-width: 1200px) {
	#home-maison #hm-right #hm-content {width: 100%;}
}

@media (max-width: 992px) {
	#hh-content {width: 100%; padding: var(--u-xl) !important;}
	#hh-quickview {display: none;}
	#hh-quickview-resp {display: flex;}
	#hs-intro .grid-item:last-child {height: 250px;}
	#home-salle #cards-games {margin-bottom: var(--u-n);}
	#cards-games .card-game:nth-child(n+6) {display: none;}
	#home-maison-content {flex-direction: column-reverse;}
	#home-maison #hm-left, #home-maison #hm-right, #home-maison #hm-right #hm-content {width: 100%;}
	#home-maison #hm-left {margin-right: var(--u-lg);}
	#home-maison #hm-right {padding-left: var(--u-lg);}
	#home-experience #he-salon {height: auto; aspect-ratio: 16 / 9;}
	#home-experience .gi-33 #he-salon + .grid.g-2 .grid-item {width: calc(50% - var(--u));}
	#home-clients::before, #home-clients::after, #hc-temoignages::before, #hc-temoignages::after {display: none;}
	#hc-screen {position: relative; padding-left: var(--u-lg); padding-right: 0;}
	#hc-screen::before {right: calc(100% - var(--u-lg)); height: calc(100% - 80px);}
	#hc-intro.grid.g-2 .grid-item:last-child {position: absolute;}
}

@media (max-width: 832px) {
	#hh-reservation #apartmentIframeAll {height: 325px;}
}

@media (max-width: 768px) {
	#hh-content {padding: var(--u-lg) !important; padding-bottom: var(--u-xxl) !important;}
	#home-maison #hm-left {margin-right: var(--u);}
	#home-maison #hm-right {padding-left: var(--u);}
}

@media (max-width: 650px) {
	#hh-bar-1 {display: none;}
	#home-salle .grid.g-6 .grid-item {width: calc(50% - var(--u));}
	#hc-carousel .hc-carousel-item .card-content img {height: calc(var(--u-xxl) * 2); width: auto;}
}

@media (max-width: 600px) {
	#hh-content {padding: 0 !important; padding-bottom: var(--u-xl) !important;}
	#hc-intro.grid.g-2 .grid-item:last-child {display: none;}
}

@media (max-width: 465px) {
	#hh-reservation h3 {margin-left: 0; margin-bottom: var(--u-n);}
	#hh-reservation h3::before {display: none;}
	#hh-reservation #apartmentIframeAll {border-top-left-radius: 0;}
}

@media (max-width: 400px) {
	#hh-reservation #apartmentIframeAll {height: 412px;}
	.card-temoignage-profil {flex-direction: column;}
	.card-temoignage-profil > img {margin-right: 0 !important; margin-bottom: var(--u);}
	.card-temoignage-profil > div {display: flex; flex-direction: column; align-items: center; text-align: center;}
}

/*** PAGES ***/

@media (max-width: 1300px) {
	.presentation-nav-container {display: none;}
	.presentation-section {padding-right: var(--u-xl);}
}

@media (max-width: 992px) {
	.page-presentation section.blue:first-child {z-index: 1;}
/*	.page-presentation + footer {border-radius: 0;}*/
	#presentation {flex-direction: column;}
/*	.presentation-left {width: 100%; height: auto; aspect-ratio: 1 / 1; position: sticky; z-index: 0; opacity: .66; margin-bottom: calc(var(--u-xxl-n) * 4); margin-top: var(--u-xxl-n);}*/
	.presentation-left {
		display: none;
		opacity: 1;
		z-index: 3;
		bottom: 0;
		top: calc(100% - 180px);
		height: 180px;
		width: 100%;
	}
/*	.presentation-left::before {content: ''; display: block; position: absolute; width: 100%; height: 100%; top: 0; background: var(--white); z-index: 2; background: linear-gradient(0deg, rgba(252, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);}*/
/*	.presentation-left img {margin: 0; width: 100%; border-top-right-radius: 0; height: auto; aspect-ratio: 1 / 1;}*/
	.presentation-left img {width: 100%; height: 100%; object-fit: cover;}
	.presentation-right {width: 100%; flex-direction: column; z-index: 2;}
	.presentation-content {width: 100%;}
	.presentation-nav {width: 100%; height: auto; position: relative;}
	.presentation-section {padding: calc(var(--u-xxl) + var(--u)) var(--u-lg);}
/*	.presentation-section:first-child {margin-top: -180px;}*/
/*	.presentation-section:last-child {margin-bottom: calc(var(--u-xxl-n) * 8);}*/
	.presentation-section > img {display: block; aspect-ratio: 16 / 9; object-fit: cover; order: -1; border-radius: var(--u); margin-bottom: var(--u-lg);}
	.presentation-section:last-child {border-bottom-left-radius: 0;}
	#blog-intro {margin-top: 0;}
	#single-cols {flex-direction: column;}
	#single-cols #single-left {width: 100%; padding-right: 0;}
	#single-cols #single-right {background: var(--blue-a); width: 100%; padding-left: 0; padding: var(--u-lg); border-radius: var(--u); margin-left: 0; margin-top: var(--u-xxl); border-left: 0;}
/*	#page-tarif-intro {margin-top: calc(var(--u-xxl-n) * 2.5);}*/
	#page-tarif-intro img:not(.emoji) {width: calc(var(--u-xl) * 2);}
	#content-404 h1, #content-merci h1, .empty h2 {font-size: 8rem;}
}

@media (max-width: 768px) {
	.presentation-section {padding: var(--u-xxl) var(--u);}
	#page-tarif-intro {margin-top: 0;}
	#content-404 h1, #content-merci h1, .empty h2 {font-size: 6rem;}
}

@media (max-width: 600px) {
	.presentation-section {padding: var(--u-xl) var(--u); /* padding-top: calc(var(--u-xxl) * 4); */}
	.cards-icons .material-symbols-outlined {font-size: 3rem;}
	#content-404 h1, #content-merci h1, .empty h2 {font-size: 3rem;}
}

@media (max-width: 400px) {
	.wp-block-group.cards-icons {display: flex; flex-wrap: wrap;}
	.wp-block-group.cards-icons .wp-block-group, .wp-block-group.cards-icons > a {width: calc(50% - var(--u-sm));}
	.wp-block-group.cards-icons > a > .wp-block-group {width: 100%;}
	.cards-icons .material-symbols-outlined {font-size: 2.8rem;}
	.cards-icons h5 {font-size: 1rem;}
}

/*** SINGLES ***/

/*** WP CONTENT ***/

@media (max-width: 992px) {
	#wp-content .attachment-post-thumbnail {margin-top: initial;}
}

/*** FOOTER ***/

@media (max-width: 992px) {
	footer #footer {flex-direction: column;}
	footer #footer-left {width: 100%;}
	footer #footer-left #footer-brand {justify-content: center;}
	footer #footer-right {width: 100%; padding-left: 0; flex-direction: row; align-items: flex-start; margin-top: var(--u-lg);}
	footer #footer-social {margin-top: 0 !important; margin-left: var(--u-lg);}
}

@media (max-width: 768px) {
	footer {padding-top: var(--u-lg); border-radius: var(--u-lg) var(--u-lg) 0 0;}
	footer #footer-left #footer-brand {flex-direction: column; text-align: center;}
	footer #footer-left #footer-links {flex-wrap: wrap; justify-content: center; gap: var(--u-sm);}
	footer #footer-left #footer-links li {margin: 0;}
	footer #footer-left #footer-links li:first-child {display: none;}
	footer #footer-left #footer-sub-links {flex-wrap: wrap; justify-content: center; gap: var(--u-sm);}
	footer #footer-left #footer-sub-links li {margin: 0;}
	footer #footer-logo {margin-right: 0; margin-bottom: var(--u);}
}

@media (max-width: 600px) {
	footer {margin-top: var(--u-lg-n);}
	footer #footer-right {flex-direction: column; align-items: center;}
	footer #footer-social {margin-top: var(--u-lg) !important; margin-left: 0;}
}

/*** JS ***/

@media (max-width: 992px) {
	.blueimp-gallery > .indicator > li {width: var(--u-lg); height: var(--u-lg);}
	.modal-flex .modal-content .modal-background {display: none;}

@media (max-width: 768px) {
	.blueimp-gallery .next {right: var(--u-sm);}
	.blueimp-gallery .prev {left: var(--u-sm);}
	.blueimp-gallery > .indicator > li {width: var(--u-me); height: var(--u-me);}
}

@media (max-width: 600px) {
	.offcanvas.offcanvas-start {top: 0; left: 0; height: 100%; width: 100%; border-radius: 0;}
	.custom-tooltip {display: none;}
	.blueimp-gallery > .indicator > li {width: var(--u); height: var(--u);}
}

/*** CHEATS ***/

/*** IOS & mobiles devices ***/

@supports (-webkit-touch-callout: none) {
	/* CSS specific to iOS devices */
	.modal-flex .modal-content, .modal-news .modal-content {background: rgba(255, 255, 255, .90);}
	.offcanvas.offcanvas-start {background: rgba(252, 82, 21, .9); background: linear-gradient(0deg, rgba(252, 82, 21, 1) 0%, rgba(255, 255, 255, .9) 100%);}
}

@supports not (-webkit-touch-callout: none) {
	/* CSS for other than iOS devices */ 
}