@charset "UTF-8";

:root {
color-scheme: light;
--jaunec: #ffee35;
--jaunef: #ffdf05;
--noir: #000;
--grisc: #f8f8f8;
--grisf: #edecec;
--grisfm: #989898;
--blanc: #fff;
}
html[data-theme=dark] {
color-scheme: dark;
--jaunec: #ffee35;
--jaunef: #f8ea3e;
--noir: #fff;
--grisc: #1c1c1c;
--grisf: #121212;
--grisfm: #fff;
--blanc: #000;
}
@font-face {
font-family: "freight-big-pro";
src: url(https://use.typekit.net/af/483ddc/0000000000000000000132c9/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("woff2"), url(https://use.typekit.net/af/483ddc/0000000000000000000132c9/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("woff"), url(https://use.typekit.net/af/483ddc/0000000000000000000132c9/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("opentype");
font-display: swap;
font-style: normal;
font-weight: 600;
font-stretch: normal;
}
@font-face {
font-family: "Gotham-Black";
src: url(//roulemarcel.fr/wp-content/themes/roulemarcel/assets/fonts/gotham/Gotham-Black.woff2) format("woff2"), url(//roulemarcel.fr/wp-content/themes/roulemarcel/assets/fonts/gotham/Gotham-Black.woff) format("woff");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Gotham-Bold";
src: url(//roulemarcel.fr/wp-content/themes/roulemarcel/assets/fonts/gotham/Gotham-Bold.woff2) format("woff2"), url(//roulemarcel.fr/wp-content/themes/roulemarcel/assets/fonts/gotham/Gotham-Bold.woff) format("woff");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Gotham-Light";
src: url(//roulemarcel.fr/wp-content/themes/roulemarcel/assets/fonts/gotham/Gotham-Light.woff2) format("woff2"), url(//roulemarcel.fr/wp-content/themes/roulemarcel/assets/fonts/gotham/Gotham-Light.woff) format("woff");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Gotham-Light-Italic";
src: url(//roulemarcel.fr/wp-content/themes/roulemarcel/assets/fonts/gotham/Gotham-LightItalic.woff2) format("woff2"), url(//roulemarcel.fr/wp-content/themes/roulemarcel/assets/fonts/gotham/Gotham-LightItalic.woff) format("woff");
font-weight: 300;
font-style: italic;
font-display: swap;
}  *,
*::before,
*::after {
box-sizing: border-box;
} html {
scroll-behavior: smooth;
-webkit-text-size-adjust: 100%;
}
body {
font-weight: 400;
margin: 0;
min-height: 100vh;
overflow-x: hidden;
font-family: inherit;
font-size: 16px;
line-height: 1.5;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
border-left: 60px solid var(--blanc);
border-right: 60px solid var(--blanc);
padding-bottom: 60px;
background-color: var(--grisc);
}
body.remove-scrolling {
overflow: hidden;
}
main {
margin-bottom: 180px;
} h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
blockquote,
dl,
dd {
margin: 0;
}
ul,
ol {
margin: 0;
padding: 0;
}
ul {
list-style: none;
}
img,
picture,
svg,
video,
canvas {
display: block;
max-width: 100%;
}
img {
height: auto;
width: 100%;
}
input,
button,
textarea,
select {
font: inherit;
}
button {
padding: 0;
border: 0;
background: none;
color: inherit;
cursor: pointer;
}
textarea {
resize: vertical;
} a {
color: inherit;
text-decoration: none;
}
a:hover {
text-decoration: none;
color: inherit;
} strong,
b {
font-weight: 700;
}
p {
font-weight: 500;
} *:focus,
*:focus-visible,
*:focus-within {
outline: none !important;
box-shadow: none !important;
}
[hidden] {
display: none !important;
} .screen-reader-text {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.screen-reader-text:focus {
position: fixed !important;
top: 10px;
left: 10px;
z-index: 100000;
width: auto;
height: auto;
padding: 12px 16px;
margin: 0;
overflow: visible;
clip: auto;
white-space: normal;
background: #fff;
color: #000;
} .alignleft {
float: left;
margin-right: 1.5rem;
margin-bottom: 1rem;
}
.alignright {
float: right;
margin-left: 1.5rem;
margin-bottom: 1rem;
}
.aligncenter {
display: block;
margin-right: auto;
margin-left: auto;
}
.wp-caption {
max-width: 100%;
}
.wp-caption-text {
margin-top: 0.5rem;
font-size: 0.875rem;
} ::-moz-selection {
color: inherit;
}
::selection {
color: inherit;
} @media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
*,
*::before,
*::after {
scroll-duration: 0.01ms !important;
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
}
}
footer #footer-cta {
position: fixed;
left: 60px;
right: 60px;
bottom: 74px;
z-index: 9980;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
padding: 40px 60px;
background-color: var(--blanc);
color: var(--noir);
font-family: "Gotham-Bold", sans-serif;
font-size: clamp(2rem, 3vw, 3.75rem);
line-height: 1;
text-align: left;
opacity: 0;
visibility: hidden;
transform: translateY(30px);
pointer-events: none;
transition: opacity 0.4s ease, transform 0.5s ease, visibility 0.5s ease, background-color 0.3s ease;
}
footer #footer-cta span {
display: block;
margin-bottom: 6px;
font-family: "freight-big-pro", serif;
font-size: clamp(1.25rem, 1.6vw, 2rem);
font-weight: normal;
line-height: 1.1;
}
footer #footer-cta:hover {
background-color: var(--jaunec);
color: #000;
}
footer.footer-expand #footer-cta {
opacity: 1;
visibility: visible;
transform: translateY(0);
pointer-events: auto;
}
html[data-theme=dark] #home-clients svg path {
fill: #fff;
} #nav-main {
position: fixed;
top: 60px;
right: -100%;
z-index: 9998;
width: 84%;
height: calc(100vh - 120px);
padding: 90px;
overflow-y: auto;
overflow-x: hidden;
background-color: var(--blanc);
opacity: 0;
transition: right 1s ease, opacity 1s ease;
}
#nav-main.is-active {
right: 0;
opacity: 1;
}
#nav-main .scrolling-responsive {
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 100%;
} .nav-main-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
}
.nav-main-menu {
width: 100%;
}
.nav-main-highlighted {
display: flex;
flex-direction: column;
gap: 15px;
} #nav-main .menu-menu-principal-container {
opacity: 1;
}
#nav-main ul {
margin: 0;
padding: 0;
}
#nav-main .menu {
margin: 0;
padding: 0;
}
#nav-main .menu-item {
width: 100%;
padding: 20px 0;
list-style: none;
}
#nav-main .menu-item:first-child {
padding-top: 0;
}
#nav-main .menu-item > a {
position: relative;
z-index: 1;
display: inline-block;
color: var(--noir);
background-color: transparent;
font-family: "Gotham-Bold", sans-serif;
font-size: 40px;
line-height: 42px;
letter-spacing: -1px;
transition: color 0.5s ease, letter-spacing 0.5s ease; }
#nav-main .menu-item > a::before {
content: "";
position: absolute;
top: 30%;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
background-image: url(//roulemarcel.fr/wp-content/themes/roulemarcel/assets/img/bg-nav.svg);
background-repeat: repeat-x;
background-position: center;
background-size: auto 50%;
opacity: 0;
transform: translateY(-50%);
pointer-events: none;
transition: opacity 0.4s ease;
}
#nav-main .menu-item > a:hover {
color: var(--noir);
letter-spacing: 4px;
}
#nav-main .menu-item > a:hover::before {
opacity: 1;
}
#nav-main .menu-item > a:hover .main-nav-description {
color: var(--noir);
} #nav-main .main-nav-description {
display: block;
margin-top: 4px;
color: var(--grisfm);
font-family: "freight-big-pro", serif;
font-size: 26px;
line-height: 1.2;
letter-spacing: normal;
transition: color 0.5s ease;
} .container-equipe,
.container-recrutement,
.container-contact {
position: relative;
overflow: hidden;
min-height: 180px;
padding: 45px;
}
.container-equipe .menu-menu-principal-container,
.container-recrutement .menu-menu-principal-container,
.container-contact .menu-menu-principal-container {
height: 100%;
}
.container-equipe .menu-item,
.container-recrutement .menu-item,
.container-contact .menu-item {
height: 100%;
padding: 0;
}
.container-equipe .menu-item > a,
.container-recrutement .menu-item > a,
.container-contact .menu-item > a {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
height: 100%;
color: inherit;
font-family: "Gotham-Bold", sans-serif;
font-size: 40px;
line-height: 42px;
letter-spacing: -1px;
transition: letter-spacing 0.5s ease, color 0.5s ease;
}
.container-equipe .menu-item > a::before,
.container-recrutement .menu-item > a::before,
.container-contact .menu-item > a::before {
content: "";
position: absolute;
inset: 0;
z-index: -1;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
opacity: 1;
pointer-events: none;
transition: opacity 0.4s ease, transform 0.5s ease;
}
.container-equipe .menu-item > a:hover,
.container-recrutement .menu-item > a:hover,
.container-contact .menu-item > a:hover {
letter-spacing: 1px;
}
.container-equipe .menu-item > a:hover::before,
.container-recrutement .menu-item > a:hover::before,
.container-contact .menu-item > a:hover::before {
transform: scale(1.03);
}
.container-equipe .main-nav-description,
.container-recrutement .main-nav-description,
.container-contact .main-nav-description {
margin-top: 6px;
color: inherit;
font-family: "freight-big-pro", serif;
font-size: 26px;
line-height: 1.35;
} .container-equipe {
background-color: var(--jaunec);
color: #000;
}
.container-equipe .menu-item > a {
color: #000;
}
.container-equipe .menu-item > a::before {
background-image: url(//roulemarcel.fr/wp-content/themes/roulemarcel/assets/img/bg-nav-blanc.svg);
}
.container-equipe .menu-item > a .main-nav-description {
color: #000 !important;
} .container-recrutement {
background-color: var(--grisc);
color: var(--noir);
}
.container-recrutement .menu-item > a {
color: var(--noir);
}
.container-recrutement .menu-item > a::before {
background-image: url(//roulemarcel.fr/wp-content/themes/roulemarcel/assets/img/bg-nav.svg);
}
.container-recrutement .menu-item > a .main-nav-description {
color: var(--noir) !important;
} .container-contact {
background-color: #000;
color: #fff;
}
.container-contact .menu-item > a {
color: #fff !important;
}
.container-contact .menu-item > a::before {
background-image: url(//roulemarcel.fr/wp-content/themes/roulemarcel/assets/img/bg-nav-jaune.svg);
}
.container-contact .menu-item > a .main-nav-description {
color: #fff !important;
} #nav-second {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 30px 0 60px;
}
#nav-second li {
margin: 0;
padding: 0;
list-style: none;
}
#nav-second a {
display: inline-block;
margin-right: 15px;
color: var(--grisfm);
font-family: "Gotham-Light", sans-serif;
font-size: 15px;
line-height: 1.4;
transition: color 0.3s ease;
}
#nav-second a:hover {
color: var(--noir);
} #nav-overlay {
position: fixed;
top: 60px;
right: 60px;
bottom: 60px;
left: 0;
z-index: 110;
display: none;
background-color: var(--jaunec);
opacity: 0.85;
} .hamburger {
position: relative;
display: flex;
align-items: center;
width: 30px;
height: 60px;
padding: 0;
cursor: pointer;
color: var(--noir);
background: transparent;
border: 0;
transition: opacity 0.15s ease;
}
.hamburger:hover {
opacity: 0.7;
}
.hamburger .hamburger-box {
position: relative;
display: inline-block;
width: 30px;
height: 24px;
}
.hamburger .hamburger-inner {
position: absolute;
top: 50%;
right: 0;
display: block;
width: 30px;
height: 4px;
background-color: var(--noir);
transform: translateY(-50%);
transition: transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger .hamburger-inner::before, .hamburger .hamburger-inner::after {
content: "";
position: absolute;
right: 0;
display: block;
height: 4px;
background-color: var(--noir);
}
.hamburger .hamburger-inner::before {
top: -8px;
width: 24px;
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger .hamburger-inner::after {
bottom: -8px;
width: 20px;
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger.is-active .hamburger-inner {
transform: translateY(-50%) rotate(225deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger.is-active .hamburger-inner::before {
top: 0;
width: 30px;
opacity: 0;
}
.hamburger.is-active .hamburger-inner::after {
bottom: 0;
width: 30px;
transform: rotate(-90deg);
} html[data-theme=dark] #nav-main {
background-color: var(--blanc);
}
html[data-theme=dark] #nav-main .menu-item > a {
color: var(--noir);
}
html[data-theme=dark] .container-equipe {
background-color: var(--jaunec);
color: #000;
}
html[data-theme=dark] .container-equipe .menu-item > a,
html[data-theme=dark] .container-equipe .main-nav-description {
color: #000 !important;
}
html[data-theme=dark] .container-recrutement {
color: var(--noir);
background-color: var(--grisc);
}
html[data-theme=dark] .container-contact {
background-color: white;
}
html[data-theme=dark] .container-contact .menu-item > a,
html[data-theme=dark] .container-contact .main-nav-description {
color: black !important;
}
#page-intro {
position: relative;
overflow: hidden;
min-height: calc(100vh - 80px);
display: flex;
align-items: center;
}
#page-intro.page-intro-gris {
background-color: var(--grisf);
}
#page-intro-titre {
position: relative;
z-index: 10;
font-family: "Gotham-Black", sans-serif;
font-size: clamp(3rem, 6.5vw, 4.5rem);
line-height: 0.9;
letter-spacing: -2px;
color: var(--noir);
}
#page-intro-sous-titre {
position: relative;
z-index: 10;
margin-top: 20px;
max-width: 900px;
font-family: "freight-big-pro", serif;
font-size: clamp(28px, 3vw, 42px);
line-height: 1.1;
color: var(--noir);
}
#c-blanc,
#c-noir-small,
#vagues-jaune,
#vagues-noir,
#scroll-icon {
position: absolute;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
#c-blanc {
right: 5%;
top: 50%;
width: min(40vw, 580px);
transform: translateY(-50%);
}
#c-noir-small {
right: 20%;
top: 20%;
width: min(12vw, 150px);
}
#vagues-jaune {
left: 5%;
bottom: 10%;
width: min(22vw, 300px);
}
#vagues-noir {
right: 8%;
bottom: 8%;
width: min(22vw, 300px);
}
#scroll-icon {
left: 50%;
bottom: 30px;
width: 30px;
transform: translateX(-50%);
}
.membre-card {
position: relative;
overflow: hidden;
}
.membre-card > img {
transition: transform 0.6s ease;
}
.membre-card .membre-hover-gradient {
pointer-events: none;
position: absolute;
z-index: 5;
left: 0;
right: 0;
bottom: 0;
height: 45%;
background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.4) 45%, rgba(0, 0, 0, 0) 100%);
opacity: 0;
transition: opacity 0.4s ease;
}
.membre-card .membre-hover-infos {
position: absolute;
z-index: 10;
left: 30px;
right: 30px;
bottom: 28px;
opacity: 0;
transform: translateY(15px);
transition: opacity 0.4s ease, transform 0.4s ease;
}
.membre-card:hover > img {
transform: scale(1.035);
}
.membre-card:hover .membre-hover-gradient {
opacity: 1;
}
.membre-card:hover .membre-hover-infos {
opacity: 1;
transform: translateY(0);
} #map {
position: relative;
display: block;
width: 100%;
height: 500px;
min-height: 500px;
overflow: hidden; }
#map img {
max-width: none;
} #single-content .wp-block-quote {
position: relative;
width: 100%;
max-width: none;
margin: 70px 0;
padding: 34px 140px;
border: 0;
font-style: normal; }
#single-content .wp-block-quote::before, #single-content .wp-block-quote::after {
content: "";
position: absolute;
left: 0;
right: 0;
height: 28px;
pointer-events: none;
}
#single-content .wp-block-quote { }
#single-content .wp-block-quote::before {
top: 0;
border-top: 2px solid var(--jaunec);
border-left: 2px solid var(--jaunec);
border-right: 2px solid var(--jaunec);
}
#single-content .wp-block-quote { }
#single-content .wp-block-quote::after {
bottom: 0;
border-bottom: 2px solid var(--jaunec);
border-left: 2px solid var(--jaunec);
border-right: 2px solid var(--jaunec);
}
#single-content .wp-block-quote p {
position: relative;
z-index: 2;
margin: 0 0 22px;
font-family: "Gotham-Light", sans-serif;
font-size: 16px;
line-height: 1.55;
color: var(--noir);
}
#single-content .wp-block-quote cite {
position: relative;
z-index: 2;
display: block;
margin: 0;
font-family: "Gotham-Bold", sans-serif;
font-size: 15px;
line-height: 1.4;
color: var(--noir);
font-style: normal;
}
.projet-content .btn-jaune {
display: inline-block;
}
.projet-content .btn-jaune a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 60px;
padding: 0 24px;
background-color: var(--jaunec);
color: #000;
font-family: "Gotham-Bold", sans-serif;
font-size: 15px;
line-height: 1;
text-transform: uppercase;
letter-spacing: 1px;
text-decoration-thickness: 2px;
text-underline-offset: 3px;
text-decoration: none;
transition: background-color 0.3s ease, color 0.3s ease;
}
.projet-content .btn-jaune a:hover {
background-color: #000;
color: #fff;
}
.btn-jaune {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 60px;
padding: 0 24px;
background-color: var(--jaunec);
color: #000;
font-family: "Gotham-Bold", sans-serif;
font-size: 15px;
line-height: 1;
text-transform: uppercase;
letter-spacing: 1px;
text-decoration-thickness: 2px;
text-underline-offset: 3px;
text-decoration: none;
transition: background-color 0.3s ease, color 0.3s ease;
}
.btn-jaune:hover {
background-color: #000;
color: #fff;
}
#services .service-link {
background-color: #fff;
transition: background-color 0.35s ease;
}
#services .service-link .service-image {
transform: translateX(-100%);
opacity: 0;
transition: transform 0.5s ease, opacity 0.5s ease;
}
#services .service-link .service-title {
transform: translateX(0);
transition: transform 0.5s ease;
}
#services .service-link:hover {
background-color: var(--jaunec);
}
#services .service-link:hover .service-image {
transform: translateX(0);
opacity: 1;
}
#services .service-link:hover .service-title {
transform: translateX(210px);
}
@font-face {
font-family: "freight-big-pro";
src: url(https://use.typekit.net/af/483ddc/0000000000000000000132c9/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("woff2"), url(https://use.typekit.net/af/483ddc/0000000000000000000132c9/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("woff"), url(https://use.typekit.net/af/483ddc/0000000000000000000132c9/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("opentype");
font-display: swap;
font-style: normal;
font-weight: 600;
font-stretch: normal;
}
@font-face {
font-family: "Gotham-Black";
src: url(//roulemarcel.fr/wp-content/themes/roulemarcel/assets/fonts/gotham/Gotham-Black.woff2) format("woff2"), url(//roulemarcel.fr/wp-content/themes/roulemarcel/assets/fonts/gotham/Gotham-Black.woff) format("woff");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Gotham-Bold";
src: url(//roulemarcel.fr/wp-content/themes/roulemarcel/assets/fonts/gotham/Gotham-Bold.woff2) format("woff2"), url(//roulemarcel.fr/wp-content/themes/roulemarcel/assets/fonts/gotham/Gotham-Bold.woff) format("woff");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Gotham-Light";
src: url(//roulemarcel.fr/wp-content/themes/roulemarcel/assets/fonts/gotham/Gotham-Light.woff2) format("woff2"), url(//roulemarcel.fr/wp-content/themes/roulemarcel/assets/fonts/gotham/Gotham-Light.woff) format("woff");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Gotham-Light-Italic";
src: url(//roulemarcel.fr/wp-content/themes/roulemarcel/assets/fonts/gotham/Gotham-LightItalic.woff2) format("woff2"), url(//roulemarcel.fr/wp-content/themes/roulemarcel/assets/fonts/gotham/Gotham-LightItalic.woff) format("woff");
font-weight: 300;
font-style: italic;
font-display: swap;
}
.frm_forms {
width: 100%;
color: var(--noir);
}
.frm_forms .frm_form_fields,
.frm_forms .frm_fields_container {
width: 100%;
}
.frm_forms fieldset {
min-width: 0;
margin: 0;
padding: 0;
border: 0;
}
.frm_forms .frm_form_field {
margin-bottom: 28px;
}
.frm_forms .frm_primary_label {
display: block;
margin: 0 0 10px !important;
padding: 0 !important;
color: var(--noir) !important;
font-family: "Gotham-Bold", sans-serif !important;
font-size: 14px !important;
font-weight: normal !important;
line-height: 1.3 !important;
}
.frm_forms .frm_required {
color: #e25b4c !important;
font-family: "Gotham-Bold", sans-serif;
}
.frm_forms input[type=text],
.frm_forms input[type=email],
.frm_forms input[type=tel],
.frm_forms input[type=url],
.frm_forms input[type=number],
.frm_forms input[type=password],
.frm_forms input[type=date],
.frm_forms input[type=time],
.frm_forms select,
.frm_forms textarea {
display: block;
width: 100% !important;
min-height: 54px !important;
margin: 0 !important;
padding: 14px 18px !important;
border: 0 !important;
border-radius: 0 !important;
outline: 0 !important;
background-color: var(--grisf) !important;
box-shadow: none !important;
color: var(--noir) !important;
font-family: "Gotham-Light", sans-serif !important;
font-size: 15px !important;
font-weight: normal !important;
line-height: 1.5 !important;
transition: background-color 0.3s ease, color 0.3s ease;
}
.frm_forms input[type=text]::-moz-placeholder, .frm_forms input[type=email]::-moz-placeholder, .frm_forms input[type=tel]::-moz-placeholder, .frm_forms input[type=url]::-moz-placeholder, .frm_forms input[type=number]::-moz-placeholder, .frm_forms input[type=password]::-moz-placeholder, .frm_forms input[type=date]::-moz-placeholder, .frm_forms input[type=time]::-moz-placeholder, .frm_forms select::-moz-placeholder, .frm_forms textarea::-moz-placeholder {
color: var(--grisfm) !important;
opacity: 0.7;
}
.frm_forms input[type=text]::placeholder,
.frm_forms input[type=email]::placeholder,
.frm_forms input[type=tel]::placeholder,
.frm_forms input[type=url]::placeholder,
.frm_forms input[type=number]::placeholder,
.frm_forms input[type=password]::placeholder,
.frm_forms input[type=date]::placeholder,
.frm_forms input[type=time]::placeholder,
.frm_forms select::placeholder,
.frm_forms textarea::placeholder {
color: var(--grisfm) !important;
opacity: 0.7;
}
.frm_forms input[type=text]:hover,
.frm_forms input[type=email]:hover,
.frm_forms input[type=tel]:hover,
.frm_forms input[type=url]:hover,
.frm_forms input[type=number]:hover,
.frm_forms input[type=password]:hover,
.frm_forms input[type=date]:hover,
.frm_forms input[type=time]:hover,
.frm_forms select:hover,
.frm_forms textarea:hover {
background-color: #e6e6e6 !important;
}
.frm_forms input[type=text]:focus,
.frm_forms input[type=email]:focus,
.frm_forms input[type=tel]:focus,
.frm_forms input[type=url]:focus,
.frm_forms input[type=number]:focus,
.frm_forms input[type=password]:focus,
.frm_forms input[type=date]:focus,
.frm_forms input[type=time]:focus,
.frm_forms select:focus,
.frm_forms textarea:focus {
background-color: var(--grisf) !important;
outline: 0 !important;
box-shadow: inset 0 0 0 2px var(--jaunec) !important;
}
.frm_forms textarea {
min-height: 150px !important;
resize: vertical;
}
.frm_forms select {
cursor: pointer;
}
.frm_forms .frm_section_heading {
margin-bottom: 35px !important;
padding-top: 15px !important;
border-top: 2px solid var(--grisf) !important;
}
.frm_forms .frm_section_heading h2,
.frm_forms .frm_section_heading h3 {
margin: 0 !important;
padding: 0 !important;
color: var(--noir) !important;
font-family: "Gotham-Bold", sans-serif !important;
font-size: 20px !important;
font-weight: normal !important;
line-height: 1.2 !important;
text-align: left !important;
letter-spacing: 0 !important;
}
.frm_forms .frm_opt_container {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 10px 20px !important;
margin: 0 !important;
padding: 0 !important;
}
.frm_forms .frm_checkbox {
display: flex !important;
align-items: center !important;
margin: 0 !important;
padding: 0 !important;
}
.frm_forms .frm_checkbox label {
display: inline-flex !important;
align-items: center !important;
gap: 9px !important;
margin: 0 !important;
padding: 0 !important;
color: var(--noir) !important;
font-family: "Gotham-Light", sans-serif !important;
font-size: 14px !important;
font-weight: normal !important;
line-height: 1.4 !important;
cursor: pointer;
}
.frm_forms .frm_checkbox input[type=checkbox] {
-moz-appearance: none !important;
appearance: none !important;
-webkit-appearance: none !important;
position: relative;
flex: 0 0 20px;
width: 20px !important;
height: 20px !important;
min-width: 20px !important;
min-height: 20px !important;
margin: 0 !important;
padding: 0 !important;
border: 2px solid transparent !important;
border-radius: 0 !important;
background-color: var(--grisf) !important;
box-shadow: none !important;
cursor: pointer;
transition: border-color 0.2s ease, background-color 0.2s ease;
}
.frm_forms .frm_checkbox input[type=checkbox]::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 8px;
height: 8px;
background-color: var(--jaunec);
opacity: 0;
transform: translate(-50%, -50%) scale(0.5);
transition: opacity 0.2s ease, transform 0.2s ease;
}
.frm_forms .frm_checkbox input[type=checkbox]:hover {
border-color: var(--jaunec) !important;
}
.frm_forms .frm_checkbox input[type=checkbox]:checked {
border-color: var(--jaunec) !important;
background-color: var(--grisf) !important;
}
.frm_forms .frm_checkbox input[type=checkbox]:checked::after {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
.frm_forms .frm_checkbox input[type=checkbox]:focus {
outline: none !important;
box-shadow: none !important;
}
.frm_forms .frm_radio {
display: flex !important;
align-items: center !important;
margin: 0 !important;
padding: 0 !important;
}
.frm_forms .frm_radio label {
display: inline-flex !important;
align-items: center !important;
gap: 9px !important;
margin: 0 !important;
padding: 0 !important;
color: var(--noir) !important;
font-family: "Gotham-Light", sans-serif !important;
font-size: 14px !important;
font-weight: normal !important;
line-height: 1.4 !important;
cursor: pointer;
}
.frm_forms .frm_radio input[type=radio] {
-moz-appearance: none !important;
appearance: none !important;
-webkit-appearance: none !important;
position: relative;
flex: 0 0 20px;
width: 20px !important;
height: 20px !important;
min-width: 20px !important;
min-height: 20px !important;
margin: 0 !important;
padding: 0 !important;
border: 2px solid transparent !important;
border-radius: 50% !important;
background-color: var(--grisf) !important;
box-shadow: none !important;
cursor: pointer;
transition: border-color 0.2s ease;
}
.frm_forms .frm_radio input[type=radio]::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 8px;
height: 8px;
border-radius: 50%;
background-color: var(--jaunec);
opacity: 0;
transform: translate(-50%, -50%) scale(0.5);
transition: opacity 0.2s ease, transform 0.2s ease;
}
.frm_forms .frm_radio input[type=radio]:hover {
border-color: var(--jaunec) !important;
}
.frm_forms .frm_radio input[type=radio]:checked {
border-color: var(--jaunec) !important;
}
.frm_forms .frm_radio input[type=radio]:checked::after {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
.frm_forms .frm_radio input[type=radio]:focus {
outline: none !important;
box-shadow: none !important;
}
.frm_forms .frm_dropzone {
width: 100% !important;
min-height: 150px !important;
margin: 0 !important;
border: 2px dashed var(--grisfm) !important;
border-radius: 0 !important;
background-color: var(--grisf) !important;
box-shadow: none !important;
transition: border-color 0.3s ease, background-color 0.3s ease;
}
.frm_forms .frm_dropzone:hover {
border-color: var(--jaunec) !important;
}
.frm_forms .frm_dropzone .dz-message {
margin: 0 !important;
padding: 40px 20px !important;
color: var(--noir) !important;
font-family: "Gotham-Light", sans-serif !important;
text-align: center !important;
}
.frm_forms .frm_dropzone .frm_upload_text {
color: var(--noir) !important;
font-family: "Gotham-Light", sans-serif !important;
font-size: 15px !important;
}
.frm_forms .frm_dropzone .frm_small_text {
display: block;
margin-top: 8px !important;
color: var(--grisfm) !important;
font-family: "Gotham-Light", sans-serif !important;
font-size: 12px !important;
}
.frm_forms .frm_submit {
display: flex !important;
align-items: center !important;
flex-wrap: wrap !important;
gap: 12px !important;
margin-top: 30px !important;
}
.frm_forms .frm_button_submit,
.frm_forms .frm_prev_page {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
min-width: 0 !important;
min-height: 60px !important;
margin: 0 !important;
padding: 0 24px !important;
border: 0 !important;
border-radius: 0 !important;
background-color: var(--jaunec) !important;
box-shadow: none !important;
color: #000 !important;
font-family: "Gotham-Bold", sans-serif !important;
font-size: 15px !important;
font-weight: normal !important;
line-height: 1 !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
text-decoration: none !important;
cursor: pointer;
transition: background-color 0.3s ease, color 0.3s ease;
}
.frm_forms .frm_button_submit:hover, .frm_forms .frm_button_submit:focus, .frm_forms .frm_button_submit:active,
.frm_forms .frm_prev_page:hover,
.frm_forms .frm_prev_page:focus,
.frm_forms .frm_prev_page:active {
border: 0 !important;
background-color: #000 !important;
box-shadow: none !important;
color: #fff !important;
}
.frm_forms .frm_error {
display: block;
margin-top: 7px !important;
color: #d74b3f !important;
font-family: "Gotham-Light", sans-serif !important;
font-size: 12px !important;
line-height: 1.4 !important;
}
.frm_forms .frm_error_style {
margin-bottom: 30px !important;
padding: 15px 20px !important;
border: 0 !important;
border-left: 4px solid #d74b3f !important;
border-radius: 0 !important;
background-color: var(--grisf) !important;
color: var(--noir) !important;
font-family: "Gotham-Light", sans-serif !important;
font-size: 14px !important;
line-height: 1.5 !important;
}
.frm_forms .frm_message {
margin: 0 !important;
padding: 25px !important;
border: 0 !important;
border-left: 5px solid var(--jaunec) !important;
border-radius: 0 !important;
background-color: var(--grisf) !important;
color: var(--noir) !important;
font-family: "Gotham-Light", sans-serif !important;
font-size: 15px !important;
line-height: 1.6 !important;
}
.frm_forms .frm_g_recaptcha {
margin-top: 30px !important;
}
.frm_forms .frm_page_num_1,
.frm_forms .frm_page_num_2,
.frm_forms .frm_page_num_3 {
width: 100%;
}
.frm_forms .frm_page_num_2,
.frm_forms .frm_page_num_3 {
animation: frmFadeIn 0.35s ease;
}
@keyframes frmFadeIn {
from {
opacity: 0;
transform: translateY(8px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@media (max-width: 768px) {
.frm_forms .frm_form_field {
margin-bottom: 22px;
}
.frm_forms .frm_section_heading {
margin-bottom: 25px !important;
padding-top: 12px !important;
}
.frm_forms .frm_section_heading h2,
.frm_forms .frm_section_heading h3 {
font-size: 18px !important;
}
.frm_forms input[type=text],
.frm_forms input[type=email],
.frm_forms input[type=tel],
.frm_forms input[type=url],
.frm_forms input[type=number],
.frm_forms input[type=password],
.frm_forms input[type=date],
.frm_forms input[type=time],
.frm_forms select {
min-height: 50px !important;
padding: 12px 15px !important;
}
.frm_forms textarea {
min-height: 130px !important;
padding: 12px 15px !important;
}
.frm_forms .frm_opt_container {
gap: 10px 15px !important;
}
.frm_forms .frm_dropzone {
min-height: 130px !important;
}
.frm_forms .frm_dropzone .dz-message {
padding: 30px 15px !important;
}
.frm_forms .frm_submit {
margin-top: 25px !important;
}
.frm_forms .frm_button_submit,
.frm_forms .frm_prev_page {
min-height: 54px !important;
padding: 0 20px !important;
font-size: 14px !important;
}
}
@media (max-width: 480px) {
.frm_forms .frm_primary_label {
font-size: 13px !important;
}
.frm_forms input[type=text],
.frm_forms input[type=email],
.frm_forms input[type=tel],
.frm_forms input[type=url],
.frm_forms input[type=number],
.frm_forms input[type=password],
.frm_forms input[type=date],
.frm_forms input[type=time],
.frm_forms select,
.frm_forms textarea {
font-size: 14px !important;
}
.frm_forms .frm_opt_container {
flex-direction: column !important;
align-items: flex-start !important;
gap: 10px !important;
}
.frm_forms .frm_submit {
flex-direction: column !important;
align-items: stretch !important;
width: 100%;
}
.frm_forms .frm_button_submit,
.frm_forms .frm_prev_page {
width: 100% !important;
}
}
@media screen and (min-width: 1921px) {
#nav-main .menu-item > a {
font-size: 50px;
line-height: 50px;
}
#nav-main .main-nav-description {
font-size: 30px;
}
.container-equipe .menu-item > a,
.container-recrutement .menu-item > a,
.container-contact .menu-item > a {
font-size: 50px;
line-height: 50px;
}
.container-equipe .main-nav-description,
.container-recrutement .main-nav-description,
.container-contact .main-nav-description {
font-size: 30px;
}
}
@media screen and (max-width: 1200px) {
#nav-main {
width: 90%;
padding-right: 70px;
padding-left: 70px;
}
}
@media screen and (max-width: 992px) {
.nav-main-grid {
grid-template-columns: 1fr;
gap: 30px;
}
.nav-main-highlighted {
gap: 15px;
}
}
@media screen and (max-height: 870px) {
#nav-main {
height: calc(100vh - 60px);
padding-top: 15px;
padding-bottom: 15px;
}
#nav-main .menu-item > a {
font-size: 40px;
line-height: 42px;
}
#nav-main .main-nav-description {
display: none;
}
.container-equipe,
.container-recrutement,
.container-contact {
min-height: 130px;
padding-top: 25px;
padding-bottom: 25px;
}
}
@media screen and (max-width: 768px) {
body {
border-left-width: 30px;
border-right-width: 30px;
}
footer #footer-cta {
left: 30px;
right: 30px;
bottom: 74px;
min-height: 180px;
padding: 30px;
font-size: clamp(1.8rem, 6vw, 2.5rem);
}
footer #footer-cta span {
font-size: clamp(1.15rem, 4vw, 1.5rem);
}
#nav-main {
width: 100%;
min-height: calc(100vh - 60px);
padding: 30px;
}
#nav-main .menu-item {
padding: 20px;
}
#nav-main .menu-item > a {
font-size: 40px;
line-height: 42px;
}
#nav-main .main-nav-description {
display: none;
}
.nav-main-grid {
gap: 15px;
}
.container-equipe,
.container-recrutement,
.container-contact {
min-height: 120px;
padding: 30px;
}
.container-equipe .menu-item,
.container-recrutement .menu-item,
.container-contact .menu-item {
padding: 0;
}
.container-equipe .menu-item > a,
.container-recrutement .menu-item > a,
.container-contact .menu-item > a {
font-size: 40px;
line-height: 42px;
}
#nav-second {
padding-left: 20px;
}
#nav-overlay {
right: 30px;
}
#map {
height: 400px;
min-height: 400px;
}
#services .service-link:hover .service-title {
transform: none;
}
}
@media screen and (max-width: 541px) {
.container-equipe,
.container-recrutement,
.container-contact {
padding: 30px 15px;
}
}
@media screen and (max-width: 481px) {
body {
border-left-width: 0;
border-right-width: 0;
}
footer #footer-cta {
left: 0;
right: 0;
bottom: 124px;
min-height: 120px;
padding: 0px 20px;
font-size: 1.8rem;
}
footer #footer-cta span {
margin-bottom: 5px;
font-size: 1.15rem;
}
#nav-overlay {
right: 0;
}
#map {
height: 320px;
min-height: 320px;
}
}
@media screen and (max-width: 425px) {
#nav-main {
padding: 15px;
}
#nav-main .menu-item {
padding-right: 10px;
padding-left: 10px;
}
#nav-main .menu-item > a {
font-size: 34px;
line-height: 36px;
}
.container-equipe,
.container-recrutement,
.container-contact {
padding: 25px 20px;
}
.container-equipe .menu-item,
.container-recrutement .menu-item,
.container-contact .menu-item {
padding: 0;
}
.container-equipe .menu-item > a,
.container-recrutement .menu-item > a,
.container-contact .menu-item > a {
font-size: 34px;
line-height: 36px;
}
} .container{
width: 100%;
}
@media (min-width: 640px){
.container{
max-width: 640px;
}
}
@media (min-width: 768px){
.container{
max-width: 768px;
}
}
@media (min-width: 1024px){
.container{
max-width: 1024px;
}
}
@media (min-width: 1280px){
.container{
max-width: 1280px;
}
}
@media (min-width: 1536px){
.container{
max-width: 1536px;
}
}
.sr-only{
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.pointer-events-none{
pointer-events: none;
}
.visible{
visibility: visible;
}
.collapse{
visibility: collapse;
}
.static{
position: static;
}
.fixed{
position: fixed;
}
.absolute{
position: absolute;
}
.relative{
position: relative;
}
.sticky{
position: sticky;
}
.inset-0{
inset: 0px;
}
.inset-x-0{
left: 0px;
right: 0px;
}
.-left-\[10\%\]{
left: -10%;
}
.-right-\[50px\]{
right: -50px;
}
.-right-\[55px\]{
right: -55px;
}
.-top-\[60px\]{
top: -60px;
}
.bottom-0{
bottom: 0px;
}
.bottom-\[-16px\]{
bottom: -16px;
}
.bottom-\[-20px\]{
bottom: -20px;
}
.bottom-\[-24px\]{
bottom: -24px;
}
.bottom-\[-5\%\]{
bottom: -5%;
}
.bottom-\[10\%\]{
bottom: 10%;
}
.bottom-\[18px\]{
bottom: 18px;
}
.bottom-\[28px\]{
bottom: 28px;
}
.bottom-\[30px\]{
bottom: 30px;
}
.bottom-\[4\%\]{
bottom: 4%;
}
.bottom-\[60px\]{
bottom: 60px;
}
.bottom-\[8\%\]{
bottom: 8%;
}
.bottom-\[calc\(100\%\+20px\)\]{
bottom: calc(100% + 20px);
}
.left-0{
left: 0px;
}
.left-1\/2{
left: 50%;
}
.left-\[-40px\]{
left: -40px;
}
.left-\[10\%\]{
left: 10%;
}
.left-\[12\%\]{
left: 12%;
}
.left-\[20\%\]{
left: 20%;
}
.left-\[30px\]{
left: 30px;
}
.left-\[55\%\]{
left: 55%;
}
.left-\[5px\]{
left: 5px;
}
.left-\[7\%\]{
left: 7%;
}
.left-\[8\%\]{
left: 8%;
}
.right-0{
right: 0px;
}
.right-2{
right: 0.5rem;
}
.right-\[-30px\]{
right: -30px;
}
.right-\[10\%\]{
right: 10%;
}
.right-\[14\%\]{
right: 14%;
}
.right-\[30px\]{
right: 30px;
}
.right-\[60px\]{
right: 60px;
}
.top-0{
top: 0px;
}
.top-1\/2{
top: 50%;
}
.top-2{
top: 0.5rem;
}
.top-\[-70px\]{
top: -70px;
}
.top-\[10\%\]{
top: 10%;
}
.top-\[12\%\]{
top: 12%;
}
.top-\[20px\]{
top: 20px;
}
.top-\[21\%\]{
top: 21%;
}
.top-\[44\%\]{
top: 44%;
}
.top-\[5px\]{
top: 5px;
}
.top-\[60px\]{
top: 60px;
}
.top-\[8\%\]{
top: 8%;
}
.-z-10{
z-index: -10;
}
.-z-20{
z-index: -20;
}
.z-0{
z-index: 0;
}
.z-10{
z-index: 10;
}
.z-\[-1\]{
z-index: -1;
}
.z-\[110\]{
z-index: 110;
}
.z-\[9990\]{
z-index: 9990;
}
.z-\[9998\]{
z-index: 9998;
}
.z-\[9999\]{
z-index: 9999;
}
.order-1{
order: 1;
}
.order-2{
order: 2;
}
.m-0{
margin: 0px;
}
.mx-auto{
margin-left: auto;
margin-right: auto;
}
.my-8{
margin-top: 2rem;
margin-bottom: 2rem;
}
.my-\[90px\]{
margin-top: 90px;
margin-bottom: 90px;
}
.-mt-\[60px\]{
margin-top: -60px;
}
.mb-4{
margin-bottom: 1rem;
}
.mb-\[120px\]{
margin-bottom: 120px;
}
.mb-\[140px\]{
margin-bottom: 140px;
}
.mb-\[18px\]{
margin-bottom: 18px;
}
.mb-\[25px\]{
margin-bottom: 25px;
}
.mb-\[30px\]{
margin-bottom: 30px;
}
.mb-\[35px\]{
margin-bottom: 35px;
}
.mb-\[40px\]{
margin-bottom: 40px;
}
.mb-\[45px\]{
margin-bottom: 45px;
}
.mb-\[50px\]{
margin-bottom: 50px;
}
.ml-1{
margin-left: 0.25rem;
}
.ml-2{
margin-left: 0.5rem;
}
.ml-\[60px\]{
margin-left: 60px;
}
.ml-auto{
margin-left: auto;
}
.mr-1{
margin-right: 0.25rem;
}
.mr-\[10px\]{
margin-right: 10px;
}
.mr-\[30px\]{
margin-right: 30px;
}
.mt-2{
margin-top: 0.5rem;
}
.mt-3{
margin-top: 0.75rem;
}
.mt-\[12px\]{
margin-top: 12px;
}
.mt-\[14px\]{
margin-top: 14px;
}
.mt-\[15px\]{
margin-top: 15px;
}
.mt-\[16px\]{
margin-top: 16px;
}
.mt-\[20px\]{
margin-top: 20px;
}
.mt-\[22px\]{
margin-top: 22px;
}
.mt-\[25px\]{
margin-top: 25px;
}
.mt-\[30px\]{
margin-top: 30px;
}
.mt-\[35px\]{
margin-top: 35px;
}
.mt-\[40px\]{
margin-top: 40px;
}
.mt-\[45px\]{
margin-top: 45px;
}
.mt-\[50px\]{
margin-top: 50px;
}
.mt-\[55px\]{
margin-top: 55px;
}
.mt-\[5px\]{
margin-top: 5px;
}
.mt-\[60px\]{
margin-top: 60px;
}
.mt-\[65px\]{
margin-top: 65px;
}
.mt-\[7px\]{
margin-top: 7px;
}
.mt-\[8px\]{
margin-top: 8px;
}
.mt-\[90px\]{
margin-top: 90px;
}
.block{
display: block;
}
.inline-block{
display: inline-block;
}
.inline{
display: inline;
}
.flex{
display: flex;
}
.inline-flex{
display: inline-flex;
}
.table{
display: table;
}
.grid{
display: grid;
}
.contents{
display: contents;
}
.hidden{
display: none;
}
.aspect-\[16\/10\]{
aspect-ratio: 16/10;
}
.aspect-\[3\/4\]{
aspect-ratio: 3/4;
}
.aspect-square{
aspect-ratio: 1 / 1;
}
.h-10{
height: 2.5rem;
}
.h-5{
height: 1.25rem;
}
.h-8{
height: 2rem;
}
.h-\[160px\]{
height: 160px;
}
.h-\[17px\]{
height: 17px;
}
.h-\[18px\]{
height: 18px;
}
.h-\[24px\]{
height: 24px;
}
.h-\[320px\]{
height: 320px;
}
.h-\[36px\]{
height: 36px;
}
.h-\[3px\]{
height: 3px;
}
.h-\[44px\]{
height: 44px;
}
.h-\[46px\]{
height: 46px;
}
.h-\[4px\]{
height: 4px;
}
.h-\[50px\]{
height: 50px;
}
.h-\[60px\]{
height: 60px;
}
.h-\[80\%\]{
height: 80%;
}
.h-\[calc\(100vh-70px\)\]{
height: calc(100vh - 70px);
}
.h-auto{
height: auto;
}
.h-full{
height: 100%;
}
.max-h-\[75\%\]{
max-height: 75%;
}
.max-h-\[760px\]{
max-height: 760px;
}
.min-h-\[120px\]{
min-height: 120px;
}
.min-h-\[500px\]{
min-height: 500px;
}
.min-h-\[550px\]{
min-height: 550px;
}
.min-h-\[560px\]{
min-height: 560px;
}
.min-h-\[74px\]{
min-height: 74px;
}
.min-h-\[calc\(100vh-120px\)\]{
min-height: calc(100vh - 120px);
}
.min-h-\[calc\(100vh-80px\)\]{
min-height: calc(100vh - 80px);
}
.min-h-\[inherit\]{
min-height: inherit;
}
.w-10{
width: 2.5rem;
}
.w-5{
width: 1.25rem;
}
.w-8{
width: 2rem;
}
.w-\[100px\]{
width: 100px;
}
.w-\[130px\]{
width: 130px;
}
.w-\[140px\]{
width: 140px;
}
.w-\[150px\]{
width: 150px;
}
.w-\[160px\]{
width: 160px;
}
.w-\[16px\]{
width: 16px;
}
.w-\[170px\]{
width: 170px;
}
.w-\[18px\]{
width: 18px;
}
.w-\[20px\]{
width: 20px;
}
.w-\[210px\]{
width: 210px;
}
.w-\[24px\]{
width: 24px;
}
.w-\[280px\]{
width: 280px;
}
.w-\[30px\]{
width: 30px;
}
.w-\[360px\]{
width: 360px;
}
.w-\[36px\]{
width: 36px;
}
.w-\[40px\]{
width: 40px;
}
.w-\[420px\]{
width: 420px;
}
.w-\[44px\]{
width: 44px;
}
.w-\[45px\]{
width: 45px;
}
.w-\[460px\]{
width: 460px;
}
.w-\[500px\]{
width: 500px;
}
.w-\[520px\]{
width: 520px;
}
.w-\[55px\]{
width: 55px;
}
.w-\[58px\]{
width: 58px;
}
.w-\[92px\]{
width: 92px;
}
.w-\[calc\(100\%\+20px\)\]{
width: calc(100% + 20px);
}
.w-\[calc\(100vw-120px\)\]{
width: calc(100vw - 120px);
}
.w-auto{
width: auto;
}
.w-full{
width: 100%;
}
.max-w-\[1024px\]{
max-width: 1024px;
}
.max-w-\[1050px\]{
max-width: 1050px;
}
.max-w-\[1100px\]{
max-width: 1100px;
}
.max-w-\[1140px\]{
max-width: 1140px;
}
.max-w-\[1200px\]{
max-width: 1200px;
}
.max-w-\[1240px\]{
max-width: 1240px;
}
.max-w-\[1440px\]{
max-width: 1440px;
}
.max-w-\[160px\]{
max-width: 160px;
}
.max-w-\[300px\]{
max-width: 300px;
}
.max-w-\[450px\]{
max-width: 450px;
}
.max-w-\[520px\]{
max-width: 520px;
}
.max-w-\[75\%\]{
max-width: 75%;
}
.max-w-\[760px\]{
max-width: 760px;
}
.max-w-\[800px\]{
max-width: 800px;
}
.max-w-\[850px\]{
max-width: 850px;
}
.max-w-\[860px\]{
max-width: 860px;
}
.max-w-\[900px\]{
max-width: 900px;
}
.max-w-\[950px\]{
max-width: 950px;
}
.max-w-\[calc\(100\%-120px\)\]{
max-width: calc(100% - 120px);
}
.max-w-none{
max-width: none;
}
.grow{
flex-grow: 1;
}
.-translate-x-1\/2{
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-full{
--tw-translate-x: -100%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2{
--tw-translate-y: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-\[4\%\]{
--tw-translate-y: -4%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-2{
--tw-translate-y: 0.5rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[10px\]{
--tw-translate-y: 10px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-90{
--tw-rotate: -90deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-90{
--tw-rotate: 90deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform{
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-pointer{
cursor: pointer;
}
.select-none{
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.resize{
resize: both;
}
.list-none{
list-style-type: none;
}
.grid-cols-1{
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.flex-col{
flex-direction: column;
}
.flex-wrap{
flex-wrap: wrap;
}
.items-start{
align-items: flex-start;
}
.items-center{
align-items: center;
}
.justify-center{
justify-content: center;
}
.justify-between{
justify-content: space-between;
}
.gap-2{
gap: 0.5rem;
}
.gap-3{
gap: 0.75rem;
}
.gap-\[10px\]{
gap: 10px;
}
.gap-\[15px\]{
gap: 15px;
}
.gap-\[20px\]{
gap: 20px;
}
.gap-\[24px\]{
gap: 24px;
}
.gap-\[25px\]{
gap: 25px;
}
.gap-\[30px\]{
gap: 30px;
}
.gap-\[45px\]{
gap: 45px;
}
.gap-\[50px\]{
gap: 50px;
}
.gap-\[6px\]{
gap: 6px;
}
.gap-\[8px\]{
gap: 8px;
}
.gap-x-\[10px\]{
-moz-column-gap: 10px;
column-gap: 10px;
}
.gap-x-\[12px\]{
-moz-column-gap: 12px;
column-gap: 12px;
}
.gap-x-\[25px\]{
-moz-column-gap: 25px;
column-gap: 25px;
}
.gap-x-\[28px\]{
-moz-column-gap: 28px;
column-gap: 28px;
}
.gap-x-\[30px\]{
-moz-column-gap: 30px;
column-gap: 30px;
}
.gap-x-\[8px\]{
-moz-column-gap: 8px;
column-gap: 8px;
}
.gap-y-\[40px\]{
row-gap: 40px;
}
.gap-y-\[4px\]{
row-gap: 4px;
}
.gap-y-\[5px\]{
row-gap: 5px;
}
.gap-y-\[70px\]{
row-gap: 70px;
}
.gap-y-\[80px\]{
row-gap: 80px;
}
.gap-y-\[8px\]{
row-gap: 8px;
}
.space-y-\[12px\] > :not([hidden]) ~ :not([hidden]){
--tw-space-y-reverse: 0;
margin-top: calc(12px * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(12px * var(--tw-space-y-reverse));
}
.overflow-hidden{
overflow: hidden;
}
.rounded-full{
border-radius: 9999px;
}
.rounded-lg{
border-radius: 0.5rem;
}
.border{
border-width: 1px;
}
.border-0{
border-width: 0px;
}
.border-b-2{
border-bottom-width: 2px;
}
.border-\[var\(--grisf\)\]{
border-color: var(--grisf);
}
.border-\[var\(--jaunec\)\]{
border-color: var(--jaunec);
}
.bg-\[\#f8f8f8\]{
--tw-bg-opacity: 1;
background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1));
}
.bg-\[var\(--blanc\)\]{
background-color: var(--blanc);
}
.bg-\[var\(--grisc\)\]{
background-color: var(--grisc);
}
.bg-\[var\(--grisf\)\]{
background-color: var(--grisf);
}
.bg-\[var\(--jaunec\)\]{
background-color: var(--jaunec);
}
.bg-\[var\(--noir\)\]{
background-color: var(--noir);
}
.bg-black{
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-black\/20{
background-color: rgb(0 0 0 / 0.2);
}
.bg-transparent{
background-color: transparent;
}
.bg-cover{
background-size: cover;
}
.bg-center{
background-position: center;
}
.bg-no-repeat{
background-repeat: no-repeat;
}
.fill-current{
fill: currentColor;
}
.object-contain{
-o-object-fit: contain;
object-fit: contain;
}
.object-cover{
-o-object-fit: cover;
object-fit: cover;
}
.object-center{
-o-object-position: center;
object-position: center;
}
.p-0{
padding: 0px;
}
.p-4{
padding: 1rem;
}
.p-\[30px\]{
padding: 30px;
}
.p-\[35px\]{
padding: 35px;
}
.p-\[40px\]{
padding: 40px;
}
.px-4{
padding-left: 1rem;
padding-right: 1rem;
}
.px-\[12px\]{
padding-left: 12px;
padding-right: 12px;
}
.px-\[24px\]{
padding-left: 24px;
padding-right: 24px;
}
.px-\[30px\]{
padding-left: 30px;
padding-right: 30px;
}
.px-\[5\%\]{
padding-left: 5%;
padding-right: 5%;
}
.px-\[60px\]{
padding-left: 60px;
padding-right: 60px;
}
.py-\[100px\]{
padding-top: 100px;
padding-bottom: 100px;
}
.py-\[13px\]{
padding-top: 13px;
padding-bottom: 13px;
}
.py-\[14px\]{
padding-top: 14px;
padding-bottom: 14px;
}
.py-\[20px\]{
padding-top: 20px;
padding-bottom: 20px;
}
.py-\[25px\]{
padding-top: 25px;
padding-bottom: 25px;
}
.py-\[30px\]{
padding-top: 30px;
padding-bottom: 30px;
}
.py-\[60px\]{
padding-top: 60px;
padding-bottom: 60px;
}
.py-\[80px\]{
padding-top: 80px;
padding-bottom: 80px;
}
.py-\[85px\]{
padding-top: 85px;
padding-bottom: 85px;
}
.py-\[90px\]{
padding-top: 90px;
padding-bottom: 90px;
}
.py-\[95px\]{
padding-top: 95px;
padding-bottom: 95px;
}
.pb-\[100px\]{
padding-bottom: 100px;
}
.pb-\[120px\]{
padding-bottom: 120px;
}
.pb-\[20px\]{
padding-bottom: 20px;
}
.pb-\[30px\]{
padding-bottom: 30px;
}
.pb-\[60px\]{
padding-bottom: 60px;
}
.pb-\[70px\]{
padding-bottom: 70px;
}
.pb-\[90px\]{
padding-bottom: 90px;
}
.pr-6{
padding-right: 1.5rem;
}
.pr-\[60px\]{
padding-right: 60px;
}
.pt-\[20px\]{
padding-top: 20px;
}
.pt-\[60px\]{
padding-top: 60px;
}
.pt-\[70px\]{
padding-top: 70px;
}
.text-center{
text-align: center;
}
.text-right{
text-align: right;
}
.font-\[\'Gotham-Black\'\]{
font-family: 'Gotham-Black';
}
.font-\[\'Gotham-Bold\'\]{
font-family: 'Gotham-Bold';
}
.font-\[\'Gotham-Light\'\]{
font-family: 'Gotham-Light';
}
.font-\[\'Gotham-Light-Italic\'\]{
font-family: 'Gotham-Light-Italic';
}
.font-\[\'freight-big-pro\'\]{
font-family: 'freight-big-pro';
}
.font-freight{
font-family: "freight-big-pro", serif;
}
.font-gotham-black{
font-family: "Gotham-Black", sans-serif;
}
.font-gotham-bold{
font-family: "Gotham-Bold", sans-serif;
}
.font-gotham-light{
font-family: "Gotham-Light", sans-serif;
}
.text-\[12px\]{
font-size: 12px;
}
.text-\[13px\]{
font-size: 13px;
}
.text-\[14px\]{
font-size: 14px;
}
.text-\[15px\]{
font-size: 15px;
}
.text-\[16px\]{
font-size: 16px;
}
.text-\[17px\]{
font-size: 17px;
}
.text-\[18px\]{
font-size: 18px;
}
.text-\[20px\]{
font-size: 20px;
}
.text-\[22px\]{
font-size: 22px;
}
.text-\[24px\]{
font-size: 24px;
}
.text-\[26px\]{
font-size: 26px;
}
.text-\[28px\]{
font-size: 28px;
}
.text-\[30px\]{
font-size: 30px;
}
.text-\[32px\]{
font-size: 32px;
}
.text-\[38px\]{
font-size: 38px;
}
.text-\[90px\]{
font-size: 90px;
}
.text-\[clamp\(1\.5rem\2c 3vw\2c 2rem\)\]{
font-size: clamp(1.5rem,3vw,2rem);
}
.text-\[clamp\(1\.6rem\2c 3vw\2c 2\.3rem\)\]{
font-size: clamp(1.6rem,3vw,2.3rem);
}
.text-\[clamp\(1\.6rem\2c 3vw\2c 2\.4rem\)\]{
font-size: clamp(1.6rem,3vw,2.4rem);
}
.text-\[clamp\(1\.75rem\2c 3vw\2c 2\.25rem\)\]{
font-size: clamp(1.75rem,3vw,2.25rem);
}
.text-\[clamp\(1\.75rem\2c 3vw\2c 2\.7rem\)\]{
font-size: clamp(1.75rem,3vw,2.7rem);
}
.text-\[clamp\(2\.2rem\2c 4vw\2c 3\.2rem\)\]{
font-size: clamp(2.2rem,4vw,3.2rem);
}
.text-\[clamp\(2\.5rem\2c 5vw\2c 3\.75rem\)\]{
font-size: clamp(2.5rem,5vw,3.75rem);
}
.text-\[clamp\(2\.5rem\2c 5vw\2c 4\.5rem\)\]{
font-size: clamp(2.5rem,5vw,4.5rem);
}
.text-\[clamp\(2\.5rem\2c 5vw\2c 50px\)\]{
font-size: clamp(2.5rem,5vw,50px);
}
.text-\[clamp\(2\.6rem\2c 5vw\2c 56px\)\]{
font-size: clamp(2.6rem,5vw,56px);
}
.text-\[clamp\(2\.8rem\2c 5vw\2c 56px\)\]{
font-size: clamp(2.8rem,5vw,56px);
}
.text-\[clamp\(28px\2c 3vw\2c 42px\)\]{
font-size: clamp(28px,3vw,42px);
}
.text-\[clamp\(2rem\2c 3vw\2c 3rem\)\]{
font-size: clamp(2rem,3vw,3rem);
}
.text-\[clamp\(2rem\2c 3vw\2c 40px\)\]{
font-size: clamp(2rem,3vw,40px);
}
.text-\[clamp\(2rem\2c 4vw\2c 3rem\)\]{
font-size: clamp(2rem,4vw,3rem);
}
.text-\[clamp\(3rem\2c 6vw\2c 6rem\)\]{
font-size: clamp(3rem,6vw,6rem);
}
.text-\[clamp\(48px\2c 6\.5vw\2c 72px\)\]{
font-size: clamp(48px,6.5vw,72px);
}
.text-\[clamp\(4rem\2c 7vw\2c 6\.5rem\)\]{
font-size: clamp(4rem,7vw,6.5rem);
}
.text-base{
font-size: 1rem;
line-height: 1.5rem;
}
.text-sm{
font-size: 0.875rem;
line-height: 1.25rem;
}
.uppercase{
text-transform: uppercase;
}
.italic{
font-style: italic;
}
.not-italic{
font-style: normal;
}
.leading-\[0\.95\]{
line-height: 0.95;
}
.leading-\[0\.97\]{
line-height: 0.97;
}
.leading-\[0\.9\]{
line-height: 0.9;
}
.leading-\[1\.05\]{
line-height: 1.05;
}
.leading-\[1\.15\]{
line-height: 1.15;
}
.leading-\[1\.1\]{
line-height: 1.1;
}
.leading-\[1\.25\]{
line-height: 1.25;
}
.leading-\[1\.2\]{
line-height: 1.2;
}
.leading-\[1\.45\]{
line-height: 1.45;
}
.leading-\[1\.4\]{
line-height: 1.4;
}
.leading-\[1\.5\]{
line-height: 1.5;
}
.leading-\[1\.6\]{
line-height: 1.6;
}
.leading-\[1\.75\]{
line-height: 1.75;
}
.leading-\[1\.7\]{
line-height: 1.7;
}
.leading-\[1\.875\]{
line-height: 1.875;
}
.leading-\[1\.8\]{
line-height: 1.8;
}
.leading-\[1\]{
line-height: 1;
}
.leading-\[30px\]{
line-height: 30px;
}
.leading-\[40px\]{
line-height: 40px;
}
.leading-\[60px\]{
line-height: 60px;
}
.leading-none{
line-height: 1;
}
.leading-tight{
line-height: 1.25;
}
.tracking-\[-0\.5px\]{
letter-spacing: -0.5px;
}
.tracking-\[-1px\]{
letter-spacing: -1px;
}
.tracking-\[-2px\]{
letter-spacing: -2px;
}
.tracking-\[-3px\]{
letter-spacing: -3px;
}
.tracking-\[0\.5px\]{
letter-spacing: 0.5px;
}
.tracking-\[0\.8px\]{
letter-spacing: 0.8px;
}
.tracking-\[1px\]{
letter-spacing: 1px;
}
.tracking-normal{
letter-spacing: 0em;
}
.text-\[var\(--grisfm\)\]{
color: var(--grisfm);
}
.text-\[var\(--jaunec\)\]{
color: var(--jaunec);
}
.text-\[var\(--jaunef\)\]{
color: var(--jaunef);
}
.text-\[var\(--noir\)\]{
color: var(--noir);
}
.text-black{
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-white{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.underline{
text-decoration-line: underline;
}
.no-underline{
text-decoration-line: none;
}
.underline-offset-\[3px\]{
text-underline-offset: 3px;
}
.opacity-0{
opacity: 0;
}
.opacity-20{
opacity: 0.2;
}
.opacity-30{
opacity: 0.3;
}
.opacity-80{
opacity: 0.8;
}
.opacity-85{
opacity: 0.85;
}
.shadow{
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg{
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline-none{
outline: 2px solid transparent;
outline-offset: 2px;
}
.blur{
--tw-blur: blur(8px);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter{
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition{
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition-\[background-image\]{
transition-property: background-image;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition-all{
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition-colors{
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition-opacity{
transition-property: opacity;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition-transform{
transition-property: transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.duration-150{
transition-duration: 150ms;
}
.duration-300{
transition-duration: 300ms;
}
.duration-500{
transition-duration: 500ms;
}
.duration-700{
transition-duration: 700ms;
}
.duration-\[220ms\]{
transition-duration: 220ms;
}
.duration-\[900ms\]{
transition-duration: 900ms;
}
.ease-in-out{
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out{
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.\[transition-timing-function\:cubic-bezier\(\.55\2c \.055\2c \.675\2c \.19\)\]{
transition-timing-function: cubic-bezier(.55,.055,.675,.19);
}
.\*\:visible > *{
visibility: visible;
}
.before\:absolute::before{
content: var(--tw-content);
position: absolute;
}
.before\:right-0::before{
content: var(--tw-content);
right: 0px;
}
.before\:top-\[-8px\]::before{
content: var(--tw-content);
top: -8px;
}
.before\:block::before{
content: var(--tw-content);
display: block;
}
.before\:h-\[4px\]::before{
content: var(--tw-content);
height: 4px;
}
.before\:w-\[24px\]::before{
content: var(--tw-content);
width: 24px;
}
.before\:bg-\[var\(--noir\)\]::before{
content: var(--tw-content);
background-color: var(--noir);
}
.before\:content-\[\'\'\]::before{
--tw-content: '';
content: var(--tw-content);
}
.before\:\[transition\:top_\.1s_\.25s_ease-in\2c opacity_\.1s_ease-in\]::before{
content: var(--tw-content);
transition: top .1s .25s ease-in,opacity .1s ease-in;
}
.after\:absolute::after{
content: var(--tw-content);
position: absolute;
}
.after\:bottom-\[-8px\]::after{
content: var(--tw-content);
bottom: -8px;
}
.after\:right-0::after{
content: var(--tw-content);
right: 0px;
}
.after\:block::after{
content: var(--tw-content);
display: block;
}
.after\:h-\[4px\]::after{
content: var(--tw-content);
height: 4px;
}
.after\:w-\[20px\]::after{
content: var(--tw-content);
width: 20px;
}
.after\:bg-\[var\(--noir\)\]::after{
content: var(--tw-content);
background-color: var(--noir);
}
.after\:content-\[\'\'\]::after{
--tw-content: '';
content: var(--tw-content);
}
.after\:\[transition\:bottom_\.1s_\.25s_ease-in\2c transform_\.22s_cubic-bezier\(\.55\2c \.055\2c \.675\2c \.19\)\]::after{
content: var(--tw-content);
transition: bottom .1s .25s ease-in,transform .22s cubic-bezier(.55,.055,.675,.19);
}
.last\:mb-0:last-child{
margin-bottom: 0px;
}
.hover\:-translate-y-1:hover{
--tw-translate-y: -0.25rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:\!bg-\[var\(--jaunec\)\]:hover{
background-color: var(--jaunec) !important;
}
.hover\:bg-\[var\(--jaunec\)\]:hover{
background-color: var(--jaunec);
}
.hover\:tracking-\[2px\]:hover{
letter-spacing: 2px;
}
.hover\:text-\[var\(--dark\)\]:hover{
color: var(--dark);
}
.hover\:text-\[var\(--jaunef\)\]:hover{
color: var(--jaunef);
}
.hover\:text-\[var\(--noir\)\]:hover{
color: var(--noir);
}
.hover\:text-black:hover{
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.hover\:opacity-60:hover{
opacity: 0.6;
}
.hover\:opacity-70:hover{
opacity: 0.7;
}
.group:hover .group-hover\:translate-x-\[4px\]{
--tw-translate-x: 4px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:translate-y-0{
--tw-translate-y: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:rotate-\[360deg\]{
--tw-rotate: 360deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:scale-105{
--tw-scale-x: 1.05;
--tw-scale-y: 1.05;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:scale-\[1\.02\]{
--tw-scale-x: 1.02;
--tw-scale-y: 1.02;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:scale-\[1\.03\]{
--tw-scale-x: 1.03;
--tw-scale-y: 1.03;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:scale-\[1\.05\]{
--tw-scale-x: 1.05;
--tw-scale-y: 1.05;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:scale-\[1\.15\]{
--tw-scale-x: 1.15;
--tw-scale-y: 1.15;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:bg-\[var\(--jaunec\)\]{
background-color: var(--jaunec);
}
.group:hover .group-hover\:text-\[var\(--jaunef\)\]{
color: var(--jaunef);
}
.group:hover .group-hover\:text-black{
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:opacity-100{
opacity: 1;
}
.peer:checked ~ .peer-checked\:translate-x-\[46px\]{
--tw-translate-x: 46px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@media (max-width: 1200px){
.max-\[1200px\]\:min-h-\[500px\]{
min-height: 500px;
}
.max-\[1200px\]\:px-\[40px\]{
padding-left: 40px;
padding-right: 40px;
}
.max-\[1200px\]\:text-\[35px\]{
font-size: 35px;
}
.max-\[1200px\]\:text-\[60px\]{
font-size: 60px;
}
.max-\[1200px\]\:leading-\[62px\]{
line-height: 62px;
}
}
@media (max-width: 1024px){
.max-\[1024px\]\:left-\[-100px\]{
left: -100px;
}
.max-\[1024px\]\:left-\[18\%\]{
left: 18%;
}
.max-\[1024px\]\:left-\[2\%\]{
left: 2%;
}
.max-\[1024px\]\:left-\[4\%\]{
left: 4%;
}
.max-\[1024px\]\:right-\[-80px\]{
right: -80px;
}
.max-\[1024px\]\:mb-\[100px\]{
margin-bottom: 100px;
}
.max-\[1024px\]\:min-h-\[700px\]{
min-height: 700px;
}
.max-\[1024px\]\:w-\[320px\]{
width: 320px;
}
.max-\[1024px\]\:w-\[360px\]{
width: 360px;
}
.max-\[1024px\]\:w-\[400px\]{
width: 400px;
}
.max-\[1024px\]\:w-\[430px\]{
width: 430px;
}
}
@media (max-width: 992px){
.max-\[992px\]\:order-1{
order: 1;
}
.max-\[992px\]\:order-2{
order: 2;
}
.max-\[992px\]\:mx-auto{
margin-left: auto;
margin-right: auto;
}
.max-\[992px\]\:hidden{
display: none;
}
.max-\[992px\]\:aspect-\[16\/9\]{
aspect-ratio: 16/9;
}
.max-\[992px\]\:min-h-0{
min-height: 0px;
}
.max-\[992px\]\:min-h-\[420px\]{
min-height: 420px;
}
}
@media (max-width: 768px){
.max-\[768px\]\:-right-\[34px\]{
right: -34px;
}
.max-\[768px\]\:left-1\/2{
left: 50%;
}
.max-\[768px\]\:left-\[-120px\]{
left: -120px;
}
.max-\[768px\]\:left-\[-40px\]{
left: -40px;
}
.max-\[768px\]\:left-\[22\%\]{
left: 22%;
}
.max-\[768px\]\:left-\[5\%\]{
left: 5%;
}
.max-\[768px\]\:right-\[-120px\]{
right: -120px;
}
.max-\[768px\]\:right-\[30px\]{
right: 30px;
}
.max-\[768px\]\:right-\[5\%\]{
right: 5%;
}
.max-\[768px\]\:right-\[6\%\]{
right: 6%;
}
.max-\[768px\]\:top-\[-55px\]{
top: -55px;
}
.max-\[768px\]\:top-\[18\%\]{
top: 18%;
}
.max-\[768px\]\:top-\[40\%\]{
top: 40%;
}
.max-\[768px\]\:top-\[40px\]{
top: 40px;
}
.max-\[768px\]\:mb-\[80px\]{
margin-bottom: 80px;
}
.max-\[768px\]\:ml-\[30px\]{
margin-left: 30px;
}
.max-\[768px\]\:mt-\[35px\]{
margin-top: 35px;
}
.max-\[768px\]\:mt-\[45px\]{
margin-top: 45px;
}
.max-\[768px\]\:mt-\[50px\]{
margin-top: 50px;
}
.max-\[768px\]\:hidden{
display: none;
}
.max-\[768px\]\:h-\[calc\(100vh-30px\)\]{
height: calc(100vh - 30px);
}
.max-\[768px\]\:h-auto{
height: auto;
}
.max-\[768px\]\:min-h-\[380px\]{
min-height: 380px;
}
.max-\[768px\]\:min-h-\[580px\]{
min-height: 580px;
}
.max-\[768px\]\:min-h-\[68px\]{
min-height: 68px;
}
.max-\[768px\]\:w-\[100px\]{
width: 100px;
}
.max-\[768px\]\:w-\[110px\]{
width: 110px;
}
.max-\[768px\]\:w-\[280px\]{
width: 280px;
}
.max-\[768px\]\:w-\[28px\]{
width: 28px;
}
.max-\[768px\]\:w-\[300px\]{
width: 300px;
}
.max-\[768px\]\:w-\[320px\]{
width: 320px;
}
.max-\[768px\]\:w-\[330px\]{
width: 330px;
}
.max-\[768px\]\:w-\[42px\]{
width: 42px;
}
.max-\[768px\]\:w-\[45px\]{
width: 45px;
}
.max-\[768px\]\:w-\[calc\(100vw-30px\)\]{
width: calc(100vw - 30px);
}
.max-\[768px\]\:max-w-\[220px\]{
max-width: 220px;
}
.max-\[768px\]\:max-w-\[calc\(100\%-60px\)\]{
max-width: calc(100% - 60px);
}
.max-\[768px\]\:-translate-x-1\/2{
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.max-\[768px\]\:px-\[20px\]{
padding-left: 20px;
padding-right: 20px;
}
.max-\[768px\]\:px-\[22px\]{
padding-left: 22px;
padding-right: 22px;
}
.max-\[768px\]\:px-\[30px\]{
padding-left: 30px;
padding-right: 30px;
}
.max-\[768px\]\:py-\[20px\]{
padding-top: 20px;
padding-bottom: 20px;
}
.max-\[768px\]\:py-\[60px\]{
padding-top: 60px;
padding-bottom: 60px;
}
.max-\[768px\]\:py-\[65px\]{
padding-top: 65px;
padding-bottom: 65px;
}
.max-\[768px\]\:py-\[70px\]{
padding-top: 70px;
padding-bottom: 70px;
}
.max-\[768px\]\:pb-\[60px\]{
padding-bottom: 60px;
}
.max-\[768px\]\:pb-\[70px\]{
padding-bottom: 70px;
}
.max-\[768px\]\:pb-\[75px\]{
padding-bottom: 75px;
}
.max-\[768px\]\:pb-\[80px\]{
padding-bottom: 80px;
}
.max-\[768px\]\:pr-\[30px\]{
padding-right: 30px;
}
.max-\[768px\]\:text-\[15px\]{
font-size: 15px;
}
.max-\[768px\]\:text-\[16px\]{
font-size: 16px;
}
.max-\[768px\]\:text-\[21px\]{
font-size: 21px;
}
.max-\[768px\]\:text-\[24px\]{
font-size: 24px;
}
.max-\[768px\]\:text-\[clamp\(3rem\2c 11vw\2c 4\.5rem\)\]{
font-size: clamp(3rem,11vw,4.5rem);
}
.max-\[768px\]\:tracking-\[-1px\]{
letter-spacing: -1px;
}
}
@media (max-width: 641px){
.max-\[641px\]\:hidden{
display: none;
}
}
@media (max-width: 640px){
.max-\[640px\]\:aspect-\[4\/3\]{
aspect-ratio: 4/3;
}
.max-\[640px\]\:px-\[10\%\]{
padding-left: 10%;
padding-right: 10%;
}
.max-\[640px\]\:text-\[34px\]{
font-size: 34px;
}
.max-\[640px\]\:text-\[60px\]{
font-size: 60px;
}
.max-\[640px\]\:leading-\[32px\]{
line-height: 32px;
}
.max-\[640px\]\:leading-\[62px\]{
line-height: 62px;
}
}
@media (max-width: 541px){
.max-\[541px\]\:hidden{
display: none;
}
}
@media (max-width: 481px){
.max-\[481px\]\:right-0{
right: 0px;
}
.max-\[481px\]\:ml-0{
margin-left: 0px;
}
.max-\[481px\]\:w-full{
width: 100%;
}
.max-\[481px\]\:max-w-full{
max-width: 100%;
}
}
@media (max-width: 480px){
.max-\[480px\]\:left-\[-100px\]{
left: -100px;
}
.max-\[480px\]\:left-\[-140px\]{
left: -140px;
}
.max-\[480px\]\:right-\[-140px\]{
right: -140px;
}
.max-\[480px\]\:mb-\[30px\]{
margin-bottom: 30px;
}
.max-\[480px\]\:mb-\[35px\]{
margin-bottom: 35px;
}
.max-\[480px\]\:mb-\[60px\]{
margin-bottom: 60px;
}
.max-\[480px\]\:mt-\[40px\]{
margin-top: 40px;
}
.max-\[480px\]\:hidden{
display: none;
}
.max-\[480px\]\:min-h-\[340px\]{
min-height: 340px;
}
.max-\[480px\]\:min-h-\[500px\]{
min-height: 500px;
}
.max-\[480px\]\:w-\[120px\]{
width: 120px;
}
.max-\[480px\]\:w-\[240px\]{
width: 240px;
}
.max-\[480px\]\:w-\[250px\]{
width: 250px;
}
.max-\[480px\]\:w-\[280px\]{
width: 280px;
}
.max-\[480px\]\:w-\[34px\]{
width: 34px;
}
.max-\[480px\]\:p-\[22px\]{
padding: 22px;
}
.max-\[480px\]\:px-\[15px\]{
padding-left: 15px;
padding-right: 15px;
}
.max-\[480px\]\:px-\[20px\]{
padding-left: 20px;
padding-right: 20px;
}
.max-\[480px\]\:py-\[40px\]{
padding-top: 40px;
padding-bottom: 40px;
}
.max-\[480px\]\:py-\[45px\]{
padding-top: 45px;
padding-bottom: 45px;
}
.max-\[480px\]\:py-\[50px\]{
padding-top: 50px;
padding-bottom: 50px;
}
.max-\[480px\]\:pb-\[60px\]{
padding-bottom: 60px;
}
.max-\[480px\]\:text-\[14px\]{
font-size: 14px;
}
.max-\[480px\]\:text-\[15px\]{
font-size: 15px;
}
.max-\[480px\]\:text-\[28px\]{
font-size: 28px;
}
.max-\[480px\]\:text-\[clamp\(2\.5rem\2c 13vw\2c 3\.5rem\)\]{
font-size: clamp(2.5rem,13vw,3.5rem);
}
.max-\[480px\]\:tracking-\[-2px\]{
letter-spacing: -2px;
}
}
@media (max-width: 425px){
.max-\[425px\]\:right-0{
right: 0px;
}
.max-\[425px\]\:top-\[15\%\]{
top: 15%;
}
.max-\[425px\]\:ml-\[15px\]{
margin-left: 15px;
}
.max-\[425px\]\:w-full{
width: 100%;
}
.max-\[425px\]\:max-w-\[125px\]{
max-width: 125px;
}
.max-\[425px\]\:pr-\[15px\]{
padding-right: 15px;
}
}
@media (max-width: 375px){
.max-\[375px\]\:mb-\[10px\]{
margin-bottom: 10px;
}
.max-\[375px\]\:h-auto{
height: auto;
}
.max-\[375px\]\:min-h-0{
min-height: 0px;
}
.max-\[375px\]\:py-\[180px\]{
padding-top: 180px;
padding-bottom: 180px;
}
.max-\[375px\]\:text-\[28px\]{
font-size: 28px;
}
.max-\[375px\]\:text-\[46px\]{
font-size: 46px;
}
.max-\[375px\]\:leading-\[46px\]{
line-height: 46px;
}
}
@media (min-width: 426px){
.min-\[426px\]\:grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 500px){
.min-\[500px\]\:grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 560px){
.min-\[560px\]\:grid-cols-3{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 600px){
.min-\[600px\]\:grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 640px){
.sm\:px-6{
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.min-\[640px\]\:grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 992px){
.min-\[640px\]\:max-\[992px\]\:hidden{
display: none;
}
}
}
@media (min-width: 700px){
.min-\[700px\]\:grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 768px){
.md\:ml-\[35px\]{
margin-left: 35px;
}
.md\:h-\[520px\]{
height: 520px;
}
.md\:flex-row{
flex-direction: row;
}
.md\:gap-10{
gap: 2.5rem;
}
.md\:py-\[60px\]{
padding-top: 60px;
padding-bottom: 60px;
}
.md\:pr-\[35px\]{
padding-right: 35px;
}
.min-\[768px\]\:grid-cols-3{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 769px){
.min-\[769px\]\:grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.min-\[769px\]\:grid-cols-3{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 900px){
.min-\[900px\]\:grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.min-\[900px\]\:grid-cols-3{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.min-\[900px\]\:grid-cols-4{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.min-\[900px\]\:gap-\[70px\]{
gap: 70px;
}
}
@media (min-width: 993px){
.min-\[993px\]\:left-\[35\%\]{
left: 35%;
}
.min-\[993px\]\:right-\[35\%\]{
right: 35%;
}
.min-\[993px\]\:order-1{
order: 1;
}
.min-\[993px\]\:order-2{
order: 2;
}
.min-\[993px\]\:mb-\[120px\]{
margin-bottom: 120px;
}
.min-\[993px\]\:block{
display: block;
}
.min-\[993px\]\:min-h-\[170px\]{
min-height: 170px;
}
.min-\[993px\]\:max-w-\[75\%\]{
max-width: 75%;
}
.min-\[993px\]\:max-w-\[900px\]{
max-width: 900px;
}
.min-\[993px\]\:grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.min-\[993px\]\:grid-cols-3{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.min-\[993px\]\:grid-cols-\[40\%_60\%\]{
grid-template-columns: 40% 60%;
}
.min-\[993px\]\:gap-0{
gap: 0px;
}
.min-\[993px\]\:gap-\[30px\]{
gap: 30px;
}
.min-\[993px\]\:gap-\[70px\]{
gap: 70px;
}
.min-\[993px\]\:gap-\[80px\]{
gap: 80px;
}
.min-\[993px\]\:p-\[60px\]{
padding: 60px;
}
.min-\[993px\]\:py-\[60px\]{
padding-top: 60px;
padding-bottom: 60px;
}
.min-\[993px\]\:text-\[28px\]{
font-size: 28px;
}
}
@media (min-width: 1024px){
.lg\:px-8{
padding-left: 2rem;
padding-right: 2rem;
}
}
@media (min-width: 1100px){
.min-\[1100px\]\:grid-cols-6{
grid-template-columns: repeat(6, minmax(0, 1fr));
}
}
@media (min-width: 1200px){
.min-\[1200px\]\:grid-cols-4{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (min-width: 1201px){
.min-\[1201px\]\:text-\[90px\]{
font-size: 90px;
}
}
.\[\&\.active\]\:block.active{
display: block;
}
.\[\&\.close\]\:hidden.close{
display: none;
}
.\[\&\.is-active_\.hamburger-inner\]\:rotate-\[225deg\].is-active .hamburger-inner{
--tw-rotate: 225deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\[\&\.is-active_\.hamburger-inner\]\:\[transition-delay\:\.12s\].is-active .hamburger-inner{
transition-delay: .12s;
}
.\[\&\.is-active_\.hamburger-inner\]\:\[transition-timing-function\:cubic-bezier\(\.215\2c \.61\2c \.355\2c 1\)\].is-active .hamburger-inner{
transition-timing-function: cubic-bezier(.215,.61,.355,1);
}
.\[\&\.is-active_\.hamburger-inner\]\:before\:top-0.is-active .hamburger-inner::before{
content: var(--tw-content);
top: 0px;
}
.\[\&\.is-active_\.hamburger-inner\]\:before\:w-\[30px\].is-active .hamburger-inner::before{
content: var(--tw-content);
width: 30px;
}
.\[\&\.is-active_\.hamburger-inner\]\:before\:opacity-0.is-active .hamburger-inner::before{
content: var(--tw-content);
opacity: 0;
}
.\[\&\.is-active_\.hamburger-inner\]\:after\:bottom-0.is-active .hamburger-inner::after{
content: var(--tw-content);
bottom: 0px;
}
.\[\&\.is-active_\.hamburger-inner\]\:after\:w-\[30px\].is-active .hamburger-inner::after{
content: var(--tw-content);
width: 30px;
}
.\[\&\.is-active_\.hamburger-inner\]\:after\:rotate-\[-90deg\].is-active .hamburger-inner::after{
content: var(--tw-content);
--tw-rotate: -90deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\[\&\.zindex\]\:z-\[99991\].zindex{
z-index: 99991;
}
.\[\&\>\*\:first-child\]\:mt-0>*:first-child{
margin-top: 0px;
}
.\[\&\>\*\:last-child\]\:mb-0>*:last-child{
margin-bottom: 0px;
}
.\[\&\>p\:first-child\]\:mt-0>p:first-child{
margin-top: 0px;
}
.\[\&\>p\:last-child\]\:mb-0>p:last-child{
margin-bottom: 0px;
}
.\[\&\>p\]\:mb-\[25px\]>p{
margin-bottom: 25px;
}
.\[\&_\.alignfull\]\:relative .alignfull{
position: relative;
}
.\[\&_\.alignfull\]\:left-1\/2 .alignfull{
left: 50%;
}
.\[\&_\.alignfull\]\:w-\[calc\(100vw-120px\)\] .alignfull{
width: calc(100vw - 120px);
}
.\[\&_\.alignfull\]\:max-w-none .alignfull{
max-width: none;
}
.\[\&_\.alignfull\]\:-translate-x-1\/2 .alignfull{
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@media (max-width: 768px){
.max-\[768px\]\:\[\&_\.alignfull\]\:w-\[calc\(100vw-60px\)\] .alignfull{
width: calc(100vw - 60px);
}
}
@media (max-width: 480px){
.max-\[480px\]\:\[\&_\.alignfull\]\:w-screen .alignfull{
width: 100vw;
}
}
.\[\&_\.alignwide\]\:relative .alignwide{
position: relative;
}
.\[\&_\.alignwide\]\:left-1\/2 .alignwide{
left: 50%;
}
.\[\&_\.alignwide\]\:w-\[min\(1100px\2c calc\(100vw-160px\)\)\] .alignwide{
width: min(1100px,calc(100vw - 160px));
}
.\[\&_\.alignwide\]\:max-w-none .alignwide{
max-width: none;
}
.\[\&_\.alignwide\]\:-translate-x-1\/2 .alignwide{
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@media (max-width: 992px){
.max-\[992px\]\:\[\&_\.alignwide\]\:w-\[calc\(100vw-100px\)\] .alignwide{
width: calc(100vw - 100px);
}
}
@media (max-width: 768px){
.max-\[768px\]\:\[\&_\.alignwide\]\:w-\[calc\(100vw-70px\)\] .alignwide{
width: calc(100vw - 70px);
}
}
@media (max-width: 480px){
.max-\[480px\]\:\[\&_\.alignwide\]\:w-\[calc\(100vw-30px\)\] .alignwide{
width: calc(100vw - 30px);
}
}
.\[\&_\.has-yellow-background-color\]\:bg-\[var\(--jaunec\)\] .has-yellow-background-color{
background-color: var(--jaunec);
}
.\[\&_\.page-numbers\.current\]\:bg-black .page-numbers.current{
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.\[\&_\.page-numbers\.current\]\:\!text-white .page-numbers.current{
--tw-text-opacity: 1 !important;
color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
.\[\&_\.page-numbers\:hover\]\:bg-\[var\(--jaunec\)\] .page-numbers:hover{
background-color: var(--jaunec);
}
.\[\&_\.page-numbers\:hover\]\:text-black .page-numbers:hover{
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.\[\&_\.page-numbers\]\:flex .page-numbers{
display: flex;
}
.\[\&_\.page-numbers\]\:h-\[42px\] .page-numbers{
height: 42px;
}
.\[\&_\.page-numbers\]\:min-w-\[42px\] .page-numbers{
min-width: 42px;
}
.\[\&_\.page-numbers\]\:items-center .page-numbers{
align-items: center;
}
.\[\&_\.page-numbers\]\:justify-center .page-numbers{
justify-content: center;
}
.\[\&_\.page-numbers\]\:px-\[10px\] .page-numbers{
padding-left: 10px;
padding-right: 10px;
}
.\[\&_\.page-numbers\]\:font-\[\'Gotham-Bold\'\] .page-numbers{
font-family: 'Gotham-Bold';
}
.\[\&_\.page-numbers\]\:text-\[12px\] .page-numbers{
font-size: 12px;
}
.\[\&_\.page-numbers\]\:text-\[var\(--noir\)\] .page-numbers{
color: var(--noir);
}
.\[\&_\.page-numbers\]\:no-underline .page-numbers{
text-decoration-line: none;
}
.\[\&_\.page-numbers\]\:transition-colors .page-numbers{
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.\[\&_\.page-numbers\]\:duration-300 .page-numbers{
transition-duration: 300ms;
}
.\[\&_\.wp-block-button__link\:hover\]\:bg-\[var\(--jaunec\)\] .wp-block-button link:hover{
background-color: var(--jaunec);
}
.\[\&_\.wp-block-button__link\:hover\]\:text-black .wp-block-button link:hover{
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.\[\&_\.wp-block-button__link\]\:inline-flex .wp-block-button link{
display: inline-flex;
}
.\[\&_\.wp-block-button__link\]\:items-center .wp-block-button link{
align-items: center;
}
.\[\&_\.wp-block-button__link\]\:justify-center .wp-block-button link{
justify-content: center;
}
.\[\&_\.wp-block-button__link\]\:bg-black .wp-block-button link{
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.\[\&_\.wp-block-button__link\]\:px-\[25px\] .wp-block-button link{
padding-left: 25px;
padding-right: 25px;
}
.\[\&_\.wp-block-button__link\]\:py-\[14px\] .wp-block-button link{
padding-top: 14px;
padding-bottom: 14px;
}
.\[\&_\.wp-block-button__link\]\:font-\[\'Gotham-Bold\'\] .wp-block-button link{
font-family: 'Gotham-Bold';
}
.\[\&_\.wp-block-button__link\]\:text-\[12px\] .wp-block-button link{
font-size: 12px;
}
.\[\&_\.wp-block-button__link\]\:uppercase .wp-block-button link{
text-transform: uppercase;
}
.\[\&_\.wp-block-button__link\]\:tracking-\[0\.8px\] .wp-block-button link{
letter-spacing: 0.8px;
}
.\[\&_\.wp-block-button__link\]\:text-white .wp-block-button link{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.\[\&_\.wp-block-button__link\]\:no-underline .wp-block-button link{
text-decoration-line: none;
}
.\[\&_\.wp-block-buttons\]\:my-\[30px\] .wp-block-buttons{
margin-top: 30px;
margin-bottom: 30px;
}
.\[\&_\.wp-block-buttons\]\:gap-\[12px\] .wp-block-buttons{
gap: 12px;
}
.\[\&_\.wp-block-columns\]\:my-\[55px\] .wp-block-columns{
margin-top: 55px;
margin-bottom: 55px;
}
.\[\&_\.wp-block-columns\]\:gap-\[45px\] .wp-block-columns{
gap: 45px;
}
@media (max-width: 768px){
.max-\[768px\]\:\[\&_\.wp-block-columns\]\:gap-\[30px\] .wp-block-columns{
gap: 30px;
}
}
.\[\&_\.wp-block-cover\]\:my-\[60px\] .wp-block-cover{
margin-top: 60px;
margin-bottom: 60px;
}
.\[\&_\.wp-block-cover\]\:min-h-\[400px\] .wp-block-cover{
min-height: 400px;
}
.\[\&_\.wp-block-cover__inner-container\]\:mx-auto .wp-block-cover inner-container{
margin-left: auto;
margin-right: auto;
}
.\[\&_\.wp-block-cover__inner-container\]\:max-w-\[700px\] .wp-block-cover inner-container{
max-width: 700px;
}
.\[\&_\.wp-block-cover__inner-container\]\:px-\[30px\] .wp-block-cover inner-container{
padding-left: 30px;
padding-right: 30px;
}
.\[\&_\.wp-block-cover__inner-container\]\:py-\[40px\] .wp-block-cover inner-container{
padding-top: 40px;
padding-bottom: 40px;
}
.\[\&_\.wp-block-details\[open\]_summary\]\:after\:content-\[\'\2212\'\] .wp-block-details[open] summary::after{
--tw-content: '−';
content: var(--tw-content);
}
.\[\&_\.wp-block-details\]\:m-0 .wp-block-details{
margin: 0px;
}
.\[\&_\.wp-block-details\]\:border-b .wp-block-details{
border-bottom-width: 1px;
}
.\[\&_\.wp-block-details\]\:border-\[var\(--grisfm\)\] .wp-block-details{
border-color: var(--grisfm);
}
.\[\&_\.wp-block-details\]\:py-\[16px\] .wp-block-details{
padding-top: 16px;
padding-bottom: 16px;
}
.\[\&_\.wp-block-details_p\]\:mb-0 .wp-block-details p{
margin-bottom: 0px;
}
.\[\&_\.wp-block-details_p\]\:mt-\[18px\] .wp-block-details p{
margin-top: 18px;
}
.\[\&_\.wp-block-details_summary\:\:-webkit-details-marker\]\:hidden .wp-block-details summary::-webkit-details-marker{
display: none;
}
.\[\&_\.wp-block-details_summary\]\:relative .wp-block-details summary{
position: relative;
}
.\[\&_\.wp-block-details_summary\]\:cursor-pointer .wp-block-details summary{
cursor: pointer;
}
.\[\&_\.wp-block-details_summary\]\:list-none .wp-block-details summary{
list-style-type: none;
}
.\[\&_\.wp-block-details_summary\]\:pr-\[40px\] .wp-block-details summary{
padding-right: 40px;
}
.\[\&_\.wp-block-details_summary\]\:font-\[\'Gotham-Bold\'\] .wp-block-details summary{
font-family: 'Gotham-Bold';
}
.\[\&_\.wp-block-details_summary\]\:text-\[14px\] .wp-block-details summary{
font-size: 14px;
}
.\[\&_\.wp-block-details_summary\]\:leading-\[1\.4\] .wp-block-details summary{
line-height: 1.4;
}
.\[\&_\.wp-block-details_summary\]\:after\:absolute .wp-block-details summary::after{
content: var(--tw-content);
position: absolute;
}
.\[\&_\.wp-block-details_summary\]\:after\:right-\[5px\] .wp-block-details summary::after{
content: var(--tw-content);
right: 5px;
}
.\[\&_\.wp-block-details_summary\]\:after\:top-1\/2 .wp-block-details summary::after{
content: var(--tw-content);
top: 50%;
}
.\[\&_\.wp-block-details_summary\]\:after\:-translate-y-1\/2 .wp-block-details summary::after{
content: var(--tw-content);
--tw-translate-y: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\[\&_\.wp-block-details_summary\]\:after\:font-\[\'Gotham-Light\'\] .wp-block-details summary::after{
content: var(--tw-content);
font-family: 'Gotham-Light';
}
.\[\&_\.wp-block-details_summary\]\:after\:text-\[22px\] .wp-block-details summary::after{
content: var(--tw-content);
font-size: 22px;
}
.\[\&_\.wp-block-details_summary\]\:after\:text-\[var\(--noir\)\] .wp-block-details summary::after{
content: var(--tw-content);
color: var(--noir);
}
.\[\&_\.wp-block-details_summary\]\:after\:content-\[\'\+\'\] .wp-block-details summary::after{
--tw-content: '+';
content: var(--tw-content);
}
.\[\&_\.wp-block-embed\]\:my-\[55px\] .wp-block-embed{
margin-top: 55px;
margin-bottom: 55px;
}
.\[\&_\.wp-block-embed__wrapper\]\:relative .wp-block-embed wrapper{
position: relative;
}
.\[\&_\.wp-block-embed__wrapper\]\:overflow-hidden .wp-block-embed wrapper{
overflow: hidden;
}
.\[\&_\.wp-block-gallery\]\:my-\[55px\] .wp-block-gallery{
margin-top: 55px;
margin-bottom: 55px;
}
.\[\&_\.wp-block-gallery\]\:gap-\[15px\] .wp-block-gallery{
gap: 15px;
}
.\[\&_\.wp-block-gallery_img\]\:h-full .wp-block-gallery img{
height: 100%;
}
.\[\&_\.wp-block-gallery_img\]\:w-full .wp-block-gallery img{
width: 100%;
}
.\[\&_\.wp-block-gallery_img\]\:object-cover .wp-block-gallery img{
-o-object-fit: cover;
object-fit: cover;
}
.\[\&_\.wp-block-group\.has-background-color\]\:overflow-hidden .wp-block-group.has-background-color{
overflow: hidden;
}
.\[\&_\.wp-block-group\.has-background\]\:p-\[35px\] .wp-block-group.has-background{
padding: 35px;
}
@media (max-width: 480px){
.max-\[480px\]\:\[\&_\.wp-block-group\.has-background\]\:p-\[25px\] .wp-block-group.has-background{
padding: 25px;
}
}
.\[\&_\.wp-block-group\]\:my-\[45px\] .wp-block-group{
margin-top: 45px;
margin-bottom: 45px;
}
.\[\&_\.wp-block-image_figcaption\]\:mt-\[10px\] .wp-block-image figcaption{
margin-top: 10px;
}
.\[\&_\.wp-block-image_figcaption\]\:font-\[\'Gotham-Light-Italic\'\] .wp-block-image figcaption{
font-family: 'Gotham-Light-Italic';
}
.\[\&_\.wp-block-image_figcaption\]\:text-\[12px\] .wp-block-image figcaption{
font-size: 12px;
}
.\[\&_\.wp-block-image_figcaption\]\:leading-\[1\.5\] .wp-block-image figcaption{
line-height: 1.5;
}
.\[\&_\.wp-block-image_figcaption\]\:text-\[var\(--grisfm\)\] .wp-block-image figcaption{
color: var(--grisfm);
}
.\[\&_\.wp-block-image_img\]\:block .wp-block-image img{
display: block;
}
.\[\&_\.wp-block-image_img\]\:h-auto .wp-block-image img{
height: auto;
}
.\[\&_\.wp-block-image_img\]\:w-full .wp-block-image img{
width: 100%;
}
.\[\&_\.wp-block-image_img\]\:max-w-full .wp-block-image img{
max-width: 100%;
}
.\[\&_\.wp-block-media-text\]\:my-\[60px\] .wp-block-media-text{
margin-top: 60px;
margin-bottom: 60px;
}
.\[\&_\.wp-block-media-text\]\:gap-\[45px\] .wp-block-media-text{
gap: 45px;
}
.\[\&_\.wp-block-media-text__content\]\:p-0 .wp-block-media-text content{
padding: 0px;
}
.\[\&_\.wp-block-media-text__media_img\]\:block .wp-block-media-text media img{
display: block;
}
.\[\&_\.wp-block-media-text__media_img\]\:h-full .wp-block-media-text media img{
height: 100%;
}
.\[\&_\.wp-block-media-text__media_img\]\:w-full .wp-block-media-text media img{
width: 100%;
}
.\[\&_\.wp-block-media-text__media_img\]\:object-cover .wp-block-media-text media img{
-o-object-fit: cover;
object-fit: cover;
}
.\[\&_\.wp-block-pullquote\]\:my-\[65px\] .wp-block-pullquote{
margin-top: 65px;
margin-bottom: 65px;
}
.\[\&_\.wp-block-pullquote\]\:border-y-\[2px\] .wp-block-pullquote{
border-top-width: 2px;
border-bottom-width: 2px;
}
.\[\&_\.wp-block-pullquote\]\:border-\[var\(--jaunec\)\] .wp-block-pullquote{
border-color: var(--jaunec);
}
.\[\&_\.wp-block-pullquote\]\:px-\[30px\] .wp-block-pullquote{
padding-left: 30px;
padding-right: 30px;
}
.\[\&_\.wp-block-pullquote\]\:py-\[40px\] .wp-block-pullquote{
padding-top: 40px;
padding-bottom: 40px;
}
.\[\&_\.wp-block-pullquote_p\]\:font-\[\'freight-big-pro\'\] .wp-block-pullquote p{
font-family: 'freight-big-pro';
}
.\[\&_\.wp-block-pullquote_p\]\:text-\[25px\] .wp-block-pullquote p{
font-size: 25px;
}
.\[\&_\.wp-block-pullquote_p\]\:leading-\[1\.3\] .wp-block-pullquote p{
line-height: 1.3;
}
.\[\&_\.wp-block-separator\]\:my-\[60px\] .wp-block-separator{
margin-top: 60px;
margin-bottom: 60px;
}
.\[\&_\.wp-block-separator\]\:border-0 .wp-block-separator{
border-width: 0px;
}
.\[\&_\.wp-block-separator\]\:border-t .wp-block-separator{
border-top-width: 1px;
}
.\[\&_\.wp-block-separator\]\:border-\[var\(--grisfm\)\] .wp-block-separator{
border-color: var(--grisfm);
}
.\[\&_\.wp-block-table\]\:my-\[50px\] .wp-block-table{
margin-top: 50px;
margin-bottom: 50px;
}
.\[\&_\.wp-block-table\]\:overflow-x-auto .wp-block-table{
overflow-x: auto;
}
.\[\&_\.wp-block-table_table\]\:w-full .wp-block-table table{
width: 100%;
}
.\[\&_\.wp-block-table_table\]\:border-collapse .wp-block-table table{
border-collapse: collapse;
}
.\[\&_\.wp-block-table_td\]\:border .wp-block-table td{
border-width: 1px;
}
.\[\&_\.wp-block-table_td\]\:border-\[var\(--grisfm\)\] .wp-block-table td{
border-color: var(--grisfm);
}
.\[\&_\.wp-block-table_td\]\:p-\[12px\] .wp-block-table td{
padding: 12px;
}
.\[\&_\.wp-block-table_th\]\:border .wp-block-table th{
border-width: 1px;
}
.\[\&_\.wp-block-table_th\]\:border-\[var\(--grisfm\)\] .wp-block-table th{
border-color: var(--grisfm);
}
.\[\&_\.wp-block-table_th\]\:bg-\[var\(--grisf\)\] .wp-block-table th{
background-color: var(--grisf);
}
.\[\&_\.wp-block-table_th\]\:p-\[12px\] .wp-block-table th{
padding: 12px;
}
.\[\&_\.wp-block-table_th\]\:text-left .wp-block-table th{
text-align: left;
}
.\[\&_\.wp-block-table_th\]\:font-\[\'Gotham-Bold\'\] .wp-block-table th{
font-family: 'Gotham-Bold';
}
.\[\&_\.wp-block-video\]\:my-\[55px\] .wp-block-video{
margin-top: 55px;
margin-bottom: 55px;
}
.\[\&_\.wp-block-video_video\]\:block .wp-block-video video{
display: block;
}
.\[\&_\.wp-block-video_video\]\:h-auto .wp-block-video video{
height: auto;
}
.\[\&_\.wp-block-video_video\]\:w-full .wp-block-video video{
width: 100%;
}
.\[\&_a\:hover\]\:text-\[var\(--jaunef\)\] a:hover{
color: var(--jaunef);
}
.\[\&_a\]\:font-\[\'Gotham-Bold\'\] a{
font-family: 'Gotham-Bold';
}
.\[\&_a\]\:text-\[var\(--noir\)\] a{
color: var(--noir);
}
.\[\&_a\]\:underline a{
text-decoration-line: underline;
}
.\[\&_a\]\:decoration-\[1px\] a{
text-decoration-thickness: 1px;
}
.\[\&_a\]\:underline-offset-\[3px\] a{
text-underline-offset: 3px;
}
.\[\&_a\]\:transition-colors a{
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.\[\&_a\]\:duration-300 a{
transition-duration: 300ms;
}
.\[\&_b\]\:font-\[\'Gotham-Bold\'\] b{
font-family: 'Gotham-Bold';
}
.\[\&_blockquote\]\:my-\[40px\] blockquote{
margin-top: 40px;
margin-bottom: 40px;
}
.\[\&_blockquote\]\:border-l-\[4px\] blockquote{
border-left-width: 4px;
}
.\[\&_blockquote\]\:border-\[var\(--jaunec\)\] blockquote{
border-color: var(--jaunec);
}
.\[\&_blockquote\]\:pl-\[25px\] blockquote{
padding-left: 25px;
}
.\[\&_blockquote\]\:font-\[\'freight-big-pro\'\] blockquote{
font-family: 'freight-big-pro';
}
.\[\&_blockquote\]\:text-\[24px\] blockquote{
font-size: 24px;
}
.\[\&_blockquote\]\:leading-\[1\.4\] blockquote{
line-height: 1.4;
}
.\[\&_em\]\:font-\[\'Gotham-Light-Italic\'\] em{
font-family: 'Gotham-Light-Italic';
}
.\[\&_form\]\:w-full form{
width: 100%;
}
.\[\&_h2\]\:mb-\[18px\] h2{
margin-bottom: 18px;
}
.\[\&_h2\]\:mb-\[20px\] h2{
margin-bottom: 20px;
}
.\[\&_h2\]\:mb-\[25px\] h2{
margin-bottom: 25px;
}
.\[\&_h2\]\:mt-\[45px\] h2{
margin-top: 45px;
}
.\[\&_h2\]\:mt-\[60px\] h2{
margin-top: 60px;
}
.\[\&_h2\]\:mt-\[65px\] h2{
margin-top: 65px;
}
.\[\&_h2\]\:font-\[\'Gotham-Bold\'\] h2{
font-family: 'Gotham-Bold';
}
.\[\&_h2\]\:text-\[22px\] h2{
font-size: 22px;
}
.\[\&_h2\]\:text-\[23px\] h2{
font-size: 23px;
}
.\[\&_h2\]\:text-\[24px\] h2{
font-size: 24px;
}
.\[\&_h2\]\:text-\[clamp\(2\.5rem\2c 5vw\2c 50px\)\] h2{
font-size: clamp(2.5rem,5vw,50px);
}
.\[\&_h2\]\:text-\[clamp\(2rem\2c 4vw\2c 50px\)\] h2{
font-size: clamp(2rem,4vw,50px);
}
.\[\&_h2\]\:leading-\[1\.25\] h2{
line-height: 1.25;
}
.\[\&_h2\]\:leading-\[1\.2\] h2{
line-height: 1.2;
}
.\[\&_h2\]\:leading-\[1\] h2{
line-height: 1;
}
.\[\&_h2\]\:tracking-\[-0\.5px\] h2{
letter-spacing: -0.5px;
}
.\[\&_h2\]\:tracking-\[-2px\] h2{
letter-spacing: -2px;
}
.\[\&_h2\]\:text-\[var\(--noir\)\] h2{
color: var(--noir);
}
@media (max-width: 480px){
.max-\[480px\]\:\[\&_h2\]\:mt-\[50px\] h2{
margin-top: 50px;
}
.max-\[480px\]\:\[\&_h2\]\:text-\[21px\] h2{
font-size: 21px;
}
}
.\[\&_h3\]\:mb-\[15px\] h3{
margin-bottom: 15px;
}
.\[\&_h3\]\:mb-\[18px\] h3{
margin-bottom: 18px;
}
.\[\&_h3\]\:mb-\[20px\] h3{
margin-bottom: 20px;
}
.\[\&_h3\]\:mt-\[35px\] h3{
margin-top: 35px;
}
.\[\&_h3\]\:mt-\[40px\] h3{
margin-top: 40px;
}
.\[\&_h3\]\:mt-\[50px\] h3{
margin-top: 50px;
}
.\[\&_h3\]\:font-\[\'Gotham-Bold\'\] h3{
font-family: 'Gotham-Bold';
}
.\[\&_h3\]\:font-\[\'freight-big-pro\'\] h3{
font-family: 'freight-big-pro';
}
.\[\&_h3\]\:text-\[18px\] h3{
font-size: 18px;
}
.\[\&_h3\]\:text-\[19px\] h3{
font-size: 19px;
}
.\[\&_h3\]\:text-\[clamp\(1\.75rem\2c 3vw\2c 2\.7rem\)\] h3{
font-size: clamp(1.75rem,3vw,2.7rem);
}
.\[\&_h3\]\:text-\[clamp\(1\.7rem\2c 3vw\2c 2\.5rem\)\] h3{
font-size: clamp(1.7rem,3vw,2.5rem);
}
.\[\&_h3\]\:leading-\[1\.1\] h3{
line-height: 1.1;
}
.\[\&_h3\]\:leading-\[1\.3\] h3{
line-height: 1.3;
}
.\[\&_h3\]\:text-\[var\(--noir\)\] h3{
color: var(--noir);
}
.\[\&_h4\]\:mb-\[15px\] h4{
margin-bottom: 15px;
}
.\[\&_h4\]\:mt-\[40px\] h4{
margin-top: 40px;
}
.\[\&_h4\]\:font-\[\'Gotham-Bold\'\] h4{
font-family: 'Gotham-Bold';
}
.\[\&_h4\]\:text-\[17px\] h4{
font-size: 17px;
}
.\[\&_h4\]\:leading-\[1\.35\] h4{
line-height: 1.35;
}
.\[\&_i\]\:font-\[\'Gotham-Light-Italic\'\] i{
font-family: 'Gotham-Light-Italic';
}
.\[\&_iframe\]\:block iframe{
display: block;
}
.\[\&_iframe\]\:aspect-video iframe{
aspect-ratio: 16 / 9;
}
.\[\&_iframe\]\:h-auto iframe{
height: auto;
}
.\[\&_iframe\]\:w-full iframe{
width: 100%;
}
.\[\&_iframe\]\:max-w-full iframe{
max-width: 100%;
}
.\[\&_img\]\:mx-auto img{
margin-left: auto;
margin-right: auto;
}
.\[\&_img\]\:my-\[30px\] img{
margin-top: 30px;
margin-bottom: 30px;
}
.\[\&_img\]\:my-\[35px\] img{
margin-top: 35px;
margin-bottom: 35px;
}
.\[\&_img\]\:my-\[40px\] img{
margin-top: 40px;
margin-bottom: 40px;
}
.\[\&_img\]\:block img{
display: block;
}
.\[\&_img\]\:h-auto img{
height: auto;
}
.\[\&_img\]\:max-h-\[50px\] img{
max-height: 50px;
}
.\[\&_img\]\:w-full img{
width: 100%;
}
.\[\&_img\]\:max-w-\[170px\] img{
max-width: 170px;
}
.\[\&_img\]\:max-w-full img{
max-width: 100%;
}
.\[\&_li\:\:marker\]\:text-\[var\(--jaunef\)\] li::marker{
color: var(--jaunef);
}
.\[\&_li\]\:mb-2 li{
margin-bottom: 0.5rem;
}
.\[\&_li\]\:mb-\[10px\] li{
margin-bottom: 10px;
}
.\[\&_li\]\:mb-\[7px\] li{
margin-bottom: 7px;
}
.\[\&_li\]\:mb-\[8px\] li{
margin-bottom: 8px;
}
.\[\&_li\]\:pl-\[3px\] li{
padding-left: 3px;
}
.\[\&_ol\]\:my-5 ol{
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
.\[\&_ol\]\:my-\[20px\] ol{
margin-top: 20px;
margin-bottom: 20px;
}
.\[\&_ol\]\:my-\[22px\] ol{
margin-top: 22px;
margin-bottom: 22px;
}
.\[\&_ol\]\:my-\[25px\] ol{
margin-top: 25px;
margin-bottom: 25px;
}
.\[\&_ol\]\:list-decimal ol{
list-style-type: decimal;
}
.\[\&_ol\]\:pl-\[20px\] ol{
padding-left: 20px;
}
.\[\&_ol\]\:pl-\[22px\] ol{
padding-left: 22px;
}
.\[\&_ol\]\:pl-\[25px\] ol{
padding-left: 25px;
}
.\[\&_p\:last-child\]\:mb-0 p:last-child{
margin-bottom: 0px;
}
.\[\&_p\]\:m-0 p{
margin: 0px;
}
.\[\&_p\]\:mb-5 p{
margin-bottom: 1.25rem;
}
.\[\&_p\]\:mb-\[20px\] p{
margin-bottom: 20px;
}
.\[\&_p\]\:mb-\[22px\] p{
margin-bottom: 22px;
}
.\[\&_p\]\:mb-\[25px\] p{
margin-bottom: 25px;
}
.\[\&_p\]\:leading-\[1\.75\] p{
line-height: 1.75;
}
.\[\&_picture\]\:max-h-\[50px\] picture{
max-height: 50px;
}
.\[\&_picture\]\:max-w-\[170px\] picture{
max-width: 170px;
}
.\[\&_pre\]\:my-\[40px\] pre{
margin-top: 40px;
margin-bottom: 40px;
}
.\[\&_pre\]\:overflow-x-auto pre{
overflow-x: auto;
}
.\[\&_pre\]\:bg-black pre{
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.\[\&_pre\]\:p-\[25px\] pre{
padding: 25px;
}
.\[\&_pre\]\:font-mono pre{
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.\[\&_pre\]\:text-\[13px\] pre{
font-size: 13px;
}
.\[\&_pre\]\:leading-\[1\.6\] pre{
line-height: 1.6;
}
.\[\&_pre\]\:text-white pre{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.\[\&_strong\]\:font-\[\'Gotham-Bold\'\] strong{
font-family: 'Gotham-Bold';
}
.\[\&_svg\]\:max-h-\[50px\] svg{
max-height: 50px;
}
.\[\&_svg\]\:max-w-\[170px\] svg{
max-width: 170px;
}
.\[\&_ul\]\:my-5 ul{
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
.\[\&_ul\]\:my-\[20px\] ul{
margin-top: 20px;
margin-bottom: 20px;
}
.\[\&_ul\]\:my-\[22px\] ul{
margin-top: 22px;
margin-bottom: 22px;
}
.\[\&_ul\]\:my-\[25px\] ul{
margin-top: 25px;
margin-bottom: 25px;
}
.\[\&_ul\]\:list-disc ul{
list-style-type: disc;
}
.\[\&_ul\]\:pl-\[20px\] ul{
padding-left: 20px;
}
.\[\&_ul\]\:pl-\[22px\] ul{
padding-left: 22px;
}
.\[\&_ul\]\:pl-\[25px\] ul{
padding-left: 25px;
}
[data-theme=dark] .\[\[data-theme\=dark\]_\&\]\:block{
display: block;
}
[data-theme=dark] .\[\[data-theme\=dark\]_\&\]\:hidden{
display: none;
}
[data-theme=dark] .\[\[data-theme\=dark\]_\&\]\:bg-black\/50{
background-color: rgb(0 0 0 / 0.5);
}