.hero-vertical {
position: absolute;
right: 40px;
bottom: 40px;
}
@media (max-width: 767px) {
.hero-vertical {
display: none !important;
}
}
.hero {
position: relative;
z-index: 1;
}
@media (prefers-reduced-motion: reduce) {
.reveal,
.reveal-line,
.reveal-soft,
.reveal-cta {
opacity: 1 !important;
transform: none !important;
animation: none !important;
}
}
.hero-cue-wrap {
position: relative;
z-index: 2;
}
.hero-cue-wrap .scroll-cue {
position: absolute;
left: 50%;
top: -96px; 
transform: translateX(-50%);
display: inline-flex;
flex-direction: column;
align-items: center;
gap: 10px;
text-decoration: none;
color: rgba(255, 255, 255, 0.78);
transition: transform 0.2s ease, color 0.2s ease;
}
.hero-cue-wrap .scroll-cue:hover,
.hero-cue-wrap .scroll-cue:focus-visible {
color: rgba(212, 184, 122, 0.92);
transform: translateX(-50%) translateY(-2px);
}
.scroll-cue__label {
font-family: "Cormorant SC", serif;
font-size: 12px;
letter-spacing: 0.32em;
text-transform: uppercase;
line-height: 1;
}
.scroll-cue__divider {
width: 1px;
height: 46px;
background: linear-gradient(
to bottom,
rgba(212, 184, 122, 0.95) 0%,
rgba(255, 255, 255, 0.32) 62%,
rgba(255, 255, 255, 0) 100%
);
transform-origin: top center;
animation: scrollDivider 2s ease-in-out infinite;
}
@keyframes scrollDivider {
0%, 100% {
transform: scaleY(1);
opacity: 0.4;
}
50% {
transform: scaleY(0.6);
opacity: 0.95;
}
}
@media (max-width: 768px) {
.hero-cue-wrap .scroll-cue {
top: -58px;
}
} .site-header-inner-wrap.kadence-sticky-header {
transition:
background-color 620ms cubic-bezier(.22, .61, .36, 1),
box-shadow 620ms cubic-bezier(.22, .61, .36, 1);
}
.site-header-inner-wrap.kadence-sticky-header .site-main-header-wrap {
position: relative;
overflow: visible;
background-color: rgba(24, 32, 49, 0);
transition:
background-color 620ms cubic-bezier(.22, .61, .36, 1),
box-shadow 620ms cubic-bezier(.22, .61, .36, 1);
} .site-header-inner-wrap.kadence-sticky-header .site-main-header-wrap::before {
content: "";
position: absolute;
inset: 0;
z-index: 0;
pointer-events: none;
background:
linear-gradient(
to bottom,
rgba(0, 0, 0, 0.62) 0%,
rgba(0, 0, 0, 0.34) 48%,
rgba(0, 0, 0, 0.02) 100%
);
opacity: 1;
transform: translateY(0);
transition:
opacity 720ms cubic-bezier(.22, .61, .36, 1),
transform 720ms cubic-bezier(.22, .61, .36, 1);
} .site-header-inner-wrap.kadence-sticky-header .site-main-header-wrap::after {
content: "";
position: absolute;
left: clamp(22px, 5vw, 72px);
right: clamp(22px, 5vw, 72px);
bottom: -1px;
height: 1px;
z-index: 1;
pointer-events: none;
background: linear-gradient(
to right,
rgba(184, 151, 90, 0) 0%,
rgba(184, 151, 90, 0.38) 18%,
rgba(212, 184, 122, 0.82) 38%,
rgba(230, 203, 147, 0.98) 50%,
rgba(212, 184, 122, 0.82) 62%,
rgba(184, 151, 90, 0.38) 82%,
rgba(184, 151, 90, 0) 100%
);
box-shadow:
0 -1px 0 rgba(212, 184, 122, 0.10),
0 0 8px rgba(212, 184, 122, 0.12);
opacity: 0;
transform: scaleX(.52);
transform-origin: center;
transition:
opacity 720ms cubic-bezier(.22, .61, .36, 1),
transform 720ms cubic-bezier(.22, .61, .36, 1);
} .site-header-inner-wrap.kadence-sticky-header .site-main-header-wrap > * {
position: relative;
z-index: 2;
} .site-header-inner-wrap.kadence-sticky-header .main-navigation,
.site-header-inner-wrap.kadence-sticky-header .primary-menu-container,
.site-header-inner-wrap.kadence-sticky-header .sub-menu {
position: relative;
z-index: 60;
} .site-header-inner-wrap.kadence-sticky-header.item-is-stuck .site-main-header-wrap {
background-color: #182031;
box-shadow:
0 8px 20px rgba(0, 0, 0, 0.14),
0 1px 0 rgba(0, 0, 0, 0.18);
} .site-header-inner-wrap.kadence-sticky-header.item-is-stuck .site-main-header-wrap::before {
opacity: 0;
transform: translateY(-10px);
} .site-header-inner-wrap.kadence-sticky-header.item-is-stuck .site-main-header-wrap::after {
opacity: 1;
transform: scaleX(1);
}
.leaflet-popup-content-wrapper {
background: #182031 !important;
color: #F5EFE3 !important;
border-radius: 4px !important;
box-shadow: 0 8px 18px rgba(0,0,0,.18) !important;
padding: 0 !important;
}
.leaflet-popup-content {
margin: 0 !important;
padding: 10px 28px 10px 12px !important; font-family: "Cormorant Garamond", serif !important;
font-size: 16px !important;
line-height: 1.25 !important;
color: #F5EFE3 !important;
min-width: 0 !important;
}
.leaflet-popup-content strong {
display: block;
margin-bottom: 1px;
font-weight: 600 !important;
color: #D4B87A !important;
}
.leaflet-popup-tip {
background: #182031 !important;
}
.leaflet-container a.leaflet-popup-close-button {
color: rgba(245,239,227,.7) !important;
top: 6px !important;
right: 8px !important;
font-size: 14px !important;
line-height: 14px !important;
width: 14px !important;
height: 14px !important;
padding: 0 !important;
}
.leaflet-container a.leaflet-popup-close-button:hover {
color: #D4B87A !important;
}
.leaflet-top.leaflet-left {
top: auto !important;
left: auto !important;
bottom: 20px;
right: 20px;
}  html.js .fade-in,
html.js .fade-up,
html.js .fade-down,
html.js .fade-left,
html.js .fade-right,
html.js .fade-scale {
opacity: 0;
will-change: opacity, transform;
transition:
opacity .72s ease,
transform .72s cubic-bezier(0.22, 0.61, 0.36, 1);
} html.js .fade-in    { transform: none; }
html.js .fade-up    { transform: translateY(32px); }
html.js .fade-down  { transform: translateY(-28px); }
html.js .fade-left  { transform: translateX(36px); }
html.js .fade-right { transform: translateX(-36px); }
html.js .fade-scale { transform: scale(.96); } html.js .fade-in.visible,
html.js .fade-up.visible,
html.js .fade-down.visible,
html.js .fade-left.visible,
html.js .fade-right.visible,
html.js .fade-scale.visible {
opacity: 1;
transform: none;
} html.js .delay-1 { transition-delay: .12s; }
html.js .delay-2 { transition-delay: .26s; }
html.js .delay-3 { transition-delay: .42s; }
html.js .delay-4 { transition-delay: .60s; } html.js .fade-slow { transition-duration: 1.1s; }
html.js .fade-fast { transition-duration: .45s; } @media (prefers-reduced-motion: reduce) {
html.js .fade-in,
html.js .fade-up,
html.js .fade-down,
html.js .fade-left,
html.js .fade-right,
html.js .fade-scale {
opacity: 1 !important;
transform: none !important;
transition: none !important;
}
}
.img-zoom {
overflow: hidden;
}
.img-zoom img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1);
transition: transform .8s cubic-bezier(0.22, 0.61, 0.36, 1);
will-change: transform;
}
.img-zoom:hover img {
transform: scale(1.04);
}
@media (prefers-reduced-motion: reduce) {
.img-zoom img {
transition: none !important;
transform: none !important;
}
}
.galerie-zoom .kadence-blocks-gallery-item-inner {
overflow: hidden;
}
.galerie-zoom .kadence-blocks-gallery-item-inner img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1);
transition: transform .8s cubic-bezier(0.22, 0.61, 0.36, 1);
will-change: transform;
}
.galerie-zoom .kadence-blocks-gallery-item-inner:hover img {
transform: scale(1.04);
}
@media (prefers-reduced-motion: reduce) {
.galerie-zoom .kadence-blocks-gallery-item-inner img {
transition: none !important;
transform: none !important;
}
} .faq .kt-accordion-wrap {
border-top: 1px solid rgba(26,20,16,.10);
}
.faq .kt-accordion-pane {
border-bottom: 1px solid rgba(26,20,16,.10);
background: transparent !important;
box-shadow: none !important;
border-radius: 0 !important;
} .faq .kt-accordion-header-wrap {
margin: 0 !important;
}
.faq .kt-blocks-accordion-header {
padding: 22px 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
.faq .kt-blocks-accordion-title {
font-family: "Cormorant Garamond", serif;
font-size: 20px;
line-height: 1.3;
color: #1a1410;
transition: color .2s ease;
}
.faq .kt-blocks-accordion-header:hover .kt-blocks-accordion-title,
.faq .kt-blocks-accordion-header[aria-expanded="true"] .kt-blocks-accordion-title {
color: #182031;
}
.faq .kt-accordion-panel {
margin: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
.faq .kt-accordion-panel-inner {
padding: 2px 40px 24px 16px !important;
background: transparent !important;
box-shadow: none !important;
border-radius: 0 !important;
border-left: 0 solid transparent;
}
.faq .kt-accordion-panel:not(.kt-accordion-panel-hidden) .kt-accordion-panel-inner {
border-left: 2px solid #A8863E !important;
}
.faq .kt-accordion-panel-inner p,
.faq .kt-accordion-panel-inner .kt-adv-heading,
.faq .kt-accordion-panel-inner .wp-block-kadence-advancedheading {
margin: 0 !important;
font-family: "EB Garamond", Georgia, serif;
font-size: 16px;
line-height: 1.82;
color: #3d352c;
}
.faq .kt-accordion-inner-wrap,
.faq .wp-block-kadence-pane {
background: transparent !important;
box-shadow: none !important;
border-radius: 0 !important;
}
.faq .kt-blocks-accordion-icon-trigger {
transform: scale(.55);
transform-origin: center;
}
.faq-subnav {
position: sticky;
top: 80px;
z-index: 40;
}
.site-footer,
.site-footer-wrap,
.site-top-footer-wrap,
.site-footer-row-container,
.site-footer-row-container-inner {
background: #182031;
}
@media (max-width: 767px) {
.leaflet-map.WPLeafletMap.leaflet-container {
height: 320px !important;
min-height: 320px !important;
}
} @media (max-width: 767px) {
.site-footer .site-container {
max-width: none;
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 767px) {
.kt-row-column-wrap > .wp-block-kadence-column.full-width-mobile {
position: relative !important;
left: 50% !important;
right: 50% !important;
width: 100vw !important;
max-width: 100vw !important;
margin-left: -50vw !important;
margin-right: -50vw !important;
margin-top: -40px !important;
}
.kt-row-column-wrap > .wp-block-kadence-column.full-width-mobile > .kt-inside-inner-col {
padding-left: 24px !important;
padding-right: 24px !important;
}
} .kt-inside-inner-col > p:has(.caron-lang-switcher) {
margin: 0;
padding: 0;
line-height: 1;
}
.caron-lang-switcher {
display: inline-flex;
align-items: center;
margin: 0;
padding: 0;
color: #FAF7F2 !important;
}
.caron-lang-switcher__list {
display: inline-flex;
align-items: center;
gap: 0.38rem;
margin: 0;
padding: 0;
}
.caron-lang-switcher__item,
.caron-lang-switcher__separator {
display: inline-flex;
align-items: center;
margin: 0;
padding: 0;
}
.caron-lang-switcher__link,
.caron-lang-switcher__separator {
font-family: inherit;
font-size: 0.8125rem;
line-height: 1;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #FAF7F2 !important;
}
.caron-lang-switcher__link {
text-decoration: none !important;
opacity: 0.82;
transition: opacity 0.2s ease;
}
.caron-lang-switcher__link:visited,
.caron-lang-switcher__link:hover,
.caron-lang-switcher__link:focus,
.caron-lang-switcher__link:active {
color: #FAF7F2 !important;
text-decoration: none !important;
}
.caron-lang-switcher__item.is-active .caron-lang-switcher__link {
color: #D4B87A !important;
opacity: 1;
font-weight: inherit;
}
.caron-lang-switcher__item:not(.is-active) .caron-lang-switcher__link:hover {
color: #D4B87A !important;
opacity: 1;
}
.caron-lang-switcher__separator {
opacity: 0.55;
}
@media (max-width: 768px) {
.mobile-header-button-wrap {
position: fixed !important;
top: auto !important;
bottom: 12px !important;
left: 12px !important;
right: 12px !important;
z-index: 99999 !important;
transform: none !important;
pointer-events: none;
margin: 0 !important;
width: auto !important;
}
.mobile-header-button-inner-wrap {
pointer-events: auto;
width: 100%;
}
.mobile-header-button-wrap .mobile-header-button {
display: block !important;
width: 100% !important;
text-align: center !important;
padding: 14px 20px !important;
text-decoration: none !important;
background: var(--global-palette3) !important;
color: var(--global-palette1) !important;
border: 1px solid rgba(212, 184, 122, 0.55) !important;
border-radius: 0 !important;
font-family: "Cormorant SC", var(--global-heading-font-family) !important;
font-size: 14px !important;
font-weight: 500 !important;
letter-spacing: 0.14em !important;
text-transform: uppercase !important;
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28);
}
}
.custom-footer > .kt-row-column-wrap,
.custom-footer .kb-row-layout-id5b6dc2-b8 > .kt-row-column-wrap,
.custom-footer .kb-row-layout-id43859f-f1 > .kt-row-column-wrap,
.custom-footer .kb-row-layout-id724815-2f > .kt-row-column-wrap {
width: min(calc(100% - 48px), 1290px);
max-width: 1290px;
margin-left: auto;
margin-right: auto;
}
.custom-gallery {
--gallery-gap: 18px;
--gallery-height: clamp(460px, 38vw, 560px);
} .custom-gallery > .kt-row-column-wrap {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: var(--gallery-gap) !important;
align-items: stretch !important;
} .custom-gallery figure {
margin: 0 !important;
width: 100%;
overflow: hidden;
} .custom-gallery > .kt-row-column-wrap > .wp-block-kadence-column:first-child figure {
height: var(--gallery-height) !important;
} .custom-gallery > .kt-row-column-wrap > .wp-block-kadence-column:last-child > .kt-inside-inner-col {
display: flex !important;
flex-direction: column !important;
gap: var(--gallery-gap) !important;
}
.custom-gallery > .kt-row-column-wrap > .wp-block-kadence-column:last-child figure {
height: calc((var(--gallery-height) - var(--gallery-gap)) / 2) !important;
} .custom-gallery .kb-is-ratio-image {
height: 100% !important;
padding-bottom: 0 !important;
} .custom-gallery img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
@media (max-width: 767px) {
.custom-gallery {
--gallery-gap: 14px;
}
.custom-gallery > .kt-row-column-wrap {
grid-template-columns: 1fr !important;
}
.custom-gallery > .kt-row-column-wrap > .wp-block-kadence-column:first-child figure {
height: 320px !important;
}
.custom-gallery > .kt-row-column-wrap > .wp-block-kadence-column:last-child figure {
height: 220px !important;
}
} .press-cards-hover {
--press-hover-gold: #b8975a;
--press-hover-overlay: rgba(24, 32, 49, .08);
--press-hover-lift: -4px;
} .kb-row-layout-wrap.press-cards-hover > .kt-row-column-wrap {
align-items: stretch !important;
}
.kb-row-layout-wrap.press-cards-hover > .kt-row-column-wrap > .wp-block-kadence-column,
.kb-row-layout-wrap.press-cards-hover > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col {
display: flex;
width: 100%;
background: transparent !important;
}
.kb-row-layout-wrap.press-cards-hover > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col {
transition: transform .28s ease;
will-change: transform;
}
.kb-row-layout-wrap.press-cards-hover > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col > .kb-row-layout-wrap {
position: relative;
overflow: hidden;
display: flex;
width: 100%;
height: 100%;
box-shadow: inset 0 0 0 0 rgba(184, 151, 90, 0);
transition: box-shadow .28s ease;
}
.kb-row-layout-wrap.press-cards-hover > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col > .kb-row-layout-wrap > .kt-row-column-wrap {
flex: 1;
min-height: 100%;
} .kb-row-layout-wrap.press-cards-hover > .kt-row-column-wrap > .wp-block-kadence-column:hover > .kt-inside-inner-col {
transform: translateY(var(--press-hover-lift));
}
.kb-row-layout-wrap.press-cards-hover > .kt-row-column-wrap > .wp-block-kadence-column:hover > .kt-inside-inner-col > .kb-row-layout-wrap {
box-shadow: inset 0 0 0 1px var(--press-hover-gold);
} .press-cards-hover figure {
position: relative;
overflow: hidden;
} .press-cards-hover figure::after {
content: "";
position: absolute;
inset: 0;
background: var(--press-hover-overlay);
opacity: 0;
pointer-events: none;
transition: opacity .28s ease;
z-index: 2;
} .press-cards-hover figure::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
background: var(--press-hover-gold);
transform: scaleX(0);
transform-origin: left;
transition: transform .32s ease;
z-index: 3;
}
.kb-row-layout-wrap.press-cards-hover > .kt-row-column-wrap > .wp-block-kadence-column:hover figure::after {
opacity: 1;
}
.kb-row-layout-wrap.press-cards-hover > .kt-row-column-wrap > .wp-block-kadence-column:hover figure::before {
transform: scaleX(1);
} @media (prefers-reduced-motion: reduce) {
.press-cards-hover,
.press-cards-hover *,
.press-cards-hover *::before,
.press-cards-hover *::after {
transition: none !important;
}
.kb-row-layout-wrap.press-cards-hover > .kt-row-column-wrap > .wp-block-kadence-column:hover > .kt-inside-inner-col {
transform: none;
}
} @media (min-width: 1025px) {
li.menu-chambres:not(#fake-id) {
position: relative;
} li.menu-chambres:not(#fake-id) > a {
position: relative;
display: inline-flex;
align-items: center;
}
li.menu-chambres:not(#fake-id) .nav-drop-title-wrap {
position: relative;
display: inline-block;
padding-right: 22px; }
li.menu-chambres:not(#fake-id) .dropdown-nav-toggle {
display: block;
position: absolute;
right: 0;
top: 50%;
width: 16px;
height: 16px;
transform: translateY(-58%);
line-height: 0;
}
li.menu-chambres:not(#fake-id) .dropdown-nav-toggle .kadence-svg-iconset {
display: block;
width: 16px;
height: 16px;
line-height: 0;
}
li.menu-chambres:not(#fake-id) .dropdown-nav-toggle svg {
display: block;
width: 16px;
height: 16px;
color: #FAF7F2;
opacity: 0.8;
transition:
transform 0.2s ease,
opacity 0.2s ease,
color 0.2s ease;
}
li.menu-chambres:not(#fake-id):hover .dropdown-nav-toggle svg,
li.menu-chambres:not(#fake-id):focus-within .dropdown-nav-toggle svg {
transform: rotate(180deg);
opacity: 1;
color: #d4b87a;
} li.menu-chambres:not(#fake-id)::after {
content: "";
position: absolute;
left: -24px;
right: -24px;
top: 100%;
height: 22px;
}
li.menu-chambres:not(#fake-id) > .sub-menu {
position: absolute;
top: calc(100% + 10px);
left: 50%;
width: 315px;
padding: 18px 20px;
display: block;
list-style: none;
background: linear-gradient(
180deg,
rgba(24, 32, 49, 0.98),
rgba(16, 22, 34, 0.98)
);
border: 1px solid rgba(184, 151, 90, 0.32);
box-shadow: 0 18px 46px rgba(0, 0, 0, 0.32);
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translateX(-50%) translateY(8px);
transition:
opacity 0.2s ease,
transform 0.2s ease,
visibility 0.2s ease;
z-index: 9999;
}
li.menu-chambres:not(#fake-id):hover > .sub-menu,
li.menu-chambres:not(#fake-id):focus-within > .sub-menu {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translateX(-50%) translateY(0);
}
li.menu-chambres:not(#fake-id) > .sub-menu::before {
content: "";
position: absolute;
top: -9px;
left: 50%;
width: 18px;
height: 18px;
transform: translateX(-50%) rotate(45deg);
background: #182031;
border-left: 1px solid rgba(184, 151, 90, 0.42);
border-top: 1px solid rgba(184, 151, 90, 0.42);
}
li.menu-chambres:not(#fake-id) > .sub-menu > li {
position: relative;
display: grid;
grid-template-columns: 68px 1fr;
gap: 16px;
align-items: center;
min-height: 54px;
padding: 0 30px 16px 0;
margin: 0 0 16px;
border-bottom: 1px solid rgba(255, 255, 255, 0.13);
}
li.menu-chambres:not(#fake-id) > .sub-menu > li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
li.menu-chambres:not(#fake-id) > .sub-menu > li::before {
content: "";
display: block;
width: 68px;
height: 54px;
grid-column: 1;
grid-row: 1;
background-image: url(//hotelcarondebeaumarchais.com/wp-content/uploads/2026/04/chambre-facade-caron-de-beaumarchais-3-1024x682-1.jpg);
background-size: cover;
background-position: center;
filter: saturate(0.9) contrast(0.95);
transition:
transform 0.3s ease,
filter 0.3s ease;
}
li.menu-chambres:not(#fake-id) > .sub-menu > li:hover::before {
transform: scale(1.04);
filter: saturate(1) contrast(1);
}
li.menu-chambres:not(#fake-id) > .sub-menu > li > a {
grid-column: 2;
grid-row: 1;
display: block;
width: 100%;
min-width: 0;
padding: 0 !important;
margin: 0;
background: transparent !important;
color: #d4b87a !important;
font-family: inherit;
font-size: 13px;
line-height: 1.25;
letter-spacing: 0.1em;
text-transform: uppercase;
white-space: normal;
}
li.menu-chambres:not(#fake-id) > .sub-menu > li::after {
content: "→";
position: absolute;
right: 4px;
top: 20px;
font-family: inherit;
font-size: 13px;
line-height: 1;
color: #b8975a;
transform: translateY(0);
transition:
transform 0.2s ease,
color 0.2s ease;
}
li.menu-chambres:not(#fake-id) > .sub-menu > li:hover::after {
transform: translateX(3px);
color: #d4b87a;
}
li.menu-chambres:not(#fake-id) > .sub-menu > li:nth-child(2)::before {
background-image: url(//hotelcarondebeaumarchais.com/wp-content/uploads/2026/04/chambre-cour-caron-de-beaumarchais-5.jpg);
background-position: center;
}
} .room-info-grid .kt-row-column-wrap {
align-items: stretch !important;
}
.room-info-grid > .kt-row-column-wrap > .wp-block-kadence-column {
display: flex;
}
.room-info-grid > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col {
width: 100%;
height: 100%;
display: flex;
}
.room-info-grid > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col > .kb-row-layout-wrap {
width: 100%;
height: 100%;
display: flex;
}
.room-info-grid > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col > .kb-row-layout-wrap > .kt-row-column-wrap {
width: 100%;
height: 100%;
}
.room-info-grid .kt-inside-inner-col {
height: 100%;
}  .galerie-zoom .kb-gal-image-radius {
overflow: hidden;
border-radius: 2px;
}
.galerie-zoom .kb-gallery-item-link {
position: relative;
display: block;
overflow: hidden;
}
.galerie-zoom .kb-gallery-item-link::before {
content: "";
position: absolute;
inset: 0;
z-index: 2;
pointer-events: none;
background:
linear-gradient(
135deg,
rgba(24, 32, 49, 0.02) 0%,
rgba(24, 32, 49, 0.18) 58%,
rgba(16, 22, 34, 0.34) 100%
);
opacity: 0;
transition: opacity 0.45s ease;
}
.galerie-zoom .kb-gallery-item-link::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
z-index: 3;
width: 46px;
height: 46px;
pointer-events: none;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' stroke='%23FAF7F2' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 64%;
border: 1px solid rgba(250, 247, 242, 0.72);
background-color: rgba(16, 22, 34, 0.24);
backdrop-filter: blur(2px);
-webkit-backdrop-filter: blur(2px);
border-radius: 50%;
opacity: 0;
transform: translate(-50%, -50%) scale(0.72);
transition:
opacity 0.35s ease 0.06s,
transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.galerie-zoom .kb-gallery-image-contain img {
transition:
transform 0.6s ease,
filter 0.6s ease;
transform-origin: center center;
}
.galerie-zoom .kadence-blocks-gallery-item-inner:hover .kb-gallery-item-link::before {
opacity: 1;
}
.galerie-zoom .kadence-blocks-gallery-item-inner:hover .kb-gallery-item-link::after {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
.galerie-zoom .kadence-blocks-gallery-item-inner:hover .kb-gallery-image-contain img {
transform: scale(1.04);
filter: brightness(0.9) contrast(1.03) saturate(1);
} @media (min-width: 1025px) {
.masonry-gallery .kb-gallery-ul {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
grid-auto-rows: 220px !important;
grid-auto-flow: dense;
gap: 16px !important;
}
.masonry-gallery .kadence-blocks-gallery-item {
width: auto !important;
max-width: none !important;
padding: 0 !important;
}
.masonry-gallery .kadence-blocks-gallery-item-inner,
.masonry-gallery .kb-gallery-figure,
.masonry-gallery .kb-gallery-item-link,
.masonry-gallery .kb-gal-image-radius,
.masonry-gallery .kb-gallery-image-contain {
display: block !important;
width: 100% !important;
height: 100% !important;
border-radius: 0px !important;
}
.masonry-gallery .kb-gallery-image-contain {
padding-bottom: 0 !important;
aspect-ratio: auto !important;
}
.masonry-gallery .kb-gallery-image-contain img {
position: static !important;
inset: auto !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
} .masonry-gallery .kadence-blocks-gallery-item:nth-child(1) {
grid-column: span 2;
grid-row: span 2;
}
.masonry-gallery .kadence-blocks-gallery-item:nth-child(2),
.masonry-gallery .kadence-blocks-gallery-item:nth-child(3),
.masonry-gallery .kadence-blocks-gallery-item:nth-child(4),
.masonry-gallery .kadence-blocks-gallery-item:nth-child(5) {
grid-column: span 1;
grid-row: span 1;
} .masonry-gallery .kadence-blocks-gallery-item:nth-child(6) {
grid-column: span 1;
grid-row: span 1;
}
.masonry-gallery .kadence-blocks-gallery-item:nth-child(7) {
grid-column: span 2;
grid-row: span 2;
}
.masonry-gallery .kadence-blocks-gallery-item:nth-child(8),
.masonry-gallery .kadence-blocks-gallery-item:nth-child(9),
.masonry-gallery .kadence-blocks-gallery-item:nth-child(10) {
grid-column: span 1;
grid-row: span 1;
} .masonry-gallery .kadence-blocks-gallery-item:nth-child(11) {
grid-column: span 2;
grid-row: span 2;
}
.masonry-gallery .kadence-blocks-gallery-item:nth-child(n+12) {
grid-column: span 1;
grid-row: span 1;
}
} @media (min-width: 768px) and (max-width: 1024px) {
.masonry-gallery .kb-gallery-ul {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
grid-auto-rows: 180px !important;
grid-auto-flow: dense;
gap: 12px !important;
}
.masonry-gallery .kadence-blocks-gallery-item {
width: auto !important;
max-width: none !important;
padding: 0 !important;
}
.masonry-gallery .kadence-blocks-gallery-item:nth-child(3n + 1) {
grid-column: span 2;
grid-row: span 2;
}
.masonry-gallery .kadence-blocks-gallery-item:not(:nth-child(3n + 1)) {
grid-column: span 1;
grid-row: span 1;
}
.masonry-gallery .kadence-blocks-gallery-item-inner,
.masonry-gallery .kb-gallery-figure,
.masonry-gallery .kb-gallery-item-link,
.masonry-gallery .kb-gal-image-radius,
.masonry-gallery .kb-gallery-image-contain {
display: block !important;
width: 100% !important;
height: 100% !important;
}
.masonry-gallery .kb-gallery-image-contain {
padding-bottom: 0 !important;
aspect-ratio: auto !important;
}
.masonry-gallery .kb-gallery-image-contain img {
position: static !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
} @media (max-width: 767px) {
.masonry-gallery .kb-gallery-ul {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
}
.masonry-gallery .kadence-blocks-gallery-item {
width: auto !important;
max-width: none !important;
padding: 0 !important;
}
.masonry-gallery .kadence-blocks-gallery-item:nth-child(3n + 1) {
grid-column: span 2;
}
.masonry-gallery .kb-gallery-image-contain {
padding-bottom: 0 !important;
aspect-ratio: 4 / 5 !important;
}
.masonry-gallery .kadence-blocks-gallery-item:nth-child(3n + 1) .kb-gallery-image-contain {
aspect-ratio: 16 / 10 !important;
}
.masonry-gallery .kb-gallery-image-contain img {
position: static !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
} @media (prefers-reduced-motion: reduce) {
.galerie-zoom .kb-gallery-item-link::before,
.galerie-zoom .kb-gallery-item-link::after,
.galerie-zoom .kb-gallery-image-contain img {
transition: none !important;
}
.galerie-zoom .kadence-blocks-gallery-item-inner:hover .kb-gallery-image-contain img {
transform: none !important;
}
}
@media (max-width: 767px) {
.site-main-header-inner-wrap .menu-toggle-label {
font-size: 16px !important;
font-weight: 500;
letter-spacing: 0.05em;
text-transform: uppercase;
}
.site-main-header-inner-wrap .mobile-site-branding .site-title {
font-size: 16px !important;
font-weight: 400;
letter-spacing: 0.02em;
}
} @media (max-width: 1024px) {
#mobile-drawer .pop-slice-background {
position: fixed !important;
inset: 0 !important;
width: 100vw !important;
height: 100% !important;
min-height: 100vh !important;
pointer-events: none !important;
overflow: hidden !important;
z-index: 0 !important;
}
#mobile-drawer .pop-slice-background .pop-portion-bg {
position: relative;
z-index: 0;
} #mobile-drawer .pop-slice-background::after {
content: "";
position: fixed;
inset: 0;
width: 100vw;
height: 100%;
min-height: 100vh;
pointer-events: none;
z-index: 1;
background:
linear-gradient(
90deg,
#182031 0%,
#182031 52%,
rgba(24, 32, 49, 0.92) 68%,
rgba(24, 32, 49, 0.76) 84%,
rgba(24, 32, 49, 0.50) 100%
),
url(https://carondebeaumarchais.com/wp-content/uploads/2026/04/Sans-titre-5-copie-6.jpg) right center / cover no-repeat;
opacity: 1;
filter: saturate(0.72) contrast(0.94);
} #mobile-drawer .drawer-header,
#mobile-drawer .drawer-content {
position: relative;
z-index: 2 !important;
} body.showing-popup-drawer-from-full,
body.showing-popup-drawer-from-full #mobile-drawer,
body.showing-popup-drawer-from-full #mobile-drawer .drawer-inner {
overflow: hidden !important;
}
} #kt-scroll-up,
.kt-scroll-up,
.scroll-up,
.kadence-scroll-to-top,
button[aria-label="Scroll to top"],
a[aria-label="Scroll to top"] {
width: 30px !important;
height: 30px !important;
right: 28px !important;
bottom: 28px !important;
align-items: center !important;
justify-content: center !important;
background: rgba(24, 32, 49, 0.92) !important;
color: #D4B87A !important;
border: 1px solid rgba(212, 184, 122, 0.62) !important;
border-radius: 50% !important;
box-shadow:
0 6px 16px rgba(0, 0, 0, 0.18),
inset 0 0 0 1px rgba(255, 255, 255, 0.03) !important;
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
transition:
background-color 0.24s ease,
color 0.24s ease,
border-color 0.24s ease,
box-shadow 0.24s ease;
}
#kt-scroll-up:hover,
.kt-scroll-up:hover,
.scroll-up:hover,
.kadence-scroll-to-top:hover,
button[aria-label="Scroll to top"]:hover,
a[aria-label="Scroll to top"]:hover {
background: #D4B87A !important;
color: #182031 !important;
border-color: #D4B87A !important;
box-shadow:
0 8px 20px rgba(0, 0, 0, 0.24),
0 0 0 1px rgba(212, 184, 122, 0.18) !important;
} #kt-scroll-up svg,
.kt-scroll-up svg,
.scroll-up svg,
.kadence-scroll-to-top svg,
button[aria-label="Scroll to top"] svg,
a[aria-label="Scroll to top"] svg {
width: 11px !important;
height: 11px !important;
stroke-width: 1.6 !important;
} @media (max-width: 768px) {
#kt-scroll-up,
.kt-scroll-up,
.scroll-up,
.kadence-scroll-to-top,
button[aria-label="Scroll to top"],
a[aria-label="Scroll to top"] {
right: 18px !important;
bottom: 78px !important;
width: 30px !important;
height: 30px !important;
}
#kt-scroll-up svg,
.kt-scroll-up svg,
.scroll-up svg,
.kadence-scroll-to-top svg,
button[aria-label="Scroll to top"] svg,
a[aria-label="Scroll to top"] svg {
width: 10px !important;
height: 10px !important;
}
} #didomi-host .didomi-popup-notice-logo-container {
text-align: center !important;
}
#didomi-host .didomi-popup-notice-logo {
display: inline-block !important;
margin-left: auto !important;
margin-right: auto !important;
max-width: 220px;
height: auto;
} .hero-cue-wrap.caron-hero-threshold {
position: relative;
z-index: 2;
} .hero-cue-wrap.caron-hero-threshold .scroll-cue {
position: absolute;
left: 50%;
top: -96px;
transform: translateX(-50%);
display: inline-flex;
flex-direction: column;
align-items: center;
gap: 10px;
text-decoration: none;
color: rgba(255, 255, 255, 0.78);
transition:
transform 0.2s ease,
color 0.2s ease;
} .hero-cue-wrap.caron-hero-threshold .scroll-cue:hover,
.hero-cue-wrap.caron-hero-threshold .scroll-cue:focus-visible {
color: rgba(212, 184, 122, 0.92);
transform: translateX(-50%) translateY(-2px);
} .hero-cue-wrap.caron-hero-threshold .scroll-cue__label {
font-family: "Cormorant SC", serif;
font-size: 12px;
letter-spacing: 0.32em;
text-transform: uppercase;
line-height: 1;
opacity: 0;
transform: translateY(12px);
transition:
opacity 0.72s ease 0.35s,
transform 0.72s cubic-bezier(0.22, 0.61, 0.36, 1) 0.35s;
} .hero-cue-wrap.caron-hero-threshold.caron-cue-is-loaded .scroll-cue__label {
opacity: 1;
transform: translateY(0);
} .hero-cue-wrap.caron-hero-threshold .scroll-cue__divider {
position: relative;
display: block;
width: 1px;
height: 46px;
background: linear-gradient(
to bottom,
rgba(212, 184, 122, 0.95) 0%,
rgba(255, 255, 255, 0.32) 62%,
rgba(255, 255, 255, 0) 100%
);
transform-origin: top center;
transform: scaleY(0);
opacity: 0;
animation: none;
transition:
transform 0.9s cubic-bezier(0.22, 0.61, 0.36, 1) 0.9s,
opacity 0.72s ease 0.9s;
} .hero-cue-wrap.caron-hero-threshold.caron-cue-is-loaded .scroll-cue__divider {
transform: scaleY(1);
opacity: 0.88;
animation: caron-scroll-divider 2.4s ease-in-out infinite 2s;
} .hero-cue-wrap.caron-hero-threshold .scroll-cue__divider::after {
content: "";
position: absolute;
left: 50%;
bottom: -3px;
width: 4px;
height: 4px;
border-radius: 50%;
background: #d4b87a;
box-shadow: 0 0 14px rgba(212, 184, 122, 0.72);
opacity: 0;
transform: translateX(-50%) scale(0.35);
transition:
opacity 0.65s ease 1.6s,
transform 0.72s cubic-bezier(0.22, 0.61, 0.36, 1) 1.6s;
} .hero-cue-wrap.caron-hero-threshold.caron-cue-is-loaded .scroll-cue__divider::after {
opacity: 1;
transform: translateX(-50%) scale(1);
} .hero-cue-wrap.caron-hero-threshold .scroll-cue:hover .scroll-cue__divider::after,
.hero-cue-wrap.caron-hero-threshold .scroll-cue:focus-visible .scroll-cue__divider::after {
box-shadow: 0 0 22px rgba(212, 184, 122, 0.92);
} @keyframes caron-scroll-divider {
0%,
100% {
transform: scaleY(1);
opacity: 0.42;
}
50% {
transform: scaleY(0.62);
opacity: 0.95;
}
} @media (max-width: 768px) {
.hero-cue-wrap.caron-hero-threshold .scroll-cue {
top: -58px;
}
} @media (prefers-reduced-motion: reduce) {
.hero-cue-wrap.caron-hero-threshold .scroll-cue__label,
.hero-cue-wrap.caron-hero-threshold .scroll-cue__divider,
.hero-cue-wrap.caron-hero-threshold .scroll-cue__divider::after {
animation: none !important;
transition: none !important;
}
.hero-cue-wrap.caron-hero-threshold .scroll-cue__label {
opacity: 1;
transform: none;
}
.hero-cue-wrap.caron-hero-threshold .scroll-cue__divider {
transform: scaleY(1);
opacity: 0.88;
}
.hero-cue-wrap.caron-hero-threshold .scroll-cue__divider::after {
opacity: 1;
transform: translateX(-50%) scale(1);
}
}