.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.wpml-ls-menu-item .wpml-ls-flag{display:inline;vertical-align:baseline}.wpml-ls-menu-item .wpml-ls-flag+span{margin-left:.3em}.rtl .wpml-ls-menu-item .wpml-ls-flag+span{margin-left:0;margin-right:.3em}ul .wpml-ls-menu-item a{display:flex;align-items:center}@layer properties;
:root, :host {
--font-sans: "adelonregular", serif;
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
monospace;
--color-gray-200: oklch(92.8% 0.006 264.531);
--color-neutral-900: oklch(20.5% 0 0);
--color-black: #000;
--color-white: #fff;
--spacing: 0.25rem;
--breakpoint-xl: 80rem;
--container-7xl: 80rem;
--text-sm: 0.875rem;
--text-sm--line-height: calc(1.25 / 0.875);
--text-base: 1rem;
--text-base--line-height: calc(1.5 / 1);
--text-lg: 1.125rem;
--text-lg--line-height: calc(1.75 / 1.125);
--text-xl: 1.25rem;
--text-xl--line-height: calc(1.75 / 1.25);
--text-2xl: 1.5rem;
--text-2xl--line-height: calc(2 / 1.5);
--text-3xl: 1.875rem;
--text-3xl--line-height: calc(2.25 / 1.875);
--text-4xl: 2.25rem;
--text-4xl--line-height: calc(2.5 / 2.25);
--font-weight-normal: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--font-weight-extrabold: 800;
--tracking-wide: 0.025em;
--tracking-widest: 0.1em;
--leading-tight: 1.25;
--leading-snug: 1.375;
--leading-normal: 1.5;
--leading-relaxed: 1.625;
--radius-lg: 0.5rem;
--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
--default-transition-duration: 150ms;
--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
--default-font-family: var(--font-sans);
--default-mono-font-family: var(--font-mono);
--color-background: var(--wp--preset--color--background);
--color-foreground: var(--wp--preset--color--foreground);
--color-primary: var(--wp--preset--color--primary);
--color-gray: var(--wp--preset--color--gray);
--color-cream: var(--wp--preset--color--cream);
--container-content: var(--wp--style--global--content-size);
--container-wide: var(--wp--style--global--wide-size);
--text-14: var(--wp--preset--font-size--fs-14);
--text-16: var(--wp--preset--font-size--fs-16);
--text-17: var(--wp--preset--font-size--fs-17);
--text-19: var(--wp--preset--font-size--fs-19);
--text-21: var(--wp--preset--font-size--fs-21);
--text-26: var(--wp--preset--font-size--fs-26);
--text-33: var(--wp--preset--font-size--fs-33);
--text-60: var(--wp--preset--font-size--fs-60);
--text-68: var(--wp--preset--font-size--fs-68);
--font-adelon-serial-light: "adelonseriallight", serif;
--font-barcelony: "barcelonyregular", cursive;
--font-jost: "Jost", sans-serif;
}
@media (max-width: 767px) {
:root {
--wp--style--global--content-size: 90vw;
--wp--style--global--wide-size: 95vw;
}
.is-layout-constrained	> :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
max-width: 90vw !important;
}
.has-cream-background-color {
padding-left: 20px;
padding-right: 20px;
}
.has-fs-26-font-size {
font-size: var(--wp--preset--font-size--fs-19) !important;
}
.has-large-font-size {
font-size: var(--wp--preset--font-size--text-33) !important;
line-height: normal !important;
}
.wp-block-spacer {
max-height: 15px !important;
}
.has-fs-68-font-size {
font-size: var(--wp--preset--font-size--fs-60) !important;
}
.wp-block-group {
padding-bottom: 20px;
}
.invisible {
display: none !important;
}
.js-visite-gallery.desktop-grid .swiper-wrapper {
grid-template-columns: none !important;
}
}
@font-face {
font-family: 'barcelonyregular';
src: url(//www.cantemerle.com/wp-content/themes/cantemerle/theme/assets/fonts/barcelony-webfont.woff2) format('woff2'), url(//www.cantemerle.com/wp-content/themes/cantemerle/theme/assets/fonts/barcelony-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'adelonregular';
src: url(//www.cantemerle.com/wp-content/themes/cantemerle/theme/assets/fonts/adelon_regular-webfont.woff2) format('woff2'), url(//www.cantemerle.com/wp-content/themes/cantemerle/theme/assets/fonts/adelon_regular-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'adelonseriallight';
src: url(//www.cantemerle.com/wp-content/themes/cantemerle/theme/assets/fonts/adelon_serial_light-webfont.woff2) format('woff2'), url(//www.cantemerle.com/wp-content/themes/cantemerle/theme/assets/fonts/adelon_serial_light-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}
*, ::after, ::before, ::backdrop, ::file-selector-button {
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0 solid;
}
html, :host {
line-height: 1.5;
-webkit-text-size-adjust: 100%;
tab-size: 4;
font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji');
font-feature-settings: var(--default-font-feature-settings, normal);
font-variation-settings: var(--default-font-variation-settings, normal);
-webkit-tap-highlight-color: transparent;
}
hr {
height: 0;
color: inherit;
border-top-width: 1px;
}
abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
h1, h2, h3, h4, h5, h6 {
font-size: inherit;
font-weight: inherit;
}
a {
color: inherit;
-webkit-text-decoration: inherit;
text-decoration: inherit;
}
b, strong {
font-weight: bolder;
}
code, kbd, samp, pre {
font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace);
font-feature-settings: var(--default-mono-font-feature-settings, normal);
font-variation-settings: var(--default-mono-font-variation-settings, normal);
font-size: 1em;
}
small {
font-size: 80%;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
table {
text-indent: 0;
border-color: inherit;
border-collapse: collapse;
}
:-moz-focusring {
outline: auto;
}
progress {
vertical-align: baseline;
}
summary {
display: list-item;
}
ol, ul, menu {
list-style: none;
}
img, svg, video, canvas, audio, iframe, embed, object {
display: block;
vertical-align: middle;
}
img, video {
max-width: 100%;
height: auto;
}
button, input, select, optgroup, textarea, ::file-selector-button {
font: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
letter-spacing: inherit;
color: inherit;
border-radius: 0;
background-color: transparent;
opacity: 1;
}
:where(select:is([multiple], [size])) optgroup {
font-weight: bolder;
}
:where(select:is([multiple], [size])) optgroup option {
padding-inline-start: 20px;
}
::file-selector-button {
margin-inline-end: 4px;
}
::placeholder {
opacity: 1;
}
@supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
::placeholder {
color: currentcolor;
}
@supports (color: color-mix(in lab, red, red)) {
::placeholder {
color: color-mix(in oklab, currentcolor 50%, transparent);
}
}
}
textarea {
resize: vertical;
}
::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-date-and-time-value {
min-height: 1lh;
text-align: inherit;
}
::-webkit-datetime-edit {
display: inline-flex;
}
::-webkit-datetime-edit-fields-wrapper {
padding: 0;
}
::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
padding-block: 0;
}
:-moz-ui-invalid {
box-shadow: none;
}
button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button {
appearance: button;
}
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
height: auto;
}
[hidden]:where(:not([hidden='until-found'])) {
display: none !important;
}
body {
background-color: var(--color-background);
font-family: var(--font-sans);
font-size: var(--text-17);
color: var(--color-foreground);
}
h1 {
margin-bottom: calc(var(--spacing) * 8);
font-family: var(--font-jost);
font-size: var(--text-60);
color: var(--color-primary);
}
@media (width >= 48rem) {
h1 {
font-size: var(--text-68);
}
}
h2 {
margin-bottom: calc(var(--spacing) * 4);
font-family: var(--font-jost);
font-size: var(--text-21);
--tw-leading: calc(var(--spacing) * 10);
line-height: calc(var(--spacing) * 10);
color: var(--color-foreground);
}
@media (width >= 48rem) {
h2 {
margin-bottom: calc(var(--spacing) * 10);
}
}
@media (width >= 48rem) {
h2 {
font-size: var(--text-33);
}
}
h2.has-x-large-font-size {
--tw-leading: calc(var(--spacing) * 12);
line-height: calc(var(--spacing) * 12);
}
h2.is-style-font-barcelony {
--tw-leading: calc(var(--spacing) * 12);
line-height: calc(var(--spacing) * 12);
}
h2.has-fs-60-font-size {
padding-block: calc(var(--spacing) * 10);
--tw-leading: calc(var(--spacing) * 24);
line-height: calc(var(--spacing) * 24);
}
h3 {
margin-bottom: calc(var(--spacing) * 4);
font-family: var(--font-jost);
font-size: var(--text-21);
font-size: var(--text-26);
color: var(--color-foreground);
}
h2 strong, h3 strong {
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
}
p {
font-family: var(--font-adelon-serial-light);
font-size: var(--text-16);
}
@media (width >= 48rem) {
p {
font-size: var(--text-17);
}
}
p:not(:last-child) {
margin-bottom: calc(var(--spacing) * 5);
}
p:not(.has-text-align-center):not(.has-text-align-right) {
text-align: justify;
}
blockquote {
padding-top: calc(var(--spacing) * 16);
font-family: var(--font-jost);
font-size: var(--text-16);
}
@media (width >= 48rem) {
blockquote {
font-size: var(--text-17);
}
}
figure {
position: relative;
}
figure figcaption {
position: absolute;
top: calc(1/2 * 100%);
left: calc(1/2 * 100%);
--tw-translate-x: calc(calc(1/2 * 100%) * -1);
--tw-translate-y: calc(calc(1/2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
text-align: center;
font-family: var(--font-jost);
font-size: var(--text-26);
color: var(--color-white);
text-transform: uppercase;
}
:is(figure figcaption) strong {
font-size: var(--text-33);
}
p > a {
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: 300ms;
transition-duration: 300ms;
}
@media (hover: hover) {
:is(p > a):hover {
text-decoration-line: underline;
}
}
@media (hover: hover) {
:is(p > a):hover {
text-underline-offset: 4px;
}
}
footer nav a {
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: 300ms;
transition-duration: 300ms;
}
@media (hover: hover) {
:is(footer nav a):hover {
color: var(--color-background);
}
}
@media (hover: hover) {
:is(footer nav a):hover {
text-decoration-line: underline;
}
}
@media (hover: hover) {
:is(footer nav a):hover {
text-underline-offset: 4px;
}
}
.js-parallax-image {
--parallax-offset: calc(
-1 * var(--parallax-speed, 0) * var(--scroll-y, 0px)
);
transform: translate3d(0, var(--parallax-offset, 0px), 0);
transition: transform 120ms ease-out;
will-change: transform;
}
.js-parallax-image.parallax-lent {
--parallax-speed: 0.02;
}
.js-parallax-image.parallax-rapide {
--parallax-speed: 0.05;
}
.smooth-anchor-target {
--scroll-offset: 10px;
scroll-margin-top: var(--scroll-offset);
}
.scroll-offset-sm {
--scroll-offset: 5px;
}
.scroll-offset-lg {
--scroll-offset: 8px;
}
@font-face {
font-family: swiper-icons;
src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color: #007aff;
}
:host {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
z-index: 1;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
display: block;
}
.swiper-vertical>.swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
box-sizing: content-box;
}
.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper {
transform: translate3d(0px,0,0);
}
.swiper-horizontal {
touch-action: pan-y;
}
.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
display: block;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
.swiper-autoheight,.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform,height;
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d;
}
.swiper-3d {
perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide {
transform-style: preserve-3d;
}
.swiper-css-mode>.swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide {
scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical>.swiper-wrapper {
scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
content: '';
flex-shrink: 0;
order: 9999;
}
.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}
.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0,0,0,.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.swiper-virtual .swiper-slide {
-webkit-backface-visibility: hidden;
transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
content: '';
position: absolute;
left: 0;
top: 0;
pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
height: 1px;
width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
width: 1px;
height: var(--swiper-virtual-size);
}
:root {
--swiper-navigation-size: 44px;
}
.swiper-button-next,.swiper-button-prev {
position: absolute;
top: var(--swiper-navigation-top-offset,50%);
width: calc(var(--swiper-navigation-size)/ 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color,var(--swiper-theme-color));
}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none;
}
.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden {
opacity: 0;
cursor: auto;
pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev {
display: none !important;
}
.swiper-button-next svg,.swiper-button-prev svg {
width: 100%;
height: 100%;
object-fit: contain;
transform-origin: center;
}
.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg {
transform: rotate(180deg);
}
.swiper-button-prev,.swiper-rtl .swiper-button-next {
left: var(--swiper-navigation-sides-offset,10px);
right: auto;
}
.swiper-button-next,.swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset,10px);
left: auto;
}
.swiper-button-lock {
display: none;
}
.swiper-button-next:after,.swiper-button-prev:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
font-variant: initial;
line-height: 1;
}
.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after {
content: 'prev';
}
.swiper-button-next,.swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset,10px);
left: auto;
}
.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after {
content: 'next';
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: .3s opacity;
transform: translate3d(0,0,0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled {
display: none !important;
}
.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
bottom: var(--swiper-pagination-bottom,8px);
top: var(--swiper-pagination-top,auto);
left: 0;
width: 100%;
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(.33);
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
display: inline-block;
border-radius: var(--swiper-pagination-bullet-border-radius,50%);
background: var(--swiper-pagination-bullet-inactive-color,#000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet:only-child {
display: none !important;
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color,var(--swiper-theme-color));
}
.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets {
right: var(--swiper-pagination-right,8px);
left: var(--swiper-pagination-left,auto);
top: 50%;
transform: translate3d(0px,-50%,0);
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0;
display: block;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: .2s transform,.2s top;
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px);
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: .2s transform,.2s left;
}
.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: .2s transform,.2s right;
}
.swiper-pagination-fraction {
color: var(--swiper-pagination-fraction-color,inherit);
}
.swiper-pagination-progressbar {
background: var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color,var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: var(--swiper-pagination-progressbar-size,4px);
left: 0;
top: 0;
}
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar {
width: var(--swiper-pagination-progressbar-size,4px);
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-lock {
display: none;
}
.swiper-scrollbar {
border-radius: var(--swiper-scrollbar-border-radius,10px);
position: relative;
touch-action: none;
background: var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1));
}
.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled {
display: none !important;
}
.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal {
position: absolute;
left: var(--swiper-scrollbar-sides-offset,1%);
bottom: var(--swiper-scrollbar-bottom,4px);
top: var(--swiper-scrollbar-top,auto);
z-index: 50;
height: var(--swiper-scrollbar-size,4px);
width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%));
}
.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar {
position: absolute;
left: var(--swiper-scrollbar-left,auto);
right: var(--swiper-scrollbar-right,4px);
top: var(--swiper-scrollbar-sides-offset,1%);
z-index: 50;
width: var(--swiper-scrollbar-size,4px);
height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%));
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));
border-radius: var(--swiper-scrollbar-border-radius,10px);
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
touch-action: none;
}
.swiper .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-free-mode>.swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-grid>.swiper-wrapper {
flex-wrap: wrap;
}
.swiper-grid-column>.swiper-wrapper {
flex-wrap: wrap;
flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-fade .swiper-slide-active {
pointer-events: auto;
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper.swiper-cube {
overflow: visible;
}
.swiper-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible;
}
.swiper-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: .6;
z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
content: '';
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
filter: blur(50px);
}
.swiper-cube .swiper-slide-next+.swiper-slide {
pointer-events: auto;
visibility: visible;
}
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper.swiper-flip {
overflow: visible;
}
.swiper-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
transition-property: transform,opacity,height;
}
.swiper.swiper-cards {
overflow: visible;
}
.swiper-cards .swiper-slide {
transform-origin: center bottom;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
}
.page-title, .entry-title {
margin-inline: auto;
margin-bottom: calc(var(--spacing) * 6);
max-width: var(--container-content);
font-size: var(--text-3xl);
line-height: var(--tw-leading, var(--text-3xl--line-height));
--tw-font-weight: var(--font-weight-extrabold);
font-weight: var(--font-weight-extrabold);
color: var(--color-neutral-900);
}
.page-content > *, .entry-content > * {
margin-inline: auto;
max-width: var(--container-content);
}
.entry-content > .alignwide {
max-width: var(--container-wide);
}
.entry-content > .alignfull {
max-width: none;
}
.entry-content > .alignleft {
float: left;
margin-right: calc(var(--spacing) * 8);
}
.entry-content > .alignright {
float: right;
margin-left: calc(var(--spacing) * 8);
}
.footer-menu a {
font-size: var(--text-16);
color: var(--color-cream);
}
@media (width >= 48rem) {
.footer-menu a {
font-size: var(--text-19);
}
}
#icon-social {
display: flex;
align-items: center;
}
:where(#icon-social > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
}
#icon-social a {
transition-property: transform, translate, scale, rotate;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: 300ms;
transition-duration: 300ms;
}
@media (hover: hover) {
:is(#icon-social a):hover {
--tw-scale-x: 110%;
--tw-scale-y: 110%;
--tw-scale-z: 110%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
}
:is(#icon-social a) span {
display: block;
height: calc(var(--spacing) * 8);
width: calc(var(--spacing) * 8);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.icon-youtube:is(#icon-social a) span {
background-image: url(//www.cantemerle.com/wp-content/themes/cantemerle/theme/assets/img/social/youtube.svg);
}
.icon-facebook:is(#icon-social a) span {
background-image: url(//www.cantemerle.com/wp-content/themes/cantemerle/theme/assets/img/social/facebook.svg);
}
.icon-instagram:is(#icon-social a) span {
background-image: url(//www.cantemerle.com/wp-content/themes/cantemerle/theme/assets/img/social/instagram.svg);
}
.icon-linkedin:is(#icon-social a) span {
background-image: url(//www.cantemerle.com/wp-content/themes/cantemerle/theme/assets/img/social/linkedin.svg);
}
.vimeo-container {
position: relative;
height: 100%;
width: 100%;
overflow: hidden;
padding: calc(var(--spacing) * 0);
}
.vimeo-container iframe {
width: 177.77777778vh;
height: 56.25vw;
position: absolute;
top: calc(1/2 * 100%);
left: calc(1/2 * 100%);
box-sizing: border-box;
min-height: 100%;
min-width: 100%;
--tw-translate-x: calc(calc(1/2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
--tw-translate-y: calc(calc(1/2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.hero-image, .hero-video {
position: relative;
margin-bottom: calc(var(--spacing) * 16);
height: 100svh;
max-height: 1280px;
overflow: hidden;
padding: calc(var(--spacing) * 4);
}
:is(.hero-image,.hero-video) figure {
position: absolute;
top: 120px;
left: calc(1/2 * 100%);
width: 200px;
--tw-translate-x: calc(calc(1/2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
@media (width >= 48rem) {
:is(.hero-image,.hero-video) figure {
width: 420px;
}
}
:is(.hero-image,.hero-video) .wp-block-buttons {
position: absolute;
bottom: calc(var(--spacing) * 16);
left: calc(1/2 * 100%);
width: 100%;
--tw-translate-x: calc(calc(1/2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.wp-block-buttons {
row-gap: calc(var(--spacing) * 8);
}
@media (width >= 48rem) {
.wp-block-buttons {
gap: calc(var(--spacing) * 2);
}
}
.hero-image .wp-block-cover__inner-container {
height: 100%;
}
.is-style-font-adelon {
font-family: var(--font-sans);
}
.is-style-font-adelon-serial-light {
font-family: var(--font-adelon-serial-light);
}
.is-style-font-jost {
font-family: var(--font-jost);
}
.is-style-font-barcelony {
font-family: var(--font-barcelony);
}
.wp-block-button .age-gate-submit,.wp-block-button .wp-block-button__link.wp-element-button {
display: inline;
min-width: calc(var(--spacing) * 44);
border-radius: 0;
border-style: var(--tw-border-style);
border-width: 1px;
border-color: var(--color-primary);
background-color: var(--color-primary);
padding-inline: calc(var(--spacing) * 5);
padding-block: calc(var(--spacing) * 3);
font-family: var(--font-jost);
font-size: var(--text-14);
color: var(--color-cream);
text-transform: uppercase;
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: 300ms;
transition-duration: 300ms;
}
@media (hover: hover) {
:is(.wp-block-button .age-gate-submit,.wp-block-button .wp-block-button__link.wp-element-button):hover {
border-color: var(--color-cream);
}
}
@media (hover: hover) {
:is(.wp-block-button .age-gate-submit,.wp-block-button .wp-block-button__link.wp-element-button):hover {
background-color: var(--color-cream);
}
}
@media (hover: hover) {
:is(.wp-block-button .age-gate-submit,.wp-block-button .wp-block-button__link.wp-element-button):hover {
color: var(--color-primary);
}
}
@media (hover: hover) {
:is(.wp-block-button .age-gate-submit,.wp-block-button .wp-block-button__link.wp-element-button):hover {
text-decoration-line: none;
}
}
.wp-block-button.is-style-outline .wp-block-button__link.wp-element-button {
min-width: calc(var(--spacing) * 44);
border-radius: 0;
border-style: var(--tw-border-style);
border-width: 1px;
border-color: var(--color-primary);
background-color: transparent;
padding-inline: calc(var(--spacing) * 5);
padding-block: calc(var(--spacing) * 3);
font-family: var(--font-jost);
font-size: var(--text-14);
color: var(--color-primary);
text-transform: uppercase;
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: 300ms;
transition-duration: 300ms;
}
@media (hover: hover) {
:is(.wp-block-button.is-style-outline .wp-block-button__link.wp-element-button):hover {
background-color: var(--color-primary);
}
}
@media (hover: hover) {
:is(.wp-block-button.is-style-outline .wp-block-button__link.wp-element-button):hover {
color: var(--color-cream);
}
}
@media (hover: hover) {
:is(.wp-block-button.is-style-outline .wp-block-button__link.wp-element-button):hover {
text-decoration-line: none;
}
}
.wp-block-button.btn-cream .wp-block-button__link.wp-element-button {
display: inline;
min-width: calc(var(--spacing) * 44);
border-radius: 0;
border-style: var(--tw-border-style);
border-width: 1px;
border-color: var(--color-cream);
background-color: var(--color-cream);
padding-inline: calc(var(--spacing) * 5);
padding-block: calc(var(--spacing) * 3);
font-family: var(--font-jost);
font-size: var(--text-14);
color: var(--color-primary);
text-transform: uppercase;
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: 300ms;
transition-duration: 300ms;
}
@media (hover: hover) {
:is(.wp-block-button.btn-cream .wp-block-button__link.wp-element-button):hover {
border-color: var(--color-primary);
}
}
@media (hover: hover) {
:is(.wp-block-button.btn-cream .wp-block-button__link.wp-element-button):hover {
background-color: var(--color-primary);
}
}
@media (hover: hover) {
:is(.wp-block-button.btn-cream .wp-block-button__link.wp-element-button):hover {
color: var(--color-cream);
}
}
@media (hover: hover) {
:is(.wp-block-button.btn-cream .wp-block-button__link.wp-element-button):hover {
text-decoration-line: none;
}
}
@media (hover: hover) {
:is(.wp-block-button .wp-block-button__link.has-cream-background-color):hover {
border-color: var(--color-black);
}
}
@media (hover: hover) {
:is(.wp-block-button .wp-block-button__link.has-cream-background-color):hover {
background-color: var(--color-black) !important;
}
}
@media (hover: hover) {
:is(.wp-block-button .wp-block-button__link.has-cream-background-color):hover {
color: var(--color-cream) !important;
}
}
@media (width >= 48rem) {
:is(:is(.hero-image,.hero-video) .wp-block-button) .wp-block-button__link.wp-element-button {
padding-inline: calc(var(--spacing) * 12);
}
}
.bt-reserver {
display: inline-block !important;
border-radius: 0;
border-color: var(--color-primary);
background-color: var(--color-primary);
color: var(--color-cream);
text-transform: uppercase;
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: 300ms;
transition-duration: 300ms;
}
@media (hover: hover) {
.bt-reserver:hover {
border-color: var(--color-cream);
}
}
@media (hover: hover) {
.bt-reserver:hover {
background-color: var(--color-cream);
}
}
@media (hover: hover) {
.bt-reserver:hover {
color: var(--color-primary);
}
}
@media (hover: hover) {
.bt-reserver:hover {
text-decoration-line: none;
}
}
#le-vignoble .wp-block-columns:first-child {
margin-inline: auto;
}
@media (width >= 48rem) {
#le-vignoble .wp-block-columns:first-child {
max-width: 60vw;
}
}
:is(#le-vignoble .wp-block-columns:first-child) .has-text-align-left {
max-width: 350px;
text-align: left !important;
}
@media (width >= 48rem) {
#le-vignoble .wp-block-columns,#le-vignoble .wp-block-group {
margin-block: calc(var(--spacing) * 20);
}
}
@media (width >= 48rem) {
#le-vignoble .wp-block-column:first-child {
margin-right: calc(var(--spacing) * 6);
}
}
@media (width >= 48rem) {
#le-vignoble .wp-block-column:last-child {
margin-block: calc(var(--spacing) * 10);
}
}
#cuvier {
padding-top: calc(var(--spacing) * 16);
}
#le-nouveau-chai {
padding-top: calc(var(--spacing) * 16);
}
#la-terre-en-heritage {
margin-bottom: calc(var(--spacing) * 12);
--tw-leading: calc(var(--spacing) * 8);
line-height: calc(var(--spacing) * 8);
}
#la-terre-en-heritage h2 {
margin-bottom: calc(var(--spacing) * 10);
padding-top: calc(var(--spacing) * 20);
}
#la-terre-en-heritage figure {
padding-top: calc(var(--spacing) * 20);
}
#la-terre-en-heritage.has-primary-background-color {
position: relative;
background-color: transparent !important;
}
#la-terre-en-heritage.has-primary-background-color::before {
content: var(--tw-content);
position: absolute;
}
#la-terre-en-heritage.has-primary-background-color::before {
content: var(--tw-content);
top: calc(var(--spacing) * 0);
}
#la-terre-en-heritage.has-primary-background-color::before {
content: var(--tw-content);
left: calc(var(--spacing) * 0);
}
#la-terre-en-heritage.has-primary-background-color::before {
content: var(--tw-content);
z-index: calc(10 * -1);
}
#la-terre-en-heritage.has-primary-background-color::before {
content: var(--tw-content);
height: calc(3/4 * 100%);
}
#la-terre-en-heritage.has-primary-background-color::before {
content: var(--tw-content);
width: 100%;
}
#la-terre-en-heritage.has-primary-background-color::before {
content: var(--tw-content);
background-color: var(--color-primary);
}
#la-terre-en-heritage .vimeo-container {
position: absolute;
top: calc(var(--spacing) * 0);
z-index: 10;
height: 100%;
}
#erwan-de-rengerve.has-primary-background-color {
position: relative;
background-color: transparent !important;
}
#erwan-de-rengerve.has-primary-background-color::before {
content: var(--tw-content);
position: absolute;
}
#erwan-de-rengerve.has-primary-background-color::before {
content: var(--tw-content);
bottom: calc(var(--spacing) * 0);
}
#erwan-de-rengerve.has-primary-background-color::before {
content: var(--tw-content);
left: calc(var(--spacing) * 0);
}
#erwan-de-rengerve.has-primary-background-color::before {
content: var(--tw-content);
z-index: calc(10 * -1);
}
#erwan-de-rengerve.has-primary-background-color::before {
content: var(--tw-content);
height: calc(3/4 * 100%);
}
#erwan-de-rengerve.has-primary-background-color::before {
content: var(--tw-content);
width: 100%;
}
#erwan-de-rengerve.has-primary-background-color::before {
content: var(--tw-content);
background-color: var(--color-primary);
}
.encart-terroir blockquote {
margin-inline: auto;
max-width: 540px;
padding-top: calc(var(--spacing) * 8);
--tw-leading: var(--leading-normal);
line-height: var(--leading-normal);
}
#site-menu.menu-animated {
transition: transform 520ms ease;
transform: translateY(-110%);
pointer-events: none;
visibility: hidden;
}
#site-menu.menu-animated.is-open {
transform: translateY(0);
pointer-events: auto;
visibility: visible;
}
@keyframes menuFadeDown {
from {
opacity: 0;
transform: translateY(-12px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
#site-menu.menu-animated .menu-anim li {
opacity: 0;
transform: translateY(-12px);
}
#site-menu.menu-animated.is-open .menu-anim li {
animation: menuFadeDown 420ms ease forwards;
}
#site-menu.menu-animated.is-open .menu-anim li:nth-child(1) {
animation-delay: 40ms;
}
#site-menu.menu-animated.is-open .menu-anim li:nth-child(2) {
animation-delay: 80ms;
}
#site-menu.menu-animated.is-open .menu-anim li:nth-child(3) {
animation-delay: 120ms;
}
#site-menu.menu-animated.is-open .menu-anim li:nth-child(4) {
animation-delay: 160ms;
}
#site-menu.menu-animated.is-open .menu-anim li:nth-child(5) {
animation-delay: 200ms;
}
#site-menu.menu-animated.is-open .menu-anim li:nth-child(6) {
animation-delay: 240ms;
}
#site-menu.menu-animated.is-open .menu-anim li:nth-child(7) {
animation-delay: 280ms;
}
#site-menu.menu-animated.is-open .menu-anim li:nth-child(8) {
animation-delay: 320ms;
}
#site-menu.menu-animated.is-open .menu-anim li:nth-child(9) {
animation-delay: 360ms;
}
#site-menu.menu-animated.is-open .menu-anim li:nth-child(10) {
animation-delay: 400ms;
}
#le-nouvel-art h2 {
margin-bottom: calc(var(--spacing) * 10);
padding-top: calc(var(--spacing) * 20);
}
#le-nouvel-art blockquote {
margin-inline: auto;
max-width: 540px;
padding-top: calc(var(--spacing) * 20);
padding-bottom: calc(var(--spacing) * 12);
--tw-leading: var(--leading-normal);
line-height: var(--leading-normal);
}
#le-nouvel-art  > figure.wp-block-gallery {
padding-inline: calc(var(--spacing) * 4);
padding-top: calc(var(--spacing) * 16);
}
@media (width >= 48rem) {
#le-nouvel-art  > figure.wp-block-gallery {
display: grid;
}
}
@media (width >= 48rem) {
#le-nouvel-art  > figure.wp-block-gallery {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
:is(#le-nouvel-art > figure.wp-block-gallery) figure {
width: 100% !important;
}
.img-translate-y-1-2 {
margin-inline: auto;
display: block;
--tw-translate-y: calc(1/2 * 100%);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.logo {
width: 300px;
}
@media (width >= 48rem) {
.logo {
margin-block: calc(var(--spacing) * 8);
}
}
@media (width >= 48rem) {
.logo {
width: 400px;
}
}
@media (width >= 48rem) {
.logo {
padding-top: calc(var(--spacing) * 10);
}
}
#contact {
overflow: hidden;
}
#horaires-des-visites .wp-block-buttons {
padding-block: calc(var(--spacing) * 10);
}
:is(#horaires-des-visites .wp-block-buttons) a {
min-width: 275px;
}
@media (hover: hover) {
:is(:is(#horaires-des-visites .wp-block-buttons) a):hover {
text-decoration-line: none;
}
}
div.acf-map {
margin-bottom: calc(var(--spacing) * 12);
height: 70vh;
width: 100%;
}
.bg-video {
position: relative;
margin-block: calc(var(--spacing) * 10);
height: 550px;
width: 100%;
overflow: hidden;
}
@media (width >= 48rem) {
.bg-video {
margin-block: calc(var(--spacing) * 20);
}
}
@media (width >= 48rem) {
.bg-video {
height: 750px;
}
}
#citation-oiseau {
position: relative;
margin-inline: auto;
margin-block: calc(var(--spacing) * 14);
padding-inline: calc(var(--spacing) * 4);
padding-block: calc(var(--spacing) * 14);
text-align: center;
--tw-leading: calc(var(--spacing) * 8);
line-height: calc(var(--spacing) * 8);
}
@media (width >= 48rem) {
#citation-oiseau {
max-width: 65vw;
}
}
@media (width >= 48rem) {
#citation-oiseau {
padding-inline: calc(var(--spacing) * 16);
}
}
#citation-oiseau:before {
position: absolute;
top: calc(var(--spacing) * 0);
left: calc(var(--spacing) * 0);
height: 140px;
width: 140px;
--tw-translate-x: calc(calc(1/2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
--tw-translate-y: calc(calc(1/2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
background-image: url(//www.cantemerle.com/wp-content/themes/cantemerle/theme/assets/img/oiseau-cantermerle.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
--tw-content: '';
content: var(--tw-content);
}
@media (width >= 48rem) {
#citation-oiseau:before {
left: calc(var(--spacing) * -2);
}
}
@media (width >= 48rem) {
#citation-oiseau:before {
height: 280px;
}
}
@media (width >= 48rem) {
#citation-oiseau:before {
width: 280px;
}
}
#citation-oiseau p {
margin-inline: auto;
--tw-leading: calc(var(--spacing) * 12);
line-height: calc(var(--spacing) * 12);
}
@media (width >= 48rem) {
#citation-oiseau p {
max-width: 70%;
}
}
#biodiversite-photos {
margin-bottom: calc(var(--spacing) * 16);
max-width: 75vw;
}
#biodiversite-photos .wp-block-video {
margin-inline: auto;
display: block;
height: auto;
width: 100%;
padding-block: calc(var(--spacing) * 10);
}
@media (width >= 48rem) {
#collection-botanique figure:first-child,#collection-botanique figure:last-child {
padding-block: calc(var(--spacing) * 10);
}
}
#collection-botanique h2 {
margin-top: calc(var(--spacing) * 10);
padding-top: calc(var(--spacing) * 0);
--tw-leading: calc(var(--spacing) * 24);
line-height: calc(var(--spacing) * 24);
}
@media (width >= 48rem) {
#collection-botanique h2 {
margin-top: calc(var(--spacing) * 0);
}
}
@media (width >= 48rem) {
#collection-botanique h2 {
padding-top: calc(var(--spacing) * 20);
}
}
@media (width >= 48rem) {
#collection-botanique h2 {
padding-bottom: calc(var(--spacing) * 10);
}
}
#corridors {
margin-inline: auto;
}
@media (width >= 80rem) {
#corridors {
max-width: 70vw;
}
}
@media (width >= 80rem) {
#corridors p {
max-width: 650px;
}
}
.cantemerle-accordion {
margin-bottom: calc(var(--spacing) * 4);
}
@media (width >= 48rem) {
.cantemerle-accordion {
margin-bottom: calc(var(--spacing) * 16);
}
}
.cantemerle-accordion .accordion-icon span {
position: relative;
display: inline-flex;
height: calc(var(--spacing) * 6);
width: calc(var(--spacing) * 6);
align-items: center;
justify-content: center;
}
:is(.cantemerle-accordion .accordion-icon span)::before {
content: var(--tw-content);
position: absolute;
}
:is(.cantemerle-accordion .accordion-icon span)::before {
content: var(--tw-content);
top: calc(1/2 * 100%);
}
:is(.cantemerle-accordion .accordion-icon span)::before {
content: var(--tw-content);
left: calc(1/2 * 100%);
}
:is(.cantemerle-accordion .accordion-icon span)::before {
content: var(--tw-content);
height: 1px;
}
:is(.cantemerle-accordion .accordion-icon span)::before {
content: var(--tw-content);
width: calc(var(--spacing) * 4);
}
:is(.cantemerle-accordion .accordion-icon span)::before {
content: var(--tw-content);
--tw-translate-x: calc(calc(1/2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
:is(.cantemerle-accordion .accordion-icon span)::before {
content: var(--tw-content);
--tw-translate-y: calc(calc(1/2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
:is(.cantemerle-accordion .accordion-icon span)::before {
content: var(--tw-content);
background-color: currentcolor;
}
:is(.cantemerle-accordion .accordion-icon span)::before {
content: var(--tw-content);
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
:is(.cantemerle-accordion .accordion-icon span)::before {
content: var(--tw-content);
--tw-duration: 200ms;
transition-duration: 200ms;
}
:is(.cantemerle-accordion .accordion-icon span)::before {
content: var(--tw-content);
--tw-ease: var(--ease-in-out);
transition-timing-function: var(--ease-in-out);
}
:is(.cantemerle-accordion .accordion-icon span)::before {
content: var(--tw-content);
--tw-content: '';
content: var(--tw-content);
}
:is(.cantemerle-accordion .accordion-icon span)::after {
content: var(--tw-content);
position: absolute;
}
:is(.cantemerle-accordion .accordion-icon span)::after {
content: var(--tw-content);
top: calc(1/2 * 100%);
}
:is(.cantemerle-accordion .accordion-icon span)::after {
content: var(--tw-content);
left: calc(1/2 * 100%);
}
:is(.cantemerle-accordion .accordion-icon span)::after {
content: var(--tw-content);
height: 1px;
}
:is(.cantemerle-accordion .accordion-icon span)::after {
content: var(--tw-content);
width: calc(var(--spacing) * 4);
}
:is(.cantemerle-accordion .accordion-icon span)::after {
content: var(--tw-content);
--tw-translate-x: calc(calc(1/2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
:is(.cantemerle-accordion .accordion-icon span)::after {
content: var(--tw-content);
--tw-translate-y: calc(calc(1/2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
:is(.cantemerle-accordion .accordion-icon span)::after {
content: var(--tw-content);
rotate: 90deg;
}
:is(.cantemerle-accordion .accordion-icon span)::after {
content: var(--tw-content);
background-color: currentcolor;
}
:is(.cantemerle-accordion .accordion-icon span)::after {
content: var(--tw-content);
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
:is(.cantemerle-accordion .accordion-icon span)::after {
content: var(--tw-content);
--tw-duration: 200ms;
transition-duration: 200ms;
}
:is(.cantemerle-accordion .accordion-icon span)::after {
content: var(--tw-content);
--tw-ease: var(--ease-in-out);
transition-timing-function: var(--ease-in-out);
}
:is(.cantemerle-accordion .accordion-icon span)::after {
content: var(--tw-content);
--tw-content: '';
content: var(--tw-content);
}
:is(.cantemerle-accordion.is-expanded .accordion-icon span,.cantemerle-accordion .accordion-icon.is-expanded span,.cantemerle-accordion .accordion-icon span.is-expanded,.cantemerle-accordion.is-expande .accordion-icon span,.cantemerle-accordion .accordion-icon.is-expande span,.cantemerle-accordion .accordion-icon span.is-expande)::after {
content: var(--tw-content);
--tw-scale-y: 0%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
:is(.cantemerle-accordion.is-expanded .accordion-icon span,.cantemerle-accordion .accordion-icon.is-expanded span,.cantemerle-accordion .accordion-icon span.is-expanded,.cantemerle-accordion.is-expande .accordion-icon span,.cantemerle-accordion .accordion-icon.is-expande span,.cantemerle-accordion .accordion-icon span.is-expande)::after {
content: var(--tw-content);
opacity: 0%;
}
.cantemerle-accordion .accordion-panel.not-expanded {
visibility: hidden;
max-height: calc(var(--spacing) * 0);
overflow: hidden;
border-top-style: var(--tw-border-style);
border-top-width: 1px;
padding-block: calc(var(--spacing) * 0);
transition-property: all;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: 300ms;
transition-duration: 300ms;
--tw-ease: var(--ease-in-out);
transition-timing-function: var(--ease-in-out);
}
.cantemerle-accordion .accordion-panel {
visibility: visible;
max-height: 100vh;
border-top-style: var(--tw-border-style);
border-top-width: 0px;
padding-block: calc(var(--spacing) * 10);
transition-property: all;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: 300ms;
transition-duration: 300ms;
--tw-ease: var(--ease-in-out);
transition-timing-function: var(--ease-in-out);
}
.cantemerle-accordion p {
max-width: none !important;
}
:is(.cantemerle-accordion p) strong {
font-size: var(--text-19);
}
body.page-title-mentions-legales h2 {
margin-bottom: calc(var(--spacing) * 0);
}
body.page-title-mentions-legales .entry-content {
margin-inline: auto;
padding-bottom: calc(var(--spacing) * 16);
}
@media (width >= 48rem) {
body.page-title-mentions-legales .entry-content {
max-width: 70vw !important;
}
}
@media (width >= 48rem) {
body.page-title-mentions-legales .entry-content {
padding-top: calc(var(--spacing) * 10);
}
}
@media (width >= 64rem) {
body.page-title-mentions-legales .entry-content {
max-width: 60vw !important;
}
}
:is(:is(body.page-title-contact,body.page-title-rencontres) .entry-content) .logo {
padding-top: calc(var(--spacing) * 20);
}
@media (width >= 48rem) {
:is(:is(body.page-title-contact,body.page-title-rencontres) .entry-content) .logo {
padding-top: calc(var(--spacing) * 0);
}
}
.age-gate-wrapper .age-gate {
position: relative;
margin-inline: auto;
display: flex;
min-height: 90vh;
max-width: none;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: var(--color-primary);
color: var(--color-cream);
}
@media (width >= 48rem) {
.age-gate-wrapper .age-gate {
max-width: 90vw !important;
}
}
:is(.age-gate-wrapper .age-gate) .age-gate-subheadline,:is(.age-gate-wrapper .age-gate) .age-gate-fields,:is(.age-gate-wrapper .age-gate) .age-gate-errors,:is(.age-gate-wrapper .age-gate) .age-gate-additional-information {
position: relative;
margin-inline: auto;
max-width: 90vw !important;
}
:is(.age-gate-wrapper .age-gate) .age-gate-heading {
margin-inline: auto;
max-width: 400px !important;
padding-block: calc(var(--spacing) * 4);
}
:is(.age-gate-wrapper .age-gate) p {
text-align: center;
font-size: var(--text-16);
}
:is(.age-gate-wrapper .age-gate) .age-gate-subheadline {
margin-bottom: calc(var(--spacing) * 0) !important;
padding-bottom: calc(var(--spacing) * 0) !important;
}
:is(.age-gate-wrapper .age-gate) .age-gate-buttons {
padding-block: calc(var(--spacing) * 4) !important;
}
:is(.age-gate-wrapper .age-gate) .age-gate-additional-information {
font-size: var(--text-16);
color: var(--color-cream);
}
:is(:is(.age-gate-wrapper .age-gate) .age-gate-additional-information) p {
margin-bottom: calc(var(--spacing) * 8);
font-size: var(--text-16);
color: var(--color-cream);
}
.age-gate-wrapper .age-gate-submit,.age-gate-wrapper .agegate-language-link {
display: inline-block;
width: 140px;
border-radius: 0;
border-style: var(--tw-border-style);
border-width: 1px;
border-color: var(--color-cream);
background-color: transparent !important;
padding-block: calc(var(--spacing) * 3);
text-align: center;
font-family: var(--font-jost);
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
--tw-tracking: var(--tracking-widest);
letter-spacing: var(--tracking-widest);
color: var(--color-cream);
text-transform: uppercase;
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
@media (hover: hover) {
:is(.age-gate-wrapper .age-gate-submit,.age-gate-wrapper .agegate-language-link):hover {
background-color: var(--color-cream) !important;
}
}
@media (hover: hover) {
:is(.age-gate-wrapper .age-gate-submit,.age-gate-wrapper .agegate-language-link):hover {
color: var(--color-primary) !important;
}
}
@media (hover: hover) {
:is(.age-gate-wrapper .age-gate-submit,.age-gate-wrapper .agegate-language-link):hover {
text-decoration-line: none;
}
}
@media (width >= 48rem) {
.age-gate-wrapper .age-gate-submit,.age-gate-wrapper .agegate-language-link {
width: 170px;
}
}
.age-gate-heading-title-logo, .age-gate__heading-title--logo {
width: 250px;
}
@media (width >= 48rem) {
.age-gate-heading-title-logo, .age-gate__heading-title--logo {
width: 350px;
}
}
.wp-block-image.mx-auto img {
margin-inline: auto !important;
}
.dropdown-wrapper {
position: relative;
}
.dropdown-button {
display: flex;
align-items: center;
justify-content: space-between;
gap: calc(var(--spacing) * 2);
padding-inline: calc(var(--spacing) * 4);
padding-block: calc(var(--spacing) * 2);
font-size: var(--text-14);
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
color: var(--color-foreground);
transition-property: all;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: 200ms;
transition-duration: 200ms;
min-width: 140px;
}
.dropdown-button-shadow {
border-radius: var(--radius-lg);
border-style: var(--tw-border-style);
border-width: 1px;
border-color: var(--color-gray);
padding-block: calc(var(--spacing) * 3);
color: var(--color-foreground);
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
@media (hover: hover) {
.dropdown-button-shadow:hover {
border-color: var(--color-primary);
}
}
.dropdown-button-shadow:focus {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.dropdown-button-shadow:focus {
--tw-ring-color: var(--color-primary);
}
.dropdown-button-shadow:focus {
--tw-ring-offset-width: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
.dropdown-button-shadow:focus {
--tw-outline-style: none;
outline-style: none;
}
.dropdown-button-minimal {
border-style: var(--tw-border-style);
border-width: 0px;
--tw-shadow: 0 0 #0000;
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
@media (hover: hover) {
.dropdown-button-minimal:hover {
background-color: var(--color-gray);
}
}
.dropdown-button-minimal:focus {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.dropdown-button-minimal:focus {
--tw-outline-style: none;
outline-style: none;
}
.dropdown-icon {
height: calc(var(--spacing) * 5);
width: calc(var(--spacing) * 5);
color: var(--color-foreground);
transition-property: transform, translate, scale, rotate;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: 200ms;
transition-duration: 200ms;
}
.dropdown-wrapper.dropdown-open .dropdown-icon {
rotate: 180deg;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: calc(var(--spacing) * 0);
z-index: 50;
margin-top: calc(var(--spacing) * 1);
width: 100%;
max-height: calc(var(--spacing) * 60);
overflow-y: auto;
}
.dropdown-menu-shadow {
border-radius: var(--radius-lg);
border-style: var(--tw-border-style);
border-width: 1px;
border-color: var(--color-gray);
--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.dropdown-menu-minimal {
border-radius: var(--radius-lg);
border-style: var(--tw-border-style);
border-width: 0px;
--tw-shadow: 0 0 #0000;
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.dropdown-option {
width: 100%;
padding-inline: calc(var(--spacing) * 4);
padding-block: calc(var(--spacing) * 2);
text-align: left;
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
color: var(--color-foreground);
}
@media (hover: hover) {
.dropdown-option:hover {
background-color: var(--color-primary);
}
}
@media (hover: hover) {
.dropdown-option:hover {
color: var(--color-white);
}
}
.dropdown-option {
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: 150ms;
transition-duration: 150ms;
}
.dropdown-option[aria-current="true"] {
background-color: var(--color-primary);
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
color: var(--color-white);
}
.dropdown-menu::-webkit-scrollbar {
width: calc(var(--spacing) * 2);
}
.dropdown-menu::-webkit-scrollbar-track {
border-radius: 0.25rem;
background-color: var(--color-gray);
}
.dropdown-menu::-webkit-scrollbar-thumb {
border-radius: 0.25rem;
background-color: var(--color-gray);
}
.dropdown-menu::-webkit-scrollbar-thumb:hover {
background-color: var(--color-primary);
}
@media (width >= 48rem) {
.page-title-les-vins .entry-content {
padding-top: calc(var(--spacing) * 6);
}
}
.page-title-les-vins h3 {
margin-bottom: calc(var(--spacing) * 2);
font-size: var(--text-19);
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
}
@media (width >= 48rem) {
.page-title-les-vins h3 {
font-size: var(--text-21);
}
}
.page-title-les-vins p.has-text-align-right {
margin-left: auto;
}
@media (width >= 48rem) {
.page-title-les-vins p.has-text-align-right {
max-width: 60%;
}
}
@media (width >= 80rem) {
.page-title-les-vins p.has-text-align-right {
font-size: var(--text-4xl) !important;
line-height: var(--tw-leading, var(--text-4xl--line-height)) !important;
}
}
.page-title-les-vins .cantemerle-fiche-technique {
font-size: var(--text-14);
}
:is(.page-title-les-vins .cantemerle-fiche-technique) h2 {
margin-top: calc(var(--spacing) * 8);
margin-bottom: calc(var(--spacing) * 4);
font-family: var(--font-jost);
font-size: var(--text-19);
--tw-leading: var(--leading-tight);
line-height: var(--leading-tight);
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
color: var(--color-foreground);
}
@media (width >= 48rem) {
:is(.page-title-les-vins .cantemerle-fiche-technique) h2 {
margin-top: calc(var(--spacing) * 14);
}
}
.page-title-les-vins #les-allees-de-cantemerle {
margin-top: calc(var(--spacing) * 40);
}
@media (width >= 48rem) {
.page-title-les-vins #les-allees-de-cantemerle {
margin-top: calc(var(--spacing) * 52);
}
}
:is(.page-title-les-vins #les-allees-de-cantemerle) .wp-block-gallery {
margin-bottom: calc(var(--spacing) * -40);
--tw-translate-y: calc(var(--spacing) * -40);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
@media (width >= 48rem) {
:is(.page-title-les-vins #les-allees-de-cantemerle) .wp-block-gallery {
margin-bottom: calc(var(--spacing) * -52);
}
}
@media (width >= 48rem) {
:is(.page-title-les-vins #les-allees-de-cantemerle) .wp-block-gallery {
--tw-translate-y: calc(var(--spacing) * -52);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
:is(:is(.page-title-les-vins #les-allees-de-cantemerle) .wp-block-gallery) figure:nth-child(1) {
margin-block: calc(var(--spacing) * 10);
}
:is(:is(.page-title-les-vins #les-allees-de-cantemerle) .wp-block-gallery) figure:nth-child(3) {
margin-block: calc(var(--spacing) * 10);
}
#masthead .burger-menu-btn.active .burger-line:nth-child(1) {
width: calc(var(--spacing) * 6);
--tw-translate-y: calc(var(--spacing) * 2);
translate: var(--tw-translate-x) var(--tw-translate-y);
rotate: 45deg;
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
#masthead .burger-menu-btn.active .burger-line:nth-child(2) {
opacity: 0%;
}
#masthead .burger-menu-btn.active .burger-line:nth-child(3) {
width: calc(var(--spacing) * 6);
--tw-translate-y: calc(var(--spacing) * -2);
translate: var(--tw-translate-x) var(--tw-translate-y);
rotate: calc(45deg * -1);
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
#masthead .burger-menu-btn.active {
background-color: var(--color-cream);
}
:is(#masthead .burger-menu-btn.active) span {
color: var(--color-cream);
}
:is(#masthead #site-navigation.active) span {
color: var(--color-cream);
}
#masthead .burger-menu-btn.active::before {
background-color: var(--color-cream);
}
#masthead .burger-menu-btn.active .burger-line {
background-color: var(--color-primary);
}
#masthead .sub-menu {
display: inline-flex;
align-items: center;
gap: calc(var(--spacing) * 2);
font-family: var(--font-jost);
font-size: var(--text-14);
text-transform: uppercase;
}
@media (width >= 48rem) {
#masthead .sub-menu {
gap: calc(var(--spacing) * 4);
}
}
@media (width >= 48rem) {
#masthead .sub-menu {
font-size: var(--text-19);
}
}
@media (width >= 80rem) {
#masthead .sub-menu {
padding-top: calc(var(--spacing) * 2);
}
}
#masthead .sub-menu li + li {
position: relative;
padding-left: calc(var(--spacing) * 2);
}
@media (width >= 48rem) {
#masthead .sub-menu li + li {
padding-left: calc(var(--spacing) * 4);
}
}
#masthead .sub-menu li + li::before {
content: "";
position: absolute;
top: calc(1/2 * 100%);
left: calc(var(--spacing) * 0);
height: calc(var(--spacing) * 4);
--tw-translate-y: calc(calc(1/2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
border-left-style: var(--tw-border-style);
border-left-width: 1px;
border-color: currentcolor;
opacity: 50%;
}
#masthead #site-menu a {
padding-bottom: calc(var(--spacing) * 2);
color: var(--color-cream);
text-decoration-line: none;
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: 300ms;
transition-duration: 300ms;
}
@media (hover: hover) {
:is(#masthead #site-menu a):hover {
text-decoration-line: underline;
}
}
@media (hover: hover) {
:is(#masthead #site-menu a):hover {
text-underline-offset: 4px;
}
}
@media (width >= 48rem) {
#masthead #site-menu a {
padding-bottom: calc(var(--spacing) * 0);
}
}
:is(#masthead #site-menu a) .sub-menu a {
font-size: var(--text-21);
}
#masthead #primary-menu li {
display: flex;
flex-direction: column;
column-gap: calc(var(--spacing) * 4);
}
@media (width >= 48rem) {
#masthead #primary-menu li {
margin-bottom: calc(var(--spacing) * 2);
}
}
@media (width >= 48rem) {
#masthead #primary-menu li {
flex-direction: row;
}
}
:is(#masthead #primary-menu li) li {
column-gap: calc(var(--spacing) * 2);
}
@media (width >= 48rem) {
:is(#masthead #primary-menu li) li {
margin-bottom: calc(var(--spacing) * 0);
}
}
:is(.page-title-nos-origines article) h2 {
margin: calc(var(--spacing) * 0);
padding-bottom: calc(var(--spacing) * 4);
font-family: var(--font-jost);
font-size: var(--text-26);
text-transform: uppercase;
}
@media (width >= 48rem) {
:is(.page-title-nos-origines article) h2 {
padding-block: calc(var(--spacing) * 10);
}
}
@media (width >= 48rem) {
:is(.page-title-nos-origines article) h2 {
font-size: var(--text-33);
}
}
:is(.page-title-nos-origines article) h3 {
margin: calc(var(--spacing) * 0);
font-family: var(--font-jost);
font-size: var(--text-19);
--tw-leading: calc(var(--spacing) * 8);
line-height: calc(var(--spacing) * 8);
text-transform: uppercase;
}
@media (width >= 48rem) {
:is(.page-title-nos-origines article) h3 {
padding-block: calc(var(--spacing) * 10);
}
}
@media (width >= 48rem) {
:is(.page-title-nos-origines article) h3 {
font-size: var(--text-21);
}
}
@media (width >= 48rem) {
:is(.page-title-nos-origines article) #les-origines {
padding-top: calc(var(--spacing) * 10);
}
}
:is(.page-title-nos-origines article) .has-cream-background-color {
margin-inline: auto !important;
padding: calc(var(--spacing) * 6) !important;
}
@media (width >= 48rem) {
:is(.page-title-nos-origines article) .has-cream-background-color {
max-width: 62vw !important;
}
}
@media (width >= 48rem) {
:is(.page-title-nos-origines article) .has-cream-background-color {
padding: calc(var(--spacing) * 12) !important;
}
}
@media (width >= 64rem) {
:is(.page-title-nos-origines article) .has-cream-background-color {
padding-inline: calc(var(--spacing) * 20) !important;
}
}
@media (width >= 48rem) {
:is(:is(.page-title-nos-origines article) .has-cream-background-color) h3 {
padding-top: calc(var(--spacing) * 0);
}
}
:is(.page-title-nos-origines article) #le-classement {
margin-top: calc(var(--spacing) * 6) !important;
padding-top: calc(var(--spacing) * 6);
padding-bottom: calc(var(--spacing) * 10);
}
@media (width >= 48rem) {
:is(.page-title-nos-origines article) #le-classement {
margin-top: calc(var(--spacing) * 16) !important;
}
}
@media (width >= 48rem) {
:is(.page-title-nos-origines article) #le-classement {
padding-top: calc(var(--spacing) * 12);
}
}
@media (width >= 48rem) {
:is(.page-title-nos-origines article) #le-classement {
padding-bottom: calc(var(--spacing) * 52);
}
}
:is(.page-title-nos-origines article) #la-baronne-de-villeneuve {
--tw-translate-y: calc(var(--spacing) * -20);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
@media (width >= 48rem) {
:is(.page-title-nos-origines article) #la-baronne-de-villeneuve {
margin-bottom: calc(var(--spacing) * -30);
}
}
@media (width >= 48rem) {
:is(.page-title-nos-origines article) #la-baronne-de-villeneuve {
--tw-translate-y: calc(var(--spacing) * -52);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
:is(.page-title-primeurs main) #presentation {
margin-inline: auto;
max-width: 85vw !important;
}
:is(:is(.page-title-primeurs main) #presentation) h2 {
margin-right: calc(var(--spacing) * 16);
margin-bottom: calc(var(--spacing) * 0);
font-family: var(--font-jost);
font-size: var(--text-21);
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
text-transform: uppercase;
}
:is(:is(.page-title-primeurs main) #presentation) p {
margin-right: calc(var(--spacing) * 8);
margin-left: auto;
max-width: 420px;
}
:is(.page-title-primeurs main) h3 {
margin-bottom: calc(var(--spacing) * 2);
font-family: var(--font-jost);
font-size: var(--text-19);
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
text-transform: uppercase;
}
@media (width >= 48rem) {
:is(.page-title-primeurs main) .entry-content {
padding-bottom: calc(var(--spacing) * 16);
}
}
:is(.page-title-primeurs main) .wp-block-columns {
padding-top: calc(var(--spacing) * 14);
padding-bottom: calc(var(--spacing) * 8);
}
@media (width >= 48rem) {
:is(.page-title-primeurs main) .wp-block-columns {
max-width: 70vw !important;
}
}
@media (width >= 48rem) {
:is(.page-title-primeurs main) .wp-block-columns {
padding-top: calc(var(--spacing) * 24);
}
}
@media (width >= 64rem) {
:is(.page-title-primeurs main) .wp-block-columns {
max-width: 60vw !important;
}
}
:is(.page-title-primeurs main) .wp-block-buttons {
margin-top: calc(var(--spacing) * 8);
}
:is(:is(.page-title-primeurs main) .wp-block-buttons) a {
padding-block: calc(var(--spacing) * 2) !important;
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: 300ms;
transition-duration: 300ms;
}
@media (hover: hover) {
:is(:is(:is(.page-title-primeurs main) .wp-block-buttons) a):hover {
border-color: var(--color-primary);
}
}
@media (hover: hover) {
:is(:is(:is(.page-title-primeurs main) .wp-block-buttons) a):hover {
background-color: var(--color-primary) !important;
}
}
@media (hover: hover) {
:is(:is(:is(.page-title-primeurs main) .wp-block-buttons) a):hover {
color: var(--color-cream) !important;
}
}
:is(.page-title-primeurs main) #liste-telechargements {
margin-block: calc(var(--spacing) * 8);
max-width: 790px;
border-top-style: var(--tw-border-style);
border-top-width: 1px;
border-color: var(--color-black);
}
:is(:is(.page-title-primeurs main) #liste-telechargements) .wp-block-group.is-content-justification-space-between {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
border-color: var(--color-black);
padding-block: calc(var(--spacing) * 3);
}
:is(:is(:is(.page-title-primeurs main) #liste-telechargements) .wp-block-group.is-content-justification-space-between) .wp-block-buttons {
margin-top: calc(var(--spacing) * 0);
}
:is(:is(:is(.page-title-primeurs main) #liste-telechargements) .wp-block-group.is-content-justification-space-between) .wp-block-group {
padding-bottom: calc(var(--spacing) * 0) !important;
}
@media (width >= 48rem) {
:is(:is(:is(.page-title-primeurs main) #liste-telechargements) .wp-block-group.is-content-justification-space-between) .wp-block-group {
min-width: 50%;
}
}
:is(:is(:is(:is(.page-title-primeurs main) #liste-telechargements) .wp-block-group.is-content-justification-space-between) .wp-block-group) h3 {
margin-bottom: calc(var(--spacing) * 0);
}
@media (width >= 48rem) {
:is(:is(:is(:is(.page-title-primeurs main) #liste-telechargements) .wp-block-group.is-content-justification-space-between) .wp-block-group) h3 {
margin-left: calc(var(--spacing) * 4);
}
}
@media (width >= 48rem) {
:is(:is(:is(:is(.page-title-primeurs main) #liste-telechargements) .wp-block-group.is-content-justification-space-between) .wp-block-group) h3 {
width: 40%;
}
}
:is(:is(:is(:is(.page-title-primeurs main) #liste-telechargements) .wp-block-group.is-content-justification-space-between) .wp-block-group) p {
display: none;
}
@media (width >= 48rem) {
:is(:is(:is(:is(.page-title-primeurs main) #liste-telechargements) .wp-block-group.is-content-justification-space-between) .wp-block-group) p {
display: block;
}
}
.page-title-visites h2 {
margin-top: calc(var(--spacing) * 0);
margin-bottom: calc(var(--spacing) * 4);
}
.page-title-visites section {
margin-inline: calc(var(--spacing) * 0) !important;
max-width: 100vw !important;
}
.visite-card {
display: flex;
height: 100%;
flex-direction: column;
justify-content: space-between;
}
:where(.visite-card > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
}
.visite-card {
padding: calc(var(--spacing) * 6);
}
#visite-gallery-3 .visite-card {
margin-inline: auto;
max-width: 480px;
}
.visite-card__title {
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
--tw-leading: var(--leading-snug);
line-height: var(--leading-snug);
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
--tw-tracking: var(--tracking-wide);
letter-spacing: var(--tracking-wide);
text-transform: uppercase;
}
.visite-card__excerpt {
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
--tw-leading: var(--leading-relaxed);
line-height: var(--leading-relaxed);
}
.visite-info-item {
display: flex;
align-items: flex-start;
gap: calc(var(--spacing) * 3);
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
--tw-leading: var(--leading-relaxed);
line-height: var(--leading-relaxed);
}
.visite-info-item svg {
height: calc(var(--spacing) * 5);
width: calc(var(--spacing) * 5);
flex-shrink: 0;
color: var(--color-black);
}
.visite-swiper-button {
position: absolute;
top: calc(1/2 * 100%);
z-index: 10;
display: flex;
height: calc(var(--spacing) * 11);
width: calc(var(--spacing) * 11);
--tw-translate-y: calc(calc(1/2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
align-items: center;
justify-content: center;
border-radius: calc(infinity * 1px);
background-color: color-mix(in srgb, #000 30%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.visite-swiper-button {
background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
}
}
.visite-swiper-button {
color: var(--color-white);
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
@media (hover: hover) {
.visite-swiper-button:hover {
background-color: color-mix(in srgb, #000 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.visite-swiper-button:hover {
background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
}
}
}
.visite-swiper-button:focus {
--tw-outline-style: none;
outline-style: none;
}
.visite-swiper-button:focus-visible {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.visite-swiper-button:focus-visible {
--tw-ring-color: var(--color-white);
}
@media (width >= 48rem) {
.visite-swiper-button {
height: calc(var(--spacing) * 14);
}
}
@media (width >= 48rem) {
.visite-swiper-button {
width: calc(var(--spacing) * 14);
}
}
.visite-swiper-button svg {
height: calc(var(--spacing) * 5);
width: calc(var(--spacing) * 5);
}
.visite-swiper-button--prev {
left: calc(var(--spacing) * 2);
}
@media (width >= 48rem) {
.visite-swiper-button--prev {
left: calc(var(--spacing) * -8);
}
}
.visite-swiper-button--next {
right: calc(var(--spacing) * 2);
}
@media (width >= 48rem) {
.visite-swiper-button--next {
right: calc(var(--spacing) * -8);
}
}
.visite-swiper-pagination {
margin-top: calc(var(--spacing) * 6);
display: flex;
justify-content: center;
gap: calc(var(--spacing) * 2);
}
.visite-swiper-pagination .swiper-pagination-bullet {
height: calc(var(--spacing) * 2.5);
width: calc(var(--spacing) * 2.5);
border-radius: calc(infinity * 1px);
background-color: color-mix(in srgb, #fff 40%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.visite-swiper-pagination .swiper-pagination-bullet {
background-color: color-mix(in oklab, var(--color-white) 40%, transparent);
}
}
.visite-swiper-pagination .swiper-pagination-bullet {
opacity: 100%;
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.visite-swiper-pagination .swiper-pagination-bullet-active {
background-color: var(--color-white);
}
:is(.has-primary-background-color .visite-card) .visite-card__link,:is(.has-primary-background-color .visite-card) .visite-card__excerpt,:is(.has-primary-background-color .visite-card) p,:is(.has-primary-background-color .visite-card) li {
color: var(--color-cream) !important;
}
:is(.has-primary-background-color .visite-card) .visite-info-item svg {
color: var(--color-cream);
}
:is(.has-primary-background-color .visite-card) .bt-reserver {
display: inline;
background-color: var(--color-cream) !important;
color: var(--color-primary) !important;
}
@media (hover: hover) {
:is(:is(.has-primary-background-color .visite-card) .bt-reserver):hover {
background-color: var(--color-primary) !important;
}
}
@media (hover: hover) {
:is(:is(.has-primary-background-color .visite-card) .bt-reserver):hover {
color: var(--color-cream) !important;
}
}
#phototheque.swiper {
overflow: hidden;
position: relative;
}
#phototheque .swiper-wrapper {
align-items: center;
}
#phototheque .swiper-slide {
height: auto;
}
.js-visite-gallery .swiper-wrapper {
align-items: stretch;
}
.js-visite-gallery .swiper-slide {
height: auto;
display: flex;
}
.js-visite-gallery .swiper-slide > article {
height: 100%;
width: 100%;
}
.js-visite-gallery.desktop-grid .swiper-wrapper {
display: grid;
gap: calc(var(--spacing) * 4);
}
@media (width >= 48rem) {
.js-visite-gallery.desktop-grid .swiper-wrapper {
gap: calc(var(--spacing) * 8);
}
}
.js-visite-gallery.desktop-grid .swiper-wrapper {
display: grid !important;
grid-template-columns: repeat(var(--grid-cols, 3), minmax(0, 1fr));
}
.js-visite-gallery.desktop-grid .swiper-slide {
width: auto !important;
margin: 0 !important;
}
.visible {
visibility: visible;
}
.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;
}
.absolute {
position: absolute;
}
.fixed {
position: fixed;
}
.relative {
position: relative;
}
.static {
position: static;
}
.top-0 {
top: calc(var(--spacing) * 0);
}
.top-8 {
top: calc(var(--spacing) * 8);
}
.top-full {
top: 100%;
}
.right-4 {
right: calc(var(--spacing) * 4);
}
.right-8 {
right: calc(var(--spacing) * 8);
}
.bottom-20 {
bottom: calc(var(--spacing) * 20);
}
.left-0 {
left: calc(var(--spacing) * 0);
}
.left-8 {
left: calc(var(--spacing) * 8);
}
.z-40 {
z-index: 40;
}
.z-50 {
z-index: 50;
}
.container {
width: 100%;
}
@media (width >= 40rem) {
.container {
max-width: 40rem;
}
}
@media (width >= 48rem) {
.container {
max-width: 48rem;
}
}
@media (width >= 64rem) {
.container {
max-width: 64rem;
}
}
@media (width >= 80rem) {
.container {
max-width: 80rem;
}
}
@media (width >= 96rem) {
.container {
max-width: 96rem;
}
}
.mx-8 {
margin-inline: calc(var(--spacing) * 8);
}
.mx-10 {
margin-inline: calc(var(--spacing) * 10);
}
.mx-14 {
margin-inline: calc(var(--spacing) * 14);
}
.mx-auto {
margin-inline: auto;
}
.my-10 {
margin-block: calc(var(--spacing) * 10);
}
.mt-1 {
margin-top: calc(var(--spacing) * 1);
}
.mt-6 {
margin-top: calc(var(--spacing) * 6);
}
.mt-10 {
margin-top: calc(var(--spacing) * 10);
}
.mt-28 {
margin-top: calc(var(--spacing) * 28);
}
.mr-auto {
margin-right: auto;
}
.\!-mb-2 {
margin-bottom: calc(var(--spacing) * -2) !important;
}
.\!mb-1 {
margin-bottom: calc(var(--spacing) * 1) !important;
}
.mb-0 {
margin-bottom: calc(var(--spacing) * 0);
}
.mb-1 {
margin-bottom: calc(var(--spacing) * 1);
}
.mb-1\.5 {
margin-bottom: calc(var(--spacing) * 1.5);
}
.mb-4 {
margin-bottom: calc(var(--spacing) * 4);
}
.mb-8 {
margin-bottom: calc(var(--spacing) * 8);
}
.ml-2 {
margin-left: calc(var(--spacing) * 2);
}
.ml-4 {
margin-left: calc(var(--spacing) * 4);
}
.ml-auto {
margin-left: auto;
}
.block {
display: block;
}
.contents {
display: contents;
}
.flex {
display: flex;
}
.grid {
display: grid;
}
.hidden {
display: none;
}
.hidden\! {
display: none !important;
}
.inline {
display: inline;
}
.inline-block {
display: inline-block;
}
.size-full {
width: 100%;
height: 100%;
}
.h-0 {
height: calc(var(--spacing) * 0);
}
.h-3 {
height: calc(var(--spacing) * 3);
}
.h-12 {
height: calc(var(--spacing) * 12);
}
.h-16 {
height: calc(var(--spacing) * 16);
}
.h-\[1px\] {
height: 1px;
}
.h-full {
height: 100%;
}
.h-px {
height: 1px;
}
.max-h-60 {
max-height: calc(var(--spacing) * 60);
}
.min-h-\[60vh\] {
min-height: 60vh;
}
.min-h-\[90px\] {
min-height: 90px;
}
.min-h-\[290px\] {
min-height: 290px;
}
.w-3 {
width: calc(var(--spacing) * 3);
}
.w-4 {
width: calc(var(--spacing) * 4);
}
.w-6 {
width: calc(var(--spacing) * 6);
}
.w-12 {
width: calc(var(--spacing) * 12);
}
.w-16 {
width: calc(var(--spacing) * 16);
}
.w-\[300px\] {
width: 300px;
}
.w-full {
width: 100%;
}
.max-w-\[790px\] {
max-width: 790px;
}
.max-w-content {
max-width: var(--container-content);
}
.max-w-none {
max-width: none;
}
.max-w-screen-xl {
max-width: var(--breakpoint-xl);
}
.\!min-w-\[255px\] {
min-width: 255px !important;
}
.min-w-\[200px\] {
min-width: 200px;
}
.grow {
flex-grow: 1;
}
.-translate-y-1\/2 {
--tw-translate-y: calc(calc(1/2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-y-1\/2 {
--tw-translate-y: calc(1/2 * 100%);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.rotate-45 {
rotate: 45deg;
}
.rotate-180 {
rotate: 180deg;
}
.transform {
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
.cursor-pointer {
cursor: pointer;
}
.resize {
resize: both;
}
.grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-rows-\[auto_1fr_auto\] {
grid-template-rows: auto 1fr auto;
}
.flex-col {
flex-direction: column;
}
.flex-row {
flex-direction: row;
}
.flex-wrap {
flex-wrap: wrap;
}
.items-center {
align-items: center;
}
.items-end {
align-items: flex-end;
}
.justify-between {
justify-content: space-between;
}
.justify-center {
justify-content: center;
}
.gap-2 {
gap: calc(var(--spacing) * 2);
}
.gap-4 {
gap: calc(var(--spacing) * 4);
}
:where(.space-y-2 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-3 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-5 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-6 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-10 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.divide-y > :not(:last-child)) {
--tw-divide-y-reverse: 0;
border-bottom-style: var(--tw-border-style);
border-top-style: var(--tw-border-style);
border-top-width: calc(1px * var(--tw-divide-y-reverse));
border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
}
:where(.divide-cream > :not(:last-child)) {
border-color: var(--color-cream);
}
.overflow-hidden {
overflow: hidden;
}
.overflow-y-auto {
overflow-y: auto;
}
.rounded {
border-radius: 0.25rem;
}
.rounded-full {
border-radius: calc(infinity * 1px);
}
.border {
border-style: var(--tw-border-style);
border-width: 1px;
}
.border-t {
border-top-style: var(--tw-border-style);
border-top-width: 1px;
}
.border-t-2 {
border-top-style: var(--tw-border-style);
border-top-width: 2px;
}
.border-b {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
}
.border-l-2 {
border-left-style: var(--tw-border-style);
border-left-width: 2px;
}
.border-black {
border-color: var(--color-black);
}
.border-cream {
border-color: var(--color-cream);
}
.border-gray-200 {
border-color: var(--color-gray-200);
}
.border-primary {
border-color: var(--color-primary);
}
.bg-\[\#414c3b\] {
background-color: #414c3b;
}
.bg-cream {
background-color: var(--color-cream);
}
.bg-primary {
background-color: var(--color-primary);
}
.bg-white {
background-color: var(--color-white);
}
.bg-cover {
background-size: cover;
}
.bg-center {
background-position: center;
}
.bg-no-repeat {
background-repeat: no-repeat;
}
.object-contain {
object-fit: contain;
}
.object-cover {
object-fit: cover;
}
.p-3 {
padding: calc(var(--spacing) * 3);
}
.p-6 {
padding: calc(var(--spacing) * 6);
}
.\!px-0 {
padding-inline: calc(var(--spacing) * 0) !important;
}
.px-4 {
padding-inline: calc(var(--spacing) * 4);
}
.px-5 {
padding-inline: calc(var(--spacing) * 5);
}
.px-6 {
padding-inline: calc(var(--spacing) * 6);
}
.py-3 {
padding-block: calc(var(--spacing) * 3);
}
.py-4 {
padding-block: calc(var(--spacing) * 4);
}
.py-10 {
padding-block: calc(var(--spacing) * 10);
}
.py-12 {
padding-block: calc(var(--spacing) * 12);
}
.py-20 {
padding-block: calc(var(--spacing) * 20);
}
.pt-4 {
padding-top: calc(var(--spacing) * 4);
}
.pt-6 {
padding-top: calc(var(--spacing) * 6);
}
.pt-10 {
padding-top: calc(var(--spacing) * 10);
}
.pt-32 {
padding-top: calc(var(--spacing) * 32);
}
.pb-6 {
padding-bottom: calc(var(--spacing) * 6);
}
.pb-10 {
padding-bottom: calc(var(--spacing) * 10);
}
.pb-14 {
padding-bottom: calc(var(--spacing) * 14);
}
.pl-4 {
padding-left: calc(var(--spacing) * 4);
}
.\!text-left {
text-align: left !important;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
.text-left {
text-align: left;
}
.font-barcelony {
font-family: var(--font-barcelony);
}
.font-jost {
font-family: var(--font-jost);
}
.font-sans {
font-family: var(--font-sans);
}
.text-sm {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
.text-xl {
font-size: var(--text-xl);
line-height: var(--tw-leading, var(--text-xl--line-height));
}
.text-14 {
font-size: var(--text-14);
}
.text-16 {
font-size: var(--text-16);
}
.text-19 {
font-size: var(--text-19);
}
.text-21 {
font-size: var(--text-21);
}
.text-26 {
font-size: var(--text-26);
}
.text-33 {
font-size: var(--text-33);
}
.font-bold {
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
}
.font-medium {
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
}
.font-normal {
--tw-font-weight: var(--font-weight-normal);
font-weight: var(--font-weight-normal);
}
.font-semibold {
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
}
.tracking-wide {
--tw-tracking: var(--tracking-wide);
letter-spacing: var(--tracking-wide);
}
.tracking-widest {
--tw-tracking: var(--tracking-widest);
letter-spacing: var(--tracking-widest);
}
.whitespace-pre-line {
white-space: pre-line;
}
.text-\[\#f4f0e2\] {
color: #f4f0e2;
}
.text-black {
color: var(--color-black);
}
.text-cream {
color: var(--color-cream);
}
.text-white {
color: var(--color-white);
}
.uppercase {
text-transform: uppercase;
}
.no-underline {
text-decoration-line: none;
}
.outline {
outline-style: var(--tw-outline-style);
outline-width: 1px;
}
.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-all {
transition-property: all;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-colors {
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-opacity {
transition-property: opacity;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-transform {
transition-property: transform, translate, scale, rotate;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.duration-200 {
--tw-duration: 200ms;
transition-duration: 200ms;
}
.duration-300 {
--tw-duration: 300ms;
transition-duration: 300ms;
}
.ease-in-out {
--tw-ease: var(--ease-in-out);
transition-timing-function: var(--ease-in-out);
}
.content-none {
--tw-content: none;
content: none;
}
.before\:absolute::before {
content: var(--tw-content);
position: absolute;
}
.before\:z-\[-1\]::before {
content: var(--tw-content);
z-index: -1;
}
.before\:h-12::before {
content: var(--tw-content);
height: calc(var(--spacing) * 12);
}
.before\:h-16::before {
content: var(--tw-content);
height: calc(var(--spacing) * 16);
}
.before\:w-12::before {
content: var(--tw-content);
width: calc(var(--spacing) * 12);
}
.before\:w-16::before {
content: var(--tw-content);
width: calc(var(--spacing) * 16);
}
.before\:rounded-full::before {
content: var(--tw-content);
border-radius: calc(infinity * 1px);
}
.before\:bg-cream::before {
content: var(--tw-content);
background-color: var(--color-cream);
}
.before\:bg-primary::before {
content: var(--tw-content);
background-color: var(--color-primary);
}
.before\:bg-white::before {
content: var(--tw-content);
background-color: var(--color-white);
}
.before\:transition-all::before {
content: var(--tw-content);
transition-property: all;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.before\:duration-300::before {
content: var(--tw-content);
--tw-duration: 300ms;
transition-duration: 300ms;
}
@media (hover: hover) {
.hover\:bg-black:hover {
background-color: var(--color-black);
}
}
@media (hover: hover) {
.hover\:bg-cream:hover {
background-color: var(--color-cream);
}
}
@media (hover: hover) {
.hover\:text-foreground:hover {
color: var(--color-foreground);
}
}
@media (hover: hover) {
.hover\:text-white:hover {
color: var(--color-white);
}
}
@media (hover: hover) {
.hover\:opacity-80:hover {
opacity: 80%;
}
}
@media (hover: hover) {
.hover\:before\:h-16:hover::before {
content: var(--tw-content);
height: calc(var(--spacing) * 16);
}
}
@media (hover: hover) {
.hover\:before\:h-20:hover::before {
content: var(--tw-content);
height: calc(var(--spacing) * 20);
}
}
@media (hover: hover) {
.hover\:before\:w-16:hover::before {
content: var(--tw-content);
width: calc(var(--spacing) * 16);
}
}
@media (hover: hover) {
.hover\:before\:w-20:hover::before {
content: var(--tw-content);
width: calc(var(--spacing) * 20);
}
}
@media (width >= 48rem) {
.md\:-top-20 {
top: calc(var(--spacing) * -20);
}
}
@media (width >= 48rem) {
.md\:-top-90 {
top: calc(var(--spacing) * -90);
}
}
@media (width >= 48rem) {
.md\:-top-120 {
top: calc(var(--spacing) * -120);
}
}
@media (width >= 48rem) {
.md\:mt-8 {
margin-top: calc(var(--spacing) * 8);
}
}
@media (width >= 48rem) {
.md\:mb-16 {
margin-bottom: calc(var(--spacing) * 16);
}
}
@media (width >= 48rem) {
.md\:block {
display: block;
}
}
@media (width >= 48rem) {
.md\:flex {
display: flex;
}
}
@media (width >= 48rem) {
.md\:inline-block\! {
display: inline-block !important;
}
}
@media (width >= 48rem) {
.md\:w-\[280px\] {
width: 280px;
}
}
@media (width >= 48rem) {
.md\:w-\[400px\] {
width: 400px;
}
}
@media (width >= 48rem) {
.md\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (width >= 48rem) {
.md\:flex-row {
flex-direction: row;
}
}
@media (width >= 48rem) {
.md\:items-center {
align-items: center;
}
}
@media (width >= 48rem) {
.md\:gap-6 {
gap: calc(var(--spacing) * 6);
}
}
@media (width >= 48rem) {
:where(.md\:divide-x > :not(:last-child)) {
--tw-divide-x-reverse: 0;
border-inline-style: var(--tw-border-style);
border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}
}
@media (width >= 48rem) {
:where(.md\:divide-y-0 > :not(:last-child)) {
--tw-divide-y-reverse: 0;
border-bottom-style: var(--tw-border-style);
border-top-style: var(--tw-border-style);
border-top-width: calc(0px * var(--tw-divide-y-reverse));
border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
}
}
@media (width >= 48rem) {
.md\:px-0 {
padding-inline: calc(var(--spacing) * 0);
}
}
@media (width >= 48rem) {
.md\:px-10 {
padding-inline: calc(var(--spacing) * 10);
}
}
@media (width >= 48rem) {
.md\:px-12 {
padding-inline: calc(var(--spacing) * 12);
}
}
@media (width >= 48rem) {
.md\:px-16 {
padding-inline: calc(var(--spacing) * 16);
}
}
@media (width >= 48rem) {
.md\:py-4 {
padding-block: calc(var(--spacing) * 4);
}
}
@media (width >= 48rem) {
.md\:py-6 {
padding-block: calc(var(--spacing) * 6);
}
}
@media (width >= 48rem) {
.md\:py-16 {
padding-block: calc(var(--spacing) * 16);
}
}
@media (width >= 48rem) {
.md\:pt-10 {
padding-top: calc(var(--spacing) * 10);
}
}
@media (width >= 48rem) {
.md\:pb-20 {
padding-bottom: calc(var(--spacing) * 20);
}
}
@media (width >= 48rem) {
.md\:pl-5 {
padding-left: calc(var(--spacing) * 5);
}
}
@media (width >= 48rem) {
.md\:text-2xl {
font-size: var(--text-2xl);
line-height: var(--tw-leading, var(--text-2xl--line-height));
}
}
@media (width >= 48rem) {
.md\:text-21 {
font-size: var(--text-21);
}
}
@media (width >= 48rem) {
.md\:text-26 {
font-size: var(--text-26);
}
}
@media (width >= 64rem) {
.lg\:right-8 {
right: calc(var(--spacing) * 8);
}
}
@media (width >= 64rem) {
.lg\:col-span-2 {
grid-column: span 2 / span 2;
}
}
@media (width >= 64rem) {
.lg\:mt-12 {
margin-top: calc(var(--spacing) * 12);
}
}
@media (width >= 64rem) {
.lg\:w-\[500px\] {
width: 500px;
}
}
@media (width >= 64rem) {
.lg\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (width >= 80rem) {
.xl\:mx-auto {
margin-inline: auto;
}
}
@media (width >= 80rem) {
.xl\:max-w-7xl {
max-width: var(--container-7xl);
}
}
@media (width >= 80rem) {
.xl\:justify-start {
justify-content: flex-start;
}
}
@media (width >= 80rem) {
.xl\:gap-12 {
gap: calc(var(--spacing) * 12);
}
}
@media (width >= 80rem) {
.xl\:text-33 {
font-size: var(--text-33);
}
}
@media (width >= 96rem) {
.\32 xl\:px-16 {
padding-inline: calc(var(--spacing) * 16);
}
}
@media (width >= 96rem) {
.\32 xl\:pl-16 {
padding-left: calc(var(--spacing) * 16);
}
}
@property --tw-leading {
syntax: "*";
inherits: false;
}
@property --tw-font-weight {
syntax: "*";
inherits: false;
}
@property --tw-translate-x {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-translate-y {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-translate-z {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-duration {
syntax: "*";
inherits: false;
}
@property --tw-space-x-reverse {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-scale-x {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-scale-y {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-scale-z {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-border-style {
syntax: "*";
inherits: false;
initial-value: solid;
}
@property --tw-content {
syntax: "*";
initial-value: "";
inherits: false;
}
@property --tw-ease {
syntax: "*";
inherits: false;
}
@property --tw-tracking {
syntax: "*";
inherits: false;
}
@property --tw-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
syntax: "*";
inherits: false;
}
@property --tw-shadow-alpha {
syntax: "<percentage>";
inherits: false;
initial-value: 100%;
}
@property --tw-inset-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
syntax: "*";
inherits: false;
}
@property --tw-inset-shadow-alpha {
syntax: "<percentage>";
inherits: false;
initial-value: 100%;
}
@property --tw-ring-color {
syntax: "*";
inherits: false;
}
@property --tw-ring-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
syntax: "*";
inherits: false;
}
@property --tw-inset-ring-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
syntax: "*";
inherits: false;
}
@property --tw-ring-offset-width {
syntax: "<length>";
inherits: false;
initial-value: 0px;
}
@property --tw-ring-offset-color {
syntax: "*";
inherits: false;
initial-value: #fff;
}
@property --tw-ring-offset-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-rotate-x {
syntax: "*";
inherits: false;
}
@property --tw-rotate-y {
syntax: "*";
inherits: false;
}
@property --tw-rotate-z {
syntax: "*";
inherits: false;
}
@property --tw-skew-x {
syntax: "*";
inherits: false;
}
@property --tw-skew-y {
syntax: "*";
inherits: false;
}
@property --tw-space-y-reverse {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-divide-y-reverse {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-outline-style {
syntax: "*";
inherits: false;
initial-value: solid;
}
@property --tw-blur {
syntax: "*";
inherits: false;
}
@property --tw-brightness {
syntax: "*";
inherits: false;
}
@property --tw-contrast {
syntax: "*";
inherits: false;
}
@property --tw-grayscale {
syntax: "*";
inherits: false;
}
@property --tw-hue-rotate {
syntax: "*";
inherits: false;
}
@property --tw-invert {
syntax: "*";
inherits: false;
}
@property --tw-opacity {
syntax: "*";
inherits: false;
}
@property --tw-saturate {
syntax: "*";
inherits: false;
}
@property --tw-sepia {
syntax: "*";
inherits: false;
}
@property --tw-drop-shadow {
syntax: "*";
inherits: false;
}
@property --tw-drop-shadow-color {
syntax: "*";
inherits: false;
}
@property --tw-drop-shadow-alpha {
syntax: "<percentage>";
inherits: false;
initial-value: 100%;
}
@property --tw-drop-shadow-size {
syntax: "*";
inherits: false;
}
@property --tw-divide-x-reverse {
syntax: "*";
inherits: false;
initial-value: 0;
}
@layer properties {
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
*, ::before, ::after, ::backdrop {
--tw-leading: initial;
--tw-font-weight: initial;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-translate-z: 0;
--tw-duration: initial;
--tw-space-x-reverse: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-scale-z: 1;
--tw-border-style: solid;
--tw-content: "";
--tw-ease: initial;
--tw-tracking: initial;
--tw-shadow: 0 0 #0000;
--tw-shadow-color: initial;
--tw-shadow-alpha: 100%;
--tw-inset-shadow: 0 0 #0000;
--tw-inset-shadow-color: initial;
--tw-inset-shadow-alpha: 100%;
--tw-ring-color: initial;
--tw-ring-shadow: 0 0 #0000;
--tw-inset-ring-color: initial;
--tw-inset-ring-shadow: 0 0 #0000;
--tw-ring-inset: initial;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-offset-shadow: 0 0 #0000;
--tw-rotate-x: initial;
--tw-rotate-y: initial;
--tw-rotate-z: initial;
--tw-skew-x: initial;
--tw-skew-y: initial;
--tw-space-y-reverse: 0;
--tw-divide-y-reverse: 0;
--tw-outline-style: solid;
--tw-blur: initial;
--tw-brightness: initial;
--tw-contrast: initial;
--tw-grayscale: initial;
--tw-hue-rotate: initial;
--tw-invert: initial;
--tw-opacity: initial;
--tw-saturate: initial;
--tw-sepia: initial;
--tw-drop-shadow: initial;
--tw-drop-shadow-color: initial;
--tw-drop-shadow-alpha: 100%;
--tw-drop-shadow-size: initial;
--tw-divide-x-reverse: 0;
}
}
}