.hamburger {
outline: none;
padding: clamp(10px, 0.75vw, 14px);
display: flex;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
}
.hamburger-box {
width: clamp(17px, 1.7vw, 31px);
height: clamp(20px, 1.38vw, 22px);
display: inline-block;
position: relative;
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -1.5px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: clamp(17px, 1.7vw, 31px);
height: clamp(2px, 0.18vw, 3px);
background-color: currentColor;
border-radius: 50px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block;
}
.hamburger-inner::before {
top: clamp(-10px, -0.59vw, -5px);
}
.hamburger-inner::after {
bottom: clamp(-10px, -0.59vw, -5px);
}
.hamburger--spin .hamburger-inner {
transition-duration: 0.22s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin .hamburger-inner::before {
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin .hamburger-inner::after {
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin.is-active .hamburger-inner {
-ms-transform: rotate(225deg);
transform: rotate(225deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin.is-active .hamburger-inner::after {
bottom: 0;
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
html .ti-widget.ti-goog .ti-reviews-container-wrapper {
align-items: center;
}
html .ti-widget.ti-goog .ti-review-item .ti-inner {
position: relative;
max-width: max(400px, 13vw);
border-radius: max(10px, 0.6vw) !important;
}
html .ti-widget.ti-goog .ti-review-content .ti-review-text {
font-size: clamp(0.875em, 1.11111vw, 1.2em);
}
html .ti-widget.ti-goog .ti-widget-container .ti-date {
opacity: 1;
}
html .ti-widget.ti-goog .ti-profile-img {
background-color: var(--color-secondary);
border-radius: 100%;
}
@media screen and (width >= 768px) {
html .ti-widget.ti-goog .ti-reviews-container-wrapper {
align-items: center;
}
html .ti-widget.ti-goog .ti-reviews-container-wrapper.is-center {
justify-content: center;
}
}
.ws {
height: max(10px, 0.693vw);
}
.ws-0 {
height: max(0px, 0vw);
}
.ws-10 {
height: max(10px, 0.693vw);
}
.ws-20 {
height: max(20px, 1.386vw);
}
.ws-30 {
height: max(30px, 2.079vw);
}
.ws-40 {
height: max(40px, 2.772vw);
}
.ws-50 {
height: max(50px, 3.465vw);
}
.ws-60 {
height: max(60px, 4.158vw);
}
.ws-70 {
height: max(70px, 4.851vw);
}
.ws-80 {
height: max(80px, 5.544vw);
}
.ws-90 {
height: max(90px, 6.237vw);
}
.ws-100 {
height: max(100px, 6.93vw);
}
.ws-n {
margin-top: max(-10px, -0.693vw);
}
.ws-n-0 {
margin-top: max(-0px, -0vw);
}
.ws-n-10 {
margin-top: max(-10px, -0.693vw);
}
.ws-n-20 {
margin-top: max(-20px, -1.386vw);
}
.ws-n-30 {
margin-top: max(-30px, -2.079vw);
}
.ws-n-40 {
margin-top: max(-40px, -2.772vw);
}
.ws-n-50 {
margin-top: max(-50px, -3.465vw);
}
.ws-n-60 {
margin-top: max(-60px, -4.158vw);
}
.ws-n-70 {
margin-top: max(-70px, -4.851vw);
}
.ws-n-80 {
margin-top: max(-80px, -5.544vw);
}
.ws-n-90 {
margin-top: max(-90px, -6.237vw);
}
.ws-n-100 {
margin-top: max(-100px, -6.93vw);
}
@media (min-width: 100%) {
.ws-xs {
height: max(10px, 0.693vw);
}
.ws-xs-0 {
height: max(0px, 0vw);
}
.ws-xs-10 {
height: max(10px, 0.693vw);
}
.ws-xs-20 {
height: max(20px, 1.386vw);
}
.ws-xs-30 {
height: max(30px, 2.079vw);
}
.ws-xs-40 {
height: max(40px, 2.772vw);
}
.ws-xs-50 {
height: max(50px, 3.465vw);
}
.ws-xs-60 {
height: max(60px, 4.158vw);
}
.ws-xs-70 {
height: max(70px, 4.851vw);
}
.ws-xs-80 {
height: max(80px, 5.544vw);
}
.ws-xs-90 {
height: max(90px, 6.237vw);
}
.ws-xs-100 {
height: max(100px, 6.93vw);
}
.ws-n-xs {
margin-top: max(-10px, -0.693vw);
}
.ws-n-xs-0 {
margin-top: max(-0px, -0vw);
}
.ws-n-xs-10 {
margin-top: max(-10px, -0.693vw);
}
.ws-n-xs-20 {
margin-top: max(-20px, -1.386vw);
}
.ws-n-xs-30 {
margin-top: max(-30px, -2.079vw);
}
.ws-n-xs-40 {
margin-top: max(-40px, -2.772vw);
}
.ws-n-xs-50 {
margin-top: max(-50px, -3.465vw);
}
.ws-n-xs-60 {
margin-top: max(-60px, -4.158vw);
}
.ws-n-xs-70 {
margin-top: max(-70px, -4.851vw);
}
.ws-n-xs-80 {
margin-top: max(-80px, -5.544vw);
}
.ws-n-xs-90 {
margin-top: max(-90px, -6.237vw);
}
.ws-n-xs-100 {
margin-top: max(-100px, -6.93vw);
}
}
@media (min-width: 576px) {
.ws-sm {
height: max(10px, 0.693vw);
}
.ws-sm-0 {
height: max(0px, 0vw);
}
.ws-sm-10 {
height: max(10px, 0.693vw);
}
.ws-sm-20 {
height: max(20px, 1.386vw);
}
.ws-sm-30 {
height: max(30px, 2.079vw);
}
.ws-sm-40 {
height: max(40px, 2.772vw);
}
.ws-sm-50 {
height: max(50px, 3.465vw);
}
.ws-sm-60 {
height: max(60px, 4.158vw);
}
.ws-sm-70 {
height: max(70px, 4.851vw);
}
.ws-sm-80 {
height: max(80px, 5.544vw);
}
.ws-sm-90 {
height: max(90px, 6.237vw);
}
.ws-sm-100 {
height: max(100px, 6.93vw);
}
.ws-n-sm {
margin-top: max(-10px, -0.693vw);
}
.ws-n-sm-0 {
margin-top: max(-0px, -0vw);
}
.ws-n-sm-10 {
margin-top: max(-10px, -0.693vw);
}
.ws-n-sm-20 {
margin-top: max(-20px, -1.386vw);
}
.ws-n-sm-30 {
margin-top: max(-30px, -2.079vw);
}
.ws-n-sm-40 {
margin-top: max(-40px, -2.772vw);
}
.ws-n-sm-50 {
margin-top: max(-50px, -3.465vw);
}
.ws-n-sm-60 {
margin-top: max(-60px, -4.158vw);
}
.ws-n-sm-70 {
margin-top: max(-70px, -4.851vw);
}
.ws-n-sm-80 {
margin-top: max(-80px, -5.544vw);
}
.ws-n-sm-90 {
margin-top: max(-90px, -6.237vw);
}
.ws-n-sm-100 {
margin-top: max(-100px, -6.93vw);
}
}
@media (min-width: 768px) {
.ws-md {
height: max(10px, 0.693vw);
}
.ws-md-0 {
height: max(0px, 0vw);
}
.ws-md-10 {
height: max(10px, 0.693vw);
}
.ws-md-20 {
height: max(20px, 1.386vw);
}
.ws-md-30 {
height: max(30px, 2.079vw);
}
.ws-md-40 {
height: max(40px, 2.772vw);
}
.ws-md-50 {
height: max(50px, 3.465vw);
}
.ws-md-60 {
height: max(60px, 4.158vw);
}
.ws-md-70 {
height: max(70px, 4.851vw);
}
.ws-md-80 {
height: max(80px, 5.544vw);
}
.ws-md-90 {
height: max(90px, 6.237vw);
}
.ws-md-100 {
height: max(100px, 6.93vw);
}
.ws-n-md {
margin-top: max(-10px, -0.693vw);
}
.ws-n-md-0 {
margin-top: max(-0px, -0vw);
}
.ws-n-md-10 {
margin-top: max(-10px, -0.693vw);
}
.ws-n-md-20 {
margin-top: max(-20px, -1.386vw);
}
.ws-n-md-30 {
margin-top: max(-30px, -2.079vw);
}
.ws-n-md-40 {
margin-top: max(-40px, -2.772vw);
}
.ws-n-md-50 {
margin-top: max(-50px, -3.465vw);
}
.ws-n-md-60 {
margin-top: max(-60px, -4.158vw);
}
.ws-n-md-70 {
margin-top: max(-70px, -4.851vw);
}
.ws-n-md-80 {
margin-top: max(-80px, -5.544vw);
}
.ws-n-md-90 {
margin-top: max(-90px, -6.237vw);
}
.ws-n-md-100 {
margin-top: max(-100px, -6.93vw);
}
}
@media (min-width: 992px) {
.ws-lg {
height: max(10px, 0.693vw);
}
.ws-lg-0 {
height: max(0px, 0vw);
}
.ws-lg-10 {
height: max(10px, 0.693vw);
}
.ws-lg-20 {
height: max(20px, 1.386vw);
}
.ws-lg-30 {
height: max(30px, 2.079vw);
}
.ws-lg-40 {
height: max(40px, 2.772vw);
}
.ws-lg-50 {
height: max(50px, 3.465vw);
}
.ws-lg-60 {
height: max(60px, 4.158vw);
}
.ws-lg-70 {
height: max(70px, 4.851vw);
}
.ws-lg-80 {
height: max(80px, 5.544vw);
}
.ws-lg-90 {
height: max(90px, 6.237vw);
}
.ws-lg-100 {
height: max(100px, 6.93vw);
}
.ws-n-lg {
margin-top: max(-10px, -0.693vw);
}
.ws-n-lg-0 {
margin-top: max(-0px, -0vw);
}
.ws-n-lg-10 {
margin-top: max(-10px, -0.693vw);
}
.ws-n-lg-20 {
margin-top: max(-20px, -1.386vw);
}
.ws-n-lg-30 {
margin-top: max(-30px, -2.079vw);
}
.ws-n-lg-40 {
margin-top: max(-40px, -2.772vw);
}
.ws-n-lg-50 {
margin-top: max(-50px, -3.465vw);
}
.ws-n-lg-60 {
margin-top: max(-60px, -4.158vw);
}
.ws-n-lg-70 {
margin-top: max(-70px, -4.851vw);
}
.ws-n-lg-80 {
margin-top: max(-80px, -5.544vw);
}
.ws-n-lg-90 {
margin-top: max(-90px, -6.237vw);
}
.ws-n-lg-100 {
margin-top: max(-100px, -6.93vw);
}
}
@media (min-width: 1200px) {
.ws-xl {
height: max(10px, 0.693vw);
}
.ws-xl-0 {
height: max(0px, 0vw);
}
.ws-xl-10 {
height: max(10px, 0.693vw);
}
.ws-xl-20 {
height: max(20px, 1.386vw);
}
.ws-xl-30 {
height: max(30px, 2.079vw);
}
.ws-xl-40 {
height: max(40px, 2.772vw);
}
.ws-xl-50 {
height: max(50px, 3.465vw);
}
.ws-xl-60 {
height: max(60px, 4.158vw);
}
.ws-xl-70 {
height: max(70px, 4.851vw);
}
.ws-xl-80 {
height: max(80px, 5.544vw);
}
.ws-xl-90 {
height: max(90px, 6.237vw);
}
.ws-xl-100 {
height: max(100px, 6.93vw);
}
.ws-n-xl {
margin-top: max(-10px, -0.693vw);
}
.ws-n-xl-0 {
margin-top: max(-0px, -0vw);
}
.ws-n-xl-10 {
margin-top: max(-10px, -0.693vw);
}
.ws-n-xl-20 {
margin-top: max(-20px, -1.386vw);
}
.ws-n-xl-30 {
margin-top: max(-30px, -2.079vw);
}
.ws-n-xl-40 {
margin-top: max(-40px, -2.772vw);
}
.ws-n-xl-50 {
margin-top: max(-50px, -3.465vw);
}
.ws-n-xl-60 {
margin-top: max(-60px, -4.158vw);
}
.ws-n-xl-70 {
margin-top: max(-70px, -4.851vw);
}
.ws-n-xl-80 {
margin-top: max(-80px, -5.544vw);
}
.ws-n-xl-90 {
margin-top: max(-90px, -6.237vw);
}
.ws-n-xl-100 {
margin-top: max(-100px, -6.93vw);
}
}
@media (min-width: 1400px) {
.ws-xxl {
height: max(10px, 0.693vw);
}
.ws-xxl-0 {
height: max(0px, 0vw);
}
.ws-xxl-10 {
height: max(10px, 0.693vw);
}
.ws-xxl-20 {
height: max(20px, 1.386vw);
}
.ws-xxl-30 {
height: max(30px, 2.079vw);
}
.ws-xxl-40 {
height: max(40px, 2.772vw);
}
.ws-xxl-50 {
height: max(50px, 3.465vw);
}
.ws-xxl-60 {
height: max(60px, 4.158vw);
}
.ws-xxl-70 {
height: max(70px, 4.851vw);
}
.ws-xxl-80 {
height: max(80px, 5.544vw);
}
.ws-xxl-90 {
height: max(90px, 6.237vw);
}
.ws-xxl-100 {
height: max(100px, 6.93vw);
}
.ws-n-xxl {
margin-top: max(-10px, -0.693vw);
}
.ws-n-xxl-0 {
margin-top: max(-0px, -0vw);
}
.ws-n-xxl-10 {
margin-top: max(-10px, -0.693vw);
}
.ws-n-xxl-20 {
margin-top: max(-20px, -1.386vw);
}
.ws-n-xxl-30 {
margin-top: max(-30px, -2.079vw);
}
.ws-n-xxl-40 {
margin-top: max(-40px, -2.772vw);
}
.ws-n-xxl-50 {
margin-top: max(-50px, -3.465vw);
}
.ws-n-xxl-60 {
margin-top: max(-60px, -4.158vw);
}
.ws-n-xxl-70 {
margin-top: max(-70px, -4.851vw);
}
.ws-n-xxl-80 {
margin-top: max(-80px, -5.544vw);
}
.ws-n-xxl-90 {
margin-top: max(-90px, -6.237vw);
}
.ws-n-xxl-100 {
margin-top: max(-100px, -6.93vw);
}
}   @font-face {
font-family: "those-eyes";
src: url(//thisiswhyagency.com/wp-content/themes/tiw/assets/fonts/those-eyes.ttf), url(//thisiswhyagency.com/wp-content/themes/tiw/assets/fonts/those-eyes.woff), url(//thisiswhyagency.com/wp-content/themes/tiw/assets/fonts/those-eyes.woff2);
font-display: bloc;
}
@font-face {
font-family: "those-eyes--fallback-font";
src: local(Arial Black);
}
@font-face {
font-family: "lexend-variablefont";
src: url(//thisiswhyagency.com/wp-content/themes/tiw/assets/fonts/lexend-variablefont.ttf), url(//thisiswhyagency.com/wp-content/themes/tiw/assets/fonts/lexend-variablefont.woff), url(//thisiswhyagency.com/wp-content/themes/tiw/assets/fonts/lexend-variablefont.woff2);
font-display: swap;
}
@font-face {
font-family: "lexend-variablefont--fallback-font";
src: local(Arial Bold);
}
:root {
--color-primary: #242429;
--color-secondary: #FFFFFF;
--color-tertiary: #FAF7F0;
--color-4: #41F6B5;
--color-5: #FCEF66;
--color-6: #69DBFF;
--color-7: #FFBFE9;
--color-8: #FFC24D;
--color-9: #B5A9FD;
}
.colored--none {
background-color: transparent;
color: var(--color-primary);
}
.colored--none.accordion .accordion--element .accordion--details::after {
background-color: var(--color-4);
}
.colored--primary {
background-color: var(--color-primary);
color: var(--color-secondary);
}
.colored--primary *::selection {
background-color: var(--color-secondary);
color: var(--color-primary);
}
.colored--primary .btn--primary {
color: var(--color-secondary);
border-color: var(--color-secondary);
}
.colored--primary .btn--primary:hover {
color: var(--color-primary);
background-color: var(--color-secondary);
}
.colored--primary .btn--primary-bis {
border-color: var(--color-secondary);
}
.colored--primary .btn--4, .colored--primary .btn--5, .colored--primary .btn--6, .colored--primary .btn--7, .colored--primary .btn--8, .colored--primary .btn--9 {
color: var(--color-secondary);
border-color: var(--color-secondary);
}
.colored--primary .btn--4:hover, .colored--primary .btn--5:hover, .colored--primary .btn--6:hover, .colored--primary .btn--7:hover, .colored--primary .btn--8:hover, .colored--primary .btn--9:hover {
color: var(--color-primary);
}
.colored--primary .btn--4-bis:hover, .colored--primary .btn--5-bis:hover, .colored--primary .btn--6-bis:hover, .colored--primary .btn--7-bis:hover, .colored--primary .btn--8-bis:hover, .colored--primary .btn--9-bis:hover {
border-color: var(--color-secondary);
}
.colored--primary .hero--inner::before {
box-shadow: 0 0 50px 50px var(--color-primary) inset;
}
.colored--primary.accordion .accordion--element .accordion--details::after {
background-color: var(--color-4);
}
.colored--primary.cards .cards--card:hover {
box-shadow: -12px 13px 0 0 #3c3c40;
}
.colored--primary.cards .cards--card:hover.shadow--secondary {
box-shadow: -12px 13px 0 0 var(--color-secondary);
}
.colored--primary.cards .cards--card:hover.shadow--tertiary {
box-shadow: -12px 13px 0 0 var(--color-tertiary);
}
.colored--primary.cards .cards--card:hover.shadow--4 {
box-shadow: -12px 13px 0 0 var(--color-4);
}
.colored--primary.cards .cards--card:hover.shadow--5 {
box-shadow: -12px 13px 0 0 var(--color-5);
}
.colored--primary.cards .cards--card:hover.shadow--6 {
box-shadow: -12px 13px 0 0 var(--color-6);
}
.colored--primary.cards .cards--card:hover.shadow--7 {
box-shadow: -12px 13px 0 0 var(--color-7);
}
.colored--primary.cards .cards--card:hover.shadow--8 {
box-shadow: -12px 13px 0 0 var(--color-8);
}
.colored--primary.cards .cards--card:hover.shadow--9 {
box-shadow: -12px 13px 0 0 var(--color-9);
}
.colored--primary :not(section).colored--primary {
background-color: var(--color-tertiary);
}
.colored--secondary {
background-color: var(--color-secondary);
color: var(--color-primary);
}
.colored--secondary .hero--inner::before {
box-shadow: 0 0 50px 50px var(--color-secondary) inset;
}
.colored--secondary.accordion .accordion--widget .accordion--search {
background-color: var(--color-tertiary);
}
.colored--secondary.accordion .accordion--element .accordion--details::after {
background-color: var(--color-4);
}
.colored--secondary.cards .cards--card.colored--secondary {
background-color: var(--color-tertiary);
}
.colored--secondary :not(section).colored--secondary {
background-color: var(--color-tertiary);
}
.colored--tertiary {
background-color: var(--color-tertiary);
color: var(--color-primary);
}
.colored--tertiary.accordion .accordion--element .accordion--details::after {
background-color: var(--color-4);
}
.colored--tertiary :not(section).colored--tertiary {
background-color: var(--color-secondary);
}
.colored--4 {
background-color: var(--color-4);
color: var(--color-primary);
}
.colored--4 .btn--4 {
color: var(--color-primary);
border-color: var(--color-primary);
}
.colored--4 .btn--4:hover {
background-color: var(--color-secondary);
border-color: var(--color-secondary);
}
.colored--4 .btn--4-bis {
background-color: var(--color-secondary);
border-color: var(--color-secondary);
}
.colored--4 .btn--4-bis:hover {
background-color: var(--color-4);
}
.colored--4 .hero--inner::before {
box-shadow: 0 0 50px 50px var(--color-4) inset;
}
.colored--4.cards .cards--card.colored--4 {
background-color: var(--color-secondary);
}
.colored--4.cards .cards--card:hover.shadow--4 {
box-shadow: -12px 13px 0 0 var(--color-primary);
}
.colored--4 :not(section).colored--4 {
background-color: var(--color-tertiary);
}
.colored--5 {
background-color: var(--color-5);
color: var(--color-primary);
}
.colored--5 .btn--5 {
color: var(--color-primary);
border-color: var(--color-primary);
}
.colored--5 .btn--5:hover {
background-color: var(--color-secondary);
border-color: var(--color-secondary);
}
.colored--5 .btn--5-bis {
background-color: var(--color-secondary);
border-color: var(--color-secondary);
}
.colored--5 .btn--5-bis:hover {
background-color: var(--color-5);
}
.colored--5 .hero--inner::before {
box-shadow: 0 0 50px 50px var(--color-5) inset;
}
.colored--5.cards .cards--card.colored--5 {
background-color: var(--color-secondary);
}
.colored--5.cards .cards--card:hover.shadow--5 {
box-shadow: -12px 13px 0 0 var(--color-primary);
}
.colored--5 :not(section).colored--5 {
background-color: var(--color-tertiary);
}
.colored--6 {
background-color: var(--color-6);
color: var(--color-primary);
}
.colored--6 .btn--6 {
color: var(--color-primary);
border-color: var(--color-primary);
}
.colored--6 .btn--6:hover {
background-color: var(--color-secondary);
border-color: var(--color-secondary);
}
.colored--6 .btn--6-bis {
background-color: var(--color-secondary);
border-color: var(--color-secondary);
}
.colored--6 .btn--6-bis:hover {
background-color: var(--color-6);
}
.colored--6 .hero--inner::before {
box-shadow: 0 0 50px 50px var(--color-6) inset;
}
.colored--6.cards .cards--card.colored--6 {
background-color: var(--color-secondary);
}
.colored--6.cards .cards--card:hover.shadow--6 {
box-shadow: -12px 13px 0 0 var(--color-primary);
}
.colored--6 :not(section).colored--6 {
background-color: var(--color-tertiary);
}
.colored--7 {
background-color: var(--color-7);
color: var(--color-primary);
}
.colored--7 .btn--7 {
color: var(--color-primary);
border-color: var(--color-primary);
}
.colored--7 .btn--7:hover {
background-color: var(--color-secondary);
border-color: var(--color-secondary);
}
.colored--7 .btn--7-bis {
background-color: var(--color-secondary);
border-color: var(--color-secondary);
}
.colored--7 .btn--7-bis:hover {
background-color: var(--color-7);
}
.colored--7 .hero--inner::before {
box-shadow: 0 0 50px 50px var(--color-7) inset;
}
.colored--7.cards .cards--card.colored--7 {
background-color: var(--color-secondary);
}
.colored--7.cards .cards--card:hover.shadow--7 {
box-shadow: -12px 13px 0 0 var(--color-primary);
}
.colored--7 :not(section).colored--7 {
background-color: var(--color-tertiary);
}
.colored--8 {
background-color: var(--color-8);
color: var(--color-primary);
}
.colored--8 .btn--8 {
color: var(--color-primary);
border-color: var(--color-primary);
}
.colored--8 .btn--8:hover {
background-color: var(--color-secondary);
border-color: var(--color-secondary);
}
.colored--8 .btn--8-bis {
background-color: var(--color-secondary);
border-color: var(--color-secondary);
}
.colored--8 .btn--8-bis:hover {
background-color: var(--color-8);
}
.colored--8 .hero--inner::before {
box-shadow: 0 0 50px 50px var(--color-8) inset;
}
.colored--8.cards .cards--card.colored--8 {
background-color: var(--color-secondary);
}
.colored--8.cards .cards--card:hover.shadow--8 {
box-shadow: -12px 13px 0 0 var(--color-primary);
}
.colored--8 :not(section).colored--8 {
background-color: var(--color-tertiary);
}
.colored--9 {
background-color: var(--color-9);
color: var(--color-primary);
}
.colored--9 .btn--9 {
color: var(--color-primary);
border-color: var(--color-primary);
}
.colored--9 .btn--9:hover {
background-color: var(--color-secondary);
border-color: var(--color-secondary);
}
.colored--9 .btn--9-bis {
background-color: var(--color-secondary);
border-color: var(--color-secondary);
}
.colored--9 .btn--9-bis:hover {
background-color: var(--color-9);
}
.colored--9 .hero--inner::before {
box-shadow: 0 0 50px 50px var(--color-9) inset;
}
.colored--9.cards .cards--card.colored--9 {
background-color: var(--color-secondary);
}
.colored--9.cards .cards--card:hover.shadow--9 {
box-shadow: -12px 13px 0 0 var(--color-primary);
}
.colored--9 :not(section).colored--9 {
background-color: var(--color-tertiary);
}
.colored--img {
color: var(--color-secondary);
overflow: hidden;
position: relative;
}
.colored--img > img {
position: absolute;
width: auto;
height: 100%;
z-index: -1;
}
.underline {
position: relative;
isolation: isolate;
}
.underline.is-underline::after {
animation: underline 1.2s forwards;
}
.underline.color--primary::after {
background-color: var(--color-primary);
}
.underline.color--secondary::after {
background-color: var(--color-secondary);
}
.underline.color--tertiary::after {
background-color: var(--color-tertiary);
}
.underline.color--4::after {
background-color: var(--color-4);
}
.underline.color--5::after {
background-color: var(--color-5);
}
.underline.color--6::after {
background-color: var(--color-6);
}
.underline.color--7::after {
background-color: var(--color-7);
}
.underline.color--8::after {
background-color: var(--color-8);
}
.underline.color--9::after {
background-color: var(--color-9);
}
.underline::after {
content: "";
position: absolute;
bottom: 0.2em;
left: 0;
width: 0;
height: 0.3334em;
border-radius: 20px;
z-index: -1;
rotate: -1.22deg;
}
@keyframes underline {
to {
width: 100%;
}
}
.picto-color--primary {
color: var(--color-primary);
}
.picto-color--secondary {
color: var(--color-secondary);
}
.picto-color--tertiary {
color: var(--color-tertiary);
}
.picto-color--4 {
color: var(--color-4);
}
.picto-color--5 {
color: var(--color-5);
}
.picto-color--6 {
color: var(--color-6);
}
.picto-color--7 {
color: var(--color-7);
}
.picto-color--8 {
color: var(--color-8);
}
.picto-color--9 {
color: var(--color-9);
}
.btn {
position: relative;
display: flex;
align-items: center;
width: fit-content;
cursor: pointer;
user-select: none;
pointer-events: all;
font-family: "lexend-variablefont", "lexend-variablefont--fallback-font", sans-serif;
font-size: clamp(1em, 1.38vw, 1.6em);
font-variation-settings: "wght" 730;
line-height: 1;
text-align: center;
word-break: break-word;
padding: clamp(10px, 0.9028vw, 15px) clamp(20px, 1.735vw, 25px);
border-width: clamp(2px, 0.2vw, 3px);
border-style: solid;
border-radius: max(50px, 3.4vw);
transition: all 0.25s ease-in-out;
}
.btn-action-flex {
display: flex;
flex-wrap: wrap;
}
.btn-action-flex .btn {
margin-right: clamp(10px, 1vw, 15px);
margin-bottom: clamp(10px, 1vw, 15px);
}
.btn--arrow {
display: flex;
width: clamp(20px, 2.2vw, 30px);
transition: rotate 0.15s ease-in-out;
}
.btn--arrow.arrow-before {
margin-right: clamp(12px, 0.834vw, 12px);
rotate: 225deg;
}
.btn--arrow.arrow-after {
margin-left: clamp(12px, 0.834vw, 12px);
rotate: -45deg;
}
.btn:hover .btn--arrow.arrow-before, .btn.is-active .btn--arrow.arrow-before {
rotate: 180deg;
}
.btn:hover .btn--arrow.arrow-after, .btn.is-active .btn--arrow.arrow-after {
rotate: 0deg;
}
.btn--primary {
color: var(--color-primary);
border-color: var(--color-primary);
}
.btn--primary:hover, .btn--primary.is-active {
color: var(--color-secondary);
background-color: var(--color-primary);
}
.btn--primary-bis {
color: var(--color-secondary);
background-color: var(--color-primary);
border-color: var(--color-primary);
}
.btn--primary-bis:hover, .btn--primary-bis.is-active {
color: var(--color-primary);
background-color: var(--color-secondary);
}
.btn--4 {
color: var(--color-primary);
border-color: var(--color-primary);
}
.btn--4:hover, .btn--4.is-active {
background-color: var(--color-4);
border-color: var(--color-4);
}
.btn--4-bis {
color: var(--color-primary);
background-color: var(--color-4);
border-color: var(--color-4);
}
.btn--4-bis:hover, .btn--4-bis.is-active {
background-color: var(--color-secondary);
border-color: var(--color-primary);
}
.btn--5 {
color: var(--color-primary);
border-color: var(--color-primary);
}
.btn--5:hover, .btn--5.is-active {
background-color: var(--color-5);
border-color: var(--color-5);
}
.btn--5-bis {
color: var(--color-primary);
background-color: var(--color-5);
border-color: var(--color-5);
}
.btn--5-bis:hover, .btn--5-bis.is-active {
background-color: var(--color-secondary);
border-color: var(--color-primary);
}
.btn--6 {
color: var(--color-primary);
border-color: var(--color-primary);
}
.btn--6:hover, .btn--6.is-active {
background-color: var(--color-6);
border-color: var(--color-6);
}
.btn--6-bis {
color: var(--color-primary);
background-color: var(--color-6);
border-color: var(--color-6);
}
.btn--6-bis:hover, .btn--6-bis.is-active {
background-color: var(--color-secondary);
border-color: var(--color-primary);
}
.btn--7 {
color: var(--color-primary);
border-color: var(--color-primary);
}
.btn--7:hover, .btn--7.is-active {
background-color: var(--color-7);
border-color: var(--color-7);
}
.btn--7-bis {
color: var(--color-primary);
background-color: var(--color-7);
border-color: var(--color-7);
}
.btn--7-bis:hover, .btn--7-bis.is-active {
background-color: var(--color-secondary);
border-color: var(--color-primary);
}
.btn--8 {
color: var(--color-primary);
border-color: var(--color-primary);
}
.btn--8:hover, .btn--8.is-active {
background-color: var(--color-8);
border-color: var(--color-8);
}
.btn--8-bis {
color: var(--color-primary);
background-color: var(--color-8);
border-color: var(--color-8);
}
.btn--8-bis:hover, .btn--8-bis.is-active {
background-color: var(--color-secondary);
border-color: var(--color-primary);
}
.btn--9 {
color: var(--color-primary);
border-color: var(--color-primary);
}
.btn--9:hover, .btn--9.is-active {
background-color: var(--color-9);
border-color: var(--color-9);
}
.btn--9-bis {
color: var(--color-primary);
background-color: var(--color-9);
border-color: var(--color-9);
}
.btn--9-bis:hover, .btn--9-bis.is-active {
background-color: var(--color-secondary);
border-color: var(--color-primary);
}
.d-grid {
display: grid;
}
.container {
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
.container-ext {
margin-left: 6.25vw;
margin-right: 6.25vw;
}
.row {
display: grid;
grid-template-columns: repeat(12, 1fr);
column-gap: max(21px, 1.389vw);
word-break: break-all;
}
.row * {
direction: ltr;
word-break: break-word;
}
.reverse {
direction: rtl;
}
.justify-content-start {
justify-self: start;
justify-items: start;
}
.justify-content-center {
justify-self: center;
justify-items: center;
}
.justify-content-end {
justify-self: end;
justify-items: end;
}
.justify-content-between {
justify-content: space-between;
}
.justify-content-around {
justify-content: space-around;
}
.align-items-start {
align-self: start;
align-items: start;
}
.align-items-center {
align-self: center;
align-items: center;
}
.align-items-end {
align-self: end;
align-items: end;
}
.align-items-stretch {
align-self: stretch;
align-items: stretch;
}
.col-1 {
grid-column-end: span 1;
}
.col-2 {
grid-column-end: span 2;
}
.col-3 {
grid-column-end: span 3;
}
.col-4 {
grid-column-end: span 4;
}
.col-5 {
grid-column-end: span 5;
}
.col-6 {
grid-column-end: span 6;
}
.col-7 {
grid-column-end: span 7;
}
.col-8 {
grid-column-end: span 8;
}
.col-9 {
grid-column-end: span 9;
}
.col-10 {
grid-column-end: span 10;
}
.col-11 {
grid-column-end: span 11;
}
.col-12 {
grid-column-end: span 12;
}
.order-0 {
order: 0;
}
.order-1 {
order: 1;
}
.order-2 {
order: 2;
}
.order-3 {
order: 3;
}
.order-4 {
order: 4;
}
.order-5 {
order: 5;
}
.order-6 {
order: 6;
}
.order-7 {
order: 7;
}
.order-8 {
order: 8;
}
.order-9 {
order: 9;
}
.order-10 {
order: 10;
}
.order-11 {
order: 11;
}
.order-12 {
order: 12;
}
.offset-1 {
grid-column-start: 2;
}
.offset-0 {
grid-column-start: unset;
}
.offset-2 {
grid-column-start: 3;
}
.offset-0 {
grid-column-start: unset;
}
.offset-3 {
grid-column-start: 4;
}
.offset-0 {
grid-column-start: unset;
}
.offset-4 {
grid-column-start: 5;
}
.offset-0 {
grid-column-start: unset;
}
.offset-5 {
grid-column-start: 6;
}
.offset-0 {
grid-column-start: unset;
}
.offset-6 {
grid-column-start: 7;
}
.offset-0 {
grid-column-start: unset;
}
.offset-7 {
grid-column-start: 8;
}
.offset-0 {
grid-column-start: unset;
}
.offset-8 {
grid-column-start: 9;
}
.offset-0 {
grid-column-start: unset;
}
.offset-9 {
grid-column-start: 10;
}
.offset-0 {
grid-column-start: unset;
}
.offset-10 {
grid-column-start: 11;
}
.offset-0 {
grid-column-start: unset;
}
.offset-11 {
grid-column-start: 12;
}
.offset-0 {
grid-column-start: unset;
}
.masonry {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 1.389vw;
grid-auto-rows: calc(50vh / 6);
}
.masonry > div {
grid-row-end: span 6;
}
.masonry .level-1 {
grid-row-end: span 1;
}
.masonry .level-2 {
grid-row-end: span 2;
}
.masonry .level-3 {
grid-row-end: span 3;
}
.masonry .level-4 {
grid-row-end: span 4;
}
.masonry .level-5 {
grid-row-end: span 5;
}
.masonry .level-6 {
grid-row-end: span 6;
}
@media (min-width: 100%) {
.container {
width: calc(90% - 33px);
}
.reverse-xs {
direction: rtl;
}
.justify-content-xs-start {
justify-self: start;
justify-items: start;
}
.justify-content-xs-center {
justify-self: center;
justify-items: center;
}
.justify-content-xs-end {
justify-self: end;
justify-items: end;
}
.justify-content-xs-between {
justify-content: space-between;
}
.justify-content-xs-around {
justify-content: space-around;
}
.align-items-xs-start {
align-self: start;
align-items: start;
}
.align-items-xs-center {
align-self: center;
align-items: center;
}
.align-items-xs-end {
align-self: end;
align-items: end;
}
.align-items-xs-stretch {
align-self: stretch;
align-items: stretch;
}
.col-xs-1 {
grid-column-end: span 1;
}
.col-xs-2 {
grid-column-end: span 2;
}
.col-xs-3 {
grid-column-end: span 3;
}
.col-xs-4 {
grid-column-end: span 4;
}
.col-xs-5 {
grid-column-end: span 5;
}
.col-xs-6 {
grid-column-end: span 6;
}
.col-xs-7 {
grid-column-end: span 7;
}
.col-xs-8 {
grid-column-end: span 8;
}
.col-xs-9 {
grid-column-end: span 9;
}
.col-xs-10 {
grid-column-end: span 10;
}
.col-xs-11 {
grid-column-end: span 11;
}
.col-xs-12 {
grid-column-end: span 12;
}
.order-xs-0 {
order: 0;
}
.order-xs-1 {
order: 1;
}
.order-xs-2 {
order: 2;
}
.order-xs-3 {
order: 3;
}
.order-xs-4 {
order: 4;
}
.order-xs-5 {
order: 5;
}
.order-xs-6 {
order: 6;
}
.order-xs-7 {
order: 7;
}
.order-xs-8 {
order: 8;
}
.order-xs-9 {
order: 9;
}
.order-xs-10 {
order: 10;
}
.order-xs-11 {
order: 11;
}
.order-xs-12 {
order: 12;
}
.offset-xs-0 {
grid-column-start: 1;
}
.offset-xs-0 {
grid-column-start: unset;
}
.offset-xs-1 {
grid-column-start: 2;
}
.offset-xs-0 {
grid-column-start: unset;
}
.offset-xs-2 {
grid-column-start: 3;
}
.offset-xs-0 {
grid-column-start: unset;
}
.offset-xs-3 {
grid-column-start: 4;
}
.offset-xs-0 {
grid-column-start: unset;
}
.offset-xs-4 {
grid-column-start: 5;
}
.offset-xs-0 {
grid-column-start: unset;
}
.offset-xs-5 {
grid-column-start: 6;
}
.offset-xs-0 {
grid-column-start: unset;
}
.offset-xs-6 {
grid-column-start: 7;
}
.offset-xs-0 {
grid-column-start: unset;
}
.offset-xs-7 {
grid-column-start: 8;
}
.offset-xs-0 {
grid-column-start: unset;
}
.offset-xs-8 {
grid-column-start: 9;
}
.offset-xs-0 {
grid-column-start: unset;
}
.offset-xs-9 {
grid-column-start: 10;
}
.offset-xs-0 {
grid-column-start: unset;
}
.offset-xs-10 {
grid-column-start: 11;
}
.offset-xs-0 {
grid-column-start: unset;
}
.offset-xs-11 {
grid-column-start: 12;
}
.offset-xs-0 {
grid-column-start: unset;
}
.masonry > div {
grid-row-end: span 6;
}
.masonry .level-xs-1 {
grid-row-end: span 1;
}
.masonry .level-xs-2 {
grid-row-end: span 2;
}
.masonry .level-xs-3 {
grid-row-end: span 3;
}
.masonry .level-xs-4 {
grid-row-end: span 4;
}
.masonry .level-xs-5 {
grid-row-end: span 5;
}
.masonry .level-xs-6 {
grid-row-end: span 6;
}
}
@media (min-width: 576px) {
.container {
width: 507px;
}
.reverse-sm {
direction: rtl;
}
.justify-content-sm-start {
justify-self: start;
justify-items: start;
}
.justify-content-sm-center {
justify-self: center;
justify-items: center;
}
.justify-content-sm-end {
justify-self: end;
justify-items: end;
}
.justify-content-sm-between {
justify-content: space-between;
}
.justify-content-sm-around {
justify-content: space-around;
}
.align-items-sm-start {
align-self: start;
align-items: start;
}
.align-items-sm-center {
align-self: center;
align-items: center;
}
.align-items-sm-end {
align-self: end;
align-items: end;
}
.align-items-sm-stretch {
align-self: stretch;
align-items: stretch;
}
.col-sm-1 {
grid-column-end: span 1;
}
.col-sm-2 {
grid-column-end: span 2;
}
.col-sm-3 {
grid-column-end: span 3;
}
.col-sm-4 {
grid-column-end: span 4;
}
.col-sm-5 {
grid-column-end: span 5;
}
.col-sm-6 {
grid-column-end: span 6;
}
.col-sm-7 {
grid-column-end: span 7;
}
.col-sm-8 {
grid-column-end: span 8;
}
.col-sm-9 {
grid-column-end: span 9;
}
.col-sm-10 {
grid-column-end: span 10;
}
.col-sm-11 {
grid-column-end: span 11;
}
.col-sm-12 {
grid-column-end: span 12;
}
.order-sm-0 {
order: 0;
}
.order-sm-1 {
order: 1;
}
.order-sm-2 {
order: 2;
}
.order-sm-3 {
order: 3;
}
.order-sm-4 {
order: 4;
}
.order-sm-5 {
order: 5;
}
.order-sm-6 {
order: 6;
}
.order-sm-7 {
order: 7;
}
.order-sm-8 {
order: 8;
}
.order-sm-9 {
order: 9;
}
.order-sm-10 {
order: 10;
}
.order-sm-11 {
order: 11;
}
.order-sm-12 {
order: 12;
}
.offset-sm-0 {
grid-column-start: 1;
}
.offset-sm-0 {
grid-column-start: unset;
}
.offset-sm-1 {
grid-column-start: 2;
}
.offset-sm-0 {
grid-column-start: unset;
}
.offset-sm-2 {
grid-column-start: 3;
}
.offset-sm-0 {
grid-column-start: unset;
}
.offset-sm-3 {
grid-column-start: 4;
}
.offset-sm-0 {
grid-column-start: unset;
}
.offset-sm-4 {
grid-column-start: 5;
}
.offset-sm-0 {
grid-column-start: unset;
}
.offset-sm-5 {
grid-column-start: 6;
}
.offset-sm-0 {
grid-column-start: unset;
}
.offset-sm-6 {
grid-column-start: 7;
}
.offset-sm-0 {
grid-column-start: unset;
}
.offset-sm-7 {
grid-column-start: 8;
}
.offset-sm-0 {
grid-column-start: unset;
}
.offset-sm-8 {
grid-column-start: 9;
}
.offset-sm-0 {
grid-column-start: unset;
}
.offset-sm-9 {
grid-column-start: 10;
}
.offset-sm-0 {
grid-column-start: unset;
}
.offset-sm-10 {
grid-column-start: 11;
}
.offset-sm-0 {
grid-column-start: unset;
}
.offset-sm-11 {
grid-column-start: 12;
}
.offset-sm-0 {
grid-column-start: unset;
}
.masonry > div {
grid-row-end: span 6;
}
.masonry .level-sm-1 {
grid-row-end: span 1;
}
.masonry .level-sm-2 {
grid-row-end: span 2;
}
.masonry .level-sm-3 {
grid-row-end: span 3;
}
.masonry .level-sm-4 {
grid-row-end: span 4;
}
.masonry .level-sm-5 {
grid-row-end: span 5;
}
.masonry .level-sm-6 {
grid-row-end: span 6;
}
}
@media (min-width: 768px) {
.container {
width: 687px;
}
.reverse-md {
direction: rtl;
}
.justify-content-md-start {
justify-self: start;
justify-items: start;
}
.justify-content-md-center {
justify-self: center;
justify-items: center;
}
.justify-content-md-end {
justify-self: end;
justify-items: end;
}
.justify-content-md-between {
justify-content: space-between;
}
.justify-content-md-around {
justify-content: space-around;
}
.align-items-md-start {
align-self: start;
align-items: start;
}
.align-items-md-center {
align-self: center;
align-items: center;
}
.align-items-md-end {
align-self: end;
align-items: end;
}
.align-items-md-stretch {
align-self: stretch;
align-items: stretch;
}
.col-md-1 {
grid-column-end: span 1;
}
.col-md-2 {
grid-column-end: span 2;
}
.col-md-3 {
grid-column-end: span 3;
}
.col-md-4 {
grid-column-end: span 4;
}
.col-md-5 {
grid-column-end: span 5;
}
.col-md-6 {
grid-column-end: span 6;
}
.col-md-7 {
grid-column-end: span 7;
}
.col-md-8 {
grid-column-end: span 8;
}
.col-md-9 {
grid-column-end: span 9;
}
.col-md-10 {
grid-column-end: span 10;
}
.col-md-11 {
grid-column-end: span 11;
}
.col-md-12 {
grid-column-end: span 12;
}
.order-md-0 {
order: 0;
}
.order-md-1 {
order: 1;
}
.order-md-2 {
order: 2;
}
.order-md-3 {
order: 3;
}
.order-md-4 {
order: 4;
}
.order-md-5 {
order: 5;
}
.order-md-6 {
order: 6;
}
.order-md-7 {
order: 7;
}
.order-md-8 {
order: 8;
}
.order-md-9 {
order: 9;
}
.order-md-10 {
order: 10;
}
.order-md-11 {
order: 11;
}
.order-md-12 {
order: 12;
}
.offset-md-0 {
grid-column-start: 1;
}
.offset-md-0 {
grid-column-start: unset;
}
.offset-md-1 {
grid-column-start: 2;
}
.offset-md-0 {
grid-column-start: unset;
}
.offset-md-2 {
grid-column-start: 3;
}
.offset-md-0 {
grid-column-start: unset;
}
.offset-md-3 {
grid-column-start: 4;
}
.offset-md-0 {
grid-column-start: unset;
}
.offset-md-4 {
grid-column-start: 5;
}
.offset-md-0 {
grid-column-start: unset;
}
.offset-md-5 {
grid-column-start: 6;
}
.offset-md-0 {
grid-column-start: unset;
}
.offset-md-6 {
grid-column-start: 7;
}
.offset-md-0 {
grid-column-start: unset;
}
.offset-md-7 {
grid-column-start: 8;
}
.offset-md-0 {
grid-column-start: unset;
}
.offset-md-8 {
grid-column-start: 9;
}
.offset-md-0 {
grid-column-start: unset;
}
.offset-md-9 {
grid-column-start: 10;
}
.offset-md-0 {
grid-column-start: unset;
}
.offset-md-10 {
grid-column-start: 11;
}
.offset-md-0 {
grid-column-start: unset;
}
.offset-md-11 {
grid-column-start: 12;
}
.offset-md-0 {
grid-column-start: unset;
}
.masonry > div {
grid-row-end: span 6;
}
.masonry .level-md-1 {
grid-row-end: span 1;
}
.masonry .level-md-2 {
grid-row-end: span 2;
}
.masonry .level-md-3 {
grid-row-end: span 3;
}
.masonry .level-md-4 {
grid-row-end: span 4;
}
.masonry .level-md-5 {
grid-row-end: span 5;
}
.masonry .level-md-6 {
grid-row-end: span 6;
}
}
@media (min-width: 992px) {
.container {
width: 897px;
}
.reverse-lg {
direction: rtl;
}
.justify-content-lg-start {
justify-self: start;
justify-items: start;
}
.justify-content-lg-center {
justify-self: center;
justify-items: center;
}
.justify-content-lg-end {
justify-self: end;
justify-items: end;
}
.justify-content-lg-between {
justify-content: space-between;
}
.justify-content-lg-around {
justify-content: space-around;
}
.align-items-lg-start {
align-self: start;
align-items: start;
}
.align-items-lg-center {
align-self: center;
align-items: center;
}
.align-items-lg-end {
align-self: end;
align-items: end;
}
.align-items-lg-stretch {
align-self: stretch;
align-items: stretch;
}
.col-lg-1 {
grid-column-end: span 1;
}
.col-lg-2 {
grid-column-end: span 2;
}
.col-lg-3 {
grid-column-end: span 3;
}
.col-lg-4 {
grid-column-end: span 4;
}
.col-lg-5 {
grid-column-end: span 5;
}
.col-lg-6 {
grid-column-end: span 6;
}
.col-lg-7 {
grid-column-end: span 7;
}
.col-lg-8 {
grid-column-end: span 8;
}
.col-lg-9 {
grid-column-end: span 9;
}
.col-lg-10 {
grid-column-end: span 10;
}
.col-lg-11 {
grid-column-end: span 11;
}
.col-lg-12 {
grid-column-end: span 12;
}
.order-lg-0 {
order: 0;
}
.order-lg-1 {
order: 1;
}
.order-lg-2 {
order: 2;
}
.order-lg-3 {
order: 3;
}
.order-lg-4 {
order: 4;
}
.order-lg-5 {
order: 5;
}
.order-lg-6 {
order: 6;
}
.order-lg-7 {
order: 7;
}
.order-lg-8 {
order: 8;
}
.order-lg-9 {
order: 9;
}
.order-lg-10 {
order: 10;
}
.order-lg-11 {
order: 11;
}
.order-lg-12 {
order: 12;
}
.offset-lg-0 {
grid-column-start: 1;
}
.offset-lg-0 {
grid-column-start: unset;
}
.offset-lg-1 {
grid-column-start: 2;
}
.offset-lg-0 {
grid-column-start: unset;
}
.offset-lg-2 {
grid-column-start: 3;
}
.offset-lg-0 {
grid-column-start: unset;
}
.offset-lg-3 {
grid-column-start: 4;
}
.offset-lg-0 {
grid-column-start: unset;
}
.offset-lg-4 {
grid-column-start: 5;
}
.offset-lg-0 {
grid-column-start: unset;
}
.offset-lg-5 {
grid-column-start: 6;
}
.offset-lg-0 {
grid-column-start: unset;
}
.offset-lg-6 {
grid-column-start: 7;
}
.offset-lg-0 {
grid-column-start: unset;
}
.offset-lg-7 {
grid-column-start: 8;
}
.offset-lg-0 {
grid-column-start: unset;
}
.offset-lg-8 {
grid-column-start: 9;
}
.offset-lg-0 {
grid-column-start: unset;
}
.offset-lg-9 {
grid-column-start: 10;
}
.offset-lg-0 {
grid-column-start: unset;
}
.offset-lg-10 {
grid-column-start: 11;
}
.offset-lg-0 {
grid-column-start: unset;
}
.offset-lg-11 {
grid-column-start: 12;
}
.offset-lg-0 {
grid-column-start: unset;
}
.masonry > div {
grid-row-end: span 6;
}
.masonry .level-lg-1 {
grid-row-end: span 1;
}
.masonry .level-lg-2 {
grid-row-end: span 2;
}
.masonry .level-lg-3 {
grid-row-end: span 3;
}
.masonry .level-lg-4 {
grid-row-end: span 4;
}
.masonry .level-lg-5 {
grid-row-end: span 5;
}
.masonry .level-lg-6 {
grid-row-end: span 6;
}
}
@media (min-width: 1200px) {
.container {
width: 1097px;
}
.reverse-xl {
direction: rtl;
}
.justify-content-xl-start {
justify-self: start;
justify-items: start;
}
.justify-content-xl-center {
justify-self: center;
justify-items: center;
}
.justify-content-xl-end {
justify-self: end;
justify-items: end;
}
.justify-content-xl-between {
justify-content: space-between;
}
.justify-content-xl-around {
justify-content: space-around;
}
.align-items-xl-start {
align-self: start;
align-items: start;
}
.align-items-xl-center {
align-self: center;
align-items: center;
}
.align-items-xl-end {
align-self: end;
align-items: end;
}
.align-items-xl-stretch {
align-self: stretch;
align-items: stretch;
}
.col-xl-1 {
grid-column-end: span 1;
}
.col-xl-2 {
grid-column-end: span 2;
}
.col-xl-3 {
grid-column-end: span 3;
}
.col-xl-4 {
grid-column-end: span 4;
}
.col-xl-5 {
grid-column-end: span 5;
}
.col-xl-6 {
grid-column-end: span 6;
}
.col-xl-7 {
grid-column-end: span 7;
}
.col-xl-8 {
grid-column-end: span 8;
}
.col-xl-9 {
grid-column-end: span 9;
}
.col-xl-10 {
grid-column-end: span 10;
}
.col-xl-11 {
grid-column-end: span 11;
}
.col-xl-12 {
grid-column-end: span 12;
}
.order-xl-0 {
order: 0;
}
.order-xl-1 {
order: 1;
}
.order-xl-2 {
order: 2;
}
.order-xl-3 {
order: 3;
}
.order-xl-4 {
order: 4;
}
.order-xl-5 {
order: 5;
}
.order-xl-6 {
order: 6;
}
.order-xl-7 {
order: 7;
}
.order-xl-8 {
order: 8;
}
.order-xl-9 {
order: 9;
}
.order-xl-10 {
order: 10;
}
.order-xl-11 {
order: 11;
}
.order-xl-12 {
order: 12;
}
.offset-xl-0 {
grid-column-start: 1;
}
.offset-xl-0 {
grid-column-start: unset;
}
.offset-xl-1 {
grid-column-start: 2;
}
.offset-xl-0 {
grid-column-start: unset;
}
.offset-xl-2 {
grid-column-start: 3;
}
.offset-xl-0 {
grid-column-start: unset;
}
.offset-xl-3 {
grid-column-start: 4;
}
.offset-xl-0 {
grid-column-start: unset;
}
.offset-xl-4 {
grid-column-start: 5;
}
.offset-xl-0 {
grid-column-start: unset;
}
.offset-xl-5 {
grid-column-start: 6;
}
.offset-xl-0 {
grid-column-start: unset;
}
.offset-xl-6 {
grid-column-start: 7;
}
.offset-xl-0 {
grid-column-start: unset;
}
.offset-xl-7 {
grid-column-start: 8;
}
.offset-xl-0 {
grid-column-start: unset;
}
.offset-xl-8 {
grid-column-start: 9;
}
.offset-xl-0 {
grid-column-start: unset;
}
.offset-xl-9 {
grid-column-start: 10;
}
.offset-xl-0 {
grid-column-start: unset;
}
.offset-xl-10 {
grid-column-start: 11;
}
.offset-xl-0 {
grid-column-start: unset;
}
.offset-xl-11 {
grid-column-start: 12;
}
.offset-xl-0 {
grid-column-start: unset;
}
.masonry > div {
grid-row-end: span 6;
}
.masonry .level-xl-1 {
grid-row-end: span 1;
}
.masonry .level-xl-2 {
grid-row-end: span 2;
}
.masonry .level-xl-3 {
grid-row-end: span 3;
}
.masonry .level-xl-4 {
grid-row-end: span 4;
}
.masonry .level-xl-5 {
grid-row-end: span 5;
}
.masonry .level-xl-6 {
grid-row-end: span 6;
}
}
@media (min-width: 1400px) {
.container {
width: 1287px;
}
.reverse-xxl {
direction: rtl;
}
.justify-content-xxl-start {
justify-self: start;
justify-items: start;
}
.justify-content-xxl-center {
justify-self: center;
justify-items: center;
}
.justify-content-xxl-end {
justify-self: end;
justify-items: end;
}
.justify-content-xxl-between {
justify-content: space-between;
}
.justify-content-xxl-around {
justify-content: space-around;
}
.align-items-xxl-start {
align-self: start;
align-items: start;
}
.align-items-xxl-center {
align-self: center;
align-items: center;
}
.align-items-xxl-end {
align-self: end;
align-items: end;
}
.align-items-xxl-stretch {
align-self: stretch;
align-items: stretch;
}
.col-xxl-1 {
grid-column-end: span 1;
}
.col-xxl-2 {
grid-column-end: span 2;
}
.col-xxl-3 {
grid-column-end: span 3;
}
.col-xxl-4 {
grid-column-end: span 4;
}
.col-xxl-5 {
grid-column-end: span 5;
}
.col-xxl-6 {
grid-column-end: span 6;
}
.col-xxl-7 {
grid-column-end: span 7;
}
.col-xxl-8 {
grid-column-end: span 8;
}
.col-xxl-9 {
grid-column-end: span 9;
}
.col-xxl-10 {
grid-column-end: span 10;
}
.col-xxl-11 {
grid-column-end: span 11;
}
.col-xxl-12 {
grid-column-end: span 12;
}
.order-xxl-0 {
order: 0;
}
.order-xxl-1 {
order: 1;
}
.order-xxl-2 {
order: 2;
}
.order-xxl-3 {
order: 3;
}
.order-xxl-4 {
order: 4;
}
.order-xxl-5 {
order: 5;
}
.order-xxl-6 {
order: 6;
}
.order-xxl-7 {
order: 7;
}
.order-xxl-8 {
order: 8;
}
.order-xxl-9 {
order: 9;
}
.order-xxl-10 {
order: 10;
}
.order-xxl-11 {
order: 11;
}
.order-xxl-12 {
order: 12;
}
.offset-xxl-0 {
grid-column-start: 1;
}
.offset-xxl-0 {
grid-column-start: unset;
}
.offset-xxl-1 {
grid-column-start: 2;
}
.offset-xxl-0 {
grid-column-start: unset;
}
.offset-xxl-2 {
grid-column-start: 3;
}
.offset-xxl-0 {
grid-column-start: unset;
}
.offset-xxl-3 {
grid-column-start: 4;
}
.offset-xxl-0 {
grid-column-start: unset;
}
.offset-xxl-4 {
grid-column-start: 5;
}
.offset-xxl-0 {
grid-column-start: unset;
}
.offset-xxl-5 {
grid-column-start: 6;
}
.offset-xxl-0 {
grid-column-start: unset;
}
.offset-xxl-6 {
grid-column-start: 7;
}
.offset-xxl-0 {
grid-column-start: unset;
}
.offset-xxl-7 {
grid-column-start: 8;
}
.offset-xxl-0 {
grid-column-start: unset;
}
.offset-xxl-8 {
grid-column-start: 9;
}
.offset-xxl-0 {
grid-column-start: unset;
}
.offset-xxl-9 {
grid-column-start: 10;
}
.offset-xxl-0 {
grid-column-start: unset;
}
.offset-xxl-10 {
grid-column-start: 11;
}
.offset-xxl-0 {
grid-column-start: unset;
}
.offset-xxl-11 {
grid-column-start: 12;
}
.offset-xxl-0 {
grid-column-start: unset;
}
.masonry > div {
grid-row-end: span 6;
}
.masonry .level-xxl-1 {
grid-row-end: span 1;
}
.masonry .level-xxl-2 {
grid-row-end: span 2;
}
.masonry .level-xxl-3 {
grid-row-end: span 3;
}
.masonry .level-xxl-4 {
grid-row-end: span 4;
}
.masonry .level-xxl-5 {
grid-row-end: span 5;
}
.masonry .level-xxl-6 {
grid-row-end: span 6;
}
}
@media (width > 2000px) {
.container {
width: 100rem;
}
}
h1,
h2 {
font-family: "those-eyes", "those-eyes--fallback-font", sans-serif;
font-weight: 400;
}
h1 {
font-size: 42px;
line-height: 1.25em;
}
h2 {
font-size: 36px;
line-height: 1.35em;
}
h3 {
font-family: "lexend-variablefont", "lexend-variablefont--fallback-font", sans-serif;
font-variation-settings: "wght" 930;
font-size: 30px;
}
h4 {
font-family: "lexend-variablefont", "lexend-variablefont--fallback-font", sans-serif;
font-variation-settings: "wght" 730;
font-size: 26px;
}
h5 {
font-family: "lexend-variablefont", "lexend-variablefont--fallback-font", sans-serif;
font-variation-settings: "wght" 430;
font-size: 22px;
}
@media screen and (max-width: 768px) {
h1 {
font-size: 26px
}
h2 {
font-size: 22px
}
h3 {
font-size: 20px;
}
h4 {
font-size: 18px
}
h5 {
font-size: 16px
}
}
.clearfix::after {
display: block;
clear: both;
content: "";
}
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-flex > * {
flex: 1 0 0%;
}
.d-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-sm-flex > * {
flex: 1 0 0%;
}
.d-sm-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-md-flex > * {
flex: 1 0 0%;
}
.d-md-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
.bg-md-gray {
background-color: rgb(246, 247, 247);
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-lg-flex > * {
flex: 1 0 0%;
}
.d-lg-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 1200px) {
.d-xl-none {
display: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-xl-flex > * {
flex: 1 0 0%;
}
.d-xl-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 1400px) {
.d-xxl-none {
display: none !important;
}
.d-xxl-inline {
display: inline !important;
}
.d-xxl-inline-block {
display: inline-block !important;
}
.d-xxl-block {
display: block !important;
}
.d-xxl-table {
display: table !important;
}
.d-xxl-table-row {
display: table-row !important;
}
.d-xxl-table-cell {
display: table-cell !important;
}
.d-xxl-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-xxl-flex > * {
flex: 1 0 0%;
}
.d-xxl-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
.embed-responsive::before {
display: block;
content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.embed-responsive-21by9::before {
padding-top: 42.857143%;
}
.embed-responsive-16by9::before {
padding-top: 56.25%;
}
.embed-responsive-4by3::before {
padding-top: 75%;
}
.embed-responsive-1by1::before {
padding-top: 100%;
}
.visible {
visibility: visible !important;
}
.invisible {
visibility: hidden !important;
}
.centerX {
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.centerY {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.centerXY {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
* {
outline: none !important;
}
*::selection {
background-color: var(--color-primary);
color: var(--color-secondary);
}
body {
min-height: 100vh;
display: flex;
flex-direction: column;
background-color: var(--color-tertiary);
font-family: "lexend-variablefont", "lexend-variablefont--fallback-font", sans-serif;
}
.site-main {
display: flex;
flex: 1;
flex-direction: column;
}
img,
svg {
width: 100%;
height: 100%;
}
@media (prefers-reduced-motion) {
.reveal {
visibility: hidden;
}
}
input[type=radio],
input[type=checkbox] {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
}
@media screen and (min-width: 768px) {
body.admin-bar .header--nav,
body.admin-bar .grid-filters--filters {
top: clamp(46px, 2.085vw + 32px, 62px);
}
}
::-webkit-scrollbar {
height: 0px;
width: 7px;
}
::-webkit-scrollbar-track {
background: transparent;
}
::-webkit-scrollbar-thumb {
background: #606060;
border-radius: 10px;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
font-family: sans-serif;
line-height: 1.15;
text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: transparent;
overflow-y: auto !important;
}
@-ms-viewport {
width: device-width;
}
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block;
}
body {
margin: 0;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
text-align: left;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
[tabindex="-1"]:focus {
outline: 0 !important;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 0;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
ul,
dl {
padding: 0;
list-style: none;
margin-top: 0;
margin-bottom: 0;
}
ol {
margin-top: 0;
margin-bottom: 0;
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
dt {
font-weight: 700;
}
dd {
margin-bottom: 0.5rem;
margin-left: 0;
}
blockquote {
margin: 0 0 1rem;
}
b,
strong {
font-weight: 900;
font-variation-settings: "wght" 720;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
pre,
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
-ms-overflow-style: scrollbar;
background: white;
z-index: 9999;
position: relative;
}
figure {
margin: 0 0 1rem;
}
img {
vertical-align: middle;
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
table {
border-collapse: collapse;
}
caption {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #6c757d;
text-align: left;
caption-side: bottom;
}
th {
text-align: inherit;
}
label {
display: inline-block;
margin-bottom: 0.5rem;
}
button {
border-radius: 0;
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html [type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
padding: 0;
border-style: none;
}
input[type=radio],
input[type=checkbox] {
box-sizing: border-box;
padding: 0;
}
input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
-webkit-appearance: listbox;
}
textarea {
overflow: auto;
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: 0.5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal;
}
hr {
margin-top: 1rem;
margin-bottom: 1rem;
border: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
small,
.small {
font-size: 80%;
font-weight: 400;
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.list-inline {
padding-left: 0;
list-style: none;
}
.list-inline > li {
display: inline-block;
}
.list-inline > li:not(:last-child) {
margin-right: 0.5rem;
}
code {
font-size: 87.5%;
color: #e83e8c;
word-break: break-word;
}
a > code {
color: inherit;
}
pre {
display: block;
font-size: 87.5%;
color: #333;
}
pre code {
font-size: inherit;
color: inherit;
word-break: normal;
}
a {
text-decoration: none;
color: currentColor;
}
.skeleton {
animation: skeleton-loading 1s linear infinite alternate;
}
@keyframes skeleton-loading {
0% {
background-color: rgba(159, 159, 159, 0.6039215686);
}
100% {
background-color: rgba(125, 125, 125, 0.1098039216);
}
}
.tag {
font-family: "lexend-variablefont", "lexend-variablefont--fallback-font", sans-serif;
font-size: clamp(0.935em, 1.04vw, 1em);
font-variation-settings: "wght" 530;
margin-right: clamp(8px, 0.5vw, 8px);
margin-bottom: clamp(10px, 0.6vw, 10px);
padding: clamp(6px, 0.4vw, 6px) clamp(11px, 0.7vw, 11px);
width: fit-content;
border-radius: max(50px, 3.4vw);
user-select: none;
}
.text {
font-family: "lexend-variablefont", "lexend-variablefont--fallback-font", sans-serif;
font-variation-settings: "wght" 430;
font-size: clamp(0.875em, 1.11111vw, 1.2em);
line-height: 1.5em;
letter-spacing: 0.01em;
}
.text a {
color: var(--color-4);
text-decoration: underline;
}
.text ul li {
margin-left: 1em;
list-style-type: disc;
}
.accordion {
position: relative;
}
.accordion--widget {
position: sticky;
top: 0;
}
.accordion--widget .accordion--search-group {
position: relative;
width: 100%;
}
.accordion--widget .accordion--search {
padding: clamp(12px, 1vw, 15px) clamp(55px, 3.8vw, 85px) clamp(12px, 1vw, 15px) clamp(15px, 1vw, 25px);
width: 100%;
font-family: "lexend-variablefont", "lexend-variablefont--fallback-font", sans-serif;
font-variation-settings: "wght" 430;
font-size: clamp(0.875em, 1.25vw, 1.5em);
letter-spacing: 0.01em;
line-height: 140%;
color: var(--color-primary);
background-color: var(--color-secondary);
border: none;
border-radius: max(5px, 0.1vw);
}
.accordion--widget .accordion--search::placeholder {
color: currentColor;
}
.accordion--widget .accordion--icon-search {
position: absolute;
top: 50%;
right: max(12px, 1vw);
display: flex;
width: clamp(25px, 2vw, 32px);
color: var(--color-4);
transform: translate(0, -50%);
transition: all 0.5s ease-in-out;
}
.accordion--element {
position: relative;
cursor: pointer;
}
.accordion--element.is-active .accordion--details {
padding-bottom: clamp(15px, 2.085vw, 25px);
grid-template-rows: 1fr;
}
.accordion--element.is-active .accordion--picto {
transform: rotate(225deg);
}
.accordion--element .accordion--title {
user-select: none;
margin-right: 20px;
font-family: "lexend-variablefont", "lexend-variablefont--fallback-font", sans-serif;
font-variation-settings: "wght" 930;
font-size: clamp(1.6em, 2.5vw, 2.3em);
}
.accordion--details {
display: grid;
grid-template-rows: 0fr;
margin-bottom: clamp(15px, 1.7vw, 25px);
padding-top: clamp(10px, 1.4vw, 10px);
padding-bottom: clamp(5px, 0.3vw, 5px);
transition: grid-template-rows cubic-bezier(0.77, 0, 0.175, 1) 1s, padding-bottom cubic-bezier(0.77, 0, 0.175, 1) 1s;
}
.accordion--details::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
background-color: var(--color-secondary);
}
.accordion--inner {
max-width: 89%;
cursor: initial;
overflow: hidden;
}
.accordion--inner *:last-child {
margin-bottom: 0;
}
.accordion--picto {
display: flex;
max-width: clamp(28px, 1.9vw, 33px);
max-height: clamp(28px, 1.9vw, 33px);
width: 100%;
transition: transform cubic-bezier(0.77, 0, 0.175, 1) 1s;
}
@media (min-width: 992px) {
.accordion--widget .accordion--search-group {
width: 90%;
}
}
.aside {
position: relative;
}
.aside--wrapper {
position: relative;
display: flex;
height: 100%;
}
.aside--aside {
position: sticky;
margin-top: auto;
bottom: max(40px, 2.7vw);
}
.aside--filter-container {
display: flex;
flex-wrap: wrap;
}
.aside--modules {
margin-top: max(10px, 4.2vw);
}
.aside section {
position: relative;
}
.aside section .container-ext,
.aside section .container {
margin: 0;
padding: 0;
width: 100%;
}
.banner {
--banner-gap: clamp(30px,4.8vw,100px);
}
.banner--wrapper {
display: flex;
overflow: hidden;
user-select: none;
pointer-events: none;
gap: var(--banner-gap);
}
.banner--wrapper.to-left ul.is-scroll {
animation-direction: normal;
}
.banner--wrapper.to-right ul.is-scroll {
animation-direction: reverse;
}
.banner--wrapper ul {
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: space-around;
min-width: 100%;
gap: var(--banner-gap);
}
.banner--wrapper ul.is-scroll {
animation: slide-banner var(--banner-speed) infinite linear;
}
.banner--img {
min-height: 27px;
height: clamp(30px,8vw,200px);
}
.banner--img img {
width: fit-content;
}
.banner--img svg {
width: auto;
}
.banner.colored--primary .banner--img img {
filter: invert(1);
}
@keyframes slide-banner {
to {
transform: translateX(calc(-100% - var(--banner-gap)));
}
}
.calendly {
position: relative;
}
.calendly--aside {
position: sticky;
top: 50px;
}
.cards {
position: relative;
}
.cards--aside {
position: sticky;
top: 30%;
}
.cards--card {
position: relative;
display: block;
padding: clamp(30px, 2.7vw, 40px);
width: 100%;
max-width: max(600px, 41.6vw);
border-radius: max(10px, 0.6vw);
transition: box-shadow 0.25s ease 0.01s, translate 0.25s ease 0.01s;
}
.cards--card:not(:last-child) {
margin-bottom: clamp(25px, 2.43vw, 35px);
}
.cards--card:hover {
box-shadow: -12px 13px 0 0 var(--color-primary);
translate: 0 min(-2px, -0.1vw);
}
.cards--card.shadow--primary:hover {
box-shadow: -12px 13px 0 0 var(--color-primary);
}
.cards--card.shadow--secondary:hover {
box-shadow: -12px 13px 0 0 var(--color-secondary);
}
.cards--card.shadow--tertiary:hover {
box-shadow: -12px 13px 0 0 var(--color-tertiary);
}
.cards--card.shadow--4:hover {
box-shadow: -12px 13px 0 0 var(--color-4);
}
.cards--card.shadow--5:hover {
box-shadow: -12px 13px 0 0 var(--color-5);
}
.cards--card.shadow--6:hover {
box-shadow: -12px 13px 0 0 var(--color-6);
}
.cards--card.shadow--7:hover {
box-shadow: -12px 13px 0 0 var(--color-7);
}
.cards--card.shadow--8:hover {
box-shadow: -12px 13px 0 0 var(--color-8);
}
.cards--card.shadow--9:hover {
box-shadow: -12px 13px 0 0 var(--color-9);
}
@media (min-width: 992px) {
.cards--aside {
margin: 0 auto;
max-width: 96%;
}
}
.footer {
position: relative;
}
.footer--wrapper {
margin-bottom: clamp(35px, 4.52vw, 65px);
padding: clamp(25px, 4.725vw, 68px) clamp(17px, 2.5vw, 36px) clamp(25px, 3.5vw, 50px) clamp(17px, 2.5vw, 36px);
border-radius: 20px;
}
.footer--logo {
margin: 0 auto;
width: fit-content;
}
.footer--logo:hover a {
animation: bgc 2.5s ease-in-out infinite;
}
.footer--logo a {
display: inline-block;
width: clamp(156px, 8.615vw, 165px);
transition: color 0.5s ease-in-out;
}
.footer--heading .footer--title {
font-family: "those-eyes", "those-eyes--fallback-font", sans-serif;
font-size: clamp(1.75em, 2.35vw, 2.2em);
line-height: 1.2em;
}
.footer--content, .footer--address-text {
font-size: clamp(0.875em, 1.25vw, 1.2em);
}
.footer--divider {
margin: clamp(20px, 2.775vw, 40px) 0 clamp(30px, 3.45vw, 50px);
border-radius: 50px;
}
.footer--menu {
user-select: none;
}
.footer--menu .menu li {
font-size: clamp(1.25em, 1.6vw, 1.5em);
font-variation-settings: "wght" 530;
width: fit-content;
transition: color 0.2s ease-in-out;
}
.footer--menu .menu li:not(:last-child) {
padding-bottom: 10px;
}
.footer--menu .menu li:hover {
color: var(--color-9);
}
.footer--address-title {
font-size: clamp(1.25em, 1.6vw, 1.5em);
}
.footer--socials {
display: flex;
}
.footer--social {
display: flex;
margin: clamp(7px, 0.5vw, 10px);
width: clamp(20px, 2vw, 30px);
transition: color 0.2s ease-in-out;
}
.footer--social:hover {
color: var(--color-4);
}
.footer--credits {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: clamp(0.9em, 1vw, 15px);
gap: 4px;
}
.footer--menu-bottom {
display: inline;
}
.footer--menu-bottom ul {
padding: 0;
}
.footer--menu-bottom ul,
.footer--menu-bottom li {
display: flex;
flex-direction: column;
align-items: center;
}
@media (min-width: 992px) {
.footer--logo {
margin: initial;
}
.footer--socials {
flex-direction: column;
}
.footer--social {
margin: clamp(7px, 0.5vw, 10px) 0;
}
.footer--credits {
flex-direction: row;
}
.footer--credits span:not(:last-child)::after {
content: " |";
color: currentColor;
}
.footer--menu-bottom ul,
.footer--menu-bottom li {
display: inline;
}
.footer--menu-bottom li:not(:last-child)::after {
content: " |";
color: currentColor;
}
}
.grid-filters {
position: relative;
}
.grid-filters--filters {
position: sticky;
top: clamp(14px, 2.1vw, 30px);
margin-top: 0;
padding: clamp(20px, 2vw, 30px) clamp(20px, 1.3vw, 20px) clamp(20px, 1.3vw, 20px);
border-radius: max(10px, 0.6vw);
z-index: 1;
}
.grid-filters--filters .grid-filters--summary {
display: flex;
justify-content: space-between;
align-items: center;
user-select: none;
}
.grid-filters--filters .grid-filters--summary.is-active .grid-filters--picto {
rotate: 180deg;
}
.grid-filters--filters .grid-filters--picto {
display: flex;
max-width: clamp(22px, 1.9vw, 33px);
max-height: clamp(22px, 1.9vw, 33px);
width: 100%;
transition: rotate cubic-bezier(0.77, 0, 0.175, 1) 0.25s;
}
.grid-filters--filters .grid-filters--filter-container {
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows cubic-bezier(0.77, 0, 0.175, 1) 0.5s;
}
.grid-filters--filters .grid-filters--filter-container.is-active {
grid-template-rows: 1fr;
}
.grid-filters--filters .grid-filters--filter-inner {
overflow: hidden;
}
.grid-filters--filters .grid-filters--filter-elements {
display: flex;
flex-wrap: wrap;
}
.grid-filters--filters .grid-filters--filter {
width: fit-content;
border: solid clamp(2px, 0.2vw, 2px) var(--color-primary);
cursor: pointer;
user-select: none;
transition: all 0.15s ease-in-out;
}
.grid-filters--filters .grid-filters--filter[data-filter="*"] {
color: var(--color-primary);
}
.grid-filters--filters .grid-filters--filter[data-filter="*"].is-active, .grid-filters--filters .grid-filters--filter[data-filter="*"]:hover {
color: var(--color-secondary);
}
.grid-filters--filters .grid-filters--filter.is-active, .grid-filters--filters .grid-filters--filter:hover {
background-color: var(--filter-color);
border-color: var(--filter-color);
}
.grid-filters--items .grid-filters--item {
position: relative;
display: block;
padding: clamp(17px, 1.7vw, 17px) 0;
width: var(--grid-item-size);
border-width: 0;
border-style: solid;
border-color: transparent;
border-radius: max(15px, 1.1vw);
transition: border-color 0.3s ease-in-out;
}
.grid-filters--items .grid-filters--item:not(.grid-filters--cta):hover {
border-color: var(--color-6);
}
.grid-filters--items .grid-filters--item:not(.grid-filters--cta):hover .grid-filters--img img {
scale: 1.1;
}
.grid-filters--items .grid-filters--item:not(.grid-filters--cta):hover .grid-filters--action .btn.btn--primary {
color: var(--color-secondary);
background-color: var(--color-primary);
}
.grid-filters--items .grid-filters--item:not(.grid-filters--cta):hover .grid-filters--action .btn .arrow-after {
rotate: 0deg;
}
.grid-filters--items .grid-filters--item.is-off {
pointer-events: none;
cursor: auto;
user-select: auto;
}
.grid-filters--items .grid-filters--item.is-off .grid-filters--action {
display: none;
}
.grid-filters--items .grid-filters--container {
display: flex;
flex-direction: column;
border-radius: max(10px, 0.6vw);
}
.grid-filters--items .grid-filters--img {
user-select: none;
border-radius: max(10px, 0.6vw);
height: clamp(220px, 28vh, 250px);
overflow: clip;
}
.grid-filters--items .grid-filters--img img {
transform-origin: bottom center;
transition: scale 0.3s ease-in-out;
object-fit: cover;
}
.grid-filters--items .grid-filters--filter-container {
display: flex;
flex-wrap: wrap;
}
.grid-filters--items .grid-filters--filter {
cursor: pointer;
}
.grid-filters--items .grid-filters--title {
font-family: "lexend-variablefont", "lexend-variablefont--fallback-font", sans-serif;
font-variation-settings: "wght" 930;
font-size: clamp(1.25em, 1.94vw, 1.9em);
}
.grid-filters--items .grid-filters--action {
margin-top: auto;
}
.grid-filters--cta .grid-filters--container {
padding: clamp(30px, 2vw, 30px);
justify-content: center;
}
.grid-filters--cta .grid-filters--title {
text-align: center;
font-family: "those-eyes", "those-eyes--fallback-font", sans-serif;
font-size: clamp(1.75em, 3.2vw, 3.6em);
line-height: 1.35em;
}
.grid-filters--cta .grid-filters--action {
margin-top: 0px;
justify-content: center;
}
.grid-filters--cta .grid-filters--action .btn {
margin-left: max(5px, 0.5vw);
margin-right: max(5px, 0.5vw);
}
.grid-filters--pagination {
position: relative;
z-index: 1;
user-select: none;
}
.grid-filters--pagination .grid-filters--index {
padding: 0 clamp(5px, 0.7vw, 30px);
color: currentColor;
font-family: "lexend-variablefont", "lexend-variablefont--fallback-font", sans-serif;
font-size: clamp(1.25em, 1.38vw, 1.4em);
font-variation-settings: "wght" 730;
color: var(--color-primary);
background-color: transparent;
border: none;
cursor: pointer;
}
.grid-filters--pagination .grid-filters--index.is-active {
color: var(--color-9);
}
@media (min-width: 992px) {
.grid-filters--filters {
margin-top: clamp(21px, 2vw, 21px);
}
.grid-filters--filters .grid-filters--filter-container {
transition: grid-template-rows 0s;
}
.grid-filters--items .grid-filters--item {
padding: clamp(17px, 1.7vw, 17px) clamp(1px, 1.3vw, 20px);
border-width: clamp(4px, 0.3vw, 4px);
}
}
.header {
position: relative;
}
.header--logo {
position: absolute;
top: clamp(14px, 2.1vw, 82px);
left: clamp(20px, 2.57vw, 98px);
z-index: 100;
}
.header--logo:hover a {
animation: bgc 2.5s ease-in-out infinite;
}
.header--logo a {
display: inline-block;
color: var(--color-primary);
width: clamp(60px, 8.615vw, 165px);
transition: color 0.5s ease-in-out;
}
.header--back {
display: none;
position: absolute;
top: clamp(60px, 0vw, 0px);
left: 0;
margin-left: 13.25vw;
z-index: 100;
}
.header--nav {
position: fixed;
top: clamp(14px, 2.085vw, 30px);
right: clamp(13px, 2.085vw, 79px);
display: grid;
z-index: 100;
}
.header--nav-container {
display: flex;
align-items: center;
justify-self: flex-end;
padding: clamp(8px, 1.042vw, 23px) clamp(10px, 1.39vw, 30px);
width: fit-content;
background-color: rgba(255, 255, 255, 0.5019607843);
backdrop-filter: blur(15px);
border-radius: max(50px, 3.4vw);
box-shadow: 3px 5px 15px 3px rgba(0, 0, 0, 0.1019607843);
}
.header--menu-hamburger {
position: relative;
display: flex;
margin-right: clamp(10px, 1.045vw, 20px);
color: var(--color-secondary);
}
.header--menu-hamburger::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 100%;
aspect-ratio: 1;
background-color: var(--color-primary);
border-radius: 100%;
transform: translate(-50%, -50%);
z-index: -1;
}
.header--menu {
display: grid;
grid-template-rows: 0fr;
justify-self: flex-end;
padding: 0px 20px;
width: fit-content;
background-color: rgba(255, 255, 255, 0.5019607843);
border-radius: max(10px, 0.6vw);
backdrop-filter: blur(15px);
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1019607843);
transition: grid-template-rows 0.5s, padding 0.5s, box-shadow 0.5s;
}
.header--menu.is-active {
grid-template-rows: 1fr;
padding: 25px 20px;
box-shadow: 3px 5px 15px 3px rgba(0, 0, 0, 0.1019607843);
}
.header--menu-inner {
overflow: hidden;
}
.header--menu .menu {
user-select: none;
text-align: center;
}
.header--menu .menu li {
margin: 0 auto;
font-size: clamp(1.5em, 1.6vw, 1.8em);
font-variation-settings: "wght" 730;
width: fit-content;
transition: color 0.2s ease-in-out;
}
.header--menu .menu li:not(:last-child) {
padding-bottom: 10px;
}
.header--menu .menu li:hover {
color: var(--color-9);
}
.header--menu .menu li.current-menu-item {
font-variation-settings: "wght" 930;
color: var(--color-primary);
}
.header--menu .menu li a {
padding: 0 20px;
}
.header--socials {
display: flex;
justify-content: center;
}
.header--social {
display: flex;
margin: 0 clamp(7px, 0.5vw, 10px);
width: clamp(20px, 1.385vw, 25px);
color: var(--color-primary);
transition: color 0.2s ease-in-out;
}
.header--social:hover {
color: var(--color-4);
}
@media (min-width: 992px) {
body.single-projets:has(.aside) .header--back {
display: block;
}
}
@keyframes bgc {
0%, 100% {
color: var(--color-4);
}
16.66% {
color: var(--color-5);
}
33.32% {
color: var(--color-6);
}
49.98% {
color: var(--color-7);
}
66.64% {
color: var(--color-8);
}
83.3% {
color: var(--color-9);
}
}
.hero {
position: relative;
}
.hero model-viewer {
position: absolute;
width: 100vw;
height: 100%;
z-index: 2;
pointer-events: none;
}
.hero.is-full .hero--wrapper {
min-height: 90svh;
}
.hero.is-full .hero--inner {
width: clamp(290px, 72.5vw, 1530px);
}
.hero--wrapper {
display: flex;
align-items: center;
justify-content: center;
min-height: 58.5vh;
}
.hero--inner {
position: relative;
margin: 0 auto;
margin-top: 65px;
width: clamp(290px, 43vw, 790px);
text-align: center;
}
.hero--inner::before {
content: "";
position: absolute;
top: 40%;
left: 20%;
width: 70%;
height: 100%;
border-radius: 100%;
background-image: radial-gradient(#e3e3e3 3px, transparent 3px), radial-gradient(#e3e3e3 3px, transparent 3px);
background-size: 15px 15px;
background-position: 0 0, 7.5px 7.5px;
background-color: rgba(255, 255, 255, 0);
box-shadow: 0 0 50px 50px var(--color-tertiary) inset;
opacity: 0.2;
transform: translate(-50%, -50%);
}
.hero--heading, .hero--content {
position: relative;
z-index: 1;
}
.hero--action {
justify-content: center;
}
.hero--action .btn {
margin-left: max(5px, 0.5vw);
margin-right: max(5px, 0.5vw);
}
@media (min-width: 992px) {
.hero.is-full .hero--wrapper {
min-height: 85svh;
}
.hero--inner {
margin-top: initial;
}
}
.highlight {
position: relative;
}
.highlight--container {
position: relative;
margin: 0 auto;
margin-bottom: clamp(20px, 2.4vw, 35px);
padding: clamp(30px, 2.777vw, 40px) clamp(18px, 2.777vw, 40px);
width: 100%;
max-width: clamp(926px, 64.3vw, 926px);
border-radius: max(10px, 0.6vw);
}
.highlight--quote {
display: none;
position: absolute;
top: calc(clamp(-66px, -4.65vw, -55px) / 1.6);
left: max(18px, 2.777vw);
width: clamp(55px, 4.65vw, 66px);
height: clamp(55px, 4.65vw, 66px);
}
.highlight :has(blockquote) .highlight--container {
margin-top: calc(clamp(55px, 4.65vw, 66px) / 1.6);
}
.highlight :has(blockquote) .highlight--quote {
display: block;
}
.highlight--heading {
margin: 0 auto;
max-width: clamp(500px, 34.7vw, 500px);
text-align: center;
}
.highlight--content {
font-size: clamp(1em, 1.4vw, 1.5em);
font-variation-settings: "wght" 430;
}
.highlight--content *:last-child {
margin-bottom: 0;
}
.highlight--action {
justify-content: center;
}
.highlight--action .btn {
margin-right: max(5px, 0.5vw);
margin-left: max(5px, 0.5vw);
}
.map {
position: relative;
}
.map--heading {
margin: 0 auto;
max-width: clamp(646px, 44vw, 646px);
text-align: center;
}
.map--content {
height: max(450px, 37.3vw);
border-radius: max(10px, 0.6vw);
overflow: clip;
}
.map--content iframe {
width: 100%;
height: 100%;
}
.media {
position: relative;
}
.media .row {
column-gap: clamp(20px, 2.4vw, 35px);
}
.media--media {
margin-bottom: clamp(20px, 2.4vw, 35px);
border-radius: max(10px, 0.6vw);
overflow: clip;
}
.media--media video,
.media--media iframe {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.media--media iframe {
aspect-ratio: 16/9;
}
.media--media.is-squares {
width: 100%;
aspect-ratio: 1;
}
.media--media.is-squares img {
width: 100%;
height: 100%;
object-fit: cover;
}
.numbers {
position: relative;
}
.numbers--container {
display: flex;
flex-wrap: wrap;
justify-content: left;
gap: clamp(15px, 2vw, 30px);
}
.numbers--inner {
flex-shrink: 0;
width: 31%;
padding: clamp(15px, 2vw, 30px) clamp(12px, 1.3vw, 20px);
min-width: clamp(133px, 16.5vw, 240px);
background-color: var(--color-secondary);
border-radius: max(10px, 0.6vw);
}
@media screen and (max-width: 768px) {
.numbers--inner {
width: 100%;
}
}
.numbers--number-wrapper {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: clamp(1px, 1.04vw, 15px);
}
.numbers--picto {
margin-right: clamp(10px, 1.04vw, 18px);
width: clamp(30px, 4.167vw, 60px);
height: clamp(30px, 4.167vw, 60px);
}
.numbers--number {
font-size: clamp(1.6875em, 3.125vw, 2.8em);
font-variation-settings: "wght" 730;
}
.numbers--heading {
text-align: center;
}
.picto-deco {
position: relative;
width: 100%;
height: 0;
pointer-events: none;
user-select: none;
z-index: 1;
}
.picto-deco--inner {
position: relative;
}
.picto-deco--position {
position: absolute;
top: 0;
left: 0;
width: 0;
transform: translate(-50%, -50%) rotate(0deg);
transform-origin: center center;
}
.picto-deco.is-sticker {
filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.25));
}
.shortcode {
position: relative;
}
.shortcode.colored--primary .ti-widget.ti-goog .ti-widget-container .ti-name,
.shortcode.colored--primary .ti-widget.ti-goog .ti-widget-container .ti-date {
color: var(--color-secondary) !important;
}
.slider-projets {
position: relative;
--slider-projets-gap: clamp(25px,3.125vw,45px);
--fiter-top: clamp(48px,3.3vw,48px);
}
.slider-projets--heading {
margin: 0 auto;
max-width: clamp(646px, 44vw, 646px);
text-align: center;
}
.slider-projets--wrapper {
display: flex;
overflow: auto;
gap: var(--slider-projets-gap);
}
.slider-projets--container {
display: flex;
gap: var(--slider-projets-gap);
padding: 0 6.25vw;
}
.slider-projets--container:nth-child(2) {
display: none;
}
.slider-projets--inner {
position: relative;
margin-top: calc(var(--fiter-top) / 1.5);
padding: clamp(30px, 2vw, 40px) clamp(20px, 1.3vw, 20px);
min-width: 270px;
width: clamp(270px, 23.6vw, 355px);
height: fit-content;
background-color: var(--color-secondary);
border-radius: max(10px, 0.6vw);
z-index: 1;
}
.slider-projets--inner.is-off {
pointer-events: none;
cursor: auto;
user-select: auto;
}
.slider-projets--inner.is-off .slider-projets--action {
display: none;
}
.slider-projets--filter-container {
position: absolute;
top: calc(var(--fiter-top) / -1.5);
right: clamp(-22px, -1.5vw, -22px);
}
.slider-projets--filter {
position: relative;
margin: 0;
border: solid clamp(7px, 0.5vw, 10px) var(--color-tertiary);
}
.slider-projets--img {
width: 100%;
height: clamp(143px, 9.9vw, 143px);
border-radius: max(6px, 0.4vw);
overflow: clip;
user-select: none;
}
.slider-projets--img img {
object-fit: cover;
}
.slider-projets--logo {
position: relative;
margin: 0 auto;
margin-top: -40px;
padding: clamp(15px, 1vw, 15px);
width: fit-content;
height: fit-content;
border-radius: max(5px, 0.3vw);
background-color: var(--color-secondary);
}
.slider-projets--logo img {
width: fit-content;
height: clamp(45px, 4.1vw, 45px);
}
.slider-projets--logo svg {
width: auto;
height: clamp(45px, 4.1vw, 45px);
}
.slider-projets--inner .slider-projets--content {
font-size: clamp(0.875em, 1.25vw, 1.2em);
}
.slider-projets--inner .slider-projets--action {
display: flex;
justify-content: center;
}
.slider-projets--numbers-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: clamp(15px, 2vw, 28px);
}
.slider-projets--numbers-inner {
flex: 0 1 fit-content;
background-color: var(--color-secondary);
border-radius: max(10px, 0.6vw);
}
.slider-projets--numbers-number-wrapper {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: max(1px, 1.04vw);
}
.slider-projets--numbers-picto {
margin-right: clamp(10px, 1.04vw, 15px);
width: clamp(30px, 2vw, 30px);
height: clamp(30px, 2vw, 30px);
}
.slider-projets--numbers-number {
font-size: clamp(1.5em, 2.08vw, 1.5em);
font-variation-settings: "wght" 730;
}
.slider-projets--numbers-heading {
text-align: center;
}
.slider-projets--action {
display: flex;
justify-content: flex-end;
}
@media (min-width: 992px) {
.slider-projets--wrapper {
overflow: hidden;
}
.slider-projets--wrapper:hover .slider-projets--container,
.slider-projets--wrapper:hover .slider-projets--container.is-scroll {
animation-play-state: paused;
}
.slider-projets--wrapper.to-left .slider-projets--container {
animation-direction: normal;
}
.slider-projets--wrapper.to-right .slider-projets--container {
animation-direction: reverse;
}
.slider-projets--wrapper .slider-projets--container {
flex-shrink: 0;
align-items: flex-start;
justify-content: center;
padding: 0;
min-width: 100%;
animation: slide-projets var(--slider-projets-speed) infinite linear;
animation-play-state: paused;
}
.slider-projets--wrapper .slider-projets--container:nth-child(2) {
display: flex;
}
.slider-projets--wrapper .slider-projets--container.is-scroll {
justify-content: space-around;
animation-play-state: running;
}
.slider-projets--wrapper .slider-projets--container.is-scroll:hover {
animation-play-state: paused;
}
@keyframes slide-projets {
to {
transform: translateX(calc(-100% - var(--slider-projets-gap)));
}
}
}
.squares {
position: relative;
}
.squares--container {
margin: 0;
}
.squares--heading {
text-align: center;
}
.squares--img {
width: 100%;
aspect-ratio: 1;
border-radius: max(10px, 0.6vw);
overflow: clip;
}
.squares--img img {
object-fit: cover;
}
.squares--img svg {
padding: clamp(22px, 2.57vw, 37px);
}
.squares--content {
text-align: center;
}
.squares--job {
font-size: clamp(0.875em, 1.25vw, 1.3em);
}
@media (min-width: 992px) {
.squares--container {
margin: 0 max(1px, 5vw);
}
}
.text-img {
position: relative;
}
.text-img--img {
margin: 0 auto;
width: clamp(290px, 20.9vw, 500px);
height: clamp(290px, 20.9vw, 500px);
aspect-ratio: 1;
border-radius: max(10px, 0.6vw);
overflow: clip;
user-select: none;
}
.text-img--img img {
object-fit: cover;
}
.projets-template h1 {
margin-top: 200px;
}
.page-id-1264 h1 {
margin-top: 200px;
}
.home h1 {
font-size: 80px;
}
@media screen and (max-width: 768px) {
.projets-template h1 {
margin-top: 0;
}
.home h1 {
font-size: 32px;
}
}