/*** HELPERS & GENERAL ***/

@media (min-width: 1200.01px) and (max-width: 1400px) {
	.container {width: 80%;}
}

@media (min-width: 992px) and (max-width: 1200px) {
	.container {width: 90%;}
}

/*** COLOR & TYPOGRAPHY ***/

@media (max-width: 992px) {
	h1 {font-size: 2.5rem;}
	h2 {font-size: 2.25rem;}
	h3 {font-size: 2rem;}
	h4 {font-size: 1.75rem;}
	h5 {font-size: 1.5rem;}
}

@media (max-width: 600px) {
	h1 {font-size: 2rem;}
	h2 {font-size: 2rem;}
	h3 {font-size: 1.75rem;}
	h4 {font-size: 1.5rem;}
	h5 {font-size: 1.25rem;}
}

/*** COMPONENTS ***/

@media (max-width: 992px) {
	section {padding-top: var(--u-xl);}
	.floating-icon {width: var(--u-xxl); height: var(--u-xxl); left: var(--u-lg);}
	.floating-icon img {padding: var(--u);}
	.pastille {width: var(--u-xl); height: var(--u-lg);}
}

@media (max-width: 768px) {
	.floating-icon {left: var(--u-n);}
	.floating-icon.fi-right {right: var(--u-n);}
}

@media (max-width: 600px) {
	.pastille {width: calc(var(--u-xl) - var(--u-sm)); height: calc(var(--u-lg) - var(--u-sm));}
}

/*** GRID SYSTEM ***/

@media (max-width: 1200px) {
	.grid.g-4 > .grid-item {width: calc(50% - var(--u));}
	.grid.g-10 > .grid-item {width: calc(16.66% - var(--u));}
}

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

@media (max-width: 768px) {
	.grid.g-2 > .grid-item {width: calc(100% - var(--u));}
}

@media (max-width: 600px) {
	.grid.g-2 > .grid-item {width: calc(100% - var(--u));}
	.grid.g-2.g-img > .grid-item.gi-img {width: calc(100% - var(--u));}
	.grid.g-2.g-img > .grid-item:not(.gi-img) {width: calc(100% - var(--u));}
	.grid.g-2.g-img > .grid-item.gi-img {padding-left: 0 !important; padding-right: 0 !important; padding-bottom: var(--u);}
	.grid.g-3:not(.g-left) > .grid-item {width: calc(100% - var(--u));}
	.grid.g-4 > .grid-item {width: calc(50% - var(--u));}
	.grid.g-5 > .grid-item {width: calc(50% - var(--u));}	
	.grid.g-10 > .grid-item {width: calc(25% - var(--u));}
}

@media (max-width: 500px) {
	.grid.g-4 > .grid-item {width: calc(100% - var(--u));}
}

@media (max-width: 350px) {
	.grid.g-3.g-left .grid-item {width: calc(100% - var(--u));}
	.grid.g-10 > .grid-item {width: calc(33.33% - var(--u));}
}

/*** FORMS ***/

/*** HEADER ***/

@media (max-width: 1400px) {
	#header-content ul {align-items: flex-start;}
	#header-content ul li:not(.header-sticky-links)::after {width: calc(100% - var(--u));}
	#header-content ul li a {flex-direction: column; font-size: 1rem; text-align: center;}
	#header-content ul li a img {margin-right: 0;}
}

@media (min-width: 992.01px) and (max-width: 1200px) {
	#header-content #header-logo-sticky {width: calc(var(--u-xl) * 2); padding-right: var(--u);}
}

@media (max-width: 992px) {
	#pre-header {display: none;}
	#header-content #header-logo {display: none;}
	#header-content #header-logo-sticky {opacity: 1; position: relative; min-width: 240px}
	#header-sticky-wrapper {min-height: auto; height: auto !important;}
	header #header-content ul {width: 100%; justify-content: flex-end;}
	header #header-content ul li:not(.header-sticky-links) {display: none;}
	header #header-content ul li.header-sticky-links {opacity: 1; max-width: 800px; overflow: visible;}
	header .button-collapse {display: block;}
}

