/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain: Avada
*/
.fusion-text h1, .fusion-text h2, .fusion-text h3 {
color: inherit !important;
}
/* UTILITES */
.hidden {
display: none !important;
}
/* Header */
.fusion-tb-header > div {
mix-blend-mode: difference;
}
#hero {
position: sticky;
top: 0;
z-index: 0;
}
/* Hero */
#hero {
height: 100vh;
background-size: 120%;
animation: heroZoom 1s ease-in-out forwards;
}
#hero__brand-text img {
width: 100vw;
}
@keyframes heroZoom {
from {
background-size: 120%;
}
to {
background-size: 100%;
}
}
/* intro */
[class*="line-"] {
max-width: 900px;
width: 100%;
display: inline-block !important;
}
.line-1 {
text-align: left;
}
.line-2 {
text-align: center;
}
.line-3 {
text-align: right;
}
/* resort activities */
#resort-activities sup{
font-family: "Inter" !important;
margin-right: 50px;
display: inline-block;
font-size: 20px;
}
.activity-row {
will-change: transform;
backface-visibility: hidden;
transform: translateZ(0);
}
/* Tenu Toggle */
#menu-toggle {
align-content: flex-end;
align-items: flex-end;
cursor: pointer;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
gap: 10px;
height: 30px;
justify-content: center;
overflow: visible;
padding: 0;
position: relative;
width: 40px;
}
#menu-toggle span {
flex: none;
background-color: rgb(237, 202, 175);
height: 1px;
overflow: hidden;
position: relative;
transition: .3s ease-in-out;
}
.menu-toggle__top {
width: 40px;
}
#menu-toggle .menu-toggle__bottom {
width: 30px;
}
#menu-tigger a:not(.awb-oc-active) #menu-toggle:hover span:last-child {
width: 15px;
}
.awb-oc-active #menu-toggle span {
left: calc(50.00000000000002% - 22px / 2);
position: absolute;
top: calc(50.00000000000002% - 1px / 2);
width: 22px;
z-index: 1;
}
.menu-toggle__bottom,
.menu-toggle__top {
transform-origin: 50% 50% 0px;
transform: none;
will-change: transform;
}
.awb-oc-active .menu-toggle__top {
transform: rotate(45deg);
}
.awb-oc-active .menu-toggle__bottom {
transform: rotate(-45deg);
}
.list-without-icon .icon-wrapper {
display: none !important;
}
.list-without-icon .fusion-li-item-content {
margin-left: 0 !important;
font-family: "Instrument Serif";
}
.fusion-li-item-content p:last-of-type {
display: none;
}
.rooms-carousel .swiper-slide img {
aspect-ratio: 4/3 !important;
object-fit: cover !important;
object-position: center !important;
transition: .6s ease-in-out !important;
width: 100% !important;
}
.rooms-carousel .awb-swiper {
overflow: visible !important;
}
.rooms-carousel .swiper-slide-active img {
aspect-ratio: 4/3.5 !important;
}
#book {
will-change: transform;
opacity: 1;
transform: translateY(300px) rotate(-15deg);
}
.places-to-see-img-full {
width: 100% !important;
}
.footer-graphic {
mask: linear-gradient(0deg, rgba(0, 0, 0, 0) 69.7072%, rgb(0, 0, 0) 100%);
left: 50% !important;
transform: translateX(-50%);
opacity: 1;
overflow: hidden;
height: auto !important;
}
.footer-tag:after {
content: "";
position: absolute;
bottom: -40px;
height: 40px;
left: 10px;
width: calc(100% - 20px);
background: #170f0b;
}
.footer-graphic img {
-webkit-mask: url('data:image/svg+xml,') alpha no-repeat center / auto var(--framer-icon-mask-mode, add),var(--framer-icon-mask, none);
aspect-ratio: 1.25;
background-color: #bdb4af;
mask: url('data:image/svg+xml,') alpha no-repeat center / auto var(--framer-icon-mask-mode, add),var(--framer-icon-mask, none);
}
/* .parallax-effect.fusion-imageframe {
max-width: 100vw !important;
object-fit: cover !important;
max-height: 105% !important;
}
.parallax-effect.fusion-imageframe.has-aspect-ratio img {
width: 100vw !important;
height: 105vh !important;
} */
.list-flex {
display: flex;
margin-top: 0 !important;
flex-wrap: nowrap;
gap: 50px;
}
.list-flex .icon-wrapper {
display: none !important;
}
.list-flex .fusion-li-item .fusion-li-item-content {
margin-left: 0 !important;
}
.list-flex .fusion-li-item {
padding: 0px !important;
text-transform: uppercase !important;
}
/* .horizontal-scroll-section .fusion-builder-row img, .horizontal-scroll-section .fusion-builder-row .fusion-image-element,
.horizontal-scroll-section .fusion-builder-row .fusion-imageframe {
max-height: 270px;
width: 100%;
object-fit: cover;
display: block;
}
.horizontal-scroll-section h3 {
margin-top:10px;
margin-bottom: 5px;
color: #fff;
} */
/* ── Fix section height to full viewport ── */
.horizontal-scroll-section {
height: 100vh !important;
min-height: 100vh !important;
max-height: 100vh !important;
box-sizing: border-box !important;
}
/* ── Avada override: neutralise theme column height injection ── */
.horizontal-scroll-section .fusion-layout-column,
.horizontal-scroll-section .fusion-column-wrapper {
box-sizing: border-box;
}
/* ── Images ── */
.horizontal-scroll-section .fusion-builder-row img,
.horizontal-scroll-section .fusion-builder-row .fusion-image-element,
.horizontal-scroll-section .fusion-builder-row .fusion-imageframe {
max-height: 270px;
width: 100%;
object-fit: cover;
display: block;
}
/* Avada wraps images in — make it block */
.horizontal-scroll-section .fusion-builder-row span.fusion-imageframe {
display: block;
width: 100%;
}
/* ── Prevent Avada's row from wrapping ── */
.horizontal-scroll-section .fusion-builder-row {
flex-wrap: nowrap !important;
align-items: flex-start !important;
}
/* ── First column (title only) — vertically centre heading ── */
.horizontal-scroll-section .fusion-builder-column-7 .fusion-column-wrapper {
display: flex;
align-items: center;
justify-content: flex-start;
}
.horizontal-scroll-section h3 {
margin-bottom: 10px;
margin-top: 10px;
}
.horizontal-scroll-section p:not(:last-child) {
margin-bottom: 5px !important;
}
/* ── Centre the row vertically within the pinned section ── */
.horizontal-scroll-section .fusion-flex-container {
display: flex !important;
align-items: center !important;
}
.horizontal-scroll-section .fusion-builder-row {
flex-wrap: nowrap !important;
align-items: center !important;
}
.places-to-see-wrapper p:first-of-type ,
.experience-wrapper p:first-of-type {
margin-bottom: 10px;
}
.contact-item p {
margin-bottom: 5px !important;
}
.contact-item span.txt-light {
opacity: .4;
}
.side-menu-open #book_now {
z-index: 0;
}
/* #book_now {
position: fixed;
right: 125px;
top: calc(140px - 60px);
min-height: 40px;
padding-inline: 15px;
border-radius: 40px;
z-index: 300;
border: 1px solid #141617;
background: #ede9e4;
font-size: 13px !important;
opacity: 1;
visibility: visible;
transition: opacity 0.3s ease;
}
#book_now.show {
}
.side-menu-open #book_now {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
#book_now span,
#book_now i{
color: #141617 !important;
} */
#book_now {
position: fixed;
right: 125px;
top: calc(140px - 60px);
min-height: 40px;
padding-inline: 15px;
border-radius: 40px;
z-index: 300;
border: 1px solid #141617;
/* background: transparent; */
font-size: 13px !important;
/* Start hidden */
opacity: 0;
visibility: hidden;
transition: opacity 0.4s ease, transform 0.4s ease;
transform: translateY(-10px); /* optional slight slide */
background: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(8px);
}
/* Fade in when .show is added */
#book_now.show {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.side-menu-open #book_now {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
#book_now {
transition: .3s ease-in-out;
}
#book_now span,
#book_now i {
color: #141617 !important;
}
#book_now:hover {
background-color: #141617;
}
#book_now:hover span {
color: #fff !important;
}
.room-details strong:first-of-type {
font-size: 32px;
font-family: var(--h2_typography-font-family);
}
.room-details ul {
list-style: none;
padding-left: 0;
display: flex;
gap: 15px;
}
.room-details ul li {
position: relative;
}
.room-details ul li:not(:last-child):after {
content: "";
height: 100%;
width: 1px;
position: absolute;
right: -7.5px;
background: var(--h4_typography-color);
}