@font-face {
font-family: Atlantic Cruise;
src: url(//mon-lunetier.com/wp-content/themes/eliot-child/fonts/Atlantic_Cruise.woff2) format('woff2');
font-weight: normal;
font-style: normal;
font-display: swap;
} .header-separator-container {
position: relative;
}
.header-separator-content {
height: 142px;
width: 100%;
background-color: #01301491;
position: absolute;
top: -92px;
z-index: -1;
clip-path: polygon(100% 79.31%, 91.24% 84.18%, 82.48% 89.05%, 73.44% 92.71%, 64.09% 95.37%, 54.45% 97.26%, 44.44% 98.63%, 33.92% 98.86%, 22.91% 99.1%, 11.46% 98.31%, 0% 97.53%, 0% 0%, 100% 0%);
}
.header-separator-triangle {
position: absolute;
height: 384px;
width: 100%;
top: -102px;
z-index: -1;
clip-path: polygon(100% 79.31%, 91.24% 84.18%, 82.48% 89.05%, 73.44% 92.71%, 64.09% 95.37%, 54.45% 97.26%, 44.44% 98.63%, 33.92% 98.86%, 22.91% 99.1%, 11.46% 98.31%, 0% 97.53%, 0% 0%, 100% 0%);
-webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
mask-image: linear-gradient(to bottom, rgb(0, 0, 0, 1), rgba(0, 0, 0, 0));
} .wp-block-site-title a::before {
content: "\2013\00a0";
content: "\2013\00a0" / "";
}
.wp-block-site-title a::after {
content: "\00a0\2013";
content: "\00a0\2013" / "";
}
.company-name {
font-family: Atlantic Cruise;
font-weight: 400;
font-style: 22px !important;
line-height: 1;
}
.image-reverse {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.break-word {
word-break: break-word;
}
.has-contrast-background-color:hover {
background-color: var(--wp--preset--color--base) !important;
color: var(--wp--preset--color--contrast) !important;
}
.logo-fixed {
top: calc(0px + var(--wp--preset--spacing--80, 0px));
position: fixed;
z-index: -1;
opacity: 0.33;
}
.no-wrap {
white-space: nowrap;
}
.wp-block-cover__image-background {
overflow-clip-margin: unset;
}
.wp-block-flip-block-side__content img, .wp-block-flip-block-side__content .wp-block-group {
border-radius: var(--wp--custom--border--radius--small);
} hr.wp-block-separator.is-style-dl-sep-2.hr-size-override {
width: 100% !important;
}
@media screen and (max-width: 138px) {
hr.wp-block-separator.is-style-dl-sep-1 {
width: 100% !important;
}
} .custom-header {
box-shadow: 0 0 24px var(--wp--preset--color--custom-primary-background);
} .icon-align {
display: flex;
align-items: center;
} .shop-address {
font-style: italic;
} .wpbc_container_booking_form .wpbc__field .wpbc_calendar_wraper {
justify-items: center;
}
#ui-datepicker-div {
display: none;
} .ui-widget-content, .ui-widget-header, .ui-state-default, .ui-state-hover, .ui-state-focus,
.ui-state-active, .ui-state-highlight, .ui-state-error, .ui-widget-overlay, .ui-widget-shadow {
background-image: none !important;
} .steam {
fill: var(--wp--preset--color--custom-primary-background);
transform: translateY(8px);
-webkit-animation: steaming 2500ms ease infinite;
animation: steaming 2500ms ease infinite;
}
.steam1 {
animation-delay: 100ms;
}
.steam2 {
animation-delay: 250ms;
}
.steam3 {
animation-delay: 50ms;
}
.coffee-cup {
fill: var(--wp--preset--color--custom-primary-background);
}
@keyframes steaming {
50% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
} .wp-block-flip-block-card:not(.wp-block) .container.auto-flipped {
transform: rotateY(180deg);
} .wp-block-video.is-style-boucle-verticale {
position: relative;
width: clamp(250px, 24vw, 300px);
margin-inline: auto;
margin-block-end: 16px;
isolation: isolate;
} .wp-block-video.is-style-boucle-verticale::before {
content: "";
position: absolute;
inset: 0 0 auto;
aspect-ratio: 9 / 16;
translate: 16px 16px;
z-index: -1;
border-radius: var(--wp--custom--border--radius--large);
background-color: var(--wp--preset--color--custom-primary-background);
}
.boucle-verticale__cadre {
position: relative;
}
.wp-block-video.is-style-boucle-verticale video {
display: block;
width: 100%;
aspect-ratio: 9 / 16;
object-fit: cover;
border-radius: var(--wp--custom--border--radius--large);
background-color: var(--wp--preset--color--custom-primary-background);
}
.boucle-verticale__bouton {
position: absolute;
right: 12px;
bottom: 12px;
display: grid;
place-items: center;
width: 44px;
height: 44px;
padding: 0;
border: 1px solid #ffffff66;
border-radius: 50%;
color: var(--wp--preset--color--base);
background-color: #013014b3;
cursor: pointer;
}
.boucle-verticale__bouton:hover {
background-color: var(--wp--preset--color--custom-primary-background);
}
.boucle-verticale__bouton:focus-visible {
outline: 2px solid transparent;
box-shadow: 0 0 0 2px var(--wp--preset--color--base), 0 0 0 4px var(--wp--preset--color--custom-primary-background);
}
.boucle-verticale__bouton svg {
width: 20px;
height: 20px;
fill: currentColor;
} .wp-block-columns:has(.is-style-boucle-verticale) h2 {
text-wrap: balance;
} @media (min-width: 782px) {
.wp-block-column:first-child > .wp-block-video.is-style-boucle-verticale {
margin-inline: auto var(--wp--preset--spacing--50);
}
} .spf_container .spf_item img {
overflow-clip-margin: unset;
border-radius: var(--wp--custom--border--radius--small);
}