@media (max-width: 768px) {
	.is-sticky #header-content {height: var(--u-xl);}
	#header-content #header-logo-sticky {min-width: 150px;}
	header .button-collapse img {width: var(--u-me);}
	#header-content ul li.header-sticky-links a {height: var(--u-lg); width: var(--u-lg); padding: 0 !important;}
	#header-content ul li.header-sticky-links a .emoji {height: var(--u-lg); line-height: var(--u-lg);}
}

/*** HOME ***/

@media (max-width: 1200px) {

}

@media (max-width: 992px) {
	#home-intro {padding-top: 0;}
	#home-intro-content {display: flex; flex-direction: column;}
	#home-intro-content .container {order: 2;}
	#home-intro-content .hi-carousel {order: 1; position: relative; width: 80%; margin-left: auto; margin-bottom: var(--u-lg);}
	#home-slogan-container {padding: var(--u-lg); border-radius: var(--u-lg);}
	#home-slogan-container h2 {font-size: 3rem;}
	#home-valeurs {border-radius: var(--u-lg) var(--u-lg) 0 0;}
	#home-valeurs .grid.g-4 .card-content {display: flex; align-items: center;}
	#home-valeurs .grid.g-4 .card-content img {margin-right: var(--u-sm);}
	#home-valeurs .grid.g-4 .card-content h5 {margin-top: 0 !important;}
}

@media (max-width: 600px) {
	#home-intro-content .hi-carousel {width: 95%;}
	#home-slogan-container h2 {font-size: 2rem;}
	#home-slogan .floating-icon {bottom: var(--u);}
}

/*** PAGES ***/

@media (max-width: 992px) {
	#page-title {border-radius: 0 0 var(--u-lg) var(--u-lg); padding: var(--u-xl) 0;}
	.page-title img {width: var(--u-xxl); margin-left: calc(var(--u-lg-n) + var(--u-n)); transform: rotate(-10deg);}
	#page-service-intro {display: flex; flex-direction: column;}
	#page-service-intro #psi-carousel-container {margin-left: auto; position: relative; order: 1; width: 95%;}
	#page-service-intro .container {order: 2;}
}

@media (max-width: 600px) {
	#page-title {padding: var(--u-lg) 0;}
}

/*** WP BLOCKS ***/

/*** FOOTER ***/

@media (max-width: 1400px) {
	#footer-cta {overflow-x: hidden;}
	#footer-cta-content {margin-top: -500px;}
	#footer {padding: calc(var(--u-xxl) + var(--u-xl)) 10% var(--u-xl) 10%;}
}

@media (max-width: 992px) {
	#footer-cta-content {margin-top: -300px;}
	#footer-content {flex-direction: column;}
	#footer-content > div {margin-right: 0; margin-bottom: var(--u-lg);}
	#footer-content > div ul {display: flex; align-items: center; flex-wrap: wrap; gap: var(--u-sm);}
	#footer-content > div ul li {width: 100%;}
	#footer-content > div ul li:not(:last-child) {margin-bottom: 0;}
	#footer-content > div:last-child {margin: 0;}
	#footer-content > div:last-child {margin: 0;}
	#footer-rge img {margin: 0;}
}

@media (max-width: 768px) {
	#footer-cta-content {margin-top: -150px;}
	#footer-cta-content img {width: calc(var(--u-xxl) * 4);}
}

@media (max-width: 600px) {
	#footer-cta-content {margin-top: 0px;}
	#footer-cta-content img {max-width: 100%;}
}

/*** JS ***/

@media (max-width: 992px) {
	.slick-arrow.slick-prev {left: var(--u-lg);}
	.slick-arrow.slick-next {right: var(--u-lg);}
	#home-realisations .hr-carousel-nav {margin-top: var(--u-lg-n);}
}

@media (max-width: 600px) {
	#home-realisations #hr-carousel {display: none;}
	#home-realisations .hr-carousel-nav {margin-top: 0;}
}

/*** CHEATS ***/