.moveLoader .spinner video, .spinner {
max-height: 450px;
max-width: 450px;
width: 100%;
height: 100%}
.subscribe-form input[type=submit], .subscribe-form input[type=text] {
font-family: Poppins!important;
box-shadow: 0 1px 2px rgb(16 24 40 / 5%);
}
.animate, .animate.fade {
animation-name: animate-fade;
}
*, a, b, body, h1, h2, h3, h4, h5, h6, li, p, small, span, td, tr {
font-family: Poppins;
}
html {
scroll-behavior: smooth;
}
@font-face {
font-family: AllRoundGothic-Medium;
src: url(https://oagaresorts.com/wp-content/themes/oaga-child/fonts/allroundgothic-medium-webfont.woff2) format('woff2'), url(https://oagaresorts.com/wp-content/themes/oaga-child/fonts/allroundgothic-medium-webfont.woff) format('woff');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: MotaruDhigu-Regular;
src: url(https://oagaresorts.com/wp-content/themes/oaga-child/fonts/MotaruDhigu-Regular.ttf) format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: Fontspring-DEMO-orpheuspro-medium;
src: url(https://oagaresorts.com/wp-content/themes/oaga-child/fonts/Fontspring-DEMO-orpheuspro-medium.otf) format('opentype');
font-weight: 500;
font-style: normal;
}
.address-sections h3 {
margin: 16px 0 0;
font-weight: 600;
font-size: 1.2rem;
color: #fff;
line-height: 1.75rem;
display: flex;
gap: .5rem;
align-items: center;
}
.offer-detail-content .right-side h4 p, .page-template-contact-template form.wpcf7-form p, .related-rooms .about-room h3, .site-footer .footer-widgets-container .inside-footer-widgets, .tab .tabs div h2, a.special-link p, ul#menu-footer li {
margin: 0;
}
@font-face {
font-family: AllRoundGothic-Book;
src: url(https://oagaresorts.com/wp-content/themes/oaga-child/fonts/allroundgothic-book-webfont.woff2) format('woff2'), url(https://oagaresorts.com/wp-content/themes/oaga-child/fonts/allroundgothic-book-webfont.woff) format('woff');
font-weight: 350;
font-style: normal;
}
@font-face {
font-family: AllRoundGothic-XLig;
src: url(https://oagaresorts.com/wp-content/themes/oaga-child/fonts/allroundgothic-xlig-webfont.woff2) format('woff2'), url(https://oagaresorts.com/wp-content/themes/oaga-child/fonts/allroundgothic-xlig-webfont.woff) format('woff');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: AllRoundGothic-SemiBold;
src: url(https://oagaresorts.com/wp-content/themes/oaga-child/fonts/allroundgothic-semibold-webfont.woff2) format('woff2'), url(https://oagaresorts.com/wp-content/themes/oaga-child/fonts/allroundgothic-semibold-webfont.woff) format('woff');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: Zooja;
src: url(https://oagaresorts.com/wp-content/themes/oaga-child/fonts/Zooja.ttf) format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: AllRoundGothic-Bold;
src: url(https://oagaresorts.com/wp-content/themes/oaga-child/fonts/allroundgothic-bold-webfont.woff2) format('woff2'), url(https://oagaresorts.com/wp-content/themes/oaga-child/fonts/allroundgothic-bold-webfont.woff) format('woff');
font-weight: 700;
font-style: normal;
}
.spinner-wrapper {
background: #fff;
width: 100%;
height: 100%;
display: block;
position: fixed;
top: 0;
left: 0;
z-index: 10000;
}
.spinner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1000;
display: flex;
justify-content: center;
align-items: center;
}
.spinner>div {
height: 80px;
width: 80px;
background-repeat: no-repeat;
background-size: contain;
display: inline-block;
background-image: url(https://oagaresorts.com/wp-content/uploads/2022/02/favicon.png);
-webkit-animation: 2.3s ease-in infinite sk-stretchdelay;
animation: 2.3s ease-in infinite sk-stretchdelay;
}
.spinner .rect2 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.spinner .rect3 {
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
.spinner .rect4 {
-webkit-animation-delay: -.9s;
animation-delay: -.9s;
}
.spinner .rect5 {
-webkit-animation-delay: -.8s;
animation-delay: -.8s;
}
.spinner-wrapper.moveLoader {
transition: 1s ease-out;
opacity: 0;
}
@-webkit-keyframes sk-stretchdelay {
0%, 100%, 40% {
-webkit-transform: scale(.97, .97);
}
20%, 60% {
-webkit-transform: scale(1, 1);
}
}@keyframes sk-stretchdelay {
0%, 100%, 40% {
transform: scale(.97, .97);
-webkit-transform: scale(.97, .97);
}
20%, 60% {
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}
}#banner .soliloquy-pager.soliloquy-default-pager, #menu-event .tribe-events-header__messages.tribe-events-c-messages.tribe-common-b2.tribe-common-c-loader__dot.tribe-common-c-loader__dot--third, #quadmenu.quadmenu-generatepress.quadmenu-hover-ripple .quadmenu-navbar-nav>li.quadmenu-item.quadmenu-has-link>a:before, #quadmenu.quadmenu-generatepress.quadmenu-hover-slidebar .quadmenu-navbar-nav>li.quadmenu-item.quadmenu-has-link>a:before, .about-bg.mobile, .comments-area, .infinite-slider .slide.opened .entry-content, .mobile-banner.metaslider, .mobile-offers-link, .offer-detail-content .tribe-events-cal-links, .page-template-contact-template article header.entry-header, .page-template-contact-template input[type=file], .page-template-default .inside-article header.entry-header, .page-template-default-template .inside-article header.entry-header, .page-template-faq-template .featured-image.page-header-image.grid-container.grid-parent, .page-template-full-width-template .entry-header, .tab .tabs div:not(:first-of-type), .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__day:after, .tribe-events .tribe-events-c-messages__message--notice .tribe-events-c-messages__message-icon-svg, div#menu-event .event-list-column .event-list-section h3, div#menu-event .event-list-column .event-summary-section p.summary-text, div#menu-event .event-title-desc-area p, div#menu-event .tribe-common-b1.tribe-common-b2--min-medium.tribe-events-widget-events-month__view-more, div#menu-event .tribe-events-header__messages.tribe-events-c-messages.tribe-common-b2.tribe-events-header__messages--mobile.tribe-events-header__messages--day, footer.entry-meta, header#masthead, main#scroll-cards.mobile-relateds {
display: none;
}
header#masthead, nav#site-navigation {
background: 0 0;
z-index: 1;
}
header#masthead:before {
background: url(https://oagaresorts.com/wp-content/themes/oaga-child/images/headerartwork.svg) center/cover no-repeat #ffc900;
content: "";
position: absolute;
top: 0;
width: 100%;
height: calc(100% + 54px);
z-index: -1;
}
body.blog div#page:before, body.page-template div#page:before, body.page-template-default div#page:before, body.post-template-default div#page:before, body.post-type-archive-eat div#page:before, body.post-type-archive-experiences div#page:before, body.post-type-archive-facilities div#page:before, body.post-type-archive-journal div#page:before, body.post-type-archive-offers div#page:before, body.post-type-archive-rooms div#page:before, body.post-type-archive-spa div#page:before, body.post-type-archive-tribe_events div#page:before, body.single-journal div#page:before, body.single-offers div#page:before, body.single-rooms div#page:before, body.single-tribe_events div#page:before, body.tax-journal-type div#page:before {
position: absolute;
top: -120px;
left: calc(50% - 50vw);
min-width: 100vw;
z-index: -1;
background-size: cover;
aspect-ratio: 1440/2216;
opacity: .65;
}
.site-content .event-list-page {
background: #fff;
border-radius: 1rem;
margin-bottom: 7rem;
padding: 1.5rem;
margin-left: -1.5rem;
margin-right: -1.5rem;
}
body.single-rooms div#page:before {
top: 550px;
}
body.post-type-archive-offers .offer-cards .offer-card:last-child {
display: flex;
}
body.blog div#page, body.page-template div#page, body.page-template-default div#page, body.page-template-default-template div#page, body.post-template-default div#page, body.post-type-archive-artist div#page, body.post-type-archive-diving div#page, body.post-type-archive-eat div#page, body.post-type-archive-excursions div#page, body.post-type-archive-experiences div#page, body.post-type-archive-facilities div#page, body.post-type-archive-journal div#page, body.post-type-archive-offers div#page, body.post-type-archive-people div#page, body.post-type-archive-rooms div#page, body.post-type-archive-spa div#page, body.post-type-archive-tribe_events div#page, body.single-journal div#page, body.single-offers div#page, body.single-rooms div#page, body.single-tribe_events div#page {
position: relative;
overflow-y: clip;
width: 100%}
body.single-offers div#page div#content {
max-width: 100%;
overflow: clip;
}
body.page-template div#page .inside-article, body.page-template-default div#page .inside-article, body.page-template-default-template div#page .inside-article {
background: unset;
}
#quadmenu.quadmenu-generatepress .quadmenu-navbar-nav>li.quadmenu-item>a {
font-family: Poppins!important;
font-weight: 350!important;
}
#quadmenu .quadmenu-navbar-nav>li.quadmenu-item>.quadmenu-item-content {
padding: 0 18.5px;
}
#quadmenu.quadmenu-is-horizontal.quadmenu-align-center .quadmenu-navbar-nav>li a>span, .faq-list details summary, .featured-cards, .infinite-slider, .main-navigation #quadmenu.quadmenu-generatepress .quadmenu-navbar-nav>li:not(.quadmenu-item-type-button)>a:hover>.quadmenu-item-content .quadmenu-text, .main-navigation #quadmenu.quadmenu-generatepress .quadmenu-navbar-nav>li:not(.quadmenu-item-type-button)>a>.quadmenu-item-content .quadmenu-text, .page-template-about-template div#primary, .page-template-contact-template div#primary, .page-template-contact-template form.wpcf7-form span.JobPosition, .page-template-full-width-template div#primary, .post-type-archive-album #page-title, .post-type-archive-album .site-content, .post-type-archive-artist .site-content, .post-type-archive-people .site-content, .sticky-container, .web-v3 .event-summary, .web-v3.archive section#stay ul.splide__list.\32 by2 li.splide__slide, a.experience-item>div, section#home-about .grid-container, section#home-offers .grid-container, section#home-rooms .grid-container {
position: relative;
}
#quadmenu.quadmenu-is-horizontal.quadmenu-align-center .quadmenu-navbar-nav>li:not(:last-child) a>span:before {
content: '';
background: #e00059;
width: 5px;
height: 5px;
display: block;
border-radius: 100%;
position: absolute;
right: -2.5px;
top: 8px;
}
nav#site-navigation {
background: center/cover #ffc900;
z-index: 10;
}
#quadmenu.quadmenu-is-horizontal.quadmenu-align-center .quadmenu-navbar-nav>li:nth-child(2) a>span:before, .blog div#primary .site-main article:nth-child(8n+2), .post-type-archive-journal div#primary .site-main article:nth-child(8n+2), .tax-journal-type div#primary .site-main article:nth-child(8n+2) {
background: #00bfa1;
}
#quadmenu.quadmenu-is-horizontal.quadmenu-align-center .quadmenu-navbar-nav>li:nth-child(3) a>span:before, .blog div#primary .site-main article:nth-child(8n+3), .post-type-archive-journal div#primary .site-main article:nth-child(8n+3), .tax-journal-type div#primary .site-main article:nth-child(8n+3) {
background: #d35f94;
}
#quadmenu.quadmenu-is-horizontal.quadmenu-align-center .quadmenu-navbar-nav>li:nth-child(4) a>span:before, .blog div#primary .site-main article:nth-child(8n+4), .post-type-archive-journal div#primary .site-main article:nth-child(8n+4), .tax-journal-type div#primary .site-main article:nth-child(8n+4) {
background: #008bf4;
}
#quadmenu.quadmenu-is-horizontal.quadmenu-align-center .quadmenu-navbar-nav>li:nth-child(5) a>span:before, .address-sections .office-address, .blog div#primary .site-main article:nth-child(8n+7), .post-type-archive-journal div#primary .site-main article:nth-child(8n+7), .subscribe-bar, .tax-journal-type div#primary .site-main article:nth-child(8n+7) {
background: #673ab7;
}
#quadmenu.quadmenu-is-horizontal.quadmenu-align-center .quadmenu-navbar-nav>li:nth-child(6) a>span:before {
background: #a6005f;
}
.home .availability-check .row label, .home .availability-check .row.pax .number input, .main-navigation #quadmenu.quadmenu-generatepress .quadmenu-navbar-nav>li:not(.quadmenu-item-type-button)>a>.quadmenu-item-content, .post-type-archive-eat #quadmenu.quadmenu-generatepress .quadmenu-navbar-nav>li.quadmenu-item-366>a span.quadmenu-text, .post-type-archive-experiences #quadmenu.quadmenu-generatepress .quadmenu-navbar-nav>li.quadmenu-item-372>a span.quadmenu-text, .post-type-archive-offers #quadmenu.quadmenu-generatepress .quadmenu-navbar-nav>li.quadmenu-item-67>a span.quadmenu-text, .post-type-archive-rooms #quadmenu.quadmenu-generatepress .quadmenu-navbar-nav>li.quadmenu-item-351>a span.quadmenu-text, .post-type-archive-spa #quadmenu.quadmenu-generatepress .quadmenu-navbar-nav>li.quadmenu-item-369>a span.quadmenu-text, .single-offers #quadmenu.quadmenu-generatepress .quadmenu-navbar-nav>li.quadmenu-item-67>a span.quadmenu-text, .single-rooms #quadmenu.quadmenu-generatepress .quadmenu-navbar-nav>li.quadmenu-item-351>a span.quadmenu-text, .web-v3.post-type-archive-rooms div#page-title span {
color: #000;
}
h3.tribe-events-calendar-month__day-date.tribe-common-h4, p.tribe-events-calendar-month__day-date.tribe-common-h4 {
position: absolute;
width: 100%;
height: 100%;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.flexslider .slides>li, .tribe-events-calendar-month__multiday-event-wrapper, .tribe-events-calendar-month__multiday-event-wrapper article, .tribe-events-calendar-month__multiday-event-wrapper article .tribe-events-calendar-month__multiday-event-bar, .tribe-events-calendar-month__multiday-event-wrapper article .tribe-events-calendar-month__multiday-event-bar .tribe-events-calendar-month__multiday-event-bar-inner, .web-v3 #offers .splide__slide img, .web-v3 div#splide-banner, .web-v3 div#splide-banner-mobile, .web-v3 div#splide-banner-mobile-track, .web-v3 div#splide-banner-track, div#menu-event .tribe-events .tribe-events-calendar-month__multiday-event-bar a {
height: 100%!important;
}
.tribe-events-calendar-month__multiday-event-wrapper article .tribe-events-calendar-month__multiday-event-bar .tribe-events-calendar-month__multiday-event-bar-inner {
display: flex;
justify-content: center;
}
.event-list-page, .events-occasions-list .row {
display: flex;
justify-content: space-between;
}
.absolute, .big-card .learn-more span.icon>span, .tribe-events-c-top-bar__actions.tribe-common-a11y-hidden, img.offers-artwork {
position: absolute;
}
.tribe-events .tribe-events-calendar-month__header-column-title span {
color: var(--contrast-3);
font-size: .75rem;
line-height: .75rem;
text-align: center;
}
.tribe-events .tribe-events-c-top-bar {
justify-content: center;
margin-bottom: 1rem!important;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-header__messages {
margin-bottom: 1.5rem;
}
.tribe-common .tribe-common-anchor-thin-alt {
border: none;
font-weight: 500;
}
.wpcf7 form.spam .wpcf7-response-output {
background: #f56e28!important;
}
span.not-found-message {
font-size: 1rem;
color: var(--contrast-2);
font-weight: 300;
line-height: 1.5rem;
}
.tribe-events .datepicker .month.current {
background: var(--base-2);
color: #111827;
font-weight: 500;
}
.home #home-experiences div#page-title h1, .offer-detail-content .right-side .inclusions ul li span b, .tribe-events .datepicker .month.active, .tribe-events .datepicker .month.active.focused, a#fannuvarin b {
font-weight: 500;
}
.tribe-events .datepicker .month:hover {
background: var(--base);
}
.tribe-events .datepicker .day, .tribe-events .datepicker .month, .tribe-events .datepicker .year {
border-radius: 1rem;
}
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom {
background: #fff;
border-radius: 1rem;
border: none;
}
li.tribe-events-c-messages__message-list-item {
text-align: left;
color: var(--gray-700);
font-size: .75rem;
line-height: 1rem;
}
.tribe-events-c-messages__message.tribe-events-c-messages__message--notice {
background: #f2f4f7;
border-radius: 1rem;
display: block;
padding: 1rem 1.5rem!important;
}
.tribe-events .tribe-events-c-top-bar__nav-list-item, div#menu-event header.tribe-events-header {
padding: 0;
}
.tribe-events .tribe-events-c-top-bar__nav-list {
gap: 1.125rem;
align-items: center;
}
#home-experiences .experiences-homegrid, .tribe-events .tribe-events-c-top-bar__nav-list .tribe-events-c-top-bar__datepicker time.tribe-events-c-top-bar__datepicker-time, .tribe-events .tribe-events-c-top-bar__nav-list-item, div#mobile-booking-bar .form-inputs .row, div#mobile-booking-toggle {
display: flex;
}
.tribe-common .tribe-common-c-btn-icon--caret-left .tribe-common-c-btn-icon__icon-svg, .tribe-common .tribe-common-c-btn-icon--caret-right .tribe-common-c-btn-icon__icon-svg {
width: 18px;
height: 20px;
padding: 4px 6px;
}
.tribe-events .tribe-events-calendar-month__day {
height: 100%;
aspect-ratio: 1/1!important;
min-height: unset!important;
border: none!important;
padding: .25rem!important;
}
.tribe-events .tribe-events-calendar-month__day-cell {
border-radius: 1rem;
background: #f2f4f7;
border: 2px solid #f2f4f7;
position: relative;
}
.tribe-events .tribe-events-c-top-bar__datepicker-desktop, span.tribe-events-c-top-bar__datepicker-mobile {
font-weight: 500;
font-size: 1rem;
line-height: 1.5rem;
color: var(--gray-700);
text-align: center;
}
.caro-btn-next:focus, .caro-btn-next:hover, .caro-btn-prev:focus, .caro-btn-prev:hover, .page-template-contact-template .workWithUs button.outline-button:hover, .tribe-events-calendar-month__day--next-month .tribe-events-calendar-month__day-cell, .tribe-events-calendar-month__day--past-month .tribe-events-calendar-month__day-cell {
background: 0 0;
}
.amenitybox .room-amenities ul.amenities li:last-child, .faq-list details:first-child, .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__body, .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__week {
border: none;
}
.tribe-common--breakpoint-medium.tribe-common .tribe-common-h4 time {
font-weight: 500;
color: var(--contrast-2)!important;
font-size: 1.125rem;
line-height: 1.75rem;
}
.tribe-events .tribe-events-calendar-month__header-column {
padding-bottom: .5rem;
}
.event-list-page .tribe-common-l-container.tribe-events-l-container {
width: 595px;
margin-left: 0;
}
.event-list-page .even-list-column, .vertical-listing.grid .left.absolute {
max-width: 493px;
}
.tribe-events-calendar-month__day--current h3.tribe-events-calendar-month__day-date.tribe-common-h4 time, .tribe-events-calendar-month__day--current p.tribe-events-calendar-month__day-date.tribe-common-h4 time {
color: #fff!important;
z-index: 1;
}
.tribe-events-calendar-month__day--current h3.tribe-events-calendar-month__day-date.tribe-common-h4:before, .tribe-events-calendar-month__day--current p.tribe-events-calendar-month__day-date.tribe-common-h4:before {
content: "";
background: #e00059;
display: block;
position: absolute;
width: 35px;
height: 35px;
border-radius: 50%}
.tribe-events .tribe-events-calendar-month__multiday-event-bar-title {
color: #fff;
font-weight: 500;
font-size: 1.125rem;
line-height: 1.75rem;
text-align: center;
opacity: 1!important;
z-index: 1;
}
.tribe-events .tribe-events-calendar-month__multiday-event-bar-inner, .web-v3 section#banner {
background-size: cover;
background-position: center;
}
.tribe-events .tribe-events-calendar-month__multiday-event--width-1 .tribe-events-calendar-month__multiday-event-bar {
width: calc(100% + 4px);
border-radius: 1rem!important;
height: calc(100% + 4px)!important;
margin-top: -2px;
margin-left: -2px;
}
.tribe-events .tribe-events-calendar-month__multiday-event-bar.events-item.current-item, .tribe-events .tribe-events-calendar-month__multiday-event-bar:hover {
background: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), url(//oagaresorts.com/wp-content/themes/oaga-child/.jpg);
border: 1.5px solid #fff;
box-shadow: 0 0 0 2.5px rgb(224 0 89 / 15%), 0 0 0 1px #e00059;
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
}
#quadmenu.quadmenu-generatepress.quadmenu-is-horizontal.js .quadmenu-navbar-nav>li.quadmenu-item, .big-cards .big-card img.card-bg, .offer-cards .offer-card img.offer-bg, .tribe-events .tribe-events-calendar-month__multiday-event-bar.events-item, .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide .tall-card-title.image-card p.card-title, .web-v3.archive .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide, .web-v3.archive .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide p.entry-meta.journal-type, .web-v3.blog .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide p.entry-meta.journal-type {
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
}
.events-occasions-list .row.events-item.current-item p, .events-occasions-list .row:hover p {
color: var(--accent);
}
.tribe-events .tribe-events-calendar-month__multiday-event--width-2 .tribe-events-calendar-month__multiday-event-bar {
width: calc(200% + 16px);
border-radius: 1rem!important;
height: calc(100% + 4px)!important;
margin-top: -2px;
margin-left: -2px;
}
.date-and-place li span, .tribe-events .tribe-events-calendar-month__day-date-link {
color: var(--gray-700);
}
.tribe-events .tribe-events-calendar-month__day-cell.single-day-event .tribe-events-calendar-month__calendar-event-highlight .tribe-events-calendar-single-event-dot {
width: 4px;
height: 4px;
display: inline-block;
border-radius: 100%;
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
}
.tribe-events-calendar-month__calendar-event-highlight.event-list-item.events-item.current-item .tribe-events-calendar-single-event-dot, .tribe-events-calendar-month__calendar-event-highlight.event-list-item.events-item:hover .tribe-events-calendar-single-event-dot {
background: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), url(//oagaresorts.com/wp-content/themes/oaga-child/.jpg);
box-shadow: 0 0 0 2.5px rgb(224 0 89 / 15%), 0 0 0 1px #e00059;
height: 4px!important;
width: 4px!important;
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
}
.tribe-events .tribe-events-calendar-month__day-cell.single-day-event .tribe-events-calendar-month__calendar-event-highlight article {
padding: 0;
opacity: 1;
}
.tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__day-date-link {
color: var(--contrast-2)!important;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__day-date-link:focus, .tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__day-date-link:hover {
color: var(--tec-color-day-marker-past-month);
}
.tribe-common--breakpoint-medium.tribe-common .tribe-common-h4 time {
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
}
.tribe-events .tribe-events-calendar-month__day-cell.single-day-event .tribe-events-calendar-month__events {
display: flex;
justify-content: center;
align-items: self-end;
gap: .2rem;
}
.tribe-events .tribe-events-calendar-month__multiday-event--width-3 .tribe-events-calendar-month__multiday-event-bar {
width: calc(300% + 28px);
border-radius: 1rem;
height: calc(100% + 4px)!important;
margin-top: -2px;
margin-left: -2px;
}
.tribe-events .tribe-events-calendar-month__multiday-event--width-4 .tribe-events-calendar-month__multiday-event-bar {
width: calc(400% + 40px);
border-radius: 1rem;
height: calc(100% + 4px)!important;
margin-top: -2px;
margin-left: -2px;
}
.tribe-events .tribe-events-calendar-month__multiday-event--width-5 .tribe-events-calendar-month__multiday-event-bar {
width: calc(500% + 52px);
border-radius: 1rem;
height: calc(100% + 4px)!important;
margin-top: -2px;
margin-left: -2px;
}
.tribe-events .tribe-events-calendar-month__multiday-event--width-6 .tribe-events-calendar-month__multiday-event-bar {
width: calc(600% + 64px);
border-radius: 1rem;
height: calc(100% + 4px)!important;
margin-top: -2px;
margin-left: -2px;
}
.tribe-events .tribe-events-calendar-month__multiday-event--width-7 .tribe-events-calendar-month__multiday-event-bar {
width: calc(700% + 76px);
border-radius: 1rem;
height: calc(100% + 4px)!important;
margin-top: -2px;
margin-left: -2px;
}
.contact-bar {
display: flex;
width: 1216px;
max-width: calc(100vw);
flex-direction: row;
justify-content: space-between;
height: 25.5px;
}
.left-area, .right-area {
width: calc(50% - 86.5px);
border-bottom: 1px solid #000;
}
.availability-check .row, .contact-bar .left-area ul {
display: flex;
flex-direction: row;
}
.widget-shape-container .widget-shape.center::after {
content: "";
background: red;
position: absolute;
width: 100%;
height: 100%;
left: 0;
}
a.call-icon {
color: #000;
font-size: 12px;
padding: 0 6px;
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
}
.events-occasions-list .row.public-holidays, .language-menu a, .tribe-events .tribe-events-calendar-month__multiday-event-hidden, .tribe_events_cat-public-holidays a {
pointer-events: none;
}
.language-menu {
margin: 0 11px 0 0;
}
.language-menu ul, .menu-experiences main section .entry-content h4, .web-v3.archive ul#splide-offers-list, .web-v3.page-template-contact-template .one-column-center form.wpcf7-form .country-select.inside input#Nationality {
margin: 0!important;
}
.contact-bar .left-area ul li, .page-template-about-template .default-template-body .inside-article .entry-content, .page-template-contact-template .default-template-body .inside-article .entry-content, .page-template-default .default-template-body .inside-article .entry-content, .page-template-default-template .default-template-body .inside-article .entry-content, .page-template-full-width-template .default-template-body .inside-article .entry-content {
margin-bottom: 0;
}
.language-menu li a {
color: #000;
text-decoration: none;
font-family: Poppins!important;
font-weight: 300!important;
text-transform: uppercase;
font-size: 14px;
}
.left-area {
margin-top: -4px;
}
.language-menu li a span {
color: #000!important;
opacity: .5;
padding-left: 1px;
font-size: 15px;
}
a.get-a-room-btn {
font-size: .875rem;
line-height: 20px;
font-family: Poppins!important;
font-weight: 500;
text-decoration: none;
background: #000;
color: #fff;
padding: 9px 17px;
border-radius: 24px;
display: flex;
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
}
a.get-a-room-btn:hover {
background: #fff;
color: #000;
-webkit-transition: .22s ease-out;
-moz-transition: .22s ease-out;
-o-transition: .22s ease-out;
transition: .22s ease-out;
}
a.call-icon:hover {
color: #fff;
-webkit-transition: .22s ease-out;
-moz-transition: .22s ease-out;
-o-transition: .22s ease-out;
transition: .22s ease-out;
}
.tribe-events-single .offer-detail-content .right-side h1 {
font-size: 1.875rem;
line-height: 2.25rem;
padding: 0;
margin-bottom: 1.25rem;
color: var(--contrast);
}
.tribe-events-single .tribe-events-single-event-description.tribe-events-content {
font-size: 1.125rem;
font-weight: 300;
line-height: 1.75rem;
color: var(--gray-700);
margin: 1.25rem 0;
}
.event-schedule-list ul {
margin: 0 0 1.5rem;
list-style-type: none;
display: flex;
flex-direction: column;
gap: .5rem;
}
.event-schedule-list ul li .itinerary-time {
font-weight: 500;
font-size: 1.25rem;
line-height: 1.5rem;
color: var(--contrast-2);
}
.event-schedule-list ul li .itinerary-name {
font-weight: 500;
font-size: 1.25rem;
line-height: 1.5rem;
color: var(--gray-700);
}
.event-schedule-list ul li {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.date-and-place li {
list-style-type: none;
color: var(--contrast-3);
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 300;
}
.tribe-events-single .offer-detail-content .left-side img.featured-image {
height: 424px;
margin-top: 0;
}
.tribe-events-single .offer-detail-content .right-side h3 {
font-weight: 300;
font-size: 1.25rem;
line-height: 1.75rem;
color: var(--contrast-3);
margin-bottom: .125rem;
}
#tribe-events-pg-template {
max-width: 1216px;
margin: 1.25rem 0 0;
padding: 0;
}
.right-area {
display: flex;
flex-flow: row-reverse;
padding-bottom: 6px;
align-items: flex-end;
}
.main-ctas {
display: flex;
flex-direction: row-reverse;
align-items: center;
height: 38px;
gap: 18px;
}
a.offers-link {
font-weight: 500;
color: #000;
text-decoration: none;
font-size: .875rem;
line-height: 1.25rem;
padding: 2px 8px;
border-radius: 32px;
background: #fff0;
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
}
.main-navigation #quadmenu.quadmenu-generatepress .quadmenu-navbar-nav>li:not(.quadmenu-item-type-button)>a:hover>.quadmenu-item-content .quadmenu-text:after, a.offers-link:hover {
background: #ff9902;
-webkit-transition: .22s ease-out;
-moz-transition: .22s ease-out;
-o-transition: .22s ease-out;
transition: .22s ease-out;
}
.inclusive-text p {
margin-bottom: .75rem;
font-size: 1rem;
}
.main-navigation #quadmenu.quadmenu-generatepress .quadmenu-navbar-nav>li:not(.quadmenu-item-type-button)>a>.quadmenu-item-content .quadmenu-text:after {
content: "";
position: absolute;
background: #fff0;
width: calc(100% + 14px);
height: 100%;
left: -7px;
z-index: -1;
border-radius: 32px;
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
}
.inside-header.grid-container {
padding: 32px 0 4px;
}
.logo-blank {
width: 173px;
}
.site-logo {
position: relative;
display: inline-block;
max-width: 100%;
z-index: 1;
}
#banner .soliloquy-wrapper, .logo-book-row, .logo-book-row .mini-logo, .logo-book-row .round-book, .subscribe-form form, .subscribe-form form p, ul#menu-footer, ul.social-icons {
display: flex;
display: flex;
}
.site-header .site-logo a:after {
content: "";
background: url(https://oagaresorts.com/wp-content/themes/oaga-child/images/oaga-logo-white.svg) 0 0/cover no-repeat;
width: 139px;
height: 85.3px;
position: absolute;
display: block;
top: 0;
opacity: 0;
-webkit-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-o-transition: .2s ease-in;
transition: .2s ease-in;
}
.main-navigation .logo-book-row .mini-logo a:after {
content: "";
background: url(https://oagaresorts.com/wp-content/themes/oaga-child/images/mini-logo-white.svg) 0 0/cover no-repeat;
width: 40px;
height: 25px;
position: absolute;
display: block;
top: 0;
opacity: 0;
-webkit-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-o-transition: .2s ease-in;
transition: .2s ease-in;
}
.main-navigation .logo-book-row .mini-logo a:hover:after, .site-header .site-logo a:hover:after {
opacity: 1;
-webkit-transition: .22s ease-out;
-moz-transition: .22s ease-out;
-o-transition: .22s ease-out;
transition: .22s ease-out;
}
.main-navigation .logo-book-row .mini-logo img, .site-header .site-logo a img {
opacity: 1;
-webkit-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-o-transition: .2s ease-in;
transition: .2s ease-in;
}
.main-navigation .logo-book-row .mini-logo a:hover img, .site-header .site-logo a:hover img {
opacity: 0;
-webkit-transition: .22s ease-out;
-moz-transition: .22s ease-out;
-o-transition: .22s ease-out;
transition: .22s ease-out;
}
.header-aligned-center:not([class*=nav-float-]) .inside-header>:not(:first-child) {
margin-top: -22px;
}
#quadmenu.quadmenu-is-horizontal .quadmenu-navbar-nav li.quadmenu-item>.quadmenu-dropdown-menu {
max-width: 850px;
margin-left: -425px;
left: 50%!important;
margin-top: 12px!important;
}
#quadmenu.quadmenu-generatepress .quadmenu-navbar-nav>li:not(.quadmenu-item-type-button).quadmenu-has-link.open>a::before {
content: ""!important;
display: block;
width: 15px!important;
height: 3px!important;
background: url(https://oagaresorts.com/wp-content/themes/oaga-child/images/down-circle-ffc900.svg) 0 0/contain!important;
position: absolute!important;
top: 54px!important;
left: 50%!important;
margin-left: -7.5px;
transform: none!important;
opacity: 1!important;
border-radius: unset!important;
animation: none!important;
transform-origin: 0px!important;
}
.subscribe-bar {
overflow: hidden;
}
.subscribe-text {
color: #fff;
max-width: 512px;
}
.subscribe-bar-content.grid-container>div, .web-v3.page section#home-more-section, .web-v3.single section#home-more-section, nav#quadmenu {
z-index: 1;
}
.subscribe-bar-content.grid-container {
position: relative;
padding: 2.125rem 0;
display: flex;
align-items: center;
justify-content: space-between;
}
.subscribe-bar .subscribe-bar-content.grid-container:after {
background: url(https://oagaresorts.com/wp-content/themes/oaga-child/images/subscribeartwork.svg) right/cover no-repeat;
content: "";
height: 100%;
width: 900px;
position: absolute;
top: 0;
right: -50px;
}
.subscribe-text .title-h1 {
font-family: Poppins!important;
font-size: 1.875rem;
line-height: 2.25rem;
font-weight: 600;
}
.subscribe-text p {
color: #e5e5e5;
font-family: Poppins!important;
font-weight: 300;
font-size: 1.25rem;
line-height: 1.75rem;
margin: 0;
}
.subscribe-form input[type=text] {
color: #737373;
font-weight: 300;
font-size: 1rem;
padding: 7px 14px;
border: 1px solid #d6d6d6;
border-radius: 8px;
width: 280px;
}
.subscribe-form input[type=submit] {
font-size: .875rem;
line-height: 1.25rem;
padding: 9px 17px;
background: var(--accent);
border: 1px solid var(--accent);
border-radius: 24px;
}
.big-card .entry-content p, .big-card.opened .full-details .body p, .copyright-bar {
font-family: Poppins!important;
font-size: 1rem;
line-height: 1.5rem;
font-weight: 300;
}
.availability-check, .page-template-contact-template form.wpcf7-form {
box-shadow: 0 12px 16px -4px rgb(16 24 40 / 8%), 0 4px 6px -2px rgb(16 24 40 / 3%);
}
.subscribe-form form {
gap: 16px;
max-width: unset!important;
padding: 0!important;
margin: unset!important;
border: none!important;
box-shadow: none!important;
background: 0 0!important;
}
.experience-detail-content .right-side a#book-now, a.view-menu {
padding: 9px 17px;
}
.subscribe-form form p {
gap: 16px;
}
.subscribe-form input[type=submit]:hover {
border: 1px solid #292929;
background: #292929;
}
.footer-widgets-container.grid-container .inner-padding.widget_media_image {
padding: 64px 0 32px;
margin: 0;
}
.footer-widgets-container.grid-container {
padding: 0 0 64px;
}
.footer-widgets-container.grid-container .wp-block-image img {
width: 142px;
}
.site-footer .footer-widgets-container .inner-padding.widget_nav_menu, .tribe-common-l-container.tribe-events-l-container, .web-v3.post-type-archive-rooms #content.site-content {
padding: 0!important;
}
.footer-widgets, .site-info {
background-color: unset;
}
.site-footer.footer-bar-active.footer-bar-align-right {
background: url(https://oagaresorts.com/wp-content/themes/oaga-child/images/footerartwork.svg) center/cover no-repeat #171464;
}
ul#menu-footer {
justify-content: center;
gap: 32px;
flex-wrap: wrap;
}
ul#menu-footer li a {
font-family: Poppins!important;
font-size: .875rem;
line-height: 1.25rem;
text-decoration: none;
color: #fff;
font-weight: 500;
}
ul#menu-footer li a:hover {
color: #01bfa1;
}
ul.social-icons li {
margin: 0;
line-height: 0;
}
.inside-site-info {
padding: 32px 0 48px;
border-top: 1px solid #fff;
}
.copyright-bar {
color: #fff;
}
ul.social-icons a {
color: #fff;
font-size: 24px;
}
ul.social-icons {
gap: 24px;
}
.logo-book-row {
position: absolute;
justify-content: space-between;
width: 100%;
top: 0;
height: 100%;
visibility: hidden;
opacity: 0;
}
.main-navigation {
position: sticky;
top: 0;
}
.main-navigation #quadmenu.quadmenu-generatepress.quadmenu-is-horizontal.js .quadmenu-navbar-nav>li.quadmenu-item {
height: 63px;
-webkit-transition: .3s ease-out;
-moz-transition: .3s ease-out;
-o-transition: .3s ease-out;
transition: .3s ease-out;
}
.main-navigation .logo-book-row {
visibility: visible;
opacity: 1;
}
.logo-book-row .mini-logo {
height: 25px;
align-self: center;
transform: translateY(-75px) scale(1.1);
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
}
.main-navigation .logo-book-row .mini-logo {
transform: translateY(0) scale(1);
-webkit-transition: .3s ease-out;
-moz-transition: .3s ease-out;
-o-transition: .3s ease-out;
transition: .3s ease-out 10ms;
}
.logo-book-row .round-book {
align-items: center;
transform: translateY(-65px);
-webkit-transition: .25s ease-out;
-moz-transition: .25s ease-out;
-o-transition: .25s ease-out;
transition: .25s ease-out;
}
.big-cards .big-card .entry-content, .main-navigation .logo-book-row .round-book {
-webkit-transition: .3s ease-out;
-moz-transition: .3s ease-out;
-o-transition: .3s ease-out;
}
.main-navigation .logo-book-row .round-book {
transform: translateY(0);
transition: .3s ease-out 10ms;
}
.logo-book-row .round-book a.get-a-room-btn {
border-radius: 24px;
}
section#banner {
width: 100%;
background: #f4f5f7;
height: 710px;
}
div#soliloquy-container-103 {
max-width: 100%!important;
}
#banner .soliloquy-container .soliloquy-image {
width: 100%;
object-fit: cover;
}
#banner .soliloquy-container .soliloquy-wrap, #banner .soliloquy-container .soliloquy-wrap li {
display: flex!important;
overflow: hidden;
align-content: center;
}
#banner .soliloquy-wrapper {
height: 652px;
overflow: hidden;
flex-direction: column-reverse;
}
#banner .soliloquy-container .soliloquy-viewport {
max-height: 652px;
}
#banner .soliloquy-controls.soliloquy-has-pager.soliloquy-has-controls-direction {
max-width: 1216px;
position: relative;
margin: 0 auto;
display: block;
height: 0;
width: 100%;
top: 236px;
}
#banner .soliloquy-theme-classic .soliloquy-next:after, #banner .soliloquy-theme-classic .soliloquy-prev:after {
height: 14px;
width: 9px;
background-size: cover;
top: 12px;
position: absolute;
display: block;
background-repeat: no-repeat;
content: ""}
#banner .soliloquy-theme-classic .soliloquy-controls-direction {
height: 40px;
}
#banner .soliloquy-theme-classic .soliloquy-next, #banner .soliloquy-theme-classic .soliloquy-prev {
width: 40px;
height: 40px;
border: 1px solid #fff;
border-radius: 100%;
background: 0 0;
opacity: .3;
}
#banner .soliloquy-theme-classic .soliloquy-next:hover, #banner .soliloquy-theme-classic .soliloquy-prev:hover {
opacity: .8;
}
#banner .soliloquy-theme-classic .soliloquy-prev:after {
background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 320 512'%3E%3C!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons,  Inc. --%3E%3Cpath d='M206.7 464.6l-183.1-191.1C18.22 267.1 16 261.1 16 256s2.219-11.97 6.688-16.59l183.1-191.1c9.152-9.594 24.34-9.906 33.9-.7187c9.625 9.125 9.938 24.37 .7187 33.91L73.24 256l168 175.4c9.219 9.5 8.906 24.78-.7187 33.91C231 474.5 215.8 474.2 206.7 464.6z'/%3E%3C/svg%3E");
left: 13.5px;
}
#banner .soliloquy-theme-classic .soliloquy-next:after, .metaslider .flexslider .flex-direction-nav li a.flex-next {
background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 320 512'%3E%3C!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons,  Inc. --%3E%3Cpath d='M113.3 47.41l183.1 191.1c4.469 4.625 6.688 10.62 6.688 16.59s-2.219 11.97-6.688 16.59l-183.1 191.1c-9.152 9.594-24.34 9.906-33.9 .7187c-9.625-9.125-9.938-24.38-.7187-33.91l168-175.4L78.71 80.6c-9.219-9.5-8.906-24.78 .7187-33.91C88.99 37.5 104.2 37.82 113.3 47.41z'/%3E%3C/svg%3E")!important;
}
.metaslider .flexslider .flex-direction-nav li a {
background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 320 512'%3E%3C!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons,  Inc. --%3E%3Cpath d='M206.7 464.6l-183.1-191.1C18.22 267.1 16 261.1 16 256s2.219-11.97 6.688-16.59l183.1-191.1c9.152-9.594 24.34-9.906 33.9-.7187c9.625 9.125 9.938 24.37 .7187 33.91L73.24 256l168 175.4c9.219 9.5 8.906 24.78-.7187 33.91C231 474.5 215.8 474.2 206.7 464.6z'/%3E%3C/svg%3E")!important;
background-size: 9px;
border: 1px solid #fff!important;
border-radius: 100%;
width: 40px!important;
height: 40px!important;
background-position: center;
opacity: .3!important;
}
#banner .soliloquy-theme-classic .soliloquy-next:after {
left: 14.5px;
}
.metaslider .flexslider .flex-direction-nav li a:hover {
opacity: .8!important;
}
.metaslider .flexslider:focus-within .flex-next, .metaslider .flexslider:hover .flex-next {
right: 1rem!important;
}
.metaslider .flexslider:focus-within .flex-prev, .metaslider .flexslider:hover .flex-prev {
left: 1rem!important;
}
#banner .soliloquy-container .soliloquy-wrap li {
height: 652px;
}
#banner .soliloquy-container .soliloquy-wrap, .post-type-archive-rooms div#content.site-content, .post-type-archive-rooms div#primary.site-content {
display: block!important;
}
.glide.full-width .glide__track, .glide.full-width .glide__track ul.glide__slides, .metaslider, .metaslider .flexslider, .metaslider .flexslider ul.slides, .metaslider>div, section#home-rooms .tab section.tabs>div {
height: 100%}
.about-bg.desktop, .desktop-banner.metaslider, .logged-in .tribe-events-calendar-month__multiday-event-bar, .tab .tabs div span {
display: block;
}
.metaslider .flexslider {
overflow: hidden!important;
border-radius: inherit;
}
.metaslider .slides img {
height: 100%!important;
object-fit: cover;
}
.site-content {
flex-direction: column;
}
section#home-offers {
padding-top: 3.5rem;
margin-bottom: 0;
background: #008bf4;
overflow: hidden;
padding-bottom: 4.5rem;
}
img.offers-artwork.offers-artwork1 {
content: "";
background: url(https://oagaresorts.com/wp-content/themes/oaga-child/images/fish-artwork.svg) 0 0/cover no-repeat;
position: absolute;
aspect-ratio: 1618/552;
width: 1618px;
right: calc(608px - 1618px - 60px);
top: -215px;
max-width: unset;
opacity: .3;
}
img.offers-artwork.offers-artwork2 {
content: "";
background: url(https://oagaresorts.com/wp-content/themes/oaga-child/images/fish-artwork-faded.svg) 0 0/cover no-repeat;
position: absolute;
aspect-ratio: 2039/913;
width: 2039px;
left: calc(608px - 2039px);
bottom: -340px;
z-index: 0;
max-width: unset;
opacity: .5;
}
.web-v3 .toggle-nav, .web-v3.single-journal .inside-article .featured-image.page-header-image-single, article span.byline, body.home.page-template div#page:before, body.web-v3.floating div#header-bar-logo-only img.big-black-logo, div#menu-event .tribe-events .tribe-events-calendar-month-mobile-events__mobile-day--show, div#menu-event button em.tribe-events-calendar-month__mobile-events-icon.tribe-events-calendar-month__mobile-events-icon--event {
display: none!important;
}
.offer-cards {
z-index: 0;
position: relative;
display: grid;
gap: 24px;
grid-template-columns: 1fr 1fr 1fr;
}
div#menu-event .tribe-events-calendar-month__day-cell.tribe-events-calendar-month__day-cell--desktop {
display: flex!important;
flex-direction: column;
display: flex!important;
}
div#menu-event .tribe-events-calendar-month__day {
overflow: visible;
padding-top: .5px!important;
padding-right: 3px!important;
}
.home div#page-title .page-title-h2, .home div#page-title h2 {
font-family: Poppins!important;
font-weight: 700!important;
color: var(--contrast-3);
font-size: 1rem;
line-height: 1.75rem;
margin: 0;
text-transform: lowercase;
}
section#home-offers #page-title .page-title-h2, section#home-offers #page-title h2 {
color: var(--oaga-yellow);
margin-bottom: .5rem;
}
.offer-cards .offer-card:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #00000029;
}
#quadmenu .quadmenu-item-widget .menu-journal .menu-title-h2, #quadmenu .quadmenu-item-widget .menu-journal h2, .home #home-about div#page-title .page-title-h2, .home #home-about div#page-title h2, body.home .section#home-offers #page-title .page-title-h2, body.home section#home-offers #page-title h2 {
color: var(--oaga-yellow);
}
section#home-offers #page-title .page-title-h1 {
font-size: 3.75rem;
font-family: Poppins!important;
font-weight: 500;
line-height: 3.75rem;
margin: 0;
text-transform: lowercase;
}
.big-card.opened .full-details .body p a, .blog div#primary .site-main article h2.entry-title a, .page-content h2 span.white, .post-type-archive-journal div#primary .site-main article h2.entry-title a, .tax-journal-type div#primary .site-main article h2.entry-title a, .web-v3 #spa.card-list-section ul.splide__list li p, .web-v3 #spa.card-list-section ul.splide__list li p.card-title, .web-v3 #spa.card-list-section ul.splide__list li span, .web-v3 div#inner-page .left-content a, .web-v3.archive div#page-title h2 span.white, .web-v3.archive section#diving h1.section-title, .web-v3.archive section#excursions h1.section-title, .web-v3.post-type-archive-eat #page-title h1 span, body.home section#home-offers #page-title .page-title-h1 {
color: #fff;
}
.home div#page-title .page-title-h1, .home div#page-title h1 {
font-family: Poppins!important;
font-weight: 400;
font-size: 3.75rem;
line-height: 1;
margin-bottom: 0;
}
#home-offers .offer-cards.rellax {
margin-top: 2.5rem;
}
.home div#page-title {
text-align: center;
max-width: 705px;
margin: 0 auto;
padding-bottom: 3.5rem;
}
.page-template-faq-template #page-title h1, .post-type-archive-album #page-title h1, .post-type-archive-artist #page-title h1, .post-type-archive-artist section#artist-listing #page-title .page-title-h1, .post-type-archive-artist section#artist-listing #page-title h1, .post-type-archive-diving #page-title h1, .post-type-archive-eat #page-title h1, .post-type-archive-excursions #page-title h1, .post-type-archive-experiences #page-title h1, .post-type-archive-facilities #page-title h1, .post-type-archive-offers .home div#page-title h1, .post-type-archive-people #page-title h1, .post-type-archive-people section#artist-listing #page-title .page-title-h1, .post-type-archive-people section#artist-listing #page-title h1, .post-type-archive-rooms #page-title h1, .post-type-archive-spa #page-title h1 {
font-family: Poppins!important;
font-size: 4.5rem;
max-width: 780px;
line-height: 1;
letter-spacing: -.02em;
font-weight: 500;
}
.post-type-archive-artist section#artist-listing #page-title, .post-type-archive-people section#artist-listing #page-title {
padding-bottom: 6rem;
}
.post-type-archive-artist section#artist-listing #page-title .page-title-h1 span, .post-type-archive-artist section#artist-listing #page-title h1 span, .post-type-archive-poeple section#artist-listing #page-title .page-title-h1 span, .post-type-archive-poeple section#artist-listing #page-title h1 span {
display: block;
color: #673ab7;
}
.home section#home-offers div#page-title {
margin: 0 auto -1rem;
padding-bottom: 0;
}
.big-cards {
display: grid;
gap: 24px;
grid-template-columns: 1fr 1fr;
}
.offer-cards .offer-card {
border-radius: 1rem;
width: 100%;
height: 424px;
overflow: hidden;
position: relative;
}
.big-cards .big-card:first-child {
grid-column-start: 1;
grid-column-end: 3;
}
.big-cards .big-card {
border-radius: 1rem;
height: 650px;
width: 100%;
text-decoration: none;
position: relative;
overflow: hidden;
display: flex;
align-items: flex-end;
}
.big-cards .big-card img.card-bg, .offer-cards .offer-card img.offer-bg {
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
object-fit: cover;
}
.offer-cards .offer-card a {
display: block;
width: 100%;
text-decoration: none;
position: relative;
overflow: hidden;
height: 100%}
.offer-cards .offer-card a .entry-content {
color: #fff;
padding: 2rem 1rem 0;
margin: 0;
display: flex;
flex-direction: column;
}
.big-cards .big-card .entry-content {
color: #fff;
padding: 3rem;
margin: 0;
width: 100%;
background-color: #ffffff00;
transition: .3s ease-out;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.big-cards .big-card.opened .entry-content, .empty-space-start, .opened .empty-space-end {
-webkit-transition: .3s ease-out;
-moz-transition: .3s ease-out;
-o-transition: .3s ease-out;
}
.big-cards .big-card.opened .entry-content {
height: 100%;
transition: .3s ease-out;
}
.big-card.opened .full-details ul.features {
list-style-type: none;
margin: 0;
}
.big-card.opened .full-details ul.features li {
display: flex;
margin-top: .75rem;
font-family: Poppins!important;
font-weight: 300;
font-size: .875rem;
line-height: 1.25rem;
gap: 6px;
place-items: center;
}
.big-card.opened .full-details .body p {
margin-top: .75rem;
}
.empty-space-start, .opened .empty-space-end {
flex-grow: 1;
transition: .3s ease-out;
}
.big-card .card-content, .empty-space-end, .opened .empty-space-start {
-webkit-transition: .3s ease-out;
-moz-transition: .3s ease-out;
-o-transition: .3s ease-out;
}
.empty-space-end, .opened .empty-space-start {
flex-grow: 0;
transition: .3s ease-out;
}
.big-card .card-content {
height: 140px!important;
display: flex;
flex-direction: column;
justify-content: center;
transition: .3s ease-out;
height: fit-content;
height: -moz-fit-content;
height: -webkit-fit-content;
}
.post-type-archive-spa .big-card .card-content {
height: 180px!important;
}
.big-card.opened .card-content {
height: 100%!important;
-webkit-transition: .3s ease-out;
-moz-transition: .3s ease-out;
-o-transition: .3s ease-out;
transition: .3s ease-out;
}
.big-card .full-details, .big-card .learn-more span.text {
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
}
.offer-cards .offer-card a .entry-content .entry-title, .offer-cards .offer-card a .entry-content h1.entry-title {
font-family: Poppins!important;
font-weight: 700;
font-size: 1.5rem;
line-height: 2rem;
text-align: center;
letter-spacing: -.02em;
padding-bottom: .25rem;
}
.big-cards .big-card .entry-content .entry-title, .big-cards .big-card .entry-content h1.entry-title {
font-family: Poppins!important;
font-weight: 600;
text-align: left;
padding-bottom: .25rem;
font-size: 2.25rem;
max-width: 500px;
letter-spacing: -.02em;
line-height: 2.5rem;
}
.offer-card a .entry-content p.by-line {
font-weight: 400;
text-align: center;
line-height: 1;
margin: .125rem auto 0;
border-radius: 2.5rem;
background: 0 0!important;
}
.big-card .entry-content p {
margin: 0;
text-align: left;
max-width: 500px;
}
.big-card .learn-more, .featured-items a.show-all, a.view-menu {
line-height: 1.25rem;
font-size: .875rem;
}
.big-card .full-details {
display: none;
opacity: 0;
transition: .2s ease-out;
}
.big-card.opened .full-details {
display: block;
opacity: 1;
-webkit-transition: .3s ease-out .2s;
-moz-transition: .3s ease-out .2s;
-o-transition: .3s ease-out .2s;
transition: .3s ease-out .2s;
}
.big-cards .big-card:hover img.card-bg, .offer-cards .offer-card:hover img.offer-bg, section#home-rooms .room-image:hover img {
-webkit-transition: .3s ease-out;
-moz-transition: .3s ease-out;
-o-transition: .3s ease-out;
transition: .3s ease-out;
transform: scale(1.05);
}
a.view-menu, section#home-rooms .tab nav .entry-title, section#home-rooms .tab nav h1.entry-title {
font-family: Poppins!important;
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
}
.big-card .learn-more {
font-family: Poppins!important;
font-weight: 300;
text-decoration: none;
color: #fff;
display: flex;
align-items: center;
}
a.view-menu {
text-decoration: none;
color: #fff;
font-weight: 400;
border: 1px solid #fcfcfc;
border-radius: 1.5rem;
opacity: 0;
visibility: hidden;
transition: .15s ease-out;
}
a.view-menu:hover {
-webkit-transition: .3s ease-out;
-moz-transition: .3s ease-out;
-o-transition: .3s ease-out;
transition: .3s ease-out;
background: #fff;
color: var(--gray-700);
}
.big-card .learn-more span.text {
opacity: 1;
visibility: visible;
transition: .2s ease-out;
}
.big-card.opened .learn-more span.text {
opacity: 0;
visibility: hidden;
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
}
.big-card.opened a.view-menu {
visibility: visible;
opacity: 1;
-webkit-transition: .3s ease-out;
-moz-transition: .3s ease-out;
-o-transition: .3s ease-out;
transition: .3s ease-out;
}
.big-card .bottom-row {
display: flex;
flex-direction: row;
margin-top: .75rem;
align-items: center;
justify-content: space-between;
}
.big-card .learn-more:hover, .page-template-contact-template label.custom-file-upload:hover, .polaroid-card-thumbs>div:hover {
cursor: pointer;
}
.big-card .learn-more span.icon {
width: 40px;
height: 40px;
display: inline-block;
margin-right: .25rem;
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
}
.big-card.opened .learn-more span.icon, a.room-item:hover>div::before {
-webkit-transition: .3s ease-out;
-moz-transition: .3s ease-out;
-o-transition: .3s ease-out;
}
.big-card.opened .learn-more span.icon {
transform: rotateZ(135deg);
transition: .3s ease-out;
}
.big-card .learn-more span.icon>span.outline {
-webkit-transition: .12s ease-out;
-moz-transition: .12s ease-out;
-o-transition: .12s ease-out;
transition: .12s ease-out;
opacity: 1;
}
.big-card .learn-more span.icon>span.fill {
-webkit-transition: .12s ease-out;
-moz-transition: .12s ease-out;
-o-transition: .12s ease-out;
transition: .12s ease-out;
opacity: 0;
}
.big-card .learn-more:hover span.icon>span.fill {
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
opacity: 1;
}
.big-card .learn-more:hover span.icon>span.outline {
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
opacity: 0;
}
#home-experiences main#scroll-cards {
display: flex;
flex-direction: row;
justify-content: center;
padding-top: 1.5rem;
}
section#home-diving, section#home-excursions, section#home-experiences {
padding-top: 6.5rem;
padding-bottom: 9rem;
position: relative;
z-index: 1;
}
.experiences-bg div {
width: 100%;
height: 100%;
z-index: -1;
position: relative;
}
.experiences-bg {
position: absolute;
width: 100%;
height: 100%;
top: 0;
display: flex;
z-index: -1;
}
.home #home-experiences div#page-title .page-title-h2, .home #home-experiences div#page-title h2 {
color: #fff;
margin-bottom: 1.5rem;
}
#home-experiences .experiences-homegrid>div {
width: 50%;
display: flex;
align-items: center;
gap: 1.5rem;
}
.home #home-experiences div#page-title .fancy-h1, .home #home-experiences div#page-title h1.fancy-h1, .home #home-experiences div#page-title h3.fancy-h1 {
color: #fff;
font-weight: 400;
font-family: Zooja!important;
font-size: 11.75rem;
z-index: -1;
letter-spacing: -.02em;
position: relative;
line-height: 10.5rem;
margin-bottom: 0;
}
#home-experiences .experiences-homegrid .experiences-list {
display: flex;
flex-direction: column;
gap: 1rem;
flex-wrap: wrap;
width: calc(100% - 280px - 1.5rem);
}
#home-experiences .experiences-homegrid .experiences-list a {
display: flex;
gap: .25rem;
flex-direction: column;
text-decoration: none;
position: relative;
}
.our-creatives-break {
display: block;
height: 11rem;
}
#home-experiences .experiences-homegrid .experiences-list a:before {
background: #00000010;
opacity: 0;
position: absolute;
width: calc(100% + 2rem);
height: calc(100% + 1rem);
content: "";
border-radius: 1rem;
left: -1rem;
top: -.5rem;
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
}
#home-experiences .experiences-homegrid .experiences-list h1, #home-experiences .experiences-homegrid .experiences-list p {
position: relative;
z-index: 1;
}
#home-experiences .experiences-homegrid .experiences-list a:hover:before {
opacity: 1;
-webkit-transition: .34s ease-out;
-moz-transition: .34s ease-out;
-o-transition: .34s ease-out;
transition: .34s ease-out;
}
#home-experiences .experiences-homegrid .left-grid {
text-align: right;
justify-content: flex-end;
}
#home-experiences .experiences-homegrid>div .experience-image {
width: 280px;
display: flex;
height: 458px;
aspect-ratio: 280/458;
}
#home-experiences .experiences-homegrid .experiences-list .entry-title, #home-experiences .experiences-homegrid .experiences-list h1 {
font-size: 1.25rem;
text-decoration: none;
line-height: 1.75rem;
font-weight: 600;
color: #000;
text-transform: lowercase;
}
#home-experiences .experiences-homegrid .experiences-list p {
margin: 0;
color: #000;
font-weight: 300;
font-size: 1rem;
line-height: 1.5rem;
}
.post-type-archive-rooms #content.site-content {
padding: 6.25rem 0 13.5rem;
width: 100%}
.post-type-archive-eat .big-cards .big-card {
height: 760px;
}
.post-type-archive-eat .big-cards .big-card:first-child {
height: 840px;
}
, .post-type-archive-rooms div#content {
width: 100%}
#quadmenu .quadmenu-item-widget .menu-accomodation .menu-title-h2, #quadmenu .quadmenu-item-widget .menu-accomodation h2, .blog div#primary .site-main article:nth-child(8n+2):hover h2 a, .blog div#primary .site-main article:nth-child(8n+2):hover p, .blog div#primary .site-main article:nth-child(8n+2):hover span, .post-type-archive-journal div#primary .site-main article:nth-child(8n+2):hover h2 a, .post-type-archive-journal div#primary .site-main article:nth-child(8n+2):hover p, .post-type-archive-journal div#primary .site-main article:nth-child(8n+2):hover span, .post-type-archive-rooms #page-title h1 span, .tax-journal-type div#primary .site-main article:nth-child(8n+2):hover h2 a, .tax-journal-type div#primary .site-main article:nth-child(8n+2):hover p, .tax-journal-type div#primary .site-main article:nth-child(8n+2):hover span {
color: #00bfa1;
}
.tab nav ul li {
display: inline-block;
text-decoration: none;
cursor: pointer;
transition: .35s ease-in-out;
margin-bottom: 1.5rem;
width: 100%;
border-bottom: 1px solid #fff;
}
section#home-rooms .tab nav {
width: 480px;
padding-top: 320px;
}
section#home-rooms .tab section.tabs {
width: 628px;
}
section#home-rooms .room-image {
width: 100%;
height: 100%;
border-radius: 1rem;
overflow: hidden;
margin: 0;
}
.tab nav ul li.inactive {
border-bottom: 1px solid var(--contrast-2);
}
section#home-rooms .tab nav .entry-title, section#home-rooms .tab nav h1.entry-title {
font-weight: 600;
color: var(--contrast-2);
font-size: 1.25rem;
line-height: 1.75rem;
margin-bottom: .25rem;
transition: .15s ease-out;
}
section#home-rooms .tab nav p.by-line, section#home-rooms .tab nav p.from-price {
font-size: 1rem;
line-height: 1.5rem;
font-weight: 300;
font-family: Poppins!important;
}
section#home-rooms .tab nav p.from-price {
color: var(--contrast-3);
padding-bottom: 1.5rem;
}
section#home-rooms .tab nav p.by-line {
color: var(--contrast-2);
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
}
section#home-rooms .tab nav .inactive .entry-title, section#home-rooms .tab nav .inactive h1.entry-title, section#home-rooms .tab nav .inactive p {
color: var(--gray-700);
-webkit-transition: .24s ease-out;
-moz-transition: .24s ease-out;
-o-transition: .24s ease-out;
transition: .24s ease-out;
}
section#home-rooms .room-icon-color, section#home-rooms .room-image img {
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
}
section#home-rooms .tab nav ul {
margin: 0;
display: flex;
flex-direction: column;
gap: 1rem;
}
.web-v3 .splide__slide img, section#home-rooms .room-image img.room-bg {
width: 100%;
height: 100%;
object-fit: cover;
}
section#home-rooms .room-image a {
width: 100%;
height: 100%;
display: inline-block;
}
.home #home-rooms div#page-title {
max-width: 480px;
text-align: left;
margin: 0 0 -320px;
top: 0;
}
section#home-rooms {
background: #fff;
z-index: 1;
overflow: hidden;
padding-top: 6.5rem;
padding-bottom: 7.5rem;
}
.about-bg, .blur-bg, .featured-bg, .item-thumb, .polaroid-photo, a.room-item>div, section#home-featured {
background-size: cover;
}
section#home-rooms .room-image img {
transition: .15s ease-out;
transform: scale(1);
}
a.room-item>div img, a.room-item>div::before {
-webkit-transition: .15s ease-in;
-moz-transition: .15s ease-in;
-o-transition: .15s ease-in;
left: 0;
position: absolute;
top: 0;
}
section#home-rooms .tab {
width: 100%;
display: flex;
justify-content: space-between;
align-items: stretch;
}
section#home-about .body p {
font-family: Poppins!important;
font-weight: 300;
color: #fff;
font-size: 1.125rem;
line-height: 1.75rem;
text-align: center;
max-width: 802px;
margin: 0 auto .125rem;
}
section#home-featured {
padding: 4.5rem 0 5.5rem;
background-repeat: no-repeat;
position: relative;
overflow: hidden;
}
.about-bg, .featured-bg {
position: absolute;
width: calc(100% + 2rem);
height: calc(100% + 360px);
top: 0;
margin: 0 -1rem;
}
.featured-bg.mobile {
opacity: .4;
display: none;
}
.featured-bg.desktop {
opacity: .4;
display: block;
}
.home #home-featured div#page-title {
padding-bottom: 1rem;
}
.featured-items .featured-title-h3, .featured-items h3 {
color: var(--gray-700);
font-size: 1.25rem;
font-weight: 600;
line-height: 1.75rem;
text-transform: lowercase;
margin-bottom: .25rem;
}
.featured-items a.show-all svg path {
stroke: var(--accent);
stroke-width: 1.25px;
}
.featured-items a.show-all {
display: flex;
align-items: center;
color: #000;
margin-top: .5rem;
}
.featured-items p {
font-weight: 300;
font-size: 1rem;
line-height: 1.5rem;
color: var(--gray-700);
margin-bottom: .25rem;
}
#quadmenu .quadmenu-item-widget .menu-experiences .menu-title-h2, #quadmenu .quadmenu-item-widget .menu-experiences h2, .blog div#primary .site-main article:nth-child(8n+7):hover h2 a, .blog div#primary .site-main article:nth-child(8n+7):hover p, .blog div#primary .site-main article:nth-child(8n+7):hover span, .home #home-featured div#page-title .page-title-h2, .home #home-featured div#page-title h2, .post-type-archive-journal div#primary .site-main article:nth-child(8n+7):hover h2 a, .post-type-archive-journal div#primary .site-main article:nth-child(8n+7):hover p, .post-type-archive-journal div#primary .site-main article:nth-child(8n+7):hover span, .tax-journal-type div#primary .site-main article:nth-child(8n+7):hover h2 a, .tax-journal-type div#primary .site-main article:nth-child(8n+7):hover p, .tax-journal-type div#primary .site-main article:nth-child(8n+7):hover span {
color: #673ab7;
}
.featured-items {
display: flex;
flex-direction: row;
gap: 3rem;
justify-content: center;
flex-wrap: wrap;
}
.featured-items img {
width: 100%;
height: auto;
aspect-ratio: 1/1;
object-fit: cover;
border-radius: 50%;
border: 4px solid #c9c9c9;
margin-bottom: 2rem;
max-width: 280px;
}
#book-now, .event-download-list a, a#book-now {
border-radius: 1.5rem;
line-height: 1.25rem;
font-size: .875rem;
text-decoration: none;
text-align: center;
}
.home .container.grid-container .featured-items img {
max-width: 220px;
}
.featured-items>div {
width: calc(33.3% - 2.25rem);
display: flex;
align-items: center;
flex-direction: column;
text-align: center;
}
body.home .featured-items>div {
width: calc(25% - 2.25rem);
display: flex;
align-items: center;
flex-direction: column;
text-align: center;
}
#home-featured div#page-title .page-title-h1, #home-featured div#page-title h1 {
font-size: 8rem;
font-family: Zooja!important;
transform: rotate(-10.49deg);
line-height: 4.375rem;
text-transform: lowercase;
max-width: 400px;
margin: 4rem auto 0;
letter-spacing: -.02em;
}
section#home-about {
padding-top: 3.5rem;
padding-bottom: 3rem;
background: 0 0/cover #673ab7;
overflow-x: clip;
overflow-y: visible;
position: relative;
}
img.about-artwork.about-artwork-desktop {
position: absolute;
aspect-ratio: 1061/525;
width: 1380px;
left: calc(-420px);
bottom: -730px;
background-size: cover;
max-width: unset;
}
img.about-artwork.about-artwork-mobile {
max-width: unset;
display: none;
}
section#home-about .body .show-all {
color: #fff;
margin-top: 1.125rem;
}
section#home-about .body .show-all svg path {
stroke: var(--oaga-yellow);
stroke-width: 2px;
}
.home #home-about div#page-title .entry-title, .home #home-about div#page-title h1 {
color: #fff;
text-transform: lowercase;
font-weight: 500!important;
margin-top: 2rem;
font-family: Poppins!important;
font-size: 3.75rem;
line-height: 1;
margin-bottom: 0;
}
.home #home-about .body, .home #home-about div#page-title {
max-width: 664px;
margin: 0 auto;
z-index: 1;
position: relative;
}
.home #home-about div#page-title {
padding-bottom: 2.25rem;
}
section.scroll-card {
display: flex;
height: auto;
aspect-ratio: 596/650;
}
.vertical-section {
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
}
.sticky-container main {
display: grid;
gap: 1.5rem;
padding-top: 3rem;
grid-template-columns: 1fr 1fr;
gap: 24px;
}
.sticky-container div#page-title {
position: absolute;
top: 0;
}
a.room-item {
width: 100%;
text-decoration: none;
overflow: hidden;
border-radius: 16px;
}
a.room-item>div {
height: 100%;
border-radius: 16px;
display: flex;
flex-direction: column-reverse;
padding: 3.25rem 3rem;
position: relative;
}
a.room-item .entry-title {
font-family: Poppins!important;
color: #fff;
font-size: 2.25rem;
line-height: 2.5rem;
font-weight: 600;
margin-bottom: .25rem;
letter-spacing: -.02em;
}
a.room-item p.by-line {
font-family: Poppins!important;
font-weight: 300!important;
color: #fff;
font-size: 1rem;
line-height: 1.5rem;
}
a.room-item>div::before {
background: #000;
background: -moz-linear-gradient(360deg, rgba(0, 0, 0, .46) 0, rgba(0, 0, 0, .3) 34%, rgba(255, 255, 255, 0) 100%);
background: -webkit-linear-gradient(360deg, rgba(0, 0, 0, .46) 0, rgba(0, 0, 0, .3) 34%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(360deg, rgba(0, 0, 0, .46) 0, rgba(0, 0, 0, .3) 34%, rgba(255, 255, 255, 0) 100%);
display: block;
content: "";
width: 100%;
height: 100%;
border-radius: 16px;
opacity: .5;
transition: .15s ease-in;
z-index: 1;
}
a.room-item>div img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 16px;
z-index: -1;
transition: .15s ease-in;
}
.item-thumb, a.room-item>div .entry-content {
-webkit-transition: .15s ease-in;
-moz-transition: .15s ease-in;
-o-transition: .15s ease-in;
}
a.room-item>div .entry-content {
z-index: 1;
opacity: 1;
transition: .15s ease-in;
}
a.room-item:hover>div::before {
opacity: .8;
transition: .3s ease-out;
}
a.room-item:hover .blur-bg, a.room-item:hover img {
-webkit-transition: .3s ease-out;
-moz-transition: .3s ease-out;
-o-transition: .3s ease-out;
}
a.room-item:hover img {
transform: scale(1.06);
transition: .3s ease-out;
}
.hi-launcher-container::after {
content: "";
background: url(https://oagaresorts.com/wp-content/themes/oaga-child/images/oaga-chat-icon.png) center/contain no-repeat;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: -12px;
pointer-events: none;
}
.hi-widget-container {
position: absolute;
z-index: 1!important;
}
a.room-item:hover>div .entry-content {
opacity: 1;
-webkit-transition: .15s ease-out 0.2s;
-moz-transition: .15s ease-out 0.2s;
-o-transition: .15s ease-out 0.2s;
transition: .15s ease-out 0.2s;
}
.item-thumb {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-position: center;
transition: .15s ease-in;
}
.blur-bg, a.room-item:hover .item-thumb {
width: calc(100% + 50px);
height: calc(100% + 50px);
left: -25px;
}
.blur-bg {
opacity: 0;
position: absolute;
bottom: -25px;
overflow: hidden;
background-image: inherit;
filter: blur(9px);
-webkit-filter: blur(9px) brightness(0.9);
-webkit-mask-image: linear-gradient(to top, rgba(255, 255, 255, 1) 22%, rgba(0, 0, 0, 0) 38%);
-webkit-transition: .15s ease-in;
-moz-transition: .15s ease-in;
-o-transition: .15s ease-in;
transition: .15s ease-in;
}
a.room-item:hover .blur-bg {
opacity: 1;
transition: .3s ease-out;
}
a.room-item:hover .item-thumb {
top: -25px;
-webkit-transition: .3s ease-out;
-moz-transition: .3s ease-out;
-o-transition: .3s ease-out;
transition: .3s ease-out;
}
.vertical-listing {
padding: 120px 0 150px;
}
.vertical-listing.grid {
display: grid;
}
li.polaroid-card {
max-width: 517.61px;
list-style-type: none;
}
main#polaroid-cards {
display: flex;
flex-direction: column;
align-items: center;
}
main#polaroid-cards li:nth-child(odd) {
margin-right: -510px;
}
main#polaroid-cards li:nth-child(2n) {
margin-left: -510px;
}
main#polaroid-cards li {
margin-top: -250px;
}
.web-v3.page div#page, .web-v3.single div#page, .web-v3.single-tribe_events #tribe-events-pg-template, main#polaroid-cards li:first-child {
margin-top: 0;
}
.vertical-listing.grid div#page-title h2 {
font-family: Poppins!important;
font-weight: 300!important;
color: var(--contrast-3);
font-size: 1.125rem;
line-height: 1.75rem;
margin: 0;
}
.vertical-listing.grid div#page-title h1 {
font-family: Poppins!important;
font-weight: 400;
font-size: 3.75rem;
line-height: 1;
}
.vertical-listing.grid .left p {
font-family: Poppins!important;
font-weight: 300!important;
font-size: 1.125rem;
line-height: 1.75rem;
color: var(--gray-700);
margin-top: 1rem;
}
img.polaroid-frame {
position: absolute;
left: 0;
top: 0;
height: auto;
width: auto;
display: block;
}
section.frame1 img.polaroid-frame, section.frame3 img.polaroid-frame {
max-height: 615.2px;
max-width: 558.4px;
}
section.frame2 img.polaroid-frame {
max-height: 563.9px;
max-width: 558.4px;
}
.home section.frame1 img.polaroid-frame {
max-height: 561.9px;
max-width: 510px;
}
.home section.frame2 img.polaroid-frame {
max-height: 515px;
max-width: 510px;
}
.home section.frame3 img.polaroid-frame {
max-height: 525px;
max-width: 476.5px;
}
.vertical-listing.grid .right {
padding-left: 100px;
}
.vertical-sticky-container main#scroll-cards section.frame1, .vertical-sticky-container main#scroll-cards section.frame3 {
height: 615.2px;
}
.vertical-sticky-container main#scroll-cards section.frame2 {
height: 563.9px;
}
.home main#scroll-cards section.frame1 {
height: 561.9px;
}
.home main#scroll-cards section.frame2 {
height: 515px;
}
.home main#scroll-cards section.frame3 {
height: 525px;
}
.polaroid-photo {
overflow: hidden;
background-position: center;
}
.vertical-sticky-container main#scroll-cards {
display: flex;
flex-direction: column;
gap: 64px;
}
.frame1 .polaroid-photo {
transform: scale(.83) rotate(-2.5deg);
width: 486px;
margin-left: 42px;
height: 534px;
padding-top: 20px;
}
.frame2 .polaroid-photo {
transform: scale(.83) rotate(10.3deg);
width: 455px;
margin-left: 51px;
height: 480px;
padding-top: 0;
}
.frame3 .polaroid-photo {
transform: scale(.83) rotate(-3deg);
width: 505px;
margin-left: 24px;
height: 534px;
padding-top: 20px;
}
.animate.flip, .animate.spin {
transform-style: preserve-3d;
perspective: 1000px;
}
.home .frame1 .polaroid-photo {
transform: scale(.83) rotate(-2.7deg);
width: 451px;
margin-left: 33px;
height: 488px;
padding-top: 20px;
}
.home .frame2 .polaroid-photo {
transform: scale(.83) rotate(10.3deg);
width: 415px;
margin-left: 47px;
height: 440px;
padding-top: 0;
}
.home .frame3 .polaroid-photo {
transform: scale(.83) rotate(-3deg);
width: 444px;
margin-left: 14px;
height: 441px;
padding-top: 20px;
}
a.experience-item .entry-content {
margin: 0;
z-index: 1000;
position: relative;
}
.frame1 a.experience-item .entry-content {
transform: rotate(-2.5deg);
padding-left: 45px;
margin-top: -20px;
}
.frame2 a.experience-item .entry-content {
transform: rotate(10.33deg);
padding-right: 90px;
margin-top: -15px;
}
.frame3 a.experience-item .entry-content {
transform: rotate(-3deg);
padding-left: 28px;
margin-top: -20px;
}
.infinite-slider .slide a, a.experience-item {
text-decoration: none;
}
.experience-item .entry-content h1, a.experience-item .entry-content h1 {
font-size: 1rem;
line-height: 1.5rem;
color: var(--gray-700);
text-decoration: none!important;
text-align: center;
font-family: 'Permanent Marker', cursive;
}
#book-now, .event-download-list a, .page-template-contact-template form.wpcf7-form *, a#book-now, a.artist-link {
font-family: Poppins!important;
}
.home .frame2 a.experience-item .entry-content {
padding-right: 27px;
margin-top: -20px;
}
.home .frame1 a.experience-item .entry-content {
padding-left: 59px;
}
.home .frame3 a.experience-item .entry-content {
padding-left: 33px;
margin-top: -5px;
}
#home-experiences main#scroll-cards>section {
margin: 0 -45px;
}
#home-experiences main#scroll-cards section.frame1 {
z-index: 2;
}
#home-experiences main#scroll-cards section.frame2 {
z-index: 1;
padding-top: 100px;
}
.animate {
animation-duration: 1s;
animation-timing-function: cubic-bezier(.26, .53, .74, 1.48);
animation-fill-mode: backwards;
}
.animate.fade {
animation-timing-function: ease;
}
@keyframes animate-fade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}.animate.pop {
animation-name: animate-pop;
}
@keyframes animate-pop {
0% {
opacity: 0;
transform: scale(.5, .5);
}
100% {
opacity: 1;
transform: scale(1, 1);
}
}.animate.blur {
animation-name: animate-blur;
animation-timing-function: ease;
}
@keyframes animate-blur {
0% {
opacity: 0;
filter: blur(15px);
}
100% {
opacity: 1;
filter: blur(0px);
}
}.animate.glow {
animation-name: animate-glow;
animation-timing-function: ease;
}
@keyframes animate-glow {
0% {
opacity: 0;
filter: brightness(3) saturate(3);
transform: scale(.8, .8);
}
100% {
opacity: 1;
filter: brightness(1) saturate(1);
transform: scale(1, 1);
}
}.animate.grow {
animation-name: animate-grow;
}
@keyframes animate-grow {
0% {
opacity: 0;
transform: scale(1, 0);
visibility: hidden;
}
100% {
opacity: 1;
transform: scale(1, 1);
}
}.animate.splat {
animation-name: animate-splat;
}
@keyframes animate-splat {
0% {
opacity: 0;
transform: scale(0, 0) rotate(20deg) translate(0, -30px);
}
70% {
opacity: 1;
transform: scale(1.1, 1.1) rotate(15deg) );
}
85% {
opacity: 1;
transform: scale(1.1, 1.1) rotate(15deg) translate(0, -10px);
}
100% {
opacity: 1;
transform: scale(1, 1) rotate(0) translate(0, 0);
}
}.animate.roll {
animation-name: animate-roll;
}
@keyframes animate-roll {
0% {
opacity: 0;
transform: scale(0, 0) rotate(360deg);
}
100% {
opacity: 1;
transform: scale(1, 1) rotate(0);
}
}.animate.flip {
animation-name: animate-flip;
}
@keyframes animate-flip {
0% {
opacity: 0;
transform: rotateX(-120deg) scale(.9, .9);
}
100% {
opacity: 1;
transform: rotateX(0) scale(1, 1);
}
}.animate.spin {
animation-name: animate-spin;
}
.close:after, [class^=arrow]:after {
transform: translate(-50%, -50%) rotate(-45deg);
}
@keyframes animate-spin {
0% {
opacity: 0;
transform: rotateY(-120deg) scale(.9, .9);
}
100% {
opacity: 1;
transform: rotateY(0) scale(1, 1);
}
}#loaded-photos .polaroid-cards>div:first-child, #loaded-photos .polaroid-cards>div:nth-child(2), #loaded-photos .polaroid-cards>div:nth-child(3), .hidden, .onview, div#mobile-booking-bar.drawer-closed div#mobile-booking-toggle span {
opacity: 0;
}
.animate.slide {
animation-name: animate-slide;
}
@keyframes animate-slide {
0% {
opacity: 0;
transform: translate(0, 20px);
}
100% {
opacity: 1;
transform: translate(0, 0);
}
}.animate.scaledown {
-webkit-animation-name: scaledown;
animation-name: scaledown;
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
animation-timing-function: cubic-bezier(.26, .53, .74, 1);
}
.animate.taped1, .animate.taped2, .animate.taped3 {
animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}
@keyframes scaledown {
0% {
opacity: 0;
transform: translateY(-40px) scale(1.07) translateZ(0) perspective(1px);
visibility: visible;
}
100% {
opacity: 1;
transform: translateY(0) scale(1) translateZ(0) perspective(1px);
}
}.animate.taped1 {
animation-name: animate-taped1;
-webkit-animation-duration: .4s;
animation-duration: .4s;
}
@keyframes animate-taped1 {
0% {
opacity: .05;
transform: matrix(.01, 0, 0, 1.1, -60, -2);
}
100% {
opacity: 1;
transform: matrix(1, 0, 0, 1, 0, 0);
}
}.animate.taped2 {
animation-name: animate-taped2;
-webkit-animation-duration: .5s;
animation-duration: .5s;
}
.animate.taped3 {
animation-name: animate-taped3;
-webkit-animation-duration: .4s;
animation-duration: .4s;
}
.animate.taped4 {
animation-name: animate-taped4;
-webkit-animation-duration: .4s;
animation-duration: .4s;
animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}
.animate.taped5, .animate.taped6 {
-webkit-animation-duration: .4s;
animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}
.animate.taped5 {
animation-name: animate-taped5;
animation-duration: .4s;
}
.animate.taped6 {
animation-name: animate-taped6;
animation-duration: .4s;
}
.animate.taped7 {
animation-name: animate-taped7;
-webkit-animation-duration: .4s;
animation-duration: .4s;
animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}
@keyframes animate-taped2 {
0% {
opacity: .05;
transform: matrix(.7, -.1, 0, .01, -10, -100);
}
100% {
opacity: 1;
transform: matrix(1, 0, 0, 1, 0, 0);
}
}@keyframes animate-taped3 {
0% {
opacity: .05;
transform: matrix(.02, 0, 0, 1, -60, -1);
}
100% {
opacity: 1;
transform: matrix(1, 0, 0, 1, 0, 0);
}
}@keyframes animate-taped4 {
0% {
opacity: .05;
transform: matrix(.01, 0, 0, 1, -100, -.5);
}
100% {
opacity: 1;
transform: matrix(1, 0, 0, 1, 0, 0);
}
}@keyframes animate-taped5 {
0% {
opacity: .05;
transform: matrix(.01, 0, 0, 1, -100, -.5);
}
100% {
opacity: 1;
transform: matrix(1, 0, 0, 1, 0, 0);
}
}@keyframes animate-taped6 {
0% {
opacity: .05;
transform: matrix(.01, 0, 0, 1, -100, -.5);
}
100% {
opacity: 1;
transform: matrix(1, 0, 0, 1, 0, 0);
}
}@keyframes animate-taped7 {
0% {
opacity: .05;
transform: matrix(.01, 0, 0, 1, -100, -.5);
}
100% {
opacity: 1;
transform: matrix(1, 0, 0, 1, 0, 0);
}
}.animate.drop {
animation-name: animate-drop;
animation-timing-function: cubic-bezier(.77, .14, .91, 1.25);
}
@keyframes animate-drop {
0% {
opacity: 0;
transform: translate(0, -300px) scale(.9, 1.1);
}
95% {
opacity: 1;
transform: translate(0, 0) scale(.9, 1.1);
}
96% {
opacity: 1;
transform: translate(10px, 0) scale(1.2, .9);
}
97% {
opacity: 1;
transform: translate(-10px, 0) scale(1.2, .9);
}
98% {
opacity: 1;
transform: translate(5px, 0) scale(1.1, .9);
}
99% {
opacity: 1;
transform: translate(-5px, 0) scale(1.1, .9);
}
100% {
opacity: 1;
transform: translate(0, 0) scale(1, 1);
}
}.delay-1 {
animation-delay: .5s;
}
.delay-2 {
animation-delay: .6s;
}
.delay-3 {
animation-delay: .65s;
}
.delay-4 {
animation-delay: .7s;
}
.delay-5 {
animation-delay: 725ms;
}
.delay-6 {
animation-delay: .75s;
}
.delay-7 {
animation-delay: 775ms;
}
.delay-8 {
animation-delay: .8s;
}
.delay-9 {
animation-delay: 825ms;
}
.delay-10 {
animation-delay: .85s;
}
.delay-11 {
animation-delay: 875ms;
}
.delay-12 {
animation-delay: .9s;
}
.delay-13 {
animation-delay: 925ms;
}
.delay-14 {
animation-delay: .95s;
}
.delay-15 {
animation-delay: 975ms;
}
.delay-16 {
animation-delay: 1.s;
}
.delay-17 {
animation-delay: 1.01s;
}
.delay-18 {
animation-delay: 1.02s;
}
.delay-19 {
animation-delay: 1.025s;
}
.delay-20 {
animation-delay: 1.03s;
}
.delay-21 {
animation-delay: 1.0325s;
}
.delay-22 {
animation-delay: 1.035s;
}
.delay-23 {
animation-delay: 1.0375s;
}
.delay-24 {
animation-delay: 1.04s;
}
.delay-25 {
animation-delay: 1.042s;
}
@media screen and (prefers-reduced-motion:reduce) {
.animate {
animation: none!important;
}
}@keyframes popup {
0%, 100% {
transform: scale(1) translate(-50%, -50%);
}
80% {
transform: scale(1.4) translate(-50%, -50%);
}
90% {
transform: scale(1.1) translate(-50%, -50%);
}
}@keyframes popdown {
0% {
transform: scale(1) translate(-50%, -50%);
}
10% {
transform: scale(1.1) translate(-50%, -50%);
}
20% {
transform: scale(1.4) translate(-50%, -50%);
}
100% {
transform: scale(0) translate(-50%, -50%);
}
}.pop-up-bg {
display: none;
opacity: 0;
position: fixed;
width: 100%;
height: 100%;
z-index: 999999;
top: 0;
left: 0;
background: #fff3;
}
#pop-up-bg .pop-up {
transform-origin: top left;
}
#pop-up-bg.show {
display: block;
opacity: 1;
}
#pop-up-bg.show .pop-up {
animation: .4s ease-in-out popup;
}
div#popupbgcloser {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
#pop-up-bg.hide {
animation: .2s ease-in-out popdown;
}
body.page-template div#page, body.page-template-default div#page, body.page-template-default-template div#page {
position: relative;
overflow-y: clip;
}
.featured-bg.rellax.mobile {
margin-top: -60px;
}
main#polaroid-cards section {
width: 517.61px;
height: 616.88px;
margin: 0;
display: flex;
flex-direction: column;
align-items: center;
position: relative;
padding-top: 42px;
padding-bottom: 38.88px;
}
.taper3a {
transform: rotateZ(-20deg);
position: absolute;
left: 4px;
bottom: 37.8px;
}
.taper1a, .taper2b {
position: absolute;
left: 0;
}
.taper3b {
position: absolute;
right: 26.56px;
top: 139.93px;
}
.taper2b {
transform: rotateZ(30deg);
bottom: 38.31px;
}
.taper2a {
transform: rotateZ(340deg);
position: absolute;
right: 121px;
top: 5px;
}
.taper1a {
transform: rotateZ(30deg);
bottom: 38.1px;
}
.taper1b {
transform: rotateZ(340deg);
position: absolute;
right: 5px;
bottom: 55px;
}
.taper1c {
transform: rotateZ(15deg);
position: absolute;
right: 3px;
top: 17px;
}
main#polaroid-cards section .card-frame {
width: 421px;
height: 549px;
background-size: contain;
display: flex;
flex-direction: column;
align-items: center;
padding-top: 1.5rem;
}
main#polaroid-cards section .card-frame img.card-photo {
width: 360px;
height: 440px;
object-fit: cover;
border-radius: 2px;
}
main#polaroid-cards section .card-frame .entry-content {
padding: 0;
transform: none;
margin-top: 24px;
}
li.polaroid-card.polaroid-card2 {
transform: rotate(15deg);
-webkit-transition: .1s ease-out;
-moz-transition: .1s ease-out;
-o-transition: .1s ease-out;
transition: .1s ease-out;
}
li.polaroid-card.polaroid-card1, li.polaroid-card.polaroid-card3 {
transform: rotate(-15deg);
-webkit-transition: .1s ease-out;
-moz-transition: .1s ease-out;
-o-transition: .1s ease-out;
transition: .1s ease-out;
}
li.polaroid-card.polaroid-card1:hover, li.polaroid-card.polaroid-card2:hover, li.polaroid-card.polaroid-card3:hover {
transform: rotate(0) scale(1.05);
-webkit-transition: .25s ease-out;
-moz-transition: .25s ease-out;
-o-transition: .25s ease-out;
transition: .25s ease-out;
}
#book-now, .big-cards .big-card .entry-content::before, a#book-now {
-webkit-transition: .1s ease-out;
-moz-transition: .1s ease-out;
-o-transition: .1s ease-out;
}
section#home-experiences main#polaroid-cards li.polaroid-card {
margin: 0 -65px;
}
section#home-experiences main#polaroid-cards {
flex-direction: row;
justify-content: center;
padding-top: 30px;
}
section#home-experiences main#polaroid-cards li.polaroid-card1 {
margin-top: -40px;
z-index: 2;
transform: rotate(-6deg);
}
section#home-experiences main#polaroid-cards li.polaroid-card3 {
margin-top: -240px;
z-index: 0;
transform: rotate(-10deg);
}
section#home-experiences main#polaroid-cards li.polaroid-card2 {
margin-top: 186px;
transform: rotate(10deg);
z-index: 1;
}
section#home-experiences main#polaroid-cards li.polaroid-card:hover {
transform: rotate(0);
}
section#offer-listing {
padding: 7.5rem 0 0;
}
.post-type-archive-offers section#offer-listing {
padding: 7.5rem 0 11.25rem;
}
.big-cards .big-card .entry-content::before {
display: block;
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
background: #060606;
background: -moz-linear-gradient(360deg, rgba(0, 0, 0, .4) 0, rgba(17, 17, 17, 0) 55%);
background: -webkit-linear-gradient(360deg, rgba(0, 0, 0, .4) 0, rgba(17, 17, 17, 0) 55%);
background: linear-gradient(360deg, rgba(0, 0, 0, .4) 0, rgba(17, 17, 17, 0) 55%);
opacity: .5;
visibility: visible;
transition: .1s ease-out;
}
.big-cards .big-card:hover .entry-content::before {
opacity: .75;
visibility: visible;
-webkit-transition: .25s ease-out;
-moz-transition: .25s ease-out;
-o-transition: .25s ease-out;
transition: .25s ease-out;
}
section#eat-listing {
padding-top: 6.25rem;
padding-bottom: 15rem;
}
section#eat-listing.home div#page-title {
padding-bottom: 4.76rem;
}
.post-type-archive-diving #page-title h1, .post-type-archive-eat #page-title h1, .post-type-archive-excursions #page-title h1, .post-type-archive-experiences #page-title h1, .post-type-archive-facilities #page-title h1 {
padding-bottom: 2.25rem;
max-width: unset;
}
.page-id-951.page-template-contact-template form.wpcf7-form, .post-type-archive-spa #page-title h1 {
max-width: unset;
}
.post-type-archive-album #page-title h1 {
max-width: unset;
text-align: center;
height: 144px;
}
.post-type-archive-eat #page-title h1 span {
color: #e0b100;
display: block;
}
.post-type-archive-diving #page-title h1 span, .post-type-archive-excursions #page-title h1 span, .post-type-archive-experiences #page-title h1 span {
color: #008bf4;
display: block;
}
, .post-type-archive-facilities #page-title h1 span {
color: #008bf4;
display: block;
}
.post-type-archive-spa #page-title h1 span {
color: #e00059;
display: block;
}
.page-template-faq-template #page-title h1 span {
color: #ff9800;
display: block;
}
.post-type-archive-album #page-title h1 span {
color: #00bfa1;
display: block;
}
.offer-detail-content {
padding-top: 5.25rem;
padding-bottom: 13rem;
display: flex;
justify-content: space-between;
gap: 3rem;
}
.experience-detail-content {
padding-top: 5.25rem;
padding-bottom: 13rem;
display: flex;
gap: 6.5rem;
}
.room-detail-content {
padding-top: 5rem;
display: flex;
justify-content: space-between;
margin-bottom: 0;
gap: 4rem;
}
.room-detail-content .left-side {
width: 100%;
max-width: 596px;
display: flex;
flex-direction: column;
}
.room-detail-content .right-side {
width: 100%;
max-width: 413px;
display: flex;
flex-direction: column;
position: sticky;
top: 76px;
align-self: flex-start;
position: -webkit-sticky;
gap: 1.5rem;
}
.experience-detail-content .left-side, .offer-detail-content .left-side {
width: 100%;
max-width: 493px;
display: flex;
flex-direction: column;
gap: 1.5rem;
position: sticky;
top: 76px;
align-self: flex-start;
position: -webkit-sticky;
}
.offer-detail-content .left-side img.featured-image {
width: 100%;
height: 560px;
object-fit: cover;
border-radius: 1rem;
}
#book-now, a#book-now {
font-weight: 500;
background: var(--accent);
color: #fff;
padding: 9px 0;
transition: .1s ease-out;
}
.web-v3.fr div#header-bar nav.main-nav-center li a, a#fannuvarin, body.web-v3.floating.ru div#header-bar a.square-button.big-button.nav-book {
font-size: 14px;
}
.event-download-list a {
font-weight: 500;
background: 0 0;
color: var(--gray-700);
padding: 9px 0;
border: 1px solid #d6d6d6;
-webkit-transition: .1s ease-out;
-moz-transition: .1s ease-out;
-o-transition: .1s ease-out;
transition: .1s ease-out;
}
#book-now:hover, a#book-now:hover, a.artist-link:hover {
-webkit-transition: .25s ease-out;
-moz-transition: .25s ease-out;
-o-transition: .25s ease-out;
transition: .25s ease-out;
background: var(--contrast);
}
button.tribe-events-c-subscribe-dropdown__button-text {
font-family: Poppins!important;
font-weight: 500;
}
.event-download-list a:hover {
-webkit-transition: .25s ease-out;
-moz-transition: .25s ease-out;
-o-transition: .25s ease-out;
transition: .25s ease-out;
background: var(--contrast);
color: #fff;
}
.event-download-list {
display: flex;
flex-direction: column;
gap: 1rem;
}
.plus {
--b: 4px;
width: 28px;
aspect-ratio: 1;
}
.alt {
border-color: #fff;
}
.experience-detail-content .right-side h1, .offer-detail-content .right-side h1 {
font-weight: 500;
font-size: 3.75rem;
line-height: 1;
padding-top: .75rem;
color: var(--gray-700);
}
.offer-detail-content .right-side h4 {
font-weight: 500;
color: var(--gray-700);
font-size: 1.5rem;
line-height: 2rem;
padding-top: .38rem;
padding-bottom: .38rem;
margin: 0;
}
.offer-detail-content .right-side span.terms-conditions {
font-weight: 300;
color: var(--contrast-2);
font-size: .75rem;
line-height: 1rem;
}
.offer-detail-content .right-side .inclusions {
margin: 5rem -1.5rem 0;
background: #fff;
padding: 1.5rem;
border-radius: 1rem;
}
.about-room h3, .amenitybox h3, .offer-detail-content .right-side .inclusions h3, .room-amenities h3 {
color: var(--gray-700);
font-weight: 600;
font-size: 1.5rem;
line-height: 2rem;
margin-bottom: 1rem;
}
.offer-detail-content .right-side .inclusions ul {
list-style-type: none;
margin: 0;
gap: 20px;
display: flex;
flex-direction: column;
}
.offer-detail-content .right-side .inclusions ul li {
display: flex;
align-items: flex-start;
gap: 1rem;
}
.about-room p, .body li, .experience-detail-content .right-side p, .offer-detail-content .right-side .inclusions ul li span {
font-weight: 300;
color: var(--gray-700);
font-size: 1.125rem;
line-height: 1.75rem;
}
.offer-detail-content .right-side .foot {
border-radius: 1rem;
margin-top: 5rem;
background: var(--base);
padding: 1.5rem;
}
.offer-detail-content .right-side .foot h3 {
color: var(--gray-700);
font-weight: 600;
font-size: 1.5rem;
line-height: 2rem;
margin-bottom: .25rem;
}
.offer-detail-content .right-side .foot p {
font-weight: 300;
color: var(--gray-700);
font-size: 1.125rem;
line-height: 1.75rem;
margin: 0;
}
.offer-detail-content .right-side {
max-width: 600px;
flex-grow: 1;
background: #fff;
border-radius: 1.5rem;
padding: 1.5rem;
margin: -1.5rem;
}
.experience-detail-content .right-side {
max-width: 600px;
flex-grow: 1;
}
div#menu-event ul.tribe-events-c-top-bar__nav-list>li {
margin-bottom: 0!important;
line-height: 13px!important;
font-size: 1rem!important;
font-weight: 500;
color: var(--gray-700);
width: auto;
}
div#menu-event .tribe-events-c-top-bar.tribe-events-widget-header__top-bar {
margin-bottom: .5rem!important;
}
div#menu-event .tribe-events .tribe-events-calendar-month__day-cell {
border-radius: .5rem;
}
#menu-event .tribe-common--breakpoint-medium.tribe-common .tribe-common-h4 time {
font-size: .875rem;
}
#menu-event .tribe-events-calendar-month__multiday-event-bar h3 {
font-size: .75rem;
color: #fff;
font-weight: 500;
}
div#menu-event ul.tribe-events-c-top-bar__nav-list>li svg {
width: unset;
}
#menu-event .tribe-events-calendar-month__multiday-event-bar {
border-radius: .5rem!important;
}
#menu-event .tribe-events-calendar-month__day--current h3.tribe-events-calendar-month__day-date.tribe-common-h4:before, #menu-event .tribe-events-calendar-month__day--current p.tribe-events-calendar-month__day-date.tribe-common-h4:before {
width: 25px;
height: 25px;
}
div#menu-event button.tribe-events-calendar-month__day-cell.tribe-events-calendar-month__day-cell--mobile {
pointer-events: none;
width: calc(100% - 4px);
height: calc(100% - 4px);
justify-content: center;
border-radius: 8px;
}
.experience-detail-content .right-side h4 {
color: var(--contrast-3);
font-size: 1.25rem;
line-height: 1.75rem;
font-weight: 300;
margin: 0;
}
.experience-detail-content .right-side h1 {
font-weight: 500;
padding-top: .12rem;
color: var(--contrast);
font-size: 1.875rem;
line-height: 2.25rem;
}
.experience-detail-content .right-side .body {
padding-top: 1.25rem;
}
section#home-rooms .tab ul.features {
display: flex;
gap: 40px;
}
section#home-rooms .tab ul.features li {
display: flex;
align-items: center;
gap: 8px;
flex-basis: content;
font-size: .75rem;
line-height: 1rem;
color: var(--contrast-2);
}
.room-detail-content .description-features ul.features {
display: flex;
gap: 2.5rem;
margin: 0;
list-style-type: none;
padding-top: 1.5rem;
}
.room-detail-content .description-features ul.features li {
display: flex;
align-items: center;
gap: .5rem;
flex-basis: content;
font-size: 1.125rem;
line-height: 1.75rem;
color: var(--gray-700);
}
.glide.full-width {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
height: 652px;
overflow: hidden;
}
.glide.full-width .glide__track ul.glide__slides img {
height: 100%;
width: 100%;
object-fit: cover;
object-position: center;
}
.glide__slides {
transform: translate3d(0, 0, 0)!important;
}
.glide__slide {
opacity: 0;
z-index: 0;
position: absolute;
top: 0;
left: 0;
transition: opacity .9s;
}
.glide__slide.glide__slide--active {
opacity: 1;
z-index: 1;
}
.glide .glide__arrows {
position: absolute;
top: 0;
width: 100%;
height: 100%;
align-items: center;
justify-content: space-between;
left: 0;
}
.glide .glide__arrows .glide__arrow {
padding: 0;
background: no-repeat;
width: 40px;
height: 40px;
-webkit-transition: .1s ease-out;
-moz-transition: .1s ease-out;
-o-transition: .1s ease-out;
transition: .1s ease-out;
}
.glide.full-width:hover .glide__arrows .glide__arrow svg g, a#fannuvarin:hover {
opacity: 1;
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
}
.glide.full-width .glide__arrows .glide__arrow svg g {
opacity: .25;
-webkit-transition: .1s ease-out;
-moz-transition: .1s ease-out;
-o-transition: .1s ease-out;
transition: .1s ease-out;
}
.glide .glide_data {
position: absolute;
top: 0;
width: 100%;
height: 100%}
.glide_data {
background: radial-gradient(127.61% 127.61% at 50% -27.61%, rgba(0, 0, 0, 0) 72.68%, rgba(0, 0, 0, .5) 100%);
}
.glide .glide__arrows .glide__arrow svg path, .glide .glide__arrows .glide__arrow svg rect, .infinite-slider .slide .card .album-link img, a.back-to-gallery svg, a.show-all svg {
-webkit-transition: .1s ease-out;
-moz-transition: .1s ease-out;
-o-transition: .1s ease-out;
transition: .1s ease-out;
}
.glide_data .grid-container {
position: relative;
height: 100%;
display: flex;
justify-content: flex-end;
flex-direction: column;
}
.glide .glide__arrows .glide__arrow:hover svg path {
stroke: #000;
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
}
.glide_data .grid-container .title-area h1 {
font-weight: 500;
color: #fff;
font-size: 3.75rem;
line-height: 1;
}
.glide_data .grid-container .title-area h4 {
font-weight: 500;
color: #fff;
font-size: 1.125rem;
line-height: 1.75rem;
}
.glide_data .grid-container .title-area {
padding-bottom: 5rem;
}
.glide .glide__arrows .glide__arrow:hover svg rect {
fill: #fff;
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
}
.room-detail-content .description-features h1.animate.fade.delay-3 {
color: var(--contrast);
font-weight: 500;
font-size: 3.75rem;
line-height: 1;
}
.about-room, .post-type-archive-spa #page-title h1 {
padding-bottom: 1.5rem;
}
.gallery-area {
padding-bottom: 2.5rem;
}
.room-amenities {
padding-top: 2.5rem;
padding-bottom: 2rem;
}
.room-amenities ul.amenities {
display: flex;
margin: 0;
list-style-type: none;
padding-top: 1rem;
flex-wrap: wrap;
row-gap: 1rem;
}
.room-amenities ul.amenities li {
display: flex;
align-items: center;
gap: .75rem;
font-size: 1.125rem;
line-height: 1.75rem;
color: var(--gray-700);
width: 50%;
position: relative;
}
.availability-check .row label, .availability-check .row label p, .availability-check .row.dates label input, .availability-check .row.pax .number input, a.show-all {
color: var(--contrast-2);
line-height: 1.5rem;
}
.room-amenities ul.amenities li.strike-out {
text-decoration-line: line-through;
}
.room-amenities ul.amenities li.strike-out img.strikeout {
position: absolute;
width: 24px;
height: 24px;
}
a.show-all {
display: flex;
margin-top: .75rem;
display: flex;
font-weight: 300;
text-decoration: none;
font-size: .875rem;
}
a.show-all:hover svg {
transform: translateX(.2rem);
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
}
.availability-check {
background: #fff;
padding: 2rem;
border: 1px solid var(--base);
border-radius: 1.5rem;
}
.availability-check form {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.availability-check .row label {
display: flex;
align-items: center;
flex-direction: row;
font-weight: 300;
font-size: 1rem;
}
.availability-check .row label p {
display: flex;
align-items: center;
margin: 0;
flex-direction: row;
font-weight: 300;
font-size: 1rem;
}
.availability-check .row.dates label input::placeholder {
font-weight: 300;
color: var(base);
font-size: 1rem;
line-height: 1.5rem;
}
.availability-check .row label::before {
content: "";
background: var(--accent);
width: 6px;
height: 6px;
border-radius: 50%;
margin-right: .75rem;
}
.availability-check .row label.adults::before {
background: var(--oaga-blue);
}
.availability-check .row label.child::before {
background: var(--oaga-green);
}
.availability-check .row.dates label input {
font-weight: 300;
font-size: 1rem;
border: none;
position: relative;
width: 95px;
}
.availability-check .row.dates label input::-webkit-calendar-picker-indicator {
position: absolute;
width: 100%;
opacity: 0;
}
.availability-check .row label .right-arrow {
display: flex;
margin: 0 .75rem;
}
.availability-check .row.dates label .label, .subscribe-text {
padding-right: 1rem;
}
.amenitybox, .related-rooms a.room-item>div {
padding: 2rem;
}
.availability-check .row.pax label .label {
padding-right: .75rem;
}
.availability-check .row.pax {
gap: 1.5rem;
}
.availability-check .row.pax .number {
display: flex;
flex-direction: row;
align-items: center;
gap: .5rem;
flex-basis: content;
}
.availability-check .row.pax .number input {
background: 0 0;
border: none;
padding: 0;
text-align: center;
max-width: 18px;
font-size: 1rem;
}
.availability-check .row.pax .number span {
border: 1px solid #d6d6d6;
width: 20px;
height: 20px;
border-radius: 50%;
display: flex;
line-height: 20px;
text-align: center;
justify-content: center;
color: #d6d6d6;
-webkit-transition: .1s ease-out;
-moz-transition: .1s ease-out;
-o-transition: .1s ease-out;
transition: .1s ease-out;
}
.availability-check .row.pax .number span:hover {
border: 1px solid var(--contrast-3);
color: var(--contrast-3);
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
cursor: pointer;
}
.close:after, .close:before, .mini-gallery img {
-webkit-transition: .1s ease-out;
-moz-transition: .1s ease-out;
-o-transition: .1s ease-out;
}
.availability-check .row.pax .number span.disable, .availability-check .row.pax .number span.disable:hover {
opacity: .5;
border: 1px solid #d6d6d6;
color: #d6d6d6;
cursor: not-allowed;
}
.mini-gallery {
column-width: 300px;
column-gap: 5px;
position: relative;
}
.mini-gallery img {
width: 100%;
cursor: pointer;
transition: .1s ease-out;
grid-column: span 2;
height: 6.4rem;
object-fit: cover;
}
.lightbox {
position: fixed;
width: 100%;
height: 100%;
top: 0;
display: none;
background: #000;
perspective: 1000;
left: 0;
z-index: 10001;
}
.filter {
position: absolute;
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
}
.amenitybox, .gallerybox {
position: fixed;
width: 100%;
top: 0;
display: none;
perspective: 1000;
left: 0;
z-index: 10000;
height: 100%}
.lightbox img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotateY(0);
max-height: 100vh;
max-width: calc(95vw - 100px);
transition: .8s cubic-bezier(.7,  0,  .4,  1);
transform-style: preserve-3d;
}
.amenitybox {
background: #0003;
}
.gallerybox {
background: #fff;
padding: 1rem;
overflow-y: scroll;
}
.close, [class^=arrow] {
width: 50px;
height: 50px;
position: absolute;
cursor: pointer;
}
[class^=arrow] {
background: 0 0;
top: 50%;
transform: translateY(-50%);
border: 1px solid #fff;
border-radius: 50%}
[class^=arrow]:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 10px;
height: 10px;
}
.arrowr {
right: 2rem;
}
.arrowr:after {
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
margin-right: 2px;
}
.arrowl {
left: 2rem;
}
.arrowl:after {
border-left: 1px solid #fff;
border-top: 1px solid #fff;
margin-left: 2px;
}
.close {
right: 0;
margin: 2rem;
border: 1px solid #fff;
border-radius: 50%}
.close:after, .close:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 1px;
height: 20px;
background: #fff;
transition: .1s ease-out;
}
.popup-page.grid-container {
background: #fff;
padding: 2rem!important;
border-radius: 1rem;
position: relative;
max-width: 700px;
height: 100%;
max-height: 100%}
.artist-body, .mini-gallery, a.artist-link {
border-radius: 1.5rem;
}
.popup-page.grid-container div.page::-webkit-scrollbar {
width: .5rem;
padding: 5px;
border-radius: .75rem;
}
.popup-page.grid-container div.page::-webkit-scrollbar-thumb {
background-color: var(--base);
border-radius: .75rem;
width: .35rem;
}
.popup-page.grid-container .page {
overflow-y: scroll;
height: 100%;
position: relative;
margin-top: 1rem;
padding-right: .75rem;
margin-right: .25rem;
}
.close:before {
transform: translate(-50%, -50%) rotate(45deg);
}
.popup-page.grid-container .close:after, .popup-page.grid-container .close:before {
background: var(--contrast-3);
-webkit-transition: .1s ease-out;
-moz-transition: .1s ease-out;
-o-transition: .1s ease-out;
transition: .1s ease-out;
}
.popup-page.grid-container .close:hover:after, .popup-page.grid-container .close:hover:before {
background: var(--contrast);
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
}
.mini-gallery {
overflow: hidden;
display: grid;
gap: .5rem;
padding: 0;
grid-template-columns: repeat(6, 1fr);
}
.amenitybox .close {
margin: -24px 0 0;
}
.mini-gallery img:first-child, .mini-gallery img:nth-child(2) {
grid-column: span 3;
height: 10rem;
}
.mini-gallery.\33 -item-gallery img:nth-child(3) {
grid-column: span 6;
height: 12rem;
}
.mini-gallery.\34 -item-gallery img:nth-child(3), .mini-gallery.\34 -item-gallery img:nth-child(4) {
grid-column: span 3;
height: 9rem;
}
.mini-gallery.\31 -item-gallery img {
grid-column: span 6;
height: 15rem;
}
.post-type-archive-people .featured-items {
row-gap: 4rem;
}
.featured-items .featured-title-h4, .featured-items h4 {
color: #e00059;
font-weight: 400;
font-size: 1rem;
margin-bottom: .25rem;
}
a.artist-link, a.show-all-photos {
text-decoration: none;
font-weight: 500;
display: flex;
}
.page-template-about-template, .page-template-contact-template .featured-bg.mobile, .page-template-full-width-template .featured-bg.mobile, .post-type-archive-album .featured-bg.mobile, .post-type-archive-artist .featured-bg.mobile, .post-type-archive-people .featured-bg.mobile {
z-index: -1;
width: 100vw;
max-width: unset;
background-size: contain;
margin-left: calc(50% - 50vw);
}
section#artist-listing {
padding: 5rem 0 7rem;
}
.post-type-archive-artist #page-title h2, .post-type-archive-people #page-title h2 {
color: #01bfa1!important;
}
a.artist-link svg {
position: absolute;
left: .75rem;
height: 20px;
top: 8px;
}
a.artist-link {
position: relative;
background: var(--accent);
color: #fff;
padding: 9px 0;
line-height: 1.25rem;
-webkit-transition: .1s ease-out;
-moz-transition: .1s ease-out;
-o-transition: .1s ease-out;
transition: .1s ease-out;
text-align: center;
justify-content: center;
font-size: 1rem;
}
.artist-body {
margin: 2.5rem -1rem 2.75rem;
background: #fff;
padding: 1rem;
}
.artist-gallery .mini-gallery img {
width: calc(33.3% - .5rem);
aspect-ratio: 1/1;
height: 100%;
border-radius: 1rem;
}
.featured-items .text-bg {
display: flex;
align-items: center;
flex-direction: column;
text-align: center;
background: #fff;
border-radius: 1.5rem;
padding: 1rem;
}
.featured-items .text-bg a.show-all {
margin-top: .75rem;
}
.artist-gallery .mini-gallery {
display: flex;
flex-wrap: wrap;
border-radius: unset;
}
.single-artist div#primary main#main {
position: relative;
margin-bottom: 0;
}
.page-template-about-template .featured-bg.desktop, .page-template-contact-template .featured-bg.desktop, .post-type-archive-album .featured-bg.desktop, .post-type-archive-artist .featured-bg.desktop, .post-type-archive-people .featured-bg.desktop, .single-artist .featured-bg {
width: 100vw;
margin-left: calc(50% - 50vw);
height: calc(100% + 120px);
top: -120px;
z-index: -1;
object-fit: cover;
}
.amenitybox .room-amenities {
padding: 0 0 2.25rem;
}
.amenitybox .room-amenities ul.amenities, body.web-v3.floating div#header-bar .header-bar-container.grid-container, div#mobile-booking-bar.drawer-closed form {
gap: 0;
}
.amenitybox .room-amenities ul.amenities li {
width: 100%;
border-bottom: 1px solid var(--base);
padding: 1.5rem 0;
}
a.show-all-photos {
position: absolute;
background: #fff;
border: 1px solid #d6d6d6;
border-radius: 1rem;
padding: 7px 11px 7px 9px;
gap: .5rem;
box-shadow: 0 1px 2px rgb(16 24 40 / 5%);
font-size: .75rem;
color: var(--gray-700);
line-height: 1rem;
bottom: 1.5rem;
right: 1.5rem;
-webkit-transition: .1s ease-out;
-moz-transition: .1s ease-out;
-o-transition: .1s ease-out;
transition: .1s ease-out;
}
a.show-all-photos svg {
width: 16px;
height: 16px;
}
a.show-all-photos:hover {
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
background: var(--base-2);
}
.gallerybox .close {
border: none;
right: unset;
top: 0;
left: 0;
margin: 0;
position: sticky;
float: right;
position: -webkit-sticky;
}
.gallerybox .close:after, .gallerybox .close:before {
background: var(--contrast);
height: 32px;
}
.gallerybox .mini-gallery, .web-v3 .image-left-offer {
border-radius: 0;
}
.gallerybox .mini-gallery img {
grid-column: span 3;
height: 15rem;
}
.gallerybox .mini-gallery img:first-child, .gallerybox .mini-gallery img:nth-child(10), .gallerybox .mini-gallery img:nth-child(19), .gallerybox .mini-gallery img:nth-child(28), .gallerybox .mini-gallery img:nth-child(4), .gallerybox .mini-gallery img:nth-child(7) {
grid-column: span 6;
height: auto;
aspect-ratio: 700/480;
}
.gallerybox .grid-container {
max-width: 700px;
}
, .gallerybox .mini-gallery img:nth-child(14), .gallerybox .mini-gallery img:nth-child(17), .gallerybox .mini-gallery img:nth-child(20), .gallerybox .mini-gallery img:nth-child(21), .gallerybox .mini-gallery img:nth-child(31), .gallerybox .mini-gallery img:nth-child(32) {
grid-column: span 3;
grid-row: span 2;
height: 30.5rem;
}
.gallerybox .mini-gallery img:nth-child(22), .gallerybox .mini-gallery img:nth-child(24) {
grid-column: span 4;
}
.gallerybox .mini-gallery img:nth-child(23), .gallerybox .mini-gallery img:nth-child(25) {
grid-column: span 2;
}
.related-rooms main#scroll-cards {
height: 320px;
display: block;
position: relative;
width: 100%;
display: flex;
gap: 1.5rem;
max-width: 1216px;
margin-left: auto;
margin-right: auto;
}
.caro-btn-next, .caro-btn-prev {
position: absolute;
padding: 0;
border: none;
z-index: 10px;
cursor: pointer;
background: 0 0;
mix-blend-mode: difference;
opacity: .4;
}
.caro-btn-next:active, .caro-btn-prev:active {
transform: scale(1.1);
}
.caro-btn-next:hover, .caro-btn-prev:hover, .web-v3 .contact-form label span {
opacity: 1;
}
.caro-btn-prev {
top: 45%;
left: 2%}
.caro-btn-next {
top: 45%;
right: 2%}
.related-rooms main#scroll-cards section.scroll-card {
padding-top: 0;
width: 100%;
height: 320px;
position: absolute;
max-width: calc(560px + 1.5rem);
padding-right: 1.5rem;
transition: .5s;
}
.related-rooms .about-room {
padding-bottom: 1rem;
padding-top: 0;
margin-left: auto;
margin-right: auto;
max-width: 1216px;
}
.related-rooms {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
margin-bottom: 12rem;
padding-top: 3rem;
overflow: hidden;
}
.related-rooms main#scroll-cards section.scroll-card a, .web-v3 .contact-map iframe, .web-v3.page-template-contact-template .splide__track {
width: 100%;
height: 100%}
.main-navigation .logo-book-row .mini-logo a {
width: 40px;
height: 25px;
}
.mini-gallery img:hover {
filter: brightness(.9);
-webkit-transition: .25s ease-out;
-moz-transition: .25s ease-out;
-o-transition: .25s ease-out;
transition: .25s ease-out;
}
#quadmenu .quadmenu-item-widget h2 {
color: var(--contrast-3);
font-weight: 600;
text-align: center;
margin: 0;
font-size: .875rem;
line-height: 1.25rem;
text-transform: lowercase;
}
#quadmenu .quadmenu-item-widget .menu-eat .menu-title-h2, #quadmenu .quadmenu-item-widget .menu-eat h2, .blog div#primary .site-main article:nth-child(8n+3):hover h2 a, .blog div#primary .site-main article:nth-child(8n+3):hover p, .blog div#primary .site-main article:nth-child(8n+3):hover span, .post-type-archive-journal div#primary .site-main article:nth-child(8n+3):hover h2 a, .post-type-archive-journal div#primary .site-main article:nth-child(8n+3):hover p, .post-type-archive-journal div#primary .site-main article:nth-child(8n+3):hover span, .tax-journal-type div#primary .site-main article:nth-child(8n+3):hover h2 a, .tax-journal-type div#primary .site-main article:nth-child(8n+3):hover p, .tax-journal-type div#primary .site-main article:nth-child(8n+3):hover span {
color: #d35f94;
}
#quadmenu .quadmenu-item-widget .menu-spa .menu-title-h2, #quadmenu .quadmenu-item-widget .menu-spa h2, .blog div#primary .site-main article:nth-child(8n+4):hover h2 a, .blog div#primary .site-main article:nth-child(8n+4):hover p, .blog div#primary .site-main article:nth-child(8n+4):hover span, .post-type-archive-journal div#primary .site-main article:nth-child(8n+4):hover h2 a, .post-type-archive-journal div#primary .site-main article:nth-child(8n+4):hover p, .post-type-archive-journal div#primary .site-main article:nth-child(8n+4):hover span, .tax-journal-type div#primary .site-main article:nth-child(8n+4):hover h2 a, .tax-journal-type div#primary .site-main article:nth-child(8n+4):hover p, .tax-journal-type div#primary .site-main article:nth-child(8n+4):hover span {
color: #008bf4;
}
#quadmenu .quadmenu-item-widget .menu-events .menu-title-h2, #quadmenu .quadmenu-item-widget .menu-events h2 {
color: #a6005f;
}
#quadmenu .quadmenu-item-widget .menu-artists .menu-title-h2, #quadmenu .quadmenu-item-widget .menu-artists h2, .blog div#primary .site-main article:nth-child(8n+5):hover h2 a, .blog div#primary .site-main article:nth-child(8n+5):hover p, .blog div#primary .site-main article:nth-child(8n+5):hover span, .post-type-archive-journal div#primary .site-main article:nth-child(8n+5):hover h2 a, .post-type-archive-journal div#primary .site-main article:nth-child(8n+5):hover p, .post-type-archive-journal div#primary .site-main article:nth-child(8n+5):hover span, .post-type-archive-offers .home div#page-title .page-title-h2, .post-type-archive-offers .home div#page-title h2, .tax-journal-type div#primary .site-main article:nth-child(8n+5):hover h2 a, .tax-journal-type div#primary .site-main article:nth-child(8n+5):hover p, .tax-journal-type div#primary .site-main article:nth-child(8n+5):hover span {
color: #e00059;
}
#quadmenu .quadmenu-item-widget .event-h1, #quadmenu .quadmenu-item-widget .menu-title-h1, #quadmenu .quadmenu-item-widget h1 {
font-weight: 250;
color: var(--contrast);
line-height: 2.25rem;
text-align: center;
margin: 1.75rem 0 .25rem;
font-family: Zooja;
font-size: 2.625rem;
letter-spacing: -.02em;
display: block;
}
section#home-rooms .room-icon-color {
position: absolute;
width: 100%;
height: 100%;
background-size: contain;
background-repeat: no-repeat;
opacity: 0;
transition: .15s ease-out;
}
section#home-rooms .room-icon {
width: 46px;
height: 46px;
background-repeat: no-repeat;
background-size: contain;
position: relative;
}
section#home-rooms .room-icon-no-color {
position: absolute;
width: 100%;
height: 100%;
background-size: contain;
background-repeat: no-repeat;
opacity: 1;
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
}
section#home-rooms .tab nav .inactive .room-icon-color {
-webkit-transition: .24s ease-out;
-moz-transition: .24s ease-out;
-o-transition: .24s ease-out;
transition: .24s ease-out;
opacity: 1;
}
.home #home-rooms div#page-title .page-title-h2, .home #home-rooms div#page-title h2 {
color: #00bfa1;
text-transform: capitalize;
}
.home #home-rooms div#page-title h1 {
font-size: 8rem;
font-family: Zooja!important;
transform: rotate(-10.49deg);
line-height: 7rem;
text-transform: lowercase;
margin-top: -.5rem;
}
img.room-arwork {
position: absolute;
z-index: -1;
}
img.room-arwork.room-arwork3 {
right: -240px;
top: -290px;
}
img.room-arwork.room-arwork1 {
left: -240px;
top: -210px;
}
img.room-arwork.room-arwork2 {
bottom: -170px;
right: 80px;
}
section#home-rooms .tab nav .inactive .room-icon-no-color {
-webkit-transition: .24s ease-out;
-moz-transition: .24s ease-out;
-o-transition: .24s ease-out;
transition: .24s ease-out;
opacity: 0;
}
section#artist-listing .featured-items a.artist-image:hover img {
transform: scale(1.15);
-webkit-transition: .24s ease-out;
-moz-transition: .24s ease-out;
-o-transition: .24s ease-out;
transition: .24s ease-out;
}
section#artist-listing .featured-items a.artist-image img {
max-width: unset;
border: none;
-webkit-transition: .15s ease-in;
-moz-transition: .15s ease-in;
-o-transition: .15s ease-in;
transition: .15s ease-in;
}
.address-sections>div ul li a, a#fannuvarin {
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
text-decoration: none;
}
section#artist-listing .featured-items a.artist-image {
width: 100%;
height: auto;
aspect-ratio: 1/1;
object-fit: cover;
border-radius: 50%;
border: 4px solid #c9c9c9;
margin-bottom: 2rem;
max-width: 280px;
overflow: hidden;
}
.page-template-about-template .default-template-title h2, .page-template-contact-template .default-template-title h2, .page-template-full-width-template .default-template-title h2 {
text-align: center;
font-weight: 700;
font-size: 1.125rem;
line-height: 1.75rem;
color: #ffc900;
margin-bottom: 1.25rem;
display: block;
}
.page-template-about-template .default-template-title h1, .page-template-contact-template .default-template-title h1, .page-template-full-width-template .default-template-title h1 {
font-weight: 500;
text-align: center;
line-height: 1;
text-transform: lowercase;
}
.inner-faq h2, .page-template-contact-template .default-template-title h1 {
text-transform: none;
}
.page-template-about-template .default-template-title, .page-template-contact-template .default-template-title, .page-template-default .default-template-title, .page-template-default-template .default-template-title, .page-template-full-width-template .default-template-title {
padding: 3.5rem 1.5rem 4rem;
max-width: 960px;
margin: 0 auto;
}
.page-template-about-template .default-template-body, .page-template-contact-template .default-template-body, .page-template-default .default-template-body, .page-template-default-template .default-template-body, .page-template-full-width-template .default-template-body {
padding: 1.5rem 1.5rem 2rem;
max-width: 960px;
margin: 0 auto 8rem!important;
}
.page-template-about-template .default-template-body .inside-article .entry-content, .page-template-about-template .default-template-body .inside-article .entry-content:not(:first-child), .page-template-contact-template .default-template-body .inside-article .entry-content, .page-template-contact-template .default-template-body .inside-article .entry-content:not(:first-child), .page-template-default .default-template-body .inside-article .entry-content:not(:first-child), .page-template-default-template .default-template-body .inside-article .entry-content:not(:first-child), .page-template-full-width-template .default-template-body .inside-article .entry-content, .page-template-full-width-template .default-template-body .inside-article .entry-content:not(:first-child), .web-v3.archive .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title p.entry-meta.journal-type, .web-v3.blog .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title p.entry-meta.journal-type {
margin-top: 0!important;
}
.page-template .default-template-body .inside-article, .page-template-about-template .default-template-body .inside-article, .page-template-default .default-template-body .inside-article, .page-template-default-template .default-template-body .inside-article, .page-template-full-width-template .default-template-body .inside-article {
background: #fff!important;
padding: 0;
border-radius: 1.5rem;
}
.page-template-contact-template .default-template-body .inside-article, .web-v3.single-artist #inner-page p.Body span {
background: 0 0!important;
}
.page-template-default .default-template-title h1, .page-template-default-template .default-template-title h1 {
font-size: 3.75rem;
font-weight: 500;
line-height: 1;
letter-spacing: -.02em;
color: var(--contrast);
}
.page-template-contact-template input.wpcf7-form-control.wpcf7-text {
font-size: 18px;
background: rgba(0, 0, 0, .15);
padding: 16px 35px 14px;
color: #fff;
backdrop-filter: blur(10px);
border-radius: 50px;
border: none;
max-width: 100%;
width: 490px;
margin-bottom: 8px;
}
.page-template-contact-template select.wpcf7-form-control.wpcf7-select {
margin-bottom: 8px;
font-size: 18px;
background: 0 0;
padding: 16px 35px 14px;
color: #fff;
border-radius: 50px;
width: 570px;
max-width: 100%;
border: 2px solid #fff;
}
.page-template-contact-template input.wpcf7-form-control.wpcf7-text::placeholder {
color: #fff;
font-size: 18px;
}
.page-template-contact-template .inner-content {
padding-bottom: 35px;
}
.page-template-contact-template span.wpcf7-form-control-wrap.DropFileHere {
display: inline-block;
position: relative;
width: 120px;
height: 40px;
border-radius: 5px;
border: 1px solid #4096ee;
background: linear-gradient(to bottom, #7abcff 0, #60abf8 44%, #4096ee 100%);
color: #fff;
overflow: hidden;
}
.page-template-contact-template form.wpcf7-form {
max-width: 596px;
background: #fff;
border: 1px solid #e5e5e5;
border-radius: 40px;
margin: 0 auto;
padding: 2rem 2rem .25rem;
width: 100%}
.page-template-contact-template span.wpcf7-not-valid-tip {
font-size: .675rem;
line-height: .25rem;
margin-bottom: -.875rem;
margin-top: -.125rem;
padding-left: 1rem;
}
.page-template-contact-template form.wpcf7-form input, .page-template-contact-template form.wpcf7-form select, .page-template-contact-template form.wpcf7-form textarea {
width: 100%!important;
margin-bottom: .75rem!important;
background: #fff!important;
border: 1px solid #d6d6d6!important;
box-shadow: 0 1px 2px rgb(16 24 40 / 5%)!important;
border-radius: 99px!important;
color: #424242!important;
padding: 7px 14px!important;
font-size: 1rem!important;
line-height: 1.5rem!important;
font-weight: 300!important;
}
.page-template-contact-template form.wpcf7-form span.JobPosition:after, .page-template-contact-template label#cv-label:after {
font-family: 'Font Awesome 6 Pro'!important;
color: #424242;
right: 17px;
z-index: 1;
font-weight: 500;
width: 20px;
border-radius: 100%;
line-height: 20px;
font-size: 16px;
box-sizing: border-box;
text-align: center;
position: absolute;
pointer-events: none;
height: 20px;
}
.address-sections {
display: flex;
gap: 1.5rem;
justify-content: center;
padding-bottom: 5rem;
}
.address-sections>div {
background: #e00059;
border-radius: 1.5rem;
padding: 1.5rem 2rem 2rem;
display: flex;
flex-direction: column;
gap: 1rem;
width: 50%}
.menu-accomodation main, .menu-experiences main, .menu-offers main {
display: grid!important;
grid-template-columns: 1fr 1fr;
padding-bottom: 2.5rem;
}
.page-template-contact-template .default-template-body {
padding: 0 1.5rem 1rem;
}
.page-template-contact-template .default-template-title {
padding-bottom: 3.5rem;
}
.address-sections .resort-address, .blog div#primary .site-main article:nth-child(8n+5), .post-type-archive-journal div#primary .site-main article:nth-child(8n+5), .tax-journal-type div#primary .site-main article:nth-child(8n+5) {
background: #e00059;
}
.address-sections>div h2 {
margin: 0;
font-weight: 600;
font-size: 1.25rem;
color: #fff;
line-height: 1.75rem;
display: flex;
gap: .5rem;
align-items: center;
}
.address-sections>div ul {
list-style-type: none;
margin: 0;
display: flex;
flex-direction: column;
gap: .5rem;
}
.contact-map {
border-radius: 1rem;
overflow: hidden;
margin-bottom: 7.5rem;
display: flex;
justify-items: center;
align-items: center;
}
.address-sections>div ul li {
font-size: 1rem;
color: #fff;
font-weight: 300;
line-height: 1.5rem;
display: flex;
gap: .5rem;
align-items: center;
}
.address-sections>div ul li span {
width: 24px;
display: flex;
}
.address-sections>div ul li a {
font-size: 1rem;
color: #fff;
font-weight: 300;
line-height: 1.5rem;
transition: .15s ease-out;
}
.address-sections>div ul li a:hover {
color: #ffc900;
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
}
.page-template-contact-template form.wpcf7-form textarea {
border-radius: 1.5rem!important;
}
.page-template-contact-template form.wpcf7-form select {
color: #424242!important;
font-weight: 500!important;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}
.page-template-contact-template label#cv-label:after {
content: "\e09a";
top: 8px;
}
.page-template-contact-template form.wpcf7-form span.JobPosition:after {
content: "\f078";
top: 1.5px;
}
.page-template-contact-template form.wpcf7-form .wpcf7-response-output {
margin: -.5rem 0 1rem;
background: #46b450;
border: #ffdead;
font-size: 1rem;
border-radius: 1rem;
color: #fff;
padding: .25rem .75rem;
}
.page-template-contact-template .wpcf7 form.invalid .wpcf7-response-output, .page-template-contact-template .wpcf7 form.payment-required .wpcf7-response-output, .page-template-contact-template .wpcf7 form.unaccepted .wpcf7-response-output {
margin: -.5rem 0 1rem;
background: #ffb900;
border: #ffdead;
font-size: 1rem;
border-radius: 1rem;
color: #fff;
padding: .25rem .75rem;
}
.page-template-contact-template form.wpcf7-form input::placeholder {
color: #737373!important;
font-size: 1rem!important;
line-height: 1.5rem!important;
font-weight: 300!important;
}
.page-template-contact-template input.wpcf7-form-control.wpcf7-file {
position: absolute;
width: 1500px;
height: 1000px;
right: 0;
bottom: 0;
outline: 0!important;
}
a#fannuvarin {
display: block;
width: 240px;
transition: .15s ease-out;
margin: 55px auto -25px;
text-transform: uppercase;
}
a#fannuvarin img {
width: 200px opacity: .8;
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
}
a#fannuvarin:hover img {
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
transform: scale(1.03);
opacity: 1;
}
.page-template-contact-template .wpcf7-file:before {
content: "Upload your CV";
display: block;
width: 120px;
height: 40px;
line-height: 40px;
text-align: center;
position: absolute;
right: 0;
bottom: 0;
color: #fff;
font-size: 16px;
}
.page-template-contact-template label.custom-file-upload {
position: relative;
display: inline-block;
width: 100%!important;
margin-bottom: .75rem!important;
background: #fff!important;
border: 1px solid #d6d6d6!important;
box-shadow: 0 1px 2px rgb(16 24 40 / 5%)!important;
border-radius: 99px!important;
padding: 7px 14px!important;
font-size: 1rem!important;
line-height: 1.5rem!important;
color: #424242!important;
font-weight: 500!important;
}
.page-template-contact-template input.wpcf7-form-control.has-spinner.wpcf7-submit {
font-size: 14px!important;
color: #fff!important;
padding: 9px 0!important;
line-height: 20px!important;
background: #e00059!important;
border: 2px solid #e00059;
box-sizing: border-box;
border-radius: 50px;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
display: block;
margin: .75rem auto 0!important;
font-weight: 500!important;
}
.web-v3.archive .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title p.entry-meta.journal-type, .web-v3.blog li .entry-meta.journal-type {
font-size: 12px;
}
#quadmenu .foot, .web-v3.archive.post-type-archive-artist section.archive-listing-section {
padding-bottom: 0;
}
.page-template-contact-template input.wpcf7-form-control.has-spinner.wpcf7-submit:hover {
-webkit-transition: .2s;
-moz-transition: .2s;
-ms-transition: .2s;
-o-transition: .2s;
transition: .2s;
}
.workWithUs .work-with-us {
background: rgba(0, 0, 0, .05);
border: 2px solid rgba(255, 255, 255, .2);
box-sizing: border-box;
backdrop-filter: blur(20px);
padding: 10px 24px 24px;
width: 614px;
max-width: 95%;
max-height: 600px;
height: 100%;
-webkit-transition: 1s;
-moz-transition: 1s;
-ms-transition: 1s;
-o-transition: 1s;
transition: 1s;
}
form.wpcf7-form {
margin-top: 12px;
}
a#fannuvarin span {
margin-top: 4px;
display: block;
text-shadow: 2px 2px 6px rgb(0 0 0 / 26%), 0 -5px 35px rgb(255 255 255 / 30%);
}
span#fannuvarin {
width: 100%;
display: flex;
justify-content: center;
}
span#fannuvarin img {
width: 130px;
}
section#home-rooms .tab nav ul .room-data {
display: flex;
width: calc(100% - 46px - 1.5rem);
}
section#home-rooms .tab nav ul li {
display: flex;
gap: 1.5rem;
align-items: flex-start;
border: none;
margin: 0;
}
.menu-accomodation main, .menu-offers main {
padding-top: 1.5rem;
gap: 1.5rem;
}
.menu-experiences main {
padding-top: 1.5rem;
grid-gap: 1rem;
}
.menu-eat main, .menu-spa main {
display: flex!important;
padding-top: 1.5rem;
padding-bottom: 2.5rem;
gap: 1rem;
}
.menu-accomodation main section, .menu-experiences main section, .menu-offers main section {
gap: .75rem;
display: flex!important;
}
.menu-eat main section {
flex-direction: column;
gap: .75rem;
grid-column: span 1;
display: flex!important;
width: 148px;
-webkit-transition: .15s ease-out!important;
-moz-transition: .15s ease-out!important;
-o-transition: .15s ease-out!important;
transition: .15s ease-out!important;
}
.menu-spa main section {
flex-direction: column;
gap: .75rem;
grid-column: span 1;
display: flex!important;
width: 148px;
-webkit-transition: .15s ease-out!important;
-moz-transition: .15s ease-out!important;
-o-transition: .15s ease-out!important;
transition: .15s ease-out!important;
order: 1;
}
.menu-experiences main section.featClass a.image-thumbnail {
width: 100%!important;
height: 196px!important;
}
.menu-eat main section.featClass {
flex-grow: 1;
order: 1;
}
.menu-spa main section.featClass {
flex-grow: 1;
order: 0;
}
.menu-accomodation main section a.image-thumbnail, .menu-offers main section a.image-thumbnail {
width: 183px!important;
height: 120px!important;
display: block;
overflow: hidden!important;
border-radius: 1rem!important;
}
.menu-experiences main section a.image-thumbnail {
width: 156px!important;
height: 77.3px!important;
display: block;
overflow: hidden!important;
border-radius: .56rem!important;
}
.menu-eat main section a.image-thumbnail, .menu-spa main section a.image-thumbnail {
width: 100%!important;
height: 200px!important;
display: block;
overflow: hidden!important;
border-radius: 1rem!important;
}
.menu-accomodation main section a.image-thumbnail div, .menu-eat main section a.image-thumbnail div, .menu-experiences main section a.image-thumbnail div, .menu-offers main section a.image-thumbnail div, .menu-spa main section a.image-thumbnail div {
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
border-radius: .56rem;
}
.menu-accomodation main section .entry-content {
width: 194px;
margin: 0;
}
.menu-experiences main section .entry-content {
width: 100%;
margin: 0;
display: flex;
flex-direction: column;
justify-content: center;
}
.menu-eat main section .entry-content, .menu-spa main section .entry-content {
width: 100%;
margin: 0;
}
.menu-offers main section .entry-content {
width: 194px;
margin: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.menu-experiences main section.featClass {
grid-row-start: 1;
grid-row-end: 4;
flex-direction: column;
}
.menu-accomodation main section .entry-content .entry-title, .menu-accomodation main section .entry-content .entry-title a, .menu-accomodation main section .entry-content h3, .menu-accomodation main section .entry-content h3 a {
margin: .125rem 0 .25rem;
font-weight: 600;
color: var(--gray-700);
font-size: 1rem;
line-height: 1.25rem;
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
}
.menu-eat main section .entry-content .entry-title, .menu-eat main section .entry-content .entry-title a, .menu-eat main section .entry-content h3, .menu-eat main section .entry-content h3 a, .menu-experiences main section .entry-content .entry-title, .menu-experiences main section .entry-content .entry-title a, .menu-experiences main section .entry-content h3, .menu-experiences main section .entry-content h3 a, .menu-spa main section .entry-content .entry-title, .menu-spa main section .entry-content .entry-title a, .menu-spa main section .entry-content h3, .menu-spa main section .entry-content h3 a {
margin: .125rem 0 .25rem;
font-weight: 600;
color: var(--gray-700);
font-size: 1rem;
line-height: 1rem;
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
}
.menu-offers main section .entry-content .entry-title, .menu-offers main section .entry-content .entry-title a {
margin: .75rem 0 0;
font-weight: 600;
color: var(--gray-700);
font-size: 1rem;
line-height: 1rem;
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
}
.menu-accomodation main section .entry-content .description p, .menu-spa main section .entry-content .description p {
font-size: .75rem;
line-height: 1rem;
font-weight: 300;
color: var(--gray-700);
}
.menu-eat main section .entry-content .description p, .menu-experiences main section .entry-content .bigTitle a, .menu-experiences main section .entry-content h4 a {
font-size: .75rem!important;
line-height: 1rem;
font-weight: 300;
color: var(--gray-700);
}
.menu-offers main section .entry-content .description p {
font-size: .75rem;
line-height: 1rem;
font-weight: 300;
color: var(--gray-700);
margin: 0;
padding-top: .25rem;
}
#quadmenu .foot a {
font-weight: 300;
text-align: center;
font-size: .875rem!important;
line-height: 1.25rem;
color: #525252;
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
}
#quadmenu .foot a:hover {
-webkit-transition: .3s ease-out;
-moz-transition: .3s ease-out;
-o-transition: .3s ease-out;
transition: .3s ease-out;
color: var(--gray-700);
}
#quadmenu.quadmenu-is-horizontal li.quadmenu-item-type-column>div>ul {
padding-top: 1.5rem!important;
padding-bottom: 1.5rem!important;
}
#quadmenu .foot {
border-top: 1px solid #ff9800;
padding-top: .75rem;
}
.menu-accomodation main section a.image-thumbnail:hover div, .menu-eat main section a.image-thumbnail:hover div, .menu-experiences main section a.image-thumbnail:hover div, .menu-offers main section a.image-thumbnail:hover div, .menu-spa main section a.image-thumbnail:hover div {
-webkit-transition: .3s ease-out!important;
-moz-transition: .3s ease-out!important;
-o-transition: .3s ease-out!important;
transition: .3s ease-out!important;
transform: scale(1.05);
}
.menu-accomodation main section a.image-thumbnail div, .menu-eat main section a.image-thumbnail div, .menu-experiences main section a.image-thumbnail div, .menu-offers .offer-card img.offer-bg, .menu-offers main section a.image-thumbnail div {
-webkit-transition: .15s ease-out!important;
-moz-transition: .15s ease-out!important;
-o-transition: .15s ease-out!important;
transition: .15s ease-out!important;
}
.menu-accomodation main section h3 a:hover, .menu-eat main section h3 a:hover, .menu-experiences main section .entry-content:hover h3 a, .menu-experiences main section .entry-content:hover h4 a, .menu-offers main section h3 a:hover, .menu-spa main section h3 a:hover {
color: var(--contrast);
-webkit-transition: .3s ease-out;
-moz-transition: .3s ease-out;
-o-transition: .3s ease-out;
transition: .3s ease-out;
}
.menu-offers .offer-card:hover img.offer-bg {
transform: scale(1.1);
-webkit-transition: .3s ease-out!important;
-moz-transition: .3s ease-out!important;
-o-transition: .3s ease-out!important;
transition: .3s ease-out!important;
}
.menu-offers main .offer-card {
grid-row-start: 1;
grid-column-start: 1;
grid-row-end: 3;
}
.subscribe-form form.wpcf7-form .wpcf7-response-output {
background: #dc3232;
position: absolute;
bottom: -50px;
font-size: 10px!important;
}
.subscribe-form form.sent .wpcf7-response-output {
background: #46b450;
}
.subscribe-form form.aborted .wpcf7-response-output, .subscribe-form form.failed .wpcf7-response-output {
background: #dc3232;
}
.subscribe-form form.spam .wpcf7-response-output {
background: #f56e28;
}
.menu-offers .offer-card a {
display: block;
width: 100%;
text-decoration: none;
position: relative;
overflow: hidden;
height: 100%;
display: flex;
justify-content: flex-end;
}
.menu-offers .offer-card {
border-radius: 1rem;
width: 100%;
height: 264px;
position: relative;
overflow: hidden;
}
.menu-offers .offer-card img.offer-bg {
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
object-fit: cover;
}
.menu-offers .offer-card a .entry-content h1 {
color: #fff!important;
font-weight: 600!important;
line-height: 1.75rem!important;
font-size: 1.25rem!important;
margin: .75rem 0 .25rem!important;
max-width: 6rem;
text-align: right!important;
}
.menu-offers .offer-card a .entry-content .description p {
margin: 0!important;
font-weight: 300;
font-size: .75rem;
line-height: 1rem;
}
.menu-offers .offer-card a .entry-content {
color: #fff;
padding-top: 1.5rem;
margin: 0;
padding-right: 1.5rem;
max-width: 11.5rem;
display: flex;
flex-direction: column;
align-items: flex-end;
text-align: right;
}
.menu-offers .plus {
width: 20px;
--b: 3px;
}
.home .home-check-availability {
display: block;
z-index: 1;
position: relative;
margin-top: -35px;
}
.home-check-availability .availability-check {
max-width: 940px;
margin: 0 auto;
padding: 1rem 4rem;
background: #ffc900;
border-radius: 3.5rem;
background-position: center;
background-size: 200%;
border: none;
}
.home .availability-check .row label svg path {
stroke: #000;
}
.home .availability-check .row.pax .number span {
border-color: #000;
color: #000;
}
.home-check-availability .availability-check form {
flex-direction: row;
gap: 3.5rem;
justify-content: center;
}
.home-check-availability .availability-check form .row.dates label input {
background: 0 0;
width: 88px;
font-size: .9rem;
color: #000;
}
.home-check-availability .availability-check form input#book-now {
background: #000;
padding: 8px 17px;
}
.home-check-availability .availability-check form input#book-now:hover {
background: #fff;
color: #000;
}
.home-check-availability .availability-check form .row.dates label input::placeholder {
font-size: .75rem;
}
section#home-about .body .show-all {
text-align: center;
justify-content: center;
}
#home-experiences .offer-cards .offer-card a .entry-content {
display: flex;
flex-direction: column;
justify-content: flex-end;
height: 100%;
padding: 2.5rem;
}
#home-experiences .offer-cards .offer-card a .entry-content:before {
display: block;
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
background: #060606;
background: -moz-linear-gradient(360deg, rgba(6, 6, 6, .35) 0, rgba(17, 17, 17, 0) 45%);
background: -webkit-linear-gradient(360deg, rgba(6, 6, 6, .35) 0, rgba(17, 17, 17, 0) 45%);
background: linear-gradient(360deg, rgba(6, 6, 6, .35) 0, rgba(17, 17, 17, 0) 45%);
opacity: .35;
visibility: visible;
-webkit-transition: .1s ease-out;
-moz-transition: .1s ease-out;
-o-transition: .1s ease-out;
transition: .1s ease-out;
}
#home-experiences .offer-cards .offer-card a:hover .entry-content::before {
opacity: 1;
visibility: visible;
-webkit-transition: .25s ease-out;
-moz-transition: .25s ease-out;
-o-transition: .25s ease-out;
transition: .25s ease-out;
}
#home-experiences .offer-cards .offer-card a .entry-content h1 {
font-weight: 600;
font-size: 2.25rem;
line-height: 2.5rem;
text-align: left;
}
#home-experiences .offer-cards .offer-card a .entry-content p {
font-weight: 300;
text-align: left;
}
.post-type-archive-experiences #page-title p, .post-type-archive-facilities #page-title p {
font-weight: 300;
font-size: 1.125rem;
color: var(--gray-700);
line-height: 1.75rem;
}
.post-type-archive-experiences #page-title, .post-type-archive-facilities #page-title {
padding-bottom: 2.75rem;
}
.infinite-slider .slides.shifting {
transition: left .2s ease-out;
}
.infinite-slider .slide .polaroid-cards {
width: 510px;
height: 536px;
display: flex;
flex-direction: row;
justify-content: center;
transition: 1s;
position: relative;
}
.infinite-slider .slide .behind-polaroid, .infinite-slider .slide .card {
width: 390px;
border-radius: .25rem;
padding: 24px 24px 0;
display: flex;
height: 536px;
}
.infinite-slider #slides {
justify-content: center;
display: flex;
row-gap: 8.5rem;
justify-content: center;
flex-wrap: wrap;
max-width: 1794px;
margin: 0 auto;
justify-content: space-between;
}
.infinite-slider .slide .card {
-webkit-transition: .1s ease-out;
-moz-transition: .1s ease-out;
-o-transition: .1s ease-out;
transition: .1s ease-out;
}
.infinite-slider .slide .card:hover .album-link img {
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
box-shadow: 0 14px 16px -4px rgb(16 24 40 / 30%), 0 4px 6px -2px rgb(16 24 40 / 3%);
transform: translateY(-3px);
}
.single-journal div#primary .inside-article, .single-post div#primary .inside-article {
background: #fff;
border-radius: 3.5rem;
overflow: hidden;
padding: 1.5rem 1.5rem 5rem;
max-width: 960px;
margin: 2rem auto 4rem;
}
.single-journal div#primary .inside-article .featured-image img, .single-post div#primary .inside-article .featured-image img {
border-radius: 1.5rem;
width: 100%}
.infinite-slider .slide .entry-content {
margin: 1.75rem 0 0;
display: flex;
justify-content: center;
}
.infinite-slider .slide .entry-content h1 {
text-decoration: none;
color: #fff;
background: #01bfa1;
text-align: center;
display: inline-block;
border-radius: 40px!important;
margin: 0 auto;
opacity: 0;
-webkit-transition: .1s ease-out;
-moz-transition: .1s ease-out;
-o-transition: .1s ease-out;
transition: .1s ease-out;
visibility: none;
font-family: Zooja!important;
font-weight: 400;
font-size: 2.5rem;
line-height: 1.25rem;
padding: 1rem 1rem 0;
}
.infinite-slider .slide .card:hover .entry-content h1 {
opacity: 1;
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
visibility: visible;
}
.infinite-slider .slide .behind-polaroid.rotate-1 {
transform: rotate(-5.79deg);
}
.infinite-slider .slide .behind-polaroid.rotate-2 {
transform: rotate(-14.79deg);
}
.infinite-slider .slide .behind-polaroid.rotate-3 {
transform: rotate(14.27deg);
}
.infinite-slider .slide .behind-polaroid.rotate-4 {
transform: rotate(4.86deg);
}
.infinite-slider .slide .behind-polaroid.rotate-5 {
transform: rotate(8.12deg);
}
.infinite-slider .slide .behind-polaroid.rotate-6 {
transform: rotate(-6.72deg);
}
.infinite-slider .slide .behind-polaroid.rotate-7 {
transform: rotate(-4.86deg);
}
.infinite-slider .slide .behind-polaroid.rotate-8 {
transform: rotate(6.2deg);
}
.infinite-slider .slide .behind-polaroid.rotate-9 {
transform: rotate(-8.1deg);
}
.infinite-slider .slide .behind-polaroid.rotate-10 {
transform: rotate(5.1deg);
}
.infinite-slider .wrapper {
position: relative;
overflow: hidden;
padding-bottom: 11.25rem;
padding-top: 5.25rem;
}
#loaded-photos .polaroid-cards>div img, .infinite-slider .slide img {
width: 342px;
height: 440px;
object-fit: cover;
border-radius: 1rem;
box-shadow: 0 20px 24px -4px rgb(16 24 40 / 8%), 0 8px 8px -4px rgb(16 24 40 / 3%);
}
.infinite-slider .slide.opened {
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
grid-column-start: 2;
grid-row-start: 1;
}
.infinite-slider .slide .behind-polaroid {
position: absolute;
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
z-index: -1;
}
.grid-container.opened .infinite-slider .slide:not(.opened) {
transform: translateY(400px);
opacity: 0;
pointer-events: none;
cursor: none;
position: absolute;
-webkit-transition: .4s ease-out;
-moz-transition: .4s ease-out;
-o-transition: .4s ease-out;
transition: .4s ease-out;
}
.infinite-slider .slide {
width: 33%;
display: flex;
flex-direction: column;
}
.infinite-slider .slide:nth-child(3n-2) .polaroid-cards {
margin-right: 5.5rem;
}
.infinite-slider .slide:nth-child(3n) .polaroid-cards {
margin-left: 5.5rem;
}
.infinite-slider .slide:nth-child(3n-1) {
flex-wrap: wrap;
align-content: center;
}
.infinite-slider .slide:nth-child(3n) {
flex-wrap: wrap;
align-content: flex-start;
}
.infinite-slider .slide:nth-child(3n-2) {
flex-wrap: wrap;
align-content: flex-end;
}
.blog div#primary .site-main {
margin: 6rem 0 8rem;
display: grid;
gap: 24px;
grid-template-columns: 1fr 1fr 1fr;
}
.post-type-archive-journal div#primary .site-main>div, .tax-journal-type div#primary .site-main>div {
margin: 6rem 0 8rem;
display: grid;
gap: 24px;
grid-template-columns: repeat(3, 1fr);
}
.post-type-archive-journal div#primary .site-main {
margin-top: 4rem;
}
.blog div#primary .site-main article .inside-article, .post-type-archive-journal div#primary .site-main article .inside-article, .tax-journal-type div#primary .site-main article .inside-article {
background: unset;
margin-bottom: 2rem;
padding: 2.125rem;
}
.blog div#primary .site-main article .inside-article img, .post-type-archive-journal div#primary .site-main article .inside-article img, .tax-journal-type div#primary .site-main article .inside-article img {
border-radius: .75rem;
}
.blog div#primary .site-main article .inside-article .post-image, .post-type-archive-journal div#primary .site-main article .inside-article .post-image {
margin-top: 1.5rem;
}
.blog div#primary .site-main article, .post-type-archive-journal div#primary .site-main article, .tax-journal-type div#primary .site-main article {
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
background: #a6005f;
border-radius: 1rem;
margin: 0;
}
.post-type-archive-album div#page {
max-width: unset;
width: 100%}
article .inside-article {
margin-bottom: 5rem;
}
.blog div#primary .site-main article h2.entry-title, .post-type-archive-journal div#primary .site-main article h2.entry-title, .tax-journal-type div#primary .site-main article h2.entry-title {
font-weight: 700;
font-size: 1.5rem;
line-height: 2rem!important;
}
.blog div#primary .site-main article .entry-summary, .post-type-archive-journal div#primary .site-main article .entry-summary, .tax-journal-type div#primary .site-main article .entry-summary {
margin-top: .5rem;
}
.blog div#primary .site-main article .entry-summary p, .post-type-archive-journal div#primary .site-main article .entry-summary p, .tax-journal-type div#primary .site-main article .entry-summary p {
color: #fffc;
font-weight: 500;
font-size: 1rem;
line-height: 1.5rem;
}
.web-v3 section#home-more-section .footer-big-menu ul#menu-footer-menu-big li:nth-child(4) a, .web-v3.archive #people-listing .splide ul.splide__list li.splide__slide:nth-child(6n+3) .tall-card-title.image-card p.card-title, .web-v3.archive.post-type-archive, .web-v3.archive.post-type-archive #people-listing .splide ul.splide__list li.splide__slide:nth-child(6n+3) .entry-meta.journal-type, .web-v3.archive.post-type-archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+3), .web-v3.archive.post-type-archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+3) .tall-card-title.image-card:before, .web-v3.archive.post-type-archive-artist .archive-listing-section div#our-collaborators .splide ul.splide__list li.splide__slide:nth-child(6n+1) .tall-card-title.image-card p.card-title, .web-v3.archive.post-type-archive-artist .archive-listing-section div#our-collaborators .splide ul.splide__list li.splide__slide:nth-child(6n+1) .tall-card-title.image-card:before, .web-v3.archive.tax-journal-type.term-33 .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+1), .web-v3.archive.tax-journal-type.term-33 .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+1) .entry-meta.journal-type, .web-v3.archive.tax-journal-type.term-33 .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+1) .tall-card-title.image-card p.card-title, .web-v3.archive.tax-journal-type.term-34 .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+2), .web-v3.archive.tax-journal-type.term-34 .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+2) .entry-meta.journal-type, .web-v3.archive.tax-journal-type.term-34 .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+2) .tall-card-title.image-card p.card-title, .web-v3.archive.tax-journal-type.term-34 .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+2) .tall-card-title.image-card:before, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+5), .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+5) .entry-meta.journal-type, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+5) .tall-card-title.image-card p.card-title, .web-v3.error404 {
background: #ff7900;
}
.web-v3.error404 h1.entry-title {
line-height: 120%}
.web-v3.error404 div#primary {
min-height: calc(100vh - 123px - 74px)!important;
padding-top: 74px;
display: flex;
flex-direction: column;
justify-content: center;
max-width: 1216px;
width: 100%;
margin: 0 auto;
}
body.web-v3.fr.floating div#header-bar nav.main-nav-center a {
font-size: 16px!important;
line-height: 120%}
.web-v3 div#header-bar nav.main-nav-center li a {
display: flex;
align-items: center;
}
.web-v3.single-artist div#inner-page .right-slider {
aspect-ratio: unset!important;
}
.web-v3.archive #people-listing .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title.image-card:before {
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
opacity: 0;
pointer-events: none;
}
.web-v3.archive #people-listing .splide.post-listing-section ul.splide__list li.splide__slide:hover .tall-card-title.image-card:before {
opacity: 1;
-webkit-transition: .24s ease-out;
-moz-transition: .24s ease-out;
-o-transition: .24s ease-out;
transition: .24s ease-out;
}
.web-v3.archive #people-listing .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title span.support-text {
opacity: 0;
height: 0;
margin: 0;
}
.web-v3.archive #people-listing .splide.post-listing-section ul.splide__list li.splide__slide:hover .tall-card-title span.support-text {
-webkit-transition: .24s ease-out;
-moz-transition: .24s ease-out;
-o-transition: .24s ease-out;
transition: .24s ease-out;
opacity: 1;
height: fit-content;
}
.event-download-list, .web-v3.post-type-archive-artist #people-listing .splide.post-listing-section ul.splide__list li.splide__slide .image-card .support-text p, .web-v3.rtl.archive div#page-title h1.section-title {
margin-bottom: 24px;
}
.web-v3 .faq-list, .web-v3.archive #people-listing .splide.post-listing-section ul.splide__list li.splide__slide:hover .tall-card-title span.support-text span, .web-v3.post-type-archive-tribe_events, .web-v3.separate-containers .inside-article {
background: 0 0!important;
}
.web-v3.archive .archive-listing-section #people-listing .splide ul.splide__list li.splide__slide:hover .tall-card-title.image-card p.card-title {
background: 0 0!important;
padding: 24px 0 12px;
font-size: 32px!important;
line-height: 120%!important;
}
.grid-container .grid-container, .web-v3 div#inner-page.one-column-center .left-content .inside-article, .web-v3.archive #people-listing .splide.post-listing-section ul.splide__list li.splide__slide:hover .tall-card-title span.support-text p, .web-v3.archive section#stay, div#menu-event .tribe-events-view {
padding: 0;
}
.web-v3.archive #people-listing .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title span.support-text p {
font-family: Poppins;
font-size: 16px!important;
font-style: normal;
font-weight: 400;
line-height: 24px;
max-width: 340px;
padding: 0 12px;
}
.web-v3.post-type-archive-artist #people-listing .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title.image-card p.card-title {
margin-top: auto;
}
.web-v3.archive #people-listing .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title.image-card>p, .web-v3.archive #people-listing .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title.image-card>span {
z-index: 0;
position: relative;
}
.web-v3.archive #people-listing ul li p.card-title {
max-width: 270px!important;
}
.web-v3.archive #people-listing h1.section-title {
margin-bottom: 54px;
}
#page-title h1 span.white, .faq-section h2 .white, .web-v3.archive #people-listing h1.section-title, .web-v3.archive #people-listing h1.section-title span, .web-v3.page-template-contact-template form input.wpcf7-form-control.wpcf7-submit:hover {
color: #fff!important;
}
#page-title h1 span, .web-v3.archive #people-listing h1.section-title span {
display: inline!important;
}
.blog div#primary .site-main article span.posted-on, .post-type-archive-journal div#primary .site-main article span.posted-on, .tax-journal-type div#primary .site-main article span.posted-on {
font-weight: 300;
color: #fff;
font-size: 1rem;
line-height: 1.5rem;
}
.web-v3.archive.post-type-archive-people {
background: #fe029b!important;
}
.web-v3 .event-download-list a:hover, .web-v3 .post-type-archive-eat, .web-v3 div#header-bar nav.main-nav-center a.red-block, .web-v3 section#eat, .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+5), .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+5) .entry-meta.journal-type, .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+5) .tall-card-title.image-card p.card-title, .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+5) .tall-card-title.image-card:before, .web-v3.blog {
background: #ff0047;
}
.web-v3.archive .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title span.support-text {
margin-top: 16px;
margin-bottom: 36px;
}
.web-v3.archive section#offers, .web-v3.archive section.archive-listing-section, .web-v3.blog section.archive-listing-section {
padding-top: 240px;
padding-bottom: 240px;
}
.web-v3.blog #page-title h1, .web-v3.tax-journal-type .default-template-title h1 {
color: #fff;
padding-bottom: 3rem;
}
.web-v3 .journal-buttons {
margin-top: 36px;
margin-bottom: 40px;
}
.web-v3 .journal-buttons a.entry-meta.journal-type {
background: #141414;
border-radius: 0!important;
border: 0;
color: #fff;
}
.web-v3 .journal-buttons a.entry-meta.journal-type:hover, .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+1), .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+1) .entry-meta.journal-type, .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+1) .tall-card-title.image-card p.card-title, .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+1) .tall-card-title.image-card:before, .web-v3.archive.tax-journal-type, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+1), .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+1) .entry-meta.journal-type, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+1) .tall-card-title.image-card p.card-title {
background: #8b25d4;
}
.web-v3 .journal-buttons a.entry-meta.journal-type:nth-child(2):hover, .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+2), .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+2) .entry-meta.journal-type, .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+2) .tall-card-title.image-card p.card-title, .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+2) .tall-card-title.image-card:before, .web-v3.archive.tax-journal-type.term-34, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+2), .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+2) .entry-meta.journal-type, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+2) .tall-card-title.image-card p.card-title {
background: #00ce98;
}
.web-v3.single-journal .inside-article h1.entry-title, .web-v3.single-post .inside-article h1.entry-title {
font-family: Poppins;
font-size: 40px!important;
font-style: normal;
font-weight: 700!important;
line-height: 47.5px!important;
margin-bottom: 20px!important;
}
.web-v3.single-journal .inside-article h2, .web-v3.single-post .inside-article h2 {
font-family: Poppins;
font-size: 32px!important;
font-style: normal;
font-weight: 700!important;
line-height: 40px!important;
margin-bottom: 12px!important;
margin-top: 36px!important;
}
.web-v3.single-journal .inside-article h3, .web-v3.single-post .inside-article h3 {
font-family: Poppins;
font-size: 28px!important;
font-style: normal;
font-weight: 700!important;
line-height: 36px!important;
margin-bottom: 8px!important;
margin-top: 28px!important;
}
.web-v3.single-journal .inside-article h4, .web-v3.single-post .inside-article h4 {
font-family: Poppins;
font-size: 24px!important;
font-style: normal;
font-weight: 700!important;
line-height: 32px!important;
margin-bottom: 8px!important;
margin-top: 28px!important;
}
.web-v3 div#our-collaborators {
background: #00ce98;
padding-top: 60px;
margin-top: 80px;
padding-bottom: 140px;
}
.web-v3.single-journal .inside-article h5, .web-v3.single-post .inside-article h5 {
font-family: Poppins;
font-size: 20px!important;
font-style: normal;
font-weight: 600!important;
line-height: 28px!important;
margin-bottom: 8px!important;
margin-top: 24px!important;
}
.web-v3.single-journal .inside-article h6, .web-v3.single-post .inside-article h6 {
font-family: Poppins;
font-size: 20px!important;
font-style: normal;
font-weight: 400!important;
line-height: 28px!important;
margin-bottom: 8px!important;
margin-top: 24px!important;
}
.web-v3.tax-journal-type .default-template-title h1 span {
display: inline;
color: #fff;
}
.web-v3.archive a.back-to-gallery svg path {
stroke: #fff!important;
}
.web-v3.tax-journal-type a.back-to-gallery {
padding-top: 0!important;
color: #fff;
}
.web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:hover .tall-card-title.image-card p.card-title, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide:hover .tall-card-title.image-card p.card-title {
background: #111!important;
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
}
.web-v3.archive .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide:hover p.entry-meta.journal-type, .web-v3.archive.tax-journal-type .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide:hover p.entry-meta.journal-type, .web-v3.blog .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide:hover p.entry-meta.journal-type {
color: #111;
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
}
.web-v3.archive .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title, .web-v3.blog .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title {
gap: 0;
padding: 20px;
}
.web-v3.archive .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .image-card {
min-height: 400px;
position: relative;
overflow: hidden;
z-index: 0;
}
.web-v3.archive #people-listing .splide.post-listing-section ul.splide__list li.splide__slide .image-card {
display: flex;
justify-content: end!important;
flex-direction: column;
}
.web-v3.blog .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .image-card {
min-height: 310px;
padding: 8px!important;
}
.web-v3.archive .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title p.card-title, .web-v3.blog .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title p.card-title {
margin-top: 16px;
}
.web-v3.archive .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title.image-card p.entry-meta.journal-type, .web-v3.blog .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title.image-card p.entry-meta.journal-type {
margin-top: auto!important;
}
.web-v3.archive .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title.image-card, .web-v3.blog .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title.image-card {
padding: 16px;
}
.web-v3.archive .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide, .web-v3.blog .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide {
background-size: cover!important;
background-position: center!important;
}
.web-v3.archive .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title.image-card p.card-title, .web-v3.blog .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title.image-card p.card-title {
margin: 0;
max-width: 280px;
padding: 8px 12px;
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
color: #fff;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px;
}
.web-v3 li .entry-meta.journal-type {
margin-top: auto;
border: 0;
color: #000;
margin-bottom: 0;
border-radius: 0!important;
padding: 2px 6px!important;
}
.web-v3 section#home-book-footer .section-title .yellow-text, .web-v3.archive #people-listing .splide ul.splide__list li.splide__slide:hover:nth-child(6n+2) .entry-meta.journal-type, .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+2) .entry-meta.journal-type, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+2) .entry-meta.journal-type, .web-v3.single section#home-book-footer .section-title span {
color: #00ce98;
}
.web-v3.archive.tax-journal-type.term-34 .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+2) .entry-meta.journal-type {
color: #ff7900;
}
.web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+3), .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+3) .entry-meta.journal-type, .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+3) .tall-card-title.image-card p.card-title, .web-v3.archive.post-type-archive-journal .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+3), .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+3), .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+3) .entry-meta.journal-type, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+3) .tall-card-title.image-card p.card-title {
background: #fe029b;
}
.web-v3.archive.post-type-archive-journal .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+3) { }
.rtl li.tribe-events-c-messages__message-list-item, .rtl.page-template-contact-template form.wpcf7-form select, .rtl.web-v3 section.card-list-section .grid-container p.section-title, .rtl.web-v3.home div#page-title, .rtl.web-v3.page-template-contact-template form.wpcf7-form label, .rtl.web-v3.page-template-contact-template form.wpcf7-form textarea.wpcf7-form-control, .rtl.web-v3.single-tribe_events .tribe-events-notices li, .web-v3.rtl.page-template-contact-template form.wpcf7-form input.wpcf7-form-control {
text-align: right;
}
.rtl.web-v3.page-template-contact-template form.wpcf7-form label {
font-weight: 700;
width: 100%!important;
display: flex;
flex-direction: column;
}
.web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+3) .entry-meta.journal-type, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+3) .entry-meta.journal-type {
color: #fe029b;
}
.web-v3.archive #people-listing .splide ul.splide__list li.splide__slide:hover:nth-child(6n+3) .entry-meta.journal-type, .web-v3.archive #people-listing .splide ul.splide__list li.splide__slide:nth-child(6n+3) .entry-meta.journal-type {
color: #ff7900!important;
}
.web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+4), .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+4) .entry-meta.journal-type, .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+4) .tall-card-title.image-card p.card-title, .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+4) .tall-card-title.image-card:before, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+4), .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+4) .entry-meta.journal-type, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+4) .tall-card-title.image-card p.card-title {
background: #0196ff;
}
.web-v3 .post-type-archive-excursions, .web-v3 div#header-bar nav.main-nav-center a.pink-block, .web-v3 section#home-more-section .footer-big-menu ul#menu-footer-menu-big li:nth-child(5) a, .web-v3.archive section#excursions, .web-v3.archive.post-type-archive-artist .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+4), .web-v3.archive.post-type-archive-artist .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+4) .tall-card-title.image-card p.card-title, .web-v3.archive.post-type-archive-artist .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+4) .tall-card-title.image-card:before {
background: #ff009b;
}
.web-v3.archive #people-listing .splide ul.splide__list li.splide__slide:hover:nth-child(6n+4) .entry-meta.journal-type, .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+4) .entry-meta.journal-type, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+4) .entry-meta.journal-type {
color: #0196ff;
}
.web-v3.archive.tax-journal-type.term-33 .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+1) .entry-meta.journal-type, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+5) .entry-meta.journal-type {
color: #ff7900;
}
.web-v3 .artist-page .left-content a.square-button.big-button {
align-items: center;
background: #e1306c;
color: #fff!important;
font-size: 24px;
gap: 12px;
padding: 8px 20px;
}
.web-v3.archive #people-listing .splide ul.splide__list li.splide__slide:hover:nth-child(6n+5) .entry-meta.journal-type, .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+5) .entry-meta.journal-type {
color: #ff0047;
}
.blog div#primary .site-main article:nth-child(8n+6), .post-type-archive-journal div#primary .site-main article:nth-child(8n+6), .tax-journal-type div#primary .site-main article:nth-child(8n+6) {
background: #ffc900;
}
.web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+6), .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+6) .entry-meta.journal-type, .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+6) .tall-card-title.image-card p.card-title, .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+6) .tall-card-title.image-card:before, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+6), .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+6) .entry-meta.journal-type, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+6) .tall-card-title.image-card p.card-title {
background: #ffbd01;
}
.web-v3.archive #people-listing .splide ul.splide__list li.splide__slide:hover:nth-child(6n+6) .entry-meta.journal-type, .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+6) .entry-meta.journal-type, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+6) .entry-meta.journal-type {
color: #ffbd01;
}
.web-v3.archive #people-listing .splide ul.splide__list li.splide__slide:hover:nth-child(6n+1) .entry-meta.journal-type, .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+1) .entry-meta.journal-type, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+1) .entry-meta.journal-type {
color: #8b25d4;
}
.blog div#primary .site-main article:nth-child(8n+8), .post-type-archive-journal div#primary .site-main article:nth-child(8n+8), .tax-journal-type div#primary .site-main article:nth-child(8n+8) {
background: #ff9800;
}
.blog div#primary .site-main article:hover, .post-type-archive-journal div#primary .site-main article:hover, .tax-journal-type div#primary .site-main article:hover {
-webkit-transition: .25s ease-out;
-moz-transition: .25s ease-out;
-o-transition: .25s ease-out;
transition: .25s ease-out;
background: #f5f5f5;
}
.blog div#primary .site-main article:nth-child(8n+6):hover h2 a, .blog div#primary .site-main article:nth-child(8n+6):hover p, .blog div#primary .site-main article:nth-child(8n+6):hover span, .post-type-archive-journal div#primary .site-main article:nth-child(8n+6):hover h2 a, .post-type-archive-journal div#primary .site-main article:nth-child(8n+6):hover p, .post-type-archive-journal div#primary .site-main article:nth-child(8n+6):hover span, .tax-journal-type div#primary .site-main article:nth-child(8n+6):hover h2 a, .tax-journal-type div#primary .site-main article:nth-child(8n+6):hover p, .tax-journal-type div#primary .site-main article:nth-child(8n+6):hover span {
color: #ffc900;
}
.blog div#primary .site-main article:nth-child(8n+8):hover h2 a, .blog div#primary .site-main article:nth-child(8n+8):hover p, .blog div#primary .site-main article:nth-child(8n+8):hover span, .post-type-archive-journal div#primary .site-main article:nth-child(8n+8):hover h2 a, .post-type-archive-journal div#primary .site-main article:nth-child(8n+8):hover p, .post-type-archive-journal div#primary .site-main article:nth-child(8n+8):hover span, .tax-journal-type div#primary .site-main article:nth-child(8n+8):hover h2 a, .tax-journal-type div#primary .site-main article:nth-child(8n+8):hover p, .tax-journal-type div#primary .site-main article:nth-child(8n+8):hover span {
color: #ff9800;
}
.blog div#primary .site-main article:hover h2 a, .blog div#primary .site-main article:hover p, .blog div#primary .site-main article:hover span, .post-type-archive-journal div#primary .site-main article:hover h2 a, .post-type-archive-journal div#primary .site-main article:hover p, .post-type-archive-journal div#primary .site-main article:hover span, .tax-journal-type div#primary .site-main article:hover h2 a, .tax-journal-type div#primary .site-main article:hover p, .tax-journal-type div#primary .site-main article:hover span {
color: #9d005d;
-webkit-transition: .25s ease-out;
-moz-transition: .25s ease-out;
-o-transition: .25s ease-out;
transition: .25s ease-out;
}
.blog div#primary .site-main article h2.entry-title a:hover, .post-type-archive-journal div#primary .site-main article h2.entry-title a:hover, .tax-journal-type div#primary .site-main article h2.entry-title a:hover {
color: var(--gray-900);
-webkit-transition: .25s ease-out;
-moz-transition: .25s ease-out;
-o-transition: .25s ease-out;
transition: .25s ease-out;
}
article header.entry-header {
display: flex;
flex-direction: column-reverse;
gap: .125rem;
}
article .entry-meta {
margin: 0;
color: var(--contrast-3);
font-weight: 300;
font-size: 1rem;
line-height: 1.5rem;
}
a.back-to-gallery, div#menu-event .event-list-column .event-list-section .events-occasions-list a p:last-child {
color: var(--contrast-2);
}
article .entry-content p {
font-size: 1rem;
color: var(--gray-700);
font-weight: 300;
line-height: 1.7rem;
}
article .entry-content {
margin-top: 1.25rem!important;
}
article h1.entry-title {
font-size: 2rem;
font-weight: 500;
line-height: 2.5rem;
color: var(--gray-800);
}
.infinite-slider .slide.opened:nth-child(3n) {
transform: translateX(-9rem);
}
.infinite-slider .slide.opened .polaroid-cards>div {
-webkit-transition: .35s ease-out;
-moz-transition: .35s ease-out;
-o-transition: .35s ease-out;
transition: .35s ease-out;
}
.web-v3.archive .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide:hover, .web-v3.blog .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide:hover {
background: #111;
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
}
.infinite-slider .slide.opened:nth-child(3n-2) {
transform: translateX(9rem);
}
.opened .infinite-slider #slides {
justify-content: center;
max-width: 1216px;
}
.infinite-slider .slide.opened .polaroid-cards .polaroid-0 {
transform: translate(calc(-205px - 120px - 28px), 8rem);
}
.infinite-slider .slide.opened .polaroid-cards .polaroid-1 {
transform: translate(calc(510px - 38px), 8rem);
}
.infinite-slider .slide.opened .polaroid-cards .card {
position: absolute;
margin: 0 auto;
left: 60px;
}
.infinite-slider .slide.opened .polaroid-cards {
transform: translateY(-80px)!important;
display: block;
}
.grid-container.opened .infinite-slider .slide:nth-child(3n):not(.opened) {
right: 20px;
}
.grid-container.opened .infinite-slider .slide:nth-child(3n-2):not(.opened) {
left: 20px;
}
.post-type-archive-album .opened #page-title h1 {
font-size: 3rem;
line-height: 3rem;
font-weight: 500;
height: 104px;
}
.post-type-archive-album #page-title h1#album-title {
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
opacity: 0;
}
.post-type-archive-album .opened #page-title h1#album-title {
-webkit-transition: .35s ease-out;
-moz-transition: .35s ease-out;
-o-transition: .35s ease-out;
transition: .35s ease-out;
opacity: 1;
}
.post-type-archive-album #page-title h1#gallery-title {
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
opacity: 1;
}
.post-type-archive-album .opened #page-title h1#gallery-title {
opacity: 0;
-webkit-transition: .35s ease-out;
-moz-transition: .35s ease-out;
-o-transition: .35s ease-out;
transition: .35s ease-out;
}
#loaded-photos .polaroid-cards>div {
width: 390px;
height: 536px;
border-radius: .25rem;
display: flex;
padding: 24px 24px 0;
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
}
div#loaded-photos .polaroid-cards {
display: flex;
flex-wrap: wrap;
grid-gap: 22.5px;
place-content: flex-end;
}
div#loaded-photos .polaroid-cards::after {
content: "";
flex: 0 1 32%}
#loaded-photos .polaroid-cards>div.last-polaroid:nth-child(3n-2), #loaded-photos .polaroid-cards>div:nth-child(3n-1) {
margin-top: -8rem;
}
div#loaded-photos {
margin-top: calc(3rem + 22.5px);
}
.post-type-archive-album a.back-to-gallery {
position: absolute;
top: 12px;
left: 0;
opacity: 0;
}
.post-type-archive-album .opened a.back-to-gallery {
z-index: 1;
opacity: 1;
}
a.back-to-gallery {
font-weight: 300;
text-decoration: none;
font-size: 1rem;
line-height: 1.5rem;
display: flex;
gap: .75rem;
align-items: center;
}
a.back-to-gallery:hover svg {
transform: translateX(-.2rem);
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
}
#loaded-photos .polaroid-cards>div:first-child {
order: 0;
margin-top: -8rem;
}
#loaded-photos .polaroid-cards>div:nth-child(2) {
order: -1;
margin-top: 0;
}
.infinite-slider .slide.opened .polaroid-cards {
-webkit-transition: .3s ease-out;
-moz-transition: .3s ease-out;
-o-transition: .3s ease-out;
transition: .3s ease-out;
}
div#loaded-photos .polaroid-card-thumbs {
margin-top: calc(-536px + -1.5rem);
z-index: 1;
position: relative;
}
.faq-list details>div {
font-weight: 300;
line-height: 1.75rem;
font-size: 1.125rem;
color: var(--gray-700);
padding-top: .75rem;
padding-left: 2.25rem;
opacity: 0;
-webkit-transition: 50ms ease-out;
-moz-transition: 50ms ease-out;
-o-transition: 50ms ease-out;
transition: 50ms ease-out;
transform: translateY(-40px);
}
.faq-list details[open]>div {
opacity: 1;
-webkit-transition: .25s ease-out;
-moz-transition: .25s ease-out;
-o-transition: .25s ease-out;
transition: .25s ease-out;
transform: translateY(0);
}
.faq-list {
display: flex;
flex-direction: column;
gap: 2.5rem;
background: #fff!important;
padding: 0 1.5rem 1.75rem;
margin: 5rem -1.5rem 3.5rem;
border-radius: 1.5rem;
}
a.special-link {
margin-bottom: 6rem;
}
.faq-map img {
margin-top: 20px;
border-radius: 1rem;
margin-bottom: 56px;
}
.logged-in #menu-event {
display: block;
padding-bottom: .25rem;
}
div#menu-event .event-list-column .event-list-section .event-list-h2, div#menu-event .event-list-column .event-list-section h2 {
font-size: 1rem;
line-height: 1rem;
text-align: left;
font-weight: 500;
color: var(--gray-600);
text-transform: none;
max-width: 146px;
}
div#menu-event .event-list-column .event-list-section .events-occasions-list .list-head h4, div#menu-event .event-list-column .event-list-section .events-occasions-list .list-head span {
font-size: .75rem;
font-weight: 300;
line-height: 1rem;
}
div#menu-event .event-list-column .event-list-section .events-occasions-list a p, div#menu-event .event-list-column .event-summary-section .event-summary-content li {
font-size: .75rem;
line-height: 1rem;
}
div#menu-event .event-list-column .event-list-section .events-occasions-list {
margin-top: 1rem;
gap: .75rem;
border-bottom: 0;
}
div#menu-event .event-list-column .event-summary-section img {
aspect-ratio: 200/120;
border-radius: .5rem;
}
div#menu-event span.not-found-message {
font-size: .75rem!important;
line-height: 1rem;
}
.faq-list details {
border-top: 1px solid #eaecf0;
padding-top: 1.5rem;
}
div#menu-event .event-list-column .event-summary-section .event-summary-content h1 {
color: var(--gray-700);
font-family: Poppins!important;
font-weight: 500;
font-size: 1rem;
line-height: 1rem;
text-align: left;
margin: 0 0 .25rem;
}
#menu-event .tribe-events .tribe-events-calendar-month__multiday-event--width-1 .tribe-events-calendar-month__multiday-event-bar {
width: calc(100% + 4px)!important;
}
#menu-event .tribe-events .tribe-events-calendar-month__multiday-event--width-2 .tribe-events-calendar-month__multiday-event-bar {
width: calc(200% + 16px)!important;
}
#menu-event .tribe-events .tribe-events-calendar-month__multiday-event--width-3 .tribe-events-calendar-month__multiday-event-bar {
width: calc(300% + 28px)!important;
}
#menu-event .tribe-events .tribe-events-calendar-month__multiday-event--width-4 .tribe-events-calendar-month__multiday-event-bar {
width: calc(400% + 40px)!important;
}
#menu-event .tribe-events .tribe-events-calendar-month__multiday-event--width-5 .tribe-events-calendar-month__multiday-event-bar {
width: calc(500% + 52px)!important;
}
#menu-event .tribe-events .tribe-events-calendar-month__multiday-event--width-6 .tribe-events-calendar-month__multiday-event-bar {
width: calc(600% + 64px)!important;
}
#menu-event .tribe-events .tribe-events-calendar-month__multiday-event--width-7 .tribe-events-calendar-month__multiday-event-bar {
width: calc(700% + 76px)!important;
}
div#menu-event .event-list-column .event-summary-section .event-summary-content a.show-all {
font-size: .875rem;
color: var(--contrast-2)!important;
display: flex;
align-items: center;
line-height: 1.25rem;
}
#menu-event .tribe-events-calendar-month__body, #menu-event .tribe-events-calendar-month__body .tribe-events-calendar-month__week {
border: none!important;
}
div#menu-event .event-title-desc-area {
max-width: unset!important;
padding: 0 0 1rem;
}
div#menu-event .event-list-column {
display: flex;
flex-direction: row-reverse;
width: 60%;
gap: 1rem;
margin-bottom: 0!important;
max-width: unset;
}
div#menu-event .event-list-column .event-list-section {
flex-grow: 1;
width: 46%;
padding: 0 1.5rem;
}
div#menu-event .event-list-page {
display: flex;
gap: 2.5rem;
}
.web-v3.archive .splide .splide__track, .web-v3.archive div#page-title, .web-v3.blog .splide .splide__track, .web-v3.blog div#page-title, div#menu-event .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-top-bar__nav, label.contact-with-country label {
width: 100%}
div#menu-event ul.tribe-events-c-top-bar__nav-list {
display: flex!important;
flex-direction: row;
justify-content: center;
}
div#menu-event .event-list-page .tribe-common-l-container.tribe-events-l-container {
width: 40%}
div#menu-event .event-list-column .event-summary-section {
width: 54%;
display: block!important;
}
span.faq-icon svg {
height: 1rem;
color: var(--accent);
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
}
.faq-list details[open] span.faq-icon svg {
transform: rotateZ(180deg);
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
}
.faq-list summary::marker {
content: none;
}
.faq-list summary h4 {
font-weight: 500;
font-size: 1.5rem;
line-height: 2rem;
color: var(--gray-700);
padding-left: 2.25rem;
display: block;
margin: 0;
}
span.faq-icon {
position: absolute;
left: 0;
line-height: 36px;
}
:root {
font-size: 16px;
}
.main-navigation.nav-align-center .inside-navigation, .web-v3 div#inner-page.one-column-center, body.web-v3.floating div#header-bar-logo-only .header-logo {
justify-content: center;
}
section#home-experiences a.show-all, section#home-offers a.show-all {
display: none;
margin-top: 2rem;
justify-content: center;
}
.page-template-default .inside-article .entry-content:not(:first-child), .page-template-default-template .inside-article .entry-content:not(:first-child) {
margin-top: 1.25rem;
margin-bottom: 6rem;
}
.page-template-default .inside-article h1, .page-template-default-template .inside-article h1, .page-template-faq-template .inside-article h1 {
color: var(--contrast);
font-weight: 500;
letter-spacing: -.02em;
line-height: 3.25rem;
font-size: 3.25rem;
margin-bottom: 3rem;
animation-duration: 1s;
animation-fill-mode: backwards;
animation-name: animate-fade;
animation-timing-function: ease;
animation-delay: .1s;
}
.page-id-455.page-template-default .inside-article h1, .page-id-455.page-template-default-template .inside-article h1 {
line-height: 3.5rem;
font-size: 3rem;
margin-bottom: 3.5rem;
}
.page-template-default .inside-article h2, .page-template-default-template .inside-article h2 {
line-height: 1.75rem;
color: var(--contrast-3);
font-weight: 300;
font-size: 1.125rem;
margin: 0;
animation-duration: 1s;
animation-fill-mode: backwards;
animation-name: animate-fade;
animation-timing-function: ease;
animation-delay: .15s;
}
.page-id-455.page-template-default .inside-article h1, .page-id-455.page-template-default .inside-article h2, .page-id-455.page-template-default .inside-article p, .page-id-455.page-template-default-template .inside-article h1, .page-id-455.page-template-default-template .inside-article h2, .page-id-455.page-template-default-template .inside-article p {
text-align: center;
}
.page-template-default .inside-article p, .page-template-default .inside-article ul li, .page-template-default-template .inside-article p, .page-template-default-template .inside-article ul li {
font-size: 1.25rem;
margin: 0 auto 1.75rem;
font-weight: 300;
color: var(--gray-700);
line-height: 2rem;
animation-duration: 1s;
animation-fill-mode: backwards;
animation-name: animate-fade;
animation-timing-function: ease;
animation-delay: .2s;
}
.page-id-455.page-template-default .inside-article p, .page-id-455.page-template-default-template .inside-article p {
max-width: 802px;
font-size: 1.25rem;
margin: 0 auto 2.25rem;
}
.page-template-default .inside-article h3, .page-template-default-template .inside-article h3 {
font-weight: 600;
font-size: 1.5rem;
line-height: 2rem;
color: var(--gray-700);
margin-top: 3rem;
animation-duration: 1s;
animation-fill-mode: backwards;
animation-name: animate-fade;
animation-timing-function: ease;
animation-delay: 175ms;
}
.event-list-column .event-list-h2, .event-list-column h2 {
font-weight: 500;
font-size: 1.5rem;
line-height: 2rem;
color: var(--gray-600);
margin-bottom: 1.5rem;
}
.events-occasions-list .list-head {
display: flex;
place-content: space-between;
}
.event-list-page .event-list-column .events-occasions-list {
display: flex;
flex-direction: column;
gap: .5rem;
margin-bottom: 2rem;
border-bottom: 1px solid #e5e5e5;
padding-bottom: 1.625rem;
}
.events-occasions-list .list-head h4, .events-occasions-list .list-head span {
font-size: 1rem;
color: var(--contrast-3);
font-weight: 300;
line-height: 1.5rem;
}
.events-occasions-list .row p {
font-size: 1rem;
color: var(--gray-700);
font-weight: 500;
line-height: 1.5rem;
}
.event-title-desc-area .event-h1, .event-title-desc-area h1 {
font-weight: 500;
font-size: 3.75rem;
line-height: 3.75rem;
color: var(--gray-700);
display: block;
margin-bottom: 1rem;
}
.tribe-events-view .event-title-desc-area {
padding: 6.25rem 0 5.25rem;
max-width: 912px;
}
.event-list-column {
width: 100%;
max-width: 493px;
}
.event-list-column .event-list-h3, .event-list-column h3 {
font-weight: 300;
font-size: 1rem;
line-height: 1.75rem;
color: var(--contrast-3);
margin-bottom: 0;
}
.event-title-desc-area p {
font-size: 1.125rem;
font-weight: 300;
line-height: 1.75rem;
color: var(--gray-700);
}
.event-summary img.featured-image {
margin-bottom: .75rem;
margin-top: 0;
aspect-ratio: 491/228;
height: auto;
width: 100%;
object-fit: cover;
border-radius: 1rem;
}
.event-summary .event-summary-h1, .event-summary h1 {
color: var(--gray-700);
font-size: 1.125rem;
font-weight: 500;
line-height: 1.75rem;
}
.event-summary-content {
gap: .5rem;
display: flex;
flex-direction: column;
min-height: 176px;
}
.event-summary .date-and-place li {
font-size: 1rem;
line-height: 1.5rem;
}
.event-summary p.summary-text {
color: var(--contrast-3);
font-size: 1rem;
line-height: 1.5rem;
font-weight: 300;
}
.event-summary a.show-all {
font-size: 1.125rem;
line-height: 1.75rem;
margin: 0;
color: var(--contrast-2)!important;
}
.event-summary a.show-all svg {
height: 1.75rem;
margin-left: .25rem;
}
.tribe-events-calendar-month__multiday-event-wrapper article .tribe-events-calendar-month__multiday-event-bar .tribe-events-calendar-month__multiday-event-bar-inner:before {
content: "";
background: #00000033;
width: 100%;
position: absolute;
height: 100%;
left: 0;
top: 0;
display: block;
}
.glide .glide__arrows, .mobile-book.availability-check .row.pax .number span, .post-type-archive-journal header.page-header, .single-journal div#primary .inside-article .featured-image.page-header-image-single, .subscribe-form form.wpcf7-form span.wpcf7-not-valid-tip, .tax-journal-type header.page-header, .tribe-events .tribe-events-calendar-month__multiday-event-bar.events-item.public-holidays .tribe-events-calendar-month__multiday-event-bar-inner:before, .tribe_events_cat-public-holidays h3, .web-v3 .tribe-events-cal-links, .web-v3 a.square-button.big-button.nav-book, .web-v3 div#inner-page.one-column-center .right-slider, .web-v3 nav.menu.main, .web-v3 nav.mobile-nav-holder, .web-v3 ul.splide__pagination.splide__pagination--rtl, body.web-v3.floating div#header-bar-logo-only img.big-white-logo, div#mobile-booking-bar, div#mobile-booking-bar.drawer-closed .form-inputs .row {
display: none;
}
.mobile-book.availability-check {
position: fixed;
bottom: 0;
width: calc(100% - 1px);
background: #fff;
z-index: 100;
border-radius: 1.5rem 1.5rem 0 0;
padding: 27px 16px 24px;
box-shadow: 0 -12px 16px -4px rgb(16 24 40 / 8%), 0 -4px 6px -2px rgb(16 24 40 / 3%);
}
.faq-list details summary::-webkit-details-marker {
display: none;
}
div#mobile-booking-bar div#mobile-booking-toggle {
height: 12px;
position: absolute;
width: calc(100% - 32px);
top: 8px;
}
div#mobile-booking-bar.drawer-closed div#mobile-booking-toggle {
height: 60px;
}
.mobile-book.availability-check.drawer-closed {
padding-top: 16px;
}
div#mobile-booking-toggle span {
width: 36px;
height: 5px;
border-radius: 100px;
background: #e5e5e5;
margin: 0 auto 1rem;
}
div#mobile-booking-bar.drawer-closed input#book-now {
color: #b80049;
border: 1px solid #ee72a3;
box-shadow: 0 1px 2px rgb(16 24 40 / 5%);
background: #ffff!important;
}
div#mobile-booking-bar.drawer-closed input#book-now:hover {
background: var(--accent);
color: #fff;
border-color: var(--accent);
}
button#mobile-booking-toggle-button {
font-weight: 500;
text-decoration: none;
border-radius: 1.5rem;
padding: 9px 0;
font-family: Poppins!important;
line-height: 1.25rem;
-webkit-transition: .1s ease-out;
-moz-transition: .1s ease-out;
-o-transition: .1s ease-out;
transition: .1s ease-out;
background: 0 0;
color: #b80049;
border: 1px solid #ee72a3;
box-shadow: 0 1px 2px rgb(16 24 40 / 5%);
display: flex;
font-size: 1rem!important;
text-align: center;
justify-content: center;
}
div#mobile-booking-bar form .form-inputs {
display: flex;
flex-direction: column;
gap: 16px;
}
div#mobile-booking-bar.drawer-closed .form-inputs {
max-height: 0;
opacity: 0;
-webkit-transition: .14s ease-in;
-moz-transition: .14s ease-in;
-o-transition: .14s ease-in;
transition: .14s ease-in;
}
div#mobile-booking-bar form {
max-height: unset;
opacity: 1;
-webkit-transition: .22s ease-out;
-moz-transition: .22s ease-out;
-o-transition: .22s ease-out;
transition: .22s ease-out;
}
.mobile-book.availability-check .row.pax {
flex-direction: row;
}
.mobile-book.availability-check .row label .label {
font-size: 1.125rem;
}
.mobile-book.availability-check .row.pax .number input {
font-size: 1.25rem;
background: var(--base-2);
padding: .15rem .75rem;
max-width: 34px;
border-radius: .5rem;
}
.mobile-book.availability-check input#book-now {
font-size: 1rem!important;
background: #fff0!important;
border: none!important;
width: 100%;
color: #000!important;
}
.web-v3 .pop-up-text a#book-now, .web-v3.page-template-contact-template form input.wpcf7-form-control.wpcf7-submit {
font-size: 20px!important;
padding: 0 36px!important;
line-height: 48px!important;
display: block!important;
text-align: center;
}
.left-image.experience-image {
margin-right: -.075rem;
}
.about-room .body {
background: #fff;
border-radius: 1.5rem;
padding: 1.5rem;
margin: 0 -1.5rem;
}
.post-type-archive-journal .default-template-title h1, .tax-journal-type .default-template-title h1 {
padding-top: 5rem;
font-family: Poppins!important;
font-size: 4.5rem;
line-height: 1;
letter-spacing: -.02em;
font-weight: 500;
}
.post-type-archive-journal .default-template-title h1 span, .tax-journal-type .default-template-title h1 span {
display: block;
color: #e00059;
}
.post-type-archive-people #page-title h1 span {
display: block;
color: #a6005f;
}
.hi-webchat-container {
padding-top: 70px!important;
padding-bottom: 10px!important;
}
.tribe_events_cat-public-holidays .tribe-events-calendar-month__multiday-event-bar-inner:before {
background: 0 0!important;
display: none;
}
.tribe-events .tribe-events-calendar-month__multiday-event-bar.events-item.public-holidays .tribe-events-calendar-month__multiday-event-bar-inner {
background: 0 0;
padding: 0;
}
#menu-event .tribe-events .public-holidays.tribe-events-calendar-month__multiday-event-bar {
width: 3px!important;
bottom: 3px;
height: 3px!important;
left: 50%;
transform: translateX(-50%);
margin-left: .5px;
}
.tribe-events .tribe-events-calendar-month__multiday-event-bar.events-item.public-holidays {
background: #e00059;
position: absolute;
width: 4px;
height: 4px!important;
left: 50%;
transform: translateX(-50%);
bottom: 8px;
}
.subscribe-form form.wpcf7-form input[type=email] {
color: #737373!important;
font-family: Poppins!important;
font-weight: 300!important;
font-size: 1rem!important;
padding: 7px 14px!important;
border: 1px solid #d6d6d6!important;
box-shadow: 0 1px 2px rgb(16 24 40 / 5%)!important;
border-radius: 8px!important;
width: 280px!important;
margin: 0!important;
}
.subscribe-form form.wpcf7-form {
flex-direction: column;
position: relative;
}
.subscribe-form form.wpcf7-form input[type=submit], .subscribe-form input.wpcf7-form-control.has-spinner.wpcf7-submit {
font-family: Poppins!important;
font-size: .875rem!important;
line-height: 1.25rem!important;
padding: 9px 17px!important;
background: var(--accent)!important;
border: 1px solid var(--accent)!important;
box-shadow: 0 1px 2px rgb(16 24 40 / 5%)!important;
border-radius: 24px!important;
color: #fff!important;
margin: 0!important;
max-width: 105px;
}
.page-template-contact-template input.wpcf7-form-control.has-spinner.wpcf7-submit:hover, .subscribe-form form.wpcf7-form input[type=submit]:hover {
border: 1px solid #292929!important;
background: #292929!important;
}
.subscribe-form form.wpcf7-form span.wpcf7-spinner {
position: absolute;
right: -32px;
margin: 8px 0 0;
}
a.special-link {
background: #fff;
border: 2px solid #e5e5e5;
border-radius: 1.5rem;
-webkit-transition: .14s ease-in;
-moz-transition: .14s ease-in;
-o-transition: .14s ease-in;
transition: .14s ease-in;
display: flex;
font-weight: 500;
color: var(--gray-700);
text-decoration: none;
align-items: center;
}
a.special-link:hover {
border-color: var(--accent);
-webkit-transition: .22s ease-out;
-moz-transition: .22s ease-out;
-o-transition: .22s ease-out;
transition: .22s ease-out;
}
a.special-link img {
width: 144px;
}
a.special-link span {
font-weight: 600;
color: var(--accent);
}
.menu-title-h2 {
font-weight: 600;
text-align: center;
margin: 0;
font-size: .875rem;
line-height: 1.25rem;
text-transform: lowercase;
}
.spa-link img {
width: auto;
height: 20px;
}
.spa-link {
width: fit-content;
width: -moz-fit-content;
width: -webkit-fit-content;
padding: 10px 16px!important;
background: #fff!important;
border: 2px solid var(--accent);
color: #141414!important;
display: flex!important;
gap: 12px;
margin-bottom: 56px;
}
a.artist-link:hover {
color: var(--accent)!important;
}
.web-v3.archive.post-type-archive-artist {
background: #0196ff!important;
}
.journal-buttons .entry-meta.journal-type {
text-decoration: none;
color: var(--contrast);
background: #f5f5f5;
padding: 5px 12px;
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
}
.journal-buttons {
display: flex;
gap: 12px;
margin-top: 16px;
}
.journal-buttons .entry-meta.journal-type:hover {
-webkit-transition: .25s ease-out;
-moz-transition: .25s ease-out;
-o-transition: .25s ease-out;
transition: .25s ease-out;
color: #fff;
background: #673ab7;
}
.journal-buttons .entry-meta.journal-type:first-child:hover {
color: #fff;
background: #ff9800;
}
.entry-meta.journal-type {
display: flex;
color: #fff;
border: 1px solid #fff;
width: fit-content;
padding: 3px 9px;
border-radius: 99px!important;
margin-bottom: 12px;
}
.banner-video {
height: 100%;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.banner-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.banner-video .iframe-holder {
position: relative;
width: 100%;
padding-bottom: 56.25%}
.tax-journal-type .default-template-title h1 {
padding-top: 1rem!important;
}
.tax-journal-type a.back-to-gallery {
padding-top: 5rem;
}
.pop-up {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 999;
}
.image-left-offer>.close:after, .image-left-offer>.close:before {
background: #ccc!important;
}
.image-left-offer {
background: #fff;
display: flex;
border-radius: 32px;
overflow: hidden;
box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
}
.image-left-offer>.close {
width: 50px!important;
margin: .125rem;
}
.image-left-offer>div, .web-v3 div#inner-page.fifty-fifty .left-content {
width: 50%}
.pop-up-image img {
margin: 0!important;
width: 100%;
height: 100%;
object-fit: cover;
}
.image-left-offer h3 {
margin-bottom: 20px;
margin-top: 12px;
font-family: Poppins;
font-size: 28px;
font-style: normal;
font-weight: 500;
line-height: 36px;
letter-spacing: -.56px;
color: var(--gray-700);
}
.image-left-offer p, .image-left-offer ul {
color: var(--gray-700);
font-size: 16px;
font-weight: 400;
font-family: Poppins;
font-style: normal;
}
.image-left-offer p {
line-height: 28px;
}
.image-left-offer ul {
margin-bottom: 56px;
margin-left: 32px;
line-height: 28px;
flex-direction: column;
gap: 8px;
}
.pop-up-text {
display: flex;
flex-direction: column;
padding: 32px;
justify-content: center;
}
.web-v3 .page-template-default-template .inside-article p, .web-v3 article .entry-content p, .web-v3.page-template-default .inside-article p, .web-v3.page-template-default .inside-article ul li, .web-v3.page-template-default-template .inside-article ul li {
font-size: 16px!important;
line-height: 1.5rem!important;
font-weight: 400!important;
color: #333;
}
.web-v3 .pop-up-text a#book-now {
font-family: Poppins;
font-style: normal;
font-weight: 700;
height: auto;
width: 100%;
border-radius: 0;
background: #ffe600;
color: #000;
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
}
.web-v3 .pop-up-text a#book-now:hover {
background: #ff004e;
color: #fff;
-webkit-transition: .25s ease-out;
-moz-transition: .25s ease-out;
-o-transition: .25s ease-out;
transition: .25s ease-out;
}
.web-v3 .image-left-offer h3 {
font-family: Poppins;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 32px;
margin-bottom: 8px;
}
.web-v3 .image-left-offer p {
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
.web-v3 .image-left-offer h2 {
font-family: Poppins;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 44px;
margin-bottom: 20px;
}
.web-v3 .faq-list details>div {
color: #fffc;
}
.web-v3 .date-and-place li span, .web-v3 span.faq-icon svg {
color: #ddd;
}
.web-v3 .faq-list details {
border-top: 1px solid #ddd6;
}
.web-v3 .faq-list details:first-child {
border-top: 0;
}
.web-v3 .faq-map {
padding-top: 120px;
max-width: 1216px;
margin: 0 auto;
padding-bottom: 60px;
}
.web-v3.page-template-faq-template div#inner-page .left-content {
padding-top: 0;
}
.web-v3 .faq-map img {
margin: 0;
border-radius: 0;
}
.web-v3.archive section#offers, .web-v3.page-id-455 div#inner-page.one-column-center {
border-bottom: 1px solid #ffe60050;
}
.page-template-contact-template .event-form form.wpcf7-form, .web-v3 div#inner-page.one-column-center .left-content {
max-width: 720px!important;
width: 100%!important;
}
.web-v3 div#inner-page.one-column-center.sixty-fourty .left-content {
max-width: 800px!important;
}
.web-v3 div#inner-page.one-column-center.seventy-thirty .left-content {
max-width: 998px!important;
}
.web-v3 div#inner-page.one-column-center.seventy-thirty h1.inner-title, .web-v3 div#inner-page.one-column-center.sixty-fourty h1.inner-title {
margin: 40px 0;
}
.web-v3.single-tribe_events .featured-image {
object-fit: contain;
}
.web-v3 .event-summary img.featured-image, .web-v3 .tribe-events .tribe-events-calendar-month__day-cell, .web-v3 .tribe-events .tribe-events-calendar-month__multiday-event--width-2 .tribe-events-calendar-month__multiday-event-bar, .web-v3 .tribe-events .tribe-events-calendar-month__multiday-event--width-3 .tribe-events-calendar-month__multiday-event-bar, .web-v3 .tribe-events-c-messages__message.tribe-events-c-messages__message--notice, .web-v3 div#inner-page.one-column-center form.wpcf7-form select {
border-radius: 0!important;
}
.web-v3.single-tribe_events .tribe-events-notices li {
color: #eee;
}
.web-v3.single-tribe_events .inner-title span.small {
color: #999!important;
font-size: 20px;
font-weight: 500;
}
.web-v3.single-artist .right-slider, .web-v3.single-tribe_events .right-slider {
padding-top: 100px;
}
.web-v3 .date-and-place {
margin-bottom: 30px!important;
}
.web-v3.single-artist .featured-image, .web-v3.single-tribe_events .featured-image {
max-width: 600px;
height: auto;
object-fit: contain;
max-height: calc(100vh - 100px);
}
.web-v3 .tribe-events-content p, .web-v3 .tribe-events-content ul li {
color: #bbb;
}
.web-v3 .event-download-list a {
background: #0196ff;
border-radius: 0;
border: 0;
}
.web-v3 .event-list-column .event-list-h2, .web-v3 .event-list-column h2, .web-v3 .tribe-common--breakpoint-medium.tribe-common .tribe-common-h4 time, .web-v3 .tribe-events .tribe-events-c-top-bar__datepicker-desktop {
color: #444;
}
.web-v3 .tribe-events-content h2, .web-v3 .tribe-events-content h3, .web-v3 .tribe-events-content h4, .web-v3 .tribe-events-content h5, .web-v3 .tribe-events-content h6 {
color: #ddd;
margin-top: 12px;
font-weight: 300!important;
}
.web-v3 .tribe-events .tribe-events-calendar-month__header-column-title span {
color: #666;
}
.web-v3 .event-list-page {
max-width: 1216px;
margin: 0 auto 80px;
padding: 1.5rem 0;
}
.web-v3 .event-summary a.show-all {
font-family: Poppins!important;
font-weight: 400;
color: #e00359!important;
}
.web-v3 .event-summary .date-and-place li, .web-v3 .event-summary p.summary-text {
font-family: Poppins;
line-height: 24px;
font-size: 16px;
font-weight: 400;
font-style: normal;
}
.web-v3 .event-summary p.summary-text {
color: #666;
}
.web-v3 .event-summary .date-and-place li {
color: #aaa;
margin-bottom: 2px;
}
.web-v3 .event-summary h1 {
margin-top: -76px;
margin-left: 12px;
margin-bottom: 36px;
background: #000;
color: #fff;
max-width: max-content;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 29px;
padding: 8px 12px;
}
.web-v3 .tribe-events-view .event-title-desc-area {
background: #ff7900;
max-width: unset;
padding: 200px 0 40px;
margin-bottom: 40px;
}
.web-v3 .tribe-events-view .event-title-desc-area p, .web-v3 .tribe-events-view .event-title-desc-area span {
max-width: 1216px;
margin: 0 auto 16px;
}
.web-v3 div#inner-page.fifty-fifty .right-slider {
max-width: 50%}
.web-v3.page-template-contact-template form.wpcf7-form label {
color: #fff;
margin-bottom: 0!important;
font-weight: 700;
}
.web-v3.page-template-contact-template form.wpcf7-form input.wpcf7-form-control, .web-v3.page-template-contact-template form.wpcf7-form textarea.wpcf7-form-control, .web-v3.page-template-contact-template label.custom-file-upload {
background: #fff!important;
box-shadow: none!important;
border-radius: 0!important;
color: #222!important;
margin-top: 12px;
}
.web-v3.page-template-contact-template form input.wpcf7-form-control.wpcf7-submit {
background: #ffe600!important;
font-family: Poppins!important;
font-style: normal;
font-weight: 700!important;
height: 100%;
width: 100%!important;
border: 0!important;
margin-top: 0!important;
}
.web-v3 .address-sections {
gap: 88px;
margin-top: 60px;
}
.web-v3.page-template-contact-template form.wpcf7-form {
background: 0 0!important;
border: none!important;
padding: 48px 0;
box-shadow: none;
}
.web-v3 .sectors {
display: flex!important;
flex-direction: column;
}
.web-v3 .address-sections>div {
background: 0 0!important;
padding: 0;
}
.web-v3 .contact-map {
border-radius: 0;
width: 100%!important;
height: 100%!important;
margin: 0;
justify-content: flex-start;
align-items: flex-start;
}
.web-v3.home div#page-title, .web-v3.post-type-archive-experiences #page-title {
padding-bottom: 0!important;
}
.web-v3.post-type-archive-rooms div#page-title {
padding-top: 240px;
}
.web-v3 section#home-more-section .footer-big-menu ul#menu-footer-menu-big li, .web-v3.archive section#stay ul.splide__list.\32 by2 li.splide__slide a, .web-v3.home section#home-more-section .section-title {
display: flex;
}
.web-v3.archive section#stay ul.splide__list.\32 by2 {
list-style-type: none;
margin: 0;
display: flex;
flex-wrap: wrap;
}
.web-v3.page-template-contact-template .one-column-center form.wpcf7-form input.wpcf7-form-control {
margin-bottom: 32px!important;
}
.web-v3.page-template-contact-template .one-column-center form.wpcf7-form .country-select.inside, .web-v3.page-template-contact-template .one-column-center form.wpcf7-form select {
margin: 12px 0 32px!important;
}
.web-v3.page-template-contact-template .one-column-center form input.wpcf7-form-control.wpcf7-submit {
margin-top: 52px!important;
}
.web-v3 .post-type-archive-offers, section#excursions {
background: #ffbd00;
}
.web-v3 .post-type-archive-spa, .web-v3 div#header-bar nav.main-nav-center a.blue-block, .web-v3.archive section#spa, section#experiences {
background: #0096ff;
}
.web-v3 .post-type-archive-experiences, .web-v3 div#header-bar nav.main-nav-center a.green-block, .web-v3.archive section#experiences {
background: #00ce99;
}
.web-v3 .post-type-archive-diving, .web-v3 div#header-bar nav.main-nav-center a.purple-block, .web-v3.archive section#diving {
background: #8b26d4;
}
.web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide {
width: calc((100% / 3) - 14px);
list-style-type: none;
}
.web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide a, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide a {
display: flex;
flex-direction: column;
height: 100%;
text-decoration: none;
}
.web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide a img, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide a img {
height: 220px;
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
}
.web-v3.post-type-archive-spa #page-title h1 span {
color: #000;
margin-top: 16px;
}
.web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide a:hover img, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide a:hover img {
height: 260px;
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
}
.web-v3.post-type-archive-spa #page-title h1 {
padding-bottom: 60px;
color: #fff;
}
.web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide a .tall-card-title p.card-title, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide a .tall-card-title p.card-title {
color: #000;
font-family: Poppins;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 28px;
margin: 0;
}
.web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide a .tall-card-title span.support-text span.more-text, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide a .tall-card-title span.support-text span.more-text {
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration-line: underline;
margin-top: 12px;
}
.web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide a .tall-card-title span.support-text, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide a .tall-card-title span.support-text {
display: flex;
flex-direction: column;
gap: 12px;
}
.web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide a .tall-card-title span.support-text p {
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 22px;
margin: 0;
}
.web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide a .tall-card-title span.support-text p {
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
margin: 0;
margin-top: 8px!important;
}
.web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide a .tall-card-title, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide a .tall-card-title {
width: 100%;
padding: 24px 32px;
height: auto;
flex: 1;
display: flex;
flex-direction: column;
gap: 28px;
}
.web-v3.archive .splide ul.splide__list, .web-v3.blog .splide ul.splide__list {
margin: 0;
display: flex;
flex-wrap: wrap;
width: 100%;
gap: 20px;
}
.web-v3 section#offers .section-title {
text-align: left!important;
margin: 0!important;
}
.web-v3.archive .splide, .web-v3.blog .splide {
width: 100%;
display: flex;
}
.web-v3.archive .splide ul.splide__list li.splide__slide, .web-v3.blog .splide ul.splide__list li.splide__slide {
width: calc((100% / 3) - 14px);
}
body.web-v3.floating div#header-bar a.square-button.big-button.nav-book {
display: block!important;
text-align: center;
font-family: Poppins;
font-size: 20px;
font-style: normal;
font-weight: 700;
height: 100%;
width: 100%;
padding: 0 36px;
line-height: 48px;
}
body.floating .v4-header div#header-bar .header-end a.square-button.big-button.nav-book {
display: flex !important;
text-align: center;
font-family: Poppins;
font-size: 16px !important;
font-style: normal;
font-weight: 400;
height: 100%;
width: 100%;
height: 32px !important;
padding: 4px 14px !important;
line-height: normal !important;
}
.pop-up.image-left-offer {
max-width: 95%;
width: 850px;
}
.web-v3 div#inner-page .left-content a.square-button.big-button {
margin: 180px 0 20px;
display: flex;
width: fit-content;
color: #000;
}
.web-v3 div#inner-page {
display: flex;
min-height: 100vh;
}
.web-v3 div#inner-page .left-content {
width: 860px;
padding: 144px 84px 80px 60px;
}
.web-v3 div#inner-page .right-slider {
max-width: calc(100vw - 860px);
width: 100%;
height: 100vh;
position: fixed;
right: 0;
z-index: 0;
}
.web-v3 #inner-page h1.inner-title {
color: #fff;
font-family: Poppins;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 47.5px;
margin-bottom: 20px;
}
.web-v3 a#header-logo-click {
height: 73px;
}
body.web-v3 div#header-bar nav.main-nav-center a:hover {
background: #000;
color: #fff;
-webkit-transition: .25s ease-out;
-moz-transition: .25s ease-out;
-o-transition: .25s ease-out;
transition: .25s ease-out;
}
.web-v3.page .site-footer.footer-bar-active.footer-bar-align-right, .web-v3.single .site-footer.footer-bar-active.footer-bar-align-right {
z-index: 1;
position: relative;
}
.web-v3 section#diving {
background-size: cover;
background-position: center;
background-image: url(https://oagaresorts.com/wp-content/uploads/2023/09/Dive_back-jpg.webp);
}
.web-v3 #inner-page h1.inner-title span {
display: flex;
color: #000;
}
.web-v3 section#spa {
background-position: center;
background-image: url(https://oagaresorts.com/wp-content/uploads/2023/09/Hoba_back-jpg.webp);
}
.web-v3 section#home-book-footer {
position: relative;
background-image: url(https://oagaresorts.com/wp-content/uploads/2023/09/Footer_Book_your_Dream.jpg.webp)!important;
}
.web-v3 section#home-book-footer:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: #02104aeb;
top: 0;
}
.web-v3 .right.quarter.mobile-menu a.toggle-nav {
margin: 0!important;
text-align: center;
line-height: 14px;
padding: 26px 20px 20px;
font-size: 23px;
color: #fff;
text-decoration: none;
}
.web-v3 ul#menu-mobile-menu a {
color: #fff;
text-decoration: none;
}
@media screen and (max-width:580px) {
.v4 #home-stay .tall-card-title {
max-width: 100%;
padding: 16px !important;
}
.v4 #home-stay button.splide__arrow.splide__arrow--next {
right: 0px !important;
}
.v4 #home-stay .room-card {
overflow: hidden;
}
.v4 #home-stay button.splide__arrow.splide__arrow--prev {
left: 0px !important;
}
.v4 div#splide-hoara ul li a .tall-card-title, .v4 div#splide-hoara ul li .tall-card-title, {
transform: translateY(0px) !important;
}
.web-v3 a.toggle-nav: active, .web-v3 a.toggle-nav:hover, .web-v3 a.toggle-nav:link, .web-v3 a.toggle-nav:visited, .web-v3 ul#menu-mobile-menu a {
text-decoration: none;
color: #fff;
}
.web-v3.page-template-faq-template div#inner-page .left-content {
padding-top: 0!important;
}
.web-v3 .faq-list {
margin-top: 2rem;
}
.web-v3.page-template-faq-template div#inner-page .left-content h1.inner-title {
margin: 0;
}
div#splide-banner {
display: none;
}
div#splide-banner-mobile {
display: block!important;
}
.web-v3.floating nav.mobile-nav-holder.mobile-menu-on .right.quarter.mobile-menu a.toggle-nav {
color: #fff;
}
body.web-v3.floating div#header-bar-logo-only .header-logo {
width: 32px!important;
}
body.web-v3.floating div#header-bar, body.web-v3.floating div#header-bar-logo-only {
height: 48px!important;
}
.web-v3 .header-end, .web-v3 .header-logo {
width: 60px!important;
}
.web-v3 div#header-bar, body.web-v3 div#header-bar-logo-only {
height: 60px!important;
}
body.floating .v4-header div#header-bar .header-end a.square-button.big-button.nav-book {
font-size: 14px !important;
padding: 2px 12px !important;
}
.web-v3 .menu.main, .web-v3 .mobile-nav {
width: 100%;
height: 100%}
.web-v3 nav.mobile-nav-holder {
display: block;
z-index: 1000;
position: fixed;
width: 100vw;
height: 100vh;
top: 0;
transform: translatex(100vw);
pointer-events: none;
animation: .3s ease-in slideToRight;
}
.web-v3 nav.mobile-nav-holder.mobile-menu-on {
display: block;
width: 100vw;
transform: translatex(0);
height: 100vh;
animation: .35s ease-out slideFromRight;
z-index: 1000;
position: fixed;
top: 0;
pointer-events: all;
}
.web-v3 ul#menu-mobile-menu a {
text-align: center;
font-family: Poppins;
font-size: 24px;
font-style: normal;
font-weight: 700;
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
}
.web-v3 ul#menu-mobile-menu a:hover {
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
color: #ffbd00;
}
.web-v3 ul#menu-mobile-menu li:nth-child(2) a:hover, .web-v3 ul#menu-mobile-menu li:nth-child(9) a:hover {
color: #ff7900;
}
.web-v3 ul#menu-mobile-menu li:nth-child(10) a:hover, .web-v3 ul#menu-mobile-menu li:nth-child(3) a:hover {
color: #ff0047;
}
.web-v3 ul#menu-mobile-menu li:nth-child(11) a:hover, .web-v3 ul#menu-mobile-menu li:nth-child(4) a:hover {
color: #0096ff;
}
.web-v3 ul#menu-mobile-menu li:nth-child(12) a:hover, .web-v3 ul#menu-mobile-menu li:nth-child(5) a:hover {
color: #00ce99;
}
.web-v3 ul#menu-mobile-menu li:nth-child(6) a:hover {
color: #ff009b;
}
.web-v3 ul#menu-mobile-menu li:nth-child(7) a:hover {
color: #8b26d4;
}
.web-v3 ul#menu-mobile-menu li:nth-child(8) a:hover {
color: #ffbd00;
}
.web-v3 ul#menu-mobile-menu {
height: 100%;
width: 100%;
background: #191371;
margin: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 28px;
list-style-type: none;
min-height: min-content;
padding: 32px 0;
}
.web-v3 nav.main-nav-center, body.web-v3.floating div#header-bar a.square-button.big-button.nav-book {
display: none!important;
}
.web-v3 .right.quarter.mobile-menu {
right: 0;
top: 0;
display: block!important;
}
.web-v3.floating .right.quarter.mobile-menu a.toggle-nav {
color: #000;
line-height: 48px;
padding: 0 20px;
}
.web-v3 .toggle-nav {
display: inline-block!important;
float: right;
margin: 25px;
font-size: 2em;
transition: color .15s linear;
}
.web-v3 .menu.main {
display: inline-block;
background: #fff;
text-align: left;
position: fixed;
top: 0;
right: 0;
z-index: 1000;
}
.web-v3 .menu.main ul {
display: none;
position: absolute;
overflow: auto;
top: 0;
right: 0;
z-index: 999;
padding-right: 15px;
background: #fff;
}
.web-v3 .menu.main ul li {
float: none;
display: block;
position: relative;
top: 0;
right: 0;
min-width: 200px;
background: #fff;
text-align: right;
}
.web-v3 .main.menu li:after {
content: none;
}
.web-v3 .event-summary .date-and-place li span {
color: #888;
}
.web-v3 nav.mobile-nav-holder.mobile-menu-on .right.quarter.mobile-menu a.toggle-nav {
padding: 20px!important;
line-height: 1;
}
.web-v3 nav.mobile-nav-holder.mobile-menu-on .right.quarter.mobile-menu {
position: absolute;
}
}.web-v3 a.square-button.big-button, .web-v3 section#home-more-section ul#menu-footer li a {
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
}
body.web-v3.floating div#header-bar, body.web-v3.floating div#header-bar-logo-only {
position: fixed;
-webkit-animation: .3s ease-out dropdown;
-moz-animation: .3s ease-out dropdown;
-o-animation: .3s ease-out dropdown;
animation: .3s ease-out dropdown;
}
body.web-v3 div#header-bar-logo-only {
background: #fff0;
}
body.web-v3.floating div#header-bar-logo-only {
background: #ffff;
}
.web-v3.single .splide__arrow--prev {
left: 20px;
scale: 2.4;
}
.web-v3.single .splide__arrow--next {
right: 20px;
scale: 2.4;
}
.web-v3 .about-room .body {
background: 0 0;
margin: 0;
padding: 32px 0;
}
.web-v3 .about-room .body li, .web-v3 .about-room .body p {
font-size: 16px;
line-height: 1.5rem;
font-weight: 400;
}
.web-v3 .about-room .body h2, .web-v3 .about-room .body h3 {
margin-top: 40px;
font-size: 24px;
font-weight: 500;
margin-bottom: 12px;
}
.web-v3 .about-room .body h3, .web-v3 .about-room .body h3 b {
font-size: 20px;
font-weight: 600!important;
line-height: 1.25;
margin-top: 18px!important;
}
@keyframes dropdown {
0% {
transform: translatey(-80px);
}
100% {
transform: translatey(0);
}
}@keyframes slideFromRight {
0% {
transform: translatex(100vw);
}
100% {
transform: translatex(0);
}
}@keyframes slideToRight {
0% {
transform: translatex(0);
}
100% {
transform: translatex(100vw);
}
}
@keyframes slideFromLeft {
0% {
transform: translatex(-100vw);
}
100% {
transform: translatex(0);
}
}@keyframes slideToLeft {
0% {
transform: translatex(0);
}
100% {
transform: translatex(-100vw);
}
}
.web-v3 section.card-list-section {
padding: 48px 0 96px;
}
.web-v3 section.card-list-section .grid-container {
display: flex;
flex-direction: column;
align-items: center;
gap: 36px;
}
.web-v3 section.card-list-section .grid-container p.section-title {
color: #fff;
font-family: Poppins;
font-size: 64px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin: 0;
}
.web-v3 section.card-list-section .grid-container p.section-title, .web-v3.home div#page-title {
text-align: left;
width: 100%;
max-width: unset;
}
.web-v3 .site-footer.footer-bar-active.footer-bar-align-right {
background-image: none;
background-color: #8b26d4;
}
.web-v3 .site-footer.footer-bar-active.footer-bar-align-right .inside-site-info.grid-container {
padding: 48px 0;
border: none;
}
.web-v3 .site-info a:hover {
color: #ffc000;
}
.web-v3 div#page {
width: 100%;
max-width: unset;
margin-top: -74px;
padding: 0;
}
.lv4 div#page {
margin-top: 0px;
}
.web-v3 section#home-book-footer {
background: #191371;
display: flex;
flex-direction: column;
align-items: center;
padding: 72px 0;
}
.web-v3 section#home-book-footer .section-title {
font-size: 64px;
text-align: center;
line-height: normal;
font-weight: 700;
color: #fff;
position: relative;
}
.web-v3 a.square-button.big-button {
position: relative;
color: #000;
font-size: 36px;
font-weight: 700;
text-decoration: none;
text-align: center;
line-height: normal;
padding: 8px 32px;
background: #ffe600;
transition: .15s ease-out;
}
#home-book-footer a.square-button.big-button.animate.fade {
background: #00ce98;
color: #fff;
}
.web-v3 section#home-more-section {
background: #ffc000;
padding: 32px 16px;
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
}
.web-v3.home section#home-more-section {
padding: 36px 16px 48px;
}
.web-v3 section#home-more-section ul#menu-footer {
margin: 0;
gap: 20px;
}
.web-v3 section#home-more-section ul#menu-footer li:first-child::marker {
display: none!important;
font-size: 0px;
}
.web-v3 section#home-more-section ul#menu-footer li::marker {
font-size: 10px;
}
.web-v3 section#home-more-section ul#menu-footer li a {
color: #000;
transition: .15s ease-out;
text-align: center;
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin: 0;
}
.web-v3 section#home-more-section .footer-big-menu ul#menu-footer-menu-big li:first-child a {
background: #ffe600;
color: #000;
}
.web-v3 section#home-more-section .footer-big-menu ul#menu-footer-menu-big li:nth-child(3) a {
background: #ff004e;
}
.web-v3 section#home-more-section .footer-big-menu ul#menu-footer-menu-big li:nth-child(6) a {
background: #00bf9c;
}
.web-v3 section#home-more-section .footer-big-menu ul#menu-footer-menu-big li a {
color: #fff;
text-align: center;
font-family: Poppins;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-decoration: none;
padding: 12px 24px;
border-radius: 100px;
background: #0096ff;
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
}
.web-v3 section#home-more-section .footer-big-menu ul#menu-footer-menu-big {
display: flex;
text-decoration: none;
list-style-type: none;
gap: 12px;
margin: 0 0 4px;
}
.web-v3.home section#home-more-section .footer-big-menu ul#menu-footer-menu-big {
margin: 0 0 34px;
}
.web-v3 section#home-more-section .section-title {
color: #000;
text-align: center;
font-family: Poppins;
font-size: 64px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin: 0;
display: none;
}
.web-v3 a.square-button.big-button:hover {
color: #fff;
-webkit-transition: .25s ease-out;
-moz-transition: .25s ease-out;
-o-transition: .25s ease-out;
transition: .25s ease-out;
background: #ff7900!important;
}
.web-v3 section#home-more-section ul#menu-footer li a:hover {
color: #191371;
-webkit-transition: .25s ease-out;
-moz-transition: .25s ease-out;
-o-transition: .25s ease-out;
transition: .25s ease-out;
}
.web-v3 section#home-more-section .footer-big-menu ul#menu-footer-menu-big li a:hover {
-webkit-transition: .25s ease-out;
-moz-transition: .25s ease-out;
-o-transition: .25s ease-out;
transition: .25s ease-out;
background: #191371;
color: #fff;
}
.web-v3 div#header-bar nav.main-nav-center a, .web-v3 section#stay ul.splide__list li a .tall-card-title {
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
text-align: center;
}
.web-v3 div#header-bar {
display: flex;
justify-content: center;
height: 74px;
gap: 32px;
z-index: 10;
position: absolute;
width: 100%;
top: 0;
}
.web-v3 div#header-bar-logo-only .header-bar-container.grid-container {
justify-content: flex-start;
height: 74px;
}
.web-v3 section#banner {
height: auto;
height: calc(100vh);
width: 100%;
overflow: hidden;
position: relative;
}
.web-v3 .banner-book-button {
bottom: 104px;
position: absolute;
width: 100%;
display: flex;
justify-content: center;
}
.web-v3 .splide__video {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
aspect-ratio: 16/9;
}
.web-v3 .splide__video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%}
.web-v3 video.video-stream.html5-main-video {
display: block!important;
width: 100%!important;
height: auto!important;
}
.web-v3 div#header-bar-logo-only {
position: absolute;
top: 0;
width: 100%;
z-index: 1;
height: 74px;
}
.web-v3 nav.main-nav-center {
display: flex;
list-style-type: none;
}
body.web-v3.floating .header-end {
width: auto;
flex: 1;
}
body.web-v3.floating div#header-bar .header-logo {
margin-right: 24px;
}
body.web-v3.floating div#header-bar, body.web-v3.floating div#header-bar-logo-only, body.web-v3.floating div#header-bar-logo-only .header-bar-container.grid-container {
height: 48px;
}
body.web-v3.floating div#header-bar nav.main-nav-center a {
padding: 0 24px;
line-height: 48px;
}
body.web-v3.floating div#header-bar-logo-only img.small-floating-logo {
display: block!important;
width: 48px;
height: auto;
margin: 0;
}
.web-v3 div#header-bar nav.main-nav-center a {
transition: .15s ease-out;
color: #fff;
font-size: 20px;
font-weight: 500;
padding: 25px 24px 20px;
background: #444;
height: 100%;
display: flex;
text-decoration: none;
}
.web-v3 div#header-bar nav.main-nav-center a.yellow-block {
color: #000;
background: #ffbd00;
}
.web-v3 div#header-bar nav.main-nav-center a.orange-block {
color: #000;
background: #ff7900;
}
.web-v3 .header-logo {
display: flex;
flex-direction: column;
justify-content: flex-end;
width: 85px;
}
.web-v3 .header-end {
width: 85px;
}
.web-v3 .splide__arrow {
background: 0 0!important;
scale: 1!important;
width: unset;
height: unset;
}
.web-v3 .splide__arrow svg {
fill: none;
stroke: #fff;
height: 1000%;
width: 1000%}
.web-v3 div#header-bar-logo-only .header-bar-container.grid-container {
justify-content: flex-start;
}
.web-v3 .header-bar-container {
display: flex;
justify-content: space-between;
gap: 32px;
width: 100%}
.web-v3 .card-list-section ul.splide__list, .web-v3 ul#splide-offers-list {
display: flex;
gap: 20px;
margin-left: -20px!important;
}
.web-v3.rtl ul#splide-offers-list {
margin-left: unset!important;
margin-right: unset!important;
}
.web-v3 .card-list-section div.splide__track, .web-v3 div#splide-offers-track {
max-width: 1216px;
}
.web-v3 .card-list-section ul.splide__list li {
width: 390px!important;
height: 560px;
position: relative;
}
.web-v3 .splide__arrow--prev {
left: -70px;
}
.web-v3 .splide__arrow--next {
right: -64px;
}
.web-v3 #banner .splide__arrow--prev, .web-v3 #stay .splide__arrow--prev {
left: 4rem;
}
.web-v3 #banner .splide__arrow--next, .web-v3 #stay .splide__arrow--next {
right: 4rem;
}
.web-v3 section#stay ul.splide__list li a img {
height: auto;
aspect-ratio: 720/900;
max-height: 900px;
}
.web-v3 section#stay ul.splide__list li a .tall-card-title {
top: 50%;
left: 50%;
transition: .15s ease-out;
transform: translate(-50%, -50%);
width: 347px;
height: 347px;
position: absolute;
display: flex;
justify-content: center;
align-items: center;
background: #fffc!important;
color: #000;
font-family: Poppins;
font-size: 36px;
font-style: normal;
font-weight: 400;
line-height: 119.5%;
border: 4px solid #000;
backdrop-filter: blur(3px);
margin: 0!important;
}
.web-v3 section#stay ul.splide__list li a .tall-card-title span.more-text {
text-align: center;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration-line: underline;
display: block;
margin-top: 20px;
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
}
.web-v3 section#stay ul.splide__list li a:hover .tall-card-title, .web-v3 section#stay ul.splide__list li a:hover .tall-card-title .card-title, .web-v3 section#stay ul.splide__list li a:hover .tall-card-title span.more-text {
-webkit-transition: .25s ease-out;
-moz-transition: .25s ease-out;
-o-transition: .25s ease-out;
transition: .25s ease-out;
color: #fff;
}
.web-v3 ul.splide__list.\32 by2 {
flex-wrap: wrap;
}
.web-v3 ul.splide__list.\32 by2 .splide__slide {
width: 50%}
.web-v3 section#stay ul.splide__list li a .tall-card-title .card-title {
margin: 0!important;
}
.main-navigation #quadmenu.quadmenu-generatepress.quadmenu-is-horizontal.js .quadmenu-navbar-nav>li.quadmenu-item .event-summary-section, .web-v3 section#stay ul.splide__list li a .tall-card-title b {
display: block;
}
.web-v3 ul#splide-offers-list li {
list-style-type: none;
width: 390px!important;
height: 560px;
position: relative;
}
.web-v3 ul#splide-offers-list li .tall-card-title {
position: absolute;
bottom: 20px;
margin: 0;
left: 20px;
max-width: 280px;
padding: 16px 20px;
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
}
.web-v3 ul#splide-offers-list li .tall-card-title p.card-title {
color: #fff;
font-family: Poppins;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 29px;
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
margin-bottom: 0;
}
.v4.archive ul#splide-offers-list li .tall-card-title {
position: relative;
padding: 0px !important;
bottom: unset;
left: unset;
max-width: unset;
}
.web-v3 .card-list-section ul.splide__list li a {
display: flex;
flex-direction: column;
height: 100%;
text-decoration: none;
}
.web-v3 .card-list-section ul.splide__list li a img {
height: 220px;
}
.web-v3 .card-list-section ul.splide__list li a .tall-card-title {
width: 100%;
padding: 24px 32px;
height: auto;
flex: 1;
display: flex;
flex-direction: column;
gap: 28px;
}
.web-v3 .card-list-section ul.splide__list li a .tall-card-title span.support-text {
display: flex;
flex-direction: column;
gap: 12px;
}
.web-v3 .card-list-section ul.splide__list li a .tall-card-title p.card-title {
color: #000;
font-family: Poppins;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 28px;
margin: 0;
}
.web-v3 .card-list-section ul.splide__list li a .tall-card-title span.support-text span.more-text {
color: #000;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration-line: underline;
margin-top: 12px;
}
.web-v3 .card-list-section ul.splide__list li a .tall-card-title span.support-text p {
color: #000;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 22px;
margin: 0;
}
.featured-image.page-header-image.grid-container.grid-parent, .page-template-contact-template .country-select.inside br, .web-v3 .right.quarter.mobile-menu, .web-v3 ul.splide__pagination.splide__pagination--ltr {
display: none;
}
.web-v3 ul#splide-offers-list li a:hover p.by-line {
min-height: max-content;
height: auto;
opacity: 1;
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
} 
.v4.archive ul#splide-offers-list li a:hover p.by-line {
min-height: unset;
}
.web-v3 ul#splide-offers-list li a:hover .tall-card-title p.card-title {
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
}
.web-v3 ul#splide-offers-list li a:hover .tall-card-title {
background: #fff!important;
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
}
.web-v3 ul#splide-offers-list li .tall-card-title p.by-line {
color: #fff;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 22px;
margin: 0;
height: 0;
opacity: 0;
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
}
.web-v3 .card-list-section ul.splide__list li a:hover img {
height: 260px;
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
}
.web-v3 section#spa {
background-color: #000;
background-size: cover;
}
.web-v3 section ul.splide__list li a img {
height: 260px;
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
}
.web-v3 section#offers .grid-container, div#title-and-book {
display: flex;
flex-direction: column;
}
.web-v3 section#offers {
background: #ffbd00;
padding: 48px 0 96px;
}
.web-v3 section#offers .section-title {
color: #000;
font-family: Poppins;
font-size: 64px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.web-v3 section#offers .grid-container p.section-title {
color: #000;
text-align: left;
font-family: Poppins;
font-size: 64px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin: 0;
}
.web-v3 #spa.card-list-section ul.splide__list li a .tall-card-title {
background: #0001!important;
border: 1px solid #fff;
border-top: 0;
backdrop-filter: blur(3px);
}
.web-v3 #spa.card-list-section ul.splide__list li a:hover .tall-card-title {
backdrop-filter: blur(8px);
}
section#diving {
background: #c6c6c6;
}
.web-v3 a.spa-link {
border: none;
margin: 32px 0 0;
}
.web-v3.archive .splide ul#splide-offers-list.splide__list li.splide__slide {
width: calc((100% / 3) - 14px)!important;
}
.rtl .footer-bar-align-right .copyright-bar {
margin-right: unset;
margin-left: auto;
}
.rtl .event-list-page .tribe-common-l-container.tribe-events-l-container {
margin-left: unset!important;
margin-right: 0;
}
.rtl .event-summary a.show-all svg, .rtl .tribe-events-c-top-bar__nav-link--next svg, .rtl .tribe-events-c-top-bar__nav-link--prev svg {
transform: rotateY(180deg);
}
.rtl div#gt_float_wrapper {
left: 20px!important;
right: unset!important;
}
.web-v3.rtl section#offers .section-title {
text-align: right!important;
}
.web-v3.rtl div#inner-page .right-slider {
right: unset!important;
left: 0!important;
}
.web-v3.archive div#page-title {
max-width: 850px;
}
.web-v3.archive div#page-title h1 {
line-height: 1;
padding-bottom: 2.25rem;
}
.page-content h2, .web-v3.archive div#page-title h2 {
font-family: Poppins!important;
font-size: 3.25rem;
max-width: 640px;
line-height: 1.125;
letter-spacing: -.02em;
font-weight: 500;
}
.page-content p, .web-v3.archive div#page-title p {
font-family: Poppins;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 28px;
margin: 0 0 20px;
max-width: 640px;
color: var(--contrast);
}
.page-content {
margin-top: 60px!important;
}
.web-v3.archive div#page-title p {
margin-bottom: 48px;
}
.web-v3.archive div#page-title h2 {
margin-top: 72px!important;
}
.web-v3.archive #spa div#page-title h1 {
font-size: 2.75rem!important;
line-height: 1.25;
}
.page-content h2:not(:first-child) {
margin-top: 72px;
}
#stay .page-content {
padding-bottom: 240px;
}
div#banner-title h1 {
font-family: Poppins;
font-size: 48px;
font-style: normal;
font-weight: 600;
color: #fff;
line-height: 60px;
z-index: 1;
position: relative;
max-width: 520px;
}
div#banner-title h1 span {
font-weight: 400;
}
div#title-and-book .banner-book-button {
position: relative;
bottom: unset;
justify-content: flex-start;
}
div#title-and-book .banner-book-button a.square-button.big-button {
font-size: 24px;
padding: 8px 24px;
}
div#title-and-book {
display: flex;
flex-direction: column;
margin-top: -332px;
gap: 48px;
}
.single.web-v3 section#home-book-footer {
flex-direction: row;
padding: 32px;
background-size: cover;
}
.single.web-v3 section#home-book-footer:before {
left: 0;
}
.web-v3.single section#home-book-footer .section-title {
font-size: 32px;
text-align: left;
margin: 0;
max-width: 480px;
line-height: 40px;
}
.single.web-v3 div#inner-page .left-content a.square-button.big-button {
margin: 0 0 0 auto;
font-size: 24px;
}
.web-v3 .faq-list.inner-page details>div {
font-size: 16px;
line-height: 1.5rem;
}
.faq-list.inner-page summary h4 {
font-size: 20px;
font-weight: 500!important;
line-height: 1.25;
margin-top: 6px!important;
}
.faq-list.inner-page {
margin-top: 12px;
margin-bottom: 2px;
gap: 25px;
}
.faq-section {
margin-top: 60px;
max-width: 680px;
}
.faq-section h2 {
font-size: 32px;
line-height: 1.25em;
font-weight: 600;
}
.inner-faq h2 {
font-size: 29px;
margin-bottom: 20px;
line-height: 1.2em;
font-weight: 400;
}
.faq-list.inner-page summary h3 {
margin: 0;
padding-left: 2.25rem;
display: block;
font-size: 20px!important;
font-weight: 500!important;
line-height: 1.25;
margin-top: 6px!important;
margin-bottom: 0!important;
}
details summary:hover {
cursor: pointer;
}
.web-v3 section#diving {
position: relative;
}
.grid-container {
position: relative;
}
.web-v3 section#diving:before {
content: "";
position: absolute;
background: #4887c43b;
width: 100%;
height: 100%;
top: 0;
}
.breadcrumbs {
display: flex;
gap: 8px;
margin-bottom: 12px;
align-items: center;
flex-wrap: wrap; }
.breadcrumbs p {
margin: 0px !important;
font-size: 16px !important;
}
.breadcrumbs a {
text-decoration: none;
color: #000;
font-size: 16px;
}
.breadcrumbs p, .breadcrumbs a, .breadcrumbs span {
color: #404040 !important;
height: 14px;
line-height: 14px !important;
display: flex;
}
.text-fff .breadcrumbs p, .text-fff .breadcrumbs a, .text-fff .breadcrumbs span {
color: #fffc !important;
}
.post-type-archive-rooms .breadcrumbs p, .post-type-archive-rooms .breadcrumbs a, .post-type-archive-rooms .breadcrumbs span {
color: #fffc !important;
}
section#review-section {
background-image: url(https://oagaresorts.com/wp-content/uploads/2023/02/Experiences_Art-class-jpg.webp);
background-size: cover;
background-position: center;
padding: 72px 0;
}
section#review-section .grid-container {
display: flex;
}
#review-section .section-title {
color: #fff;
font-family: Poppins;
font-size: 64px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin: 0;
max-width: 560px;
}
section#review-section:before {
content: "";
position: absolute;
background: #5454543b;
width: 100%;
height: 100%;
top: 0;
}
section#review-section div#page-title {
display: flex;
align-items: center;
}
.widSSPData.cx_brand_refresh {
background: #fffd !important;
padding: 14px 20px !important;
}
#CDSWIDSSP .widSSPData.cx_brand_refresh .widSSPBranding dt img {
mix-blend-mode: darken;
}
div#header-bar.v4-header {
position: relative;
justify-content: center;
height: 32px;
}
.v4-header .header-bar-container {
justify-content: center;
width: 100%;
}
header#main-header {
display: flex;
flex-direction: column; padding: 20px 16px 44px;
position: fixed;
width: 100%;
z-index: 1;
backdrop-filter: blur(10px);
transition: all 0.2s cubic-bezier(0.42, 0, 0.19, 0.97);
background-color: rgba(255, 255, 255, 0.65);
}
.v4-header .header-logo {
width: 117px;
}
.v4-header .header-logo img {
width: 100%;
}
.lv4 div#gt_float_wrapper {
left: calc((100vw - 1440px) / 2);
top: 116px !important;
max-width: 145px;
}
.lv4 .gt_float_switcher .gt-selected {
height: 32px;
}
.lv4 .gt_float_switcher {
background: none !important;
border: none !important;
box-shadow: none !important;
display: flex;
align-items: center;
justify-items: center;
line-height: 22px;
color: #737373 !important;
display: flex;
flex-direction: column;
max-width: 145px;
align-items: flex-start;
}
.lv4 .gt_float_switcher .gt-selected {
height: 32px;
background: none !important;
display: flex;
}
.lv4 .gt_float_switcher .gt-selected .gt-current-lang {
padding: 0px;
color: #737373;
font-size: 14px;
line-height: 28px;
font-weight: 400;
}
.lv4 .gt_float_switcher .gt-selected .gt-current-lang img {
height: 18px;
width: 18px;
border-radius: 99px;
object-fit: cover;
}
.lv4 .gt_float_switcher img {
height: 18px;
width: 18px;
border-radius: 99px;
object-fit: cover;
}
.lv4 .gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow {
display: none;
}
.lv4 .gt_float_switcher .gt-selected .gt-current-lang span.gt-lang-code {
top: unset ! IMPORTANT;
}
.lv4 .gt_float_switcher .gt-selected .gt-current-lang {
display: flex;
align-items: center;
gap: 2px;
}
.lv4 .gt_options.gt-open {
background: #fff;
border-radius: 12px;
max-height: unset;
padding: 4px 0;
}
.v4-header div#header-bar-logo {
height: 104px;
max-height: 104px;
transition: all .3s cubic-bezier(0.42, 0, 0.19, 0.97); }
.floating .v4-header div#header-bar-logo {
-webkit-animation: .3s cubic-bezier(0.42, 0, 0.19, 0.97) fadeup;
-moz-animation: .3s cubic-bezier(0.42, 0, 0.19, 0.97) fadeup;
-o-animation: .3s cubic-bezier(0.42, 0, 0.19, 0.97) fadeup;
animation: .3s cubic-bezier(0.42, 0, 0.19, 0.97) fadeup;
animation-fill-mode: forwards;
max-height: 0px; transition: all .3s cubic-bezier(0.42, 0, 0.19, 0.97);
}
.floating .v4-header .header-end a.square-button.big-button.nav-book {
text-align: center;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 700;
height: 100%;
width: 100%;
display: flex !important;
}
@keyframes fadeup {
0% {
opacity: 1;
transform: translateY(0px) scale(1);
}
100% {
opacity: 0.2;
transform: translateY(-56px) scale(0.8);
}
}
.v4-header div#header-bar nav.main-nav-center a {
font-size: 14px;
line-height: 28px;
color: #000;
padding: 0 12px;
position: relative;
background: none !important;
transition: all 0.3s cubic-bezier(0.42, 0, 0.19, 0.97);
}
.v4-header div#header-bar nav.main-nav-center a:before {
flex: none;
left: 0;
position: absolute;
top: calc(50.00000000000002% - 4px / 2);
width: 100%;
height: 100%;
max-width: 4px;
max-height: 4px;
z-index: 0;
content: "";
background: #000;
border-radius: 99px;
transform-origin: 50% 50% 0px;
will-change: auto;
transition: all 0.3s cubic-bezier(0.42, 0, 0.19, 0.97);
}
.v4-header div#header-bar nav.main-nav-center a.yellow-block:before, .v4-mobile ul#menu-mobile-menu li:nth-child(2) a:before {
background: #ffbd00;
}
.v4-header div#header-bar nav.main-nav-center a.yellow-block:hover, .v4-mobile ul#menu-mobile-menu li:nth-child(2) a:hover {
color: #000;
}
.v4-header .header-end {
position: absolute;
right: 0px;
width: auto;
}
.v4-header div#header-bar nav.main-nav-center a.orange-block:before, .v4-mobile ul#menu-mobile-menu li:nth-child(3) a:before {
background: #ff7900;
}
.v4-header div#header-bar nav.main-nav-center a.red-block:before, .v4-mobile ul#menu-mobile-menu li:nth-child(4) a:before {
background: #ff0047;
}
.v4-header div#header-bar nav.main-nav-center a.blue-block:before, .v4-mobile ul#menu-mobile-menu li:nth-child(5) a:before {
background: #0096ff;
}
.v4-header div#header-bar nav.main-nav-center a.green-block:before, .v4-mobile ul#menu-mobile-menu li:nth-child(6) a:before {
background: #00ce99;
}
.v4-header div#header-bar nav.main-nav-center a.pink-block:before, .v4-mobile ul#menu-mobile-menu li:nth-child(7) a:before {
background: #ff009b;
}
.v4-header div#header-bar nav.main-nav-center a.purple-block:before, .v4-mobile ul#menu-mobile-menu li:nth-child(8) a:before {
background: #8b26d4;
}
.v4-header div#header-bar nav.main-nav-center a:hover:before, .v4-mobile ul#menu-mobile-menu li a:hover:before {
bottom: 0;
left: calc(50.34013605442179% - 100.68027210884354% / 2);
top: 0px;
max-width: 100%;
max-height: 32px;
z-index: -1;
transition: all 0.34s cubic-bezier(0, 0, 0, 0.91);
}
.floating .v4-header div#header-bar nav.main-nav-center a:hover:before {
top: 16px;
}
.v4-header div#header-bar nav.main-nav-center a:hover {
transition: all 0.34s cubic-bezier(0, 0, 0, 0.91);
}
.v4-header nav.main-nav-center {
gap: 12px;
}
.v4-header .header-end {
position: absolute;
right: 0px;
width: auto;
height: 32px;
display: flex;
align-items: center;
justify-items: center;
height: 100%;
}
.v4-header .header-end a.square-button.big-button.nav-book {
background: #ffbd00;
display: flex;
font-size: 16px;
padding: 2px 14px;
border-radius: 99px;
font-weight: 400 !important;
transition: all 0.22s cubic-bezier(0, 0, 0, 0.91);	
}
.v4-header .header-end a.square-button.big-button.nav-book:hover {
background: #000 !important;
transition: all 0.2s cubic-bezier(0, 0, 0, 0.91);
}
.v4-header div#header-bar {
position: fixed;
background: rgba(255, 255, 255, 0);
top: 116px;
transition: all 0.1s cubic-bezier(0, 0, 0, 0.75);
-webkit-animation: .3s cubic-bezier(0, 0, 0.57, 0.31) fadedownmenu;
-moz-animation: .3s cubic-bezier(0, 0, 0.57, 0.31) fadedownmenu;
-o-animation: .3s cubic-bezier(0, 0, 0.57, 0.31) fadedownmenu;
animation: 0.5s cubic-bezier(0, 0, 0, 0.75) fadedownmenu;
width: 100%;
left: 0;
padding-bottom: 12px;
height: 44px;
border-bottom: 1px solid #f5f5f500;
}
header#main-header.v4-header {
height: 100%;
max-height: 160px;
padding: 20px 16px 0px;
transition: all 0.52s cubic-bezier(0, 0, 0, 0.75);
background: #fff;
}
.floating header#main-header.v4-header {
backdrop-filter: blur(10px);
background-color: rgb(255, 255, 255);
max-height: 64px;
padding: 20px 16px 16px;
transition: all 0.3s cubic-bezier(0, 0, 0.57, 0.31);
z-index: 2;
}
header#main-header.v4-header:hover {
background-color: rgba(255, 255, 255, 1);
transition: all 0.3s cubic-bezier(0, 0, 0.57, 0.31);
}
body.floating .v4-header div#header-bar{
height: 64px;
position: fixed;
-webkit-animation: .3s cubic-bezier(0, 0, 0.57, 0.31) fadeupmenu;
-moz-animation: .3s cubic-bezier(0, 0, 0.57, 0.31) fadeupmenu;
-o-animation: .3s cubic-bezier(0, 0, 0.57, 0.31) fadeupmenu;
animation: .3s cubic-bezier(0, 0, 0.57, 0.31) fadeupmenu;
transition: all .3s cubic-bezier(0, 0, 0.57, 0.31);
animation-fill-mode: forwards;
height: 64px;
background:#fff;
padding-bottom:0px;
border-bottom: 1px solid #f5f5f5;
}
.v4 section#banner {
padding-top: 120px !important;
height: calc(100vh + 60px);
margin-top: -100px;
}
body.floating .v4-header div#header-bar nav.main-nav-center a {
line-height: 28px !important;
padding: 0 12px !important;
}
@keyframes fadeupmenu {
0% {
transform: translateY(0px);
}
100% {
transform: translateY(-116px);
}
}
.lv4 div#gt_float_wrapper {
-webkit-animation: .3s cubic-bezier(0, 0, 0.57, 0.31) fadedownlang;
-moz-animation: .3s cubic-bezier(0, 0, 0.57, 0.31) fadedownlang;
-o-animation: .3s cubic-bezier(0, 0, 0.57, 0.31) fadedownlang;
animation: 0.5s cubic-bezier(0, 0, 0, 0.75) fadedownlang;
}
.lv4.floating div#gt_float_wrapper {
-webkit-animation: .3s cubic-bezier(0, 0, 0.57, 0.31) fadeuplang;
-moz-animation: .3s cubic-bezier(0, 0, 0.57, 0.31) fadeuplang;
-o-animation: .3s cubic-bezier(0, 0, 0.57, 0.31) fadeuplang;
animation: .3s cubic-bezier(0, 0, 0.57, 0.31) fadeuplang;
transition: all .3s cubic-bezier(0, 0, 0.57, 0.31);
animation-fill-mode: forwards;
}
@keyframes fadedownmenu {
0% {
transform: translateY(-116px);
}
100% {
transform: translateY(0);
}
}
@keyframes fadeuplang {
0% {
transform: translateY(0px) translateX(0px);
}
100% {
transform: translateY(-100px) translateX(57px);
}
}
@keyframes fadedownlang {
0% {
transform: translateY(-100px) translateX(57px);
}
100% {
transform: translateY(0px) translateX(0px);
}
}
.lv4 .gt_float_switcher .gt_options a:hover {
background: #e7e7e7;
color: #444;
}
a#floating-logo {
position: fixed;
z-index: 99;
width: 36px;
height: 22px;
left: calc((100vw - 1440px) / 2);
}
a#floating-logo:after {
width: 2px;
height: 16px;
content: "";
background: #e5e5e5;
display: block;
position: absolute;
top: 6px;
left: 46px;
mix-blend-mode: multiply;
}
a#floating-logo {
-webkit-animation: .3s cubic-bezier(0, 0, 0.57, 0.31) fadeOutMiniLogo;
-moz-animation: .3s cubic-bezier(0, 0, 0.57, 0.31) fadeOutMiniLogo;
-o-animation: .3s cubic-bezier(0, 0, 0.57, 0.31) fadeOutMiniLogo;
animation: .3s cubic-bezier(0, 0, 0.57, 0.31) fadeOutMiniLogo;
transition: all .3s cubic-bezier(0, 0, 0.57, 0.31);
animation-fill-mode: forwards;
}
.floating a#floating-logo {
-webkit-animation: .3s cubic-bezier(0, 0, 0.57, 0.31) fadeInMiniLogo;
-moz-animation: .3s cubic-bezier(0, 0, 0.57, 0.31) fadeInMiniLogo;
-o-animation: .3s cubic-bezier(0, 0, 0.57, 0.31) fadeInMiniLogo;
animation: .3s cubic-bezier(0, 0, 0.57, 0.31) fadeInMiniLogo;
transition: all .3s cubic-bezier(0, 0, 0.57, 0.31);
animation-fill-mode: forwards;
}
@keyframes fadeOutMiniLogo {
0% {
transform: translateY(0px) translateX(0px);
opacity: 1;
}
100% {
transform: translateY(98px) translateX(-64px);
opacity: 0;
}
}
@keyframes fadeInMiniLogo {
0% {
transform: translateY(98px) translateX(-64px);
opacity: 0;
}
100% {
transform: translateY(0px) translateX(0px);
opacity: 1;
}
}
.v4 .grid-container {
max-width: 1440px;
width: 100%;
}
.lv4 .site-footer.footer-bar-active.footer-bar-align-right {
background: #fff;
}
.lv4 .site-footer.footer-bar-active.footer-bar-align-right .inside-site-info.grid-container {
padding: 32px 0 80px;
border-top: 1px solid #d6d6d6;
}
.lv4 .site-footer.footer-bar-active.footer-bar-align-right .copyright-bar {
font-size: 16px;
color: #a3a3a3;
font-weight: 300;
line-height: 24px;
}
.lv4 i.fa-brands.fa-instagram {
background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1422_1142)"><path d="M12 2.16094C15.2063 2.16094 15.5859 2.175 16.8469 2.23125C18.0188 2.28281 18.6516 2.47969 19.0734 2.64375C19.6313 2.85938 20.0344 3.12188 20.4516 3.53906C20.8734 3.96094 21.1313 4.35938 21.3469 4.91719C21.5109 5.33906 21.7078 5.97656 21.7594 7.14375C21.8156 8.40937 21.8297 8.78906 21.8297 11.9906C21.8297 15.1969 21.8156 15.5766 21.7594 16.8375C21.7078 18.0094 21.5109 18.6422 21.3469 19.0641C21.1313 19.6219 20.8687 20.025 20.4516 20.4422C20.0297 20.8641 19.6313 21.1219 19.0734 21.3375C18.6516 21.5016 18.0141 21.6984 16.8469 21.75C15.5813 21.8062 15.2016 21.8203 12 21.8203C8.79375 21.8203 8.41406 21.8062 7.15313 21.75C5.98125 21.6984 5.34844 21.5016 4.92656 21.3375C4.36875 21.1219 3.96563 20.8594 3.54844 20.4422C3.12656 20.0203 2.86875 19.6219 2.65313 19.0641C2.48906 18.6422 2.29219 18.0047 2.24063 16.8375C2.18438 15.5719 2.17031 15.1922 2.17031 11.9906C2.17031 8.78438 2.18438 8.40469 2.24063 7.14375C2.29219 5.97187 2.48906 5.33906 2.65313 4.91719C2.86875 4.35938 3.13125 3.95625 3.54844 3.53906C3.97031 3.11719 4.36875 2.85938 4.92656 2.64375C5.34844 2.47969 5.98594 2.28281 7.15313 2.23125C8.41406 2.175 8.79375 2.16094 12 2.16094ZM12 0C8.74219 0 8.33438 0.0140625 7.05469 0.0703125C5.77969 0.126563 4.90313 0.332812 4.14375 0.628125C3.35156 0.9375 2.68125 1.34531 2.01563 2.01562C1.34531 2.68125 0.9375 3.35156 0.628125 4.13906C0.332812 4.90313 0.126563 5.775 0.0703125 7.05C0.0140625 8.33437 0 8.74219 0 12C0 15.2578 0.0140625 15.6656 0.0703125 16.9453C0.126563 18.2203 0.332812 19.0969 0.628125 19.8563C0.9375 20.6484 1.34531 21.3188 2.01563 21.9844C2.68125 22.65 3.35156 23.0625 4.13906 23.3672C4.90313 23.6625 5.775 23.8687 7.05 23.925C8.32969 23.9812 8.7375 23.9953 11.9953 23.9953C15.2531 23.9953 15.6609 23.9812 16.9406 23.925C18.2156 23.8687 19.0922 23.6625 19.8516 23.3672C20.6391 23.0625 21.3094 22.65 21.975 21.9844C22.6406 21.3188 23.0531 20.6484 23.3578 19.8609C23.6531 19.0969 23.8594 18.225 23.9156 16.95C23.9719 15.6703 23.9859 15.2625 23.9859 12.0047C23.9859 8.74688 23.9719 8.33906 23.9156 7.05938C23.8594 5.78438 23.6531 4.90781 23.3578 4.14844C23.0625 3.35156 22.6547 2.68125 21.9844 2.01562C21.3188 1.35 20.6484 0.9375 19.8609 0.632812C19.0969 0.3375 18.225 0.13125 16.95 0.075C15.6656 0.0140625 15.2578 0 12 0Z" fill="%23A3A3A3"/><path d="M12 5.83594C8.59688 5.83594 5.83594 8.59688 5.83594 12C5.83594 15.4031 8.59688 18.1641 12 18.1641C15.4031 18.1641 18.1641 15.4031 18.1641 12C18.1641 8.59688 15.4031 5.83594 12 5.83594ZM12 15.9984C9.79219 15.9984 8.00156 14.2078 8.00156 12C8.00156 9.79219 9.79219 8.00156 12 8.00156C14.2078 8.00156 15.9984 9.79219 15.9984 12C15.9984 14.2078 14.2078 15.9984 12 15.9984Z" fill="%23A3A3A3"/><path d="M19.8469 5.59214C19.8469 6.38902 19.2 7.0312 18.4078 7.0312C17.6109 7.0312 16.9688 6.38433 16.9688 5.59214C16.9688 4.79526 17.6156 4.15308 18.4078 4.15308C19.2 4.15308 19.8469 4.79995 19.8469 5.59214Z" fill="%23A3A3A3"/></g><defs><clipPath id="clip0_1422_1142"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>');
width: 24px;
height: 24px;
display: block;
}
.lv4 i.fa-brands.fa-facebook {
background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1422_1140)"><path d="M24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 17.9895 4.3882 22.954 10.125 23.8542V15.4688H7.07812V12H10.125V9.35625C10.125 6.34875 11.9166 4.6875 14.6576 4.6875C15.9701 4.6875 17.3438 4.92188 17.3438 4.92188V7.875H15.8306C14.34 7.875 13.875 8.80008 13.875 9.75V12H17.2031L16.6711 15.4688H13.875V23.8542C19.6118 22.954 24 17.9895 24 12Z" fill="%23A3A3A3"/></g><defs><clipPath id="clip0_1422_1140"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>');
width: 24px;
height: 24px;
display: block;
}
.lv4 i.fa-brands.fa-linkedin {
background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1422_1143)"><path d="M22.2234 0H1.77187C0.792187 0 0 0.773438 0 1.72969V22.2656C0 23.2219 0.792187 24 1.77187 24H22.2234C23.2031 24 24 23.2219 24 22.2703V1.72969C24 0.773438 23.2031 0 22.2234 0ZM7.12031 20.4516H3.55781V8.99531H7.12031V20.4516ZM5.33906 7.43438C4.19531 7.43438 3.27188 6.51094 3.27188 5.37187C3.27188 4.23281 4.19531 3.30937 5.33906 3.30937C6.47813 3.30937 7.40156 4.23281 7.40156 5.37187C7.40156 6.50625 6.47813 7.43438 5.33906 7.43438ZM20.4516 20.4516H16.8937V14.8828C16.8937 13.5562 16.8703 11.8453 15.0422 11.8453C13.1906 11.8453 12.9094 13.2937 12.9094 14.7891V20.4516H9.35625V8.99531H12.7687V10.5609H12.8156C13.2891 9.66094 14.4516 8.70938 16.1813 8.70938C19.7859 8.70938 20.4516 11.0813 20.4516 14.1656V20.4516Z" fill="%23A3A3A3"/></g><defs><clipPath id="clip0_1422_1143"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>');
width: 24px;
height: 24px;
display: block;
}
.lv4 i.fa-brands.fa-youtube {
background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.7609 7.20005C23.7609 7.20005 23.5266 5.54536 22.8047 4.8188C21.8906 3.86255 20.8688 3.85786 20.4 3.80161C17.0438 3.55786 12.0047 3.55786 12.0047 3.55786H11.9953C11.9953 3.55786 6.95625 3.55786 3.6 3.80161C3.13125 3.85786 2.10938 3.86255 1.19531 4.8188C0.473438 5.54536 0.24375 7.20005 0.24375 7.20005C0.24375 7.20005 0 9.14536 0 11.086V12.9047C0 14.8454 0.239062 16.7907 0.239062 16.7907C0.239062 16.7907 0.473437 18.4454 1.19062 19.1719C2.10469 20.1282 3.30469 20.0954 3.83906 20.1985C5.76094 20.3813 12 20.4375 12 20.4375C12 20.4375 17.0438 20.4282 20.4 20.1891C20.8688 20.1329 21.8906 20.1282 22.8047 19.1719C23.5266 18.4454 23.7609 16.7907 23.7609 16.7907C23.7609 16.7907 24 14.85 24 12.9047V11.086C24 9.14536 23.7609 7.20005 23.7609 7.20005ZM9.52031 15.1125V8.36724L16.0031 11.7516L9.52031 15.1125Z" fill="%23A3A3A3"/></svg>');
width: 24px;
height: 24px;
display: block;
}
.lv4 ul.social-icons a {
transition: all .18s cubic-bezier(0, 0, 0, 0.9);
}
.lv4 ul.social-icons a:hover {
filter: brightness(0.7);
transition: all .22s cubic-bezier(0, 0, 0.57, 0.31);
}
.lv4 section#home-more-section {
display:none !important;
}
.lv4 section#home-more-section.v4-more-section {
display:flex !important;
}
.lv4 section#home-more-section ul#menu-footer-menu-new {
list-style-type: none;
display: flex;
gap: 10px;
margin: 0px;
flex-wrap: wrap;
justify-content: center;
padding: 0 8px;
}
.lv4 section#home-more-section ul#menu-footer-menu-new li {
}
.v4 #home-stay ul#splide-stay-list li.is-prev:first-child {
transform: translate(-20px, 200px);
transition: all .42s cubic-bezier(0, 0, 0.57, 0.31);
}
.v4 #home-stay ul#splide-stay-list li.is-active:first-child {
transform: translate(0px, 0px);
transition: all .62s cubic-bezier(0.57, 0.16, 0.29, 0.84);
}
.lv4 section#home-more-section {
background: #fff;
padding: 56px 16px 40px !important;
gap: 32px;
}
.v4 .tall-card .image-and-title a {
text-decoration: none;
}
.lv4 section#home-more-section ul#menu-footer-menu-new li a {
text-decoration: none;
color: #000;
font-size: 14px;
line-height: 28px;
padding: 0 12px;
position:relative;
height: 100%;
z-index: 0;
display: flex;
}
.lv4 ul#menu-footer-menu-new a:before {
flex: none;
left: 0;
position: absolute;
top: calc(50.00000000000002% - 4px / 2);
width: 100%;
height: 100%;
max-width: 4px;
max-height: 4px;
z-index: 0;
content: "";
border-radius: 99px;
transform-origin: 50% 50% 0px;
will-change: auto;
transition: all 0.3s cubic-bezier(0.42, 0, 0.19, 0.97);
background: #e5e5e5;
}
.lv4 ul#menu-footer-menu-new a:hover:before {
bottom: 0;
left: calc(50.34013605442179% - 100.68027210884354% / 2);
top: 0px;
max-width: 100%;
max-height: 28px;
z-index: -1;
transition: all 0.34s cubic-bezier(0, 0, 0, 0.91);
}
.v4.home #splide-banner, .v4.home #splide-banner-mobile  {
display: none !important;
}
.v4 .banner-book-button.animate.fade {
display: none;
}
.v4 section#about-oaga {
background: #fafafa;
padding: 112px 16px 160px;
}
.v4 section#about-oaga .grid-container {
display: grid;
justify-items: center;
}
.v4 div#page-title {
gap: 8px;
display: flex;
justify-items: center;
flex-direction: column;
margin-bottom: 16px;
}
.v4 div#page-title p.section-title-small {
margin: 0px;
color: #8b26d4;
font-size: 16px;
text-align: center;
font-weight: 500;
text-transform: uppercase;
max-width: 800px;
margin: 0 auto;
}
.v4 div#page-title p.section-title {
font-size: 48px;
text-align: center;
color: #141414;
font-weight: 400;
line-height: 60px;
margin: 0px auto;
max-width: 800px;
position: relative;
}
.v4 .about-image-grid {
max-width: 1216px;
display: flex;
flex-wrap: wrap;
gap: 16px;
height: 560px;
width: 100%; 
margin-top: 80px;
overflow: hidden;
}
.v4 .section-desc {
max-width: 800px;
text-align: center;
color: #525252;
font-size: 16px;
line-height: 24px;
font-weight: 400;
}
.v4 .section-desc p {
margin: 0px;
}
.v4 .grid-column-small {
display: flex;
gap: 16px;
flex: 1 0 0px;
flex-direction: column;
flex-wrap: nowrap;
}
.v4 .grid-column-big {
width: 100%;
max-width: 46%;
}
.v4 .about-image-grid > div {
height: 100%;
}
.v4 .grid-column-big img, .v4 .grid-column-small img {
height: 100%;
width: 100%;
object-fit: cover;
}
.v4 .grid-column-small img {
flex: 1 0 0;
height: 100%;
width: 100%;
}
.v4 .grid-column-small li.grid-image {
flex: 1 0 0;
height: 1px;
list-style-type: none;
}
.v4 .grid-column-big li.grid-image {
list-style-type: none;
height: 100%;
}
.v4 .parellax {
height: 200% !important;
left: calc(50.00000000000002% - 133.47222222222223% / 2);
opacity: .5;
position: absolute;
top: calc(2.220446049250313e-14% - 200% / 2);
width: 133% !important;
object-fit: cover;
object-position: center;
}
.v4 .parellax img {
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
object-position: center;
object-fit: cover;
image-rendering: auto;
}
.v4 .about-image-grid li {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.v4 section#home-stay {
padding: 140px 0 174px;
overflow: hidden;
position: relative;
}
.v4 .home-stay-parallax {
position: absolute;
top: 0;
width: 100%;
height: 100%;
left: 0;
}
.v4 section#home-stay p.section-title-small {
color: #00ce99;
text-align: left;
margin-left: 0px;
}
.v4 section#home-stay p.section-title {
line-height: 120%;
margin-left: 0px;
max-width: 360px;
text-align: left;
}
.v4 #home-stay div#page-title {
margin-bottom: 12px;
}
.v4 section#home-stay .section-desc p {
color: #525252;
text-align: left;
line-height: 24px;
font-size: 16px;
max-width: 360px;
}
.v4 #home-stay .room-card {
width: 800px !important;
height: 480px;
}
.v4 #home-stay .room-card a {
width: 100%;
height: 100%;
text-decoration: none;
position: absolute;
display:flex;
}
.v4 #home-stay .room-card a img {
width: 100%;
height: 100%;
position: absolute;
}
.v4 #home-stay .tall-card-title {
width: 384px;
height: 100%;
z-index: 1;
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 24px;
background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
}
.v4 #home-stay .tall-card-title p.card-title {
font-size: 24px;
margin-bottom: 4px;
color: #fff;
line-height: 32px;
max-width: 280px;
}
.v4 #home-stay .tall-card-title p.card-byline {
font-size: 14px;
color: #fff;
line-height: 20px;
max-width: 280px;
}
.v4 #home-stay .tall-card-title span.round-button.book-now {
line-height: 28px;
color: #fff;
font-size: 16px;
background: #fff0;
max-width: fit-content;
border-radius: 99px;
border: 1px solid #fff;
padding: 2px 14px;
transition: all 0.22s cubic-bezier(0.42, 0, 0.19, 0.97);
}
.v4 #home-stay .tall-card-title span.round-button.book-now:hover {
transition: all 0.28s cubic-bezier(0, 0, 0.57, 0.31);
background: #fff;
color: #000;
}
.v4 #home-stay .room-card a img {
transition: all 0.22s cubic-bezier(0.42, 0, 0.19, 0.97);
}
.v4 #home-stay .room-card a:hover img {
filter: blur(5px);
transition: all 0.34s cubic-bezier(0, 0, 0.57, 0.31);
}
.v4 #home-stay .splide__arrow {
background: #f5f5f5 !important;
opacity: 1 !important;
width: 48px;
height: 48px;
top: 54% !important;
transition: all 0.3s cubic-bezier(0.42, 0, 0.19, 0.97);
}
.v4 #home-stay .splide__arrow svg {
transition: all 0.18s cubic-bezier(0.42, 0, 0.19, 0.97);
}
.v4 section#home-stay div#splide-stay-track {
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
}
.v4 #home-stay ul#splide-stay-list li:first-child {
padding-left: calc((100vw - 1440px) / 2) !important;
width: calc(500px + ((100vw - 1440px) / 2)) !important;
}
.v4 #home-stay ul#splide-stay-list li:last-child {
width: calc(1220px + ((100vw - 1440px) / 2)) !important;
padding-right: calc((100vw - 1440px) / 2) !important;
padding: 0px !important;
left: -8px;
position: relative;
}
.v4 #home-stay ul#splide-stay-list li:last-child a {
width: 800px;
}
.v4 #home-stay .splide__arrow--next svg {
background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><!--Generated by IJSVG (https://github.com/iconjar/IJSVG)--><g stroke-linecap="round" stroke-width="1.5" stroke="%23323232" fill="none" stroke-linejoin="round"><path d="M19,12h-14"></path><path d="M14,17l5,-5"></path><path d="M14,7l5,5"></path></g><path fill="none" d="M0,0h24v24h-24Z"></path></svg>');
background-repeat: no-repeat;
background-position: center;
stroke: none;
width: 32px;
height: 32px;
}
.v4 #home-stay .splide__arrow--prev svg {
background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><!--Generated by IJSVG (https://github.com/iconjar/IJSVG)--><g stroke-linecap="round" stroke-width="1.5" stroke="%23323232" fill="none" stroke-linejoin="round"><path d="M19,12h-14"></path><path d="M14,17l5,-5"></path><path d="M14,7l5,5"></path></g><path fill="none" d="M0,0h24v24h-24Z"></path></svg>');
background-repeat: no-repeat;
background-position: center;
stroke: none;
width: 32px;
height: 32px;
}
.v4 #home-stay .splide__arrow:disabled {
opacity: 0 !important;
transition: all 0.3s cubic-bezier(0.42, 0, 0.19, 0.97);
}
.v4 #home-stay .splide__arrow:hover {
background: #8b26d4 !important;
transition: all 0.32s cubic-bezier(0, 0, 0.57, 0.31);
}
.v4 #home-stay .splide__arrow:hover svg {
filter: invert(1) brightness(2);
transition: all 0.32s cubic-bezier(0, 0, 0.57, 0.31);
}
.v4 #home-stay button.splide__arrow.splide__arrow--next {
right: -24px;
}
.v4 #home-stay button.splide__arrow.splide__arrow--prev {
left: -24px;
}
.v4 #home-stay ul.splide__pagination.splide__pagination--ltr {
display: flex;
bottom: -54px;
gap: 0px !important;
justify-content: flex-end;
padding: 0px !important;
}
.v4 #home-stay ul.splide__pagination.splide__pagination--ltr li {
width: 60px;
height: 4px;
}
.v4 #home-stay ul.splide__pagination.splide__pagination--ltr button.splide__pagination__page.is-active {
background: #8b26d4;
height: 100%;
transform: scale(1);
}
.v4 #home-stay ul.splide__pagination.splide__pagination--ltr button.splide__pagination__page {
background: #e5e5e5;
width: 100%;
margin: 0px;
display: block;
border-radius: 0px;
height: 100%;
opacity: 1;
}
.v4 ul#splide-stay-list { }
.v4 section#discover-oaga {
padding: 200px 0 160px;
background: #fafafa;
}
.v4 .tall-card {
display: flex;
flex-direction: column;
gap: 24px;
flex-wrap: wrap;
width: calc(100% * (1 / 3) - 20px);
}
.v4 .parallax-cards {
display: flex;
flex-wrap: wrap;
gap: 28px;
margin-top: 54px;
max-width: 1216px;
margin-left: auto;
margin-right: auto;
margin-bottom: -360px;
}
.v4 .tall-card .image-and-title {
aspect-ratio: 384 / 560;
padding: 40px;
position: relative;
overflow: hidden;
width: 100%;
}
.v4 .tall-card p.description {
margin: 0px;
font-size: 18px;
color: #141414;
text-align: center;
line-height: 28px;
}
.v4 .tall-card .image-and-title img {
position: absolute;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
object-fit: cover;
object-position: center;
}
.v4 .tall-card .image-and-title a:before {
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
opacity: 0.5;
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
z-index: 1;
bottom: 0px;
max-height: 280px;
transition: all 0.32s cubic-bezier(0.42, 0, 0.19, 0.97);
}
.v4 .tall-card .image-and-title a:hover:before {
max-height: 340px;
opacity: 0.6;
transition: all 0.64s cubic-bezier(0.3, 0.18, 0.08, 0.97);
}
.v4 .tall-card .image-and-title p.card-title {
font-size: 32px;
color: #fff;
z-index: 1;
position: relative;
margin-top: auto;
display: flex;
margin-bottom: 0px;
height: 100%;
align-items: self-end;
text-align: center;
justify-content: center;
}
.v4 a.learn-more.round-button {
line-height: 28px;
color: #141414;
font-size: 16px;
background: #14141400;
max-width: fit-content;
border-radius: 99px;
border: 1px solid #141414;
padding: 2px 14px;
transition: all 0.22s cubic-bezier(0.42, 0, 0.19, 0.97);
text-decoration: none;
margin: 0 auto;
}
.v4 a.learn-more.round-button:hover {
transition: all 0.28s cubic-bezier(0, 0, 0.57, 0.31);
background: #141414ff;
color: #fff;
border: 1px solid #141414;
}
.v4 section#home-offers-new a.learn-more.round-button, .v4.archive section#offers a.learn-more.round-button {
padding: 2px 12px !important;
margin: 56px auto 0px;
display: block;
}
.v4 .tall-card.parellax-up {
margin-top: 320px;
}
.v4 section#home-hoara {
padding: 112px 0 100px;
background: #f5f5f5;
overflow-x: hidden;
}
.v4 section#home-hoara div#page-title {
margin-bottom: 80px;
gap: 12px;
}
.v4 span.animated-text {
position: absolute;
left: 191px;
transform: rotate(-2deg);
top: -82px;
}
.v4 section#home-hoara div#page-title p.section-title {
max-width: 720px;
position: relative;
}
.v4 section#home-hoara div#page-title p.section-title-small {
color: #F15353;
}
.v4 section#discover-oaga div#page-title p.section-title-small {
color: #0096ff;
}
.v4 span.hoara-red {
color: #F15353;
}
.v4 .animated-text path {
stroke-dasharray: 1000; stroke-dashoffset: 1000;  */ }
.v4 .animated-text.animate path {
animation: draw 5.5s cubic-bezier(0.42, 0, 0.19, 0.97);
animation-fill-mode: forwards;
animation-delay: 1s;
stroke: #0096ff;
}
.v4 #discover-oaga div#page-title {
margin-bottom: 60px;
}
.v4 span.animated-strike {
position: absolute;
width: 178px;
height: 4px;
background: #0096ff;
left: 177px;
top: 30px;
transform: scaleX(0);
transform-origin: left;
}
.v4 span.animated-strike.animate {
animation: strikeline 1.5s cubic-bezier(0, 0, 0, 0.97);
animation-fill-mode: forwards;
animation-delay: 0.1s;
}
@keyframes strikeline {
to {
transform: scaleX(1);
}
}
@keyframes draw {
to {
stroke-dashoffset: 0; visibility: visible; }
}
.v4 div#splide-hoara {
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
}
.v4 ul#splide-hoara-list {
padding: 12px 0 !important;
}
.v4 div#splide-hoara ul li {
aspect-ratio: 344 / 482;
height: auto;
box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 2px 0px;
background-color: var(--token-f96cdf92-e161-43a0-8eb2-1c07d0a637da, rgb(255, 255, 255));
box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 2px 0px;
padding: 12px;
transition: all 0.46s cubic-bezier(0.19, 0.59, 0.9, 0.53);
position: relative;
overflow: hidden;
}
.v4 div#splide-hoara ul li a, .v4 div#splide-hoara ul li {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
text-decoration: none;
}
.v4 div#splide-hoara ul li a img, .v4 div#splide-hoara ul li img {
width: 100%;
height: 100%;
object-fit: cover;
}
.v4 div#splide-hoara ul li a .tall-card-title, .v4 div#splide-hoara ul li .tall-card-title {
position: absolute;
transform: translateY(70px);
bottom: 0px;
width: 100%;
background: #fff;
text-align: center;
padding: 12px;
transition: all 0.46s cubic-bezier(0.19, 0.59, 0.9, 0.53);
}
.v4 div#splide-hoara ul li a .tall-card-title p, .v4 div#splide-hoara ul li .tall-card-title {
margin: 0px;
font-size: 18px;
line-height: 28px;
color: #121212;
}
.v4 div#splide-hoara ul li:hover {
transform: rotate(2deg);
transition: all 0.46s cubic-bezier(0, 0, 0, 0.97);
}
.v4 div#splide-hoara ul li:nth-child(even):hover {
transform: rotate(-2deg);
}
.v4 div#splide-hoara ul li a:hover .tall-card-title, .v4 div#splide-hoara ul li:hover .tall-card-title {
transform: translateY(0px);
transition: all 0.46s cubic-bezier(0, 0, 0, 0.97);
}
.v4 div#splide-offers-new { }
.v4 section#home-offers-new {
padding: 160px 0 112px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: relative;
background: #F5F5F5;
overflow: hidden;
}
.v4 section#home-offers-new:before {
display: block;
content: "";
flex: none;
height: 160px;
left: calc(50.00000000000002% - 101.00694444444444% / 2);
overflow: visible;
position: absolute;
top: calc(49.94232987312574% - 101.03806228373702% / 2);
width: 101%;
z-index: 1;
background: linear-gradient(180deg, #F5F5F5 0%, rgba(245, 245, 245, 0) 100%);
}
.v4 section#home-offers-new p.section-title-small {
color: #ff7900;
}
.v4 section#home-offers-new p.section-title {
max-width: 616px;
}
.v4 #home-offers-new div#page-title {
margin-bottom: 60px;
}
.v4 div#splide-offers-new li a, .v4.archive #offers li a {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
padding: 24px;
transition: all 0.32s cubic-bezier(0.54, 0.14, 0.62, 0.85);
background: #fff0;
text-decoration: none !important;
}
.v4 div#splide-offers-new li a img, .v4.archive #offers li a img {
width: 100%;
height: 100%;
left: 0px;
top: 0px;
position: absolute;
}
.v4 div#splide-offers-new li a .tall-card-title p.card-title, .v4.archive #offers li a .tall-card-title p.card-title {
margin: 0px;
font-size: 30px;
color: #fff;
line-height: 36px;
font-weight: 500;
transition: all 0.32s cubic-bezier(0.54, 0.14, 0.62, 0.85);
text-align: left;
}
.v4 div#splide-offers-new li a .tall-card-title, .v4.archive #offers li a .tall-card-title {
z-index: 1;
display: flex;
justify-content: end;
align-items: baseline;
height: 100%;
width: 100%;
}
.v4 div#splide-offers-new li a:before, .v4.archive #offers li a:before {
content: "";
opacity: 0;
transition: all 0.32s cubic-bezier(0.54, 0.14, 0.62, 0.85);
display: block;
position: absolute;
background: #00000003;
width: 100%;
height: 100%;
z-index: 1;
left: 0;
top: 0;
backdrop-filter: blur(10px);
}
.v4 div#splide-offers-new li a .tall-card-title p.by-line, .v4.archive #offers li a .tall-card-title p.by-line {
font-family: Poppins;
font-size: 16px;
font-weight: 300;
line-height: 28px;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #fff;
text-align: left;
margin: 0px;
}
.v4 div#splide-offers-new li, .v4.archive #offers ul#splide-offers-list li.splide__slide.offer-card {
width: calc(1 / 3* 100% - 16px) !important;
aspect-ratio: 390 / 422;
height: auto;
}
.v4 div#splide-offers-new li img, .v4.archive #offers li img  {
transition: all 0.24s cubic-bezier(0.54, 0.14, 0.62, 0.85); }
.v4 div#splide-offers-new li a:hover, .v4.archive #offers li a:hover { transition: all 0.36s cubic-bezier(0.54, 0.14, 0.62, 0.85);
}
.v4 div#splide-offers-new li a:hover .tall-card-title p.card-title, .v4.archive #offers li a:hover .tall-card-title p.card-title{
transition: all 0.36s cubic-bezier(0.54, 0.14, 0.62, 0.85);
}
.v4 div#splide-offers-new li a:hover:before, .v4.archive #offers li a:hover:before {
opacity: 1;
transition: all 0.36s cubic-bezier(0.54, 0.14, 0.62, 0.85);
}
.v4 div#splide-offers-new li a:hover, .v4.archive #offers li a:hover{
transition: all 0.36s cubic-bezier(0.54, 0.14, 0.62, 0.85);
transform: translateY(-12px);
}
.v4 div#splide-offers-new .splide__track, .v4.archive #offers .splide__track {
overflow: visible;
}
.v4 div#splide-offers-new li.is-active img, .v4.archive #offers li.is-active img {
opacity: 1;
transition: all 0.32s cubic-bezier(0.54, 0.14, 0.62, 0.85);
}
.v4.home section#home-book-footer, .v4.home section#stay, .v4.home section#offers, .v4.home section#eat, .v4.home section#spa, .v4.home section#experiences, .v4.home section#excursions, .v4.home section#diving, .v4.home section#review-section {
display: none !important;
}
.v4 div#splide-offers-new{
max-width: 1216px;
margin: 0 auto;
}
.v4 div#splide-offers-new ul.splide__list, .v4.archive #offers ul.splide__list {
gap: 24px;
justify-content: center;
flex-wrap: wrap;
}
.v4.archive #offers ul.splide__list {
justify-content: left;
}
.v4 span.separator {
border-bottom: 1px solid #D6D6D6;
padding-bottom: 56px;
margin-bottom: 56px;
display: block;
}
.v4 section#banner {
background: #f4f5f7 !important;
}
.v4 .site-footer.footer-bar-active.footer-bar-align-right .copyright-bar {
position: absolute;
}
.v4 .footer-bar {
width: 100%;
}
.v4 aside#block-7 {
display: flex;
justify-content: space-between;
}
.v4 ul.footer-menu-items {
display: flex !important;
gap: 32px;
}
.v4 ul.footer-menu-items li {
margin: 0px;
}
.v4 ul.footer-menu-items li a {
text-decoration: none;
font-size: 16px;
color: #a3a3a3;
font-weight: 300;
line-height: 24px;
}
.v4 div#splide-offers-new li a .tall-card-title, .v4.archive #offers li a .tall-card-title {
transition: all 0.32s cubic-bezier(0.54, 0.14, 0.62, 0.85);
flex-direction: column; }
.v4.archive #offers ul#splide-offers-list li a:hover .tall-card-title {
background: none !important;
}
.v4 div#splide-offers-new li a .tall-card-title p.by-line, .v4.archive #offers li a .tall-card-title p.by-line  {
max-height: 0px;
opacity: 0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; line-clamp: 2;
-webkit-box-orient: vertical;
height: 320px;
margin-top: 8px;
transition: all 0.32s cubic-bezier(0.54, 0.14, 0.62, 0.85);
}
.v4 div#splide-offers-new li a:hover .tall-card-title p.by-line, 
.v4.archive #offers li a:hover .tall-card-title p.by-line { transition: all 0.36s cubic-bezier(0.54, 0.14, 0.62, 0.85);
max-height: 56px;
opacity: 1;
}
.v4 div#wpadminbar {
display: none !important;
}
html.v4 {
margin-top: 0px !important;
}
.banner-video iframe {
pointer-events:none;
}
.v4.page div#page, .v4.single div#page, .v4.single-tribe_events #tribe-events-pg-template {
margin-top: 0px;
padding-top: 160px;
}
.lv4 div#page {
padding-top: 60px;
}
.v4 .banner-video .iframe-holder { height: 100%:
}
.v4 .banner-video { }
.v4 button#mute-toggle {
position: absolute;
bottom: 20px;
left: 20px;
padding: 10px 20px;
background-color: rgba(0, 0, 0, 0.7);
color: white;
border: none;
width: 36px;
height: 36px;
border-radius: 99px;
padding: 0px;    cursor: pointer;
opacity: .7;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.15s cubic-bezier(0.42, 0, 0.19, 0.97);
}
.v4 button#mute-toggle svg {
width: 16px;
height: 16px;
}
.v4 button#mute-toggle:hover {
transform: scale(1.05);
opacity: 1;
transition: all 0.3s cubic-bezier(0.42, 0, 0.19, 0.97);
}
.v4 button#mute-toggle svg path {
fill: #fff;
}
body:not(.home) header#main-header.v4-header {
border-bottom: 1px solid #F5F5F5;
}
.v4 .breadcrumbs {
padding: 16px 0;
gap: 12px;
margin: 0px;
}
.v4 .main-room-area {
position: relative;
padding-top: 54px;
padding-bottom: 98px;
}
.v4 .title-area {
display: flex;
flex-direction: column;
gap: 8px;
}
.v4 .title-area h1.inner-title {
font-family: Poppins;
font-size: 48px;
font-weight: 400;
line-height: 57.6px;
letter-spacing: -0.02em;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #141414;
}
.v4 .title-area h4 {
margin: 0px;
font-family: Poppins;
font-size: 20px;
font-weight: 300;
line-height: 28px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #141414;
}
.v4.home div#page {
padding-top: 40px;
}
.v4 .banner-area {
padding-top: 24px;
margin-bottom: 56px;
position: relative;
gap: 16px;
}
.v4 .banner-area li.banner-slide {
list-style-type: none;
}
.v4 .banner-area {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 16px;
grid-row-gap: 16px;
aspect-ratio: 1216 / 560;
height: auto;
}
.v4 .content-with-sidebar {
display: flex;
justify-content: space-between;
}
.v4 .banner-area li.banner-slide:first-child { grid-area: 1 / 1 / 3 / 3; }
.v4 .banner-area li.banner-slide:nth-child(2) { grid-area: 1 / 3 / 2 / 4; }
.v4 .banner-area li.banner-slide:nth-child(3) { grid-area: 2 / 3 / 3 / 4; }
.v4 .banner-area li.banner-slide img {
width: 100%;
height: 100%;
object-fit: cover;
}
.v4 .content-with-sidebar .floating-sidebar {
width: 100%;
max-width: 493px;
position: sticky;
top: 124px;
height: fit-content;
}
.v4 .main-room-area:before {
content: "";
position: absolute;
width: 100vw;
background: url(https://oagaresorts.com/wp-content/uploads/2024/12/room_lines.png);
height: auto !important;
z-index: -1;
left: 50%;
transform: translateX(-50%);
top: 0;
background-size: 100%;
opacity: 0.7;
aspect-ratio: 1600 / 824;
}
.v4 .breadcrumbs span, .hoara-header .breadcrumbs span {
color: #A3A3A3 !important;
padding: 0 4px 0 6px !important;
}
.v4 .content-with-sidebar .room-content {
max-width: 720px;
gap: 64px;
display: flex;
flex-direction: column;
}
.v4 .content-with-sidebar .room-content > div {
padding: 0px;
}
.v4 .content-with-sidebar .room-content .main-description p {
font-family: Poppins;
font-size: 18px;
font-weight: 300;
line-height: 28px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #424242;
}
.v4 .content-with-sidebar .room-content h3 {
font-family: Poppins;
font-size: 36px;
font-weight: 400;
line-height: 46.8px;
letter-spacing: -0.02em;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
margin-bottom: 16px;
color: #E00059;
}
.v4 .content-with-sidebar .room-content .recommended-for ul li, .v4 .content-with-sidebar .room-content .recommended-for ul li {
font-family: Poppins;
font-size: 18px;
font-weight: 400;
line-height: 28px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #424242;
margin-bottom: 12px;
}
.v4 .content-with-sidebar .room-content .main-description p:last-child {
margin-bottom: 0px;
}
.v4 .content-with-sidebar .room-content .recommended-for ul li:last-child, .v4 .content-with-sidebar .room-content .recommended-for ul:last-child {
margin-bottom: 0px;
}
.v4 .about-room .body {
padding: unset;
}
.v4 .content-with-sidebar .room-content .faq-section {
margin-top: 0px;
}
.v4 details.section-toggler summary::marker {
display: none !important;
}
.v4 details.section-toggler summary {
list-style-type: none;
}
.v4 .toggle-section {
transition: all 0.34s cubic-bezier(0, 0, 0, 0.91);
}
.v4 .toggle-section-div {
box-sizing: border-box;
max-height: 0;
overflow: hidden;
opacity: 0;
transition: all 0.34s cubic-bezier(0, 0, 0, 0.91);
}
.v4 .toggle-section.is-open .toggle-section-div {
max-height: 2000px;
opacity: 1;
padding-top: 4px;
transition: all 0.34s cubic-bezier(0, 0, 0, 0.91);
}
.v4 .faq-list {
gap: 24px;
margin-top: 8px;
}
.v4 .content-with-sidebar .room-content .about-room {
padding: unset !important;
}
.v4 .room-amenities ul.amenities li {
font-family: Poppins;
font-size: 18px;
font-weight: 300;
line-height: 28px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #424242 !important;
}
.v4 .room-amenities ul.amenities {
padding-top: 2px;
}
.v4 .content-with-sidebar .room-content .recommended-for ul {
margin-left: 32px;
}
.v4 .faq-list details > div {
font-family: Poppins;
font-size: 18px;
font-weight: 400;
line-height: 28.8px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #424242;
padding: 0px;
padding-top: 4px;	
}
.v4 .faq-list details {
overflow: hidden;
transition: all 0.28s cubic-bezier(0.42, 0, 0.19, 0.97);
}
.v4 .faq-list details .animated-content {
height: 0;
overflow: hidden;
transition: all 0.28s cubic-bezier(0.42, 0, 0.19, 0.97);
}
.v4 .animated-details[open] .content {
height: auto; overflow: hidden; transition: all 0.28s cubic-bezier(0, 0, 0, 0.91);
}
.v4 .faq-list details[open], .v4 .faq-list details:hover {
transition: all 0.28s cubic-bezier(0, 0, 0, 0.91);
}
.v4 .content-with-sidebar .room-content .faq-section h3 {
margin-bottom: 24px;
}
.v4 .content-with-sidebar .room-content .faq-section details[open] {
}
.v4 .content-with-sidebar .room-content .faq-section details h4 {
padding-left: 0px;
padding-right: 32px;
}
.v4 .content-with-sidebar .room-content .faq-section details {
padding: 0px
}
.v4 .book-room-widget { display: flex;
flex-direction: column;
}
.v4 .book-room-widget-content {
gap: 24px;
padding: 24px 32px;
display: flex;
flex-direction: column;
border: 1px solid #E5E5E5;
border-top: 0px;
}
.v4 span.line-divider {
height: 1px;
background: #D6D6D6;
display: block;
}
.v4 .book-room-widget-texts {
display: flex;
flex-direction: column;
gap: 8px;
}
.v4 .book-room-widget-texts h2 {
margin: 0px;
font-family: Poppins;
font-size: 30px;
font-weight: 400;
line-height: 36px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #141414;
}
.v4 .book-room-widget-texts h4 {
margin: 0px;
font-family: Poppins;
font-size: 18px;
font-weight: 300;
line-height: 28px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #141414;
}
.v4 .book-room-widget-content a.round-button {
background: #FFBD00;
padding: 9px 0;
text-align: center;
border-radius: 24px;
font-family: Poppins;
font-size: 14px;
font-weight: 500;
line-height: 20px;
text-underline-position: from-font;
text-decoration-skip-ink: none;
text-decoration: none;
color: #141414;
transition: all 0.14s cubic-bezier(0.42, 0, 0.19, 0.97);
}
.v4 .book-room-widget-content a.round-button:hover {
color: #fff;
background: #000 !important;
transition: all 0.2s cubic-bezier(0, 0, 0, 0.91);
}
.v4 .book-room-widget img {
aspect-ratio: 493 / 260;
width: 100%;
height: auto;
}
.v4 span.faq-icon svg {
color: #737373;
width: 24px;
height: 24px;
}
.v4 span.faq-icon {
left: unset;
right: 0px;
height: 24px;
top: 50%;
transform: translateY(-50%);
}
.v4 .toggle-div details {
overflow: hidden; }
.v4 .toggle-div summary {
display: block; }
.v4 .toggle-div summary::-webkit-details-marker {
display: none; }
.v4 .toggle-div div.detail-content { 
box-sizing: border-box;
max-height: 0;
overflow: hidden;
opacity:0;
padding-top: 4px;
transition: all 0.34s cubic-bezier(0, 0, 0, 0.91);
}
.v4 .toggle-div details[open] + div.detail-content {
max-height: 720px; opacity: 1;
padding-top: 4px;
transition: all 0.34s cubic-bezier(0, 0, 0, 0.91);
}
.v4 .toggle-div {
background: #F5F5F5;
padding: 24px;
border-radius: 24px;
border: 1px solid #F5F5F5;
}
.v4 .toggle-div {
background: #F5F5F5;
padding: 24px;
border-radius: 24px;
border: 1px solid #F5F5F5;
transition: all 0.34s cubic-bezier(0, 0, 0, 0.91);
}
.v4 .toggle-div.is-open {
transition: all 0.34s cubic-bezier(0, 0, 0, 0.91);
background: #FFF; border: 1px solid #FF009B; }
.v4 .toggle-section details.section-toggler + div.toggle-section-div {
max-height: 0px; opacity: 0;
transition: all 0.28s cubic-bezier(0, 0, 0, 0.91);
margin-bottom: 0;
}
.v4 .toggle-section details.section-toggler[open] + div.toggle-section-div {
max-height: 2000px; opacity: 1;
transition: all 0.44s cubic-bezier(0, 0, 0, 0.91);
}
.v4 .toggle-section details.section-toggler h3 {
display: flex;
align-items: center;
gap: 16px;
cursor: pointer;
justify-content: space-between;
}
.v4 .toggle-div .faq-icon svg {
transition: all 0.18s cubic-bezier(0, 0, 0, 0.91);
}
.v4 .toggle-div:hover .faq-icon svg {
color: #343434;
transition: all 0.24s cubic-bezier(0, 0, 0, 0.91);
}
.v4 .toggle-section details.section-toggler h3 span.toggle-icon path {
transition: all 0.18s cubic-bezier(0, 0, 0, 0.91);
}
.v4 .toggle-section details.section-toggler h3:hover span.toggle-icon path {
transition: all 0.24s cubic-bezier(0, 0, 0, 0.91);
stroke: #343434;
}
.v4 .toggle-section details.section-toggler > summary > h3 > span > svg {
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
}
.v4 .toggle-section details.section-toggler[open] > summary > h3 > span > svg {
transform: rotateZ(180deg);
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
}
.v4 .toggle-section {
max-width: unset;
}
.v4 a#show-all-photos {
position: absolute;
right: 24px;
bottom: 24px;
background: #FFFFFF;
box-shadow: 0px 1px 2px 0px #1018280D;
border-radius: 20px;
padding: 9px 17px 9px 15px;
display: flex;
font-family: Poppins;
font-size: 14px;
font-weight: 500;
line-height: 20px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #141414;
text-decoration: none;
gap: 8px;
align-items: center;
cursor: pointer;
transition: all 0.18s cubic-bezier(0, 0, 0, 0.91);
}
.v4 button.close {
font-size: 0px;
}
.v4 .lightbox img {
transition: opacity 0.18s cubic-bezier(0, 0, 0, 0.91);
}
.v4 button.arrowr, .v4 button.arrowl {
font-size: 0px;
}
.v4 a#show-all-photos path {
transition: all 0.18s cubic-bezier(0, 0, 0, 0.91);
}
.v4 a#show-all-photos:hover path {
transition: all 0.24s cubic-bezier(0, 0, 0, 0.91);
stroke: #fff;
}
.v4 a#show-all-photos:hover {
background: #141414;
color: #fff;
transition: all 0.24s cubic-bezier(0, 0, 0, 0.91);
}
.v4 .breadcrumbs a:hover {
color: #737373 !important;
}
.v4 .lightbox {
z-index: 99999999;
}
.v4 button.splide__arrow.splide__arrow--prev.arrowl, .v4 button.splide__arrow.splide__arrow--next.arrowr {
background: #f5f5f5 !important;
opacity: 1 !important;
width: 48px;
height: 48px;
border-radius: 99px;
padding: 0px !important;
transition: all 0.3s cubic-bezier(0.42, 0, 0.19, 0.97);
pointer-events: all;
}
.v4 button.splide__arrow.splide__arrow--next.arrowr {
position: absolute;
right: 24px;
}
.v4 button.splide__arrow.splide__arrow--prev.arrowl {
position: absolute;
left: 24px;
}
.v4 button.splide__arrow.splide__arrow--prev.arrowl svg {
background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><!--Generated by IJSVG (https://github.com/iconjar/IJSVG)--><g stroke-linecap="round" stroke-width="1.5" stroke="%23323232" fill="none" stroke-linejoin="round"><path d="M19,12h-14"></path><path d="M14,17l5,-5"></path><path d="M14,7l5,5"></path></g><path fill="none" d="M0,0h24v24h-24Z"></path></svg>');
background-repeat: no-repeat;
background-position: center;
stroke: none;
width: 32px;
transform: rotate(180deg);
height: 32px;
}
.v4 button.splide__arrow.splide__arrow--next.arrowr svg {
background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><!--Generated by IJSVG (https://github.com/iconjar/IJSVG)--><g stroke-linecap="round" stroke-width="1.5" stroke="%23323232" fill="none" stroke-linejoin="round"><path d="M19,12h-14"></path><path d="M14,17l5,-5"></path><path d="M14,7l5,5"></path></g><path fill="none" d="M0,0h24v24h-24Z"></path></svg>');
background-repeat: no-repeat;
background-position: center;
stroke: none;
width: 32px;
height: 32px;
}
.v4 .mini-gallery { }
.v4 .close:after, .v4 .close:before {
background: #323232;
width: 2px;
transition: all 0.3s cubic-bezier(0.42, 0, 0.19, 0.97);
}
.v4 .lightbox .splide__arrows {
height: 100%;
position: absolute;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
pointer-events: none;
}
.v4 button.close {
font-size: 0px;
width: 48px;
height: 48px;
background: #f5f5f5;
border: none;
margin: 20px;
transition: all 0.3s cubic-bezier(0.42, 0, 0.19, 0.97);
}
.v4 button.splide__arrow.splide__arrow--prev.arrowl, .v4 button.splide__arrow.splide__arrow--next.arrowr {
transition: all 0.3s cubic-bezier(0.42, 0, 0.19, 0.97);
transition: all 0.3s cubic-bezier(0.42, 0, 0.19, 0.97);
}
.v4 button.splide__arrow.splide__arrow--prev.arrowl:hover, .v4 button.splide__arrow.splide__arrow--next.arrowr:hover, .v4 button.close:hover {
background: #8b26d4 !important;
transition: all 0.32s cubic-bezier(0, 0, 0.57, 0.31);
}
.v4 button.splide__arrow.splide__arrow--prev.arrowl:hover svg, .v4 button.splide__arrow.splide__arrow--next.arrowr:hover svg {
filter: invert(1) brightness(2);
transition: all 0.32s cubic-bezier(0, 0, 0.57, 0.31);
}
.v4 button.close:hover:before, .v4 button.close:hover:after {
background: #fff;
transition: all 0.32s cubic-bezier(0, 0, 0.57, 0.31);
}
.v4 #mini-gallery-popup {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
z-index: 9999999;
}
.v4 .popup-gallery img {
cursor: pointer;
transition: transform 0.3s;
}
.v4 .popup-gallery img:hover {
}
.v4 .popup-gallery img {
width: 100%;
height: 100%;
}
.v4 .popup-content {
background: #fff;
padding: 0px;
max-width: 100%;
max-height: 100%;
overflow-y: auto;
border-radius: 0px;
display: flex;
width: 100%;
height: 100%;
justify-content: center;
}
.v4 .popup-gallery img {
pointer-events: all;
}
.v4 button.close.go-back:before, .v4 button.close.go-back:after {
display: none;
}
.v4 button.close.go-back {
background: #fff0;
right: unset;
left: calc(50vw - 380px);
margin: 20px 0px;
padding:0px;
width: 36px;
}
.v4 button.close.go-back:hover {
transform: translateX(-8px);
background: #fff0 !important;
}
.v4 button.close.go-back svg {
background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><!--Generated by IJSVG (https://github.com/iconjar/IJSVG)--><g stroke-linecap="round" stroke-width="1.5" stroke="%23323232" fill="none" stroke-linejoin="round"><path d="M19,12h-14"></path><path d="M14,17l5,-5"></path><path d="M14,7l5,5"></path></g><path fill="none" d="M0,0h24v24h-24Z"></path></svg>');
background-repeat: no-repeat;
background-position: center;
stroke: none;
width: 32px;
transform: rotate(180deg);
height: 32px;
}
.v4 button.close.go-back:after {
display: none;
}
.v4 .mini-gallery-header {
display: flex;
width: 100%;
height: 88px;
position: absolute;
background: #fff;
z-index: 1;
}
.v4 .popup-gallery {
border-radius: 0px;
display: flex;
flex-wrap: wrap;
width: 100%;
gap: 8px;
padding: 88px 0;
height: fit-content;
padding-left: calc(50vw - 380px);
padding-right: calc(50vw - 380px);
pointer-events: none;
}
.v4 .foot.terms-message {
background: #F5F5F5;
padding: 24px !important;
display: flex
;
flex-direction: column;
gap: 8px;
}
.v4 .foot.terms-message p {
margin: 0px;
font-family: Poppins;
font-weight: 500;
font-style: italic;
font-size: 16px;
line-height: 24px;
letter-spacing: 0%;
color: #424242;
}
.v4.single-offers .title-area {
padding-bottom: 48px;
}
.v4.single-offers .book-room-widget img {
aspect-ratio: 493 / 533;
}
.v4 .foot.terms-message small {
font-family: Poppins;
font-weight: 300;
font-size: 12px;
line-height: 16px;
letter-spacing: 0%;
color: #737373;
}
.v4.single-offers button.splide__arrow.splide__arrow--next, .v4.single-offers button.splide__arrow.splide__arrow--prev {
background: #f5f5f5 !important;
opacity: 1 !important;
width: 38px;
height: 38px;
top: 50% !important;
transition: all 0.3s cubic-bezier(0.42, 0, 0.19, 0.97);
}
.v4.single-offers button.splide__arrow.splide__arrow--next svg {
background-repeat: no-repeat;
background-position: center;
stroke: none;
width: 22px;
height: 22px;
background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><!--Generated by IJSVG (https://github.com/iconjar/IJSVG)--><g stroke-linecap="round" stroke-width="1.5" stroke="%23323232" fill="none" stroke-linejoin="round"><path d="M19,12h-14"></path><path d="M14,17l5,-5"></path><path d="M14,7l5,5"></path></g><path fill="none" d="M0,0h24v24h-24Z"></path></svg>');
}
.v4.single-offers button.splide__arrow.splide__arrow--prev svg {
background-repeat: no-repeat;
background-position: center;
stroke: none;
width: 22px;
height: 22px;
background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><!--Generated by IJSVG (https://github.com/iconjar/IJSVG)--><g stroke-linecap="round" stroke-width="1.5" stroke="%23323232" fill="none" stroke-linejoin="round"><path d="M19,12h-14"></path><path d="M14,17l5,-5"></path><path d="M14,7l5,5"></path></g><path fill="none" d="M0,0h24v24h-24Z"></path></svg>');
}
.v4.single-offers div#splide-banner .splide__arrows.splide__arrows--ltr button {
opacity: 0.4 !important;
transition: all 0.12s cubic-bezier(0.42, 0, 0.19, 0.97);
}
.v4.single-offers div#splide-banner:hover .splide__arrows.splide__arrows--ltr button {
opacity: 1 !important;
transition: all 0.18s cubic-bezier(0, 0, 0.57, 0.31);
}
.v4.single-offers button.splide__arrow:hover {
background: #8b26d4 !important;
transition: all 0.32s cubic-bezier(0, 0, 0.57, 0.31);
}
.v4.single-offers button.splide__arrow:hover svg {
filter: invert(1) brightness(2);
transition: all 0.32s cubic-bezier(0, 0, 0.57, 0.31);
}
.v4 .popup-gallery img:nth-of-type(3n+1) {
object-fit: cover;
width: 100%;
aspect-ratio: 1.25 / 1;
height: auto;
}
.v4 .mini-gallery img {
transition: all 0.18s cubic-bezier(0, 0, 0, 0.9);
}
.v4 .mini-gallery img:hover {
transition: all 0.28s cubic-bezier(0, 0, 0.57, 0.31);
}
.v4 .popup-gallery img:nth-of-type(3n+3), .v4 .popup-gallery img:nth-of-type(3n+2) {
object-fit: cover;
width: calc(50% - 4px);
height: auto;
aspect-ratio: 1.25 / 1;
}
.v4 .mini-gallery img:hover {
filter: brightness(.7);
}
.v4 .content-with-sidebar {
gap: 48px;
}.v4 .content-with-sidebar .floating-sidebar {
min-width: 320px;
}
.v4 div#page {
padding-top: 160px;
}
body.archive.v4 {
background: none !important;
}
.v4.archive section#home-stay {
padding: 112px 0;
}
.v4.archive div#page-title {
padding-top: 0px;
}
.v4.archive .title-section {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 4px;
margin-bottom: 80px;
}
.v4.archive .section-desc {
max-width: 925px;
width: 100%;
}
.v4.archive .section-desc p {
text-align: center !important;
max-width: 100% !important;
font-family: 'Poppins';
font-size: 24px !important;
font-weight: 300;
line-height: 33.6px !important;
text-underline-position: from-font;
text-decoration-skip-ink: none;
}
.v4.archive div#page-title p.section-title {
font-family: Poppins;
font-size: 60px;
font-weight: 400;
line-height: 72px;
letter-spacing: -0.02em;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
}
.v4.archive ul.splide__list li.room-card {
height: auto !important;
aspect-ratio: 600 / 480;
}
.v4.archive #home-stay div#page-title p {
text-align: center !important;
max-width: 100%;
width: 100%;
}
.v4.archive ul.splide__list li.room-card {
width: 100% !important;
max-width: calc(50% - 12px) !important;
overflow: hidden !important;
}
.v4.archive ul.splide__list li.room-card a {
position: relative !important;
}
.v4.archive.post-type-archive-rooms #home-stay div#page-title p.section-title-small {
color: #FF7900 !important;
}
.v4.archive.post-type-archive-rooms #home-stay {
overflow: visible;
}
.v4.archive.post-type-archive-rooms #home-stay:before {
content: "";
position: absolute;
width: 100vw;
background: url(https://oagaresorts.com/wp-content/uploads/2024/12/room_lines.png);
height: auto !important;
z-index: -1;
left: 50%;
transform: translateX(-50%);
top: 0;
background-size: 100%;
aspect-ratio: 1600 / 824;
opacity: .7;
}
.lv4 section#home-more-section.v4-more-section p.section-title {
display: flex
;
}
.v4.archive.post-type-archive-rooms .page-content h2, .v4.archive.post-type-archive-rooms .page-content h2 span {
color: #FF7900;
}
.lv4 section#home-more-section.v4-more-section {
border-top: 1px solid #E5E5E5;
}
.v4 .page-content {
margin: 80px auto !important;
max-width: 800px;
}
.v4 .page-content h2:not(:first-child) {
margin-top: 64px;
border-top: 1px solid #D6D6D6;
max-width: 100%;
padding-top: 64px;
margin-bottom: 16px;
font-family: Poppins;
font-size: 36px;
font-weight: 400;
line-height: 46.8px;
letter-spacing: -0.02em;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
}
.v4 .page-content h2:not(:first-child) {
margin-top: 64px;
border-top: 1px solid #D6D6D6;
}
.v4.archive.post-type-archive-rooms #home-stay {
padding-bottom: 0px;
}
.v4 .page-content p {
max-width: 100%;
font-family: Poppins;
font-size: 18px;
font-weight: 300;
line-height: 28px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
}
.v4 section#offers {
background: none;
padding: 112px 0 80px !important;
position: relative;
}
.v4.archive section#offers {
border-bottom:0px;
}
.v4.archive #offers .page-content {
margin-top: 92px !important;
margin-bottom: 56px !important;
}
.v4.archive #offers .page-content p {
color: #424242 !important;
}
.v4.archive #offers .page-content h2, .v4.archive #offers .page-content h2 span {
color: #ff009b;
}
.v4.archive #offers .page-content h2 {
font-family: Poppins;
font-size: 36px;
font-weight: 400;
line-height: 46.8px;
letter-spacing: -0.02em;
text-align: left !important;
text-underline-position: from-font;
text-decoration-skip-ink: none;
}
.v4.archive section#offers:before {
content: "";
position: absolute;
width: 100vw;
background: url(https://oagaresorts.com/wp-content/uploads/2024/12/room_lines.png);
height: auto !important;
z-index: -1;
left: 50%;
transform: translateX(-50%);
top: 0;
background-size: 100%;
aspect-ratio: 1600 / 824;
opacity: .7;
}
.v4.archive div#page-title p.section-title-small {
font-size: 18px !important;
line-height: 28px !important;
}
.v4.archive #page-title p, .v4.archive #page-title h1 span {
font-size: 60px !important;
font-weight: 400 !important;
line-height: 72px !important;
letter-spacing: -0.02em !important;
text-align: center !important;
color: #141414 !important;
}
.v4.archive.post-type-archive-offers div#page-title p.section-title-small {
color: #ff009b !important;
font-weight: 500 !important;
}
.v4.post-type-archive-offers div#page-title {
margin-bottom: 0px;
}
.v4.post-type-archive-offers .title-section {
margin-bottom: 56px !important;
}
.v4 ul#splide-offers-list li {
aspect-ratio: 389.33 / 422;
height: auto !important;
}
.v4 .countdowner-badge {
z-index: 1;
background: #121212;
color: #fff !important;
border-radius: 99px;
display: flex;
padding: 8px 12px;
width: fit-content;
gap: 4px;
}
.v4 .countdowner-badge i {
align-items: center;
display: flex;
}
.v4 span.countdowner , .v4 span.countdownerMobile {
gap: 4px;
display: flex;
}
.v4 .countdowner-badge span.countdowner , .v4 .countdowner-badge span.countdownerMobile{
display: flex;
font-family: Poppins;
font-size: 18px;
font-weight: 600;
line-height: 28px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
}
img.hoara-banner-logo {
position: absolute;
top: -144px;
left: 50%;
transform: translateX(-50%);
}
section.hoara-header.grid-container.container {
margin-bottom: 104px;
}
.hoara-container .title-area {
margin-top: 132px;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.hoara-container .title-area h1.inner-title {
font-family: 'Archivo';
font-size: 60px;
font-weight: 800;
line-height: 72px;
letter-spacing: -0.02em;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #141414;
margin-bottom: 8px;
}
.page-template-hoara-template .header-logo, .page-template-hoba-template .header-logo {
width: 230px !important;
}
.lv4.page-template-hoara-template div#page {
padding-top: 160px;
}
.hoara-banner {
width: 100vw;
height: 400px;
overflow: hidden;
}
.hoara-banner img.hoara-banner-logo {
width: 100%;
height: 100%;
object-fit: cover;
}
.hoara-header .breadcrumbs {
padding-top: 32px;
}
.page-template-hoara-template .header-logo a, .page-template-hoba-template .header-logo a {
position: relative;
width: 110px;
height: 68px;
}
.page-template-hoara-template .header-logo a:before, .page-template-hoba-template .header-logo a:before {
content: "";
width: 1.5px;
height: 48px;
background: #F15353;
position: absolute;
top: 10px;
right: -25.5px;
}
.page-template-hoara-template .header-logo a:after {
content: "";
width: 68px;
height: 68px;
position: absolute;
display: block;
background: url(https://oagaresorts.com/wp-content/themes/oaga-child/images/hoara-header-logo.png);
background-size: contain;
top: 0;
right: -118px;
}
.page-template-hoba-template .header-logo a:after {
content: "";
width: 68px;
height: 68px;
position: absolute;
display: block;
background: url(https://oagaresorts.com/wp-content/themes/oaga-child/images/hoba%20icon.png);
background-size: contain;
top: 0;
background-repeat: no-repeat;
right: -118px;
}
.hoara-header {
text-align: center;
margin-bottom: 40px;
}
.hoara-category {
position: relative;
}
.hoara-activity {
display: flex
;
height: 481px;
border: 1px solid #D6D6D6;
background: #fff;
}
.hoara-category-header {
z-index: -2;
display: flex
;
align-items: center;
margin-bottom: 160px;
position: relative;
}
.hoara-category-header img.hoara-icon {
width: 50px;
height: 50px;
margin-right: 10px;
}
.hoara-activities {
gap: 20px;
}
.hoara-activity img.hoara-activity-image {
width: 100%;
height: 100%;
object-fit: cover;
}
.hoara-activity-info {
padding: 32px;
display: flex
;
flex-direction: column;
}
.hoara-activity h3 {
font-size: 18px;
margin-bottom: 10px;
}
.v4 .breadcrumbs a, .v4 .breadcrumbs p, .v4 #page-title .breadcrumbs a, .v4 #page-title .breadcrumbs p, .hoara-header .breadcrumbs a, .hoara-header .breadcrumbs p {
color: #A3A3A3 !important;
font-size: 14px !important;
line-height: 20px !important;
height: unset !important;
}
.hoara-container .title-area h4 {
font-family: Archivo;
font-size: 20px;
font-weight: 400;
line-height: 28px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
margin-bottom: 32px;
color: #141414;
}
.hoara-container .title-area h4 span.hoara-red {
color: #F15353;
}
.hoara-container .title-area p {
font-family: Archivo;
font-size: 20px;
font-weight: 400;
line-height: 28px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #737373;
}.hoar-category-header-content img {
margin: 0px !important;
width: 286px !important;
height: 286px !important;
object-fit: contain;
}
.hoar-category-header-content {
width: 100%;
max-width: 1216px;
margin: 0 auto;
align-items: center;
display: flex
;
justify-content: space-between;
}
.hoar-category-header-content .icon-container {
height: 86px;
display: flex
;
align-items: center;
justify-items: center;
}
.hoara-category-header {
background: #F15353;
}
.hoara-category:before {
content: "";
width: 100%;
height: 100%;
display: flex
;
background: url(https://oagaresorts.com/wp-content/themes/oaga-child/images/hoara-bg.png);
position: absolute;
z-index: -1;
top: 86px;
background-size: 100%;
background-repeat: no-repeat;
}
.hoar-category-header-content h2 {
font-family: Archivo;
font-size: 32px;
font-weight: 800;
line-height: 38.4px;
letter-spacing: -0.02em;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #fff;
margin: 0;
}
.hoara-category {
background: #fff; }
#book-cant-message {
box-shadow: 0px 4px 6px -2px #10182808;
box-shadow: 0px 12px 16px -4px #10182814;
background: #fff;
border: 1px solid #E5E5E5;
max-width: 680px;
left: 50%;
transform: translate(-50%, -50%);
top: 50%;
padding: 48px 32px 32px;
position: fixed;
}
#book-cant-message button.close {
top: 0 !important;
margin: 0px !important;
background: none !important;
padding: 28px;
}
.book-cant-container {
background: #0001;
opacity:0;
position:fixed;
pointer-events: none;
z-index: 1000000;
width: 100vw;
height: 100vh;
left: 50%;
transform: translate(-50%, -50%); top: 50%;
transition: opacity 0.12s ease-in-out, transform 0.12s ease-in-out, visibility 0s 0.12s;
}
#book-cant-message {
transform: translate(-50%, -50%) translateY(40px); transition: opacity 0.12s ease-in-out, transform 0.12s ease-in-out, visibility 0s 0.12s;
}
.book-cant-container.show {
opacity: 1;
pointer-events: auto;
display: block; transition: opacity 0.28s ease-in-out, transform 0.28s ease-in-out, visibility 0s 0.12s;
}
.book-cant-container.show #book-cant-message {
transform: translate(-50%, -50%) translateY(0); transition: opacity 0.28s ease-in-out, transform 0.28s ease-in-out, visibility 0s 0.12s;
}
div#book-cant-message .close:after, div#book-cant-message .close:before {
background: #000;
}
div#book-cant-message .close:hover:after, div#book-cant-message .close:hover:before {
background: #ff0047;
}
.v4 .content-with-sidebar .room-content h2 {
font-family: Poppins;
font-size: 40px;
font-weight: 400;
line-height: 46.8px;
letter-spacing: -0.02em;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
margin-bottom: 16px;
}
.v4.single-offers .countdowner-badge {
position: absolute;
top: 24px;
left: 24px;
}
.tribe-events .tribe-events-calendar-month__multiday-event-bar.events-item {
position: absolute;
} .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__day {
width: calc(1 / 7 * 100% - 4px);
display: inline-block;
min-width: unset !important;
}
@media only screen and (min-width:1216px) {
.v4 section#banner {
padding-top: 180px !important;
margin-top: -100px;
aspect-ratio: 1217 / 684.56;
height: auto;
}
}
@media only screen and (max-width:1512px) {
.v4.archive section#offers .splide {
padding: 0 16px !important;
}
.v4 span.separator {
margin-left: 16px !important;
margin-right: 16px !important;
width: calc(100% - 32px) !important;
}
.v4-header .header-end {
right: 16px;
}
.lv4 div#gt_float_wrapper {
left: 16px;
}
.v4-header a#floating-logo {
left: 16px;
}
.v4 #home-stay button.splide__arrow.splide__arrow--prev {
left: 16px !important;
}
.v4 #home-stay button.splide__arrow.splide__arrow--next {
right: 16px !important;
}
}
@media only screen and (max-width:1464px) {
.v4 .breadcrumbs {
padding: 16px;
}.v4 .main-room-area {
padding-left: 16px;
padding-right: 16px;
}
.v4 #home-stay ul#splide-stay-list li:first-child { }
.v4 .site-footer.footer-bar-active.footer-bar-align-right, .v4 section#home-more-section {
padding-left: 20px !important;
padding-right: 20px !important;
}
.v4 #home-stay ul#splide-stay-list li:last-child {
width: 800px !important;
}
}
@media only screen and (max-width:1440px) {
.web-v3 .splide__arrow--prev {
left: 20px!important;
scale: 1!important;
}
.web-v3 .splide__arrow--next {
right: 20px!important;
scale: 1!important;
}
}@media only screen and (max-width:1400px) {
section#home-rooms .room-image {
width: 100%}
section#home-rooms .tab section.tabs {
max-width: 49%}
section#home-rooms .tab nav {
max-width: 46%}
.about-room .body {
padding: 1rem;
margin: 0 -.5rem;
}
}@media only screen and (max-width:1264px) {
.v4 div#splide-offers-new {
padding: 0 16px;
}
.v4 #home-stay ul#splide-stay-list li:last-child a {
width: 100%;
}
.v4 #home-stay .room-card, .v4 #home-stay ul#splide-stay-list li:last-child {
width: 70vw !important;
height: auto;
aspect-ratio: 800 / 480;
}
.v4 .parallax-cards {
padding: 0 16px;
}
#stay .page-content {
padding-left: 16px;
padding-right: 16px;
}
.web-v3 .event-list-page {
padding: 1.5rem 16px;
}
.web-v3 .tribe-events-view .event-title-desc-area, .web-v3.archive section.archive-listing-section, .web-v3.blog section.archive-listing-section, .web-v3.post-type-archive-rooms div#page-title {
padding-left: 24px;
padding-right: 24px;
}
.web-v3.archive section#offers, .web-v3.archive section.archive-listing-section, .web-v3.blog section.archive-listing-section {
padding: 200px 24px 160px;
}
.web-v3 div#our-collaborators {
margin: 80px -24px 0;
padding: 60px 24px 140px;
}
div#title-and-book {
padding: 0 16px;
}
}@media only screen and (max-width:1216px) {
.web-v3 .splide, body.page-template-default div#page, body.page-template-default-template div#page {
overflow: hidden;
}
.glide_data .grid-container .title-area, .grid-container, .inside-header.grid-container, .logo-book-row, .related-rooms .about-room, .subscribe-bar-content.grid-container, section#home-about, section#home-featured {
padding-left: 1rem;
padding-right: 1rem;
}
.experiences-bg, section#banner {
width: calc(100% + 2rem);
margin: 0 -1rem;
}
div#title-and-book .banner-book-button {
bottom: unset!important;
}
div#banner-title h1 {
font-size: 40px;
line-height: 52px;
max-width: 480px;
}
div#title-and-book {
gap: 24px;
margin-top: -248px;
}
.web-v3 section#offers .grid-container p.section-title, .web-v3 section.card-list-section .grid-container p.section-title {
padding: 0 12px;
font-size: 52px;
}
body.web-v3.floating div#header-bar-logo-only .header-logo {
padding-right: 20px!important;
}
.post-type-archive-album div#page, .web-v3 .site-footer.footer-bar-active.footer-bar-align-right, body.web-v3.floating div#header-bar .header-bar-container.grid-container {
padding: 0;
}
.web-v3 div#header-bar, body.web-v3 div#header-bar-logo-only {
height: 60px;
}
.v4-header div#header-bar{
height: 44px;
}
.web-v3 div#header-bar-logo-only .header-bar-container.grid-container {
height: 100%}
.web-v3 .header-end, .web-v3 .header-logo {
width: 60px;
}
.web-v3 section#banner .splide {
height: 100%!important;
}
.web-v3 section#banner .banner-book-button {
bottom: 40px;
height: auto!important;
}
.web-v3 section#banner {
height: 600px!important;
margin: 0!important;
}
.v4 section#banner {
height: auto !important;
}
.web-v3 div#splide-banner-mobile-track, .web-v3 div#splide-banner-track {
HEIGHT: 100%!important;
}
.web-v3 .header-logo img {
object-fit: contain!important;
height: auto!important;
width: 100%!important;
margin-bottom: 4px;
}
.web-v3 .header-logo a {
height: 100%!important;
display: flex;
align-items: end;
}
body.web-v3.floating div#header-bar-logo-only img.small-floating-logo {
display: block!important;
width: 48px!important;
height: auto;
margin: 0;
}
.web-v3 .card-list-section ul.splide__list li a .tall-card-title span.support-text span.more-text {
margin-top: 8px;
font-size: 14px;
}
.web-v3 .card-list-section ul.splide__list li a .tall-card-title, .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide a .tall-card-title {
gap: 20px;
}
.web-v3 section#stay ul.splide__list li a .tall-card-title span.more-text {
margin-top: 16px;
font-size: 14px;
}
.web-v3 .card-list-section ul.splide__list li a .tall-card-title span.support-text {
gap: 4px;
gap: 6px;
}
.web-v3 .card-list-section ul.splide__list li a .tall-card-title p.card-title, .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide a .tall-card-title p.card-title, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide a .tall-card-title p.card-title {
font-size: 16px;
line-height: 20px!important;
}
.web-v3 ul#splide-offers-list li .tall-card-title {
padding: 12px 16px;
max-width: min(280px, calc(100% - 40px));
}
.web-v3 section#home-more-section .footer-big-menu ul#menu-footer-menu-big li a {
font-size: 16px!important;
padding: 16px 20px 15px!important;
}
.web-v3 .copyright-bar, .v4 ul.footer-menu-items li a {
font-size: 14px!important;
}
.v4 ul.social-icons a i {
width: 20px !important;
height: 20px !important;
background-size: contain !important;
}
.web-v3 div#header-bar nav.main-nav-center a {
font-size: 16px;
padding: 16px 12px;
display: flex;
align-items: center;
}
.v4-header div#header-bar nav.main-nav-center a {
font-size: 14px;
color: #000;
padding: 0 12px;
}
.web-v3 .splide {
max-width: min(1216px, 100%);
}
.web-v3 section#stay ul.splide__list li a .tall-card-title .card-title {
font-size: 28px;
line-height: 150%}
.web-v3 section#home-more-section .section-title {
font-size: 52px;
}
.web-v3 .banner-book-button {
bottom: 40px;
}
.web-v3 .card-list-section ul.splide__list li a .tall-card-title p.card-title, .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide a .tall-card-title p.card-title {
font-size: 20px;
line-height: 24px;
}
.web-v3 section#home-book-footer {
padding: 60px 0;
}
.web-v3 section#home-book-footer .section-title {
font-size: 52px;
line-height: 150%;
margin-bottom: 40px;
}
.web-v3 .card-list-section ul.splide__list li a img {
height: 180px;
}
.web-v3 .card-list-section ul.splide__list li a .tall-card-title span.support-text p, .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide a .tall-card-title span.support-text p {
font-size: 14px;
line-height: 20px;
}
.web-v3 .card-list-section ul.splide__list li, .web-v3 ul#splide-offers-list li {
height: auto!important;
width: calc(100%/3 - 20px)!important;
aspect-ratio: 390/540;
}
.web-v3 a.square-button.big-button {
font-size: 24px;
padding: 12px 36px;
}
.web-v3 ul#splide-offers-list li .tall-card-title p.card-title {
font-size: 18px;
line-height: 26px;
}
.web-v3 .splide__arrow--prev {
left: 20px!important;
scale: 1!important;
}
.web-v3.rtl .splide__arrow--prev {
right: 20px!important;
left: unset!important;
scale: 1!important;
}
.web-v3 .splide__arrow--next {
right: 20px;
scale: 1!important;
}
.web-v3.rtl .splide__arrow--next {
right: unset!important;
left: 20px;
scale: 1!important;
}
.post-type-archive-eat .big-cards .big-card {
height: 900px;
}
img.room-arwork.room-arwork2 {
bottom: -320px;
}
section#home-featured {
margin: 0 -1rem;
}
img.about-artwork.about-artwork-desktop {
width: 1240px;
left: -420px;
}
.site-footer.footer-bar-active.footer-bar-align-right .inside-site-info.grid-container {
margin-left: 1rem;
margin-right: 1rem;
padding-left: 0;
padding-right: 0;
}
section#home-about {
margin-left: -1rem;
margin-right: -1rem;
}
.infinite-slider #slides {
row-gap: 6rem;
max-width: 1614px;
}
.related-rooms {
margin-bottom: 8rem;
}
.contact-bar {
max-width: calc(100vw - 1.5rem);
}
.offer-cards .offer-card {
height: auto;
aspect-ratio: 389/424;
}
.offer-detail-content {
padding-top: 4rem;
padding-bottom: 8rem;
}
.offer-detail-content .right-side .inclusions {
margin-top: 3.25rem;
}
.post-type-archive-offers section#offer-listing, .post-type-archive-rooms #content.site-content, section#eat-listing {
padding-top: 5rem;
padding-bottom: 8rem;
}
section#home-rooms {
margin: 0 -1rem;
padding: 6.5rem 1rem;
}
section#home-offers {
margin: 0 -1rem;
padding: 5rem 1rem 8rem;
}
section#home-experiences {
padding-bottom: 9rem;
}
.glide .glide__arrows, main#scroll-cards {
padding: 0 1rem;
}
.related-rooms main#scroll-cards section.scroll-card {
max-width: calc(480px + 1.5rem);
}
.infinite-slider .slide .behind-polaroid, .infinite-slider .slide .card {
aspect-ratio: 390/536;
height: auto;
width: 330px;
}
#loaded-photos .polaroid-cards>div {
aspect-ratio: 390/536;
height: 100%;
width: 330px;
}
.infinite-slider .slide .polaroid-cards {
aspect-ratio: 510/536;
height: auto;
width: 450px;
}
#loaded-photos .polaroid-cards>div img, .infinite-slider .slide img {
width: 282px;
aspect-ratio: 324/440;
height: auto;
}
.post-type-archive-album .opened #page-title {
margin: 0 1rem;
}
div#loaded-photos .polaroid-card-thumbs {
width: 1024px;
grid-gap: 16.5px;
margin-top: calc(-456px + -2.5rem);
}
.infinite-slider .slide.opened .polaroid-cards .polaroid-0 {
transform: translate(calc(-138px - 120px - 28px), 8rem);
}
.infinite-slider .slide.opened .polaroid-cards .polaroid-1 {
transform: translate(calc(444.5px - 38px), 8rem);
}
.opened .infinite-slider #slides {
width: 1024px;
}
.infinite-slider .slide:nth-child(3n-2) .polaroid-cards {
margin-right: 3rem;
}
.infinite-slider .slide:nth-child(3n) .polaroid-cards {
margin-left: 3rem;
}
.infinite-slider .slide:nth-child(3n-2).opened .polaroid-cards .card {
left: 21px;
}
.infinite-slider .slide:nth-child(3n).opened .polaroid-cards .card {
left: 102px;
}
.infinite-slider .slide:nth-child(3n).opened .polaroid-cards .polaroid-0 {
transform: translate(calc(-98px - 120px - 28px), 8rem);
}
.infinite-slider .slide:nth-child(3n).opened .polaroid-cards .polaroid-1 {
transform: translate(calc(485.5px - 38px), 8rem);
}
.infinite-slider .slide:nth-child(3n-2).opened .polaroid-cards .polaroid-0 {
transform: translate(calc(-177px - 120px - 28px), 8rem);
}
.infinite-slider .slide:nth-child(3n-2).opened .polaroid-cards .polaroid-1 {
transform: translate(calc(406.5px - 38px), 8rem);
}
.event-list-page .tribe-common-l-container.tribe-events-l-container {
width: 524px;
}
.event-list-column {
max-width: 430px;
}
img.offers-artwork.offers-artwork1 {
width: 1550px;
top: -195px;
}
img.offers-artwork.offers-artwork2 {
bottom: -260px;
width: 1780px;
left: calc(608px - 1780px);
}
.web-v3.floating .header-logo a {
align-items: center;
}
body.web-v3.floating div#header-bar nav.main-nav-center a {
padding: 0 12px;
line-height: 48px;
}
.web-v3 div#inner-page .left-content {
width: 480px;
padding: 144px 72px 76px 54px;
}
.web-v3 div#inner-page .right-slider {
max-width: calc(100vw - 480px);
}
.v4-header .header-end {
width: auto !important;
}
.v4-header .header-logo {
width: 117px;
}
.v4 .banner-video .iframe-holder {
margin-top: 0px;
}
}
@media only screen and (max-width:1100px) {
.v4 section#home-stay {
padding: 120px 0 140px;
}
a.special-link img {
width: 136px;
}
.post-type-archive-eat .big-cards .big-card {
height: 936px;
}
#home-experiences .experiences-homegrid>div .experience-image {
width: 240px;
height: auto;
}
#home-experiences .experiences-homegrid .experiences-list {
flex-grow: 1;
}
img.room-arwork.room-arwork1 {
left: -280px;
top: -300px;
}
img.room-arwork.room-arwork2 {
bottom: -780px;
right: 0;
}
.logo-book-row .round-book a.get-a-room-btn, a.get-a-room-btn {
font-size: .75rem;
padding: .5rem .72rem;
}
.round-book a.offers-link {
font-size: .75rem;
}
.round-book .main-ctas {
gap: .75rem;
}
#quadmenu.quadmenu-generatepress .quadmenu-navbar-nav>li.quadmenu-item>a {
font-size: .75rem!important;
}
#quadmenu.quadmenu-is-horizontal.quadmenu-align-center .quadmenu-navbar-nav>li:not(:last-child) a>span:before {
top: 6px;
}
img.offers-artwork.offers-artwork1 {
width: 1420px;
top: -140px;
}
img.offers-artwork.offers-artwork2 {
width: 1600px;
left: calc(608px - 1680px);
}
img.about-artwork.about-artwork-desktop {
left: -460px;
}
}@media only screen and (max-width:1024px) {
.home-check-availability .availability-check {
max-width: 820px!important;
}
.featured-items>div, body.home .featured-items>div {
width: calc(50% - 2.25rem);
}
.page-template-faq-template #page-title h1 {
padding: 0;
}
.faq-list {
margin-top: 3rem;
}
.faq-map img {
margin-top: 1rem;
margin-bottom: 2rem;
}
.blog div#primary .site-main, .post-type-archive-journal div#primary .site-main, .tax-journal-type div#primary .site-main {
grid-template-columns: 1fr 1fr;
}
body.single-rooms div#page:before {
top: 440px;
}
#home-experiences .experiences-homegrid>div .experience-image {
width: 200px;
height: auto;
}
.infinite-slider .slide .behind-polaroid.rotate-1 {
transform: rotate(-2.79deg);
}
.infinite-slider .slide .behind-polaroid.rotate-2 {
transform: rotate(-6.79deg);
}
.infinite-slider .slide .behind-polaroid.rotate-3 {
transform: rotate(6.27deg);
}
.infinite-slider .slide .behind-polaroid.rotate-4 {
transform: rotate(2.86deg);
}
.infinite-slider .slide .behind-polaroid.rotate-5 {
transform: rotate(4.12deg);
}
.infinite-slider .slide .behind-polaroid.rotate-6 {
transform: rotate(-3.72deg);
}
.infinite-slider .slide .behind-polaroid.rotate-7 {
transform: rotate(-2.86deg);
}
.infinite-slider .slide .behind-polaroid.rotate-8 {
transform: rotate(3.2deg);
}
.infinite-slider .slide .behind-polaroid.rotate-9 {
transform: rotate(-4.1deg);
}
.infinite-slider .slide .behind-polaroid.rotate-10 {
transform: rotate(2.1deg);
}
.infinite-slider .slide .polaroid-cards {
aspect-ratio: 510/536;
height: auto;
width: 292px;
}
#loaded-photos .polaroid-cards>div, .infinite-slider .slide .behind-polaroid, .infinite-slider .slide .card {
width: 270px;
padding: 1rem 1rem 0;
}
.infinite-slider #slides {
row-gap: 4rem;
}
div#loaded-photos .polaroid-card-thumbs {
width: 880px;
grid-gap: 2.175rem;
margin-top: calc(-290px + -2.5rem);
}
.infinite-slider .slide .entry-content h1 {
padding-top: 0;
font-size: 1.75rem;
line-height: 1rem;
}
.opened .infinite-slider #slides {
width: 880px;
}
.infinite-slider .slide.opened .polaroid-cards .card {
left: 11px;
}
.infinite-slider .slide.opened .polaroid-cards .polaroid-0 {
transform: translate(calc(-146px - 120px - 28px), 8rem);
}
.infinite-slider .slide.opened .polaroid-cards .polaroid-1 {
transform: translate(calc(354px - 38px), 8rem);
}
.infinite-slider .slide:nth-child(3n-2).opened .polaroid-cards .card {
left: -84.5px;
}
.infinite-slider .slide:nth-child(3n-2).opened .polaroid-cards .polaroid-0 {
transform: translate(calc(-241px - 120px - 28px), 8rem);
}
.infinite-slider .slide:nth-child(3n-2).opened .polaroid-cards .polaroid-1 {
transform: translate(calc(259px - 38px), 8rem);
}
div#loaded-photos .polaroid-cards::after {
content: "";
flex: 0 1 270px;
}
.infinite-slider .wrapper {
padding-bottom: 5rem;
padding-top: 5.25rem;
}
.infinite-slider .slide:nth-child(3n).opened .polaroid-cards .card {
left: 106px;
}
.infinite-slider .slide:nth-child(3n).opened .polaroid-cards .polaroid-0 {
transform: translate(calc(-51px - 120px - 28px), 8rem);
}
.infinite-slider .slide:nth-child(3n).opened .polaroid-cards .polaroid-1 {
transform: translate(calc(448.5px - 38px), 8rem);
}
.post-type-archive-album section#offer-listing {
padding-top: 5rem;
}
.related-rooms {
margin-bottom: 6rem;
padding-top: 2.75rem;
}
.room-detail-content .right-side {
max-width: 340px;
}
.availability-check .row, .availability-check .row.pax {
flex-direction: column;
}
.home .availability-check .row {
flex-direction: row;
}
.related-rooms main#scroll-cards section.scroll-card {
max-width: calc(410px + 1.25rem);
height: 260px;
}
.related-rooms main#scroll-cards {
height: 260px;
gap: 1.25rem;
}
section.scroll-card a.room-item .entry-title {
font-size: 1.75rem;
line-height: 2rem;
}
.glide.full-width {
height: 540px;
}
a.room-item>div {
padding: 3rem 2.75rem;
}
section#home-rooms .room-image {
aspect-ratio: 540/420;
}
.big-cards .big-card .entry-content h1.entry-title {
font-size: 2rem;
}
.offer-cards .offer-card {
height: auto;
aspect-ratio: 340/424;
}
.offer-detail-content .left-side img.featured-image {
aspect-ratio: 493/560;
height: auto;
}
.offer-detail-content {
padding-top: 1.25rem;
padding-bottom: 5rem;
}
.post-type-archive-offers section#offer-listing, .post-type-archive-rooms #content.site-content, section#eat-listing {
padding-top: 4rem;
padding-bottom: 6rem;
}
.tribe-events-view .event-title-desc-area {
padding: 5.25rem 0 4.5rem;
}
.home-check-availability .availability-check input, .home-check-availability .availability-check label {
font-size: .75rem!important;
}
.home-check-availability .availability-check form {
gap: 2.5rem;
}
.home-check-availability .availability-check .row label .right-arrow {
margin: 0 .6rem;
}
.home-check-availability .availability-check .row.dates label .label {
padding-right: .75rem;
}
.home-check-availability .availability-check .row.pax .number {
gap: .25rem;
}
.glide_data .grid-container .title-area h1 {
font-size: 3.5rem;
}
.glide_data .grid-container .title-area h4 {
FONT-SIZE: 1rem;
line-height: 1.5rem;
}
.room-detail-content .description-features h1 {
font-size: 3.25rem!important;
}
.room-amenities ul.amenities li, .room-detail-content .description-features ul.features li {
font-size: 1rem;
line-height: 1.5rem;
}
.room-detail-content .description-features ul.features {
gap: 2rem;
}
.room-detail-content {
padding-top: 5rem;
gap: 3.5rem;
}
.page-template-faq-template #page-title h1, .post-type-archive-album #page-title h1, .post-type-archive-diving #page-title h1, .post-type-archive-eat #page-title h1, .post-type-archive-excursions #page-title h1, .post-type-archive-experiences #page-title h1, .post-type-archive-facilities #page-title h1, .post-type-archive-rooms #page-title h1, .post-type-archive-spa #page-title h1 {
font-size: 4rem;
padding-bottom: 2.5rem;
}
.page-content h2 {
font-size: 3rem;
}
.event-list-page {
gap: 32px;
}
.event-list-column {
max-width: 370px;
}
.event-list-page .tribe-common-l-container.tribe-events-l-container {
max-width: 480px;
}
.subscribe-bar .subscribe-bar-content.grid-container:after {
right: -160px;
}
img.about-artwork.about-artwork-desktop {
left: -500px;
}
.home #home-rooms div#page-title h1 {
font-size: 7.5rem;
}
.home #home-rooms div#page-title {
max-width: 410px;
}
section#home-rooms .tab nav {
padding-top: 310px;
}
}@media only screen and (max-width:940px) {
.v4.archive #home-stay div#page-title, 
.v4.archive #offers div#page-title  {
padding-top: 0px !important;
}
.v4.archive #home-stay, .v4.archive #offers {
padding-top: 32px !important;
}
body.web-v3.floating.ru div#header-bar nav.main-nav-center a {
font-size: 14px;
}
.web-v3 div#our-collaborators {
margin: 80px -16px 0;
padding: 60px 16px 140px;
}
.web-v3.archive section.archive-listing-section, .web-v3.blog section.archive-listing-section {
padding-left: 16px;
padding-right: 16px;
}
.web-v3.archive section#offers {
padding: 180px 16px 100px;
}
.web-v3.post-type-archive-rooms div#page-title {
padding-left: 16px;
padding-right: 16px;
padding-top: 200px;
}
.web-v3.archive section#stay {
padding-top: 20px;
}
.web-v3 div#inner-page .left-content {
width: 420px;
padding: 136px 52px 56px 44px;
}
.web-v3 div#inner-page .right-slider {
max-width: calc(100vw - 420px);
}
a.special-link img {
width: 116px;
}
.post-type-archive-eat .big-cards {
display: flex;
gap: 24px;
flex-direction: column;
}
.post-type-archive-eat .big-cards .big-card:first-child {
height: 840px;
}
.post-type-archive-eat .big-cards .big-card {
height: 750px;
}
#home-experiences .experiences-homegrid>div .experience-image {
width: 160px;
height: auto;
}
img.room-arwork.room-arwork1 {
width: 500px;
top: -220px;
}
img.room-arwork.room-arwork2 {
width: 600px;
right: 20px;
}
img.room-arwork.room-arwork3 {
width: 420px;
right: -200px;
}
img.offers-artwork.offers-artwork2 {
width: 1500px;
}
.logo-book-row a.get-a-room-btn {
font-size: .65rem;
padding: .4rem .575rem;
}
.main-ctas {
gap: .475rem;
}
#quadmenu .quadmenu-navbar-nav li.quadmenu-item .quadmenu-item-content {
padding: 0 .75rem!important;
}
img.offers-artwork.offers-artwork1 {
width: 1400px;
top: -90px;
}
img.about-artwork.about-artwork-desktop {
left: -540px;
width: 1240px;
}
.home #home-rooms div#page-title h1 {
font-size: 6.5rem;
line-height: 6.5rem;
}
.home #home-rooms div#page-title {
max-width: 380px;
}
section#home-rooms .tab nav {
padding-top: 280px;
}
#home-experiences .experiences-homegrid .experiences-list p {
font-size: .75rem;
line-height: 1.25rem;
}
#home-experiences .experiences-homegrid .experiences-list .entry-title, #home-experiences .experiences-homegrid .experiences-list h1 {
line-height: 1.5rem;
font-size: 1rem;
}
section#home-experiences a.show-all, section#home-experiences a.show-all path {
color: #141414;
display: none;
stroke: #141414;
}
.logo-book-row .round-book a.get-a-room-btn {
display: none;
}
div#mobile-booking-bar {
display: flex;
}
.hi-launcher-container {
bottom: 10px!important;
}
div#mobile-booking-bar form {
flex-grow: 1;
}
}.gallerybox .grid-container {
padding-bottom: 3rem!important;
padding-top: 3rem!important;
}
.post-type-archive-album .lightbox img {
max-width: calc(100vw - .75rem);
}
span.book-button {
display: flex;
width: 100%;
background: url(https://oagaresorts.com/wp-content/themes/oaga-child/images/checkavailibilityartwork.svg) 0 0/cover no-repeat #ffc900;
border-radius: 1.5rem;
padding: 3px;
}
@media only screen and (max-width:880px) {
.big-cards, div#mobile-booking-bar {
display: flex;
}
.web-v3.single section#home-book-footer .section-title {
max-width: 310px;
}
.web-v3.single-journal .inside-article h1.entry-title, .web-v3.single-post .inside-article h1.entry-title {
margin-top: 40px;
}
.web-v3.archive div#page-title h1.section-title, .web-v3.blog div#page-title h1.section-title {
font-size: 48px;
line-height: 100%}
.web-v3 div#inner-page.fifty-fifty .left-content {
width: 100%!important;
}
.web-v3 div#inner-page.fifty-fifty .right-slider {
max-width: 100%}
.web-v3.single-artist .featured-image, .web-v3.single-tribe_events .featured-image {
margin: 0 auto!important;
max-height: unset;
width: 100%;
display: block;
}
.web-v3 .contact-form label span {
opacity: 1;
margin: 0;
}
.web-v3.page-template-contact-template form.wpcf7-form {
padding: 16px 0;
}
.web-v3.page-template-contact-template div#inner-page {
flex-direction: column;
padding-top: 80px;
}
.web-v3 .address-sections {
gap: 80px;
margin-top: 40px;
align-items: flex-start!important;
}
.web-v3 div#inner-page {
flex-direction: column-reverse;
justify-content: flex-end;
}
.web-v3 div#inner-page .left-content {
width: 100%;
max-width: 720px;
padding: 80px 44px;
}
.web-v3 div#inner-page .right-slider {
position: relative;
width: 100%;
max-width: 100%;
height: auto;
aspect-ratio: 1920/1080;
}
.web-v3.single-tribe_events div#inner-page .right-slider {
aspect-ratio: unset;
min-height: unset;
}
.web-v3 .card-list-section ul.splide__list li {
aspect-ratio: 390/600;
}
.web-v3 .card-list-section ul.splide__list li a img {
height: 130px!important;
}
body.web-v3.floating div#header-bar a.square-button.big-button.nav-book {
font-size: 16px;
padding: 0;
}
.web-v3 section#home-book-footer .section-title {
font-size: 44px;
line-height: 140%;
margin-bottom: 28px;
}
.web-v3 section#home-more-section .section-title {
font-size: 44px;
}
.web-v3 section#home-book-footer {
padding: 50px;
}
.image-left-offer h3 {
font-size: 24px;
line-height: 32px;
margin: 10px 0 14px;
}
.image-left-offer ul {
font-size: 14px;
line-height: 24px;
margin-bottom: 44px;
margin-left: 20px;
}
.pop-up-text {
padding: 28px;
}
.image-left-offer p {
font-size: 14px;
line-height: 22px;
margin-bottom: 12px;
}
.hi-widget-container .hi-webchat-container iframe {
padding-bottom: 160px!important;
}
.hi-launcher-container {
bottom: 10px!important;
}
div#menu-event {
max-width: calc(100% - 30px);
margin: 0 auto;
}
.page-template-faq-template #page-title h1 {
margin-bottom: 0!important;
padding-bottom: 1rem;
}
body.single-rooms div#page:before {
top: 400px;
}
section#home-rooms .tab nav {
padding-top: 260px;
}
.home #home-rooms div#page-title h1 {
font-size: 6rem;
line-height: 6rem;
}
.home #home-rooms div#page-title {
max-width: 320px;
}
img.offers-artwork.offers-artwork2 {
width: 1400px;
left: calc(608px - 1680px);
bottom: -120px;
}
img.offers-artwork.offers-artwork1 {
width: 1360px;
}
.subscribe-bar .subscribe-bar-content.grid-container:after {
width: auto;
height: 100%;
aspect-ratio: 898/167;
object-fit: contain!important;
right: -540px;
}
.site-footer.footer-bar-active.footer-bar-align-right {
padding-bottom: 5.5rem;
}
div#mobile-booking-bar form .form-inputs {
flex-direction: row;
justify-content: center;
gap: 32px;
}
div#mobile-booking-bar form {
flex-grow: 1;
}
.blog div#primary .site-main, .post-type-archive-journal div#primary .site-main, .tax-journal-type div#primary .site-main {
margin: 4rem 0 6rem;
grid-template-columns: 1fr 1fr;
}
.event-list-column {
max-width: 300px;
}
.event-title-desc-area .event-h1, .event-title-desc-area h1 {
font-size: 3.5rem;
line-height: 3.5rem;
}
.faq-list summary h4 {
font-size: 1.425rem;
line-height: 1.75rem;
}
.about-room p, .body li, .faq-list details>div {
font-size: 1rem;
line-height: 1.5rem;
}
.page-template-default .inside-article .entry-content:not(:first-child), .page-template-default-template .inside-article .entry-content:not(:first-child) {
margin-bottom: 4rem;
}
.page-template-default .inside-article p, .page-template-default-template .inside-article p {
font-size: 1.25rem;
margin: 0 auto 2rem;
}
.page-template-default .inside-article h1, .page-template-default-template .inside-article h1, .page-template-faq-template .inside-article h1 {
font-size: 3.5rem!important;
line-height: 3.5rem!important;
}
.infinite-slider .slide.opened, .opened .infinite-slider #slides {
width: 100%}
#loaded-photos .polaroid-cards>div:first-child {
margin-top: 0;
order: -2;
}
.post-type-archive-album .opened #page-title h1#album-title {
padding-bottom: 1.5rem;
height: 7rem;
width: 100%;
max-width: 440px;
}
.infinite-slider .slide.opened:nth-child(3n), .infinite-slider .slide.opened:nth-child(3n-2) {
transform: translateX(0);
}
.infinite-slider .slide.opened .polaroid-cards .card, .infinite-slider .slide:nth-child(3n).opened .polaroid-cards .card, .infinite-slider .slide:nth-child(3n-2).opened .polaroid-cards .card {
left: calc(-135px - .25rem);
}
.infinite-slider .slide.opened .polaroid-cards .polaroid-0, .infinite-slider .slide:nth-child(3n).opened .polaroid-cards .polaroid-0, .infinite-slider .slide:nth-child(3n-2).opened .polaroid-cards .polaroid-0 {
transform: translate(calc(134px + 2rem), 0);
}
.infinite-slider .slide.opened .polaroid-cards .polaroid-1, .infinite-slider .slide:nth-child(3n).opened .polaroid-cards .polaroid-1, .infinite-slider .slide:nth-child(3n-2).opened .polaroid-cards .polaroid-1 {
transform: translate(calc(-135px - .25rem), 400px);
}
#loaded-photos .polaroid-cards>div.last-polaroid:nth-child(3n-2), #loaded-photos .polaroid-cards>div:nth-child(3n-1) {
margin-top: 0;
}
.infinite-slider #slides {
row-gap: 4rem;
width: 100%;
column-gap: 3.25rem;
justify-content: center;
}
.post-type-archive-album .opened #page-title {
display: flex;
flex-direction: column-reverse;
align-items: center;
}
.post-type-archive-album a.back-to-gallery {
left: unset;
position: relative;
top: -2.5rem;
font-size: .875rem;
}
.post-type-archive-album a.back-to-gallery svg {
height: 11px;
width: 11px;
}
div#loaded-photos .polaroid-card-thumbs {
width: 100%;
grid-gap: 2.25rem;
margin-top: calc(-416px + -2.5rem);
justify-content: center;
}
#loaded-photos .polaroid-cards>div, .infinite-slider .slide {
width: 270px;
}
.infinite-slider .slide:nth-child(3n-2) .polaroid-cards {
margin-right: unset;
}
.infinite-slider .slide:nth-child(3n), .infinite-slider .slide:nth-child(3n-2) {
align-content: center;
}
.infinite-slider .slide:nth-child(3n) .polaroid-cards {
margin-left: unset;
}
.infinite-slider .wrapper {
padding-bottom: 5rem;
padding-top: 1rem;
}
.opened .infinite-slider .wrapper {
padding-bottom: 7rem;
padding-top: 7rem;
margin-top: -2rem;
}
.glide_data .grid-container .title-area, section#home-about, section#home-offers {
padding-bottom: 3.5rem;
}
.post-type-archive-album section#offer-listing {
padding-top: 4rem;
}
.gallerybox .grid-container {
padding-top: 0!important;
padding-bottom: 2.5rem!important;
}
.gallerybox .close {
float: unset;
z-index: 1;
background: #fff;
border-radius: 0;
width: 100%;
height: 3rem;
}
.gallerybox {
padding: 0;
}
.about-room, .room-amenities {
padding-bottom: 1rem;
}
.gallerybox .close:after, .gallerybox .close:before {
height: 1.25rem;
right: 1.25rem;
left: unset;
}
.glide.full-width {
height: 500px;
}
.room-detail-content {
padding-top: 3rem;
gap: 0;
}
.home .offer-cards .offer-card:last-child, .logo-book-row .round-book a.get-a-room-btn, .room-detail-content .right-side {
display: none;
}
.room-amenities {
padding-top: 1.25rem;
}
.room-detail-content .description-features h1 {
font-size: 3rem!important;
}
.about-room p, .body li {
margin-bottom: 1.25rem;
}
.related-rooms main#scroll-cards section.scroll-card {
max-width: calc(360px + 1rem);
height: 240px;
}
.related-rooms main#scroll-cards {
height: 240px;
gap: 1rem;
}
section.scroll-card a.room-item .entry-title {
font-size: 1.5rem;
line-height: 1.75rem;
}
section.scroll-card a.room-item p.by-line {
font-size: .9rem;
line-height: 1rem;
}
.related-rooms a.room-item>div {
padding: 1.75rem;
}
a.room-item>div {
padding: 2.5rem 2.25rem;
}
a.room-item .entry-title {
font-size: 2rem;
}
.home div#page-title .page-title-h1, .home div#page-title h1 {
font-size: 3.25rem;
}
section#home-rooms .tab ul.features li {
margin-bottom: 1rem;
}
.home .home-check-availability {
display: none!important;
}
.big-cards {
gap: 24px;
flex-direction: column;
}
.main-navigation #quadmenu.quadmenu-generatepress.quadmenu-is-horizontal.js .quadmenu-navbar-nav>li.quadmenu-item {
height: 3.5rem;
}
#quadmenu .quadmenu-navbar-nav li.quadmenu-item .quadmenu-item-content {
padding: 0 .75rem!important;
}
#quadmenu.quadmenu-generatepress .quadmenu-navbar-nav>li.quadmenu-item>a {
font-size: .75rem!important;
}
.big-cards .big-card .entry-content h1.entry-title {
font-size: 2.25rem;
}
.subscribe-bar-content.grid-container {
flex-direction: column;
gap: 1.25rem;
align-items: flex-start;
}
.offer-detail-content .right-side h1 {
font-size: 3.25rem;
line-height: 3.75rem;
}
.offer-cards {
grid-template-columns: 1fr 1fr;
}
.offer-cards .offer-card {
height: auto;
aspect-ratio: 389/424;
}
.offer-detail-content .left-side img.featured-image {
aspect-ratio: 470/560;
height: auto;
}
.offer-detail-content .right-side {
max-width: 410px;
}
.delay-1 {
animation-delay: .3s;
}
.delay-2 {
animation-delay: .35s;
}
.delay-3 {
animation-delay: .4s;
}
.delay-4 {
animation-delay: 425ms;
}
.delay-5 {
animation-delay: .45s;
}
.delay-6 {
animation-delay: 475ms;
}
.delay-7 {
animation-delay: .5s;
}
.delay-8 {
animation-delay: .5125s;
}
.delay-9 {
animation-delay: 525ms;
}
.delay-10 {
animation-delay: .55s;
}
.delay-11 {
animation-delay: .5625s;
}
.delay-12 {
animation-delay: 575ms;
}
.delay-13 {
animation-delay: .5875s;
}
.delay-14 {
animation-delay: .6s;
}
.delay-15 {
animation-delay: .61s;
}
.delay-16 {
animation-delay: .62;
}
.delay-17 {
animation-delay: 625ms;
}
.delay-18 {
animation-delay: .63s;
}
.delay-19 {
animation-delay: .6325s;
}
.delay-20 {
animation-delay: .65s;
}
.delay-21 {
animation-delay: 675ms;
}
.delay-22 {
animation-delay: .7s;
}
.delay-23 {
animation-delay: 705ms;
}
.delay-24 {
animation-delay: .71s;
}
.delay-25 {
animation-delay: .7125s;
}
section#home-offers {
padding-top: 5rem;
}
section#home-about {
padding-top: 3.5rem;
}
section#home-rooms {
padding-top: 6rem;
padding-bottom: 6rem;
}
section#home-experiences {
padding-bottom: 5rem;
}
#banner .soliloquy-container .soliloquy-viewport, #banner .soliloquy-container .soliloquy-wrap li, #banner .soliloquy-wrapper, section#banner, section#banner>div {
height: 500px!important;
}
img.about-artwork.about-artwork-desktop {
left: -570px;
width: 1200px;
bottom: -720px;
}
.web-v3 section#stay ul.splide__list li a .tall-card-title {
width: 200px;
height: 200px;
}
.web-v3 .card-list-section ul.splide__list li a:hover img {
height: 160px!important;
}
}@media only screen and (max-width:800px) {
.v4.single-offers .countdowner-badge {
position: absolute;
top: 20px;
left: 20px;
}
.v4 .featured-image.mobile-only {
aspect-ratio: 493 / 533 !important;
height: auto !important;
width: 100% !important;
overflow: hidden;
position: relative;
object-fit: contain;
}
.v4 .featured-image.mobile-only img {
object-fit: cover;
}
.lv4.page-template-hoara-template div#page {
padding-top: 60px !important;
}
.hoara-category-header img.hoara-icon {
width: 130% !important;
height: auto;
max-width: unset;
}
.hoar-category-header-content .icon-container {
position: absolute;
right: 0;
width: 33%;
aspect-ratio: 1 !important;
height: 160px;
z-index: -1;
}
.hoara-banner {
height: 240px;
}
section.hoara-header.grid-container.container {
margin-bottom: 72px;
}
.hoar-category-header-content .icon-container {
height: 68px;
}
.hoar-category-header-content {
padding: 16px;
}
.hoara-category:before {
top: 68px !important;
}
.hoara-activity {
flex-direction: column;
height: auto;
}
.hoara-activity > div {
width: 100% !important;
}
.hoar-category-header-content h2 {
font-size: 28px !important;
line-height: 36px !important;
}
.hoara-container .title-area h1.inner-title {
font-size: 36px !important;
line-height: 44px !important;
}
.hoara-container .title-area p {
font-size: 16px;
line-height: 24px;
}
.hoara-container .title-area h4 {
font-size: 16px;
line-height: 24px;
}
img.hoara-banner-logo {
width: 200px;
top: -100px;
}
.hoara-container .title-area {
margin-top: 88px;
}
.v4 .book-room-widget-texts {
justify-content: center;
}
.v4 .content-with-sidebar .floating-sidebar {
position: fixed;
bottom: 0px !important;
top: unset;
background: #fff;
max-width: unset;
width: 100vw;
left: 0;
z-index: 10;
border-top: 1px solid #F5F5F5;
}
.v4 .book-room-widget-content {
padding: 12px 16px;
flex-direction: row;
justify-content: space-between;
}
.v4 .book-room-widget-texts h4 {
display: none;
}
.v4 .book-room-widget-content a.round-button {
display: flex
;
justify-items: center;
align-items: center;
line-height: 16px;
border-radius: 16px;
font-size: 12px;
padding: 6px 18px !important;
}
.v4 .book-room-widget-texts h2 {
font-size: 12px;
line-height: 20px;
}
.v4 .content-with-sidebar .floating-sidebar img {
display: none;
}
.v4 .room-amenities ul.amenities {
margin-top: 16px;
}
.v4 .banner-area {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.v4 .banner-area li.banner-slide:nth-child(2), .v4 .banner-area li.banner-slide:nth-child(3) {
width: calc(50% - 4px);
}
.v4 .content-with-sidebar {
flex-direction: column;
gap: 72px;
}
.v4 .banner-area li.banner-slide {
display: flex;
}.v4 a#show-all-photos {
font-size: 12px;
padding: 3px 7px 3px 9px;
border-radius: 10px !important;
gap: 4px;
right: 12px;
bottom: 12px;
}
.v4 a#show-all-photos svg {
width: 10px;
height: 10px;
}
.v4 .banner-area {
aspect-ratio: unset !important;
}
.v4 .banner-area li.banner-slide:first-child {
aspect-ratio: 1.75 / 1;
}
.v4 .toggle-section details.section-toggler h3 {
margin: 0px !important;
}
.v4.single div#page {
padding-top: 68px;
}
.v4 .breadcrumbs a, .v4 .breadcrumbs p {
font-size: 12px !important;
line-height: 18px !important;
}
.v4 .content-with-sidebar .room-content .main-description p {
font-size: 16px;
line-height: 26px;
}
.v4 .breadcrumbs {
gap: 6px;
}
.v4 .toggle-section.is-open .toggle-section-div > * {
margin-top: 8px;
}
.v4 .toggle-div {
padding: 12px 16px;
border-radius: 12px;
}
.v4 .content-with-sidebar .room-content .faq-section details h4 {
font-size: 18px;
line-height: 24px;
}
.v4 .banner-area {
margin-bottom: 40px;
}
.v4 .room-amenities ul.amenities li {
font-size: 16px;
line-height: 26px;
}
.v4 .content-with-sidebar .room-content .recommended-for ul li, .v4 .content-with-sidebar .room-content .recommended-for ul li {
font-size: 16px;
line-height: 26px;
margin-bottom: 0px;
}
.v4 .content-with-sidebar .room-content {
gap: 48px;
}
.v4 .content-with-sidebar .room-content h3 {
font-size: 24px;
line-height: 36px;
}
.v4 .content-with-sidebar .room-content h2 {
font-size: 28px;
line-height: 36px;
margin: 0px;
}
.v4 .room-amenities ul.amenities {
row-gap: 12px;
}
.v4 .title-area h1.inner-title {
font-size: 36px;
line-height: 44px;
}
.v4 .title-area h4 {
font-size: 16px;
line-height: 24px;
}
.v4 .main-room-area {
padding-top: 16px;
padding-bottom: 60px;
}
.v4 section#banner {
height: auto !important;
aspect-ratio: 16 / 9;
}
.lv4 div#page-title {
padding-top: 60px !important;
}
.v4.page.home div#page {
padding-top: 0px;
}
body.v4.mobile-menu-is-on {
overflow-y: hidden;
}
.v4 div#splide-offers-new li a, .v4.archive #offers li a {
padding: 16px;
}
.v4 div#splide-offers-new li a .tall-card-title p.card-title, .v4.archive #offers li a .tall-card-title p.card-title {
font-size: 20px;
line-height: 26px;
}
.v4 div#splide-offers-new li {
width: calc(1 / 3* 100% - 12px);
}
.v4 div#splide-offers-new li a .tall-card-title p.by-line, .v4.archive #offers li a .tall-card-title p.by-line {
font-size: 12px;
line-height: 20px;
}
.v4 div#splide-offers-new li {
width: calc(1 / 3* 100% - 12px);
aspect-ratio: 390 / 480;
}
.v4 div#splide-offers-new li a:hover .tall-card-title p.by-line, .v4.archive #offers li a:hover .tall-card-title p.by-line {
max-height: 40px;
}
.v4 div#splide-offers-new ul.splide__list, .v4 #offers ul.splide__list {
gap: 16px;
}
.v4-header nav.main-nav-center {
display: none !important;
}
.v4-header .right.quarter.mobile-menu {
display: flex;
position: absolute;
left: 0px;
bottom: 0px;
}
header#main-header.v4-header {
max-height: 60px;
padding: 16px 16px;
}
.v4-header div#header-bar {
top: 16px;
}
.v4-header .right.quarter.mobile-menu a.toggle-nav {
display: flex !important;
color: #121212;
padding: 22px 20px 22px;
}
.v4-header .right.quarter.mobile-menu:after {
width: 2px;
height: 16px;
content: "";
background: #e5e5e5;
display: block;
position: absolute;
top: 24px;
left: 52px;
mix-blend-mode: multiply;
}
.v4-header div#header-bar-logo {
height: 27px;
}
.v4-header div#header-bar-logo .header-bar-container.grid-container {
height: 27px;
}
.v4-header .header-logo a {
display: flex;
align-items: center;
}
.v4-header .header-logo {
width: 60px !important;
}
.lv4 div#gt_float_wrapper {
left: 72px;
top: 13.5px !important;
}
.v4 section#banner {
padding-top: 60px !important;
height: auto !important;
}
body.floating .v4-header div#header-bar {
animation: none !important;
}
.lv4.floating div#gt_float_wrapper {
animation: none !important;
}
.v4-header a#floating-logo {
display: none !important;
}
.quadmenu-dropdown-menu {
max-width: 740px!important;
margin-left: -370px!important;
}
#menu-event .event-list-page {
flex-direction: row;
}
.event-list-page .tribe-common-l-container.tribe-events-l-container {
min-height: unset;
max-width: 540px;
width: 100%;
margin: 0 auto;
}
.event-list-page {
flex-direction: column;
}
.event-list-column {
max-width: 540px;
margin: 0 auto 6rem!important;
display: block;
}
.event-list-page .event-list-column .events-occasions-list {
border: none;
}
.floating .v4-header div#header-bar-logo {
animation: none !important;
}
.v4-header div#header-bar {
animation: none !important;
height: 40px;
}
body.floating .v4-header div#header-bar {
animation: none !important;
background: none !important;
height: 40px !important;
}
.v4 .banner-video .iframe-holder {
height: 100%;
}
header#main-header.v4-header {
height: 60px !important;
padding: 16px 16px;
}
.floating header#main-header.v4-header {
height: 60px !important;
padding: 16px 16px;
}
.lv4 div#gt_float_wrapper {
animation: none ! IMPORTANT;
}
.v4-header .right.quarter.mobile-menu a.toggle-nav {
padding: 22px 20px 22px;
}
header#main-header.v4-header {
border-bottom: 1px solid #f5f5f5;
}
.v4-header div#header-bar {
border-bottom: none !important;
}
body.floating .v4-header div#header-bar {
padding-bottom: 12px !important;
}
body.floating .v4-header div#header-bar .header-end a.square-button.big-button.nav-book {
padding: 2px 14px !important;
height: unset !important;
}
nav.mobile-nav-holder.mobile-menu-on.v4-mobile .right.quarter.mobile-menu a.toggle-nav {
color: #121212 !important;
display: inline-block !important;
}
nav.mobile-nav-holder.v4-mobile .right.quarter.mobile-menu {
position: absolute;
display: block !important;
right: 0px;
}
nav.mobile-nav-holder.v4-mobile {
z-index: 1000000 !important;
}
nav.mobile-nav-holder.mobile-menu-on.v4-mobile {
display: block;
width: 100vw;
transform: translatex(0);
height: 100vh;
animation: 0.48s cubic-bezier(0.54, 0.14, 0.62, 0.85) slideFromLeft;
z-index: 1000000;
position: fixed;
top: 0;
pointer-events: all;
}
.v4-mobile ul#menu-mobile-menu a {
text-align: center;
font-family: Poppins;
font-style: normal;
font-size: 18px;
line-height: 32px;
color: #000;
padding: 4px 18px;
position: relative;
background: none !important;
transition: all 0.3s cubic-bezier(0.42, 0, 0.19, 0.97);
font-weight: 500;
}
.v4-mobile .mobile-nav {
height: 100%;
overflow-y: scroll;
}
.v4-mobile ul#menu-mobile-menu li a:hover:before {
top: 1px;
}
.v4-mobile nav.mobile-nav-holder .right.quarter.mobile-menu:after {
display: none;
}
.v4-mobile ul#menu-mobile-menu a:before {
flex: none;
left: 0;
position: absolute;
top: calc(50.00000000000002% - 4px / 2);
width: 100%;
height: 100%;
max-width: 4px;
max-height: 4px;
z-index: 0;
content: "";
background: #000;
border-radius: 99px;
transform-origin: 50% 50% 0px;
will-change: auto;
transition: all 0.3s cubic-bezier(0.42, 0, 0.19, 0.97);
}
.v4-mobile ul#menu-mobile-menu a:hover {
color: #fff !important;
z-index: 0 !important;
}
.v4-header div#header-bar nav.main-nav-center a.yellow-block:hover, .v4-mobile ul#menu-mobile-menu li:nth-child(2) a:hover {
color: #000 !important;
}
.v4-header ul#menu-mobile-menu li:nth-child(2) a:hover, .v4-mobile ul#menu-mobile-menu li:nth-child(9) a:hover {
color: #ff7900;
}
.v4-header ul#menu-mobile-menu li:nth-child(10) a:hover, .v4-mobile ul#menu-mobile-menu li:nth-child(3) a:hover {
color: #ff0047;
}
.v4-header ul#menu-mobile-menu li:nth-child(11) a:hover, .v4-mobile ul#menu-mobile-menu li:nth-child(4) a:hover {
color: #0096ff;
}
.v4-header ul#menu-mobile-menu li:nth-child(12) a:hover, .v4-mobile ul#menu-mobile-menu li:nth-child(5) a:hover {
color: #00ce99;
}
.v4-mobile ul#menu-mobile-menu li:nth-child(6) a:hover {
color: #ff009b;
}
.v4-mobile ul#menu-mobile-menu li:nth-child(7) a:hover {
color: #8b26d4;
}
.v4-mobile ul#menu-mobile-menu li:nth-child(8) a:hover {
color: #ffbd00;
}
nav.mobile-nav-holder.v4-mobile {
display: block;
z-index: 1000;
position: fixed;
width: 100vw;
height: 100vh;
top: 0;
transform: translatex(-100vw);
pointer-events: none;
animation: 0.4s cubic-bezier(0.54, 0.14, 0.62, 0.85) slideToLeft;
}
.v4-mobile ul#menu-mobile-menu {
height: 100%;
width: 100%;
background: #fff;
margin: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 28px;
list-style-type: none;
min-height: min-content;
padding: 32px 0;
}
nav.mobile-nav-holder.v4-mobile .right.quarter.mobile-menu {
bottom: unset !important;
top: 0px;
}
.page-template-hoara-template .header-logo a, .page-template-hoba-template .header-logo a {
width: 48px !important;
}
}
div#splide-stay-mobile {
display: none !important;
}
@media only screen and (max-width:768px) {
.v4 .countdowner-badge span.countdowner , .v4 .countdowner-badge span.countdownerMobile{
font-size: 12px;
line-height: 18px;
}
.v4 .countdowner-badge i svg {
height: 18px;
width: 14px;
}
.v4 .countdowner-badge {
padding: 4px 8px;
gap: 2px;
}
.v4 .popup-gallery {
padding: 64px 8px;
}
.v4 .mini-gallery-header {
height: 64px;
}.v4 button.close.go-back {
margin: 14px 0;
left: 8px;
}
.v4 section#discover-oaga {
padding: 120px 0 100px;
}
.v4 .parellax img {
max-height: 2000px;
}
.v4 div#splide-offers-new li a:hover {
transform: translateY(0px);
}
.v4 section#home-offers-new {
padding-top: 120px;
}
.v4 .mobile-title-section div#page-title {
text-align: center;
align-items: center;
}
.v4 .mobile-title-section div#page-title p {
text-align: center;
width: 100%;
max-width: unset;
}.v4 div#splide-offers-new li a .tall-card-title p.card-title {
font-size: 24px;
line-height: 32px;
}
.v4 div#splide-offers-new li a:hover .tall-card-title p.by-line {
font-size: 14px;
line-height: 24px;
max-height: 48px;
}
.v4 div#splide-offers-new li, .v4.archive #offers ul#splide-offers-list li.splide__slide.offer-card {
width: 100% !important;
aspect-ratio: 390 / 422;
}
.v4 section#home-stay .section-desc p {
max-width: 100%;
text-align: center;
padding: 0 20px;
}
.v4.archive .section-desc p {
font-size: 16px !important;
line-height: 24px !important;
}
.v4 .mobile-title-section {
display: flex !important;
flex-direction: column;
padding: 0 16px;
align-items: center;
padding-bottom: 52px;
}
.v4.archive .title-section {
margin-bottom: 48px !important;
}
.v4 div#page {
padding-top: 60px;
}
div#splide-stay {
display: none !important;
}
div#splide-stay-mobile {
display: flex !important;
}
.v4 #home-stay ul#splide-stay-list li:first-child {
display: none !important;
transform: none !important;
}
.v4 section#home-stay {
padding: 90px 0 100px;
}
#banner .splide__arrows.splide__arrows--ltr button {
margin-top: 0px;
top: 238px;
opacity: 1;
}
#banner .splide__arrows.splide__arrows--ltr button svg path {
stroke-width: 1.5px;
}
.web-v3 .splide__arrow--next, .web-v3rtl .splide__arrow--prev {
scale: 0.75!important;
right: 6px!important;
}
.web-v3 .splide__arrow {
opacity: 1;
}
.web-v3 .splide__arrow svg path {
stroke-width: 1.5px;
}
div#banner-title h1 {
font-size: 36px;
line-height: 44px;
max-width: 420px;
}
#banner .splide__arrows.splide__arrows--ltr button { }
div#title-and-book .banner-book-button a.square-button.big-button {
font-size: 20px;
padding: 8px 20px;
}
div#title-and-book {
height: max-content!important;
margin-top: -212px;
}
.web-v3 .image-left-offer h2 {
font-size: 32px;
line-height: 40px;
}
.image-left-offer h3, .web-v3 .image-left-offer h3 {
font-size: 20px;
line-height: 28px;
}
.web-v3.archive #people-listing div#page-title h1.section-title {
margin-bottom: 32px;
}
.web-v3.tax-journal-type.archive section.archive-listing-section {
padding-top: 160px;
}
.web-v3 .faq-map {
padding-top: 80px;
}
.lv4 .faq-map {
padding-top: 0px !important;
}
.web-v3.archive div#page-title h1.section-title, .web-v3.blog div#page-title h1.section-title {
font-size: 48px;
line-height: 100%}
.web-v3 .journal-buttons {
margin-top: 12px;
margin-bottom: 20px;
}
.web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide {
width: calc((100% / 2) - 10px);
}
.web-v3.archive section#offers {
padding: 160px 16px 80px;
}
.web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide a .tall-card-title span.support-text span.more-text {
font-size: 14px;
margin-top: 8px;
}
.web-v3 .tribe-events-view .event-title-desc-area {
padding: 140px 16px 20px;
}
body.web-v3.floating div#header-bar-logo-only .header-logo {
padding-right: 12px!important;
}
body.web-v3.floating div#header-bar a.square-button.big-button.nav-book {
line-height: 48px;
font-size: 12px;
padding: 0;
}
.web-v3 .header-end, .web-v3 .header-logo {
width: 40px;
}
.web-v3 div#header-bar nav.main-nav-center a {
font-size: 10px;
padding: 16px 8px;
}
.web-v3 div#header-bar, body.web-v3 div#header-bar-logo-only {
height: 40px;
}
#quadmenu:not(.quadmenu-is-horizontal) .quadmenu-navbar-nav li.quadmenu-item>a>.quadmenu-item-content>.quadmenu-caret, .featured-bg.desktop, .logo-book-row .round-book, .main-navigation #quadmenu.quadmenu-generatepress .quadmenu-navbar-nav>li:not(.quadmenu-item-type-button):last-child>a>.quadmenu-item-content:before, .related-rooms main#scroll-cards.caro-slides, .web-v3 div#header-bar .web-v3 .header-bar-container, button.menu-toggle span.mobile-menu, div#menu-event .event-list-column .event-summary-section, div#menu-event .event-title-desc-area, header#masthead, section#home-experiences a.show-all, section#home-experiences a.show-all path {
display: none;
}
.web-v3 a.square-button.big-button {
font-size: 16px;
padding: 8px 20px;
}
.web-v3 ul#splide-offers-list li .tall-card-title p.card-title {
font-size: 14px;
line-height: 24px;
}
.web-v3 section#stay ul.splide__list li a .tall-card-title span.more-text {
font-size: 12px;
margin-top: 12px;
}
.web-v3 section#home-book-footer .section-title, .web-v3 section#home-more-section .section-title, .web-v3 section#offers .grid-container p.section-title, .web-v3 section.card-list-section .grid-container p.section-title {
font-size: 36px;
}
.web-v3 .card-list-section ul.splide__list li a .tall-card-title, .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide a .tall-card-title {
gap: 16px;
gap: 12px;
padding: 16px;
}
.web-v3 .card-list-section ul.splide__list li a .tall-card-title span.support-text p, .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide a .tall-card-title span.support-text p {
font-size: 12px;
line-height: 18px;
}
.web-v3 .splide__arrow--prev {
scale: 0.75!important;
left: 6px!important;
}
.web-v3.rtl .splide__arrow--next {
scale: 0.75!important;
left: 6px!important;
right: unset!important;
}
.web-v3rtl .splide__arrow--prev {
left: unset!important;
}
.rtl.web-v3 .card-list-section ul.splide__list, .web-v3 .card-list-section ul.splide__list, .web-v3 ul#splide-offers-list {
gap: 16px;
margin: 0!important;
}
.web-v3.home section#home-more-section .footer-big-menu ul#menu-footer-menu-big {
margin-bottom: 16px;
}
.web-v3 section#home-more-section {
gap: 16px;
}
.lv4 section#home-more-section {
gap: 40px;
}
.web-v3 section#home-more-section ul#menu-footer {
row-gap: 8px;
}
.web-v3 section#home-more-section ul#menu-footer li a {
font-size: 12px;
line-height: 16px;
}
.web-v3 section#home-more-section .footer-big-menu ul#menu-footer-menu-big li a {
font-size: 14px!important;
padding: 12px 16px!important;
}
.web-v3 section#stay ul.splide__list li a .tall-card-title .card-title {
font-size: 20px;
line-height: 32px;
}
.web-v3 section#banner {
height: 500px!important;
}
.v4 section#banner {
height: auto !important;
}
.post-type-archive-journal div#primary .site-main>div, .tax-journal-type div#primary .site-main>div {
margin: 6rem 0 8rem;
display: grid;
gap: 24px;
grid-template-columns: repeat(2, 1fr);
}
a.special-link img {
width: 96px;
}
nav#quadmenu {
z-index: 2;
}
#quadmenu:not(.quadmenu-is-horizontal) .quadmenu-navbar-nav li.quadmenu-item.open:not(.closing)>.quadmenu-dropdown-menu>ul.quadmenu-row {
margin-bottom: 100px;
height: max-content;
}
.address-sections {
flex-direction: column;
align-items: center;
}
.contact-map {
margin-bottom: 6rem;
height: 400px;
}
.contact-map iframe {
max-height: 100%}
.address-sections>div {
width: 100%;
max-width: 400px;
}
.v4.post-type-archive-rooms div#splide-stay {
display: flex !important
;
}
.v4.archive #home-stay .room-card {
width: 100% !important;
max-width: 100% !important;
}
.v4.post-type-archive-rooms div#splide-stay {
display: flex !important
;
padding: 0 12px;
}
.v4.archive #home-stay .tall-card-title p.card-byline {
max-width: 80%;
}
.v4.archive #home-stay .tall-card-title {
padding: 20px !important;
}
.v4.archive #home-stay .tall-card-title p.card-title {
max-width: 80%;
}
#quadmenu:not(.quadmenu-is-horizontal) .quadmenu-navbar-nav li.quadmenu-item.closing>.quadmenu-dropdown-menu, #quadmenu:not(.quadmenu-is-horizontal) .quadmenu-navbar-nav li.quadmenu-item.opening>.quadmenu-dropdown-menu, div#menu-event .events-occasions-list {
display: flex!important;
}
.offer-detail-content .right-side, div#menu-event .event-list-column .event-list-section h2 {
max-width: unset;
}
.menu-accomodation main section .entry-content, .menu-experiences main section, div#menu-event .event-list-page .tribe-common-l-container.tribe-events-l-container {
width: 100%}
div#menu-event .event-list-column {
width: 100%;
padding: 0 .25rem;
flex-direction: column;
}
div#menu-event .event-list-page {
flex-direction: column;
max-width: 400px;
margin: 0 auto;
flex-direction: column;
gap: 0;
}
.logged-in #menu-event {
margin-top: -1.5rem;
}
div#menu-event .event-list-column .event-list-section {
width: 100%;
padding: 0;
}
.post-type-archive-eat .big-cards .big-card, .post-type-archive-eat .big-cards .big-card:first-child {
height: 680px;
}
.page-template-faq-template #page-title h1 {
margin-bottom: 0!important;
padding-top: 2rem;
}
.post-type-archive-journal .default-template-title h1, .tax-journal-type .default-template-title h1 {
font-size: 4rem;
}
body.single-rooms div#page:before {
top: 360px!important;
background-size: cover!important;
}
body.post-type-archive-offers .home div#page-title {
padding-bottom: 4rem;
}
body.blog div#page:before, body.page-template div#page:before, body.page-template-default div#page:before, body.page-template-default-template div#page:before, body.post-template-default div#page:before, body.post-type-archive-eat div#page:before, body.post-type-archive-experiences div#page:before, body.post-type-archive-facilities div#page:before, body.post-type-archive-journal div#page:before, body.post-type-archive-offers div#page:before, body.post-type-archive-rooms div#page:before, body.post-type-archive-spa div#page:before, body.post-type-archive-tribe_events div#page:before, body.single-journal div#page:before, body.single-offers div#page:before, body.single-rooms div#page:before, body.single-tribe_events div#page:before, body.tax-journal-type div#page:before {
aspect-ratio: 600/1662;
height: auto;
top: -60px;
background-size: contain;
}
#quadmenu:not(.quadmenu-is-horizontal) .quadmenu-navbar-nav li.quadmenu-item>.quadmenu-dropdown-menu {
position: absolute!important;
top: 110px;
left: 0;
margin-left: 0!important;
overflow-y: scroll;
height: max-content;
max-height: calc(100vh - 110px)!important;
opacity: 0;
-webkit-transition: .15s ease-out!important;
-moz-transition: .15s ease-out!important;
-o-transition: .15s ease-out!important;
transition: .15s ease-out!important;
display: flex!important;
pointer-events: none!important;
}
#quadmenu:not(.quadmenu-is-horizontal) .quadmenu-navbar-nav li.quadmenu-item.open>.quadmenu-dropdown-menu {
opacity: 1;
-webkit-transition: .2s ease-out!important;
-moz-transition: .2s ease-out!important;
-o-transition: .2s ease-out!important;
transition: .2s ease-out!important;
pointer-events: all!important;
z-index: 10019;
}
.featured-bg.mobile, .mobile-offers-link {
display: block;
}
.home section#home-offers div#page-title {
margin-bottom: -40px;
}
.main-navigation #quadmenu.quadmenu-generatepress .quadmenu-navbar-nav>li:not(.quadmenu-item-type-button)>a>.quadmenu-item-content {
padding-left: 5px!important;
}
.main-navigation #quadmenu.quadmenu-generatepress .quadmenu-navbar-nav>li:not(.quadmenu-item-type-button)>a>.quadmenu-item-content:before {
content: '';
background: #e00059;
width: 5px;
height: 5px;
display: block;
border-radius: 100%;
position: absolute;
top: 12px;
right: 0;
}
.main-navigation #quadmenu.quadmenu-generatepress .quadmenu-navbar-nav>li:nth-child(2)>a>.quadmenu-item-content:before {
background: #00bfa1;
}
.main-navigation #quadmenu.quadmenu-generatepress .quadmenu-navbar-nav>li:nth-child(3)>a>.quadmenu-item-content:before {
background: #d35f94;
}
.main-navigation #quadmenu.quadmenu-generatepress .quadmenu-navbar-nav>li:nth-child(4)>a>.quadmenu-item-content:before {
background: #008bf4;
}
#quadmenu:not(.quadmenu-is-horizontal) .quadmenu-navbar-nav li.quadmenu-item.open:not(.closing)>.quadmenu-dropdown-menu {
position: fixed!important;
top: 110px;
left: 0;
padding-bottom: 85px;
overflow-y: scroll;
height: max-content;
max-height: calc(100vh - 110px)!important;
}
.main-navigation #quadmenu.quadmenu-generatepress .quadmenu-navbar-nav>li:nth-child(5)>a>.quadmenu-item-content:before {
background: #673ab7;
}
.main-navigation #quadmenu.quadmenu-generatepress .quadmenu-navbar-nav>li:nth-child(6)>a>.quadmenu-item-content:before {
background: #a6005f;
}
.right-image.experience-image {
margin-top: -294px;
}
.home #home-experiences div#page-title {
padding-bottom: 0;
}
#home-experiences .experiences-homegrid>div .experience-image {
width: 360px;
}
section#home-experiences .grid-container {
margin: 0 -1rem;
}
#home-experiences .experiences-homegrid, .experiences-bg {
flex-direction: column;
}
#home-experiences .experiences-homegrid>div {
flex-direction: column;
gap: 0;
width: 100%}
#home-experiences .experiences-homegrid .left-grid {
align-items: flex-end;
flex-direction: column-reverse;
padding-bottom: 320px;
}
#home-experiences .experiences-homegrid>.right-grid {
align-items: baseline;
}
#home-experiences .experiences-homegrid .experiences-list {
width: 100%;
text-align: center;
padding-left: 2rem;
padding-right: 2rem;
}
#home-experiences .experiences-homegrid .experiences-list .entry-title, #home-experiences .experiences-homegrid .experiences-list h1 {
line-height: 1.75rem;
font-size: 1.25rem;
}
#home-experiences .experiences-homegrid .experiences-list p {
font-size: 1rem;
line-height: 1.5rem;
}
.featured-items {
flex-wrap: wrap;
justify-content: center;
}
.featured-items>div {
width: calc(50% - 1rem);
}
img.room-arwork.room-arwork3 {
top: 120px;
right: -100px;
}
img.room-arwork.room-arwork2 {
width: 500px;
bottom: -865px;
}
.home #home-rooms div#page-title {
position: relative;
margin: 0 auto;
text-align: center;
max-width: 360px;
padding-bottom: 2rem;
}
.home #home-rooms div#page-title h1 {
margin-top: 1.75rem;
font-size: 7.5rem;
line-height: 7.5rem;
text-align: left;
}
img.offers-artwork.offers-artwork1 {
right: calc(608px - 960px - 520px);
width: 1200px;
top: -110px;
}
img.offers-artwork.offers-artwork2 {
bottom: -250px;
}
.home div#page-title {
padding-bottom: 11rem;
}
.main-navigation .logo-book-row .mini-logo a img {
width: 42px;
}
nav#site-navigation {
background: url(https://oagaresorts.com/wp-content/themes/oaga-child/images/headerartwork.svg) center/cover no-repeat #ffc900;
}
.inside-page-header, .one-container .site-content, .separate-containers .comments-area, .separate-containers .inside-article, .separate-containers .page-header, .separate-containers .paging-navigation {
padding: 1.25rem;
}
.glide_data .grid-container .title-area {
padding-bottom: 2.5rem;
}
.glide.full-width {
height: 460px;
}
.related-rooms main#scroll-cards.mobile-relateds section.scroll-card {
position: relative;
height: 220px;
}
main#scroll-cards.mobile-relateds {
display: flex;
flex-direction: column;
height: unset;
}
section#home-rooms .tab {
flex-direction: column-reverse;
}
.menu-accomodation main, .menu-experiences main {
flex-wrap: wrap;
display: flex!important;
}
section#home-rooms .tab nav {
width: 100%;
max-width: 420px;
padding: 0;
margin: 0 auto;
}
section#home-rooms .tab section.tabs {
width: 100%;
max-width: unset;
margin: 2.75rem auto 3.5rem;
}
section#home-rooms .room-image {
aspect-ratio: 331/308;
}
section#home-rooms {
padding-top: 5.25rem;
padding-bottom: 6rem;
}
.big-cards .big-card:first-child {
height: auto;
aspect-ratio: 768/680;
}
.big-cards .big-card {
height: auto;
aspect-ratio: 768/580;
}
.big-cards .big-card .entry-content, a.room-item>div {
padding: 2rem;
}
#quadmenu .quadmenu-item-widget .menu-title-h1, #quadmenu .quadmenu-item-widget h1 {
text-align: left;
font-weight: 500;
line-height: 2.5rem;
font-size: 3rem;
margin-bottom: 1.5rem;
letter-spacing: -.02em;
}
.menu-accomodation main {
width: 100%;
gap: 1rem;
}
.menu-accomodation main section {
flex-direction: column;
width: calc(50% - .5rem);
}
.menu-eat main section, .menu-spa main section {
width: calc(50% - .5rem);
}
.menu-eat main section a.image-thumbnail, .menu-spa main section a.image-thumbnail {
height: auto!important;
aspect-ratio: 163/200;
}
.menu-accomodation main section a.image-thumbnail {
width: 100%!important;
aspect-ratio: 163/120;
height: auto!important;
}
.menu-eat main, .menu-spa main {
flex-wrap: wrap;
}
.mobile-menu-open body {
overflow-y: hidden;
}
#quadmenu.quadmenu-generatepress:not(.quadmenu-is-horizontal) .quadmenu-navbar-nav li.quadmenu-item .quadmenu-item-widget, #site-navigation.toggled nav#quadmenu .quadmenu-container {
padding: 1rem;
}
#quadmenu .quadmenu-item-widget h2, .menu-title-h2 {
text-align: left;
}
.menu-offers main {
display: flex!important;
flex-direction: column;
}
#main {
margin-top: 0;
}
.post-type-archive-offers section#offer-listing, section#eat-listing {
padding: 4.25rem 0 6.25rem;
}
:root {
font-size: 14px;
}
#site-navigation.toggled button.menu-toggle span.gp-icon.icon-menu-bars {
font-size: .725rem;
}
#site-navigation button.menu-toggle span.gp-icon.icon-menu-bars {
font-size: 1.25rem;
}
nav#site-navigation>div {
height: 3.75rem;
padding: 0 1rem;
flex-direction: row-reverse;
}
.main-navigation .logo-book-row .mini-logo a {
width: 42px;
height: 25px;
}
.logo-book-row .mini-logo {
transform: translateY(0) scale(1);
height: 25px;
}
.main-navigation.nav-align-center .inside-navigation {
justify-content: space-between;
}
button.menu-toggle {
text-align: right;
flex-grow: unset;
padding: 0 .5rem;
width: 2.25rem;
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
border-radius: 50%;
height: 52.5px;
}
#site-navigation.toggled button.menu-toggle {
padding: 0 .75rem;
-webkit-transition: .3s ease-out;
-moz-transition: .3s ease-out;
-o-transition: .3s ease-out;
transition: .3s ease-out;
background: #ffc900;
}
.logo-book-row {
opacity: 1;
visibility: visible;
width: unset;
position: absolute;
padding: 0;
left: -21px;
margin-left: 50%}
#site-navigation.toggled {
z-index: 1000;
}
#quadmenu.quadmenu-generatepress .quadmenu-navbar-nav>li.quadmenu-item>a {
font-size: 14px!important;
}
#quadmenu .quadmenu-navbar-nav {
display: flex!important;
flex-direction: row;
overflow-x: scroll;
width: max-content;
}
#quadmenu .quadmenu-navbar-collapse.in {
overflow-y: auto;
width: max-content;
}
.main-navigation #quadmenu.quadmenu-generatepress .quadmenu-navbar-nav>li:not(.quadmenu-item-type-button)>a>.quadmenu-item-content .quadmenu-text {
background: #f5f5f500;
padding: 4px 8px;
border-radius: 8px;
}
.main-navigation #quadmenu.quadmenu-generatepress .quadmenu-navbar-nav>li.open:not(.quadmenu-item-type-button)>a>.quadmenu-item-content .quadmenu-text {
background: #f5f5f5ff;
}
#site-navigation.toggled nav#quadmenu {
width: 100vw;
background: #fff;
height: 100vh;
margin: 0 -1rem;
box-shadow: none;
overflow-y: scroll;
}
.page-template-faq-template #page-title h1, .post-type-archive-album #page-title h1, .post-type-archive-diving #page-title h1, .post-type-archive-eat #page-title h1, .post-type-archive-excursions #page-title h1, .post-type-archive-experiences #page-title h1, .post-type-archive-facilities #page-title h1, .post-type-archive-rooms #page-title h1, .post-type-archive-spa #page-title h1 {
font-size: 4rem;
padding-bottom: 2.5rem;
}
.offer-detail-content .left-side img.featured-image {
margin-top: .75rem;
aspect-ratio: 493/560;
height: auto;
}
.home div#page-title .page-title-h1, .home div#page-title h1 {
font-size: 3.5rem;
}
.offer-detail-content {
flex-direction: column;
padding-top: .5rem;
padding-bottom: 3rem;
}
.offer-detail-content .left-side {
position: relative;
max-width: unset;
top: 0;
}
.footer-bar-active .inside-site-info {
gap: 1rem;
}
.subscribe-text .title-h1 {
font-size: 1.5rem;
}
.subscribe-text p {
font-size: 1rem;
}
.sticky-container main {
padding-top: 1rem;
}
a.room-item .entry-title {
font-size: 1.75rem;
line-height: 2rem;
}
a.room-item p.by-line {
font-size: .95rem;
}
.tribe-events-c-top-bar__datepicker-container {
min-width: unset!important;
width: 300px!important;
}
img.about-artwork.about-artwork-desktop {
left: -520px;
width: 1070px;
bottom: -940px;
}
section#home-offers {
padding-top: 5rem;
padding-bottom: 7rem;
}
.image-left-offer ul {
font-size: 12px;
line-height: 22px;
}
.image-left-offer p {
font-size: 12px;
line-height: 20px;
}
.pop-up-text {
padding: 20px;
}
.web-v3 .card-list-section ul.splide__list li {
aspect-ratio: 390/660;
}
.web-v3 .card-list-section ul.splide__list li a .tall-card-title p.card-title, .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide a .tall-card-title p.card-title {
font-size: 16px!important;
line-height: 20px;
}
.web-v3 .card-list-section ul.splide__list li a img {
height: 110px!important;
}
.web-v3.fr div#header-bar nav.main-nav-center li a, body.web-v3.floating.ru div#header-bar nav.main-nav-center a {
font-size: 10px;
}
body.web-v3.floating.ru div#header-bar a.square-button.big-button.nav-book {
font-size: 11px;
line-height: 120%}
.lv4 section#home-more-section ul#menu-footer-menu-new {
flex-direction: column;
}
.lv4 section#home-more-section ul#menu-footer-menu-new li {
justify-items: center;
}
.lv4 section#home-more-section ul#menu-footer-menu-new li a {
justify-content: center;
width: fit-content;
}
.lv4 aside#block-7 {
flex-direction: column;
align-items: center;
gap: 96px;
}
.lv4 ul.footer-menu-items {
flex-direction: column;
gap: 12px;
}
.lv4 .site-footer.footer-bar-active.footer-bar-align-right .copyright-bar {
top: 124px;
}
.lv4 section#home-more-section img {
width: 96px;
}
.v4 #home-stay .room-card, .v4 #home-stay ul#splide-stay-list li:last-child {
width: 80vw !important;
aspect-ratio: 800 / 600;
}
.v4 div#page-title p.section-title, .v4.archive #home-stay div#page-title p.section-title {
font-size: 36px !important;
line-height: 44px !important;
}
.v4 div#page-title p.section-title-small, .v4.archive #home-stay div#page-title p.section-title-small, .v4.archive.post-type-archive-offers div#page-title p.section-title-small  {
font-size: 14px !important;
line-height: 20px !important;
}
.v4.archive .page-content {
padding: 0 16px;
margin: 52px auto !important;
}
.v4 .page-content h2:not(:first-child) {
margin-top: 36px;
padding-top: 36px;
font-size: 28px !important;
line-height: 40px !important;
}
.v4 .page-content p {
font-size: 16px;
line-height: 26px;
}
.v4 .about-image-grid {
flex-direction: column;
height: unset;
gap: 16px;
}
.v4 .about-image-grid > div {
width: 100%;
height: auto;
gap: 16px;
}
.v4 section#about-oaga {
padding: 0px 16px 120px;
}
.v4 .about-image-grid .grid-column-big {
aspect-ratio: 1;
width: 100%;
max-width: unset;
}
.v4 .grid-column-small {
flex-direction: row;
display: flex;
}	
.v4 .grid-column-small li.grid-image {
width: 100%;
height: auto;
aspect-ratio: 210 / 272;
}
.v4 span.animated-strike {
left: 135px;
top: 24px;
width: 130px;
}
.v4 span.animated-text {
left: 137px;
}
.v4 span.animated-text svg {
width: 150px;
}
.v4 div#splide-hoara ul li {
width: 55vw !important;
}
.v4 section#home-hoara div#page-title {
margin-bottom: 60px;
}
.v4 section#home-hoara {
padding: 60px 0px 100px;
}
.v4 .tall-card.parellax-up {
margin: 0px;
}
.v4 .tall-card.parellax-up {
margin: 0px;
}
.v4 .tall-card .image-and-title p.card-title {
font-size: 24px;
}
.v4 .tall-card {
width: calc(50% - 8px);
}
.v4 .parallax-cards {
gap: 16px;
justify-content: center;
row-gap: 40px;
margin-bottom: 0px;
}
.v4 .tall-card .image-and-title {
aspect-ratio: 560 / 384;
padding: 16px;
}
.v4 .tall-card {
width: 100%;
}
.v4 .tall-card p.description {
font-size: 16px;
line-height: 24px;
}
.v4 button.close {
width: 36px !important;
height: 36px !important;
padding: 10px;
}
.v4 .close:after, .v4 .close:before {
width: 2px;
height: 14px;
}
.v4 button.splide__arrow.splide__arrow--prev.arrowl svg, .v4 button.splide__arrow.splide__arrow--next.arrowr svg {
width: 24px;
}
}
@media only screen and (max-width:640px) {
.v4 section#home-hoara div#page-title p.section-title {
font-size: 32px;
line-height: 44px;
}
.v4 span.animated-text svg {
width: 120px;
}
.v4 span.animated-text {
left: 144px;
top: -72px;
}
.v4 span.animated-strike {
left: 135px;
top: 22px;
width: 129px;
}
.web-v3.single section#home-book-footer .section-title {
font-size: 28px;
line-height: 36px;
}
.single.web-v3 div#inner-page .left-content a.square-button.big-button {
font-size: 20px;
}
.single.web-v3 section#home-book-footer {
padding: 16px 20px;
}
.contact-map {
height: 320px;
}
.faq-map img {
margin-bottom: 0;
}
.faq-list {
margin-top: 4.5rem;
}
.page-template-faq-template #page-title h1 {
margin-bottom: 0!important;
padding-bottom: 0;
padding-top: 2rem;
font-size: 2.5rem!important;
line-height: 3rem!important;
}
.about-room .body {
padding: 1rem;
margin: 0 -.25rem!important;
}
.blog div#primary .site-main, .post-type-archive-journal div#primary .site-main, .tax-journal-type div#primary .site-main {
margin: 2.5rem 0 4rem;
grid-template-columns: 1fr;
}
.about-bg.desktop, img.about-artwork.about-artwork-desktop {
display: none;
}
.about-bg.mobile {
display: block;
}
#home-experiences .experiences-homegrid>div .experience-image {
width: 320px;
}
.right-image.experience-image {
margin-top: -261.5px;
}
#home-experiences .experiences-homegrid .left-grid {
padding-bottom: 261.5px;
}
img.room-arwork.room-arwork3 {
width: 360px;
right: -140px;
top: 140px;
}
img.room-arwork.room-arwork2 {
width: 440px;
bottom: -80px;
}
img.about-artwork.about-artwork-mobile {
position: relative;
display: block;
left: -1rem;
bottom: -100px;
aspect-ratio: 376/346;
width: calc(100% + 2rem);
background-size: contain;
margin-top: -60px;
}
img.offers-artwork.offers-artwork2 {
width: 1200px;
left: calc(608px - 1580px);
bottom: -250px;
}
img.offers-artwork.offers-artwork1 {
width: 1060px;
right: calc(608px - 960px - 418px);
top: -80px;
}
.subscribe-text {
max-width: 400px;
}
div#mobile-booking-bar form .form-inputs {
flex-direction: column;
gap: 16px;
align-items: center;
}
.web-v3 section#home-more-section .footer-big-menu ul#menu-footer-menu-big {
flex-wrap: wrap;
justify-content: center;
}
}@media only screen and (max-width:600px) {
.v4 .room-amenities ul.amenities li {
width: 100%;
}
.v4 section#banner {
width: 100%;
height: auto !important;
aspect-ratio: 3 / 4 !important;
max-height: 90vh;
}
.v4 .banner-video iframe {
position: absolute !important;
top: -175% !important;
left: -175% !important;
width: 225% !important;
height: 225% !important;
transform: translate(50%, 50%);
max-width: unset;
}
.web-v3 .image-left-offer h2 {
font-size: 24px;
line-height: 32px;
}
.web-v3 .image-left-offer h3 {
font-size: 16px;
line-height: 20px;
}
.web-v3 .image-left-offer p {
font-size: 14px;
line-height: 20px;
}
.web-v3.archive .splide ul#splide-offers-list.splide__list li.splide__slide {
width: calc((100% / 2) - 8px)!important;
}
.web-v3 ul#menu-footer {
max-width: unset;
}
.web-v3 ul#splide-offers-list li {
width: calc(50% - 20px)!important;
}
.web-v3 .card-list-section ul.splide__list li {
width: calc(50% - 24px)!important;
aspect-ratio: 390/500;
}
.infinite-slider .slide {
width: 100%}
.infinite-slider #slides {
row-gap: 6rem;
}
img.offers-artwork.offers-artwork1 {
right: calc(608px - 960px - 510px);
}
.infinite-slider .slide.opened .polaroid-cards .card, .infinite-slider .slide:nth-child(3n).opened .polaroid-cards .card, .infinite-slider .slide:nth-child(3n-2).opened .polaroid-cards .card {
left: calc(-124px - .25rem);
}
.infinite-slider .slide.opened .polaroid-cards .polaroid-0, .infinite-slider .slide:nth-child(3n).opened .polaroid-cards .polaroid-0, .infinite-slider .slide:nth-child(3n-2).opened .polaroid-cards .polaroid-0 {
transform: translate(calc(122px + 2rem), 0);
}
.infinite-slider .slide.opened .polaroid-cards .polaroid-1, .infinite-slider .slide:nth-child(3n).opened .polaroid-cards .polaroid-1, .infinite-slider .slide:nth-child(3n-2).opened .polaroid-cards .polaroid-1 {
transform: translate(calc(-124px - .25rem), 388px);
}
div#loaded-photos .polaroid-card-thumbs {
width: 100%;
grid-gap: 0.5rem;
margin-top: calc(-416px + -2.5rem);
justify-content: center;
}
#loaded-photos .polaroid-cards>div, .infinite-slider .slide .behind-polaroid, .infinite-slider .slide .card {
padding: .5rem .5rem 2rem;
aspect-ratio: 390/550;
}
.infinite-slider .slide .entry-content h1 {
opacity: 1;
}
.web-v3 .card-list-section ul.splide__list li a img {
height: 130px!important;
}
.web-v3 div#inner-page .left-content a.square-button.big-button {
margin-top: 60px;
}
}img.book-mobile-image {
width: 100%;
border-radius: 0 0 12px 12px;
display: none!important;
max-width: 720px;
margin: 0 auto 20px;
}
.page-template-event-booking-template .event-form {
padding-top: 64px;
}
@media only screen and (max-width:580px) {
.v4 .banner-video iframe {
position: absolute !important;
top: -200% !important;
left: -200% !important;
width: 250% !important;
height: 250% !important;
transform: translate(50%, 50%);
max-width: unset;
}
.v4 #home-stay .room-card, .v4 #home-stay ul#splide-stay-list li:last-child {
aspect-ratio: 800 / 720;
width: 86vw !important;
}
.v4 #home-stay .tall-card-title p.card-title {
font-size: 20px;
line-height: 28px;
}
.v4 #home-stay .tall-card-title span.round-button.book-now {
font-size: 12px;
line-height: 22px;
}
.v4 #home-stay .tall-card-title p.card-byline {
font-size: 12px;
line-height: 18px;
margin-bottom: 16px;
}
.floating .v4-header .right.quarter.mobile-menu a.toggle-nav {
padding: 22px 20px 22px;
line-height: 14px;
}
body.floating .v4-header div#header-bar .header-end a.square-button.big-button.nav-book {
font-size: 14px !important;
}
.web-v3.single section#home-book-footer .section-title {
text-align: center;
max-width: 360px;
}
.single.web-v3 div#inner-page .left-content a.square-button.big-button {
margin-left: unset;
}
.single.web-v3 section#home-book-footer {
flex-direction: column;
align-items: center;
gap: 24px;
}
.web-v3.archive #spa div#page-title h1 {
font-size: 2rem!important;
}
.web-v3.blog #page-title h1 {
padding-bottom: 1rem;
}
.web-v3.archive .archive-listing-section #people-listing .splide ul.splide__list li.splide__slide:hover .tall-card-title.image-card p.card-title {
font-size: 28px!important;
line-height: 32px!important;
}
.web-v3.archive #people-listing .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title span.support-text p {
font-size: 14px!important;
line-height: 20px!important;
}
.web-v3.single .featured-image.page-header-image-single.grid-container.grid-parent {
padding-top: 16px;
margin-bottom: -8px;
}
.web-v3.single-journal .inside-article h1.entry-title, .web-v3.single-post .inside-article h1.entry-title {
margin-top: 40px;
font-size: 28px!important;
line-height: 36px!important;
}
.web-v3.single-journal .inside-article h2, .web-v3.single-post .inside-article h2 {
font-size: 24px!important;
line-height: 32px!important;
}
.web-v3.single-journal .inside-article h3, .web-v3.single-post .inside-article h3 {
font-size: 22px!important;
line-height: 30px!important;
}
.web-v3.single-journal .inside-article h4, .web-v3.single-post .inside-article h4 {
font-size: 20px!important;
line-height: 28px!important;
}
.web-v3.single-journal .inside-article h5, .web-v3.single-journal .inside-article h6, .web-v3.single-post .inside-article h5, .web-v3.single-post .inside-article h6 {
font-size: 18px!important;
line-height: 26px!important;
}
.web-v3.single-journal .inside-article h5 strong, .web-v3.single-post .inside-article h5 strong {
font-weight: 600!important;
}
.web-v3.single-journal .inside-article h6 strong, .web-v3.single-post .inside-article h6 strong {
font-weight: 500!important;
}
.web-v3.archive.tax-journal-type div#page-title {
padding-bottom: 36px;
}
.web-v3.tax-journal-type.archive section.archive-listing-section {
padding-top: 180px;
}
.web-v3.archive .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .image-card {
min-height: 360px;
}
.web-v3.archive .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title.image-card {
padding: 8px;
}
.web-v3.archive .splide.post-listing-section ul.splide__list {
gap: 8px;
}
.web-v3.archive .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title span.support-text {
margin-top: 8px;
margin-bottom: 24px;
}
.web-v3.archive .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title.image-card p.card-title {
padding: 8px 12px;
}
.web-v3.archive .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title {
padding: 12px;
}
.web-v3.archive .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide {
width: calc((100% / 2) - 4px);
}
.web-v3 div#inner-page.one-column-center.seventy-thirty .left-content, .web-v3 div#inner-page.one-column-center.sixty-fourty .left-content {
padding: 60px 16px;
}
.web-v3 div#inner-page.one-column-center.seventy-thirty h1.inner-title, .web-v3 div#inner-page.one-column-center.sixty-fourty h1.inner-title {
margin-bottom: 20px;
}
.web-v3 div#inner-page.one-column-center.seventy-thirty article .entry-content p, .web-v3 div#inner-page.one-column-center.sixty-fourty article .entry-content p {
margin-bottom: 12px;
}
.web-v3.single-artist .right-slider, .web-v3.single-tribe_events .right-slider {
padding-top: 70px;
}
.lv4.single-artist .right-slider, .lv4.single-tribe_events .right-slider {
padding-top: 00px;
}
.web-v3 div#inner-page .right-slider {
min-height: 500px;
}
.web-v3 div#inner-page .right-slider div#splide-banner {
display: flex;
flex-flow: column; }
.web-v3 div#inner-page .left-content {
padding: 48px 24px;
}
.web-v3 #inner-page h1.inner-title {
font-size: 32px;
line-height: 120%}
.web-v3.archive div#page-title h1.section-title {
font-size: 32px;
line-height: 100%;
padding-bottom: 0!important;
margin-bottom: 20px!important;
}
.web-v3.blog div#page-title h1.section-title {
font-size: 32px;
line-height: 100%}
.web-v3 div#inner-page .left-content h4 {
font-size: 20px;
}
.v4-header div#header-bar{
height: 40px !important;
}
.v4-header .right.quarter.mobile-menu:after {
left: 48px;
}
.lv4 div#inner-page .right-slider div#splide-banner {
display: flex;
flex-flow: column;
flex: 1;
}
.lv4 .tribe-events-view .event-title-desc-area {
padding-top: 48px !important;
}
.lv4 div#gt_float_wrapper {
left: 60px;
}
.v4-header .right.quarter.mobile-menu {
display: flex;
position: absolute;
left: 0px;
bottom: 0px;
top: unset;
right: unset;
}
.v4-header .header-end a.square-button.big-button.nav-book, body.floating .v4-header div#header-bar .header-end a.square-button.big-button.nav-book {
font-size: 14px;
padding: 2px 12px !important;
}
.floating .v4-header div#header-bar-logo {
animation: none !important;
}
}@media only screen and (max-width:560px) {
#stay .page-content {
padding-bottom: 90px;
}
.subscribe-bar-content.grid-container>div, ul#menu-footer {
max-width: 320px;
}
div#title-and-book .banner-book-button a.square-button.big-button {
font-size: 16px;
padding: 6px 16px;
}
div#title-and-book {
gap: 20px;
}
div#banner-title h1 {
font-size: 28px;
line-height: 40px;
max-width: 320px;
}
.web-v3 .card-list-section ul.splide__list li {
aspect-ratio: 390/540;
}
.image-left-offer h3 {
font-size: 16px;
line-height: 24px;
margin: 6px 0 10px;
}
.image-left-offer p, .image-left-offer ul {
font-size: 10px;
line-height: 16px;
}
.image-left-offer ul {
margin-left: 14px;
margin-bottom: 28px;
}
.pop-up-text {
padding: 16px;
width: 80%!important;
}
.pop-up.image-left-offer {
max-width: 98%}
.pop-up.image-left-offer .plus {
width: 16px;
--b: 2.125px;
}
.post-type-archive-journal div#primary .site-main>div, .tax-journal-type div#primary .site-main>div {
margin: 6rem 0 8rem;
display: grid;
gap: 24px;
grid-template-columns: repeat(1, 1fr);
}
img.book-mobile-image {
width: 100%;
border-radius: 0 0 12px 12px;
display: block!important;
max-width: 720px;
margin: 0 auto 20px;
}
.close, [class^=arrow] {
border: none;
}
a.special-link img {
width: 80px;
}
body.page-template div#page, body.page-template-default div#page, body.page-template-default-template div#page {
overflow-x: hidden;
}
.contact-map {
height: 280px;
}
.page-template-about-template .default-template-title h1, .page-template-contact-template .default-template-title h1, .page-template-full-width-template .default-template-title h1 {
font-size: 3rem;
}
ul#menu-footer {
margin: 0 auto;
row-gap: .75rem;
padding: 0 .5rem;
}
.featured-items>div, body.home .featured-items>div {
width: 100%;
padding: 0 2rem;
}
.featured-items {
gap: 4rem;
}
img.offers-artwork.offers-artwork1 {
top: -100px;
}
img.offers-artwork.offers-artwork2 {
bottom: -300px;
}
.footer-widgets-container.grid-container {
padding-bottom: 2.5rem;
}
.subscribe-bar .subscribe-bar-content.grid-container:after {
background: url(https://oagaresorts.com/wp-content/themes/oaga-child/images/subscribeartworkmobile.svg) 0 0/cover no-repeat;
aspect-ratio: 376/356;
width: auto;
height: 100%;
right: 0;
bottom: 0!important;
top: 3rem;
}
.subscribe-bar-content.grid-container {
padding: 2.75rem 1rem;
gap: 2rem;
}
.subscribe-text p {
margin-top: .5rem;
}
.offer-detail-content .right-side .foot p, .offer-detail-content .right-side .inclusions ul li span, .tribe-events .tribe-events-calendar-month__multiday-event-bar-title {
font-size: 1rem;
line-height: 1.5rem;
}
.page-template-default .inside-article h1, .page-template-default-template .inside-article h1, .page-template-faq-template .inside-article h1 {
font-size: 3rem;
line-height: 3.25rem;
}
.infinite-slider .slide.opened .polaroid-cards .card, .infinite-slider .slide:nth-child(3n).opened .polaroid-cards .card, .infinite-slider .slide:nth-child(3n-2).opened .polaroid-cards .card {
left: calc(-84px - .25rem);
}
.infinite-slider .slide.opened .polaroid-cards .polaroid-1, .infinite-slider .slide:nth-child(3n).opened .polaroid-cards .polaroid-1, .infinite-slider .slide:nth-child(3n-2).opened .polaroid-cards .polaroid-1 {
transform: translate(calc(-84px - .25rem), 331px);
}
div#loaded-photos .polaroid-card-thumbs {
margin-top: calc(-416px + -2.5rem);
}
.mobile-banner.metaslider {
display: block;
}
.desktop-banner.metaslider, article#post-951 {
display: none;
}
#loaded-photos .polaroid-cards>div, .infinite-slider .slide .behind-polaroid, .infinite-slider .slide .card {
width: 230px;
}
.gallerybox .mini-gallery img {
height: 13rem;
}
.amenitybox {
padding: .5rem;
background: #fff;
}
.glide.full-width {
height: 440px;
}
.glide_data .grid-container .title-area {
padding-bottom: 1.5rem;
}
.related-rooms {
margin-bottom: 5rem;
padding-top: 2.25rem;
}
main#scroll-cards {
grid-template-columns: 1fr;
}
section.scroll-card {
aspect-ratio: 596/480;
}
#banner .soliloquy-container .soliloquy-viewport, #banner .soliloquy-container .soliloquy-wrap li, #banner .soliloquy-wrapper, section#banner, section#banner>div {
height: calc(100vh - 92px)!important;
max-height: unset;
}
.spinner video {
width: 320px!important;
}
.spinner {
max-width: 320px!important;
}
.big-cards .big-card {
height: auto;
aspect-ratio: 768/680;
}
.big-cards .big-card:first-child {
height: auto;
aspect-ratio: 768/760;
}
.offer-detail-content .right-side h1 {
font-size: 2.75rem;
line-height: 3.5rem;
}
.offer-detail-content .right-side .foot h3, .offer-detail-content .right-side .inclusions h3, .offer-detail-content .right-side h4 {
font-size: 1.25rem;
line-height: 1.75rem;
}
.offer-detail-content .right-side .inclusions {
margin-top: 2.25rem;
}
.offer-detail-content .right-side .inclusions ul {
gap: .75rem;
}
.offer-detail-content .right-side .foot {
margin-top: 3rem;
padding: 1.25rem;
}
.offer-cards .offer-card {
height: auto;
aspect-ratio: 350/430;
}
.page-template-faq-template #page-title h1, .post-type-archive-album #page-title h1, .post-type-archive-diving #page-title h1, .post-type-archive-eat #page-title h1, .post-type-archive-excursions #page-title h1, .post-type-archive-experiences #page-title h1, .post-type-archive-facilities #page-title h1, .post-type-archive-rooms #page-title h1, .post-type-archive-spa #page-title h1 {
font-size: 3.5rem;
padding-bottom: 2.25rem;
}
.post-type-archive-offers section#offer-listing, .post-type-archive-rooms #content.site-content, section#eat-listing {
padding-top: 3rem;
padding-bottom: 4.5rem;
}
.tribe-events-view .event-title-desc-area {
padding: 3rem 0 3.5rem;
}
.big-cards .big-card .entry-content {
padding: 1.75rem 1.5rem 1.5rem;
}
.big-cards .big-card .entry-content h1.entry-title {
font-size: 2rem;
}
.big-cards .big-card.opened .entry-content h1.entry-title {
margin-bottom: 1rem;
}
section#home-rooms .room-image {
aspect-ratio: 540/330;
}
#banner .soliloquy-controls.soliloquy-has-pager.soliloquy-has-controls-direction {
top: 180px;
}
.close {
margin: .5rem;
}
.arrowr {
right: -.75rem;
}
.arrowl {
left: -.75rem;
}
.lightbox img {
max-width: calc(100vw - 50px);
}
.gallerybox .mini-gallery {
gap: .25rem;
}
.tribe-events-c-top-bar__datepicker-container {
width: 270px!important;
}
.logo-book-row .mini-logo, .main-navigation .logo-book-row .mini-logo a, .main-navigation .logo-book-row .mini-logo a:after {
width: 32px;
height: 20px;
}
.logo-book-row {
left: -16px;
}
a.offers-link {
font-size: .8rem;
}
img.room-arwork.room-arwork2 {
bottom: -1020px;
}
img.room-arwork.room-arwork3 {
right: -180px;
top: 100px;
width: 350px;
}
img.room-arwork.room-arwork1 {
width: 480px;
left: -260px;
}
#home-experiences .experiences-homegrid>div .experience-image {
width: 270px;
}
.right-image.experience-image {
margin-top: -220.8px;
}
#home-experiences .experiences-homegrid .left-grid {
padding-bottom: 220.8px;
}
.page-template-contact-template .default-template-body {
padding: 32px 0 0;
}
.post-type-archive-eat .big-cards .big-card:first-child {
height: 760px;
}
.web-v3 .tribe-events-view .event-title-desc-area {
padding-left: 12px;
padding-top: 168px;
padding-right: 12px;
}
.web-v3 .event-title-desc-area .event-h1 {
font-size: 40px;
}
.web-v3 .event-list-page {
padding: 1rem 12px;
margin-bottom: 20px;
}
.web-v3 .splide__arrow--next {
scale: 0.6!important;
right: 6px!important;
}
.web-v3 .splide__arrow--prev {
scale: 0.6!important;
left: 6px!important;
}
.splide__arrow {
opacity: .5;
}
.v4-header ul#menu-mobile-menu a:before {
max-width: 6px;
max-height: 6px;
left: 4px;
top: 14px;
}
}
@media only screen and (max-width:497px) {
.v4 span.animated-strike {
left: 251px;
top: 22px;
width: 129px;
}
.v4 span.animated-text {
left: 264px;
top: -72px;
}
}
@media only screen and (max-width:480px) {
.v4 span.animated-text {
left: 125px;
top: -72px;
}
.v4 span.animated-strike {
left: 120px;
top: 21px;
width: 103px;
}
.v4 div#page-title p.section-title, v4.archive #home-stay div#page-title p.section-title {
font-size: 28px;
padding: 0 16px;
line-height: 40px;
}
.web-v3 .card-list-section ul.splide__list li, .web-v3 ul#splide-offers-list li {
aspect-ratio: unset!important;
width: calc(50% - 12px)!important;
}
#stay .page-content {
padding-left: 16px;
padding-right: 16px;
}
.web-v3.archive div#page-title h1 {
margin: 0;
}
.home .splide__arrow {
top: 96px;
}
.v4.home .splide__arrow {
top: 50%;
}
.home #offers .splide__arrow, .home #stay .splide__arrow {
top: 50%}
.web-v3 .image-left-offer h3 {
font-size: 14px;
line-height: 16px;
}
.web-v3 .image-left-offer h2 {
font-size: 20px;
line-height: 26px;
}
.web-v3 .pop-up-text a#book-now {
font-size: 16px!important;
line-height: 36px!important;
}
.web-v3 .image-left-offer p, .web-v3 ul#splide-offers-list li .tall-card-title p.card-title {
font-size: 12px;
line-height: 18px;
}
.web-v3 div#our-collaborators {
margin: 80px -8px 0;
padding: 40px 8px 80px;
}
.web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide a .tall-card-title {
gap: 8px;
padding: 12px;
}
.web-v3 span.event-h1.event-heading {
font-size: 28px;
line-height: 32px;
}
.web-v3 .event-title-desc-area p {
font-size: 14px;
line-height: 22px;
}
.web-v3.post-type-archive #page-title h1 {
font-size: 28px;
padding-bottom: 28px;
padding-top: 20px;
}
.page-content p {
font-size: 16px;
line-height: 24px;
}
.page-content h2 {
font-size: 24px;
line-height: 32px;
margin-bottom: 12px;
}
.web-v3.post-type-archive #page-title h1 span {
margin-top: 8px;
}
.web-v3 .card-list-section ul.splide__list, .web-v3 section.card-list-section .grid-container, .web-v3 ul#splide-offers-list, .web-v3.archive .splide ul.splide__list, .web-v3.rtl .card-list-section ul.splide__list {
gap: 8px;
}
.web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide {
width: calc((100% / 2) - 4px);
}
.web-v3.archive .splide ul#splide-offers-list.splide__list li.splide__slide {
width: calc((100% / 2) - 4px)!important;
}
.web-v3.archive section#offers, .web-v3.archive section.archive-listing-section, .web-v3.blog section.archive-listing-section {
padding: 160px 8px 80px;
}
.lv4.archive section#offers, .lv4.archive section.archive-listing-section, .lv4.blog section.archive-listing-section {
padding: 20px 8px 80px;
}
.sticky-container main, .web-v3.archive section#stay {
padding-top: 0;
}
.web-v3.post-type-archive-rooms div#page-title {
padding-left: 14px;
padding-right: 14px;
padding-top: 160px;
}
.web-v3 section#offers .grid-container p.section-title, .web-v3 section.card-list-section .grid-container p.section-title {
padding: 0 8px;
}
.web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide a .tall-card-title span.support-text span.more-text, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide a .tall-card-title span.support-text span.more-text {
font-size: 10px;
margin-top: 0;
}
.web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide a .tall-card-title span.support-text, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide a .tall-card-title span.support-text {
gap: 4px;
}
div#splide-rooms {
display: block!important;
}
div#splide-rooms .splide__slide {
width: 50%!important;
}
.web-v3 section#home-book-footer .section-title, .web-v3 section#home-more-section .section-title, .web-v3 section.card-list-section .grid-container p.section-title {
font-size: 28px;
}
.web-v3 section#home-more-section ul#menu-footer li a {
font-size: 10px;
}
.web-v3 section#home-more-section ul#menu-footer {
row-gap: 4px;
}
.web-v3 section#home-more-section .footer-big-menu ul#menu-footer-menu-big li a {
font-size: 10px!important;
padding: 8px 12px!important;
}
.web-v3 .card-list-section ul.splide__list li a .tall-card-title p.card-title, .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide a .tall-card-title p.card-title, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide a .tall-card-title p.card-title {
font-size: 14px!important;
line-height: 18px!important;
}
.web-v3 .card-list-section ul.splide__list li a .tall-card-title span.support-text p, .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide a .tall-card-title span.support-text p, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide a .tall-card-title span.support-text p {
font-size: 10px;
line-height: 16px;
}
.web-v3 ul#splide-offers-list li {
height: 300px!important;
}
.web-v3 .card-list-section ul.splide__list li a .tall-card-title span.support-text span.more-text, .web-v3 section#stay ul.splide__list li a .tall-card-title span.more-text {
display: none;
}
.web-v3 section#banner .splide {
height: 500px!important;
}
.web-v3 ul.splide__list.\32 by2 {
flex-wrap: wrap;
display: none;
}
.web-v3 ul#splide-offers-list li .tall-card-title {
left: 12px;
padding: 8px 9px;
max-width: calc(100% - 24px)!important;
bottom: 12px;
}
.web-v3 section#stay ul.splide__list li a .tall-card-title .card-title {
font-size: 16px;
line-height: 26px;
}
.web-v3 section#stay ul.splide__list li a .tall-card-title {
width: 180px;
height: 180px;
}
.web-v3 section#stay ul.splide__list li a img {
aspect-ratio: 720/1200;
}
.web-v3 section#offers, .web-v3 section.card-list-section {
padding: 24px 0 28px;
}
.post-type-archive-eat .big-cards .big-card:first-child {
height: 870px;
}
a.special-link img {
width: 70px;
}
a.special-link p {
padding-right: 1rem;
}
section#home-rooms {
margin: 0 -1rem;
max-width: 100vw;
overflow: hidden!important;
}
.about-bg, .featured-bg {
max-width: 100%}
#quadmenu:not(.quadmenu-is-horizontal) .quadmenu-navbar-nav li.quadmenu-item>.quadmenu-dropdown-menu {
width: 100%}
.page-template-default .default-template-title h1, .page-template-default-template .default-template-title h1 {
font-size: 3.25rem;
}
.post-type-archive-eat .big-cards .big-card {
height: 770px;
}
.post-type-archive-experiences .big-cards .big-card, .post-type-archive-facilities .big-cards .big-card {
height: auto;
aspect-ratio: 768/1260;
}
.post-type-archive-journal .default-template-title h1, .tax-journal-type .default-template-title h1 {
font-size: 3.5rem;
padding-top: 3rem;
}
.tax-journal-type a.back-to-gallery {
padding-top: 3.5rem;
}
article h1.entry-title {
font-size: 1.75rem;
line-height: 2.25rem;
}
article .entry-meta {
font-size: .75rem;
line-height: 1.25rem;
}
.home #home-rooms div#page-title {
padding-bottom: 0;
margin-bottom: -2rem;
}
.home #home-experiences div#page-title .fancy-h1, .home #home-experiences div#page-title h1.fancy-h1, .home #home-experiences div#page-title h3.fancy-h1 {
font-size: 10rem;
}
.home #home-experiences div#page-title h1 {
font-size: 2.75rem;
line-height: 1;
}
.featured-items>div {
padding: 0 1rem;
}
img.room-arwork.room-arwork2 {
width: 380px;
bottom: -1140px;
}
img.room-arwork.room-arwork3 {
top: 20px;
}
img.room-arwork.room-arwork1 {
top: -220px;
}
img.offers-artwork.offers-artwork1 {
width: 960px;
right: calc(608px - 960px - 440px);
top: -60px;
}
.faq-list details>div {
font-size: .95rem;
line-height: 1.5rem;
}
.faq-list summary h4 {
font-size: 1.25rem;
line-height: 1.5rem;
}
.inside-page-header, .one-container .site-content, .separate-containers .comments-area, .separate-containers .inside-article, .separate-containers .page-header, .separate-containers .paging-navigation {
padding: .75rem;
}
.page-template-default .inside-article h1, .page-template-default-template .inside-article h1, .page-template-faq-template .inside-article h1 {
font-size: 2.75rem!important;
line-height: 3rem!important;
}
.page-template-default .inside-article p, .page-template-default-template .inside-article p {
font-size: 1.125rem;
margin: 0 auto 1.75rem;
}
.page-template-default .inside-article .entry-content:not(:first-child), .page-template-default-template .inside-article .entry-content:not(:first-child) {
margin-bottom: 2rem;
}
#loaded-photos .polaroid-cards>div, .opened .infinite-slider .slide .behind-polaroid, .opened .infinite-slider .slide .card {
width: 196px;
padding: .25rem;
}
#loaded-photos .polaroid-cards>div img, .opened .infinite-slider .slide img, .polaroid-cards>div img {
aspect-ratio: 324/460;
}
.infinite-slider .slide.opened .polaroid-cards .card, .infinite-slider .slide:nth-child(3n).opened .polaroid-cards .card, .infinite-slider .slide:nth-child(3n-2).opened .polaroid-cards .card {
left: calc(-48px - .25rem);
}
.infinite-slider .slide.opened .polaroid-cards .polaroid-0, .infinite-slider .slide:nth-child(3n).opened .polaroid-cards .polaroid-0, .infinite-slider .slide:nth-child(3n-2).opened .polaroid-cards .polaroid-0 {
transform: translate(calc(119px + 2rem), 0);
}
.infinite-slider .slide.opened .polaroid-cards .polaroid-1, .infinite-slider .slide:nth-child(3n).opened .polaroid-cards .polaroid-1, .infinite-slider .slide:nth-child(3n-2).opened .polaroid-cards .polaroid-1 {
transform: translate(calc(-48px - .25rem), 280px);
}
div#loaded-photos .polaroid-card-thumbs {
grid-gap: 0.25rem;
}
.gallerybox .mini-gallery img {
height: 11rem;
}
.glide.full-width {
height: 400px;
}
.glide_data .grid-container .title-area h1 {
font-size: 3rem;
line-height: 3.5rem;
}
.room-detail-content .description-features h1 {
font-size: 2.75rem!important;
}
.big-cards .big-card:first-child {
height: auto;
aspect-ratio: 768/1040;
}
.big-cards .big-card {
height: auto;
aspect-ratio: 768/1160;
}
.big-cards .big-card .entry-content h1.entry-title {
font-size: 1.75rem;
line-height: 2rem;
}
:root {
font-size: 14px;
}
.delay-1 {
animation-delay: .1s;
}
.delay-2 {
animation-delay: 125ms;
}
.delay-3 {
animation-delay: .15s;
}
.delay-4 {
animation-delay: .17s;
}
.delay-5 {
animation-delay: 185ms;
}
.delay-6 {
animation-delay: 195ms;
}
.delay-7 {
animation-delay: .2s;
}
.delay-8 {
animation-delay: 205ms;
}
.delay-9 {
animation-delay: .21s;
}
.delay-10 {
animation-delay: .2125s;
}
.delay-11 {
animation-delay: 215ms;
}
.delay-12 {
animation-delay: 217ms;
}
.delay-13 {
animation-delay: .2185s;
}
.delay-14 {
animation-delay: 219ms;
}
.delay-15 {
animation-delay: .22s;
}
.delay-16 {
animation-delay: 225ms;
}
.delay-17 {
animation-delay: .23s;
}
.delay-18 {
animation-delay: 235ms;
}
.delay-19 {
animation-delay: .2375s;
}
.delay-20 {
animation-delay: .24s;
}
.delay-21 {
animation-delay: .2425s;
}
.delay-22 {
animation-delay: 243ms;
}
.delay-23 {
animation-delay: .2435s;
}
.delay-24, .delay-25 {
animation-delay: 244ms;
}
.page-template-faq-template #page-title h1, .post-type-archive-album #page-title h1, .post-type-archive-diving #page-title h1, .post-type-archive-eat #page-title h1, .post-type-archive-excursions #page-title h1, .post-type-archive-experiences #page-title h1, .post-type-archive-facilities #page-title h1, .post-type-archive-rooms #page-title h1, .post-type-archive-spa #page-title h1 {
font-size: 3.25rem;
padding-bottom: 2rem;
}
.post-type-archive-offers section#offer-listing, section#eat-listing {
padding: 2.75rem 0 5rem;
}
.home div#page-title .page-title-h1, .home div#page-title h1, .post-type-archive-artist section#artist-listing #page-title .page-title-h1, .post-type-archive-artist section#artist-listing #page-title h1, .post-type-archive-people section#artist-listing #page-title .page-title-h1, .post-type-archive-people section#artist-listing #page-title h1 {
font-size: 3rem;
}
.page-template-contact-template .default-template-body .inside-article, section#artist-listing {
padding: 0!important;
}
.offer-detail-content .right-side h1 {
font-size: 2.25rem;
line-height: 2.75rem;
}
ul.social-icons a {
font-size: 1.75rem;
}
.footer-widgets-container.grid-container .inner-padding.widget_media_image {
padding: 3rem 0 2rem;
}
.footer-widgets-container.grid-container {
padding-bottom: 2.5rem;
}
.offer-cards {
grid-template-columns: 1fr;
}
.offer-cards .offer-card {
height: auto;
aspect-ratio: 389/424;
}
.tribe-events-c-top-bar__datepicker-container {
width: 250px!important;
}
.tribe-events .tribe-events-calendar-month__day-cell {
border-radius: .75rem;
}
.tribe-events .tribe-events-calendar-month__multiday-event--display .tribe-events-calendar-month__multiday-event-bar {
border-radius: .75rem!important;
}
.tribe-events-calendar-month__day--current h3.tribe-events-calendar-month__day-date.tribe-common-h4:before, .tribe-events-calendar-month__day--current p.tribe-events-calendar-month__day-date.tribe-common-h4:before {
width: 25px;
height: 25px;
}
.right-image.experience-image {
margin-top: -171.5px;
}
#home-experiences .experiences-homegrid>div .experience-image {
width: 210px;
}
#home-experiences .experiences-homegrid .left-grid {
padding-bottom: 190px;
}
.single-journal div#primary .inside-article, .single-post div#primary .inside-article {
padding: 1rem 1rem 2.5rem;
border-radius: 2rem;
}
article .entry-content p {
font-size: .875rem;
line-height: 1.25rem;
}
.web-v3 div#inner-page .right-slider {
min-height: 360px;
display: flex;
flex-flow: column;
}
.v4 div#splide-hoara ul li a .tall-card-title p, .v4 div#splide-hoara ul li  .tall-card-title p {
font-size: 14px;
line-height: 22px;
}
.v4 div#splide-hoara ul li {
width: 60vw !important;
}
}
@media only screen and (max-width:450px) {
.v4 section#home-hoara div#page-title p.section-title br {
display: none;
}
.v4 span.animated-strike {
width: 154px;
}
.v4 span.animated-text svg {
width: 98px;
}
.v4 span.animated-strike {
top: 21px;
width: 100px;
left: 29%;
}
.v4 span.animated-text {
left: 32%;
top: -60px;
}
}
@media only screen and (max-width:420px) {
.v4 span.animated-text {
top: -60px;
right: 50%;
left: 50%;
margin-left: 8px;
}
.v4 span.animated-strike {
top: 21px;
width: 100px;
left: 50%;
right: 50%;
}
.web-v3.archive.tax-journal-type div#page-title h1.section-title {
padding-top: 8px!important;
}
.web-v3.archive section#journal {
padding-top: 180px;
}
.web-v3.archive.tax-journal-type div#page-title {
padding-bottom: 28px;
}
.web-v3 div#inner-page .left-content {
padding: 28px 16px;
}
.pop-up-image {
width: 100px!important;
}
.right-image.experience-image {
margin-top: -163px;
}
#home-experiences .experiences-homegrid>div .experience-image {
width: 200px;
}
#home-experiences .experiences-homegrid .left-grid {
padding-bottom: 180px;
}
img.offers-artwork.offers-artwork1 {
width: 860px;
right: calc(608px - 889px - 347px);
top: 40px;
}
.tribe-events .tribe-events-calendar-month__day-cell.single-day-event .tribe-events-calendar-month__calendar-event-highlight .tribe-events-calendar-single-event-dot {
margin-top: 2.25rem;
}
.amenitybox {
padding: 0;
background: #fff;
}
.room-amenities ul.amenities li {
width: 100%}
.room-detail-content .description-features ul.features {
gap: 1rem;
flex-direction: column;
}
.home #home-experiences div#page-title .fancy-h1, .home #home-experiences div#page-title h1.fancy-h1, .home #home-experiences div#page-title h3.fancy-h1 {
font-size: 8rem;
line-height: 7.5rem;
}
.home #home-experiences div#page-title h1 {
font-size: 2.25rem;
}
#home-featured div#page-title .page-title-h1, #home-featured div#page-title h1 {
font-size: 6.5rem;
}
.home #home-about div#page-title h1 {
font-size: 2.5rem;
}
.page-template-about-template .default-template-title, .page-template-contact-template .default-template-title, .page-template-default .default-template-title, .page-template-default-template .default-template-title, .page-template-full-width-template .default-template-title {
padding: 3.5rem 1rem 2rem;
}
div#menu-event .event-list-page {
width: 100%!important;
}
div#menu-event {
width: 100%;
max-width: unset;
}
.page-template-contact-template form.wpcf7-form {
padding: 1.75rem 1.25rem .125rem;
border-radius: 32px;
}
}.tribe-common .tribe-common-b3 {
text-transform: unset;
}
@media only screen and (max-width:400px) {
.web-v3.archive.post-type-archive-artist section#journal, .web-v3.post-type-archive-artist {
padding-bottom: 0;
}
.web-v3.archive section#journal {
padding: 150px 4px 48px;
}
.web-v3 div#our-collaborators {
margin: 60px -4px 0;
padding: 20px 4px 60px;
}
.web-v3.archive .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title p.entry-meta.journal-type {
font-size: 10px;
padding: 2px 4px;
}
.web-v3.archive .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title p.card-title, .web-v3.blog .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title p.card-title {
margin-top: 12px;
}
.web-v3.archive .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .image-card, .web-v3.blog .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .image-card {
min-height: 240px;
padding: 4px!important;
}
.web-v3.archive .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title span.support-text, .web-v3.blog .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title span.support-text {
margin-top: 4px;
}
.web-v3.archive .splide.post-listing-section ul.splide__list, .web-v3.blog .splide.post-listing-section ul.splide__list {
gap: 4px;
}
.web-v3.archive .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title.image-card p.card-title, .web-v3.blog .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title.image-card p.card-title {
font-size: 12px!important;
padding: 8px 12px;
line-height: 17px!important;
}
.web-v3.archive .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title, .web-v3.blog .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title {
padding: 8px;
}
.web-v3 ul#splide-offers-list li {
height: 260px!important;
}
.web-v3 section#stay ul.splide__list li a .tall-card-title .card-title {
font-size: 14px;
line-height: 22px;
}
.web-v3 section#stay ul.splide__list li a .tall-card-title {
width: 128px;
height: 112px;
}
.subscribe-form form.wpcf7-form input[type=email] {
max-width: calc(100vw - 96px - 3rem)!important;
}
.subscribe-form form.wpcf7-form input[type=submit], .subscribe-form input.wpcf7-form-control.has-spinner.wpcf7-submit {
max-width: 96px;
}
.post-type-archive-eat .big-cards .big-card {
height: 710px;
}
.page-template-default .default-template-title h1, .page-template-default-template .default-template-title h1 {
font-size: 2.5rem;
}
.post-type-archive-experiences .big-cards .big-card, .post-type-archive-facilities .big-cards .big-card {
height: auto;
aspect-ratio: 560/1140;
}
.post-type-archive-journal .default-template-title h1, .tax-journal-type .default-template-title h1 {
font-size: 3rem;
padding-top: 3rem;
}
.tax-journal-type a.back-to-gallery {
padding-top: 3rem;
}
.right-image.experience-image {
margin-top: -163px;
}
#home-experiences .experiences-homegrid>div .experience-image, .subscribe-form input[type=text] {
width: 200px;
}
#home-experiences .experiences-homegrid .left-grid {
padding-bottom: 180px;
}
img.room-arwork.room-arwork3 {
width: 320px;
right: -200px;
top: 20px;
}
img.room-arwork.room-arwork1 {
width: 440px;
left: -180px;
}
img.room-arwork.room-arwork2 {
width: 320px;
right: -40px;
}
.home #home-rooms div#page-title {
max-width: 280px;
}
.home #home-rooms div#page-title h1 {
margin-top: 1.75rem;
font-size: 5.5rem;
line-height: 5.5rem;
text-align: left;
}
img.offers-artwork.offers-artwork1 {
top: 60px;
right: calc(608px - 888px - 347px);
}
.tribe-events .tribe-events-calendar-month__multiday-event-bar-title {
font-size: .75rem;
line-height: 1rem;
}
.tribe-common--breakpoint-medium.tribe-common .tribe-common-h4 time {
font-size: .75rem;
}
.tribe-events .tribe-events-calendar-month__day-cell.single-day-event .tribe-events-calendar-month__calendar-event-highlight .tribe-events-calendar-single-event-dot {
margin-top: 2rem;
}
.tribe-events .tribe-events-calendar-month__day-cell {
border-radius: .5rem;
}
.tribe-events .tribe-events-calendar-month__multiday-event--display .tribe-events-calendar-month__multiday-event-bar {
border-radius: .5rem!important;
}
#loaded-photos .polaroid-cards>div, .opened .infinite-slider .slide .behind-polaroid, .opened .infinite-slider .slide .card {
width: 174px;
padding: .125rem;
}
.infinite-slider .slide.opened .polaroid-cards .card, .infinite-slider .slide:nth-child(3n).opened .polaroid-cards .card, .infinite-slider .slide:nth-child(3n-2).opened .polaroid-cards .card {
left: calc(-26px - .25rem);
}
.infinite-slider .slide.opened .polaroid-cards .polaroid-1, .infinite-slider .slide:nth-child(3n).opened .polaroid-cards .polaroid-1, .infinite-slider .slide:nth-child(3n-2).opened .polaroid-cards .polaroid-1 {
transform: translate(calc(-27px - .25rem), 249px);
}
.infinite-slider .slide.opened .polaroid-cards .polaroid-0, .infinite-slider .slide:nth-child(3n).opened .polaroid-cards .polaroid-0, .infinite-slider .slide:nth-child(3n-2).opened .polaroid-cards .polaroid-0 {
transform: translate(calc(120px + 2rem), 0);
}
.gallerybox .mini-gallery img {
height: 9rem;
}
.related-rooms main#scroll-cards.mobile-relateds section.scroll-card {
height: 200px;
}
section.scroll-card a.room-item .entry-title {
font-size: 1.35rem;
line-height: 1.5rem;
}
section.scroll-card a.room-item p.by-line {
font-size: .8rem;
line-height: .9rem;
}
.page-template-faq-template #page-title h1, .post-type-archive-album #page-title h1, .post-type-archive-diving #page-title h1, .post-type-archive-eat #page-title h1, .post-type-archive-excursions #page-title h1, .post-type-archive-experiences #page-title h1, .post-type-archive-facilities #page-title h1, .post-type-archive-rooms #page-title h1, .post-type-archive-spa #page-title h1 {
font-size: 2.75rem;
padding-bottom: 1.75rem;
}
.big-cards .big-card:first-child {
height: auto;
aspect-ratio: 580/1040;
}
.big-cards .big-card {
height: auto;
aspect-ratio: 620/960;
}
.tribe-events-c-top-bar__datepicker-container {
width: 200px!important;
}
.tribe-events .datepicker .month, .tribe-events .datepicker .year {
width: 33%}
.tribe-events-calendar-month__day--current h3.tribe-events-calendar-month__day-date.tribe-common-h4:before, .tribe-events-calendar-month__day--current p.tribe-events-calendar-month__day-date.tribe-common-h4:before {
width: 20px;
height: 20px;
}
.post-type-archive-eat .big-card .entry-content p, .post-type-archive-eat .big-card.opened .full-details .body p, .post-type-archive-experiences .big-card .entry-content p, .post-type-archive-experiences .big-card.opened .full-details .body p, .post-type-archive-facilities .big-card .entry-content p, .post-type-archive-facilities .big-card.opened .full-details .body p {
font-size: .875rem;
line-height: 1.325rem;
}
}@media only screen and (max-width:360px) {
.post-type-archive-eat .big-cards .big-card {
height: 750px;
}
.tribe-events .tribe-events-calendar-month__day-cell.single-day-event .tribe-events-calendar-month__calendar-event-highlight .tribe-events-calendar-single-event-dot {
margin-top: 1.575rem;
}
.post-type-archive-album .opened #page-title h1#album-title {
font-size: 2.75rem;
}
#loaded-photos .polaroid-cards>div {
width: 154px;
padding: .125rem;
}
.opened .infinite-slider .slide .behind-polaroid, .opened .infinite-slider .slide .card {
width: 154px;
}
.infinite-slider .slide.opened .polaroid-cards .card, .infinite-slider .slide:nth-child(3n).opened .polaroid-cards .card, .infinite-slider .slide:nth-child(3n-2).opened .polaroid-cards .card {
left: calc(-7px - .25rem);
}
.infinite-slider .slide.opened .polaroid-cards .polaroid-1, .infinite-slider .slide:nth-child(3n).opened .polaroid-cards .polaroid-1, .infinite-slider .slide:nth-child(3n-2).opened .polaroid-cards .polaroid-1 {
transform: translate(calc(-7px - .25rem), 221px);
}
.post-type-archive-album #page-title {
padding: 0 1rem;
}
a.room-item .entry-title {
font-size: 1.5rem;
line-height: 1.75rem;
}
a.room-item p.by-line {
font-size: .85rem;
line-height: 1rem;
}
.big-cards .big-card .entry-content h1.entry-title {
line-height: 1.75rem;
font-size: 1.5rem;
margin-bottom: .5rem!important;
}
.big-cards .big-card {
height: auto;
aspect-ratio: 540/960;
}
.big-cards .big-card:first-child {
height: auto;
aspect-ratio: 520/1040;
}
}@media only screen and (max-width:320px) {
img.offers-artwork.offers-artwork1 {
top: 11rem;
}
.subscribe-form input[type=text] {
width: 160px;
}
div#loaded-photos .polaroid-card-thumbs {
grid-gap: 1rem;
grid-gap: 1rem;
margin-top: -835px;
}
.opened .infinite-slider .slide .behind-polaroid, .opened .infinite-slider .slide .card {
width: 154px;
position: relative!important;
margin: 0 auto 1rem!important;
left: unset!important;
transform: unset!important;
}
}img.book-banner {
margin: 12px auto 32px;
display: flex;
width: 100%;
border-radius: 18px;
max-width: 720px;
}
.page-template-contact-template .event-form form.wpcf7-form input, .page-template-contact-template .event-form form.wpcf7-form select {
margin-bottom: 24px!important;
}
label.contact-with-country {
display: flex;
flex-wrap: wrap;
column-gap: 8px;
}
.event-form form .row p label, label.contact-with-country>span[data-name=phoneNumber] {
flex: 1;
}  .moveLoader .spinner video, .spinner {
max-height: 450px;
max-width: 450px;
width: 100%;
height: 100%}
.subscribe-form input[type=submit], .subscribe-form input[type=text] {
font-family: Poppins!important;
box-shadow: 0 1px 2px rgb(16 24 40 / 5%);
}
.animate, .animate.fade {
animation-name: animate-fade;
}
*, a, b, body, h1, h2, h3, h4, h5, h6, li, p, small, span, td, tr {
font-family: Poppins;
}
html {
scroll-behavior: smooth;
}
@font-face {
font-family: AllRoundGothic-Medium;
src: url(https://oagaresorts.com/wp-content/themes/oaga-child/fonts/allroundgothic-medium-webfont.woff2) format('woff2'), url(https://oagaresorts.com/wp-content/themes/oaga-child/fonts/allroundgothic-medium-webfont.woff) format('woff');
font-weight: 500;
font-style: normal;
}
.address-sections h3 {
margin: 16px 0 0;
font-weight: 600;
font-size: 1.2rem;
color: #fff;
line-height: 1.75rem;
display: flex;
gap: .5rem;
align-items: center;
}
.offer-detail-content .right-side h4 p, .page-template-contact-template form.wpcf7-form p, .related-rooms .about-room h3, .site-footer .footer-widgets-container .inside-footer-widgets, .tab .tabs div h2, a.special-link p, ul#menu-footer li {
margin: 0;
}
@font-face {
font-family: AllRoundGothic-Book;
src: url(https://oagaresorts.com/wp-content/themes/oaga-child/fonts/allroundgothic-book-webfont.woff2) format('woff2'), url(https://oagaresorts.com/wp-content/themes/oaga-child/fonts/allroundgothic-book-webfont.woff) format('woff');
font-weight: 350;
font-style: normal;
}
@font-face {
font-family: AllRoundGothic-XLig;
src: url(https://oagaresorts.com/wp-content/themes/oaga-child/fonts/allroundgothic-xlig-webfont.woff2) format('woff2'), url(https://oagaresorts.com/wp-content/themes/oaga-child/fonts/allroundgothic-xlig-webfont.woff) format('woff');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: AllRoundGothic-SemiBold;
src: url(https://oagaresorts.com/wp-content/themes/oaga-child/fonts/allroundgothic-semibold-webfont.woff2) format('woff2'), url(https://oagaresorts.com/wp-content/themes/oaga-child/fonts/allroundgothic-semibold-webfont.woff) format('woff');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: Zooja;
src: url(https://oagaresorts.com/wp-content/themes/oaga-child/fonts/Zooja.ttf) format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: AllRoundGothic-Bold;
src: url(https://oagaresorts.com/wp-content/themes/oaga-child/fonts/allroundgothic-bold-webfont.woff2) format('woff2'), url(https://oagaresorts.com/wp-content/themes/oaga-child/fonts/allroundgothic-bold-webfont.woff) format('woff');
font-weight: 700;
font-style: normal;
}
.spinner-wrapper {
background: #fff;
width: 100%;
height: 100%;
display: block;
position: fixed;
top: 0;
left: 0;
z-index: 10000;
}
.spinner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1000;
display: flex;
justify-content: center;
align-items: center;
}
.spinner>div {
height: 80px;
width: 80px;
background-repeat: no-repeat;
background-size: contain;
display: inline-block;
background-image: url(https://oagaresorts.com/wp-content/uploads/2022/02/favicon.png);
-webkit-animation: 2.3s ease-in infinite sk-stretchdelay;
animation: 2.3s ease-in infinite sk-stretchdelay;
}
.spinner .rect2 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.spinner .rect3 {
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
.spinner .rect4 {
-webkit-animation-delay: -.9s;
animation-delay: -.9s;
}
.spinner .rect5 {
-webkit-animation-delay: -.8s;
animation-delay: -.8s;
}
.spinner-wrapper.moveLoader {
transition: 1s ease-out;
opacity: 0;
}
@-webkit-keyframes sk-stretchdelay {
0%, 100%, 40% {
-webkit-transform: scale(.97, .97);
}
20%, 60% {
-webkit-transform: scale(1, 1);
}
}@keyframes sk-stretchdelay {
0%, 100%, 40% {
transform: scale(.97, .97);
-webkit-transform: scale(.97, .97);
}
20%, 60% {
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}
}#banner .soliloquy-pager.soliloquy-default-pager, #menu-event .tribe-events-header__messages.tribe-events-c-messages.tribe-common-b2.tribe-common-c-loader__dot.tribe-common-c-loader__dot--third, #quadmenu.quadmenu-generatepress.quadmenu-hover-ripple .quadmenu-navbar-nav>li.quadmenu-item.quadmenu-has-link>a:before, #quadmenu.quadmenu-generatepress.quadmenu-hover-slidebar .quadmenu-navbar-nav>li.quadmenu-item.quadmenu-has-link>a:before, .about-bg.mobile, .comments-area, .infinite-slider .slide.opened .entry-content, .mobile-banner.metaslider, .mobile-offers-link, .offer-detail-content .tribe-events-cal-links, .page-template-contact-template article header.entry-header, .page-template-contact-template input[type=file], .page-template-default .inside-article header.entry-header, .page-template-default-template .inside-article header.entry-header, .page-template-faq-template .featured-image.page-header-image.grid-container.grid-parent, .page-template-full-width-template .entry-header, .tab .tabs div:not(:first-of-type), .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__day:after, .tribe-events .tribe-events-c-messages__message--notice .tribe-events-c-messages__message-icon-svg, div#menu-event .event-list-column .event-list-section h3, div#menu-event .event-list-column .event-summary-section p.summary-text, div#menu-event .event-title-desc-area p, div#menu-event .tribe-common-b1.tribe-common-b2--min-medium.tribe-events-widget-events-month__view-more, div#menu-event .tribe-events-header__messages.tribe-events-c-messages.tribe-common-b2.tribe-events-header__messages--mobile.tribe-events-header__messages--day, footer.entry-meta, header#masthead, main#scroll-cards.mobile-relateds {
display: none;
}
header#masthead, nav#site-navigation {
background: 0 0;
z-index: 1;
}
header#masthead:before {
background: url(https://oagaresorts.com/wp-content/themes/oaga-child/images/headerartwork.svg) center/cover no-repeat #ffc900;
content: "";
position: absolute;
top: 0;
width: 100%;
height: calc(100% + 54px);
z-index: -1;
}
body.blog div#page:before, body.page-template div#page:before, body.page-template-default div#page:before, body.post-template-default div#page:before, body.post-type-archive-eat div#page:before, body.post-type-archive-experiences div#page:before, body.post-type-archive-facilities div#page:before, body.post-type-archive-journal div#page:before, body.post-type-archive-offers div#page:before, body.post-type-archive-rooms div#page:before, body.post-type-archive-spa div#page:before, body.post-type-archive-tribe_events div#page:before, body.single-journal div#page:before, body.single-offers div#page:before, body.single-rooms div#page:before, body.single-tribe_events div#page:before, body.tax-journal-type div#page:before {
position: absolute;
top: -120px;
left: calc(50% - 50vw);
min-width: 100vw;
z-index: -1;
background-size: cover;
aspect-ratio: 1440/2216;
opacity: .65;
}
.site-content .event-list-page {
background: #fff;
border-radius: 1rem;
margin-bottom: 7rem;
padding: 1.5rem;
margin-left: -1.5rem;
margin-right: -1.5rem;
}
body.single-rooms div#page:before {
top: 550px;
}
body.post-type-archive-offers .offer-cards .offer-card:last-child {
display: flex;
}
body.blog div#page, body.page-template div#page, body.page-template-default div#page, body.page-template-default-template div#page, body.post-template-default div#page, body.post-type-archive-artist div#page, body.post-type-archive-diving div#page, body.post-type-archive-eat div#page, body.post-type-archive-excursions div#page, body.post-type-archive-experiences div#page, body.post-type-archive-facilities div#page, body.post-type-archive-journal div#page, body.post-type-archive-offers div#page, body.post-type-archive-people div#page, body.post-type-archive-rooms div#page, body.post-type-archive-spa div#page, body.post-type-archive-tribe_events div#page, body.single-journal div#page, body.single-offers div#page, body.single-rooms div#page, body.single-tribe_events div#page {
position: relative;
overflow-y: clip;
width: 100%}
body.single-offers div#page div#content {
max-width: 100%;
overflow: clip;
}
body.page-template div#page .inside-article, body.page-template-default div#page .inside-article, body.page-template-default-template div#page .inside-article {
background: unset;
}
#quadmenu.quadmenu-generatepress .quadmenu-navbar-nav>li.quadmenu-item>a {
font-family: Poppins!important;
font-weight: 350!important;
}
#quadmenu .quadmenu-navbar-nav>li.quadmenu-item>.quadmenu-item-content {
padding: 0 18.5px;
}
#quadmenu.quadmenu-is-horizontal.quadmenu-align-center .quadmenu-navbar-nav>li a>span, .faq-list details summary, .featured-cards, .infinite-slider, .main-navigation #quadmenu.quadmenu-generatepress .quadmenu-navbar-nav>li:not(.quadmenu-item-type-button)>a:hover>.quadmenu-item-content .quadmenu-text, .main-navigation #quadmenu.quadmenu-generatepress .quadmenu-navbar-nav>li:not(.quadmenu-item-type-button)>a>.quadmenu-item-content .quadmenu-text, .page-template-about-template div#primary, .page-template-contact-template div#primary, .page-template-contact-template form.wpcf7-form span.JobPosition, .page-template-full-width-template div#primary, .post-type-archive-album #page-title, .post-type-archive-album .site-content, .post-type-archive-artist .site-content, .post-type-archive-people .site-content, .sticky-container, .web-v3 .event-summary, .web-v3.archive section#stay ul.splide__list.\32 by2 li.splide__slide, a.experience-item>div, section#home-about .grid-container, section#home-offers .grid-container, section#home-rooms .grid-container {
position: relative;
}
#quadmenu.quadmenu-is-horizontal.quadmenu-align-center .quadmenu-navbar-nav>li:not(:last-child) a>span:before {
content: '';
background: #e00059;
width: 5px;
height: 5px;
display: block;
border-radius: 100%;
position: absolute;
right: -2.5px;
top: 8px;
}
nav#site-navigation {
background: center/cover #ffc900;
z-index: 10;
}
#quadmenu.quadmenu-is-horizontal.quadmenu-align-center .quadmenu-navbar-nav>li:nth-child(2) a>span:before, .blog div#primary .site-main article:nth-child(8n+2), .post-type-archive-journal div#primary .site-main article:nth-child(8n+2), .tax-journal-type div#primary .site-main article:nth-child(8n+2) {
background: #00bfa1;
}
#quadmenu.quadmenu-is-horizontal.quadmenu-align-center .quadmenu-navbar-nav>li:nth-child(3) a>span:before, .blog div#primary .site-main article:nth-child(8n+3), .post-type-archive-journal div#primary .site-main article:nth-child(8n+3), .tax-journal-type div#primary .site-main article:nth-child(8n+3) {
background: #d35f94;
}
#quadmenu.quadmenu-is-horizontal.quadmenu-align-center .quadmenu-navbar-nav>li:nth-child(4) a>span:before, .blog div#primary .site-main article:nth-child(8n+4), .post-type-archive-journal div#primary .site-main article:nth-child(8n+4), .tax-journal-type div#primary .site-main article:nth-child(8n+4) {
background: #008bf4;
}
#quadmenu.quadmenu-is-horizontal.quadmenu-align-center .quadmenu-navbar-nav>li:nth-child(5) a>span:before, .address-sections .office-address, .blog div#primary .site-main article:nth-child(8n+7), .post-type-archive-journal div#primary .site-main article:nth-child(8n+7), .subscribe-bar, .tax-journal-type div#primary .site-main article:nth-child(8n+7) {
background: #673ab7;
}
#quadmenu.quadmenu-is-horizontal.quadmenu-align-center .quadmenu-navbar-nav>li:nth-child(6) a>span:before {
background: #a6005f;
}
.home .availability-check .row label, .home .availability-check .row.pax .number input, .main-navigation #quadmenu.quadmenu-generatepress .quadmenu-navbar-nav>li:not(.quadmenu-item-type-button)>a>.quadmenu-item-content, .post-type-archive-eat #quadmenu.quadmenu-generatepress .quadmenu-navbar-nav>li.quadmenu-item-366>a span.quadmenu-text, .post-type-archive-experiences #quadmenu.quadmenu-generatepress .quadmenu-navbar-nav>li.quadmenu-item-372>a span.quadmenu-text, .post-type-archive-offers #quadmenu.quadmenu-generatepress .quadmenu-navbar-nav>li.quadmenu-item-67>a span.quadmenu-text, .post-type-archive-rooms #quadmenu.quadmenu-generatepress .quadmenu-navbar-nav>li.quadmenu-item-351>a span.quadmenu-text, .post-type-archive-spa #quadmenu.quadmenu-generatepress .quadmenu-navbar-nav>li.quadmenu-item-369>a span.quadmenu-text, .single-offers #quadmenu.quadmenu-generatepress .quadmenu-navbar-nav>li.quadmenu-item-67>a span.quadmenu-text, .single-rooms #quadmenu.quadmenu-generatepress .quadmenu-navbar-nav>li.quadmenu-item-351>a span.quadmenu-text, .web-v3.post-type-archive-rooms div#page-title span {
color: #000;
}
h3.tribe-events-calendar-month__day-date.tribe-common-h4, p.tribe-events-calendar-month__day-date.tribe-common-h4 {
position: absolute;
width: 100%;
height: 100%;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.flexslider .slides>li, .tribe-events-calendar-month__multiday-event-wrapper, .tribe-events-calendar-month__multiday-event-wrapper article, .tribe-events-calendar-month__multiday-event-wrapper article .tribe-events-calendar-month__multiday-event-bar, .tribe-events-calendar-month__multiday-event-wrapper article .tribe-events-calendar-month__multiday-event-bar .tribe-events-calendar-month__multiday-event-bar-inner, .web-v3 #offers .splide__slide img, .web-v3 div#splide-banner, .web-v3 div#splide-banner-mobile, .web-v3 div#splide-banner-mobile-track, .web-v3 div#splide-banner-track, div#menu-event .tribe-events .tribe-events-calendar-month__multiday-event-bar a {
height: 100%!important;
}
.tribe-events-calendar-month__multiday-event-wrapper article .tribe-events-calendar-month__multiday-event-bar .tribe-events-calendar-month__multiday-event-bar-inner {
display: flex;
justify-content: center;
}
.event-list-page, .events-occasions-list .row {
display: flex;
justify-content: space-between;
}
.absolute, .big-card .learn-more span.icon>span, .tribe-events-c-top-bar__actions.tribe-common-a11y-hidden, img.offers-artwork {
position: absolute;
}
.tribe-events .tribe-events-calendar-month__header-column-title span {
color: var(--contrast-3);
font-size: .75rem;
line-height: .75rem;
text-align: center;
}
.tribe-events .tribe-events-c-top-bar {
justify-content: center;
margin-bottom: 1rem!important;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-header__messages {
margin-bottom: 1.5rem;
}
.tribe-common .tribe-common-anchor-thin-alt {
border: none;
font-weight: 500;
}
.wpcf7 form.spam .wpcf7-response-output {
background: #f56e28!important;
}
span.not-found-message {
font-size: 1rem;
color: var(--contrast-2);
font-weight: 300;
line-height: 1.5rem;
}
.tribe-events .datepicker .month.current {
background: var(--base-2);
color: #111827;
font-weight: 500;
}
.home #home-experiences div#page-title h1, .offer-detail-content .right-side .inclusions ul li span b, .tribe-events .datepicker .month.active, .tribe-events .datepicker .month.active.focused, a#fannuvarin b {
font-weight: 500;
}
.tribe-events .datepicker .month:hover {
background: var(--base);
}
.tribe-events .datepicker .day, .tribe-events .datepicker .month, .tribe-events .datepicker .year {
border-radius: 1rem;
}
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom {
background: #fff;
border-radius: 1rem;
border: none;
}
li.tribe-events-c-messages__message-list-item {
text-align: left;
color: var(--gray-700);
font-size: .75rem;
line-height: 1rem;
}
.tribe-events-c-messages__message.tribe-events-c-messages__message--notice {
background: #f2f4f7;
border-radius: 1rem;
display: block;
padding: 1rem 1.5rem!important;
}
.tribe-events .tribe-events-c-top-bar__nav-list-item, div#menu-event header.tribe-events-header {
padding: 0;
}
.tribe-events .tribe-events-c-top-bar__nav-list {
gap: 1.125rem;
align-items: center;
}
#home-experiences .experiences-homegrid, .tribe-events .tribe-events-c-top-bar__nav-list .tribe-events-c-top-bar__datepicker time.tribe-events-c-top-bar__datepicker-time, .tribe-events .tribe-events-c-top-bar__nav-list-item, div#mobile-booking-bar .form-inputs .row, div#mobile-booking-toggle {
display: flex;
}
.tribe-common .tribe-common-c-btn-icon--caret-left .tribe-common-c-btn-icon__icon-svg, .tribe-common .tribe-common-c-btn-icon--caret-right .tribe-common-c-btn-icon__icon-svg {
width: 18px;
height: 20px;
padding: 4px 6px;
}
.tribe-events .tribe-events-calendar-month__day {
height: 100%;
aspect-ratio: 1/1!important;
min-height: unset!important;
border: none!important;
padding: .25rem!important;
}
.tribe-events .tribe-events-calendar-month__day-cell {
border-radius: 1rem;
background: #f2f4f7;
border: 2px solid #f2f4f7;
position: relative;
}
.tribe-events .tribe-events-c-top-bar__datepicker-desktop, span.tribe-events-c-top-bar__datepicker-mobile {
font-weight: 500;
font-size: 1rem;
line-height: 1.5rem;
color: var(--gray-700);
text-align: center;
}
.caro-btn-next:focus, .caro-btn-next:hover, .caro-btn-prev:focus, .caro-btn-prev:hover, .page-template-contact-template .workWithUs button.outline-button:hover, .tribe-events-calendar-month__day--next-month .tribe-events-calendar-month__day-cell, .tribe-events-calendar-month__day--past-month .tribe-events-calendar-month__day-cell {
background: 0 0;
}
.amenitybox .room-amenities ul.amenities li:last-child, .faq-list details:first-child, .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__body, .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__week {
border: none;
}
.tribe-common--breakpoint-medium.tribe-common .tribe-common-h4 time {
font-weight: 500;
color: var(--contrast-2)!important;
font-size: 1.125rem;
line-height: 1.75rem;
}
.tribe-events .tribe-events-calendar-month__header-column {
padding-bottom: .5rem;
}
.event-list-page .tribe-common-l-container.tribe-events-l-container {
width: 595px;
margin-left: 0;
}
.event-list-page .even-list-column, .vertical-listing.grid .left.absolute {
max-width: 493px;
}
.tribe-events-calendar-month__day--current h3.tribe-events-calendar-month__day-date.tribe-common-h4 time, .tribe-events-calendar-month__day--current p.tribe-events-calendar-month__day-date.tribe-common-h4 time {
color: #fff!important;
z-index: 1;
}
.tribe-events-calendar-month__day--current h3.tribe-events-calendar-month__day-date.tribe-common-h4:before, .tribe-events-calendar-month__day--current p.tribe-events-calendar-month__day-date.tribe-common-h4:before {
content: "";
background: #e00059;
display: block;
position: absolute;
width: 35px;
height: 35px;
border-radius: 50%}
.tribe-events .tribe-events-calendar-month__multiday-event-bar-title {
color: #fff;
font-weight: 500;
font-size: 1.125rem;
line-height: 1.75rem;
text-align: center;
opacity: 1!important;
z-index: 1;
}
.tribe-events .tribe-events-calendar-month__multiday-event-bar-inner, .web-v3 section#banner {
background-size: cover;
background-position: center;
}
.tribe-events .tribe-events-calendar-month__multiday-event--width-1 .tribe-events-calendar-month__multiday-event-bar {
width: calc(100% + 4px);
border-radius: 1rem!important;
height: calc(100% + 4px)!important;
margin-top: -2px;
margin-left: -2px;
}
.tribe-events .tribe-events-calendar-month__multiday-event-bar.events-item.current-item, .tribe-events .tribe-events-calendar-month__multiday-event-bar:hover {
background: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), url(//oagaresorts.com/wp-content/themes/oaga-child/.jpg);
border: 1.5px solid #fff;
box-shadow: 0 0 0 2.5px rgb(224 0 89 / 15%), 0 0 0 1px #e00059;
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
}
#quadmenu.quadmenu-generatepress.quadmenu-is-horizontal.js .quadmenu-navbar-nav>li.quadmenu-item, .big-cards .big-card img.card-bg, .offer-cards .offer-card img.offer-bg, .tribe-events .tribe-events-calendar-month__multiday-event-bar.events-item, .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide .tall-card-title.image-card p.card-title, .web-v3.archive .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide, .web-v3.archive .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide p.entry-meta.journal-type, .web-v3.blog .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide p.entry-meta.journal-type {
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
}
.events-occasions-list .row.events-item.current-item p, .events-occasions-list .row:hover p {
color: var(--accent);
}
.tribe-events .tribe-events-calendar-month__multiday-event--width-2 .tribe-events-calendar-month__multiday-event-bar {
width: calc(200% + 16px);
border-radius: 1rem!important;
height: calc(100% + 4px)!important;
margin-top: -2px;
margin-left: -2px;
}
.date-and-place li span, .tribe-events .tribe-events-calendar-month__day-date-link {
color: var(--gray-700);
}
.tribe-events .tribe-events-calendar-month__day-cell.single-day-event .tribe-events-calendar-month__calendar-event-highlight .tribe-events-calendar-single-event-dot {
width: 4px;
height: 4px;
display: inline-block;
border-radius: 100%;
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
}
.tribe-events-calendar-month__calendar-event-highlight.event-list-item.events-item.current-item .tribe-events-calendar-single-event-dot, .tribe-events-calendar-month__calendar-event-highlight.event-list-item.events-item:hover .tribe-events-calendar-single-event-dot {
background: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), url(//oagaresorts.com/wp-content/themes/oaga-child/.jpg);
box-shadow: 0 0 0 2.5px rgb(224 0 89 / 15%), 0 0 0 1px #e00059;
height: 4px!important;
width: 4px!important;
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
}
.tribe-events .tribe-events-calendar-month__day-cell.single-day-event .tribe-events-calendar-month__calendar-event-highlight article {
padding: 0;
opacity: 1;
}
.tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__day-date-link {
color: var(--contrast-2)!important;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__day-date-link:focus, .tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__day-date-link:hover {
color: var(--tec-color-day-marker-past-month);
}
.tribe-common--breakpoint-medium.tribe-common .tribe-common-h4 time {
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
}
.tribe-events .tribe-events-calendar-month__day-cell.single-day-event .tribe-events-calendar-month__events {
display: flex;
justify-content: center;
align-items: self-end;
gap: .2rem;
}
.tribe-events .tribe-events-calendar-month__multiday-event--width-3 .tribe-events-calendar-month__multiday-event-bar {
width: calc(300% + 28px);
border-radius: 1rem;
height: calc(100% + 4px)!important;
margin-top: -2px;
margin-left: -2px;
}
.tribe-events .tribe-events-calendar-month__multiday-event--width-4 .tribe-events-calendar-month__multiday-event-bar {
width: calc(400% + 40px);
border-radius: 1rem;
height: calc(100% + 4px)!important;
margin-top: -2px;
margin-left: -2px;
}
.tribe-events .tribe-events-calendar-month__multiday-event--width-5 .tribe-events-calendar-month__multiday-event-bar {
width: calc(500% + 52px);
border-radius: 1rem;
height: calc(100% + 4px)!important;
margin-top: -2px;
margin-left: -2px;
}
.tribe-events .tribe-events-calendar-month__multiday-event--width-6 .tribe-events-calendar-month__multiday-event-bar {
width: calc(600% + 64px);
border-radius: 1rem;
height: calc(100% + 4px)!important;
margin-top: -2px;
margin-left: -2px;
}
.tribe-events .tribe-events-calendar-month__multiday-event--width-7 .tribe-events-calendar-month__multiday-event-bar {
width: calc(700% + 76px);
border-radius: 1rem;
height: calc(100% + 4px)!important;
margin-top: -2px;
margin-left: -2px;
}
.contact-bar {
display: flex;
width: 1216px;
max-width: calc(100vw);
flex-direction: row;
justify-content: space-between;
height: 25.5px;
}
.left-area, .right-area {
width: calc(50% - 86.5px);
border-bottom: 1px solid #000;
}
.availability-check .row, .contact-bar .left-area ul {
display: flex;
flex-direction: row;
}
.widget-shape-container .widget-shape.center::after {
content: "";
background: red;
position: absolute;
width: 100%;
height: 100%;
left: 0;
}
a.call-icon {
color: #000;
font-size: 12px;
padding: 0 6px;
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
}
.events-occasions-list .row.public-holidays, .language-menu a, .tribe-events .tribe-events-calendar-month__multiday-event-hidden, .tribe_events_cat-public-holidays a {
pointer-events: none;
}
.language-menu {
margin: 0 11px 0 0;
}
.language-menu ul, .menu-experiences main section .entry-content h4, .web-v3.archive ul#splide-offers-list, .web-v3.page-template-contact-template .one-column-center form.wpcf7-form .country-select.inside input#Nationality {
margin: 0!important;
}
.contact-bar .left-area ul li, .page-template-about-template .default-template-body .inside-article .entry-content, .page-template-contact-template .default-template-body .inside-article .entry-content, .page-template-default .default-template-body .inside-article .entry-content, .page-template-default-template .default-template-body .inside-article .entry-content, .page-template-full-width-template .default-template-body .inside-article .entry-content {
margin-bottom: 0;
}
.language-menu li a {
color: #000;
text-decoration: none;
font-family: Poppins!important;
font-weight: 300!important;
text-transform: uppercase;
font-size: 14px;
}
.left-area {
margin-top: -4px;
}
.language-menu li a span {
color: #000!important;
opacity: .5;
padding-left: 1px;
font-size: 15px;
}
a.get-a-room-btn {
font-size: .875rem;
line-height: 20px;
font-family: Poppins!important;
font-weight: 500;
text-decoration: none;
background: #000;
color: #fff;
padding: 9px 17px;
border-radius: 24px;
display: flex;
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
}
a.get-a-room-btn:hover {
background: #fff;
color: #000;
-webkit-transition: .22s ease-out;
-moz-transition: .22s ease-out;
-o-transition: .22s ease-out;
transition: .22s ease-out;
}
a.call-icon:hover {
color: #fff;
-webkit-transition: .22s ease-out;
-moz-transition: .22s ease-out;
-o-transition: .22s ease-out;
transition: .22s ease-out;
}
.tribe-events-single .offer-detail-content .right-side h1 {
font-size: 1.875rem;
line-height: 2.25rem;
padding: 0;
margin-bottom: 1.25rem;
color: var(--contrast);
}
.tribe-events-single .tribe-events-single-event-description.tribe-events-content {
font-size: 1.125rem;
font-weight: 300;
line-height: 1.75rem;
color: var(--gray-700);
margin: 1.25rem 0;
}
.event-schedule-list ul {
margin: 0 0 1.5rem;
list-style-type: none;
display: flex;
flex-direction: column;
gap: .5rem;
}
.event-schedule-list ul li .itinerary-time {
font-weight: 500;
font-size: 1.25rem;
line-height: 1.5rem;
color: var(--contrast-2);
}
.event-schedule-list ul li .itinerary-name {
font-weight: 500;
font-size: 1.25rem;
line-height: 1.5rem;
color: var(--gray-700);
}
.event-schedule-list ul li {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.date-and-place li {
list-style-type: none;
color: var(--contrast-3);
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 300;
}
.tribe-events-single .offer-detail-content .left-side img.featured-image {
height: 424px;
margin-top: 0;
}
.tribe-events-single .offer-detail-content .right-side h3 {
font-weight: 300;
font-size: 1.25rem;
line-height: 1.75rem;
color: var(--contrast-3);
margin-bottom: .125rem;
}
#tribe-events-pg-template {
max-width: 1216px;
margin: 1.25rem 0 0;
padding: 0;
}
.right-area {
display: flex;
flex-flow: row-reverse;
padding-bottom: 6px;
align-items: flex-end;
}
.main-ctas {
display: flex;
flex-direction: row-reverse;
align-items: center;
height: 38px;
gap: 18px;
}
a.offers-link {
font-weight: 500;
color: #000;
text-decoration: none;
font-size: .875rem;
line-height: 1.25rem;
padding: 2px 8px;
border-radius: 32px;
background: #fff0;
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
}
.main-navigation #quadmenu.quadmenu-generatepress .quadmenu-navbar-nav>li:not(.quadmenu-item-type-button)>a:hover>.quadmenu-item-content .quadmenu-text:after, a.offers-link:hover {
background: #ff9902;
-webkit-transition: .22s ease-out;
-moz-transition: .22s ease-out;
-o-transition: .22s ease-out;
transition: .22s ease-out;
}
.inclusive-text p {
margin-bottom: .75rem;
font-size: 1rem;
}
.main-navigation #quadmenu.quadmenu-generatepress .quadmenu-navbar-nav>li:not(.quadmenu-item-type-button)>a>.quadmenu-item-content .quadmenu-text:after {
content: "";
position: absolute;
background: #fff0;
width: calc(100% + 14px);
height: 100%;
left: -7px;
z-index: -1;
border-radius: 32px;
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
}
.inside-header.grid-container {
padding: 32px 0 4px;
}
.logo-blank {
width: 173px;
}
.site-logo {
position: relative;
display: inline-block;
max-width: 100%;
z-index: 1;
}
#banner .soliloquy-wrapper, .logo-book-row, .logo-book-row .mini-logo, .logo-book-row .round-book, .subscribe-form form, .subscribe-form form p, ul#menu-footer, ul.social-icons {
display: flex;
display: flex;
}
.site-header .site-logo a:after {
content: "";
background: url(https://oagaresorts.com/wp-content/themes/oaga-child/images/oaga-logo-white.svg) 0 0/cover no-repeat;
width: 139px;
height: 85.3px;
position: absolute;
display: block;
top: 0;
opacity: 0;
-webkit-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-o-transition: .2s ease-in;
transition: .2s ease-in;
}
.main-navigation .logo-book-row .mini-logo a:after {
content: "";
background: url(https://oagaresorts.com/wp-content/themes/oaga-child/images/mini-logo-white.svg) 0 0/cover no-repeat;
width: 40px;
height: 25px;
position: absolute;
display: block;
top: 0;
opacity: 0;
-webkit-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-o-transition: .2s ease-in;
transition: .2s ease-in;
}
.main-navigation .logo-book-row .mini-logo a:hover:after, .site-header .site-logo a:hover:after {
opacity: 1;
-webkit-transition: .22s ease-out;
-moz-transition: .22s ease-out;
-o-transition: .22s ease-out;
transition: .22s ease-out;
}
.main-navigation .logo-book-row .mini-logo img, .site-header .site-logo a img {
opacity: 1;
-webkit-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-o-transition: .2s ease-in;
transition: .2s ease-in;
}
.main-navigation .logo-book-row .mini-logo a:hover img, .site-header .site-logo a:hover img {
opacity: 0;
-webkit-transition: .22s ease-out;
-moz-transition: .22s ease-out;
-o-transition: .22s ease-out;
transition: .22s ease-out;
}
.header-aligned-center:not([class*=nav-float-]) .inside-header>:not(:first-child) {
margin-top: -22px;
}
#quadmenu.quadmenu-is-horizontal .quadmenu-navbar-nav li.quadmenu-item>.quadmenu-dropdown-menu {
max-width: 850px;
margin-left: -425px;
left: 50%!important;
margin-top: 12px!important;
}
#quadmenu.quadmenu-generatepress .quadmenu-navbar-nav>li:not(.quadmenu-item-type-button).quadmenu-has-link.open>a::before {
content: ""!important;
display: block;
width: 15px!important;
height: 3px!important;
background: url(https://oagaresorts.com/wp-content/themes/oaga-child/images/down-circle-ffc900.svg) 0 0/contain!important;
position: absolute!important;
top: 54px!important;
left: 50%!important;
margin-left: -7.5px;
transform: none!important;
opacity: 1!important;
border-radius: unset!important;
animation: none!important;
transform-origin: 0px!important;
}
.subscribe-bar {
overflow: hidden;
}
.subscribe-text {
color: #fff;
max-width: 512px;
}
.subscribe-bar-content.grid-container>div, .web-v3.page section#home-more-section, .web-v3.single section#home-more-section, nav#quadmenu {
z-index: 1;
}
.subscribe-bar-content.grid-container {
position: relative;
padding: 2.125rem 0;
display: flex;
align-items: center;
justify-content: space-between;
}
.subscribe-bar .subscribe-bar-content.grid-container:after {
background: url(https://oagaresorts.com/wp-content/themes/oaga-child/images/subscribeartwork.svg) right/cover no-repeat;
content: "";
height: 100%;
width: 900px;
position: absolute;
top: 0;
right: -50px;
}
.subscribe-text .title-h1 {
font-family: Poppins!important;
font-size: 1.875rem;
line-height: 2.25rem;
font-weight: 600;
}
.subscribe-text p {
color: #e5e5e5;
font-family: Poppins!important;
font-weight: 300;
font-size: 1.25rem;
line-height: 1.75rem;
margin: 0;
}
.subscribe-form input[type=text] {
color: #737373;
font-weight: 300;
font-size: 1rem;
padding: 7px 14px;
border: 1px solid #d6d6d6;
border-radius: 8px;
width: 280px;
}
.subscribe-form input[type=submit] {
font-size: .875rem;
line-height: 1.25rem;
padding: 9px 17px;
background: var(--accent);
border: 1px solid var(--accent);
border-radius: 24px;
}
.big-card .entry-content p, .big-card.opened .full-details .body p, .copyright-bar {
font-family: Poppins!important;
font-size: 1rem;
line-height: 1.5rem;
font-weight: 300;
}
.availability-check, .page-template-contact-template form.wpcf7-form {
box-shadow: 0 12px 16px -4px rgb(16 24 40 / 8%), 0 4px 6px -2px rgb(16 24 40 / 3%);
}
.subscribe-form form {
gap: 16px;
max-width: unset!important;
padding: 0!important;
margin: unset!important;
border: none!important;
box-shadow: none!important;
background: 0 0!important;
}
.experience-detail-content .right-side a#book-now, a.view-menu {
padding: 9px 17px;
}
.subscribe-form form p {
gap: 16px;
}
.subscribe-form input[type=submit]:hover {
border: 1px solid #292929;
background: #292929;
}
.footer-widgets-container.grid-container .inner-padding.widget_media_image {
padding: 64px 0 32px;
margin: 0;
}
.footer-widgets-container.grid-container {
padding: 0 0 64px;
}
.footer-widgets-container.grid-container .wp-block-image img {
width: 142px;
}
.site-footer .footer-widgets-container .inner-padding.widget_nav_menu, .tribe-common-l-container.tribe-events-l-container, .web-v3.post-type-archive-rooms #content.site-content {
padding: 0!important;
}
.footer-widgets, .site-info {
background-color: unset;
}
.site-footer.footer-bar-active.footer-bar-align-right {
background: url(https://oagaresorts.com/wp-content/themes/oaga-child/images/footerartwork.svg) center/cover no-repeat #171464;
}
ul#menu-footer {
justify-content: center;
gap: 32px;
flex-wrap: wrap;
}
ul#menu-footer li a {
font-family: Poppins!important;
font-size: .875rem;
line-height: 1.25rem;
text-decoration: none;
color: #fff;
font-weight: 500;
}
ul#menu-footer li a:hover {
color: #01bfa1;
}
ul.social-icons li {
margin: 0;
line-height: 0;
}
.inside-site-info {
padding: 32px 0 48px;
border-top: 1px solid #fff;
}
.copyright-bar {
color: #fff;
}
ul.social-icons a {
color: #fff;
font-size: 24px;
}
ul.social-icons {
gap: 24px;
}
.logo-book-row {
position: absolute;
justify-content: space-between;
width: 100%;
top: 0;
height: 100%;
visibility: hidden;
opacity: 0;
}
.main-navigation {
position: sticky;
top: 0;
}
.main-navigation #quadmenu.quadmenu-generatepress.quadmenu-is-horizontal.js .quadmenu-navbar-nav>li.quadmenu-item {
height: 63px;
-webkit-transition: .3s ease-out;
-moz-transition: .3s ease-out;
-o-transition: .3s ease-out;
transition: .3s ease-out;
}
.main-navigation .logo-book-row {
visibility: visible;
opacity: 1;
}
.logo-book-row .mini-logo {
height: 25px;
align-self: center;
transform: translateY(-75px) scale(1.1);
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
}
.main-navigation .logo-book-row .mini-logo {
transform: translateY(0) scale(1);
-webkit-transition: .3s ease-out;
-moz-transition: .3s ease-out;
-o-transition: .3s ease-out;
transition: .3s ease-out 10ms;
}
.logo-book-row .round-book {
align-items: center;
transform: translateY(-65px);
-webkit-transition: .25s ease-out;
-moz-transition: .25s ease-out;
-o-transition: .25s ease-out;
transition: .25s ease-out;
}
.big-cards .big-card .entry-content, .main-navigation .logo-book-row .round-book {
-webkit-transition: .3s ease-out;
-moz-transition: .3s ease-out;
-o-transition: .3s ease-out;
}
.main-navigation .logo-book-row .round-book {
transform: translateY(0);
transition: .3s ease-out 10ms;
}
.logo-book-row .round-book a.get-a-room-btn {
border-radius: 24px;
}
section#banner {
width: 100%;
background: #f4f5f7;
height: 710px;
}
div#soliloquy-container-103 {
max-width: 100%!important;
}
#banner .soliloquy-container .soliloquy-image {
width: 100%;
object-fit: cover;
}
#banner .soliloquy-container .soliloquy-wrap, #banner .soliloquy-container .soliloquy-wrap li {
display: flex!important;
overflow: hidden;
align-content: center;
}
#banner .soliloquy-wrapper {
height: 652px;
overflow: hidden;
flex-direction: column-reverse;
}
#banner .soliloquy-container .soliloquy-viewport {
max-height: 652px;
}
#banner .soliloquy-controls.soliloquy-has-pager.soliloquy-has-controls-direction {
max-width: 1216px;
position: relative;
margin: 0 auto;
display: block;
height: 0;
width: 100%;
top: 236px;
}
#banner .soliloquy-theme-classic .soliloquy-next:after, #banner .soliloquy-theme-classic .soliloquy-prev:after {
height: 14px;
width: 9px;
background-size: cover;
top: 12px;
position: absolute;
display: block;
background-repeat: no-repeat;
content: ""}
#banner .soliloquy-theme-classic .soliloquy-controls-direction {
height: 40px;
}
#banner .soliloquy-theme-classic .soliloquy-next, #banner .soliloquy-theme-classic .soliloquy-prev {
width: 40px;
height: 40px;
border: 1px solid #fff;
border-radius: 100%;
background: 0 0;
opacity: .3;
}
#banner .soliloquy-theme-classic .soliloquy-next:hover, #banner .soliloquy-theme-classic .soliloquy-prev:hover {
opacity: .8;
}
#banner .soliloquy-theme-classic .soliloquy-prev:after {
background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 320 512'%3E%3C!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons,  Inc. --%3E%3Cpath d='M206.7 464.6l-183.1-191.1C18.22 267.1 16 261.1 16 256s2.219-11.97 6.688-16.59l183.1-191.1c9.152-9.594 24.34-9.906 33.9-.7187c9.625 9.125 9.938 24.37 .7187 33.91L73.24 256l168 175.4c9.219 9.5 8.906 24.78-.7187 33.91C231 474.5 215.8 474.2 206.7 464.6z'/%3E%3C/svg%3E");
left: 13.5px;
}
#banner .soliloquy-theme-classic .soliloquy-next:after, .metaslider .flexslider .flex-direction-nav li a.flex-next {
background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 320 512'%3E%3C!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons,  Inc. --%3E%3Cpath d='M113.3 47.41l183.1 191.1c4.469 4.625 6.688 10.62 6.688 16.59s-2.219 11.97-6.688 16.59l-183.1 191.1c-9.152 9.594-24.34 9.906-33.9 .7187c-9.625-9.125-9.938-24.38-.7187-33.91l168-175.4L78.71 80.6c-9.219-9.5-8.906-24.78 .7187-33.91C88.99 37.5 104.2 37.82 113.3 47.41z'/%3E%3C/svg%3E")!important;
}
.metaslider .flexslider .flex-direction-nav li a {
background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 320 512'%3E%3C!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons,  Inc. --%3E%3Cpath d='M206.7 464.6l-183.1-191.1C18.22 267.1 16 261.1 16 256s2.219-11.97 6.688-16.59l183.1-191.1c9.152-9.594 24.34-9.906 33.9-.7187c9.625 9.125 9.938 24.37 .7187 33.91L73.24 256l168 175.4c9.219 9.5 8.906 24.78-.7187 33.91C231 474.5 215.8 474.2 206.7 464.6z'/%3E%3C/svg%3E")!important;
background-size: 9px;
border: 1px solid #fff!important;
border-radius: 100%;
width: 40px!important;
height: 40px!important;
background-position: center;
opacity: .3!important;
}
#banner .soliloquy-theme-classic .soliloquy-next:after {
left: 14.5px;
}
.metaslider .flexslider .flex-direction-nav li a:hover {
opacity: .8!important;
}
.metaslider .flexslider:focus-within .flex-next, .metaslider .flexslider:hover .flex-next {
right: 1rem!important;
}
.metaslider .flexslider:focus-within .flex-prev, .metaslider .flexslider:hover .flex-prev {
left: 1rem!important;
}
#banner .soliloquy-container .soliloquy-wrap li {
height: 652px;
}
#banner .soliloquy-container .soliloquy-wrap, .post-type-archive-rooms div#content.site-content, .post-type-archive-rooms div#primary.site-content {
display: block!important;
}
.glide.full-width .glide__track, .glide.full-width .glide__track ul.glide__slides, .metaslider, .metaslider .flexslider, .metaslider .flexslider ul.slides, .metaslider>div, section#home-rooms .tab section.tabs>div {
height: 100%}
.about-bg.desktop, .desktop-banner.metaslider, .logged-in .tribe-events-calendar-month__multiday-event-bar, .tab .tabs div span {
display: block;
}
.metaslider .flexslider {
overflow: hidden!important;
border-radius: inherit;
}
.metaslider .slides img {
height: 100%!important;
object-fit: cover;
}
.site-content {
flex-direction: column;
}
section#home-offers {
padding-top: 3.5rem;
margin-bottom: 0;
background: #008bf4;
overflow: hidden;
padding-bottom: 4.5rem;
}
img.offers-artwork.offers-artwork1 {
content: "";
background: url(https://oagaresorts.com/wp-content/themes/oaga-child/images/fish-artwork.svg) 0 0/cover no-repeat;
position: absolute;
aspect-ratio: 1618/552;
width: 1618px;
right: calc(608px - 1618px - 60px);
top: -215px;
max-width: unset;
opacity: .3;
}
img.offers-artwork.offers-artwork2 {
content: "";
background: url(https://oagaresorts.com/wp-content/themes/oaga-child/images/fish-artwork-faded.svg) 0 0/cover no-repeat;
position: absolute;
aspect-ratio: 2039/913;
width: 2039px;
left: calc(608px - 2039px);
bottom: -340px;
z-index: 0;
max-width: unset;
opacity: .5;
}
.web-v3 .toggle-nav, .web-v3.single-journal .inside-article .featured-image.page-header-image-single, article span.byline, body.home.page-template div#page:before, body.web-v3.floating div#header-bar-logo-only img.big-black-logo, div#menu-event .tribe-events .tribe-events-calendar-month-mobile-events__mobile-day--show, div#menu-event button em.tribe-events-calendar-month__mobile-events-icon.tribe-events-calendar-month__mobile-events-icon--event {
display: none!important;
}
.offer-cards {
z-index: 0;
position: relative;
display: grid;
gap: 24px;
grid-template-columns: 1fr 1fr 1fr;
}
div#menu-event .tribe-events-calendar-month__day-cell.tribe-events-calendar-month__day-cell--desktop {
display: flex!important;
flex-direction: column;
display: flex!important;
}
div#menu-event .tribe-events-calendar-month__day {
overflow: visible;
padding-top: .5px!important;
padding-right: 3px!important;
}
.home div#page-title .page-title-h2, .home div#page-title h2 {
font-family: Poppins!important;
font-weight: 700!important;
color: var(--contrast-3);
font-size: 1rem;
line-height: 1.75rem;
margin: 0;
text-transform: lowercase;
}
section#home-offers #page-title .page-title-h2, section#home-offers #page-title h2 {
color: var(--oaga-yellow);
margin-bottom: .5rem;
}
.offer-cards .offer-card:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #00000029;
}
#quadmenu .quadmenu-item-widget .menu-journal .menu-title-h2, #quadmenu .quadmenu-item-widget .menu-journal h2, .home #home-about div#page-title .page-title-h2, .home #home-about div#page-title h2, body.home .section#home-offers #page-title .page-title-h2, body.home section#home-offers #page-title h2 {
color: var(--oaga-yellow);
}
section#home-offers #page-title .page-title-h1 {
font-size: 3.75rem;
font-family: Poppins!important;
font-weight: 500;
line-height: 3.75rem;
margin: 0;
text-transform: lowercase;
}
.big-card.opened .full-details .body p a, .blog div#primary .site-main article h2.entry-title a, .page-content h2 span.white, .post-type-archive-journal div#primary .site-main article h2.entry-title a, .tax-journal-type div#primary .site-main article h2.entry-title a, .web-v3 #spa.card-list-section ul.splide__list li p, .web-v3 #spa.card-list-section ul.splide__list li p.card-title, .web-v3 #spa.card-list-section ul.splide__list li span, .web-v3 div#inner-page .left-content a, .web-v3.archive div#page-title h2 span.white, .web-v3.archive section#diving h1.section-title, .web-v3.archive section#excursions h1.section-title, .web-v3.post-type-archive-eat #page-title h1 span, body.home section#home-offers #page-title .page-title-h1 {
color: #fff;
}
.home div#page-title .page-title-h1, .home div#page-title h1 {
font-family: Poppins!important;
font-weight: 400;
font-size: 3.75rem;
line-height: 1;
margin-bottom: 0;
}
#home-offers .offer-cards.rellax {
margin-top: 2.5rem;
}
.home div#page-title {
text-align: center;
max-width: 705px;
margin: 0 auto;
padding-bottom: 3.5rem;
}
.page-template-faq-template #page-title h1, .post-type-archive-album #page-title h1, .post-type-archive-artist #page-title h1, .post-type-archive-artist section#artist-listing #page-title .page-title-h1, .post-type-archive-artist section#artist-listing #page-title h1, .post-type-archive-diving #page-title h1, .post-type-archive-eat #page-title h1, .post-type-archive-excursions #page-title h1, .post-type-archive-experiences #page-title h1, .post-type-archive-facilities #page-title h1, .post-type-archive-offers .home div#page-title h1, .post-type-archive-people #page-title h1, .post-type-archive-people section#artist-listing #page-title .page-title-h1, .post-type-archive-people section#artist-listing #page-title h1, .post-type-archive-rooms #page-title h1, .post-type-archive-spa #page-title h1 {
font-family: Poppins!important;
font-size: 4.5rem;
max-width: 780px;
line-height: 1;
letter-spacing: -.02em;
font-weight: 500;
}
.post-type-archive-artist section#artist-listing #page-title, .post-type-archive-people section#artist-listing #page-title {
padding-bottom: 6rem;
}
.post-type-archive-artist section#artist-listing #page-title .page-title-h1 span, .post-type-archive-artist section#artist-listing #page-title h1 span, .post-type-archive-poeple section#artist-listing #page-title .page-title-h1 span, .post-type-archive-poeple section#artist-listing #page-title h1 span {
display: block;
color: #673ab7;
}
.home section#home-offers div#page-title {
margin: 0 auto -1rem;
padding-bottom: 0;
}
.big-cards {
display: grid;
gap: 24px;
grid-template-columns: 1fr 1fr;
}
.offer-cards .offer-card {
border-radius: 1rem;
width: 100%;
height: 424px;
overflow: hidden;
position: relative;
}
.big-cards .big-card:first-child {
grid-column-start: 1;
grid-column-end: 3;
}
.big-cards .big-card {
border-radius: 1rem;
height: 650px;
width: 100%;
text-decoration: none;
position: relative;
overflow: hidden;
display: flex;
align-items: flex-end;
}
.big-cards .big-card img.card-bg, .offer-cards .offer-card img.offer-bg {
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
object-fit: cover;
}
.offer-cards .offer-card a {
display: block;
width: 100%;
text-decoration: none;
position: relative;
overflow: hidden;
height: 100%}
.offer-cards .offer-card a .entry-content {
color: #fff;
padding: 2rem 1rem 0;
margin: 0;
display: flex;
flex-direction: column;
}
.big-cards .big-card .entry-content {
color: #fff;
padding: 3rem;
margin: 0;
width: 100%;
background-color: #ffffff00;
transition: .3s ease-out;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.big-cards .big-card.opened .entry-content, .empty-space-start, .opened .empty-space-end {
-webkit-transition: .3s ease-out;
-moz-transition: .3s ease-out;
-o-transition: .3s ease-out;
}
.big-cards .big-card.opened .entry-content {
height: 100%;
transition: .3s ease-out;
}
.big-card.opened .full-details ul.features {
list-style-type: none;
margin: 0;
}
.big-card.opened .full-details ul.features li {
display: flex;
margin-top: .75rem;
font-family: Poppins!important;
font-weight: 300;
font-size: .875rem;
line-height: 1.25rem;
gap: 6px;
place-items: center;
}
.big-card.opened .full-details .body p {
margin-top: .75rem;
}
.empty-space-start, .opened .empty-space-end {
flex-grow: 1;
transition: .3s ease-out;
}
.big-card .card-content, .empty-space-end, .opened .empty-space-start {
-webkit-transition: .3s ease-out;
-moz-transition: .3s ease-out;
-o-transition: .3s ease-out;
}
.empty-space-end, .opened .empty-space-start {
flex-grow: 0;
transition: .3s ease-out;
}
.big-card .card-content {
height: 140px!important;
display: flex;
flex-direction: column;
justify-content: center;
transition: .3s ease-out;
height: fit-content;
height: -moz-fit-content;
height: -webkit-fit-content;
}
.post-type-archive-spa .big-card .card-content {
height: 180px!important;
}
.big-card.opened .card-content {
height: 100%!important;
-webkit-transition: .3s ease-out;
-moz-transition: .3s ease-out;
-o-transition: .3s ease-out;
transition: .3s ease-out;
}
.big-card .full-details, .big-card .learn-more span.text {
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
}
.offer-cards .offer-card a .entry-content .entry-title, .offer-cards .offer-card a .entry-content h1.entry-title {
font-family: Poppins!important;
font-weight: 700;
font-size: 1.5rem;
line-height: 2rem;
text-align: center;
letter-spacing: -.02em;
padding-bottom: .25rem;
}
.big-cards .big-card .entry-content .entry-title, .big-cards .big-card .entry-content h1.entry-title {
font-family: Poppins!important;
font-weight: 600;
text-align: left;
padding-bottom: .25rem;
font-size: 2.25rem;
max-width: 500px;
letter-spacing: -.02em;
line-height: 2.5rem;
}
.offer-card a .entry-content p.by-line {
font-weight: 400;
text-align: center;
line-height: 1;
margin: .125rem auto 0;
border-radius: 2.5rem;
background: 0 0!important;
}
.big-card .entry-content p {
margin: 0;
text-align: left;
max-width: 500px;
}
.big-card .learn-more, .featured-items a.show-all, a.view-menu {
line-height: 1.25rem;
font-size: .875rem;
}
.big-card .full-details {
display: none;
opacity: 0;
transition: .2s ease-out;
}
.big-card.opened .full-details {
display: block;
opacity: 1;
-webkit-transition: .3s ease-out .2s;
-moz-transition: .3s ease-out .2s;
-o-transition: .3s ease-out .2s;
transition: .3s ease-out .2s;
}
.big-cards .big-card:hover img.card-bg, .offer-cards .offer-card:hover img.offer-bg, section#home-rooms .room-image:hover img {
-webkit-transition: .3s ease-out;
-moz-transition: .3s ease-out;
-o-transition: .3s ease-out;
transition: .3s ease-out;
transform: scale(1.05);
}
a.view-menu, section#home-rooms .tab nav .entry-title, section#home-rooms .tab nav h1.entry-title {
font-family: Poppins!important;
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
}
.big-card .learn-more {
font-family: Poppins!important;
font-weight: 300;
text-decoration: none;
color: #fff;
display: flex;
align-items: center;
}
a.view-menu {
text-decoration: none;
color: #fff;
font-weight: 400;
border: 1px solid #fcfcfc;
border-radius: 1.5rem;
opacity: 0;
visibility: hidden;
transition: .15s ease-out;
}
a.view-menu:hover {
-webkit-transition: .3s ease-out;
-moz-transition: .3s ease-out;
-o-transition: .3s ease-out;
transition: .3s ease-out;
background: #fff;
color: var(--gray-700);
}
.big-card .learn-more span.text {
opacity: 1;
visibility: visible;
transition: .2s ease-out;
}
.big-card.opened .learn-more span.text {
opacity: 0;
visibility: hidden;
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
}
.big-card.opened a.view-menu {
visibility: visible;
opacity: 1;
-webkit-transition: .3s ease-out;
-moz-transition: .3s ease-out;
-o-transition: .3s ease-out;
transition: .3s ease-out;
}
.big-card .bottom-row {
display: flex;
flex-direction: row;
margin-top: .75rem;
align-items: center;
justify-content: space-between;
}
.big-card .learn-more:hover, .page-template-contact-template label.custom-file-upload:hover, .polaroid-card-thumbs>div:hover {
cursor: pointer;
}
.big-card .learn-more span.icon {
width: 40px;
height: 40px;
display: inline-block;
margin-right: .25rem;
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
}
.big-card.opened .learn-more span.icon, a.room-item:hover>div::before {
-webkit-transition: .3s ease-out;
-moz-transition: .3s ease-out;
-o-transition: .3s ease-out;
}
.big-card.opened .learn-more span.icon {
transform: rotateZ(135deg);
transition: .3s ease-out;
}
.big-card .learn-more span.icon>span.outline {
-webkit-transition: .12s ease-out;
-moz-transition: .12s ease-out;
-o-transition: .12s ease-out;
transition: .12s ease-out;
opacity: 1;
}
.big-card .learn-more span.icon>span.fill {
-webkit-transition: .12s ease-out;
-moz-transition: .12s ease-out;
-o-transition: .12s ease-out;
transition: .12s ease-out;
opacity: 0;
}
.big-card .learn-more:hover span.icon>span.fill {
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
opacity: 1;
}
.big-card .learn-more:hover span.icon>span.outline {
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
opacity: 0;
}
#home-experiences main#scroll-cards {
display: flex;
flex-direction: row;
justify-content: center;
padding-top: 1.5rem;
}
section#home-diving, section#home-excursions, section#home-experiences {
padding-top: 6.5rem;
padding-bottom: 9rem;
position: relative;
z-index: 1;
}
.experiences-bg div {
width: 100%;
height: 100%;
z-index: -1;
position: relative;
}
.experiences-bg {
position: absolute;
width: 100%;
height: 100%;
top: 0;
display: flex;
z-index: -1;
}
.home #home-experiences div#page-title .page-title-h2, .home #home-experiences div#page-title h2 {
color: #fff;
margin-bottom: 1.5rem;
}
#home-experiences .experiences-homegrid>div {
width: 50%;
display: flex;
align-items: center;
gap: 1.5rem;
}
.home #home-experiences div#page-title .fancy-h1, .home #home-experiences div#page-title h1.fancy-h1, .home #home-experiences div#page-title h3.fancy-h1 {
color: #fff;
font-weight: 400;
font-family: Zooja!important;
font-size: 11.75rem;
z-index: -1;
letter-spacing: -.02em;
position: relative;
line-height: 10.5rem;
margin-bottom: 0;
}
#home-experiences .experiences-homegrid .experiences-list {
display: flex;
flex-direction: column;
gap: 1rem;
flex-wrap: wrap;
width: calc(100% - 280px - 1.5rem);
}
#home-experiences .experiences-homegrid .experiences-list a {
display: flex;
gap: .25rem;
flex-direction: column;
text-decoration: none;
position: relative;
}
.our-creatives-break {
display: block;
height: 11rem;
}
#home-experiences .experiences-homegrid .experiences-list a:before {
background: #00000010;
opacity: 0;
position: absolute;
width: calc(100% + 2rem);
height: calc(100% + 1rem);
content: "";
border-radius: 1rem;
left: -1rem;
top: -.5rem;
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
}
#home-experiences .experiences-homegrid .experiences-list h1, #home-experiences .experiences-homegrid .experiences-list p {
position: relative;
z-index: 1;
}
#home-experiences .experiences-homegrid .experiences-list a:hover:before {
opacity: 1;
-webkit-transition: .34s ease-out;
-moz-transition: .34s ease-out;
-o-transition: .34s ease-out;
transition: .34s ease-out;
}
#home-experiences .experiences-homegrid .left-grid {
text-align: right;
justify-content: flex-end;
}
#home-experiences .experiences-homegrid>div .experience-image {
width: 280px;
display: flex;
height: 458px;
aspect-ratio: 280/458;
}
#home-experiences .experiences-homegrid .experiences-list .entry-title, #home-experiences .experiences-homegrid .experiences-list h1 {
font-size: 1.25rem;
text-decoration: none;
line-height: 1.75rem;
font-weight: 600;
color: #000;
text-transform: lowercase;
}
#home-experiences .experiences-homegrid .experiences-list p {
margin: 0;
color: #000;
font-weight: 300;
font-size: 1rem;
line-height: 1.5rem;
}
.post-type-archive-rooms #content.site-content {
padding: 6.25rem 0 13.5rem;
width: 100%}
.post-type-archive-eat .big-cards .big-card {
height: 760px;
}
.post-type-archive-eat .big-cards .big-card:first-child {
height: 840px;
}
, .post-type-archive-rooms div#content {
width: 100%}
#quadmenu .quadmenu-item-widget .menu-accomodation .menu-title-h2, #quadmenu .quadmenu-item-widget .menu-accomodation h2, .blog div#primary .site-main article:nth-child(8n+2):hover h2 a, .blog div#primary .site-main article:nth-child(8n+2):hover p, .blog div#primary .site-main article:nth-child(8n+2):hover span, .post-type-archive-journal div#primary .site-main article:nth-child(8n+2):hover h2 a, .post-type-archive-journal div#primary .site-main article:nth-child(8n+2):hover p, .post-type-archive-journal div#primary .site-main article:nth-child(8n+2):hover span, .post-type-archive-rooms #page-title h1 span, .tax-journal-type div#primary .site-main article:nth-child(8n+2):hover h2 a, .tax-journal-type div#primary .site-main article:nth-child(8n+2):hover p, .tax-journal-type div#primary .site-main article:nth-child(8n+2):hover span {
color: #00bfa1;
}
.tab nav ul li {
display: inline-block;
text-decoration: none;
cursor: pointer;
transition: .35s ease-in-out;
margin-bottom: 1.5rem;
width: 100%;
border-bottom: 1px solid #fff;
}
section#home-rooms .tab nav {
width: 480px;
padding-top: 320px;
}
section#home-rooms .tab section.tabs {
width: 628px;
}
section#home-rooms .room-image {
width: 100%;
height: 100%;
border-radius: 1rem;
overflow: hidden;
margin: 0;
}
.tab nav ul li.inactive {
border-bottom: 1px solid var(--contrast-2);
}
section#home-rooms .tab nav .entry-title, section#home-rooms .tab nav h1.entry-title {
font-weight: 600;
color: var(--contrast-2);
font-size: 1.25rem;
line-height: 1.75rem;
margin-bottom: .25rem;
transition: .15s ease-out;
}
section#home-rooms .tab nav p.by-line, section#home-rooms .tab nav p.from-price {
font-size: 1rem;
line-height: 1.5rem;
font-weight: 300;
font-family: Poppins!important;
}
section#home-rooms .tab nav p.from-price {
color: var(--contrast-3);
padding-bottom: 1.5rem;
}
section#home-rooms .tab nav p.by-line {
color: var(--contrast-2);
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
}
section#home-rooms .tab nav .inactive .entry-title, section#home-rooms .tab nav .inactive h1.entry-title, section#home-rooms .tab nav .inactive p {
color: var(--gray-700);
-webkit-transition: .24s ease-out;
-moz-transition: .24s ease-out;
-o-transition: .24s ease-out;
transition: .24s ease-out;
}
section#home-rooms .room-icon-color, section#home-rooms .room-image img {
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
}
section#home-rooms .tab nav ul {
margin: 0;
display: flex;
flex-direction: column;
gap: 1rem;
}
.web-v3 .splide__slide img, section#home-rooms .room-image img.room-bg {
width: 100%;
height: 100%;
object-fit: cover;
}
section#home-rooms .room-image a {
width: 100%;
height: 100%;
display: inline-block;
}
.home #home-rooms div#page-title {
max-width: 480px;
text-align: left;
margin: 0 0 -320px;
top: 0;
}
section#home-rooms {
background: #fff;
z-index: 1;
overflow: hidden;
padding-top: 6.5rem;
padding-bottom: 7.5rem;
}
.about-bg, .blur-bg, .featured-bg, .item-thumb, .polaroid-photo, a.room-item>div, section#home-featured {
background-size: cover;
}
section#home-rooms .room-image img {
transition: .15s ease-out;
transform: scale(1);
}
a.room-item>div img, a.room-item>div::before {
-webkit-transition: .15s ease-in;
-moz-transition: .15s ease-in;
-o-transition: .15s ease-in;
left: 0;
position: absolute;
top: 0;
}
section#home-rooms .tab {
width: 100%;
display: flex;
justify-content: space-between;
align-items: stretch;
}
section#home-about .body p {
font-family: Poppins!important;
font-weight: 300;
color: #fff;
font-size: 1.125rem;
line-height: 1.75rem;
text-align: center;
max-width: 802px;
margin: 0 auto .125rem;
}
section#home-featured {
padding: 4.5rem 0 5.5rem;
background-repeat: no-repeat;
position: relative;
overflow: hidden;
}
.about-bg, .featured-bg {
position: absolute;
width: calc(100% + 2rem);
height: calc(100% + 360px);
top: 0;
margin: 0 -1rem;
}
.featured-bg.mobile {
opacity: .4;
display: none;
}
.featured-bg.desktop {
opacity: .4;
display: block;
}
.home #home-featured div#page-title {
padding-bottom: 1rem;
}
.featured-items .featured-title-h3, .featured-items h3 {
color: var(--gray-700);
font-size: 1.25rem;
font-weight: 600;
line-height: 1.75rem;
text-transform: lowercase;
margin-bottom: .25rem;
}
.featured-items a.show-all svg path {
stroke: var(--accent);
stroke-width: 1.25px;
}
.featured-items a.show-all {
display: flex;
align-items: center;
color: #000;
margin-top: .5rem;
}
.featured-items p {
font-weight: 300;
font-size: 1rem;
line-height: 1.5rem;
color: var(--gray-700);
margin-bottom: .25rem;
}
#quadmenu .quadmenu-item-widget .menu-experiences .menu-title-h2, #quadmenu .quadmenu-item-widget .menu-experiences h2, .blog div#primary .site-main article:nth-child(8n+7):hover h2 a, .blog div#primary .site-main article:nth-child(8n+7):hover p, .blog div#primary .site-main article:nth-child(8n+7):hover span, .home #home-featured div#page-title .page-title-h2, .home #home-featured div#page-title h2, .post-type-archive-journal div#primary .site-main article:nth-child(8n+7):hover h2 a, .post-type-archive-journal div#primary .site-main article:nth-child(8n+7):hover p, .post-type-archive-journal div#primary .site-main article:nth-child(8n+7):hover span, .tax-journal-type div#primary .site-main article:nth-child(8n+7):hover h2 a, .tax-journal-type div#primary .site-main article:nth-child(8n+7):hover p, .tax-journal-type div#primary .site-main article:nth-child(8n+7):hover span {
color: #673ab7;
}
.featured-items {
display: flex;
flex-direction: row;
gap: 3rem;
justify-content: center;
flex-wrap: wrap;
}
.featured-items img {
width: 100%;
height: auto;
aspect-ratio: 1/1;
object-fit: cover;
border-radius: 50%;
border: 4px solid #c9c9c9;
margin-bottom: 2rem;
max-width: 280px;
}
#book-now, .event-download-list a, a#book-now {
border-radius: 1.5rem;
line-height: 1.25rem;
font-size: .875rem;
text-decoration: none;
text-align: center;
}
.home .container.grid-container .featured-items img {
max-width: 220px;
}
.featured-items>div {
width: calc(33.3% - 2.25rem);
display: flex;
align-items: center;
flex-direction: column;
text-align: center;
}
body.home .featured-items>div {
width: calc(25% - 2.25rem);
display: flex;
align-items: center;
flex-direction: column;
text-align: center;
}
#home-featured div#page-title .page-title-h1, #home-featured div#page-title h1 {
font-size: 8rem;
font-family: Zooja!important;
transform: rotate(-10.49deg);
line-height: 4.375rem;
text-transform: lowercase;
max-width: 400px;
margin: 4rem auto 0;
letter-spacing: -.02em;
}
section#home-about {
padding-top: 3.5rem;
padding-bottom: 3rem;
background: 0 0/cover #673ab7;
overflow-x: clip;
overflow-y: visible;
position: relative;
}
img.about-artwork.about-artwork-desktop {
position: absolute;
aspect-ratio: 1061/525;
width: 1380px;
left: calc(-420px);
bottom: -730px;
background-size: cover;
max-width: unset;
}
img.about-artwork.about-artwork-mobile {
max-width: unset;
display: none;
}
section#home-about .body .show-all {
color: #fff;
margin-top: 1.125rem;
}
section#home-about .body .show-all svg path {
stroke: var(--oaga-yellow);
stroke-width: 2px;
}
.home #home-about div#page-title .entry-title, .home #home-about div#page-title h1 {
color: #fff;
text-transform: lowercase;
font-weight: 500!important;
margin-top: 2rem;
font-family: Poppins!important;
font-size: 3.75rem;
line-height: 1;
margin-bottom: 0;
}
.home #home-about .body, .home #home-about div#page-title {
max-width: 664px;
margin: 0 auto;
z-index: 1;
position: relative;
}
.home #home-about div#page-title {
padding-bottom: 2.25rem;
}
section.scroll-card {
display: flex;
height: auto;
aspect-ratio: 596/650;
}
.vertical-section {
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
}
.sticky-container main {
display: grid;
gap: 1.5rem;
padding-top: 3rem;
grid-template-columns: 1fr 1fr;
gap: 24px;
}
.sticky-container div#page-title {
position: absolute;
top: 0;
}
a.room-item {
width: 100%;
text-decoration: none;
overflow: hidden;
border-radius: 16px;
}
a.room-item>div {
height: 100%;
border-radius: 16px;
display: flex;
flex-direction: column-reverse;
padding: 3.25rem 3rem;
position: relative;
}
a.room-item .entry-title {
font-family: Poppins!important;
color: #fff;
font-size: 2.25rem;
line-height: 2.5rem;
font-weight: 600;
margin-bottom: .25rem;
letter-spacing: -.02em;
}
a.room-item p.by-line {
font-family: Poppins!important;
font-weight: 300!important;
color: #fff;
font-size: 1rem;
line-height: 1.5rem;
}
a.room-item>div::before {
background: #000;
background: -moz-linear-gradient(360deg, rgba(0, 0, 0, .46) 0, rgba(0, 0, 0, .3) 34%, rgba(255, 255, 255, 0) 100%);
background: -webkit-linear-gradient(360deg, rgba(0, 0, 0, .46) 0, rgba(0, 0, 0, .3) 34%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(360deg, rgba(0, 0, 0, .46) 0, rgba(0, 0, 0, .3) 34%, rgba(255, 255, 255, 0) 100%);
display: block;
content: "";
width: 100%;
height: 100%;
border-radius: 16px;
opacity: .5;
transition: .15s ease-in;
z-index: 1;
}
a.room-item>div img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 16px;
z-index: -1;
transition: .15s ease-in;
}
.item-thumb, a.room-item>div .entry-content {
-webkit-transition: .15s ease-in;
-moz-transition: .15s ease-in;
-o-transition: .15s ease-in;
}
a.room-item>div .entry-content {
z-index: 1;
opacity: 1;
transition: .15s ease-in;
}
a.room-item:hover>div::before {
opacity: .8;
transition: .3s ease-out;
}
a.room-item:hover .blur-bg, a.room-item:hover img {
-webkit-transition: .3s ease-out;
-moz-transition: .3s ease-out;
-o-transition: .3s ease-out;
}
a.room-item:hover img {
transform: scale(1.06);
transition: .3s ease-out;
}
.hi-launcher-container::after {
content: "";
background: url(https://oagaresorts.com/wp-content/themes/oaga-child/images/oaga-chat-icon.png) center/contain no-repeat;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: -12px;
pointer-events: none;
}
.hi-widget-container {
position: absolute;
z-index: 1!important;
}
a.room-item:hover>div .entry-content {
opacity: 1;
-webkit-transition: .15s ease-out 0.2s;
-moz-transition: .15s ease-out 0.2s;
-o-transition: .15s ease-out 0.2s;
transition: .15s ease-out 0.2s;
}
.item-thumb {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-position: center;
transition: .15s ease-in;
}
.blur-bg, a.room-item:hover .item-thumb {
width: calc(100% + 50px);
height: calc(100% + 50px);
left: -25px;
}
.blur-bg {
opacity: 0;
position: absolute;
bottom: -25px;
overflow: hidden;
background-image: inherit;
filter: blur(9px);
-webkit-filter: blur(9px) brightness(0.9);
-webkit-mask-image: linear-gradient(to top, rgba(255, 255, 255, 1) 22%, rgba(0, 0, 0, 0) 38%);
-webkit-transition: .15s ease-in;
-moz-transition: .15s ease-in;
-o-transition: .15s ease-in;
transition: .15s ease-in;
}
a.room-item:hover .blur-bg {
opacity: 1;
transition: .3s ease-out;
}
a.room-item:hover .item-thumb {
top: -25px;
-webkit-transition: .3s ease-out;
-moz-transition: .3s ease-out;
-o-transition: .3s ease-out;
transition: .3s ease-out;
}
.vertical-listing {
padding: 120px 0 150px;
}
.vertical-listing.grid {
display: grid;
}
li.polaroid-card {
max-width: 517.61px;
list-style-type: none;
}
main#polaroid-cards {
display: flex;
flex-direction: column;
align-items: center;
}
main#polaroid-cards li:nth-child(odd) {
margin-right: -510px;
}
main#polaroid-cards li:nth-child(2n) {
margin-left: -510px;
}
main#polaroid-cards li {
margin-top: -250px;
}
.web-v3.page div#page, .web-v3.single div#page, .web-v3.single-tribe_events #tribe-events-pg-template, main#polaroid-cards li:first-child {
margin-top: 0;
}
.vertical-listing.grid div#page-title h2 {
font-family: Poppins!important;
font-weight: 300!important;
color: var(--contrast-3);
font-size: 1.125rem;
line-height: 1.75rem;
margin: 0;
}
.vertical-listing.grid div#page-title h1 {
font-family: Poppins!important;
font-weight: 400;
font-size: 3.75rem;
line-height: 1;
}
.vertical-listing.grid .left p {
font-family: Poppins!important;
font-weight: 300!important;
font-size: 1.125rem;
line-height: 1.75rem;
color: var(--gray-700);
margin-top: 1rem;
}
img.polaroid-frame {
position: absolute;
left: 0;
top: 0;
height: auto;
width: auto;
display: block;
}
section.frame1 img.polaroid-frame, section.frame3 img.polaroid-frame {
max-height: 615.2px;
max-width: 558.4px;
}
section.frame2 img.polaroid-frame {
max-height: 563.9px;
max-width: 558.4px;
}
.home section.frame1 img.polaroid-frame {
max-height: 561.9px;
max-width: 510px;
}
.home section.frame2 img.polaroid-frame {
max-height: 515px;
max-width: 510px;
}
.home section.frame3 img.polaroid-frame {
max-height: 525px;
max-width: 476.5px;
}
.vertical-listing.grid .right {
padding-left: 100px;
}
.vertical-sticky-container main#scroll-cards section.frame1, .vertical-sticky-container main#scroll-cards section.frame3 {
height: 615.2px;
}
.vertical-sticky-container main#scroll-cards section.frame2 {
height: 563.9px;
}
.home main#scroll-cards section.frame1 {
height: 561.9px;
}
.home main#scroll-cards section.frame2 {
height: 515px;
}
.home main#scroll-cards section.frame3 {
height: 525px;
}
.polaroid-photo {
overflow: hidden;
background-position: center;
}
.vertical-sticky-container main#scroll-cards {
display: flex;
flex-direction: column;
gap: 64px;
}
.frame1 .polaroid-photo {
transform: scale(.83) rotate(-2.5deg);
width: 486px;
margin-left: 42px;
height: 534px;
padding-top: 20px;
}
.frame2 .polaroid-photo {
transform: scale(.83) rotate(10.3deg);
width: 455px;
margin-left: 51px;
height: 480px;
padding-top: 0;
}
.frame3 .polaroid-photo {
transform: scale(.83) rotate(-3deg);
width: 505px;
margin-left: 24px;
height: 534px;
padding-top: 20px;
}
.animate.flip, .animate.spin {
transform-style: preserve-3d;
perspective: 1000px;
}
.home .frame1 .polaroid-photo {
transform: scale(.83) rotate(-2.7deg);
width: 451px;
margin-left: 33px;
height: 488px;
padding-top: 20px;
}
.home .frame2 .polaroid-photo {
transform: scale(.83) rotate(10.3deg);
width: 415px;
margin-left: 47px;
height: 440px;
padding-top: 0;
}
.home .frame3 .polaroid-photo {
transform: scale(.83) rotate(-3deg);
width: 444px;
margin-left: 14px;
height: 441px;
padding-top: 20px;
}
a.experience-item .entry-content {
margin: 0;
z-index: 1000;
position: relative;
}
.frame1 a.experience-item .entry-content {
transform: rotate(-2.5deg);
padding-left: 45px;
margin-top: -20px;
}
.frame2 a.experience-item .entry-content {
transform: rotate(10.33deg);
padding-right: 90px;
margin-top: -15px;
}
.frame3 a.experience-item .entry-content {
transform: rotate(-3deg);
padding-left: 28px;
margin-top: -20px;
}
.infinite-slider .slide a, a.experience-item {
text-decoration: none;
}
.experience-item .entry-content h1, a.experience-item .entry-content h1 {
font-size: 1rem;
line-height: 1.5rem;
color: var(--gray-700);
text-decoration: none!important;
text-align: center;
font-family: 'Permanent Marker', cursive;
}
#book-now, .event-download-list a, .page-template-contact-template form.wpcf7-form *, a#book-now, a.artist-link {
font-family: Poppins!important;
}
.home .frame2 a.experience-item .entry-content {
padding-right: 27px;
margin-top: -20px;
}
.home .frame1 a.experience-item .entry-content {
padding-left: 59px;
}
.home .frame3 a.experience-item .entry-content {
padding-left: 33px;
margin-top: -5px;
}
#home-experiences main#scroll-cards>section {
margin: 0 -45px;
}
#home-experiences main#scroll-cards section.frame1 {
z-index: 2;
}
#home-experiences main#scroll-cards section.frame2 {
z-index: 1;
padding-top: 100px;
}
.animate {
animation-duration: 1s;
animation-timing-function: cubic-bezier(.26, .53, .74, 1.48);
animation-fill-mode: backwards;
}
.animate.fade {
animation-timing-function: ease;
}
@keyframes animate-fade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}.animate.pop {
animation-name: animate-pop;
}
@keyframes animate-pop {
0% {
opacity: 0;
transform: scale(.5, .5);
}
100% {
opacity: 1;
transform: scale(1, 1);
}
}.animate.blur {
animation-name: animate-blur;
animation-timing-function: ease;
}
@keyframes animate-blur {
0% {
opacity: 0;
filter: blur(15px);
}
100% {
opacity: 1;
filter: blur(0px);
}
}.animate.glow {
animation-name: animate-glow;
animation-timing-function: ease;
}
@keyframes animate-glow {
0% {
opacity: 0;
filter: brightness(3) saturate(3);
transform: scale(.8, .8);
}
100% {
opacity: 1;
filter: brightness(1) saturate(1);
transform: scale(1, 1);
}
}.animate.grow {
animation-name: animate-grow;
}
@keyframes animate-grow {
0% {
opacity: 0;
transform: scale(1, 0);
visibility: hidden;
}
100% {
opacity: 1;
transform: scale(1, 1);
}
}.animate.splat {
animation-name: animate-splat;
}
@keyframes animate-splat {
0% {
opacity: 0;
transform: scale(0, 0) rotate(20deg) translate(0, -30px);
}
70% {
opacity: 1;
transform: scale(1.1, 1.1) rotate(15deg) );
}
85% {
opacity: 1;
transform: scale(1.1, 1.1) rotate(15deg) translate(0, -10px);
}
100% {
opacity: 1;
transform: scale(1, 1) rotate(0) translate(0, 0);
}
}.animate.roll {
animation-name: animate-roll;
}
@keyframes animate-roll {
0% {
opacity: 0;
transform: scale(0, 0) rotate(360deg);
}
100% {
opacity: 1;
transform: scale(1, 1) rotate(0);
}
}.animate.flip {
animation-name: animate-flip;
}
@keyframes animate-flip {
0% {
opacity: 0;
transform: rotateX(-120deg) scale(.9, .9);
}
100% {
opacity: 1;
transform: rotateX(0) scale(1, 1);
}
}.animate.spin {
animation-name: animate-spin;
}
.close:after, [class^=arrow]:after {
transform: translate(-50%, -50%) rotate(-45deg);
}
@keyframes animate-spin {
0% {
opacity: 0;
transform: rotateY(-120deg) scale(.9, .9);
}
100% {
opacity: 1;
transform: rotateY(0) scale(1, 1);
}
}#loaded-photos .polaroid-cards>div:first-child, #loaded-photos .polaroid-cards>div:nth-child(2), #loaded-photos .polaroid-cards>div:nth-child(3), .hidden, .onview, div#mobile-booking-bar.drawer-closed div#mobile-booking-toggle span {
opacity: 0;
}
.animate.slide {
animation-name: animate-slide;
}
@keyframes animate-slide {
0% {
opacity: 0;
transform: translate(0, 20px);
}
100% {
opacity: 1;
transform: translate(0, 0);
}
}.animate.scaledown {
-webkit-animation-name: scaledown;
animation-name: scaledown;
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
animation-timing-function: cubic-bezier(.26, .53, .74, 1);
}
.animate.taped1, .animate.taped2, .animate.taped3 {
animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}
@keyframes scaledown {
0% {
opacity: 0;
transform: translateY(-40px) scale(1.07) translateZ(0) perspective(1px);
visibility: visible;
}
100% {
opacity: 1;
transform: translateY(0) scale(1) translateZ(0) perspective(1px);
}
}.animate.taped1 {
animation-name: animate-taped1;
-webkit-animation-duration: .4s;
animation-duration: .4s;
}
@keyframes animate-taped1 {
0% {
opacity: .05;
transform: matrix(.01, 0, 0, 1.1, -60, -2);
}
100% {
opacity: 1;
transform: matrix(1, 0, 0, 1, 0, 0);
}
}.animate.taped2 {
animation-name: animate-taped2;
-webkit-animation-duration: .5s;
animation-duration: .5s;
}
.animate.taped3 {
animation-name: animate-taped3;
-webkit-animation-duration: .4s;
animation-duration: .4s;
}
.animate.taped4 {
animation-name: animate-taped4;
-webkit-animation-duration: .4s;
animation-duration: .4s;
animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}
.animate.taped5, .animate.taped6 {
-webkit-animation-duration: .4s;
animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}
.animate.taped5 {
animation-name: animate-taped5;
animation-duration: .4s;
}
.animate.taped6 {
animation-name: animate-taped6;
animation-duration: .4s;
}
.animate.taped7 {
animation-name: animate-taped7;
-webkit-animation-duration: .4s;
animation-duration: .4s;
animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}
@keyframes animate-taped2 {
0% {
opacity: .05;
transform: matrix(.7, -.1, 0, .01, -10, -100);
}
100% {
opacity: 1;
transform: matrix(1, 0, 0, 1, 0, 0);
}
}@keyframes animate-taped3 {
0% {
opacity: .05;
transform: matrix(.02, 0, 0, 1, -60, -1);
}
100% {
opacity: 1;
transform: matrix(1, 0, 0, 1, 0, 0);
}
}@keyframes animate-taped4 {
0% {
opacity: .05;
transform: matrix(.01, 0, 0, 1, -100, -.5);
}
100% {
opacity: 1;
transform: matrix(1, 0, 0, 1, 0, 0);
}
}@keyframes animate-taped5 {
0% {
opacity: .05;
transform: matrix(.01, 0, 0, 1, -100, -.5);
}
100% {
opacity: 1;
transform: matrix(1, 0, 0, 1, 0, 0);
}
}@keyframes animate-taped6 {
0% {
opacity: .05;
transform: matrix(.01, 0, 0, 1, -100, -.5);
}
100% {
opacity: 1;
transform: matrix(1, 0, 0, 1, 0, 0);
}
}@keyframes animate-taped7 {
0% {
opacity: .05;
transform: matrix(.01, 0, 0, 1, -100, -.5);
}
100% {
opacity: 1;
transform: matrix(1, 0, 0, 1, 0, 0);
}
}.animate.drop {
animation-name: animate-drop;
animation-timing-function: cubic-bezier(.77, .14, .91, 1.25);
}
@keyframes animate-drop {
0% {
opacity: 0;
transform: translate(0, -300px) scale(.9, 1.1);
}
95% {
opacity: 1;
transform: translate(0, 0) scale(.9, 1.1);
}
96% {
opacity: 1;
transform: translate(10px, 0) scale(1.2, .9);
}
97% {
opacity: 1;
transform: translate(-10px, 0) scale(1.2, .9);
}
98% {
opacity: 1;
transform: translate(5px, 0) scale(1.1, .9);
}
99% {
opacity: 1;
transform: translate(-5px, 0) scale(1.1, .9);
}
100% {
opacity: 1;
transform: translate(0, 0) scale(1, 1);
}
}.delay-1 {
animation-delay: .5s;
}
.delay-2 {
animation-delay: .6s;
}
.delay-3 {
animation-delay: .65s;
}
.delay-4 {
animation-delay: .7s;
}
.delay-5 {
animation-delay: 725ms;
}
.delay-6 {
animation-delay: .75s;
}
.delay-7 {
animation-delay: 775ms;
}
.delay-8 {
animation-delay: .8s;
}
.delay-9 {
animation-delay: 825ms;
}
.delay-10 {
animation-delay: .85s;
}
.delay-11 {
animation-delay: 875ms;
}
.delay-12 {
animation-delay: .9s;
}
.delay-13 {
animation-delay: 925ms;
}
.delay-14 {
animation-delay: .95s;
}
.delay-15 {
animation-delay: 975ms;
}
.delay-16 {
animation-delay: 1.s;
}
.delay-17 {
animation-delay: 1.01s;
}
.delay-18 {
animation-delay: 1.02s;
}
.delay-19 {
animation-delay: 1.025s;
}
.delay-20 {
animation-delay: 1.03s;
}
.delay-21 {
animation-delay: 1.0325s;
}
.delay-22 {
animation-delay: 1.035s;
}
.delay-23 {
animation-delay: 1.0375s;
}
.delay-24 {
animation-delay: 1.04s;
}
.delay-25 {
animation-delay: 1.042s;
}
@media screen and (prefers-reduced-motion:reduce) {
.animate {
animation: none!important;
}
}@keyframes popup {
0%, 100% {
transform: scale(1) translate(-50%, -50%);
}
80% {
transform: scale(1.4) translate(-50%, -50%);
}
90% {
transform: scale(1.1) translate(-50%, -50%);
}
}@keyframes popdown {
0% {
transform: scale(1) translate(-50%, -50%);
}
10% {
transform: scale(1.1) translate(-50%, -50%);
}
20% {
transform: scale(1.4) translate(-50%, -50%);
}
100% {
transform: scale(0) translate(-50%, -50%);
}
}.pop-up-bg {
display: none;
opacity: 0;
position: fixed;
width: 100%;
height: 100%;
z-index: 999999;
top: 0;
left: 0;
background: #fff3;
}
#pop-up-bg .pop-up {
transform-origin: top left;
}
#pop-up-bg.show {
display: block;
opacity: 1;
}
#pop-up-bg.show .pop-up {
animation: .4s ease-in-out popup;
}
div#popupbgcloser {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
#pop-up-bg.hide {
animation: .2s ease-in-out popdown;
}
body.page-template div#page, body.page-template-default div#page, body.page-template-default-template div#page {
position: relative;
overflow-y: clip;
}
.featured-bg.rellax.mobile {
margin-top: -60px;
}
main#polaroid-cards section {
width: 517.61px;
height: 616.88px;
margin: 0;
display: flex;
flex-direction: column;
align-items: center;
position: relative;
padding-top: 42px;
padding-bottom: 38.88px;
}
.taper3a {
transform: rotateZ(-20deg);
position: absolute;
left: 4px;
bottom: 37.8px;
}
.taper1a, .taper2b {
position: absolute;
left: 0;
}
.taper3b {
position: absolute;
right: 26.56px;
top: 139.93px;
}
.taper2b {
transform: rotateZ(30deg);
bottom: 38.31px;
}
.taper2a {
transform: rotateZ(340deg);
position: absolute;
right: 121px;
top: 5px;
}
.taper1a {
transform: rotateZ(30deg);
bottom: 38.1px;
}
.taper1b {
transform: rotateZ(340deg);
position: absolute;
right: 5px;
bottom: 55px;
}
.taper1c {
transform: rotateZ(15deg);
position: absolute;
right: 3px;
top: 17px;
}
main#polaroid-cards section .card-frame {
width: 421px;
height: 549px;
background-size: contain;
display: flex;
flex-direction: column;
align-items: center;
padding-top: 1.5rem;
}
main#polaroid-cards section .card-frame img.card-photo {
width: 360px;
height: 440px;
object-fit: cover;
border-radius: 2px;
}
main#polaroid-cards section .card-frame .entry-content {
padding: 0;
transform: none;
margin-top: 24px;
}
li.polaroid-card.polaroid-card2 {
transform: rotate(15deg);
-webkit-transition: .1s ease-out;
-moz-transition: .1s ease-out;
-o-transition: .1s ease-out;
transition: .1s ease-out;
}
li.polaroid-card.polaroid-card1, li.polaroid-card.polaroid-card3 {
transform: rotate(-15deg);
-webkit-transition: .1s ease-out;
-moz-transition: .1s ease-out;
-o-transition: .1s ease-out;
transition: .1s ease-out;
}
li.polaroid-card.polaroid-card1:hover, li.polaroid-card.polaroid-card2:hover, li.polaroid-card.polaroid-card3:hover {
transform: rotate(0) scale(1.05);
-webkit-transition: .25s ease-out;
-moz-transition: .25s ease-out;
-o-transition: .25s ease-out;
transition: .25s ease-out;
}
#book-now, .big-cards .big-card .entry-content::before, a#book-now {
-webkit-transition: .1s ease-out;
-moz-transition: .1s ease-out;
-o-transition: .1s ease-out;
}
section#home-experiences main#polaroid-cards li.polaroid-card {
margin: 0 -65px;
}
section#home-experiences main#polaroid-cards {
flex-direction: row;
justify-content: center;
padding-top: 30px;
}
section#home-experiences main#polaroid-cards li.polaroid-card1 {
margin-top: -40px;
z-index: 2;
transform: rotate(-6deg);
}
section#home-experiences main#polaroid-cards li.polaroid-card3 {
margin-top: -240px;
z-index: 0;
transform: rotate(-10deg);
}
section#home-experiences main#polaroid-cards li.polaroid-card2 {
margin-top: 186px;
transform: rotate(10deg);
z-index: 1;
}
section#home-experiences main#polaroid-cards li.polaroid-card:hover {
transform: rotate(0);
}
section#offer-listing {
padding: 7.5rem 0 0;
}
.post-type-archive-offers section#offer-listing {
padding: 7.5rem 0 11.25rem;
}
.big-cards .big-card .entry-content::before {
display: block;
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
background: #060606;
background: -moz-linear-gradient(360deg, rgba(0, 0, 0, .4) 0, rgba(17, 17, 17, 0) 55%);
background: -webkit-linear-gradient(360deg, rgba(0, 0, 0, .4) 0, rgba(17, 17, 17, 0) 55%);
background: linear-gradient(360deg, rgba(0, 0, 0, .4) 0, rgba(17, 17, 17, 0) 55%);
opacity: .5;
visibility: visible;
transition: .1s ease-out;
}
.big-cards .big-card:hover .entry-content::before {
opacity: .75;
visibility: visible;
-webkit-transition: .25s ease-out;
-moz-transition: .25s ease-out;
-o-transition: .25s ease-out;
transition: .25s ease-out;
}
section#eat-listing {
padding-top: 6.25rem;
padding-bottom: 15rem;
}
section#eat-listing.home div#page-title {
padding-bottom: 4.76rem;
}
.post-type-archive-diving #page-title h1, .post-type-archive-eat #page-title h1, .post-type-archive-excursions #page-title h1, .post-type-archive-experiences #page-title h1, .post-type-archive-facilities #page-title h1 {
padding-bottom: 2.25rem;
max-width: unset;
}
.page-id-951.page-template-contact-template form.wpcf7-form, .post-type-archive-spa #page-title h1 {
max-width: unset;
}
.post-type-archive-album #page-title h1 {
max-width: unset;
text-align: center;
height: 144px;
}
.post-type-archive-eat #page-title h1 span {
color: #e0b100;
display: block;
}
.post-type-archive-diving #page-title h1 span, .post-type-archive-excursions #page-title h1 span, .post-type-archive-experiences #page-title h1 span {
color: #008bf4;
display: block;
}
, .post-type-archive-facilities #page-title h1 span {
color: #008bf4;
display: block;
}
.post-type-archive-spa #page-title h1 span {
color: #e00059;
display: block;
}
.page-template-faq-template #page-title h1 span {
color: #ff9800;
display: block;
}
.post-type-archive-album #page-title h1 span {
color: #00bfa1;
display: block;
}
.offer-detail-content {
padding-top: 5.25rem;
padding-bottom: 13rem;
display: flex;
justify-content: space-between;
gap: 3rem;
}
.experience-detail-content {
padding-top: 5.25rem;
padding-bottom: 13rem;
display: flex;
gap: 6.5rem;
}
.room-detail-content {
padding-top: 5rem;
display: flex;
justify-content: space-between;
margin-bottom: 0;
gap: 4rem;
}
.room-detail-content .left-side {
width: 100%;
max-width: 596px;
display: flex;
flex-direction: column;
}
.room-detail-content .right-side {
width: 100%;
max-width: 413px;
display: flex;
flex-direction: column;
position: sticky;
top: 76px;
align-self: flex-start;
position: -webkit-sticky;
gap: 1.5rem;
}
.experience-detail-content .left-side, .offer-detail-content .left-side {
width: 100%;
max-width: 493px;
display: flex;
flex-direction: column;
gap: 1.5rem;
position: sticky;
top: 76px;
align-self: flex-start;
position: -webkit-sticky;
}
.offer-detail-content .left-side img.featured-image {
width: 100%;
height: 560px;
object-fit: cover;
border-radius: 1rem;
}
#book-now, a#book-now {
font-weight: 500;
background: var(--accent);
color: #fff;
padding: 9px 0;
transition: .1s ease-out;
}
.web-v3.fr div#header-bar nav.main-nav-center li a, a#fannuvarin, body.web-v3.floating.ru div#header-bar a.square-button.big-button.nav-book {
font-size: 14px;
}
.event-download-list a {
font-weight: 500;
background: 0 0;
color: var(--gray-700);
padding: 9px 0;
border: 1px solid #d6d6d6;
-webkit-transition: .1s ease-out;
-moz-transition: .1s ease-out;
-o-transition: .1s ease-out;
transition: .1s ease-out;
}
#book-now:hover, a#book-now:hover, a.artist-link:hover {
-webkit-transition: .25s ease-out;
-moz-transition: .25s ease-out;
-o-transition: .25s ease-out;
transition: .25s ease-out;
background: var(--contrast);
}
button.tribe-events-c-subscribe-dropdown__button-text {
font-family: Poppins!important;
font-weight: 500;
}
.event-download-list a:hover {
-webkit-transition: .25s ease-out;
-moz-transition: .25s ease-out;
-o-transition: .25s ease-out;
transition: .25s ease-out;
background: var(--contrast);
color: #fff;
}
.event-download-list {
display: flex;
flex-direction: column;
gap: 1rem;
}
.plus {
--b: 4px;
width: 28px;
aspect-ratio: 1;
}
.alt {
border-color: #fff;
}
.experience-detail-content .right-side h1, .offer-detail-content .right-side h1 {
font-weight: 500;
font-size: 3.75rem;
line-height: 1;
padding-top: .75rem;
color: var(--gray-700);
}
.offer-detail-content .right-side h4 {
font-weight: 500;
color: var(--gray-700);
font-size: 1.5rem;
line-height: 2rem;
padding-top: .38rem;
padding-bottom: .38rem;
margin: 0;
}
.offer-detail-content .right-side span.terms-conditions {
font-weight: 300;
color: var(--contrast-2);
font-size: .75rem;
line-height: 1rem;
}
.offer-detail-content .right-side .inclusions {
margin: 5rem -1.5rem 0;
background: #fff;
padding: 1.5rem;
border-radius: 1rem;
}
.about-room h3, .amenitybox h3, .offer-detail-content .right-side .inclusions h3, .room-amenities h3 {
color: var(--gray-700);
font-weight: 600;
font-size: 1.5rem;
line-height: 2rem;
margin-bottom: 1rem;
}
.offer-detail-content .right-side .inclusions ul {
list-style-type: none;
margin: 0;
gap: 20px;
display: flex;
flex-direction: column;
}
.offer-detail-content .right-side .inclusions ul li {
display: flex;
align-items: flex-start;
gap: 1rem;
}
.about-room p, .body li, .experience-detail-content .right-side p, .offer-detail-content .right-side .inclusions ul li span {
font-weight: 300;
color: var(--gray-700);
font-size: 1.125rem;
line-height: 1.75rem;
}
.offer-detail-content .right-side .foot {
border-radius: 1rem;
margin-top: 5rem;
background: var(--base);
padding: 1.5rem;
}
.offer-detail-content .right-side .foot h3 {
color: var(--gray-700);
font-weight: 600;
font-size: 1.5rem;
line-height: 2rem;
margin-bottom: .25rem;
}
.offer-detail-content .right-side .foot p {
font-weight: 300;
color: var(--gray-700);
font-size: 1.125rem;
line-height: 1.75rem;
margin: 0;
}
.offer-detail-content .right-side {
max-width: 600px;
flex-grow: 1;
background: #fff;
border-radius: 1.5rem;
padding: 1.5rem;
margin: -1.5rem;
}
.experience-detail-content .right-side {
max-width: 600px;
flex-grow: 1;
}
div#menu-event ul.tribe-events-c-top-bar__nav-list>li {
margin-bottom: 0!important;
line-height: 13px!important;
font-size: 1rem!important;
font-weight: 500;
color: var(--gray-700);
width: auto;
}
div#menu-event .tribe-events-c-top-bar.tribe-events-widget-header__top-bar {
margin-bottom: .5rem!important;
}
div#menu-event .tribe-events .tribe-events-calendar-month__day-cell {
border-radius: .5rem;
}
#menu-event .tribe-common--breakpoint-medium.tribe-common .tribe-common-h4 time {
font-size: .875rem;
}
#menu-event .tribe-events-calendar-month__multiday-event-bar h3 {
font-size: .75rem;
color: #fff;
font-weight: 500;
}
div#menu-event ul.tribe-events-c-top-bar__nav-list>li svg {
width: unset;
}
#menu-event .tribe-events-calendar-month__multiday-event-bar {
border-radius: .5rem!important;
}
#menu-event .tribe-events-calendar-month__day--current h3.tribe-events-calendar-month__day-date.tribe-common-h4:before, #menu-event .tribe-events-calendar-month__day--current p.tribe-events-calendar-month__day-date.tribe-common-h4:before {
width: 25px;
height: 25px;
}
div#menu-event button.tribe-events-calendar-month__day-cell.tribe-events-calendar-month__day-cell--mobile {
pointer-events: none;
width: calc(100% - 4px);
height: calc(100% - 4px);
justify-content: center;
border-radius: 8px;
}
.experience-detail-content .right-side h4 {
color: var(--contrast-3);
font-size: 1.25rem;
line-height: 1.75rem;
font-weight: 300;
margin: 0;
}
.experience-detail-content .right-side h1 {
font-weight: 500;
padding-top: .12rem;
color: var(--contrast);
font-size: 1.875rem;
line-height: 2.25rem;
}
.experience-detail-content .right-side .body {
padding-top: 1.25rem;
}
section#home-rooms .tab ul.features {
display: flex;
gap: 40px;
}
section#home-rooms .tab ul.features li {
display: flex;
align-items: center;
gap: 8px;
flex-basis: content;
font-size: .75rem;
line-height: 1rem;
color: var(--contrast-2);
}
.room-detail-content .description-features ul.features {
display: flex;
gap: 2.5rem;
margin: 0;
list-style-type: none;
padding-top: 1.5rem;
}
.room-detail-content .description-features ul.features li {
display: flex;
align-items: center;
gap: .5rem;
flex-basis: content;
font-size: 1.125rem;
line-height: 1.75rem;
color: var(--gray-700);
}
.glide.full-width {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
height: 652px;
overflow: hidden;
}
.glide.full-width .glide__track ul.glide__slides img {
height: 100%;
width: 100%;
object-fit: cover;
object-position: center;
}
.glide__slides {
transform: translate3d(0, 0, 0)!important;
}
.glide__slide {
opacity: 0;
z-index: 0;
position: absolute;
top: 0;
left: 0;
transition: opacity .9s;
}
.glide__slide.glide__slide--active {
opacity: 1;
z-index: 1;
}
.glide .glide__arrows {
position: absolute;
top: 0;
width: 100%;
height: 100%;
align-items: center;
justify-content: space-between;
left: 0;
}
.glide .glide__arrows .glide__arrow {
padding: 0;
background: no-repeat;
width: 40px;
height: 40px;
-webkit-transition: .1s ease-out;
-moz-transition: .1s ease-out;
-o-transition: .1s ease-out;
transition: .1s ease-out;
}
.glide.full-width:hover .glide__arrows .glide__arrow svg g, a#fannuvarin:hover {
opacity: 1;
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
}
.glide.full-width .glide__arrows .glide__arrow svg g {
opacity: .25;
-webkit-transition: .1s ease-out;
-moz-transition: .1s ease-out;
-o-transition: .1s ease-out;
transition: .1s ease-out;
}
.glide .glide_data {
position: absolute;
top: 0;
width: 100%;
height: 100%}
.glide_data {
background: radial-gradient(127.61% 127.61% at 50% -27.61%, rgba(0, 0, 0, 0) 72.68%, rgba(0, 0, 0, .5) 100%);
}
.glide .glide__arrows .glide__arrow svg path, .glide .glide__arrows .glide__arrow svg rect, .infinite-slider .slide .card .album-link img, a.back-to-gallery svg, a.show-all svg {
-webkit-transition: .1s ease-out;
-moz-transition: .1s ease-out;
-o-transition: .1s ease-out;
transition: .1s ease-out;
}
.glide_data .grid-container {
position: relative;
height: 100%;
display: flex;
justify-content: flex-end;
flex-direction: column;
}
.glide .glide__arrows .glide__arrow:hover svg path {
stroke: #000;
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
}
.glide_data .grid-container .title-area h1 {
font-weight: 500;
color: #fff;
font-size: 3.75rem;
line-height: 1;
}
.glide_data .grid-container .title-area h4 {
font-weight: 500;
color: #fff;
font-size: 1.125rem;
line-height: 1.75rem;
}
.glide_data .grid-container .title-area {
padding-bottom: 5rem;
}
.glide .glide__arrows .glide__arrow:hover svg rect {
fill: #fff;
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
}
.room-detail-content .description-features h1.animate.fade.delay-3 {
color: var(--contrast);
font-weight: 500;
font-size: 3.75rem;
line-height: 1;
}
.about-room, .post-type-archive-spa #page-title h1 {
padding-bottom: 1.5rem;
}
.gallery-area {
padding-bottom: 2.5rem;
}
.room-amenities {
padding-top: 2.5rem;
padding-bottom: 2rem;
}
.room-amenities ul.amenities {
display: flex;
margin: 0;
list-style-type: none;
padding-top: 1rem;
flex-wrap: wrap;
row-gap: 1rem;
}
.room-amenities ul.amenities li {
display: flex;
align-items: center;
gap: .75rem;
font-size: 1.125rem;
line-height: 1.75rem;
color: var(--gray-700);
width: 50%;
position: relative;
}
.availability-check .row label, .availability-check .row label p, .availability-check .row.dates label input, .availability-check .row.pax .number input, a.show-all {
color: var(--contrast-2);
line-height: 1.5rem;
}
.room-amenities ul.amenities li.strike-out {
text-decoration-line: line-through;
}
.room-amenities ul.amenities li.strike-out img.strikeout {
position: absolute;
width: 24px;
height: 24px;
}
a.show-all {
display: flex;
margin-top: .75rem;
display: flex;
font-weight: 300;
text-decoration: none;
font-size: .875rem;
}
a.show-all:hover svg {
transform: translateX(.2rem);
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
}
.availability-check {
background: #fff;
padding: 2rem;
border: 1px solid var(--base);
border-radius: 1.5rem;
}
.availability-check form {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.availability-check .row label {
display: flex;
align-items: center;
flex-direction: row;
font-weight: 300;
font-size: 1rem;
}
.availability-check .row label p {
display: flex;
align-items: center;
margin: 0;
flex-direction: row;
font-weight: 300;
font-size: 1rem;
}
.availability-check .row.dates label input::placeholder {
font-weight: 300;
color: var(base);
font-size: 1rem;
line-height: 1.5rem;
}
.availability-check .row label::before {
content: "";
background: var(--accent);
width: 6px;
height: 6px;
border-radius: 50%;
margin-right: .75rem;
}
.availability-check .row label.adults::before {
background: var(--oaga-blue);
}
.availability-check .row label.child::before {
background: var(--oaga-green);
}
.availability-check .row.dates label input {
font-weight: 300;
font-size: 1rem;
border: none;
position: relative;
width: 95px;
}
.availability-check .row.dates label input::-webkit-calendar-picker-indicator {
position: absolute;
width: 100%;
opacity: 0;
}
.availability-check .row label .right-arrow {
display: flex;
margin: 0 .75rem;
}
.availability-check .row.dates label .label, .subscribe-text {
padding-right: 1rem;
}
.amenitybox, .related-rooms a.room-item>div {
padding: 2rem;
}
.availability-check .row.pax label .label {
padding-right: .75rem;
}
.availability-check .row.pax {
gap: 1.5rem;
}
.availability-check .row.pax .number {
display: flex;
flex-direction: row;
align-items: center;
gap: .5rem;
flex-basis: content;
}
.availability-check .row.pax .number input {
background: 0 0;
border: none;
padding: 0;
text-align: center;
max-width: 18px;
font-size: 1rem;
}
.availability-check .row.pax .number span {
border: 1px solid #d6d6d6;
width: 20px;
height: 20px;
border-radius: 50%;
display: flex;
line-height: 20px;
text-align: center;
justify-content: center;
color: #d6d6d6;
-webkit-transition: .1s ease-out;
-moz-transition: .1s ease-out;
-o-transition: .1s ease-out;
transition: .1s ease-out;
}
.availability-check .row.pax .number span:hover {
border: 1px solid var(--contrast-3);
color: var(--contrast-3);
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
cursor: pointer;
}
.close:after, .close:before, .mini-gallery img {
-webkit-transition: .1s ease-out;
-moz-transition: .1s ease-out;
-o-transition: .1s ease-out;
}
.availability-check .row.pax .number span.disable, .availability-check .row.pax .number span.disable:hover {
opacity: .5;
border: 1px solid #d6d6d6;
color: #d6d6d6;
cursor: not-allowed;
}
.mini-gallery {
column-width: 300px;
column-gap: 5px;
position: relative;
}
.mini-gallery img {
width: 100%;
cursor: pointer;
transition: .1s ease-out;
grid-column: span 2;
height: 6.4rem;
object-fit: cover;
}
.lightbox {
position: fixed;
width: 100%;
height: 100%;
top: 0;
display: none;
background: #000;
perspective: 1000;
left: 0;
z-index: 10001;
}
.filter {
position: absolute;
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
}
.amenitybox, .gallerybox {
position: fixed;
width: 100%;
top: 0;
display: none;
perspective: 1000;
left: 0;
z-index: 10000;
height: 100%}
.lightbox img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotateY(0);
max-height: 100vh;
max-width: calc(95vw - 100px);
transition: .8s cubic-bezier(.7,  0,  .4,  1);
transform-style: preserve-3d;
}
.amenitybox {
background: #0003;
}
.gallerybox {
background: #fff;
padding: 1rem;
overflow-y: scroll;
}
.close, [class^=arrow] {
width: 50px;
height: 50px;
position: absolute;
cursor: pointer;
}
[class^=arrow] {
background: 0 0;
top: 50%;
transform: translateY(-50%);
border: 1px solid #fff;
border-radius: 50%}
[class^=arrow]:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 10px;
height: 10px;
}
.arrowr {
right: 2rem;
}
.arrowr:after {
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
margin-right: 2px;
}
.arrowl {
left: 2rem;
}
.arrowl:after {
border-left: 1px solid #fff;
border-top: 1px solid #fff;
margin-left: 2px;
}
.close {
right: 0;
margin: 2rem;
border: 1px solid #fff;
border-radius: 50%}
.close:after, .close:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 1px;
height: 20px;
background: #fff;
transition: .1s ease-out;
}
.popup-page.grid-container {
background: #fff;
padding: 2rem!important;
border-radius: 1rem;
position: relative;
max-width: 700px;
height: 100%;
max-height: 100%}
.artist-body, .mini-gallery, a.artist-link {
border-radius: 1.5rem;
}
.popup-page.grid-container div.page::-webkit-scrollbar {
width: .5rem;
padding: 5px;
border-radius: .75rem;
}
.popup-page.grid-container div.page::-webkit-scrollbar-thumb {
background-color: var(--base);
border-radius: .75rem;
width: .35rem;
}
.popup-page.grid-container .page {
overflow-y: scroll;
height: 100%;
position: relative;
margin-top: 1rem;
padding-right: .75rem;
margin-right: .25rem;
}
.close:before {
transform: translate(-50%, -50%) rotate(45deg);
}
.popup-page.grid-container .close:after, .popup-page.grid-container .close:before {
background: var(--contrast-3);
-webkit-transition: .1s ease-out;
-moz-transition: .1s ease-out;
-o-transition: .1s ease-out;
transition: .1s ease-out;
}
.popup-page.grid-container .close:hover:after, .popup-page.grid-container .close:hover:before {
background: var(--contrast);
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
}
.mini-gallery {
overflow: hidden;
display: grid;
gap: .5rem;
padding: 0;
grid-template-columns: repeat(6, 1fr);
}
.amenitybox .close {
margin: -24px 0 0;
}
.mini-gallery img:first-child, .mini-gallery img:nth-child(2) {
grid-column: span 3;
height: 10rem;
}
.mini-gallery.\33 -item-gallery img:nth-child(3) {
grid-column: span 6;
height: 12rem;
}
.mini-gallery.\34 -item-gallery img:nth-child(3), .mini-gallery.\34 -item-gallery img:nth-child(4) {
grid-column: span 3;
height: 9rem;
}
.mini-gallery.\31 -item-gallery img {
grid-column: span 6;
height: 15rem;
}
.post-type-archive-people .featured-items {
row-gap: 4rem;
}
.featured-items .featured-title-h4, .featured-items h4 {
color: #e00059;
font-weight: 400;
font-size: 1rem;
margin-bottom: .25rem;
}
a.artist-link, a.show-all-photos {
text-decoration: none;
font-weight: 500;
display: flex;
}
.page-template-about-template, .page-template-contact-template .featured-bg.mobile, .page-template-full-width-template .featured-bg.mobile, .post-type-archive-album .featured-bg.mobile, .post-type-archive-artist .featured-bg.mobile, .post-type-archive-people .featured-bg.mobile {
z-index: -1;
width: 100vw;
max-width: unset;
background-size: contain;
margin-left: calc(50% - 50vw);
}
section#artist-listing {
padding: 5rem 0 7rem;
}
.post-type-archive-artist #page-title h2, .post-type-archive-people #page-title h2 {
color: #01bfa1!important;
}
a.artist-link svg {
position: absolute;
left: .75rem;
height: 20px;
top: 8px;
}
a.artist-link {
position: relative;
background: var(--accent);
color: #fff;
padding: 9px 0;
line-height: 1.25rem;
-webkit-transition: .1s ease-out;
-moz-transition: .1s ease-out;
-o-transition: .1s ease-out;
transition: .1s ease-out;
text-align: center;
justify-content: center;
font-size: 1rem;
}
.artist-body {
margin: 2.5rem -1rem 2.75rem;
background: #fff;
padding: 1rem;
}
.artist-gallery .mini-gallery img {
width: calc(33.3% - .5rem);
aspect-ratio: 1/1;
height: 100%;
border-radius: 1rem;
}
.featured-items .text-bg {
display: flex;
align-items: center;
flex-direction: column;
text-align: center;
background: #fff;
border-radius: 1.5rem;
padding: 1rem;
}
.featured-items .text-bg a.show-all {
margin-top: .75rem;
}
.artist-gallery .mini-gallery {
display: flex;
flex-wrap: wrap;
border-radius: unset;
}
.single-artist div#primary main#main {
position: relative;
margin-bottom: 0;
}
.page-template-about-template .featured-bg.desktop, .page-template-contact-template .featured-bg.desktop, .post-type-archive-album .featured-bg.desktop, .post-type-archive-artist .featured-bg.desktop, .post-type-archive-people .featured-bg.desktop, .single-artist .featured-bg {
width: 100vw;
margin-left: calc(50% - 50vw);
height: calc(100% + 120px);
top: -120px;
z-index: -1;
object-fit: cover;
}
.amenitybox .room-amenities {
padding: 0 0 2.25rem;
}
.amenitybox .room-amenities ul.amenities, body.web-v3.floating div#header-bar .header-bar-container.grid-container, div#mobile-booking-bar.drawer-closed form {
gap: 0;
}
.amenitybox .room-amenities ul.amenities li {
width: 100%;
border-bottom: 1px solid var(--base);
padding: 1.5rem 0;
}
a.show-all-photos {
position: absolute;
background: #fff;
border: 1px solid #d6d6d6;
border-radius: 1rem;
padding: 7px 11px 7px 9px;
gap: .5rem;
box-shadow: 0 1px 2px rgb(16 24 40 / 5%);
font-size: .75rem;
color: var(--gray-700);
line-height: 1rem;
bottom: 1.5rem;
right: 1.5rem;
-webkit-transition: .1s ease-out;
-moz-transition: .1s ease-out;
-o-transition: .1s ease-out;
transition: .1s ease-out;
}
a.show-all-photos svg {
width: 16px;
height: 16px;
}
a.show-all-photos:hover {
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
background: var(--base-2);
}
.gallerybox .close {
border: none;
right: unset;
top: 0;
left: 0;
margin: 0;
position: sticky;
float: right;
position: -webkit-sticky;
}
.gallerybox .close:after, .gallerybox .close:before {
background: var(--contrast);
height: 32px;
}
.gallerybox .mini-gallery, .web-v3 .image-left-offer {
border-radius: 0;
}
.gallerybox .mini-gallery img {
grid-column: span 3;
height: 15rem;
}
.gallerybox .mini-gallery img:first-child, .gallerybox .mini-gallery img:nth-child(10), .gallerybox .mini-gallery img:nth-child(19), .gallerybox .mini-gallery img:nth-child(28), .gallerybox .mini-gallery img:nth-child(4), .gallerybox .mini-gallery img:nth-child(7) {
grid-column: span 6;
height: auto;
aspect-ratio: 700/480;
}
.gallerybox .grid-container {
max-width: 700px;
}
, .gallerybox .mini-gallery img:nth-child(14), .gallerybox .mini-gallery img:nth-child(17), .gallerybox .mini-gallery img:nth-child(20), .gallerybox .mini-gallery img:nth-child(21), .gallerybox .mini-gallery img:nth-child(31), .gallerybox .mini-gallery img:nth-child(32) {
grid-column: span 3;
grid-row: span 2;
height: 30.5rem;
}
.gallerybox .mini-gallery img:nth-child(22), .gallerybox .mini-gallery img:nth-child(24) {
grid-column: span 4;
}
.gallerybox .mini-gallery img:nth-child(23), .gallerybox .mini-gallery img:nth-child(25) {
grid-column: span 2;
}
.related-rooms main#scroll-cards {
height: 320px;
display: block;
position: relative;
width: 100%;
display: flex;
gap: 1.5rem;
max-width: 1216px;
margin-left: auto;
margin-right: auto;
}
.caro-btn-next, .caro-btn-prev {
position: absolute;
padding: 0;
border: none;
z-index: 10px;
cursor: pointer;
background: 0 0;
mix-blend-mode: difference;
opacity: .4;
}
.caro-btn-next:active, .caro-btn-prev:active {
transform: scale(1.1);
}
.caro-btn-next:hover, .caro-btn-prev:hover, .web-v3 .contact-form label span {
opacity: 1;
}
.caro-btn-prev {
top: 45%;
left: 2%}
.caro-btn-next {
top: 45%;
right: 2%}
.related-rooms main#scroll-cards section.scroll-card {
padding-top: 0;
width: 100%;
height: 320px;
position: absolute;
max-width: calc(560px + 1.5rem);
padding-right: 1.5rem;
transition: .5s;
}
.related-rooms .about-room {
padding-bottom: 1rem;
padding-top: 0;
margin-left: auto;
margin-right: auto;
max-width: 1216px;
}
.related-rooms {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
margin-bottom: 12rem;
padding-top: 3rem;
overflow: hidden;
}
.related-rooms main#scroll-cards section.scroll-card a, .web-v3 .contact-map iframe, .web-v3.page-template-contact-template .splide__track {
width: 100%;
height: 100%}
.main-navigation .logo-book-row .mini-logo a {
width: 40px;
height: 25px;
}
.mini-gallery img:hover {
filter: brightness(.9);
-webkit-transition: .25s ease-out;
-moz-transition: .25s ease-out;
-o-transition: .25s ease-out;
transition: .25s ease-out;
}
#quadmenu .quadmenu-item-widget h2 {
color: var(--contrast-3);
font-weight: 600;
text-align: center;
margin: 0;
font-size: .875rem;
line-height: 1.25rem;
text-transform: lowercase;
}
#quadmenu .quadmenu-item-widget .menu-eat .menu-title-h2, #quadmenu .quadmenu-item-widget .menu-eat h2, .blog div#primary .site-main article:nth-child(8n+3):hover h2 a, .blog div#primary .site-main article:nth-child(8n+3):hover p, .blog div#primary .site-main article:nth-child(8n+3):hover span, .post-type-archive-journal div#primary .site-main article:nth-child(8n+3):hover h2 a, .post-type-archive-journal div#primary .site-main article:nth-child(8n+3):hover p, .post-type-archive-journal div#primary .site-main article:nth-child(8n+3):hover span, .tax-journal-type div#primary .site-main article:nth-child(8n+3):hover h2 a, .tax-journal-type div#primary .site-main article:nth-child(8n+3):hover p, .tax-journal-type div#primary .site-main article:nth-child(8n+3):hover span {
color: #d35f94;
}
#quadmenu .quadmenu-item-widget .menu-spa .menu-title-h2, #quadmenu .quadmenu-item-widget .menu-spa h2, .blog div#primary .site-main article:nth-child(8n+4):hover h2 a, .blog div#primary .site-main article:nth-child(8n+4):hover p, .blog div#primary .site-main article:nth-child(8n+4):hover span, .post-type-archive-journal div#primary .site-main article:nth-child(8n+4):hover h2 a, .post-type-archive-journal div#primary .site-main article:nth-child(8n+4):hover p, .post-type-archive-journal div#primary .site-main article:nth-child(8n+4):hover span, .tax-journal-type div#primary .site-main article:nth-child(8n+4):hover h2 a, .tax-journal-type div#primary .site-main article:nth-child(8n+4):hover p, .tax-journal-type div#primary .site-main article:nth-child(8n+4):hover span {
color: #008bf4;
}
#quadmenu .quadmenu-item-widget .menu-events .menu-title-h2, #quadmenu .quadmenu-item-widget .menu-events h2 {
color: #a6005f;
}
#quadmenu .quadmenu-item-widget .menu-artists .menu-title-h2, #quadmenu .quadmenu-item-widget .menu-artists h2, .blog div#primary .site-main article:nth-child(8n+5):hover h2 a, .blog div#primary .site-main article:nth-child(8n+5):hover p, .blog div#primary .site-main article:nth-child(8n+5):hover span, .post-type-archive-journal div#primary .site-main article:nth-child(8n+5):hover h2 a, .post-type-archive-journal div#primary .site-main article:nth-child(8n+5):hover p, .post-type-archive-journal div#primary .site-main article:nth-child(8n+5):hover span, .post-type-archive-offers .home div#page-title .page-title-h2, .post-type-archive-offers .home div#page-title h2, .tax-journal-type div#primary .site-main article:nth-child(8n+5):hover h2 a, .tax-journal-type div#primary .site-main article:nth-child(8n+5):hover p, .tax-journal-type div#primary .site-main article:nth-child(8n+5):hover span {
color: #e00059;
}
#quadmenu .quadmenu-item-widget .event-h1, #quadmenu .quadmenu-item-widget .menu-title-h1, #quadmenu .quadmenu-item-widget h1 {
font-weight: 250;
color: var(--contrast);
line-height: 2.25rem;
text-align: center;
margin: 1.75rem 0 .25rem;
font-family: Zooja;
font-size: 2.625rem;
letter-spacing: -.02em;
display: block;
}
section#home-rooms .room-icon-color {
position: absolute;
width: 100%;
height: 100%;
background-size: contain;
background-repeat: no-repeat;
opacity: 0;
transition: .15s ease-out;
}
section#home-rooms .room-icon {
width: 46px;
height: 46px;
background-repeat: no-repeat;
background-size: contain;
position: relative;
}
section#home-rooms .room-icon-no-color {
position: absolute;
width: 100%;
height: 100%;
background-size: contain;
background-repeat: no-repeat;
opacity: 1;
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
}
section#home-rooms .tab nav .inactive .room-icon-color {
-webkit-transition: .24s ease-out;
-moz-transition: .24s ease-out;
-o-transition: .24s ease-out;
transition: .24s ease-out;
opacity: 1;
}
.home #home-rooms div#page-title .page-title-h2, .home #home-rooms div#page-title h2 {
color: #00bfa1;
text-transform: capitalize;
}
.home #home-rooms div#page-title h1 {
font-size: 8rem;
font-family: Zooja!important;
transform: rotate(-10.49deg);
line-height: 7rem;
text-transform: lowercase;
margin-top: -.5rem;
}
img.room-arwork {
position: absolute;
z-index: -1;
}
img.room-arwork.room-arwork3 {
right: -240px;
top: -290px;
}
img.room-arwork.room-arwork1 {
left: -240px;
top: -210px;
}
img.room-arwork.room-arwork2 {
bottom: -170px;
right: 80px;
}
section#home-rooms .tab nav .inactive .room-icon-no-color {
-webkit-transition: .24s ease-out;
-moz-transition: .24s ease-out;
-o-transition: .24s ease-out;
transition: .24s ease-out;
opacity: 0;
}
section#artist-listing .featured-items a.artist-image:hover img {
transform: scale(1.15);
-webkit-transition: .24s ease-out;
-moz-transition: .24s ease-out;
-o-transition: .24s ease-out;
transition: .24s ease-out;
}
section#artist-listing .featured-items a.artist-image img {
max-width: unset;
border: none;
-webkit-transition: .15s ease-in;
-moz-transition: .15s ease-in;
-o-transition: .15s ease-in;
transition: .15s ease-in;
}
.address-sections>div ul li a, a#fannuvarin {
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
text-decoration: none;
}
section#artist-listing .featured-items a.artist-image {
width: 100%;
height: auto;
aspect-ratio: 1/1;
object-fit: cover;
border-radius: 50%;
border: 4px solid #c9c9c9;
margin-bottom: 2rem;
max-width: 280px;
overflow: hidden;
}
.page-template-about-template .default-template-title h2, .page-template-contact-template .default-template-title h2, .page-template-full-width-template .default-template-title h2 {
text-align: center;
font-weight: 700;
font-size: 1.125rem;
line-height: 1.75rem;
color: #ffc900;
margin-bottom: 1.25rem;
display: block;
}
.page-template-about-template .default-template-title h1, .page-template-contact-template .default-template-title h1, .page-template-full-width-template .default-template-title h1 {
font-weight: 500;
text-align: center;
line-height: 1;
text-transform: lowercase;
}
.inner-faq h2, .page-template-contact-template .default-template-title h1 {
text-transform: none;
}
.page-template-about-template .default-template-title, .page-template-contact-template .default-template-title, .page-template-default .default-template-title, .page-template-default-template .default-template-title, .page-template-full-width-template .default-template-title {
padding: 3.5rem 1.5rem 4rem;
max-width: 960px;
margin: 0 auto;
}
.page-template-about-template .default-template-body, .page-template-contact-template .default-template-body, .page-template-default .default-template-body, .page-template-default-template .default-template-body, .page-template-full-width-template .default-template-body {
padding: 1.5rem 1.5rem 2rem;
max-width: 960px;
margin: 0 auto 8rem!important;
}
.page-template-about-template .default-template-body .inside-article .entry-content, .page-template-about-template .default-template-body .inside-article .entry-content:not(:first-child), .page-template-contact-template .default-template-body .inside-article .entry-content, .page-template-contact-template .default-template-body .inside-article .entry-content:not(:first-child), .page-template-default .default-template-body .inside-article .entry-content:not(:first-child), .page-template-default-template .default-template-body .inside-article .entry-content:not(:first-child), .page-template-full-width-template .default-template-body .inside-article .entry-content, .page-template-full-width-template .default-template-body .inside-article .entry-content:not(:first-child), .web-v3.archive .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title p.entry-meta.journal-type, .web-v3.blog .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title p.entry-meta.journal-type {
margin-top: 0!important;
}
.page-template .default-template-body .inside-article, .page-template-about-template .default-template-body .inside-article, .page-template-default .default-template-body .inside-article, .page-template-default-template .default-template-body .inside-article, .page-template-full-width-template .default-template-body .inside-article {
background: #fff!important;
padding: 0;
border-radius: 1.5rem;
}
.page-template-contact-template .default-template-body .inside-article, .web-v3.single-artist #inner-page p.Body span {
background: 0 0!important;
}
.page-template-default .default-template-title h1, .page-template-default-template .default-template-title h1 {
font-size: 3.75rem;
font-weight: 500;
line-height: 1;
letter-spacing: -.02em;
color: var(--contrast);
}
.page-template-contact-template input.wpcf7-form-control.wpcf7-text {
font-size: 18px;
background: rgba(0, 0, 0, .15);
padding: 16px 35px 14px;
color: #fff;
backdrop-filter: blur(10px);
border-radius: 50px;
border: none;
max-width: 100%;
width: 490px;
margin-bottom: 8px;
}
.page-template-contact-template select.wpcf7-form-control.wpcf7-select {
margin-bottom: 8px;
font-size: 18px;
background: 0 0;
padding: 16px 35px 14px;
color: #fff;
border-radius: 50px;
width: 570px;
max-width: 100%;
border: 2px solid #fff;
}
.page-template-contact-template input.wpcf7-form-control.wpcf7-text::placeholder {
color: #fff;
font-size: 18px;
}
.page-template-contact-template .inner-content {
padding-bottom: 35px;
}
.page-template-contact-template span.wpcf7-form-control-wrap.DropFileHere {
display: inline-block;
position: relative;
width: 120px;
height: 40px;
border-radius: 5px;
border: 1px solid #4096ee;
background: linear-gradient(to bottom, #7abcff 0, #60abf8 44%, #4096ee 100%);
color: #fff;
overflow: hidden;
}
.page-template-contact-template form.wpcf7-form {
max-width: 596px;
background: #fff;
border: 1px solid #e5e5e5;
border-radius: 40px;
margin: 0 auto;
padding: 2rem 2rem .25rem;
width: 100%}
.page-template-contact-template span.wpcf7-not-valid-tip {
font-size: .675rem;
line-height: .25rem;
margin-bottom: -.875rem;
margin-top: -.125rem;
padding-left: 1rem;
}
.page-template-contact-template form.wpcf7-form input, .page-template-contact-template form.wpcf7-form select, .page-template-contact-template form.wpcf7-form textarea {
width: 100%!important;
margin-bottom: .75rem!important;
background: #fff!important;
border: 1px solid #d6d6d6!important;
box-shadow: 0 1px 2px rgb(16 24 40 / 5%)!important;
border-radius: 99px!important;
color: #424242!important;
padding: 7px 14px!important;
font-size: 1rem!important;
line-height: 1.5rem!important;
font-weight: 300!important;
}
.page-template-contact-template form.wpcf7-form span.JobPosition:after, .page-template-contact-template label#cv-label:after {
font-family: 'Font Awesome 6 Pro'!important;
color: #424242;
right: 17px;
z-index: 1;
font-weight: 500;
width: 20px;
border-radius: 100%;
line-height: 20px;
font-size: 16px;
box-sizing: border-box;
text-align: center;
position: absolute;
pointer-events: none;
height: 20px;
}
.address-sections {
display: flex;
gap: 1.5rem;
justify-content: center;
padding-bottom: 5rem;
}
.address-sections>div {
background: #e00059;
border-radius: 1.5rem;
padding: 1.5rem 2rem 2rem;
display: flex;
flex-direction: column;
gap: 1rem;
width: 50%}
.menu-accomodation main, .menu-experiences main, .menu-offers main {
display: grid!important;
grid-template-columns: 1fr 1fr;
padding-bottom: 2.5rem;
}
.page-template-contact-template .default-template-body {
padding: 0 1.5rem 1rem;
}
.page-template-contact-template .default-template-title {
padding-bottom: 3.5rem;
}
.address-sections .resort-address, .blog div#primary .site-main article:nth-child(8n+5), .post-type-archive-journal div#primary .site-main article:nth-child(8n+5), .tax-journal-type div#primary .site-main article:nth-child(8n+5) {
background: #e00059;
}
.address-sections>div h2 {
margin: 0;
font-weight: 600;
font-size: 1.25rem;
color: #fff;
line-height: 1.75rem;
display: flex;
gap: .5rem;
align-items: center;
}
.address-sections>div ul {
list-style-type: none;
margin: 0;
display: flex;
flex-direction: column;
gap: .5rem;
}
.contact-map {
border-radius: 1rem;
overflow: hidden;
margin-bottom: 7.5rem;
display: flex;
justify-items: center;
align-items: center;
}
.address-sections>div ul li {
font-size: 1rem;
color: #fff;
font-weight: 300;
line-height: 1.5rem;
display: flex;
gap: .5rem;
align-items: center;
}
.address-sections>div ul li span {
width: 24px;
display: flex;
}
.address-sections>div ul li a {
font-size: 1rem;
color: #fff;
font-weight: 300;
line-height: 1.5rem;
transition: .15s ease-out;
}
.address-sections>div ul li a:hover {
color: #ffc900;
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
}
.page-template-contact-template form.wpcf7-form textarea {
border-radius: 1.5rem!important;
}
.page-template-contact-template form.wpcf7-form select {
color: #424242!important;
font-weight: 500!important;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}
.page-template-contact-template label#cv-label:after {
content: "\e09a";
top: 8px;
}
.page-template-contact-template form.wpcf7-form span.JobPosition:after {
content: "\f078";
top: 1.5px;
}
.page-template-contact-template form.wpcf7-form .wpcf7-response-output {
margin: -.5rem 0 1rem;
background: #46b450;
border: #ffdead;
font-size: 1rem;
border-radius: 1rem;
color: #fff;
padding: .25rem .75rem;
}
.page-template-contact-template .wpcf7 form.invalid .wpcf7-response-output, .page-template-contact-template .wpcf7 form.payment-required .wpcf7-response-output, .page-template-contact-template .wpcf7 form.unaccepted .wpcf7-response-output {
margin: -.5rem 0 1rem;
background: #ffb900;
border: #ffdead;
font-size: 1rem;
border-radius: 1rem;
color: #fff;
padding: .25rem .75rem;
}
.page-template-contact-template form.wpcf7-form input::placeholder {
color: #737373!important;
font-size: 1rem!important;
line-height: 1.5rem!important;
font-weight: 300!important;
}
.page-template-contact-template input.wpcf7-form-control.wpcf7-file {
position: absolute;
width: 1500px;
height: 1000px;
right: 0;
bottom: 0;
outline: 0!important;
}
a#fannuvarin {
display: block;
width: 240px;
transition: .15s ease-out;
margin: 55px auto -25px;
text-transform: uppercase;
}
a#fannuvarin img {
width: 200px opacity: .8;
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
}
a#fannuvarin:hover img {
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
transform: scale(1.03);
opacity: 1;
}
.page-template-contact-template .wpcf7-file:before {
content: "Upload your CV";
display: block;
width: 120px;
height: 40px;
line-height: 40px;
text-align: center;
position: absolute;
right: 0;
bottom: 0;
color: #fff;
font-size: 16px;
}
.page-template-contact-template label.custom-file-upload {
position: relative;
display: inline-block;
width: 100%!important;
margin-bottom: .75rem!important;
background: #fff!important;
border: 1px solid #d6d6d6!important;
box-shadow: 0 1px 2px rgb(16 24 40 / 5%)!important;
border-radius: 99px!important;
padding: 7px 14px!important;
font-size: 1rem!important;
line-height: 1.5rem!important;
color: #424242!important;
font-weight: 500!important;
}
.page-template-contact-template input.wpcf7-form-control.has-spinner.wpcf7-submit {
font-size: 14px!important;
color: #fff!important;
padding: 9px 0!important;
line-height: 20px!important;
background: #e00059!important;
border: 2px solid #e00059;
box-sizing: border-box;
border-radius: 50px;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
display: block;
margin: .75rem auto 0!important;
font-weight: 500!important;
}
.web-v3.archive .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title p.entry-meta.journal-type, .web-v3.blog li .entry-meta.journal-type {
font-size: 12px;
}
#quadmenu .foot, .web-v3.archive.post-type-archive-artist section.archive-listing-section {
padding-bottom: 0;
}
.page-template-contact-template input.wpcf7-form-control.has-spinner.wpcf7-submit:hover {
-webkit-transition: .2s;
-moz-transition: .2s;
-ms-transition: .2s;
-o-transition: .2s;
transition: .2s;
}
.workWithUs .work-with-us {
background: rgba(0, 0, 0, .05);
border: 2px solid rgba(255, 255, 255, .2);
box-sizing: border-box;
backdrop-filter: blur(20px);
padding: 10px 24px 24px;
width: 614px;
max-width: 95%;
max-height: 600px;
height: 100%;
-webkit-transition: 1s;
-moz-transition: 1s;
-ms-transition: 1s;
-o-transition: 1s;
transition: 1s;
}
form.wpcf7-form {
margin-top: 12px;
}
a#fannuvarin span {
margin-top: 4px;
display: block;
text-shadow: 2px 2px 6px rgb(0 0 0 / 26%), 0 -5px 35px rgb(255 255 255 / 30%);
}
span#fannuvarin {
width: 100%;
display: flex;
justify-content: center;
}
span#fannuvarin img {
width: 130px;
}
section#home-rooms .tab nav ul .room-data {
display: flex;
width: calc(100% - 46px - 1.5rem);
}
section#home-rooms .tab nav ul li {
display: flex;
gap: 1.5rem;
align-items: flex-start;
border: none;
margin: 0;
}
.menu-accomodation main, .menu-offers main {
padding-top: 1.5rem;
gap: 1.5rem;
}
.menu-experiences main {
padding-top: 1.5rem;
grid-gap: 1rem;
}
.menu-eat main, .menu-spa main {
display: flex!important;
padding-top: 1.5rem;
padding-bottom: 2.5rem;
gap: 1rem;
}
.menu-accomodation main section, .menu-experiences main section, .menu-offers main section {
gap: .75rem;
display: flex!important;
}
.menu-eat main section {
flex-direction: column;
gap: .75rem;
grid-column: span 1;
display: flex!important;
width: 148px;
-webkit-transition: .15s ease-out!important;
-moz-transition: .15s ease-out!important;
-o-transition: .15s ease-out!important;
transition: .15s ease-out!important;
}
.menu-spa main section {
flex-direction: column;
gap: .75rem;
grid-column: span 1;
display: flex!important;
width: 148px;
-webkit-transition: .15s ease-out!important;
-moz-transition: .15s ease-out!important;
-o-transition: .15s ease-out!important;
transition: .15s ease-out!important;
order: 1;
}
.menu-experiences main section.featClass a.image-thumbnail {
width: 100%!important;
height: 196px!important;
}
.menu-eat main section.featClass {
flex-grow: 1;
order: 1;
}
.menu-spa main section.featClass {
flex-grow: 1;
order: 0;
}
.menu-accomodation main section a.image-thumbnail, .menu-offers main section a.image-thumbnail {
width: 183px!important;
height: 120px!important;
display: block;
overflow: hidden!important;
border-radius: 1rem!important;
}
.menu-experiences main section a.image-thumbnail {
width: 156px!important;
height: 77.3px!important;
display: block;
overflow: hidden!important;
border-radius: .56rem!important;
}
.menu-eat main section a.image-thumbnail, .menu-spa main section a.image-thumbnail {
width: 100%!important;
height: 200px!important;
display: block;
overflow: hidden!important;
border-radius: 1rem!important;
}
.menu-accomodation main section a.image-thumbnail div, .menu-eat main section a.image-thumbnail div, .menu-experiences main section a.image-thumbnail div, .menu-offers main section a.image-thumbnail div, .menu-spa main section a.image-thumbnail div {
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
border-radius: .56rem;
}
.menu-accomodation main section .entry-content {
width: 194px;
margin: 0;
}
.menu-experiences main section .entry-content {
width: 100%;
margin: 0;
display: flex;
flex-direction: column;
justify-content: center;
}
.menu-eat main section .entry-content, .menu-spa main section .entry-content {
width: 100%;
margin: 0;
}
.menu-offers main section .entry-content {
width: 194px;
margin: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.menu-experiences main section.featClass {
grid-row-start: 1;
grid-row-end: 4;
flex-direction: column;
}
.menu-accomodation main section .entry-content .entry-title, .menu-accomodation main section .entry-content .entry-title a, .menu-accomodation main section .entry-content h3, .menu-accomodation main section .entry-content h3 a {
margin: .125rem 0 .25rem;
font-weight: 600;
color: var(--gray-700);
font-size: 1rem;
line-height: 1.25rem;
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
}
.menu-eat main section .entry-content .entry-title, .menu-eat main section .entry-content .entry-title a, .menu-eat main section .entry-content h3, .menu-eat main section .entry-content h3 a, .menu-experiences main section .entry-content .entry-title, .menu-experiences main section .entry-content .entry-title a, .menu-experiences main section .entry-content h3, .menu-experiences main section .entry-content h3 a, .menu-spa main section .entry-content .entry-title, .menu-spa main section .entry-content .entry-title a, .menu-spa main section .entry-content h3, .menu-spa main section .entry-content h3 a {
margin: .125rem 0 .25rem;
font-weight: 600;
color: var(--gray-700);
font-size: 1rem;
line-height: 1rem;
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
}
.menu-offers main section .entry-content .entry-title, .menu-offers main section .entry-content .entry-title a {
margin: .75rem 0 0;
font-weight: 600;
color: var(--gray-700);
font-size: 1rem;
line-height: 1rem;
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
}
.menu-accomodation main section .entry-content .description p, .menu-spa main section .entry-content .description p {
font-size: .75rem;
line-height: 1rem;
font-weight: 300;
color: var(--gray-700);
}
.menu-eat main section .entry-content .description p, .menu-experiences main section .entry-content .bigTitle a, .menu-experiences main section .entry-content h4 a {
font-size: .75rem!important;
line-height: 1rem;
font-weight: 300;
color: var(--gray-700);
}
.menu-offers main section .entry-content .description p {
font-size: .75rem;
line-height: 1rem;
font-weight: 300;
color: var(--gray-700);
margin: 0;
padding-top: .25rem;
}
#quadmenu .foot a {
font-weight: 300;
text-align: center;
font-size: .875rem!important;
line-height: 1.25rem;
color: #525252;
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
}
#quadmenu .foot a:hover {
-webkit-transition: .3s ease-out;
-moz-transition: .3s ease-out;
-o-transition: .3s ease-out;
transition: .3s ease-out;
color: var(--gray-700);
}
#quadmenu.quadmenu-is-horizontal li.quadmenu-item-type-column>div>ul {
padding-top: 1.5rem!important;
padding-bottom: 1.5rem!important;
}
#quadmenu .foot {
border-top: 1px solid #ff9800;
padding-top: .75rem;
}
.menu-accomodation main section a.image-thumbnail:hover div, .menu-eat main section a.image-thumbnail:hover div, .menu-experiences main section a.image-thumbnail:hover div, .menu-offers main section a.image-thumbnail:hover div, .menu-spa main section a.image-thumbnail:hover div {
-webkit-transition: .3s ease-out!important;
-moz-transition: .3s ease-out!important;
-o-transition: .3s ease-out!important;
transition: .3s ease-out!important;
transform: scale(1.05);
}
.menu-accomodation main section a.image-thumbnail div, .menu-eat main section a.image-thumbnail div, .menu-experiences main section a.image-thumbnail div, .menu-offers .offer-card img.offer-bg, .menu-offers main section a.image-thumbnail div {
-webkit-transition: .15s ease-out!important;
-moz-transition: .15s ease-out!important;
-o-transition: .15s ease-out!important;
transition: .15s ease-out!important;
}
.menu-accomodation main section h3 a:hover, .menu-eat main section h3 a:hover, .menu-experiences main section .entry-content:hover h3 a, .menu-experiences main section .entry-content:hover h4 a, .menu-offers main section h3 a:hover, .menu-spa main section h3 a:hover {
color: var(--contrast);
-webkit-transition: .3s ease-out;
-moz-transition: .3s ease-out;
-o-transition: .3s ease-out;
transition: .3s ease-out;
}
.menu-offers .offer-card:hover img.offer-bg {
transform: scale(1.1);
-webkit-transition: .3s ease-out!important;
-moz-transition: .3s ease-out!important;
-o-transition: .3s ease-out!important;
transition: .3s ease-out!important;
}
.menu-offers main .offer-card {
grid-row-start: 1;
grid-column-start: 1;
grid-row-end: 3;
}
.subscribe-form form.wpcf7-form .wpcf7-response-output {
background: #dc3232;
position: absolute;
bottom: -50px;
font-size: 10px!important;
}
.subscribe-form form.sent .wpcf7-response-output {
background: #46b450;
}
.subscribe-form form.aborted .wpcf7-response-output, .subscribe-form form.failed .wpcf7-response-output {
background: #dc3232;
}
.subscribe-form form.spam .wpcf7-response-output {
background: #f56e28;
}
.menu-offers .offer-card a {
display: block;
width: 100%;
text-decoration: none;
position: relative;
overflow: hidden;
height: 100%;
display: flex;
justify-content: flex-end;
}
.menu-offers .offer-card {
border-radius: 1rem;
width: 100%;
height: 264px;
position: relative;
overflow: hidden;
}
.menu-offers .offer-card img.offer-bg {
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
object-fit: cover;
}
.menu-offers .offer-card a .entry-content h1 {
color: #fff!important;
font-weight: 600!important;
line-height: 1.75rem!important;
font-size: 1.25rem!important;
margin: .75rem 0 .25rem!important;
max-width: 6rem;
text-align: right!important;
}
.menu-offers .offer-card a .entry-content .description p {
margin: 0!important;
font-weight: 300;
font-size: .75rem;
line-height: 1rem;
}
.menu-offers .offer-card a .entry-content {
color: #fff;
padding-top: 1.5rem;
margin: 0;
padding-right: 1.5rem;
max-width: 11.5rem;
display: flex;
flex-direction: column;
align-items: flex-end;
text-align: right;
}
.menu-offers .plus {
width: 20px;
--b: 3px;
}
.home .home-check-availability {
display: block;
z-index: 1;
position: relative;
margin-top: -35px;
}
.home-check-availability .availability-check {
max-width: 940px;
margin: 0 auto;
padding: 1rem 4rem;
background: #ffc900;
border-radius: 3.5rem;
background-position: center;
background-size: 200%;
border: none;
}
.home .availability-check .row label svg path {
stroke: #000;
}
.home .availability-check .row.pax .number span {
border-color: #000;
color: #000;
}
.home-check-availability .availability-check form {
flex-direction: row;
gap: 3.5rem;
justify-content: center;
}
.home-check-availability .availability-check form .row.dates label input {
background: 0 0;
width: 88px;
font-size: .9rem;
color: #000;
}
.home-check-availability .availability-check form input#book-now {
background: #000;
padding: 8px 17px;
}
.home-check-availability .availability-check form input#book-now:hover {
background: #fff;
color: #000;
}
.home-check-availability .availability-check form .row.dates label input::placeholder {
font-size: .75rem;
}
section#home-about .body .show-all {
text-align: center;
justify-content: center;
}
#home-experiences .offer-cards .offer-card a .entry-content {
display: flex;
flex-direction: column;
justify-content: flex-end;
height: 100%;
padding: 2.5rem;
}
#home-experiences .offer-cards .offer-card a .entry-content:before {
display: block;
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
background: #060606;
background: -moz-linear-gradient(360deg, rgba(6, 6, 6, .35) 0, rgba(17, 17, 17, 0) 45%);
background: -webkit-linear-gradient(360deg, rgba(6, 6, 6, .35) 0, rgba(17, 17, 17, 0) 45%);
background: linear-gradient(360deg, rgba(6, 6, 6, .35) 0, rgba(17, 17, 17, 0) 45%);
opacity: .35;
visibility: visible;
-webkit-transition: .1s ease-out;
-moz-transition: .1s ease-out;
-o-transition: .1s ease-out;
transition: .1s ease-out;
}
#home-experiences .offer-cards .offer-card a:hover .entry-content::before {
opacity: 1;
visibility: visible;
-webkit-transition: .25s ease-out;
-moz-transition: .25s ease-out;
-o-transition: .25s ease-out;
transition: .25s ease-out;
}
#home-experiences .offer-cards .offer-card a .entry-content h1 {
font-weight: 600;
font-size: 2.25rem;
line-height: 2.5rem;
text-align: left;
}
#home-experiences .offer-cards .offer-card a .entry-content p {
font-weight: 300;
text-align: left;
}
.post-type-archive-experiences #page-title p, .post-type-archive-facilities #page-title p {
font-weight: 300;
font-size: 1.125rem;
color: var(--gray-700);
line-height: 1.75rem;
}
.post-type-archive-experiences #page-title, .post-type-archive-facilities #page-title {
padding-bottom: 2.75rem;
}
.infinite-slider .slides.shifting {
transition: left .2s ease-out;
}
.infinite-slider .slide .polaroid-cards {
width: 510px;
height: 536px;
display: flex;
flex-direction: row;
justify-content: center;
transition: 1s;
position: relative;
}
.infinite-slider .slide .behind-polaroid, .infinite-slider .slide .card {
width: 390px;
border-radius: .25rem;
padding: 24px 24px 0;
display: flex;
height: 536px;
}
.infinite-slider #slides {
justify-content: center;
display: flex;
row-gap: 8.5rem;
justify-content: center;
flex-wrap: wrap;
max-width: 1794px;
margin: 0 auto;
justify-content: space-between;
}
.infinite-slider .slide .card {
-webkit-transition: .1s ease-out;
-moz-transition: .1s ease-out;
-o-transition: .1s ease-out;
transition: .1s ease-out;
}
.infinite-slider .slide .card:hover .album-link img {
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
box-shadow: 0 14px 16px -4px rgb(16 24 40 / 30%), 0 4px 6px -2px rgb(16 24 40 / 3%);
transform: translateY(-3px);
}
.single-journal div#primary .inside-article, .single-post div#primary .inside-article {
background: #fff;
border-radius: 3.5rem;
overflow: hidden;
padding: 1.5rem 1.5rem 5rem;
max-width: 960px;
margin: 2rem auto 4rem;
}
.single-journal div#primary .inside-article .featured-image img, .single-post div#primary .inside-article .featured-image img {
border-radius: 1.5rem;
width: 100%}
.infinite-slider .slide .entry-content {
margin: 1.75rem 0 0;
display: flex;
justify-content: center;
}
.infinite-slider .slide .entry-content h1 {
text-decoration: none;
color: #fff;
background: #01bfa1;
text-align: center;
display: inline-block;
border-radius: 40px!important;
margin: 0 auto;
opacity: 0;
-webkit-transition: .1s ease-out;
-moz-transition: .1s ease-out;
-o-transition: .1s ease-out;
transition: .1s ease-out;
visibility: none;
font-family: Zooja!important;
font-weight: 400;
font-size: 2.5rem;
line-height: 1.25rem;
padding: 1rem 1rem 0;
}
.infinite-slider .slide .card:hover .entry-content h1 {
opacity: 1;
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
visibility: visible;
}
.infinite-slider .slide .behind-polaroid.rotate-1 {
transform: rotate(-5.79deg);
}
.infinite-slider .slide .behind-polaroid.rotate-2 {
transform: rotate(-14.79deg);
}
.infinite-slider .slide .behind-polaroid.rotate-3 {
transform: rotate(14.27deg);
}
.infinite-slider .slide .behind-polaroid.rotate-4 {
transform: rotate(4.86deg);
}
.infinite-slider .slide .behind-polaroid.rotate-5 {
transform: rotate(8.12deg);
}
.infinite-slider .slide .behind-polaroid.rotate-6 {
transform: rotate(-6.72deg);
}
.infinite-slider .slide .behind-polaroid.rotate-7 {
transform: rotate(-4.86deg);
}
.infinite-slider .slide .behind-polaroid.rotate-8 {
transform: rotate(6.2deg);
}
.infinite-slider .slide .behind-polaroid.rotate-9 {
transform: rotate(-8.1deg);
}
.infinite-slider .slide .behind-polaroid.rotate-10 {
transform: rotate(5.1deg);
}
.infinite-slider .wrapper {
position: relative;
overflow: hidden;
padding-bottom: 11.25rem;
padding-top: 5.25rem;
}
#loaded-photos .polaroid-cards>div img, .infinite-slider .slide img {
width: 342px;
height: 440px;
object-fit: cover;
border-radius: 1rem;
box-shadow: 0 20px 24px -4px rgb(16 24 40 / 8%), 0 8px 8px -4px rgb(16 24 40 / 3%);
}
.infinite-slider .slide.opened {
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
grid-column-start: 2;
grid-row-start: 1;
}
.infinite-slider .slide .behind-polaroid {
position: absolute;
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
z-index: -1;
}
.grid-container.opened .infinite-slider .slide:not(.opened) {
transform: translateY(400px);
opacity: 0;
pointer-events: none;
cursor: none;
position: absolute;
-webkit-transition: .4s ease-out;
-moz-transition: .4s ease-out;
-o-transition: .4s ease-out;
transition: .4s ease-out;
}
.infinite-slider .slide {
width: 33%;
display: flex;
flex-direction: column;
}
.infinite-slider .slide:nth-child(3n-2) .polaroid-cards {
margin-right: 5.5rem;
}
.infinite-slider .slide:nth-child(3n) .polaroid-cards {
margin-left: 5.5rem;
}
.infinite-slider .slide:nth-child(3n-1) {
flex-wrap: wrap;
align-content: center;
}
.infinite-slider .slide:nth-child(3n) {
flex-wrap: wrap;
align-content: flex-start;
}
.infinite-slider .slide:nth-child(3n-2) {
flex-wrap: wrap;
align-content: flex-end;
}
.blog div#primary .site-main {
margin: 6rem 0 8rem;
display: grid;
gap: 24px;
grid-template-columns: 1fr 1fr 1fr;
}
.post-type-archive-journal div#primary .site-main>div, .tax-journal-type div#primary .site-main>div {
margin: 6rem 0 8rem;
display: grid;
gap: 24px;
grid-template-columns: repeat(3, 1fr);
}
.post-type-archive-journal div#primary .site-main {
margin-top: 4rem;
}
.blog div#primary .site-main article .inside-article, .post-type-archive-journal div#primary .site-main article .inside-article, .tax-journal-type div#primary .site-main article .inside-article {
background: unset;
margin-bottom: 2rem;
padding: 2.125rem;
}
.blog div#primary .site-main article .inside-article img, .post-type-archive-journal div#primary .site-main article .inside-article img, .tax-journal-type div#primary .site-main article .inside-article img {
border-radius: .75rem;
}
.blog div#primary .site-main article .inside-article .post-image, .post-type-archive-journal div#primary .site-main article .inside-article .post-image {
margin-top: 1.5rem;
}
.blog div#primary .site-main article, .post-type-archive-journal div#primary .site-main article, .tax-journal-type div#primary .site-main article {
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
background: #a6005f;
border-radius: 1rem;
margin: 0;
}
.post-type-archive-album div#page {
max-width: unset;
width: 100%}
article .inside-article {
margin-bottom: 5rem;
}
.blog div#primary .site-main article h2.entry-title, .post-type-archive-journal div#primary .site-main article h2.entry-title, .tax-journal-type div#primary .site-main article h2.entry-title {
font-weight: 700;
font-size: 1.5rem;
line-height: 2rem!important;
}
.blog div#primary .site-main article .entry-summary, .post-type-archive-journal div#primary .site-main article .entry-summary, .tax-journal-type div#primary .site-main article .entry-summary {
margin-top: .5rem;
}
.blog div#primary .site-main article .entry-summary p, .post-type-archive-journal div#primary .site-main article .entry-summary p, .tax-journal-type div#primary .site-main article .entry-summary p {
color: #fffc;
font-weight: 500;
font-size: 1rem;
line-height: 1.5rem;
}
.web-v3 section#home-more-section .footer-big-menu ul#menu-footer-menu-big li:nth-child(4) a, .web-v3.archive #people-listing .splide ul.splide__list li.splide__slide:nth-child(6n+3) .tall-card-title.image-card p.card-title, .web-v3.archive.post-type-archive, .web-v3.archive.post-type-archive #people-listing .splide ul.splide__list li.splide__slide:nth-child(6n+3) .entry-meta.journal-type, .web-v3.archive.post-type-archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+3), .web-v3.archive.post-type-archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+3) .tall-card-title.image-card:before, .web-v3.archive.post-type-archive-artist .archive-listing-section div#our-collaborators .splide ul.splide__list li.splide__slide:nth-child(6n+1) .tall-card-title.image-card p.card-title, .web-v3.archive.post-type-archive-artist .archive-listing-section div#our-collaborators .splide ul.splide__list li.splide__slide:nth-child(6n+1) .tall-card-title.image-card:before, .web-v3.archive.tax-journal-type.term-33 .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+1), .web-v3.archive.tax-journal-type.term-33 .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+1) .entry-meta.journal-type, .web-v3.archive.tax-journal-type.term-33 .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+1) .tall-card-title.image-card p.card-title, .web-v3.archive.tax-journal-type.term-34 .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+2), .web-v3.archive.tax-journal-type.term-34 .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+2) .entry-meta.journal-type, .web-v3.archive.tax-journal-type.term-34 .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+2) .tall-card-title.image-card p.card-title, .web-v3.archive.tax-journal-type.term-34 .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+2) .tall-card-title.image-card:before, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+5), .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+5) .entry-meta.journal-type, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+5) .tall-card-title.image-card p.card-title, .web-v3.error404 {
background: #ff7900;
}
.web-v3.error404 h1.entry-title {
line-height: 120%}
.web-v3.error404 div#primary {
min-height: calc(100vh - 123px - 74px)!important;
padding-top: 74px;
display: flex;
flex-direction: column;
justify-content: center;
max-width: 1216px;
width: 100%;
margin: 0 auto;
}
body.web-v3.fr.floating div#header-bar nav.main-nav-center a {
font-size: 16px!important;
line-height: 120%}
.web-v3 div#header-bar nav.main-nav-center li a {
display: flex;
align-items: center;
}
.web-v3.single-artist div#inner-page .right-slider {
aspect-ratio: unset!important;
}
.web-v3.archive #people-listing .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title.image-card:before {
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
opacity: 0;
pointer-events: none;
}
.web-v3.archive #people-listing .splide.post-listing-section ul.splide__list li.splide__slide:hover .tall-card-title.image-card:before {
opacity: 1;
-webkit-transition: .24s ease-out;
-moz-transition: .24s ease-out;
-o-transition: .24s ease-out;
transition: .24s ease-out;
}
.web-v3.archive #people-listing .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title span.support-text {
opacity: 0;
height: 0;
margin: 0;
}
.web-v3.archive #people-listing .splide.post-listing-section ul.splide__list li.splide__slide:hover .tall-card-title span.support-text {
-webkit-transition: .24s ease-out;
-moz-transition: .24s ease-out;
-o-transition: .24s ease-out;
transition: .24s ease-out;
opacity: 1;
height: fit-content;
}
.event-download-list, .web-v3.post-type-archive-artist #people-listing .splide.post-listing-section ul.splide__list li.splide__slide .image-card .support-text p, .web-v3.rtl.archive div#page-title h1.section-title {
margin-bottom: 24px;
}
.web-v3 .faq-list, .web-v3.archive #people-listing .splide.post-listing-section ul.splide__list li.splide__slide:hover .tall-card-title span.support-text span, .web-v3.post-type-archive-tribe_events, .web-v3.separate-containers .inside-article {
background: 0 0!important;
}
.web-v3.archive .archive-listing-section #people-listing .splide ul.splide__list li.splide__slide:hover .tall-card-title.image-card p.card-title {
background: 0 0!important;
padding: 24px 0 12px;
font-size: 32px!important;
line-height: 120%!important;
}
.grid-container .grid-container, .web-v3 div#inner-page.one-column-center .left-content .inside-article, .web-v3.archive #people-listing .splide.post-listing-section ul.splide__list li.splide__slide:hover .tall-card-title span.support-text p, .web-v3.archive section#stay, div#menu-event .tribe-events-view {
padding: 0;
}
.web-v3.archive #people-listing .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title span.support-text p {
font-family: Poppins;
font-size: 16px!important;
font-style: normal;
font-weight: 400;
line-height: 24px;
max-width: 340px;
padding: 0 12px;
}
.web-v3.post-type-archive-artist #people-listing .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title.image-card p.card-title {
margin-top: auto;
}
.web-v3.archive #people-listing .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title.image-card>p, .web-v3.archive #people-listing .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title.image-card>span {
z-index: 0;
position: relative;
}
.web-v3.archive #people-listing ul li p.card-title {
max-width: 270px!important;
}
.web-v3.archive #people-listing h1.section-title {
margin-bottom: 54px;
}
#page-title h1 span.white, .faq-section h2 .white, .web-v3.archive #people-listing h1.section-title, .web-v3.archive #people-listing h1.section-title span, .web-v3.page-template-contact-template form input.wpcf7-form-control.wpcf7-submit:hover {
color: #fff!important;
}
#page-title h1 span, .web-v3.archive #people-listing h1.section-title span {
display: inline!important;
}
.blog div#primary .site-main article span.posted-on, .post-type-archive-journal div#primary .site-main article span.posted-on, .tax-journal-type div#primary .site-main article span.posted-on {
font-weight: 300;
color: #fff;
font-size: 1rem;
line-height: 1.5rem;
}
.web-v3.archive.post-type-archive-people {
background: #fe029b!important;
}
.web-v3 .event-download-list a:hover, .web-v3 .post-type-archive-eat, .web-v3 div#header-bar nav.main-nav-center a.red-block, .web-v3 section#eat, .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+5), .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+5) .entry-meta.journal-type, .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+5) .tall-card-title.image-card p.card-title, .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+5) .tall-card-title.image-card:before, .web-v3.blog {
background: #ff0047;
}
.web-v3.archive .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title span.support-text {
margin-top: 16px;
margin-bottom: 36px;
}
.web-v3.archive section#offers, .web-v3.archive section.archive-listing-section, .web-v3.blog section.archive-listing-section {
padding-top: 240px;
padding-bottom: 240px;
}
.web-v3.blog #page-title h1, .web-v3.tax-journal-type .default-template-title h1 {
color: #fff;
padding-bottom: 3rem;
}
.web-v3 .journal-buttons {
margin-top: 36px;
margin-bottom: 40px;
}
.web-v3 .journal-buttons a.entry-meta.journal-type {
background: #141414;
border-radius: 0!important;
border: 0;
color: #fff;
}
.web-v3 .journal-buttons a.entry-meta.journal-type:hover, .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+1), .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+1) .entry-meta.journal-type, .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+1) .tall-card-title.image-card p.card-title, .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+1) .tall-card-title.image-card:before, .web-v3.archive.tax-journal-type, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+1), .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+1) .entry-meta.journal-type, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+1) .tall-card-title.image-card p.card-title {
background: #8b25d4;
}
.web-v3 .journal-buttons a.entry-meta.journal-type:nth-child(2):hover, .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+2), .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+2) .entry-meta.journal-type, .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+2) .tall-card-title.image-card p.card-title, .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+2) .tall-card-title.image-card:before, .web-v3.archive.tax-journal-type.term-34, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+2), .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+2) .entry-meta.journal-type, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+2) .tall-card-title.image-card p.card-title {
background: #00ce98;
}
.web-v3.single-journal .inside-article h1.entry-title, .web-v3.single-post .inside-article h1.entry-title {
font-family: Poppins;
font-size: 40px!important;
font-style: normal;
font-weight: 700!important;
line-height: 47.5px!important;
margin-bottom: 20px!important;
}
.web-v3.single-journal .inside-article h2, .web-v3.single-post .inside-article h2 {
font-family: Poppins;
font-size: 32px!important;
font-style: normal;
font-weight: 700!important;
line-height: 40px!important;
margin-bottom: 12px!important;
margin-top: 36px!important;
}
.web-v3.single-journal .inside-article h3, .web-v3.single-post .inside-article h3 {
font-family: Poppins;
font-size: 28px!important;
font-style: normal;
font-weight: 700!important;
line-height: 36px!important;
margin-bottom: 8px!important;
margin-top: 28px!important;
}
.web-v3.single-journal .inside-article h4, .web-v3.single-post .inside-article h4 {
font-family: Poppins;
font-size: 24px!important;
font-style: normal;
font-weight: 700!important;
line-height: 32px!important;
margin-bottom: 8px!important;
margin-top: 28px!important;
}
.web-v3 div#our-collaborators {
background: #00ce98;
padding-top: 60px;
margin-top: 80px;
padding-bottom: 140px;
}
.web-v3.single-journal .inside-article h5, .web-v3.single-post .inside-article h5 {
font-family: Poppins;
font-size: 20px!important;
font-style: normal;
font-weight: 600!important;
line-height: 28px!important;
margin-bottom: 8px!important;
margin-top: 24px!important;
}
.web-v3.single-journal .inside-article h6, .web-v3.single-post .inside-article h6 {
font-family: Poppins;
font-size: 20px!important;
font-style: normal;
font-weight: 400!important;
line-height: 28px!important;
margin-bottom: 8px!important;
margin-top: 24px!important;
}
.web-v3.tax-journal-type .default-template-title h1 span {
display: inline;
color: #fff;
}
.web-v3.archive a.back-to-gallery svg path {
stroke: #fff!important;
}
.web-v3.tax-journal-type a.back-to-gallery {
padding-top: 0!important;
color: #fff;
}
.web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:hover .tall-card-title.image-card p.card-title, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide:hover .tall-card-title.image-card p.card-title {
background: #111!important;
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
}
.web-v3.archive .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide:hover p.entry-meta.journal-type, .web-v3.archive.tax-journal-type .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide:hover p.entry-meta.journal-type, .web-v3.blog .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide:hover p.entry-meta.journal-type {
color: #111;
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
}
.web-v3.archive .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title, .web-v3.blog .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title {
gap: 0;
padding: 20px;
}
.web-v3.archive .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .image-card {
min-height: 400px;
position: relative;
overflow: hidden;
z-index: 0;
}
.web-v3.archive #people-listing .splide.post-listing-section ul.splide__list li.splide__slide .image-card {
display: flex;
justify-content: end!important;
flex-direction: column;
}
.web-v3.blog .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .image-card {
min-height: 310px;
padding: 8px!important;
}
.web-v3.archive .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title p.card-title, .web-v3.blog .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title p.card-title {
margin-top: 16px;
}
.web-v3.archive .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title.image-card p.entry-meta.journal-type, .web-v3.blog .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title.image-card p.entry-meta.journal-type {
margin-top: auto!important;
}
.web-v3.archive .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title.image-card, .web-v3.blog .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title.image-card {
padding: 16px;
}
.web-v3.archive .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide, .web-v3.blog .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide {
background-size: cover!important;
background-position: center!important;
}
.web-v3.archive .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title.image-card p.card-title, .web-v3.blog .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title.image-card p.card-title {
margin: 0;
max-width: 280px;
padding: 8px 12px;
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
color: #fff;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px;
}
.web-v3 li .entry-meta.journal-type {
margin-top: auto;
border: 0;
color: #000;
margin-bottom: 0;
border-radius: 0!important;
padding: 2px 6px!important;
}
.web-v3 section#home-book-footer .section-title .yellow-text, .web-v3.archive #people-listing .splide ul.splide__list li.splide__slide:hover:nth-child(6n+2) .entry-meta.journal-type, .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+2) .entry-meta.journal-type, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+2) .entry-meta.journal-type, .web-v3.single section#home-book-footer .section-title span {
color: #00ce98;
}
.web-v3.archive.tax-journal-type.term-34 .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+2) .entry-meta.journal-type {
color: #ff7900;
}
.web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+3), .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+3) .entry-meta.journal-type, .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+3) .tall-card-title.image-card p.card-title, .web-v3.archive.post-type-archive-journal .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+3), .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+3), .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+3) .entry-meta.journal-type, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+3) .tall-card-title.image-card p.card-title {
background: #fe029b;
}
.web-v3.archive.post-type-archive-journal .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+3) { }
.rtl li.tribe-events-c-messages__message-list-item, .rtl.page-template-contact-template form.wpcf7-form select, .rtl.web-v3 section.card-list-section .grid-container p.section-title, .rtl.web-v3.home div#page-title, .rtl.web-v3.page-template-contact-template form.wpcf7-form label, .rtl.web-v3.page-template-contact-template form.wpcf7-form textarea.wpcf7-form-control, .rtl.web-v3.single-tribe_events .tribe-events-notices li, .web-v3.rtl.page-template-contact-template form.wpcf7-form input.wpcf7-form-control {
text-align: right;
}
.rtl.web-v3.page-template-contact-template form.wpcf7-form label {
font-weight: 700;
width: 100%!important;
display: flex;
flex-direction: column;
}
.web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+3) .entry-meta.journal-type, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+3) .entry-meta.journal-type {
color: #fe029b;
}
.web-v3.archive #people-listing .splide ul.splide__list li.splide__slide:hover:nth-child(6n+3) .entry-meta.journal-type, .web-v3.archive #people-listing .splide ul.splide__list li.splide__slide:nth-child(6n+3) .entry-meta.journal-type {
color: #ff7900!important;
}
.web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+4), .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+4) .entry-meta.journal-type, .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+4) .tall-card-title.image-card p.card-title, .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+4) .tall-card-title.image-card:before, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+4), .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+4) .entry-meta.journal-type, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+4) .tall-card-title.image-card p.card-title {
background: #0196ff;
}
.web-v3 .post-type-archive-excursions, .web-v3 div#header-bar nav.main-nav-center a.pink-block, .web-v3 section#home-more-section .footer-big-menu ul#menu-footer-menu-big li:nth-child(5) a, .web-v3.archive section#excursions, .web-v3.archive.post-type-archive-artist .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+4), .web-v3.archive.post-type-archive-artist .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+4) .tall-card-title.image-card p.card-title, .web-v3.archive.post-type-archive-artist .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+4) .tall-card-title.image-card:before {
background: #ff009b;
}
.web-v3.archive #people-listing .splide ul.splide__list li.splide__slide:hover:nth-child(6n+4) .entry-meta.journal-type, .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+4) .entry-meta.journal-type, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+4) .entry-meta.journal-type {
color: #0196ff;
}
.web-v3.archive.tax-journal-type.term-33 .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+1) .entry-meta.journal-type, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+5) .entry-meta.journal-type {
color: #ff7900;
}
.web-v3 .artist-page .left-content a.square-button.big-button {
align-items: center;
background: #e1306c;
color: #fff!important;
font-size: 24px;
gap: 12px;
padding: 8px 20px;
}
.web-v3.archive #people-listing .splide ul.splide__list li.splide__slide:hover:nth-child(6n+5) .entry-meta.journal-type, .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+5) .entry-meta.journal-type {
color: #ff0047;
}
.blog div#primary .site-main article:nth-child(8n+6), .post-type-archive-journal div#primary .site-main article:nth-child(8n+6), .tax-journal-type div#primary .site-main article:nth-child(8n+6) {
background: #ffc900;
}
.web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+6), .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+6) .entry-meta.journal-type, .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+6) .tall-card-title.image-card p.card-title, .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+6) .tall-card-title.image-card:before, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+6), .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+6) .entry-meta.journal-type, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+6) .tall-card-title.image-card p.card-title {
background: #ffbd01;
}
.web-v3.archive #people-listing .splide ul.splide__list li.splide__slide:hover:nth-child(6n+6) .entry-meta.journal-type, .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+6) .entry-meta.journal-type, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+6) .entry-meta.journal-type {
color: #ffbd01;
}
.web-v3.archive #people-listing .splide ul.splide__list li.splide__slide:hover:nth-child(6n+1) .entry-meta.journal-type, .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+1) .entry-meta.journal-type, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide:nth-child(6n+1) .entry-meta.journal-type {
color: #8b25d4;
}
.blog div#primary .site-main article:nth-child(8n+8), .post-type-archive-journal div#primary .site-main article:nth-child(8n+8), .tax-journal-type div#primary .site-main article:nth-child(8n+8) {
background: #ff9800;
}
.blog div#primary .site-main article:hover, .post-type-archive-journal div#primary .site-main article:hover, .tax-journal-type div#primary .site-main article:hover {
-webkit-transition: .25s ease-out;
-moz-transition: .25s ease-out;
-o-transition: .25s ease-out;
transition: .25s ease-out;
background: #f5f5f5;
}
.blog div#primary .site-main article:nth-child(8n+6):hover h2 a, .blog div#primary .site-main article:nth-child(8n+6):hover p, .blog div#primary .site-main article:nth-child(8n+6):hover span, .post-type-archive-journal div#primary .site-main article:nth-child(8n+6):hover h2 a, .post-type-archive-journal div#primary .site-main article:nth-child(8n+6):hover p, .post-type-archive-journal div#primary .site-main article:nth-child(8n+6):hover span, .tax-journal-type div#primary .site-main article:nth-child(8n+6):hover h2 a, .tax-journal-type div#primary .site-main article:nth-child(8n+6):hover p, .tax-journal-type div#primary .site-main article:nth-child(8n+6):hover span {
color: #ffc900;
}
.blog div#primary .site-main article:nth-child(8n+8):hover h2 a, .blog div#primary .site-main article:nth-child(8n+8):hover p, .blog div#primary .site-main article:nth-child(8n+8):hover span, .post-type-archive-journal div#primary .site-main article:nth-child(8n+8):hover h2 a, .post-type-archive-journal div#primary .site-main article:nth-child(8n+8):hover p, .post-type-archive-journal div#primary .site-main article:nth-child(8n+8):hover span, .tax-journal-type div#primary .site-main article:nth-child(8n+8):hover h2 a, .tax-journal-type div#primary .site-main article:nth-child(8n+8):hover p, .tax-journal-type div#primary .site-main article:nth-child(8n+8):hover span {
color: #ff9800;
}
.blog div#primary .site-main article:hover h2 a, .blog div#primary .site-main article:hover p, .blog div#primary .site-main article:hover span, .post-type-archive-journal div#primary .site-main article:hover h2 a, .post-type-archive-journal div#primary .site-main article:hover p, .post-type-archive-journal div#primary .site-main article:hover span, .tax-journal-type div#primary .site-main article:hover h2 a, .tax-journal-type div#primary .site-main article:hover p, .tax-journal-type div#primary .site-main article:hover span {
color: #9d005d;
-webkit-transition: .25s ease-out;
-moz-transition: .25s ease-out;
-o-transition: .25s ease-out;
transition: .25s ease-out;
}
.blog div#primary .site-main article h2.entry-title a:hover, .post-type-archive-journal div#primary .site-main article h2.entry-title a:hover, .tax-journal-type div#primary .site-main article h2.entry-title a:hover {
color: var(--gray-900);
-webkit-transition: .25s ease-out;
-moz-transition: .25s ease-out;
-o-transition: .25s ease-out;
transition: .25s ease-out;
}
article header.entry-header {
display: flex;
flex-direction: column-reverse;
gap: .125rem;
}
article .entry-meta {
margin: 0;
color: var(--contrast-3);
font-weight: 300;
font-size: 1rem;
line-height: 1.5rem;
}
a.back-to-gallery, div#menu-event .event-list-column .event-list-section .events-occasions-list a p:last-child {
color: var(--contrast-2);
}
article .entry-content p {
font-size: 1rem;
color: var(--gray-700);
font-weight: 300;
line-height: 1.7rem;
}
article .entry-content {
margin-top: 1.25rem!important;
}
article h1.entry-title {
font-size: 2rem;
font-weight: 500;
line-height: 2.5rem;
color: var(--gray-800);
}
.infinite-slider .slide.opened:nth-child(3n) {
transform: translateX(-9rem);
}
.infinite-slider .slide.opened .polaroid-cards>div {
-webkit-transition: .35s ease-out;
-moz-transition: .35s ease-out;
-o-transition: .35s ease-out;
transition: .35s ease-out;
}
.web-v3.archive .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide:hover, .web-v3.blog .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide:hover {
background: #111;
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
}
.infinite-slider .slide.opened:nth-child(3n-2) {
transform: translateX(9rem);
}
.opened .infinite-slider #slides {
justify-content: center;
max-width: 1216px;
}
.infinite-slider .slide.opened .polaroid-cards .polaroid-0 {
transform: translate(calc(-205px - 120px - 28px), 8rem);
}
.infinite-slider .slide.opened .polaroid-cards .polaroid-1 {
transform: translate(calc(510px - 38px), 8rem);
}
.infinite-slider .slide.opened .polaroid-cards .card {
position: absolute;
margin: 0 auto;
left: 60px;
}
.infinite-slider .slide.opened .polaroid-cards {
transform: translateY(-80px)!important;
display: block;
}
.grid-container.opened .infinite-slider .slide:nth-child(3n):not(.opened) {
right: 20px;
}
.grid-container.opened .infinite-slider .slide:nth-child(3n-2):not(.opened) {
left: 20px;
}
.post-type-archive-album .opened #page-title h1 {
font-size: 3rem;
line-height: 3rem;
font-weight: 500;
height: 104px;
}
.post-type-archive-album #page-title h1#album-title {
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
opacity: 0;
}
.post-type-archive-album .opened #page-title h1#album-title {
-webkit-transition: .35s ease-out;
-moz-transition: .35s ease-out;
-o-transition: .35s ease-out;
transition: .35s ease-out;
opacity: 1;
}
.post-type-archive-album #page-title h1#gallery-title {
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
opacity: 1;
}
.post-type-archive-album .opened #page-title h1#gallery-title {
opacity: 0;
-webkit-transition: .35s ease-out;
-moz-transition: .35s ease-out;
-o-transition: .35s ease-out;
transition: .35s ease-out;
}
#loaded-photos .polaroid-cards>div {
width: 390px;
height: 536px;
border-radius: .25rem;
display: flex;
padding: 24px 24px 0;
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
}
div#loaded-photos .polaroid-cards {
display: flex;
flex-wrap: wrap;
grid-gap: 22.5px;
place-content: flex-end;
}
div#loaded-photos .polaroid-cards::after {
content: "";
flex: 0 1 32%}
#loaded-photos .polaroid-cards>div.last-polaroid:nth-child(3n-2), #loaded-photos .polaroid-cards>div:nth-child(3n-1) {
margin-top: -8rem;
}
div#loaded-photos {
margin-top: calc(3rem + 22.5px);
}
.post-type-archive-album a.back-to-gallery {
position: absolute;
top: 12px;
left: 0;
opacity: 0;
}
.post-type-archive-album .opened a.back-to-gallery {
z-index: 1;
opacity: 1;
}
a.back-to-gallery {
font-weight: 300;
text-decoration: none;
font-size: 1rem;
line-height: 1.5rem;
display: flex;
gap: .75rem;
align-items: center;
}
a.back-to-gallery:hover svg {
transform: translateX(-.2rem);
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
}
#loaded-photos .polaroid-cards>div:first-child {
order: 0;
margin-top: -8rem;
}
#loaded-photos .polaroid-cards>div:nth-child(2) {
order: -1;
margin-top: 0;
}
.infinite-slider .slide.opened .polaroid-cards {
-webkit-transition: .3s ease-out;
-moz-transition: .3s ease-out;
-o-transition: .3s ease-out;
transition: .3s ease-out;
}
div#loaded-photos .polaroid-card-thumbs {
margin-top: calc(-536px + -1.5rem);
z-index: 1;
position: relative;
}
.faq-list details>div {
font-weight: 300;
line-height: 1.75rem;
font-size: 1.125rem;
color: var(--gray-700);
padding-top: .75rem;
padding-left: 2.25rem;
opacity: 0;
-webkit-transition: 50ms ease-out;
-moz-transition: 50ms ease-out;
-o-transition: 50ms ease-out;
transition: 50ms ease-out;
transform: translateY(-40px);
}
.faq-list details[open]>div {
opacity: 1;
-webkit-transition: .25s ease-out;
-moz-transition: .25s ease-out;
-o-transition: .25s ease-out;
transition: .25s ease-out;
transform: translateY(0);
}
.faq-list {
display: flex;
flex-direction: column;
gap: 2.5rem;
background: #fff!important;
padding: 0 1.5rem 1.75rem;
margin: 5rem -1.5rem 3.5rem;
border-radius: 1.5rem;
}
a.special-link {
margin-bottom: 6rem;
}
.faq-map img {
margin-top: 20px;
border-radius: 1rem;
margin-bottom: 56px;
}
.logged-in #menu-event {
display: block;
padding-bottom: .25rem;
}
div#menu-event .event-list-column .event-list-section .event-list-h2, div#menu-event .event-list-column .event-list-section h2 {
font-size: 1rem;
line-height: 1rem;
text-align: left;
font-weight: 500;
color: var(--gray-600);
text-transform: none;
max-width: 146px;
}
div#menu-event .event-list-column .event-list-section .events-occasions-list .list-head h4, div#menu-event .event-list-column .event-list-section .events-occasions-list .list-head span {
font-size: .75rem;
font-weight: 300;
line-height: 1rem;
}
div#menu-event .event-list-column .event-list-section .events-occasions-list a p, div#menu-event .event-list-column .event-summary-section .event-summary-content li {
font-size: .75rem;
line-height: 1rem;
}
div#menu-event .event-list-column .event-list-section .events-occasions-list {
margin-top: 1rem;
gap: .75rem;
border-bottom: 0;
}
div#menu-event .event-list-column .event-summary-section img {
aspect-ratio: 200/120;
border-radius: .5rem;
}
div#menu-event span.not-found-message {
font-size: .75rem!important;
line-height: 1rem;
}
.faq-list details {
border-top: 1px solid #eaecf0;
padding-top: 1.5rem;
}
div#menu-event .event-list-column .event-summary-section .event-summary-content h1 {
color: var(--gray-700);
font-family: Poppins!important;
font-weight: 500;
font-size: 1rem;
line-height: 1rem;
text-align: left;
margin: 0 0 .25rem;
}
#menu-event .tribe-events .tribe-events-calendar-month__multiday-event--width-1 .tribe-events-calendar-month__multiday-event-bar {
width: calc(100% + 4px)!important;
}
#menu-event .tribe-events .tribe-events-calendar-month__multiday-event--width-2 .tribe-events-calendar-month__multiday-event-bar {
width: calc(200% + 16px)!important;
}
#menu-event .tribe-events .tribe-events-calendar-month__multiday-event--width-3 .tribe-events-calendar-month__multiday-event-bar {
width: calc(300% + 28px)!important;
}
#menu-event .tribe-events .tribe-events-calendar-month__multiday-event--width-4 .tribe-events-calendar-month__multiday-event-bar {
width: calc(400% + 40px)!important;
}
#menu-event .tribe-events .tribe-events-calendar-month__multiday-event--width-5 .tribe-events-calendar-month__multiday-event-bar {
width: calc(500% + 52px)!important;
}
#menu-event .tribe-events .tribe-events-calendar-month__multiday-event--width-6 .tribe-events-calendar-month__multiday-event-bar {
width: calc(600% + 64px)!important;
}
#menu-event .tribe-events .tribe-events-calendar-month__multiday-event--width-7 .tribe-events-calendar-month__multiday-event-bar {
width: calc(700% + 76px)!important;
}
div#menu-event .event-list-column .event-summary-section .event-summary-content a.show-all {
font-size: .875rem;
color: var(--contrast-2)!important;
display: flex;
align-items: center;
line-height: 1.25rem;
}
#menu-event .tribe-events-calendar-month__body, #menu-event .tribe-events-calendar-month__body .tribe-events-calendar-month__week {
border: none!important;
}
div#menu-event .event-title-desc-area {
max-width: unset!important;
padding: 0 0 1rem;
}
div#menu-event .event-list-column {
display: flex;
flex-direction: row-reverse;
width: 60%;
gap: 1rem;
margin-bottom: 0!important;
max-width: unset;
}
div#menu-event .event-list-column .event-list-section {
flex-grow: 1;
width: 46%;
padding: 0 1.5rem;
}
div#menu-event .event-list-page {
display: flex;
gap: 2.5rem;
}
.web-v3.archive .splide .splide__track, .web-v3.archive div#page-title, .web-v3.blog .splide .splide__track, .web-v3.blog div#page-title, div#menu-event .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-top-bar__nav, label.contact-with-country label {
width: 100%}
div#menu-event ul.tribe-events-c-top-bar__nav-list {
display: flex!important;
flex-direction: row;
justify-content: center;
}
div#menu-event .event-list-page .tribe-common-l-container.tribe-events-l-container {
width: 40%}
div#menu-event .event-list-column .event-summary-section {
width: 54%;
display: block!important;
}
span.faq-icon svg {
height: 1rem;
color: var(--accent);
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
}
.faq-list details[open] span.faq-icon svg {
transform: rotateZ(180deg);
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
}
.faq-list summary::marker {
content: none;
}
.faq-list summary h4 {
font-weight: 500;
font-size: 1.5rem;
line-height: 2rem;
color: var(--gray-700);
padding-left: 2.25rem;
display: block;
margin: 0;
}
span.faq-icon {
position: absolute;
left: 0;
line-height: 36px;
}
:root {
font-size: 16px;
}
.main-navigation.nav-align-center .inside-navigation, .web-v3 div#inner-page.one-column-center, body.web-v3.floating div#header-bar-logo-only .header-logo {
justify-content: center;
}
section#home-experiences a.show-all, section#home-offers a.show-all {
display: none;
margin-top: 2rem;
justify-content: center;
}
.page-template-default .inside-article .entry-content:not(:first-child), .page-template-default-template .inside-article .entry-content:not(:first-child) {
margin-top: 1.25rem;
margin-bottom: 6rem;
}
.page-template-default .inside-article h1, .page-template-default-template .inside-article h1, .page-template-faq-template .inside-article h1 {
color: var(--contrast);
font-weight: 500;
letter-spacing: -.02em;
line-height: 3.25rem;
font-size: 3.25rem;
margin-bottom: 3rem;
animation-duration: 1s;
animation-fill-mode: backwards;
animation-name: animate-fade;
animation-timing-function: ease;
animation-delay: .1s;
}
.page-id-455.page-template-default .inside-article h1, .page-id-455.page-template-default-template .inside-article h1 {
line-height: 3.5rem;
font-size: 3rem;
margin-bottom: 3.5rem;
}
.page-template-default .inside-article h2, .page-template-default-template .inside-article h2 {
line-height: 1.75rem;
color: var(--contrast-3);
font-weight: 300;
font-size: 1.125rem;
margin: 0;
animation-duration: 1s;
animation-fill-mode: backwards;
animation-name: animate-fade;
animation-timing-function: ease;
animation-delay: .15s;
}
.page-id-455.page-template-default .inside-article h1, .page-id-455.page-template-default .inside-article h2, .page-id-455.page-template-default .inside-article p, .page-id-455.page-template-default-template .inside-article h1, .page-id-455.page-template-default-template .inside-article h2, .page-id-455.page-template-default-template .inside-article p {
text-align: center;
}
.page-template-default .inside-article p, .page-template-default .inside-article ul li, .page-template-default-template .inside-article p, .page-template-default-template .inside-article ul li {
font-size: 1.25rem;
margin: 0 auto 1.75rem;
font-weight: 300;
color: var(--gray-700);
line-height: 2rem;
animation-duration: 1s;
animation-fill-mode: backwards;
animation-name: animate-fade;
animation-timing-function: ease;
animation-delay: .2s;
}
.page-id-455.page-template-default .inside-article p, .page-id-455.page-template-default-template .inside-article p {
max-width: 802px;
font-size: 1.25rem;
margin: 0 auto 2.25rem;
}
.page-template-default .inside-article h3, .page-template-default-template .inside-article h3 {
font-weight: 600;
font-size: 1.5rem;
line-height: 2rem;
color: var(--gray-700);
margin-top: 3rem;
animation-duration: 1s;
animation-fill-mode: backwards;
animation-name: animate-fade;
animation-timing-function: ease;
animation-delay: 175ms;
}
.event-list-column .event-list-h2, .event-list-column h2 {
font-weight: 500;
font-size: 1.5rem;
line-height: 2rem;
color: var(--gray-600);
margin-bottom: 1.5rem;
}
.events-occasions-list .list-head {
display: flex;
place-content: space-between;
}
.event-list-page .event-list-column .events-occasions-list {
display: flex;
flex-direction: column;
gap: .5rem;
margin-bottom: 2rem;
border-bottom: 1px solid #e5e5e5;
padding-bottom: 1.625rem;
}
.events-occasions-list .list-head h4, .events-occasions-list .list-head span {
font-size: 1rem;
color: var(--contrast-3);
font-weight: 300;
line-height: 1.5rem;
}
.events-occasions-list .row p {
font-size: 1rem;
color: var(--gray-700);
font-weight: 500;
line-height: 1.5rem;
}
.event-title-desc-area .event-h1, .event-title-desc-area h1 {
font-weight: 500;
font-size: 3.75rem;
line-height: 3.75rem;
color: var(--gray-700);
display: block;
margin-bottom: 1rem;
}
.tribe-events-view .event-title-desc-area {
padding: 6.25rem 0 5.25rem;
max-width: 912px;
}
.event-list-column {
width: 100%;
max-width: 493px;
}
.event-list-column .event-list-h3, .event-list-column h3 {
font-weight: 300;
font-size: 1rem;
line-height: 1.75rem;
color: var(--contrast-3);
margin-bottom: 0;
}
.event-title-desc-area p {
font-size: 1.125rem;
font-weight: 300;
line-height: 1.75rem;
color: var(--gray-700);
}
.event-summary img.featured-image {
margin-bottom: .75rem;
margin-top: 0;
aspect-ratio: 491/228;
height: auto;
width: 100%;
object-fit: cover;
border-radius: 1rem;
}
.event-summary .event-summary-h1, .event-summary h1 {
color: var(--gray-700);
font-size: 1.125rem;
font-weight: 500;
line-height: 1.75rem;
}
.event-summary-content {
gap: .5rem;
display: flex;
flex-direction: column;
min-height: 176px;
}
.event-summary .date-and-place li {
font-size: 1rem;
line-height: 1.5rem;
}
.event-summary p.summary-text {
color: var(--contrast-3);
font-size: 1rem;
line-height: 1.5rem;
font-weight: 300;
}
.event-summary a.show-all {
font-size: 1.125rem;
line-height: 1.75rem;
margin: 0;
color: var(--contrast-2)!important;
}
.event-summary a.show-all svg {
height: 1.75rem;
margin-left: .25rem;
}
.tribe-events-calendar-month__multiday-event-wrapper article .tribe-events-calendar-month__multiday-event-bar .tribe-events-calendar-month__multiday-event-bar-inner:before {
content: "";
background: #00000033;
width: 100%;
position: absolute;
height: 100%;
left: 0;
top: 0;
display: block;
}
.glide .glide__arrows, .mobile-book.availability-check .row.pax .number span, .post-type-archive-journal header.page-header, .single-journal div#primary .inside-article .featured-image.page-header-image-single, .subscribe-form form.wpcf7-form span.wpcf7-not-valid-tip, .tax-journal-type header.page-header, .tribe-events .tribe-events-calendar-month__multiday-event-bar.events-item.public-holidays .tribe-events-calendar-month__multiday-event-bar-inner:before, .tribe_events_cat-public-holidays h3, .web-v3 .tribe-events-cal-links, .web-v3 a.square-button.big-button.nav-book, .web-v3 div#inner-page.one-column-center .right-slider, .web-v3 nav.menu.main, .web-v3 nav.mobile-nav-holder, .web-v3 ul.splide__pagination.splide__pagination--rtl, body.web-v3.floating div#header-bar-logo-only img.big-white-logo, div#mobile-booking-bar, div#mobile-booking-bar.drawer-closed .form-inputs .row {
display: none;
}
.mobile-book.availability-check {
position: fixed;
bottom: 0;
width: calc(100% - 1px);
background: #fff;
z-index: 100;
border-radius: 1.5rem 1.5rem 0 0;
padding: 27px 16px 24px;
box-shadow: 0 -12px 16px -4px rgb(16 24 40 / 8%), 0 -4px 6px -2px rgb(16 24 40 / 3%);
}
.faq-list details summary::-webkit-details-marker {
display: none;
}
div#mobile-booking-bar div#mobile-booking-toggle {
height: 12px;
position: absolute;
width: calc(100% - 32px);
top: 8px;
}
div#mobile-booking-bar.drawer-closed div#mobile-booking-toggle {
height: 60px;
}
.mobile-book.availability-check.drawer-closed {
padding-top: 16px;
}
div#mobile-booking-toggle span {
width: 36px;
height: 5px;
border-radius: 100px;
background: #e5e5e5;
margin: 0 auto 1rem;
}
div#mobile-booking-bar.drawer-closed input#book-now {
color: #b80049;
border: 1px solid #ee72a3;
box-shadow: 0 1px 2px rgb(16 24 40 / 5%);
background: #ffff!important;
}
div#mobile-booking-bar.drawer-closed input#book-now:hover {
background: var(--accent);
color: #fff;
border-color: var(--accent);
}
button#mobile-booking-toggle-button {
font-weight: 500;
text-decoration: none;
border-radius: 1.5rem;
padding: 9px 0;
font-family: Poppins!important;
line-height: 1.25rem;
-webkit-transition: .1s ease-out;
-moz-transition: .1s ease-out;
-o-transition: .1s ease-out;
transition: .1s ease-out;
background: 0 0;
color: #b80049;
border: 1px solid #ee72a3;
box-shadow: 0 1px 2px rgb(16 24 40 / 5%);
display: flex;
font-size: 1rem!important;
text-align: center;
justify-content: center;
}
div#mobile-booking-bar form .form-inputs {
display: flex;
flex-direction: column;
gap: 16px;
}
div#mobile-booking-bar.drawer-closed .form-inputs {
max-height: 0;
opacity: 0;
-webkit-transition: .14s ease-in;
-moz-transition: .14s ease-in;
-o-transition: .14s ease-in;
transition: .14s ease-in;
}
div#mobile-booking-bar form {
max-height: unset;
opacity: 1;
-webkit-transition: .22s ease-out;
-moz-transition: .22s ease-out;
-o-transition: .22s ease-out;
transition: .22s ease-out;
}
.mobile-book.availability-check .row.pax {
flex-direction: row;
}
.mobile-book.availability-check .row label .label {
font-size: 1.125rem;
}
.mobile-book.availability-check .row.pax .number input {
font-size: 1.25rem;
background: var(--base-2);
padding: .15rem .75rem;
max-width: 34px;
border-radius: .5rem;
}
.mobile-book.availability-check input#book-now {
font-size: 1rem!important;
background: #fff0!important;
border: none!important;
width: 100%;
color: #000!important;
}
.web-v3 .pop-up-text a#book-now, .web-v3.page-template-contact-template form input.wpcf7-form-control.wpcf7-submit {
font-size: 20px!important;
padding: 0 36px!important;
line-height: 48px!important;
display: block!important;
text-align: center;
}
.left-image.experience-image {
margin-right: -.075rem;
}
.about-room .body {
background: #fff;
border-radius: 1.5rem;
padding: 1.5rem;
margin: 0 -1.5rem;
}
.post-type-archive-journal .default-template-title h1, .tax-journal-type .default-template-title h1 {
padding-top: 5rem;
font-family: Poppins!important;
font-size: 4.5rem;
line-height: 1;
letter-spacing: -.02em;
font-weight: 500;
}
.post-type-archive-journal .default-template-title h1 span, .tax-journal-type .default-template-title h1 span {
display: block;
color: #e00059;
}
.post-type-archive-people #page-title h1 span {
display: block;
color: #a6005f;
}
.hi-webchat-container {
padding-top: 70px!important;
padding-bottom: 10px!important;
}
.tribe_events_cat-public-holidays .tribe-events-calendar-month__multiday-event-bar-inner:before {
background: 0 0!important;
display: none;
}
.tribe-events .tribe-events-calendar-month__multiday-event-bar.events-item.public-holidays .tribe-events-calendar-month__multiday-event-bar-inner {
background: 0 0;
padding: 0;
}
#menu-event .tribe-events .public-holidays.tribe-events-calendar-month__multiday-event-bar {
width: 3px!important;
bottom: 3px;
height: 3px!important;
left: 50%;
transform: translateX(-50%);
margin-left: .5px;
}
.tribe-events .tribe-events-calendar-month__multiday-event-bar.events-item.public-holidays {
background: #e00059;
position: absolute;
width: 4px;
height: 4px!important;
left: 50%;
transform: translateX(-50%);
bottom: 8px;
}
.subscribe-form form.wpcf7-form input[type=email] {
color: #737373!important;
font-family: Poppins!important;
font-weight: 300!important;
font-size: 1rem!important;
padding: 7px 14px!important;
border: 1px solid #d6d6d6!important;
box-shadow: 0 1px 2px rgb(16 24 40 / 5%)!important;
border-radius: 8px!important;
width: 280px!important;
margin: 0!important;
}
.subscribe-form form.wpcf7-form {
flex-direction: column;
position: relative;
}
.subscribe-form form.wpcf7-form input[type=submit], .subscribe-form input.wpcf7-form-control.has-spinner.wpcf7-submit {
font-family: Poppins!important;
font-size: .875rem!important;
line-height: 1.25rem!important;
padding: 9px 17px!important;
background: var(--accent)!important;
border: 1px solid var(--accent)!important;
box-shadow: 0 1px 2px rgb(16 24 40 / 5%)!important;
border-radius: 24px!important;
color: #fff!important;
margin: 0!important;
max-width: 105px;
}
.page-template-contact-template input.wpcf7-form-control.has-spinner.wpcf7-submit:hover, .subscribe-form form.wpcf7-form input[type=submit]:hover {
border: 1px solid #292929!important;
background: #292929!important;
}
.subscribe-form form.wpcf7-form span.wpcf7-spinner {
position: absolute;
right: -32px;
margin: 8px 0 0;
}
a.special-link {
background: #fff;
border: 2px solid #e5e5e5;
border-radius: 1.5rem;
-webkit-transition: .14s ease-in;
-moz-transition: .14s ease-in;
-o-transition: .14s ease-in;
transition: .14s ease-in;
display: flex;
font-weight: 500;
color: var(--gray-700);
text-decoration: none;
align-items: center;
}
a.special-link:hover {
border-color: var(--accent);
-webkit-transition: .22s ease-out;
-moz-transition: .22s ease-out;
-o-transition: .22s ease-out;
transition: .22s ease-out;
}
a.special-link img {
width: 144px;
}
a.special-link span {
font-weight: 600;
color: var(--accent);
}
.menu-title-h2 {
font-weight: 600;
text-align: center;
margin: 0;
font-size: .875rem;
line-height: 1.25rem;
text-transform: lowercase;
}
.spa-link img {
width: auto;
height: 20px;
}
.spa-link {
width: fit-content;
width: -moz-fit-content;
width: -webkit-fit-content;
padding: 10px 16px!important;
background: #fff!important;
border: 2px solid var(--accent);
color: #141414!important;
display: flex!important;
gap: 12px;
margin-bottom: 56px;
}
a.artist-link:hover {
color: var(--accent)!important;
}
.web-v3.archive.post-type-archive-artist {
background: #0196ff!important;
}
.journal-buttons .entry-meta.journal-type {
text-decoration: none;
color: var(--contrast);
background: #f5f5f5;
padding: 5px 12px;
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
}
.journal-buttons {
display: flex;
gap: 12px;
margin-top: 16px;
}
.journal-buttons .entry-meta.journal-type:hover {
-webkit-transition: .25s ease-out;
-moz-transition: .25s ease-out;
-o-transition: .25s ease-out;
transition: .25s ease-out;
color: #fff;
background: #673ab7;
}
.journal-buttons .entry-meta.journal-type:first-child:hover {
color: #fff;
background: #ff9800;
}
.entry-meta.journal-type {
display: flex;
color: #fff;
border: 1px solid #fff;
width: fit-content;
padding: 3px 9px;
border-radius: 99px!important;
margin-bottom: 12px;
}
.banner-video {
height: 100%;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.banner-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.banner-video .iframe-holder {
position: relative;
width: 100%;
padding-bottom: 56.25%}
.tax-journal-type .default-template-title h1 {
padding-top: 1rem!important;
}
.tax-journal-type a.back-to-gallery {
padding-top: 5rem;
}
.pop-up {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 999;
}
.image-left-offer>.close:after, .image-left-offer>.close:before {
background: #ccc!important;
}
.image-left-offer {
background: #fff;
display: flex;
border-radius: 32px;
overflow: hidden;
box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
}
.image-left-offer>.close {
width: 50px!important;
margin: .125rem;
}
.image-left-offer>div, .web-v3 div#inner-page.fifty-fifty .left-content {
width: 50%}
.pop-up-image img {
margin: 0!important;
width: 100%;
height: 100%;
object-fit: cover;
}
.image-left-offer h3 {
margin-bottom: 20px;
margin-top: 12px;
font-family: Poppins;
font-size: 28px;
font-style: normal;
font-weight: 500;
line-height: 36px;
letter-spacing: -.56px;
color: var(--gray-700);
}
.image-left-offer p, .image-left-offer ul {
color: var(--gray-700);
font-size: 16px;
font-weight: 400;
font-family: Poppins;
font-style: normal;
}
.image-left-offer p {
line-height: 28px;
}
.image-left-offer ul {
margin-bottom: 56px;
margin-left: 32px;
line-height: 28px;
flex-direction: column;
gap: 8px;
}
.pop-up-text {
display: flex;
flex-direction: column;
padding: 32px;
justify-content: center;
}
.web-v3 .page-template-default-template .inside-article p, .web-v3 article .entry-content p, .web-v3.page-template-default .inside-article p, .web-v3.page-template-default .inside-article ul li, .web-v3.page-template-default-template .inside-article ul li {
font-size: 16px!important;
line-height: 1.5rem!important;
font-weight: 400!important;
color: #333;
}
.web-v3 .pop-up-text a#book-now {
font-family: Poppins;
font-style: normal;
font-weight: 700;
height: auto;
width: 100%;
border-radius: 0;
background: #ffe600;
color: #000;
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
}
.web-v3 .pop-up-text a#book-now:hover {
background: #ff004e;
color: #fff;
-webkit-transition: .25s ease-out;
-moz-transition: .25s ease-out;
-o-transition: .25s ease-out;
transition: .25s ease-out;
}
.web-v3 .image-left-offer h3 {
font-family: Poppins;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 32px;
margin-bottom: 8px;
}
.web-v3 .image-left-offer p {
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
.web-v3 .image-left-offer h2 {
font-family: Poppins;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 44px;
margin-bottom: 20px;
}
.web-v3 .faq-list details>div {
color: #fffc;
}
.web-v3 .date-and-place li span, .web-v3 span.faq-icon svg {
color: #ddd;
}
.web-v3 .faq-list details {
border-top: 1px solid #ddd6;
}
.web-v3 .faq-list details:first-child {
border-top: 0;
}
.web-v3 .faq-map {
padding-top: 120px;
max-width: 1216px;
margin: 0 auto;
padding-bottom: 60px;
}
.web-v3.page-template-faq-template div#inner-page .left-content {
padding-top: 0;
}
.web-v3 .faq-map img {
margin: 0;
border-radius: 0;
}
.web-v3.archive section#offers, .web-v3.page-id-455 div#inner-page.one-column-center {
border-bottom: 1px solid #ffe60050;
}
.page-template-contact-template .event-form form.wpcf7-form, .web-v3 div#inner-page.one-column-center .left-content {
max-width: 720px!important;
width: 100%!important;
}
.web-v3 div#inner-page.one-column-center.sixty-fourty .left-content {
max-width: 800px!important;
}
.web-v3 div#inner-page.one-column-center.seventy-thirty .left-content {
max-width: 998px!important;
}
.web-v3 div#inner-page.one-column-center.seventy-thirty h1.inner-title, .web-v3 div#inner-page.one-column-center.sixty-fourty h1.inner-title {
margin: 40px 0;
}
.web-v3.single-tribe_events .featured-image {
object-fit: contain;
}
.web-v3 .event-summary img.featured-image, .web-v3 .tribe-events .tribe-events-calendar-month__day-cell, .web-v3 .tribe-events .tribe-events-calendar-month__multiday-event--width-2 .tribe-events-calendar-month__multiday-event-bar, .web-v3 .tribe-events .tribe-events-calendar-month__multiday-event--width-3 .tribe-events-calendar-month__multiday-event-bar, .web-v3 .tribe-events-c-messages__message.tribe-events-c-messages__message--notice, .web-v3 div#inner-page.one-column-center form.wpcf7-form select {
border-radius: 0!important;
}
.web-v3.single-tribe_events .tribe-events-notices li {
color: #eee;
}
.web-v3.single-tribe_events .inner-title span.small {
color: #999!important;
font-size: 20px;
font-weight: 500;
}
.web-v3.single-artist .right-slider, .web-v3.single-tribe_events .right-slider {
padding-top: 100px;
}
.web-v3 .date-and-place {
margin-bottom: 30px!important;
}
.web-v3.single-artist .featured-image, .web-v3.single-tribe_events .featured-image {
max-width: 600px;
height: auto;
object-fit: contain;
max-height: calc(100vh - 100px);
}
.web-v3 .tribe-events-content p, .web-v3 .tribe-events-content ul li {
color: #bbb;
}
.web-v3 .event-download-list a {
background: #0196ff;
border-radius: 0;
border: 0;
}
.web-v3 .event-list-column .event-list-h2, .web-v3 .event-list-column h2, .web-v3 .tribe-common--breakpoint-medium.tribe-common .tribe-common-h4 time, .web-v3 .tribe-events .tribe-events-c-top-bar__datepicker-desktop {
color: #444;
}
.web-v3 .tribe-events-content h2, .web-v3 .tribe-events-content h3, .web-v3 .tribe-events-content h4, .web-v3 .tribe-events-content h5, .web-v3 .tribe-events-content h6 {
color: #ddd;
margin-top: 12px;
font-weight: 300!important;
}
.web-v3 .tribe-events .tribe-events-calendar-month__header-column-title span {
color: #666;
}
.web-v3 .event-list-page {
max-width: 1216px;
margin: 0 auto 80px;
padding: 1.5rem 0;
}
.web-v3 .event-summary a.show-all {
font-family: Poppins!important;
font-weight: 400;
color: #e00359!important;
}
.web-v3 .event-summary .date-and-place li, .web-v3 .event-summary p.summary-text {
font-family: Poppins;
line-height: 24px;
font-size: 16px;
font-weight: 400;
font-style: normal;
}
.web-v3 .event-summary p.summary-text {
color: #666;
}
.web-v3 .event-summary .date-and-place li {
color: #aaa;
margin-bottom: 2px;
}
.web-v3 .event-summary h1 {
margin-top: -76px;
margin-left: 12px;
margin-bottom: 36px;
background: #000;
color: #fff;
max-width: max-content;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 29px;
padding: 8px 12px;
}
.web-v3 .tribe-events-view .event-title-desc-area {
background: #ff7900;
max-width: unset;
padding: 200px 0 40px;
margin-bottom: 40px;
}
.web-v3 .tribe-events-view .event-title-desc-area p, .web-v3 .tribe-events-view .event-title-desc-area span {
max-width: 1216px;
margin: 0 auto 16px;
}
.web-v3 div#inner-page.fifty-fifty .right-slider {
max-width: 50%}
.web-v3.page-template-contact-template form.wpcf7-form label {
color: #fff;
margin-bottom: 0!important;
font-weight: 700;
}
.web-v3.page-template-contact-template form.wpcf7-form input.wpcf7-form-control, .web-v3.page-template-contact-template form.wpcf7-form textarea.wpcf7-form-control, .web-v3.page-template-contact-template label.custom-file-upload {
background: #fff!important;
box-shadow: none!important;
border-radius: 0!important;
color: #222!important;
margin-top: 12px;
}
.web-v3.page-template-contact-template form input.wpcf7-form-control.wpcf7-submit {
background: #ffe600!important;
font-family: Poppins!important;
font-style: normal;
font-weight: 700!important;
height: 100%;
width: 100%!important;
border: 0!important;
margin-top: 0!important;
}
.web-v3 .address-sections {
gap: 88px;
margin-top: 60px;
}
.web-v3.page-template-contact-template form.wpcf7-form {
background: 0 0!important;
border: none!important;
padding: 48px 0;
box-shadow: none;
}
.web-v3 .sectors {
display: flex!important;
flex-direction: column;
}
.web-v3 .address-sections>div {
background: 0 0!important;
padding: 0;
}
.web-v3 .contact-map {
border-radius: 0;
width: 100%!important;
height: 100%!important;
margin: 0;
justify-content: flex-start;
align-items: flex-start;
}
.web-v3.home div#page-title, .web-v3.post-type-archive-experiences #page-title {
padding-bottom: 0!important;
}
.web-v3.post-type-archive-rooms div#page-title {
padding-top: 240px;
}
.web-v3 section#home-more-section .footer-big-menu ul#menu-footer-menu-big li, .web-v3.archive section#stay ul.splide__list.\32 by2 li.splide__slide a, .web-v3.home section#home-more-section .section-title {
display: flex;
}
.web-v3.archive section#stay ul.splide__list.\32 by2 {
list-style-type: none;
margin: 0;
display: flex;
flex-wrap: wrap;
}
.web-v3.page-template-contact-template .one-column-center form.wpcf7-form input.wpcf7-form-control {
margin-bottom: 32px!important;
}
.web-v3.page-template-contact-template .one-column-center form.wpcf7-form .country-select.inside, .web-v3.page-template-contact-template .one-column-center form.wpcf7-form select {
margin: 12px 0 32px!important;
}
.web-v3.page-template-contact-template .one-column-center form input.wpcf7-form-control.wpcf7-submit {
margin-top: 52px!important;
}
.web-v3 .post-type-archive-offers, section#excursions {
background: #ffbd00;
}
.web-v3 .post-type-archive-spa, .web-v3 div#header-bar nav.main-nav-center a.blue-block, .web-v3.archive section#spa, section#experiences {
background: #0096ff;
}
.web-v3 .post-type-archive-experiences, .web-v3 div#header-bar nav.main-nav-center a.green-block, .web-v3.archive section#experiences {
background: #00ce99;
}
.web-v3 .post-type-archive-diving, .web-v3 div#header-bar nav.main-nav-center a.purple-block, .web-v3.archive section#diving {
background: #8b26d4;
}
.web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide {
width: calc((100% / 3) - 14px);
list-style-type: none;
}
.web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide a, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide a {
display: flex;
flex-direction: column;
height: 100%;
text-decoration: none;
}
.web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide a img, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide a img {
height: 220px;
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
}
.web-v3.post-type-archive-spa #page-title h1 span {
color: #000;
margin-top: 16px;
}
.web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide a:hover img, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide a:hover img {
height: 260px;
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
}
.web-v3.post-type-archive-spa #page-title h1 {
padding-bottom: 60px;
color: #fff;
}
.web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide a .tall-card-title p.card-title, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide a .tall-card-title p.card-title {
color: #000;
font-family: Poppins;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 28px;
margin: 0;
}
.web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide a .tall-card-title span.support-text span.more-text, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide a .tall-card-title span.support-text span.more-text {
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration-line: underline;
margin-top: 12px;
}
.web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide a .tall-card-title span.support-text, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide a .tall-card-title span.support-text {
display: flex;
flex-direction: column;
gap: 12px;
}
.web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide a .tall-card-title span.support-text p {
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 22px;
margin: 0;
}
.web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide a .tall-card-title span.support-text p {
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
margin: 0;
margin-top: 8px!important;
}
.web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide a .tall-card-title, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide a .tall-card-title {
width: 100%;
padding: 24px 32px;
height: auto;
flex: 1;
display: flex;
flex-direction: column;
gap: 28px;
}
.web-v3.archive .splide ul.splide__list, .web-v3.blog .splide ul.splide__list {
margin: 0;
display: flex;
flex-wrap: wrap;
width: 100%;
gap: 20px;
}
.web-v3 section#offers .section-title {
text-align: left!important;
margin: 0!important;
}
.web-v3.archive .splide, .web-v3.blog .splide {
width: 100%;
display: flex;
}
.web-v3.archive .splide ul.splide__list li.splide__slide, .web-v3.blog .splide ul.splide__list li.splide__slide {
width: calc((100% / 3) - 14px);
}
body.web-v3.floating div#header-bar a.square-button.big-button.nav-book {
display: block!important;
text-align: center;
font-family: Poppins;
font-size: 20px;
font-style: normal;
font-weight: 700;
height: 100%;
width: 100%;
padding: 0 36px;
line-height: 48px;
}
body.floating .v4-header div#header-bar .header-end a.square-button.big-button.nav-book {
display: flex !important;
text-align: center;
font-family: Poppins;
font-size: 16px !important;
font-style: normal;
font-weight: 400;
height: 100%;
width: 100%;
height: 32px !important;
padding: 4px 14px !important;
line-height: normal !important;
}
.pop-up.image-left-offer {
max-width: 95%;
width: 850px;
}
.web-v3 div#inner-page .left-content a.square-button.big-button {
margin: 180px 0 20px;
display: flex;
width: fit-content;
color: #000;
}
.web-v3 div#inner-page {
display: flex;
min-height: 100vh;
}
.web-v3 div#inner-page .left-content {
width: 860px;
padding: 144px 84px 80px 60px;
}
.web-v3 div#inner-page .right-slider {
max-width: calc(100vw - 860px);
width: 100%;
height: 100vh;
position: fixed;
right: 0;
z-index: 0;
}
.web-v3 #inner-page h1.inner-title {
color: #fff;
font-family: Poppins;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 47.5px;
margin-bottom: 20px;
}
.web-v3 a#header-logo-click {
height: 73px;
}
body.web-v3 div#header-bar nav.main-nav-center a:hover {
background: #000;
color: #fff;
-webkit-transition: .25s ease-out;
-moz-transition: .25s ease-out;
-o-transition: .25s ease-out;
transition: .25s ease-out;
}
.web-v3.page .site-footer.footer-bar-active.footer-bar-align-right, .web-v3.single .site-footer.footer-bar-active.footer-bar-align-right {
z-index: 1;
position: relative;
}
.web-v3 section#diving {
background-size: cover;
background-position: center;
background-image: url(https://oagaresorts.com/wp-content/uploads/2023/09/Dive_back-jpg.webp);
}
.web-v3 #inner-page h1.inner-title span {
display: flex;
color: #000;
}
.web-v3 section#spa {
background-position: center;
background-image: url(https://oagaresorts.com/wp-content/uploads/2023/09/Hoba_back-jpg.webp);
}
.web-v3 section#home-book-footer {
position: relative;
background-image: url(https://oagaresorts.com/wp-content/uploads/2023/09/Footer_Book_your_Dream.jpg.webp)!important;
}
.web-v3 section#home-book-footer:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: #02104aeb;
top: 0;
}
.web-v3 .right.quarter.mobile-menu a.toggle-nav {
margin: 0!important;
text-align: center;
line-height: 14px;
padding: 26px 20px 20px;
font-size: 23px;
color: #fff;
text-decoration: none;
}
.web-v3 ul#menu-mobile-menu a {
color: #fff;
text-decoration: none;
}
@media screen and (max-width:580px) {
.v4 #home-stay .tall-card-title {
max-width: 100%;
padding: 16px !important;
}
.v4 #home-stay button.splide__arrow.splide__arrow--next {
right: 0px !important;
}
.v4 #home-stay .room-card {
overflow: hidden;
}
.v4 #home-stay button.splide__arrow.splide__arrow--prev {
left: 0px !important;
}
.v4 div#splide-hoara ul li a .tall-card-title, .v4 div#splide-hoara ul li .tall-card-title, {
transform: translateY(0px) !important;
}
.web-v3 a.toggle-nav: active, .web-v3 a.toggle-nav:hover, .web-v3 a.toggle-nav:link, .web-v3 a.toggle-nav:visited, .web-v3 ul#menu-mobile-menu a {
text-decoration: none;
color: #fff;
}
.web-v3.page-template-faq-template div#inner-page .left-content {
padding-top: 0!important;
}
.web-v3 .faq-list {
margin-top: 2rem;
}
.web-v3.page-template-faq-template div#inner-page .left-content h1.inner-title {
margin: 0;
}
div#splide-banner {
display: none;
}
div#splide-banner-mobile {
display: block!important;
}
.web-v3.floating nav.mobile-nav-holder.mobile-menu-on .right.quarter.mobile-menu a.toggle-nav {
color: #fff;
}
body.web-v3.floating div#header-bar-logo-only .header-logo {
width: 32px!important;
}
body.web-v3.floating div#header-bar, body.web-v3.floating div#header-bar-logo-only {
height: 48px!important;
}
.web-v3 .header-end, .web-v3 .header-logo {
width: 60px!important;
}
.web-v3 div#header-bar, body.web-v3 div#header-bar-logo-only {
height: 60px!important;
}
body.floating .v4-header div#header-bar .header-end a.square-button.big-button.nav-book {
font-size: 14px !important;
padding: 2px 12px !important;
}
.web-v3 .menu.main, .web-v3 .mobile-nav {
width: 100%;
height: 100%}
.web-v3 nav.mobile-nav-holder {
display: block;
z-index: 1000;
position: fixed;
width: 100vw;
height: 100vh;
top: 0;
transform: translatex(100vw);
pointer-events: none;
animation: .3s ease-in slideToRight;
}
.web-v3 nav.mobile-nav-holder.mobile-menu-on {
display: block;
width: 100vw;
transform: translatex(0);
height: 100vh;
animation: .35s ease-out slideFromRight;
z-index: 1000;
position: fixed;
top: 0;
pointer-events: all;
}
.web-v3 ul#menu-mobile-menu a {
text-align: center;
font-family: Poppins;
font-size: 24px;
font-style: normal;
font-weight: 700;
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
}
.web-v3 ul#menu-mobile-menu a:hover {
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
color: #ffbd00;
}
.web-v3 ul#menu-mobile-menu li:nth-child(2) a:hover, .web-v3 ul#menu-mobile-menu li:nth-child(9) a:hover {
color: #ff7900;
}
.web-v3 ul#menu-mobile-menu li:nth-child(10) a:hover, .web-v3 ul#menu-mobile-menu li:nth-child(3) a:hover {
color: #ff0047;
}
.web-v3 ul#menu-mobile-menu li:nth-child(11) a:hover, .web-v3 ul#menu-mobile-menu li:nth-child(4) a:hover {
color: #0096ff;
}
.web-v3 ul#menu-mobile-menu li:nth-child(12) a:hover, .web-v3 ul#menu-mobile-menu li:nth-child(5) a:hover {
color: #00ce99;
}
.web-v3 ul#menu-mobile-menu li:nth-child(6) a:hover {
color: #ff009b;
}
.web-v3 ul#menu-mobile-menu li:nth-child(7) a:hover {
color: #8b26d4;
}
.web-v3 ul#menu-mobile-menu li:nth-child(8) a:hover {
color: #ffbd00;
}
.web-v3 ul#menu-mobile-menu {
height: 100%;
width: 100%;
background: #191371;
margin: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 28px;
list-style-type: none;
min-height: min-content;
padding: 32px 0;
}
.web-v3 nav.main-nav-center, body.web-v3.floating div#header-bar a.square-button.big-button.nav-book {
display: none!important;
}
.web-v3 .right.quarter.mobile-menu {
right: 0;
top: 0;
display: block!important;
}
.web-v3.floating .right.quarter.mobile-menu a.toggle-nav {
color: #000;
line-height: 48px;
padding: 0 20px;
}
.web-v3 .toggle-nav {
display: inline-block!important;
float: right;
margin: 25px;
font-size: 2em;
transition: color .15s linear;
}
.web-v3 .menu.main {
display: inline-block;
background: #fff;
text-align: left;
position: fixed;
top: 0;
right: 0;
z-index: 1000;
}
.web-v3 .menu.main ul {
display: none;
position: absolute;
overflow: auto;
top: 0;
right: 0;
z-index: 999;
padding-right: 15px;
background: #fff;
}
.web-v3 .menu.main ul li {
float: none;
display: block;
position: relative;
top: 0;
right: 0;
min-width: 200px;
background: #fff;
text-align: right;
}
.web-v3 .main.menu li:after {
content: none;
}
.web-v3 .event-summary .date-and-place li span {
color: #888;
}
.web-v3 nav.mobile-nav-holder.mobile-menu-on .right.quarter.mobile-menu a.toggle-nav {
padding: 20px!important;
line-height: 1;
}
.web-v3 nav.mobile-nav-holder.mobile-menu-on .right.quarter.mobile-menu {
position: absolute;
}
}.web-v3 a.square-button.big-button, .web-v3 section#home-more-section ul#menu-footer li a {
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
}
body.web-v3.floating div#header-bar, body.web-v3.floating div#header-bar-logo-only {
position: fixed;
-webkit-animation: .3s ease-out dropdown;
-moz-animation: .3s ease-out dropdown;
-o-animation: .3s ease-out dropdown;
animation: .3s ease-out dropdown;
}
body.web-v3 div#header-bar-logo-only {
background: #fff0;
}
body.web-v3.floating div#header-bar-logo-only {
background: #ffff;
}
.web-v3.single .splide__arrow--prev {
left: 20px;
scale: 2.4;
}
.web-v3.single .splide__arrow--next {
right: 20px;
scale: 2.4;
}
.web-v3 .about-room .body {
background: 0 0;
margin: 0;
padding: 32px 0;
}
.web-v3 .about-room .body li, .web-v3 .about-room .body p {
font-size: 16px;
line-height: 1.5rem;
font-weight: 400;
}
.web-v3 .about-room .body h2, .web-v3 .about-room .body h3 {
margin-top: 40px;
font-size: 24px;
font-weight: 500;
margin-bottom: 12px;
}
.web-v3 .about-room .body h3, .web-v3 .about-room .body h3 b {
font-size: 20px;
font-weight: 600!important;
line-height: 1.25;
margin-top: 18px!important;
}
@keyframes dropdown {
0% {
transform: translatey(-80px);
}
100% {
transform: translatey(0);
}
}@keyframes slideFromRight {
0% {
transform: translatex(100vw);
}
100% {
transform: translatex(0);
}
}@keyframes slideToRight {
0% {
transform: translatex(0);
}
100% {
transform: translatex(100vw);
}
}
@keyframes slideFromLeft {
0% {
transform: translatex(-100vw);
}
100% {
transform: translatex(0);
}
}@keyframes slideToLeft {
0% {
transform: translatex(0);
}
100% {
transform: translatex(-100vw);
}
}
.web-v3 section.card-list-section {
padding: 48px 0 96px;
}
.web-v3 section.card-list-section .grid-container {
display: flex;
flex-direction: column;
align-items: center;
gap: 36px;
}
.web-v3 section.card-list-section .grid-container p.section-title {
color: #fff;
font-family: Poppins;
font-size: 64px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin: 0;
}
.web-v3 section.card-list-section .grid-container p.section-title, .web-v3.home div#page-title {
text-align: left;
width: 100%;
max-width: unset;
}
.web-v3 .site-footer.footer-bar-active.footer-bar-align-right {
background-image: none;
background-color: #8b26d4;
}
.web-v3 .site-footer.footer-bar-active.footer-bar-align-right .inside-site-info.grid-container {
padding: 48px 0;
border: none;
}
.web-v3 .site-info a:hover {
color: #ffc000;
}
.web-v3 div#page {
width: 100%;
max-width: unset;
margin-top: -74px;
padding: 0;
}
.lv4 div#page {
margin-top: 0px;
}
.web-v3 section#home-book-footer {
background: #191371;
display: flex;
flex-direction: column;
align-items: center;
padding: 72px 0;
}
.web-v3 section#home-book-footer .section-title {
font-size: 64px;
text-align: center;
line-height: normal;
font-weight: 700;
color: #fff;
position: relative;
}
.web-v3 a.square-button.big-button {
position: relative;
color: #000;
font-size: 36px;
font-weight: 700;
text-decoration: none;
text-align: center;
line-height: normal;
padding: 8px 32px;
background: #ffe600;
transition: .15s ease-out;
}
#home-book-footer a.square-button.big-button.animate.fade {
background: #00ce98;
color: #fff;
}
.web-v3 section#home-more-section {
background: #ffc000;
padding: 32px 16px;
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
}
.web-v3.home section#home-more-section {
padding: 36px 16px 48px;
}
.web-v3 section#home-more-section ul#menu-footer {
margin: 0;
gap: 20px;
}
.web-v3 section#home-more-section ul#menu-footer li:first-child::marker {
display: none!important;
font-size: 0px;
}
.web-v3 section#home-more-section ul#menu-footer li::marker {
font-size: 10px;
}
.web-v3 section#home-more-section ul#menu-footer li a {
color: #000;
transition: .15s ease-out;
text-align: center;
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin: 0;
}
.web-v3 section#home-more-section .footer-big-menu ul#menu-footer-menu-big li:first-child a {
background: #ffe600;
color: #000;
}
.web-v3 section#home-more-section .footer-big-menu ul#menu-footer-menu-big li:nth-child(3) a {
background: #ff004e;
}
.web-v3 section#home-more-section .footer-big-menu ul#menu-footer-menu-big li:nth-child(6) a {
background: #00bf9c;
}
.web-v3 section#home-more-section .footer-big-menu ul#menu-footer-menu-big li a {
color: #fff;
text-align: center;
font-family: Poppins;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-decoration: none;
padding: 12px 24px;
border-radius: 100px;
background: #0096ff;
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
}
.web-v3 section#home-more-section .footer-big-menu ul#menu-footer-menu-big {
display: flex;
text-decoration: none;
list-style-type: none;
gap: 12px;
margin: 0 0 4px;
}
.web-v3.home section#home-more-section .footer-big-menu ul#menu-footer-menu-big {
margin: 0 0 34px;
}
.web-v3 section#home-more-section .section-title {
color: #000;
text-align: center;
font-family: Poppins;
font-size: 64px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin: 0;
display: none;
}
.web-v3 a.square-button.big-button:hover {
color: #fff;
-webkit-transition: .25s ease-out;
-moz-transition: .25s ease-out;
-o-transition: .25s ease-out;
transition: .25s ease-out;
background: #ff7900!important;
}
.web-v3 section#home-more-section ul#menu-footer li a:hover {
color: #191371;
-webkit-transition: .25s ease-out;
-moz-transition: .25s ease-out;
-o-transition: .25s ease-out;
transition: .25s ease-out;
}
.web-v3 section#home-more-section .footer-big-menu ul#menu-footer-menu-big li a:hover {
-webkit-transition: .25s ease-out;
-moz-transition: .25s ease-out;
-o-transition: .25s ease-out;
transition: .25s ease-out;
background: #191371;
color: #fff;
}
.web-v3 div#header-bar nav.main-nav-center a, .web-v3 section#stay ul.splide__list li a .tall-card-title {
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
text-align: center;
}
.web-v3 div#header-bar {
display: flex;
justify-content: center;
height: 74px;
gap: 32px;
z-index: 10;
position: absolute;
width: 100%;
top: 0;
}
.web-v3 div#header-bar-logo-only .header-bar-container.grid-container {
justify-content: flex-start;
height: 74px;
}
.web-v3 section#banner {
height: auto;
height: calc(100vh);
width: 100%;
overflow: hidden;
position: relative;
}
.web-v3 .banner-book-button {
bottom: 104px;
position: absolute;
width: 100%;
display: flex;
justify-content: center;
}
.web-v3 .splide__video {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
aspect-ratio: 16/9;
}
.web-v3 .splide__video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%}
.web-v3 video.video-stream.html5-main-video {
display: block!important;
width: 100%!important;
height: auto!important;
}
.web-v3 div#header-bar-logo-only {
position: absolute;
top: 0;
width: 100%;
z-index: 1;
height: 74px;
}
.web-v3 nav.main-nav-center {
display: flex;
list-style-type: none;
}
body.web-v3.floating .header-end {
width: auto;
flex: 1;
}
body.web-v3.floating div#header-bar .header-logo {
margin-right: 24px;
}
body.web-v3.floating div#header-bar, body.web-v3.floating div#header-bar-logo-only, body.web-v3.floating div#header-bar-logo-only .header-bar-container.grid-container {
height: 48px;
}
body.web-v3.floating div#header-bar nav.main-nav-center a {
padding: 0 24px;
line-height: 48px;
}
body.web-v3.floating div#header-bar-logo-only img.small-floating-logo {
display: block!important;
width: 48px;
height: auto;
margin: 0;
}
.web-v3 div#header-bar nav.main-nav-center a {
transition: .15s ease-out;
color: #fff;
font-size: 20px;
font-weight: 500;
padding: 25px 24px 20px;
background: #444;
height: 100%;
display: flex;
text-decoration: none;
}
.web-v3 div#header-bar nav.main-nav-center a.yellow-block {
color: #000;
background: #ffbd00;
}
.web-v3 div#header-bar nav.main-nav-center a.orange-block {
color: #000;
background: #ff7900;
}
.web-v3 .header-logo {
display: flex;
flex-direction: column;
justify-content: flex-end;
width: 85px;
}
.web-v3 .header-end {
width: 85px;
}
.web-v3 .splide__arrow {
background: 0 0!important;
scale: 1!important;
width: unset;
height: unset;
}
.web-v3 .splide__arrow svg {
fill: none;
stroke: #fff;
height: 1000%;
width: 1000%}
.web-v3 div#header-bar-logo-only .header-bar-container.grid-container {
justify-content: flex-start;
}
.web-v3 .header-bar-container {
display: flex;
justify-content: space-between;
gap: 32px;
width: 100%}
.web-v3 .card-list-section ul.splide__list, .web-v3 ul#splide-offers-list {
display: flex;
gap: 20px;
margin-left: -20px!important;
}
.web-v3.rtl ul#splide-offers-list {
margin-left: unset!important;
margin-right: unset!important;
}
.web-v3 .card-list-section div.splide__track, .web-v3 div#splide-offers-track {
max-width: 1216px;
}
.web-v3 .card-list-section ul.splide__list li {
width: 390px!important;
height: 560px;
position: relative;
}
.web-v3 .splide__arrow--prev {
left: -70px;
}
.web-v3 .splide__arrow--next {
right: -64px;
}
.web-v3 #banner .splide__arrow--prev, .web-v3 #stay .splide__arrow--prev {
left: 4rem;
}
.web-v3 #banner .splide__arrow--next, .web-v3 #stay .splide__arrow--next {
right: 4rem;
}
.web-v3 section#stay ul.splide__list li a img {
height: auto;
aspect-ratio: 720/900;
max-height: 900px;
}
.web-v3 section#stay ul.splide__list li a .tall-card-title {
top: 50%;
left: 50%;
transition: .15s ease-out;
transform: translate(-50%, -50%);
width: 347px;
height: 347px;
position: absolute;
display: flex;
justify-content: center;
align-items: center;
background: #fffc!important;
color: #000;
font-family: Poppins;
font-size: 36px;
font-style: normal;
font-weight: 400;
line-height: 119.5%;
border: 4px solid #000;
backdrop-filter: blur(3px);
margin: 0!important;
}
.web-v3 section#stay ul.splide__list li a .tall-card-title span.more-text {
text-align: center;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration-line: underline;
display: block;
margin-top: 20px;
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
}
.web-v3 section#stay ul.splide__list li a:hover .tall-card-title, .web-v3 section#stay ul.splide__list li a:hover .tall-card-title .card-title, .web-v3 section#stay ul.splide__list li a:hover .tall-card-title span.more-text {
-webkit-transition: .25s ease-out;
-moz-transition: .25s ease-out;
-o-transition: .25s ease-out;
transition: .25s ease-out;
color: #fff;
}
.web-v3 ul.splide__list.\32 by2 {
flex-wrap: wrap;
}
.web-v3 ul.splide__list.\32 by2 .splide__slide {
width: 50%}
.web-v3 section#stay ul.splide__list li a .tall-card-title .card-title {
margin: 0!important;
}
.main-navigation #quadmenu.quadmenu-generatepress.quadmenu-is-horizontal.js .quadmenu-navbar-nav>li.quadmenu-item .event-summary-section, .web-v3 section#stay ul.splide__list li a .tall-card-title b {
display: block;
}
.web-v3 ul#splide-offers-list li {
list-style-type: none;
width: 390px!important;
height: 560px;
position: relative;
}
.web-v3 ul#splide-offers-list li .tall-card-title {
position: absolute;
bottom: 20px;
margin: 0;
left: 20px;
max-width: 280px;
padding: 16px 20px;
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
}
.web-v3 ul#splide-offers-list li .tall-card-title p.card-title {
color: #fff;
font-family: Poppins;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 29px;
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
margin-bottom: 0;
}
.v4.archive ul#splide-offers-list li .tall-card-title {
position: relative;
padding: 0px !important;
bottom: unset;
left: unset;
max-width: unset;
}
.web-v3 .card-list-section ul.splide__list li a {
display: flex;
flex-direction: column;
height: 100%;
text-decoration: none;
}
.web-v3 .card-list-section ul.splide__list li a img {
height: 220px;
}
.web-v3 .card-list-section ul.splide__list li a .tall-card-title {
width: 100%;
padding: 24px 32px;
height: auto;
flex: 1;
display: flex;
flex-direction: column;
gap: 28px;
}
.web-v3 .card-list-section ul.splide__list li a .tall-card-title span.support-text {
display: flex;
flex-direction: column;
gap: 12px;
}
.web-v3 .card-list-section ul.splide__list li a .tall-card-title p.card-title {
color: #000;
font-family: Poppins;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 28px;
margin: 0;
}
.web-v3 .card-list-section ul.splide__list li a .tall-card-title span.support-text span.more-text {
color: #000;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration-line: underline;
margin-top: 12px;
}
.web-v3 .card-list-section ul.splide__list li a .tall-card-title span.support-text p {
color: #000;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 22px;
margin: 0;
}
.featured-image.page-header-image.grid-container.grid-parent, .page-template-contact-template .country-select.inside br, .web-v3 .right.quarter.mobile-menu, .web-v3 ul.splide__pagination.splide__pagination--ltr {
display: none;
}
.web-v3 ul#splide-offers-list li a:hover p.by-line {
min-height: max-content;
height: auto;
opacity: 1;
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
} 
.v4.archive ul#splide-offers-list li a:hover p.by-line {
min-height: unset;
}
.web-v3 ul#splide-offers-list li a:hover .tall-card-title p.card-title {
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
}
.web-v3 ul#splide-offers-list li a:hover .tall-card-title {
background: #fff!important;
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
}
.web-v3 ul#splide-offers-list li .tall-card-title p.by-line {
color: #fff;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 22px;
margin: 0;
height: 0;
opacity: 0;
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
}
.web-v3 .card-list-section ul.splide__list li a:hover img {
height: 260px;
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
}
.web-v3 section#spa {
background-color: #000;
background-size: cover;
}
.web-v3 section ul.splide__list li a img {
height: 260px;
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
}
.web-v3 section#offers .grid-container, div#title-and-book {
display: flex;
flex-direction: column;
}
.web-v3 section#offers {
background: #ffbd00;
padding: 48px 0 96px;
}
.web-v3 section#offers .section-title {
color: #000;
font-family: Poppins;
font-size: 64px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.web-v3 section#offers .grid-container p.section-title {
color: #000;
text-align: left;
font-family: Poppins;
font-size: 64px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin: 0;
}
.web-v3 #spa.card-list-section ul.splide__list li a .tall-card-title {
background: #0001!important;
border: 1px solid #fff;
border-top: 0;
backdrop-filter: blur(3px);
}
.web-v3 #spa.card-list-section ul.splide__list li a:hover .tall-card-title {
backdrop-filter: blur(8px);
}
section#diving {
background: #c6c6c6;
}
.web-v3 a.spa-link {
border: none;
margin: 32px 0 0;
}
.web-v3.archive .splide ul#splide-offers-list.splide__list li.splide__slide {
width: calc((100% / 3) - 14px)!important;
}
.rtl .footer-bar-align-right .copyright-bar {
margin-right: unset;
margin-left: auto;
}
.rtl .event-list-page .tribe-common-l-container.tribe-events-l-container {
margin-left: unset!important;
margin-right: 0;
}
.rtl .event-summary a.show-all svg, .rtl .tribe-events-c-top-bar__nav-link--next svg, .rtl .tribe-events-c-top-bar__nav-link--prev svg {
transform: rotateY(180deg);
}
.rtl div#gt_float_wrapper {
left: 20px!important;
right: unset!important;
}
.web-v3.rtl section#offers .section-title {
text-align: right!important;
}
.web-v3.rtl div#inner-page .right-slider {
right: unset!important;
left: 0!important;
}
.web-v3.archive div#page-title {
max-width: 850px;
}
.web-v3.archive div#page-title h1 {
line-height: 1;
padding-bottom: 2.25rem;
}
.page-content h2, .web-v3.archive div#page-title h2 {
font-family: Poppins!important;
font-size: 3.25rem;
max-width: 640px;
line-height: 1.125;
letter-spacing: -.02em;
font-weight: 500;
}
.page-content p, .web-v3.archive div#page-title p {
font-family: Poppins;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 28px;
margin: 0 0 20px;
max-width: 640px;
color: var(--contrast);
}
.page-content {
margin-top: 60px!important;
}
.web-v3.archive div#page-title p {
margin-bottom: 48px;
}
.web-v3.archive div#page-title h2 {
margin-top: 72px!important;
}
.web-v3.archive #spa div#page-title h1 {
font-size: 2.75rem!important;
line-height: 1.25;
}
.page-content h2:not(:first-child) {
margin-top: 72px;
}
#stay .page-content {
padding-bottom: 240px;
}
div#banner-title h1 {
font-family: Poppins;
font-size: 48px;
font-style: normal;
font-weight: 600;
color: #fff;
line-height: 60px;
z-index: 1;
position: relative;
max-width: 520px;
}
div#banner-title h1 span {
font-weight: 400;
}
div#title-and-book .banner-book-button {
position: relative;
bottom: unset;
justify-content: flex-start;
}
div#title-and-book .banner-book-button a.square-button.big-button {
font-size: 24px;
padding: 8px 24px;
}
div#title-and-book {
display: flex;
flex-direction: column;
margin-top: -332px;
gap: 48px;
}
.single.web-v3 section#home-book-footer {
flex-direction: row;
padding: 32px;
background-size: cover;
}
.single.web-v3 section#home-book-footer:before {
left: 0;
}
.web-v3.single section#home-book-footer .section-title {
font-size: 32px;
text-align: left;
margin: 0;
max-width: 480px;
line-height: 40px;
}
.single.web-v3 div#inner-page .left-content a.square-button.big-button {
margin: 0 0 0 auto;
font-size: 24px;
}
.web-v3 .faq-list.inner-page details>div {
font-size: 16px;
line-height: 1.5rem;
}
.faq-list.inner-page summary h4 {
font-size: 20px;
font-weight: 500!important;
line-height: 1.25;
margin-top: 6px!important;
}
.faq-list.inner-page {
margin-top: 12px;
margin-bottom: 2px;
gap: 25px;
}
.faq-section {
margin-top: 60px;
max-width: 680px;
}
.faq-section h2 {
font-size: 32px;
line-height: 1.25em;
font-weight: 600;
}
.inner-faq h2 {
font-size: 29px;
margin-bottom: 20px;
line-height: 1.2em;
font-weight: 400;
}
.faq-list.inner-page summary h3 {
margin: 0;
padding-left: 2.25rem;
display: block;
font-size: 20px!important;
font-weight: 500!important;
line-height: 1.25;
margin-top: 6px!important;
margin-bottom: 0!important;
}
details summary:hover {
cursor: pointer;
}
.web-v3 section#diving {
position: relative;
}
.grid-container {
position: relative;
}
.web-v3 section#diving:before {
content: "";
position: absolute;
background: #4887c43b;
width: 100%;
height: 100%;
top: 0;
}
.breadcrumbs {
display: flex;
gap: 8px;
margin-bottom: 12px;
align-items: center;
flex-wrap: wrap; }
.breadcrumbs p {
margin: 0px !important;
font-size: 16px !important;
}
.breadcrumbs a {
text-decoration: none;
color: #000;
font-size: 16px;
}
.breadcrumbs p, .breadcrumbs a, .breadcrumbs span {
color: #404040 !important;
height: 14px;
line-height: 14px !important;
display: flex;
}
.text-fff .breadcrumbs p, .text-fff .breadcrumbs a, .text-fff .breadcrumbs span {
color: #fffc !important;
}
.post-type-archive-rooms .breadcrumbs p, .post-type-archive-rooms .breadcrumbs a, .post-type-archive-rooms .breadcrumbs span {
color: #fffc !important;
}
section#review-section {
background-image: url(https://oagaresorts.com/wp-content/uploads/2023/02/Experiences_Art-class-jpg.webp);
background-size: cover;
background-position: center;
padding: 72px 0;
}
section#review-section .grid-container {
display: flex;
}
#review-section .section-title {
color: #fff;
font-family: Poppins;
font-size: 64px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin: 0;
max-width: 560px;
}
section#review-section:before {
content: "";
position: absolute;
background: #5454543b;
width: 100%;
height: 100%;
top: 0;
}
section#review-section div#page-title {
display: flex;
align-items: center;
}
.widSSPData.cx_brand_refresh {
background: #fffd !important;
padding: 14px 20px !important;
}
#CDSWIDSSP .widSSPData.cx_brand_refresh .widSSPBranding dt img {
mix-blend-mode: darken;
}
div#header-bar.v4-header {
position: relative;
justify-content: center;
height: 32px;
}
.v4-header .header-bar-container {
justify-content: center;
width: 100%;
}
header#main-header {
display: flex;
flex-direction: column; padding: 20px 16px 44px;
position: fixed;
width: 100%;
z-index: 1;
backdrop-filter: blur(10px);
transition: all 0.2s cubic-bezier(0.42, 0, 0.19, 0.97);
background-color: rgba(255, 255, 255, 0.65);
}
.v4-header .header-logo {
width: 117px;
}
.v4-header .header-logo img {
width: 100%;
}
.lv4 div#gt_float_wrapper {
left: calc((100vw - 1440px) / 2);
top: 116px !important;
max-width: 145px;
}
.lv4 .gt_float_switcher .gt-selected {
height: 32px;
}
.lv4 .gt_float_switcher {
background: none !important;
border: none !important;
box-shadow: none !important;
display: flex;
align-items: center;
justify-items: center;
line-height: 22px;
color: #737373 !important;
display: flex;
flex-direction: column;
max-width: 145px;
align-items: flex-start;
}
.lv4 .gt_float_switcher .gt-selected {
height: 32px;
background: none !important;
display: flex;
}
.lv4 .gt_float_switcher .gt-selected .gt-current-lang {
padding: 0px;
color: #737373;
font-size: 14px;
line-height: 28px;
font-weight: 400;
}
.lv4 .gt_float_switcher .gt-selected .gt-current-lang img {
height: 18px;
width: 18px;
border-radius: 99px;
object-fit: cover;
}
.lv4 .gt_float_switcher img {
height: 18px;
width: 18px;
border-radius: 99px;
object-fit: cover;
}
.lv4 .gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow {
display: none;
}
.lv4 .gt_float_switcher .gt-selected .gt-current-lang span.gt-lang-code {
top: unset ! IMPORTANT;
}
.lv4 .gt_float_switcher .gt-selected .gt-current-lang {
display: flex;
align-items: center;
gap: 2px;
}
.lv4 .gt_options.gt-open {
background: #fff;
border-radius: 12px;
max-height: unset;
padding: 4px 0;
}
.v4-header div#header-bar-logo {
height: 104px;
max-height: 104px;
transition: all .3s cubic-bezier(0.42, 0, 0.19, 0.97); }
.floating .v4-header div#header-bar-logo {
-webkit-animation: .3s cubic-bezier(0.42, 0, 0.19, 0.97) fadeup;
-moz-animation: .3s cubic-bezier(0.42, 0, 0.19, 0.97) fadeup;
-o-animation: .3s cubic-bezier(0.42, 0, 0.19, 0.97) fadeup;
animation: .3s cubic-bezier(0.42, 0, 0.19, 0.97) fadeup;
animation-fill-mode: forwards;
max-height: 0px; transition: all .3s cubic-bezier(0.42, 0, 0.19, 0.97);
}
.floating .v4-header .header-end a.square-button.big-button.nav-book {
text-align: center;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 700;
height: 100%;
width: 100%;
display: flex !important;
}
@keyframes fadeup {
0% {
opacity: 1;
transform: translateY(0px) scale(1);
}
100% {
opacity: 0.2;
transform: translateY(-56px) scale(0.8);
}
}
.v4-header div#header-bar nav.main-nav-center a {
font-size: 14px;
line-height: 28px;
color: #000;
padding: 0 12px;
position: relative;
background: none !important;
transition: all 0.3s cubic-bezier(0.42, 0, 0.19, 0.97);
}
.v4-header div#header-bar nav.main-nav-center a:before {
flex: none;
left: 0;
position: absolute;
top: calc(50.00000000000002% - 4px / 2);
width: 100%;
height: 100%;
max-width: 4px;
max-height: 4px;
z-index: 0;
content: "";
background: #000;
border-radius: 99px;
transform-origin: 50% 50% 0px;
will-change: auto;
transition: all 0.3s cubic-bezier(0.42, 0, 0.19, 0.97);
}
.v4-header div#header-bar nav.main-nav-center a.yellow-block:before, .v4-mobile ul#menu-mobile-menu li:nth-child(2) a:before {
background: #ffbd00;
}
.v4-header div#header-bar nav.main-nav-center a.yellow-block:hover, .v4-mobile ul#menu-mobile-menu li:nth-child(2) a:hover {
color: #000;
}
.v4-header .header-end {
position: absolute;
right: 0px;
width: auto;
}
.v4-header div#header-bar nav.main-nav-center a.orange-block:before, .v4-mobile ul#menu-mobile-menu li:nth-child(3) a:before {
background: #ff7900;
}
.v4-header div#header-bar nav.main-nav-center a.red-block:before, .v4-mobile ul#menu-mobile-menu li:nth-child(4) a:before {
background: #ff0047;
}
.v4-header div#header-bar nav.main-nav-center a.blue-block:before, .v4-mobile ul#menu-mobile-menu li:nth-child(5) a:before {
background: #0096ff;
}
.v4-header div#header-bar nav.main-nav-center a.green-block:before, .v4-mobile ul#menu-mobile-menu li:nth-child(6) a:before {
background: #00ce99;
}
.v4-header div#header-bar nav.main-nav-center a.pink-block:before, .v4-mobile ul#menu-mobile-menu li:nth-child(7) a:before {
background: #ff009b;
}
.v4-header div#header-bar nav.main-nav-center a.purple-block:before, .v4-mobile ul#menu-mobile-menu li:nth-child(8) a:before {
background: #8b26d4;
}
.v4-header div#header-bar nav.main-nav-center a:hover:before, .v4-mobile ul#menu-mobile-menu li a:hover:before {
bottom: 0;
left: calc(50.34013605442179% - 100.68027210884354% / 2);
top: 0px;
max-width: 100%;
max-height: 32px;
z-index: -1;
transition: all 0.34s cubic-bezier(0, 0, 0, 0.91);
}
.floating .v4-header div#header-bar nav.main-nav-center a:hover:before {
top: 16px;
}
.v4-header div#header-bar nav.main-nav-center a:hover {
transition: all 0.34s cubic-bezier(0, 0, 0, 0.91);
}
.v4-header nav.main-nav-center {
gap: 12px;
}
.v4-header .header-end {
position: absolute;
right: 0px;
width: auto;
height: 32px;
display: flex;
align-items: center;
justify-items: center;
height: 100%;
}
.v4-header .header-end a.square-button.big-button.nav-book {
background: #ffbd00;
display: flex;
font-size: 16px;
padding: 2px 14px;
border-radius: 99px;
font-weight: 400 !important;
transition: all 0.22s cubic-bezier(0, 0, 0, 0.91);	
}
.v4-header .header-end a.square-button.big-button.nav-book:hover {
background: #000 !important;
transition: all 0.2s cubic-bezier(0, 0, 0, 0.91);
}
.v4-header div#header-bar {
position: fixed;
background: rgba(255, 255, 255, 0);
top: 116px;
transition: all 0.1s cubic-bezier(0, 0, 0, 0.75);
-webkit-animation: .3s cubic-bezier(0, 0, 0.57, 0.31) fadedownmenu;
-moz-animation: .3s cubic-bezier(0, 0, 0.57, 0.31) fadedownmenu;
-o-animation: .3s cubic-bezier(0, 0, 0.57, 0.31) fadedownmenu;
animation: 0.5s cubic-bezier(0, 0, 0, 0.75) fadedownmenu;
width: 100%;
left: 0;
padding-bottom: 12px;
height: 44px;
border-bottom: 1px solid #f5f5f500;
}
header#main-header.v4-header {
height: 100%;
max-height: 160px;
padding: 20px 16px 0px;
transition: all 0.52s cubic-bezier(0, 0, 0, 0.75);
background: #fff;
}
.floating header#main-header.v4-header {
backdrop-filter: blur(10px);
background-color: rgb(255, 255, 255);
max-height: 64px;
padding: 20px 16px 16px;
transition: all 0.3s cubic-bezier(0, 0, 0.57, 0.31);
z-index: 2;
}
header#main-header.v4-header:hover {
background-color: rgba(255, 255, 255, 1);
transition: all 0.3s cubic-bezier(0, 0, 0.57, 0.31);
}
body.floating .v4-header div#header-bar{
height: 64px;
position: fixed;
-webkit-animation: .3s cubic-bezier(0, 0, 0.57, 0.31) fadeupmenu;
-moz-animation: .3s cubic-bezier(0, 0, 0.57, 0.31) fadeupmenu;
-o-animation: .3s cubic-bezier(0, 0, 0.57, 0.31) fadeupmenu;
animation: .3s cubic-bezier(0, 0, 0.57, 0.31) fadeupmenu;
transition: all .3s cubic-bezier(0, 0, 0.57, 0.31);
animation-fill-mode: forwards;
height: 64px;
background:#fff;
padding-bottom:0px;
border-bottom: 1px solid #f5f5f5;
}
.v4 section#banner {
padding-top: 120px !important;
height: calc(100vh + 60px);
margin-top: -100px;
}
body.floating .v4-header div#header-bar nav.main-nav-center a {
line-height: 28px !important;
padding: 0 12px !important;
}
@keyframes fadeupmenu {
0% {
transform: translateY(0px);
}
100% {
transform: translateY(-116px);
}
}
.lv4 div#gt_float_wrapper {
-webkit-animation: .3s cubic-bezier(0, 0, 0.57, 0.31) fadedownlang;
-moz-animation: .3s cubic-bezier(0, 0, 0.57, 0.31) fadedownlang;
-o-animation: .3s cubic-bezier(0, 0, 0.57, 0.31) fadedownlang;
animation: 0.5s cubic-bezier(0, 0, 0, 0.75) fadedownlang;
}
.lv4.floating div#gt_float_wrapper {
-webkit-animation: .3s cubic-bezier(0, 0, 0.57, 0.31) fadeuplang;
-moz-animation: .3s cubic-bezier(0, 0, 0.57, 0.31) fadeuplang;
-o-animation: .3s cubic-bezier(0, 0, 0.57, 0.31) fadeuplang;
animation: .3s cubic-bezier(0, 0, 0.57, 0.31) fadeuplang;
transition: all .3s cubic-bezier(0, 0, 0.57, 0.31);
animation-fill-mode: forwards;
}
@keyframes fadedownmenu {
0% {
transform: translateY(-116px);
}
100% {
transform: translateY(0);
}
}
@keyframes fadeuplang {
0% {
transform: translateY(0px) translateX(0px);
}
100% {
transform: translateY(-100px) translateX(57px);
}
}
@keyframes fadedownlang {
0% {
transform: translateY(-100px) translateX(57px);
}
100% {
transform: translateY(0px) translateX(0px);
}
}
.lv4 .gt_float_switcher .gt_options a:hover {
background: #e7e7e7;
color: #444;
}
a#floating-logo {
position: fixed;
z-index: 99;
width: 36px;
height: 22px;
left: calc((100vw - 1440px) / 2);
}
a#floating-logo:after {
width: 2px;
height: 16px;
content: "";
background: #e5e5e5;
display: block;
position: absolute;
top: 6px;
left: 46px;
mix-blend-mode: multiply;
}
a#floating-logo {
-webkit-animation: .3s cubic-bezier(0, 0, 0.57, 0.31) fadeOutMiniLogo;
-moz-animation: .3s cubic-bezier(0, 0, 0.57, 0.31) fadeOutMiniLogo;
-o-animation: .3s cubic-bezier(0, 0, 0.57, 0.31) fadeOutMiniLogo;
animation: .3s cubic-bezier(0, 0, 0.57, 0.31) fadeOutMiniLogo;
transition: all .3s cubic-bezier(0, 0, 0.57, 0.31);
animation-fill-mode: forwards;
}
.floating a#floating-logo {
-webkit-animation: .3s cubic-bezier(0, 0, 0.57, 0.31) fadeInMiniLogo;
-moz-animation: .3s cubic-bezier(0, 0, 0.57, 0.31) fadeInMiniLogo;
-o-animation: .3s cubic-bezier(0, 0, 0.57, 0.31) fadeInMiniLogo;
animation: .3s cubic-bezier(0, 0, 0.57, 0.31) fadeInMiniLogo;
transition: all .3s cubic-bezier(0, 0, 0.57, 0.31);
animation-fill-mode: forwards;
}
@keyframes fadeOutMiniLogo {
0% {
transform: translateY(0px) translateX(0px);
opacity: 1;
}
100% {
transform: translateY(98px) translateX(-64px);
opacity: 0;
}
}
@keyframes fadeInMiniLogo {
0% {
transform: translateY(98px) translateX(-64px);
opacity: 0;
}
100% {
transform: translateY(0px) translateX(0px);
opacity: 1;
}
}
.v4 .grid-container {
max-width: 1440px;
width: 100%;
}
.lv4 .site-footer.footer-bar-active.footer-bar-align-right {
background: #fff;
}
.lv4 .site-footer.footer-bar-active.footer-bar-align-right .inside-site-info.grid-container {
padding: 32px 0 80px;
border-top: 1px solid #d6d6d6;
}
.lv4 .site-footer.footer-bar-active.footer-bar-align-right .copyright-bar {
font-size: 16px;
color: #a3a3a3;
font-weight: 300;
line-height: 24px;
}
.lv4 i.fa-brands.fa-instagram {
background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1422_1142)"><path d="M12 2.16094C15.2063 2.16094 15.5859 2.175 16.8469 2.23125C18.0188 2.28281 18.6516 2.47969 19.0734 2.64375C19.6313 2.85938 20.0344 3.12188 20.4516 3.53906C20.8734 3.96094 21.1313 4.35938 21.3469 4.91719C21.5109 5.33906 21.7078 5.97656 21.7594 7.14375C21.8156 8.40937 21.8297 8.78906 21.8297 11.9906C21.8297 15.1969 21.8156 15.5766 21.7594 16.8375C21.7078 18.0094 21.5109 18.6422 21.3469 19.0641C21.1313 19.6219 20.8687 20.025 20.4516 20.4422C20.0297 20.8641 19.6313 21.1219 19.0734 21.3375C18.6516 21.5016 18.0141 21.6984 16.8469 21.75C15.5813 21.8062 15.2016 21.8203 12 21.8203C8.79375 21.8203 8.41406 21.8062 7.15313 21.75C5.98125 21.6984 5.34844 21.5016 4.92656 21.3375C4.36875 21.1219 3.96563 20.8594 3.54844 20.4422C3.12656 20.0203 2.86875 19.6219 2.65313 19.0641C2.48906 18.6422 2.29219 18.0047 2.24063 16.8375C2.18438 15.5719 2.17031 15.1922 2.17031 11.9906C2.17031 8.78438 2.18438 8.40469 2.24063 7.14375C2.29219 5.97187 2.48906 5.33906 2.65313 4.91719C2.86875 4.35938 3.13125 3.95625 3.54844 3.53906C3.97031 3.11719 4.36875 2.85938 4.92656 2.64375C5.34844 2.47969 5.98594 2.28281 7.15313 2.23125C8.41406 2.175 8.79375 2.16094 12 2.16094ZM12 0C8.74219 0 8.33438 0.0140625 7.05469 0.0703125C5.77969 0.126563 4.90313 0.332812 4.14375 0.628125C3.35156 0.9375 2.68125 1.34531 2.01563 2.01562C1.34531 2.68125 0.9375 3.35156 0.628125 4.13906C0.332812 4.90313 0.126563 5.775 0.0703125 7.05C0.0140625 8.33437 0 8.74219 0 12C0 15.2578 0.0140625 15.6656 0.0703125 16.9453C0.126563 18.2203 0.332812 19.0969 0.628125 19.8563C0.9375 20.6484 1.34531 21.3188 2.01563 21.9844C2.68125 22.65 3.35156 23.0625 4.13906 23.3672C4.90313 23.6625 5.775 23.8687 7.05 23.925C8.32969 23.9812 8.7375 23.9953 11.9953 23.9953C15.2531 23.9953 15.6609 23.9812 16.9406 23.925C18.2156 23.8687 19.0922 23.6625 19.8516 23.3672C20.6391 23.0625 21.3094 22.65 21.975 21.9844C22.6406 21.3188 23.0531 20.6484 23.3578 19.8609C23.6531 19.0969 23.8594 18.225 23.9156 16.95C23.9719 15.6703 23.9859 15.2625 23.9859 12.0047C23.9859 8.74688 23.9719 8.33906 23.9156 7.05938C23.8594 5.78438 23.6531 4.90781 23.3578 4.14844C23.0625 3.35156 22.6547 2.68125 21.9844 2.01562C21.3188 1.35 20.6484 0.9375 19.8609 0.632812C19.0969 0.3375 18.225 0.13125 16.95 0.075C15.6656 0.0140625 15.2578 0 12 0Z" fill="%23A3A3A3"/><path d="M12 5.83594C8.59688 5.83594 5.83594 8.59688 5.83594 12C5.83594 15.4031 8.59688 18.1641 12 18.1641C15.4031 18.1641 18.1641 15.4031 18.1641 12C18.1641 8.59688 15.4031 5.83594 12 5.83594ZM12 15.9984C9.79219 15.9984 8.00156 14.2078 8.00156 12C8.00156 9.79219 9.79219 8.00156 12 8.00156C14.2078 8.00156 15.9984 9.79219 15.9984 12C15.9984 14.2078 14.2078 15.9984 12 15.9984Z" fill="%23A3A3A3"/><path d="M19.8469 5.59214C19.8469 6.38902 19.2 7.0312 18.4078 7.0312C17.6109 7.0312 16.9688 6.38433 16.9688 5.59214C16.9688 4.79526 17.6156 4.15308 18.4078 4.15308C19.2 4.15308 19.8469 4.79995 19.8469 5.59214Z" fill="%23A3A3A3"/></g><defs><clipPath id="clip0_1422_1142"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>');
width: 24px;
height: 24px;
display: block;
}
.lv4 i.fa-brands.fa-facebook {
background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1422_1140)"><path d="M24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 17.9895 4.3882 22.954 10.125 23.8542V15.4688H7.07812V12H10.125V9.35625C10.125 6.34875 11.9166 4.6875 14.6576 4.6875C15.9701 4.6875 17.3438 4.92188 17.3438 4.92188V7.875H15.8306C14.34 7.875 13.875 8.80008 13.875 9.75V12H17.2031L16.6711 15.4688H13.875V23.8542C19.6118 22.954 24 17.9895 24 12Z" fill="%23A3A3A3"/></g><defs><clipPath id="clip0_1422_1140"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>');
width: 24px;
height: 24px;
display: block;
}
.lv4 i.fa-brands.fa-linkedin {
background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1422_1143)"><path d="M22.2234 0H1.77187C0.792187 0 0 0.773438 0 1.72969V22.2656C0 23.2219 0.792187 24 1.77187 24H22.2234C23.2031 24 24 23.2219 24 22.2703V1.72969C24 0.773438 23.2031 0 22.2234 0ZM7.12031 20.4516H3.55781V8.99531H7.12031V20.4516ZM5.33906 7.43438C4.19531 7.43438 3.27188 6.51094 3.27188 5.37187C3.27188 4.23281 4.19531 3.30937 5.33906 3.30937C6.47813 3.30937 7.40156 4.23281 7.40156 5.37187C7.40156 6.50625 6.47813 7.43438 5.33906 7.43438ZM20.4516 20.4516H16.8937V14.8828C16.8937 13.5562 16.8703 11.8453 15.0422 11.8453C13.1906 11.8453 12.9094 13.2937 12.9094 14.7891V20.4516H9.35625V8.99531H12.7687V10.5609H12.8156C13.2891 9.66094 14.4516 8.70938 16.1813 8.70938C19.7859 8.70938 20.4516 11.0813 20.4516 14.1656V20.4516Z" fill="%23A3A3A3"/></g><defs><clipPath id="clip0_1422_1143"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>');
width: 24px;
height: 24px;
display: block;
}
.lv4 i.fa-brands.fa-youtube {
background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.7609 7.20005C23.7609 7.20005 23.5266 5.54536 22.8047 4.8188C21.8906 3.86255 20.8688 3.85786 20.4 3.80161C17.0438 3.55786 12.0047 3.55786 12.0047 3.55786H11.9953C11.9953 3.55786 6.95625 3.55786 3.6 3.80161C3.13125 3.85786 2.10938 3.86255 1.19531 4.8188C0.473438 5.54536 0.24375 7.20005 0.24375 7.20005C0.24375 7.20005 0 9.14536 0 11.086V12.9047C0 14.8454 0.239062 16.7907 0.239062 16.7907C0.239062 16.7907 0.473437 18.4454 1.19062 19.1719C2.10469 20.1282 3.30469 20.0954 3.83906 20.1985C5.76094 20.3813 12 20.4375 12 20.4375C12 20.4375 17.0438 20.4282 20.4 20.1891C20.8688 20.1329 21.8906 20.1282 22.8047 19.1719C23.5266 18.4454 23.7609 16.7907 23.7609 16.7907C23.7609 16.7907 24 14.85 24 12.9047V11.086C24 9.14536 23.7609 7.20005 23.7609 7.20005ZM9.52031 15.1125V8.36724L16.0031 11.7516L9.52031 15.1125Z" fill="%23A3A3A3"/></svg>');
width: 24px;
height: 24px;
display: block;
}
.lv4 ul.social-icons a {
transition: all .18s cubic-bezier(0, 0, 0, 0.9);
}
.lv4 ul.social-icons a:hover {
filter: brightness(0.7);
transition: all .22s cubic-bezier(0, 0, 0.57, 0.31);
}
.lv4 section#home-more-section {
display:none !important;
}
.lv4 section#home-more-section.v4-more-section {
display:flex !important;
}
.lv4 section#home-more-section ul#menu-footer-menu-new {
list-style-type: none;
display: flex;
gap: 10px;
margin: 0px;
flex-wrap: wrap;
justify-content: center;
padding: 0 8px;
}
.lv4 section#home-more-section ul#menu-footer-menu-new li {
}
.v4 #home-stay ul#splide-stay-list li.is-prev:first-child {
transform: translate(-20px, 200px);
transition: all .42s cubic-bezier(0, 0, 0.57, 0.31);
}
.v4 #home-stay ul#splide-stay-list li.is-active:first-child {
transform: translate(0px, 0px);
transition: all .62s cubic-bezier(0.57, 0.16, 0.29, 0.84);
}
.lv4 section#home-more-section {
background: #fff;
padding: 56px 16px 40px !important;
gap: 32px;
}
.v4 .tall-card .image-and-title a {
text-decoration: none;
}
.lv4 section#home-more-section ul#menu-footer-menu-new li a {
text-decoration: none;
color: #000;
font-size: 14px;
line-height: 28px;
padding: 0 12px;
position:relative;
height: 100%;
z-index: 0;
display: flex;
}
.lv4 ul#menu-footer-menu-new a:before {
flex: none;
left: 0;
position: absolute;
top: calc(50.00000000000002% - 4px / 2);
width: 100%;
height: 100%;
max-width: 4px;
max-height: 4px;
z-index: 0;
content: "";
border-radius: 99px;
transform-origin: 50% 50% 0px;
will-change: auto;
transition: all 0.3s cubic-bezier(0.42, 0, 0.19, 0.97);
background: #e5e5e5;
}
.lv4 ul#menu-footer-menu-new a:hover:before {
bottom: 0;
left: calc(50.34013605442179% - 100.68027210884354% / 2);
top: 0px;
max-width: 100%;
max-height: 28px;
z-index: -1;
transition: all 0.34s cubic-bezier(0, 0, 0, 0.91);
}
.v4.home #splide-banner, .v4.home #splide-banner-mobile  {
display: none !important;
}
.v4 .banner-book-button.animate.fade {
display: none;
}
.v4 section#about-oaga {
background: #fafafa;
padding: 112px 16px 160px;
}
.v4 section#about-oaga .grid-container {
display: grid;
justify-items: center;
}
.v4 div#page-title {
gap: 8px;
display: flex;
justify-items: center;
flex-direction: column;
margin-bottom: 16px;
}
.v4 div#page-title p.section-title-small {
margin: 0px;
color: #8b26d4;
font-size: 16px;
text-align: center;
font-weight: 500;
text-transform: uppercase;
max-width: 800px;
margin: 0 auto;
}
.v4 div#page-title p.section-title {
font-size: 48px;
text-align: center;
color: #141414;
font-weight: 400;
line-height: 60px;
margin: 0px auto;
max-width: 800px;
position: relative;
}
.v4 .about-image-grid {
max-width: 1216px;
display: flex;
flex-wrap: wrap;
gap: 16px;
height: 560px;
width: 100%; 
margin-top: 80px;
overflow: hidden;
}
.v4 .section-desc {
max-width: 800px;
text-align: center;
color: #525252;
font-size: 16px;
line-height: 24px;
font-weight: 400;
}
.v4 .section-desc p {
margin: 0px;
}
.v4 .grid-column-small {
display: flex;
gap: 16px;
flex: 1 0 0px;
flex-direction: column;
flex-wrap: nowrap;
}
.v4 .grid-column-big {
width: 100%;
max-width: 46%;
}
.v4 .about-image-grid > div {
height: 100%;
}
.v4 .grid-column-big img, .v4 .grid-column-small img {
height: 100%;
width: 100%;
object-fit: cover;
}
.v4 .grid-column-small img {
flex: 1 0 0;
height: 100%;
width: 100%;
}
.v4 .grid-column-small li.grid-image {
flex: 1 0 0;
height: 1px;
list-style-type: none;
}
.v4 .grid-column-big li.grid-image {
list-style-type: none;
height: 100%;
}
.v4 .parellax {
height: 200% !important;
left: calc(50.00000000000002% - 133.47222222222223% / 2);
opacity: .5;
position: absolute;
top: calc(2.220446049250313e-14% - 200% / 2);
width: 133% !important;
object-fit: cover;
object-position: center;
}
.v4 .parellax img {
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
object-position: center;
object-fit: cover;
image-rendering: auto;
}
.v4 .about-image-grid li {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.v4 section#home-stay {
padding: 140px 0 174px;
overflow: hidden;
position: relative;
}
.v4 .home-stay-parallax {
position: absolute;
top: 0;
width: 100%;
height: 100%;
left: 0;
}
.v4 section#home-stay p.section-title-small {
color: #00ce99;
text-align: left;
margin-left: 0px;
}
.v4 section#home-stay p.section-title {
line-height: 120%;
margin-left: 0px;
max-width: 360px;
text-align: left;
}
.v4 #home-stay div#page-title {
margin-bottom: 12px;
}
.v4 section#home-stay .section-desc p {
color: #525252;
text-align: left;
line-height: 24px;
font-size: 16px;
max-width: 360px;
}
.v4 #home-stay .room-card {
width: 800px !important;
height: 480px;
}
.v4 #home-stay .room-card a {
width: 100%;
height: 100%;
text-decoration: none;
position: absolute;
}
.v4 #home-stay .room-card a img {
width: 100%;
height: 100%;
position: absolute;
}
.v4 #home-stay .tall-card-title {
width: 384px;
height: 100%;
z-index: 1;
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 24px;
background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
}
.v4 #home-stay .tall-card-title p.card-title {
font-size: 24px;
margin-bottom: 4px;
color: #fff;
line-height: 32px;
max-width: 280px;
}
.v4 #home-stay .tall-card-title p.card-byline {
font-size: 14px;
color: #fff;
line-height: 20px;
max-width: 280px;
}
.v4 #home-stay .tall-card-title span.round-button.book-now {
line-height: 28px;
color: #fff;
font-size: 16px;
background: #fff0;
max-width: fit-content;
border-radius: 99px;
border: 1px solid #fff;
padding: 2px 14px;
transition: all 0.22s cubic-bezier(0.42, 0, 0.19, 0.97);
}
.v4 #home-stay .tall-card-title span.round-button.book-now:hover {
transition: all 0.28s cubic-bezier(0, 0, 0.57, 0.31);
background: #fff;
color: #000;
}
.v4 #home-stay .room-card a img {
transition: all 0.22s cubic-bezier(0.42, 0, 0.19, 0.97);
}
.v4 #home-stay .room-card a:hover img {
filter: blur(5px);
transition: all 0.34s cubic-bezier(0, 0, 0.57, 0.31);
}
.v4 #home-stay .splide__arrow {
background: #f5f5f5 !important;
opacity: 1 !important;
width: 48px;
height: 48px;
top: 54% !important;
transition: all 0.3s cubic-bezier(0.42, 0, 0.19, 0.97);
}
.v4 #home-stay .splide__arrow svg {
transition: all 0.18s cubic-bezier(0.42, 0, 0.19, 0.97);
}
.v4 section#home-stay div#splide-stay-track {
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
}
.v4 #home-stay ul#splide-stay-list li:first-child {
padding-left: calc((100vw - 1440px) / 2) !important;
width: calc(500px + ((100vw - 1440px) / 2)) !important;
}
.v4 #home-stay ul#splide-stay-list li:last-child {
width: calc(1220px + ((100vw - 1440px) / 2)) !important;
padding-right: calc((100vw - 1440px) / 2) !important;
padding: 0px !important;
left: -8px;
position: relative;
}
.v4 #home-stay ul#splide-stay-list li:last-child a {
width: 800px;
}
.v4 #home-stay .splide__arrow--next svg {
background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><!--Generated by IJSVG (https://github.com/iconjar/IJSVG)--><g stroke-linecap="round" stroke-width="1.5" stroke="%23323232" fill="none" stroke-linejoin="round"><path d="M19,12h-14"></path><path d="M14,17l5,-5"></path><path d="M14,7l5,5"></path></g><path fill="none" d="M0,0h24v24h-24Z"></path></svg>');
background-repeat: no-repeat;
background-position: center;
stroke: none;
width: 32px;
height: 32px;
}
.v4 #home-stay .splide__arrow--prev svg {
background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><!--Generated by IJSVG (https://github.com/iconjar/IJSVG)--><g stroke-linecap="round" stroke-width="1.5" stroke="%23323232" fill="none" stroke-linejoin="round"><path d="M19,12h-14"></path><path d="M14,17l5,-5"></path><path d="M14,7l5,5"></path></g><path fill="none" d="M0,0h24v24h-24Z"></path></svg>');
background-repeat: no-repeat;
background-position: center;
stroke: none;
width: 32px;
height: 32px;
}
.v4 #home-stay .splide__arrow:disabled {
opacity: 0 !important;
transition: all 0.3s cubic-bezier(0.42, 0, 0.19, 0.97);
}
.v4 #home-stay .splide__arrow:hover {
background: #8b26d4 !important;
transition: all 0.32s cubic-bezier(0, 0, 0.57, 0.31);
}
.v4 #home-stay .splide__arrow:hover svg {
filter: invert(1) brightness(2);
transition: all 0.32s cubic-bezier(0, 0, 0.57, 0.31);
}
.v4 #home-stay button.splide__arrow.splide__arrow--next {
right: -24px;
}
.v4 #home-stay button.splide__arrow.splide__arrow--prev {
left: -24px;
}
.v4 #home-stay ul.splide__pagination.splide__pagination--ltr {
display: flex;
bottom: -54px;
gap: 0px !important;
justify-content: flex-end;
padding: 0px !important;
}
.v4 #home-stay ul.splide__pagination.splide__pagination--ltr li {
width: 60px;
height: 4px;
}
.v4 #home-stay ul.splide__pagination.splide__pagination--ltr button.splide__pagination__page.is-active {
background: #8b26d4;
height: 100%;
transform: scale(1);
}
.v4 #home-stay ul.splide__pagination.splide__pagination--ltr button.splide__pagination__page {
background: #e5e5e5;
width: 100%;
margin: 0px;
display: block;
border-radius: 0px;
height: 100%;
opacity: 1;
}
.v4 ul#splide-stay-list { }
.v4 section#discover-oaga {
padding: 200px 0 160px;
background: #fafafa;
}
.v4 .tall-card {
display: flex;
flex-direction: column;
gap: 24px;
flex-wrap: wrap;
width: calc(100% * (1 / 3) - 20px);
}
.v4 .parallax-cards {
display: flex;
flex-wrap: wrap;
gap: 28px;
margin-top: 54px;
max-width: 1216px;
margin-left: auto;
margin-right: auto;
margin-bottom: -360px;
}
.v4 .tall-card .image-and-title {
aspect-ratio: 384 / 560;
padding: 40px;
position: relative;
overflow: hidden;
width: 100%;
}
.v4 .tall-card p.description {
margin: 0px;
font-size: 18px;
color: #141414;
text-align: center;
line-height: 28px;
}
.v4 .tall-card .image-and-title img {
position: absolute;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
object-fit: cover;
object-position: center;
}
.v4 .tall-card .image-and-title a:before {
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
opacity: 0.5;
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
z-index: 1;
bottom: 0px;
max-height: 280px;
transition: all 0.32s cubic-bezier(0.42, 0, 0.19, 0.97);
}
.v4 .tall-card .image-and-title a:hover:before {
max-height: 340px;
opacity: 0.6;
transition: all 0.64s cubic-bezier(0.3, 0.18, 0.08, 0.97);
}
.v4 .tall-card .image-and-title p.card-title {
font-size: 32px;
color: #fff;
z-index: 1;
position: relative;
margin-top: auto;
display: flex;
margin-bottom: 0px;
height: 100%;
align-items: self-end;
text-align: center;
justify-content: center;
}
.v4 a.learn-more.round-button {
line-height: 28px;
color: #141414;
font-size: 16px;
background: #14141400;
max-width: fit-content;
border-radius: 99px;
border: 1px solid #141414;
padding: 2px 14px;
transition: all 0.22s cubic-bezier(0.42, 0, 0.19, 0.97);
text-decoration: none;
margin: 0 auto;
}
.v4 a.learn-more.round-button:hover {
transition: all 0.28s cubic-bezier(0, 0, 0.57, 0.31);
background: #141414ff;
color: #fff;
border: 1px solid #141414;
}
.v4 section#home-offers-new a.learn-more.round-button, .v4.archive section#offers a.learn-more.round-button {
padding: 2px 12px !important;
margin: 56px auto 0px;
display: block;
}
.v4 .tall-card.parellax-up {
margin-top: 320px;
}
.v4 section#home-hoara {
padding: 112px 0 100px;
background: #f5f5f5;
overflow-x: hidden;
}
.v4 section#home-hoara div#page-title {
margin-bottom: 80px;
gap: 12px;
}
.v4 span.animated-text {
position: absolute;
left: 191px;
transform: rotate(-2deg);
top: -82px;
}
.v4 section#home-hoara div#page-title p.section-title {
max-width: 720px;
position: relative;
}
.v4 section#home-hoara div#page-title p.section-title-small {
color: #F15353;
}
.v4 section#discover-oaga div#page-title p.section-title-small {
color: #0096ff;
}
.v4 span.hoara-red {
color: #F15353;
}
.v4 .animated-text path {
stroke-dasharray: 1000; stroke-dashoffset: 1000;  */ }
.v4 .animated-text.animate path {
animation: draw 5.5s cubic-bezier(0.42, 0, 0.19, 0.97);
animation-fill-mode: forwards;
animation-delay: 1s;
stroke: #0096ff;
}
.v4 #discover-oaga div#page-title {
margin-bottom: 60px;
}
.v4 span.animated-strike {
position: absolute;
width: 178px;
height: 4px;
background: #0096ff;
left: 177px;
top: 30px;
transform: scaleX(0);
transform-origin: left;
}
.v4 span.animated-strike.animate {
animation: strikeline 1.5s cubic-bezier(0, 0, 0, 0.97);
animation-fill-mode: forwards;
animation-delay: 0.1s;
}
@keyframes strikeline {
to {
transform: scaleX(1);
}
}
@keyframes draw {
to {
stroke-dashoffset: 0; visibility: visible; }
}
.v4 div#splide-hoara {
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
}
.v4 ul#splide-hoara-list {
padding: 12px 0 !important;
}
.v4 div#splide-hoara ul li {
aspect-ratio: 344 / 482;
height: auto;
box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 2px 0px;
background-color: var(--token-f96cdf92-e161-43a0-8eb2-1c07d0a637da, rgb(255, 255, 255));
box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 2px 0px;
padding: 12px;
transition: all 0.46s cubic-bezier(0.19, 0.59, 0.9, 0.53);
position: relative;
overflow: hidden;
}
.v4 div#splide-hoara ul li a, .v4 div#splide-hoara ul li {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
text-decoration: none;
}
.v4 div#splide-hoara ul li a img, .v4 div#splide-hoara ul li img {
width: 100%;
height: 100%;
object-fit: cover;
}
.v4 div#splide-hoara ul li a .tall-card-title, .v4 div#splide-hoara ul li .tall-card-title {
position: absolute;
transform: translateY(70px);
bottom: 0px;
width: 100%;
background: #fff;
text-align: center;
padding: 12px;
transition: all 0.46s cubic-bezier(0.19, 0.59, 0.9, 0.53);
}
.v4 div#splide-hoara ul li a .tall-card-title p, .v4 div#splide-hoara ul li .tall-card-title {
margin: 0px;
font-size: 18px;
line-height: 28px;
color: #121212;
}
.v4 div#splide-hoara ul li:hover {
transform: rotate(2deg);
transition: all 0.46s cubic-bezier(0, 0, 0, 0.97);
}
.v4 div#splide-hoara ul li:nth-child(even):hover {
transform: rotate(-2deg);
}
.v4 div#splide-hoara ul li a:hover .tall-card-title, .v4 div#splide-hoara ul li:hover .tall-card-title {
transform: translateY(0px);
transition: all 0.46s cubic-bezier(0, 0, 0, 0.97);
}
.v4 div#splide-offers-new { }
.v4 section#home-offers-new {
padding: 160px 0 112px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: relative;
background: #F5F5F5;
overflow: hidden;
}
.v4 section#home-offers-new:before {
display: block;
content: "";
flex: none;
height: 160px;
left: calc(50.00000000000002% - 101.00694444444444% / 2);
overflow: visible;
position: absolute;
top: calc(49.94232987312574% - 101.03806228373702% / 2);
width: 101%;
z-index: 1;
background: linear-gradient(180deg, #F5F5F5 0%, rgba(245, 245, 245, 0) 100%);
}
.v4 section#home-offers-new p.section-title-small {
color: #ff7900;
}
.v4 section#home-offers-new p.section-title {
max-width: 616px;
}
.v4 #home-offers-new div#page-title {
margin-bottom: 60px;
}
.v4 div#splide-offers-new li a, .v4.archive #offers li a {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
padding: 24px;
transition: all 0.32s cubic-bezier(0.54, 0.14, 0.62, 0.85);
background: #fff0;
text-decoration: none !important;
}
.v4 div#splide-offers-new li a img, .v4.archive #offers li a img {
width: 100%;
height: 100%;
left: 0px;
top: 0px;
position: absolute;
}
.v4 div#splide-offers-new li a .tall-card-title p.card-title, .v4.archive #offers li a .tall-card-title p.card-title {
margin: 0px;
font-size: 30px;
color: #fff;
line-height: 36px;
font-weight: 500;
transition: all 0.32s cubic-bezier(0.54, 0.14, 0.62, 0.85);
text-align: left;
}
.v4 div#splide-offers-new li a .tall-card-title, .v4.archive #offers li a .tall-card-title {
z-index: 1;
display: flex;
justify-content: end;
align-items: baseline;
height: 100%;
width: 100%;
}
.v4 div#splide-offers-new li a:before, .v4.archive #offers li a:before {
content: "";
opacity: 0;
transition: all 0.32s cubic-bezier(0.54, 0.14, 0.62, 0.85);
display: block;
position: absolute;
background: #00000003;
width: 100%;
height: 100%;
z-index: 1;
left: 0;
top: 0;
backdrop-filter: blur(10px);
}
.v4 div#splide-offers-new li a .tall-card-title p.by-line, .v4.archive #offers li a .tall-card-title p.by-line {
font-family: Poppins;
font-size: 16px;
font-weight: 300;
line-height: 28px;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #fff;
text-align: left;
margin: 0px;
}
.v4 div#splide-offers-new li, .v4.archive #offers ul#splide-offers-list li.splide__slide.offer-card {
width: calc(1 / 3* 100% - 16px) !important;
aspect-ratio: 390 / 422;
height: auto;
}
.v4 div#splide-offers-new li img, .v4.archive #offers li img  {
transition: all 0.24s cubic-bezier(0.54, 0.14, 0.62, 0.85); }
.v4 div#splide-offers-new li a:hover, .v4.archive #offers li a:hover { transition: all 0.36s cubic-bezier(0.54, 0.14, 0.62, 0.85);
}
.v4 div#splide-offers-new li a:hover .tall-card-title p.card-title, .v4.archive #offers li a:hover .tall-card-title p.card-title{
transition: all 0.36s cubic-bezier(0.54, 0.14, 0.62, 0.85);
}
.v4 div#splide-offers-new li a:hover:before, .v4.archive #offers li a:hover:before {
opacity: 1;
transition: all 0.36s cubic-bezier(0.54, 0.14, 0.62, 0.85);
}
.v4 div#splide-offers-new li a:hover, .v4.archive #offers li a:hover{
transition: all 0.36s cubic-bezier(0.54, 0.14, 0.62, 0.85);
transform: translateY(-12px);
}
.v4 div#splide-offers-new .splide__track, .v4.archive #offers .splide__track {
overflow: visible;
}
.v4 div#splide-offers-new li.is-active img, .v4.archive #offers li.is-active img {
opacity: 1;
transition: all 0.32s cubic-bezier(0.54, 0.14, 0.62, 0.85);
}
.v4.home section#home-book-footer, .v4.home section#stay, .v4.home section#offers, .v4.home section#eat, .v4.home section#spa, .v4.home section#experiences, .v4.home section#excursions, .v4.home section#diving, .v4.home section#review-section {
display: none !important;
}
.v4 div#splide-offers-new{
max-width: 1216px;
margin: 0 auto;
}
.v4 div#splide-offers-new ul.splide__list, .v4.archive #offers ul.splide__list {
gap: 24px;
justify-content: center;
flex-wrap: wrap;
}
.v4.archive #offers ul.splide__list {
justify-content: left;
}
.v4 span.separator {
border-bottom: 1px solid #D6D6D6;
padding-bottom: 56px;
margin-bottom: 56px;
display: block;
}
.v4 section#banner {
background: #f4f5f7 !important;
}
.v4 .site-footer.footer-bar-active.footer-bar-align-right .copyright-bar {
position: absolute;
}
.v4 .footer-bar {
width: 100%;
}
.v4 aside#block-7 {
display: flex;
justify-content: space-between;
}
.v4 ul.footer-menu-items {
display: flex !important;
gap: 32px;
}
.v4 ul.footer-menu-items li {
margin: 0px;
}
.v4 ul.footer-menu-items li a {
text-decoration: none;
font-size: 16px;
color: #a3a3a3;
font-weight: 300;
line-height: 24px;
}
.v4 div#splide-offers-new li a .tall-card-title, .v4.archive #offers li a .tall-card-title {
transition: all 0.32s cubic-bezier(0.54, 0.14, 0.62, 0.85);
flex-direction: column; }
.v4.archive #offers ul#splide-offers-list li a:hover .tall-card-title {
background: none !important;
}
.v4 div#splide-offers-new li a .tall-card-title p.by-line, .v4.archive #offers li a .tall-card-title p.by-line  {
max-height: 0px;
opacity: 0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; line-clamp: 2;
-webkit-box-orient: vertical;
height: 320px;
margin-top: 8px;
transition: all 0.32s cubic-bezier(0.54, 0.14, 0.62, 0.85);
}
.v4 div#splide-offers-new li a:hover .tall-card-title p.by-line, 
.v4.archive #offers li a:hover .tall-card-title p.by-line { transition: all 0.36s cubic-bezier(0.54, 0.14, 0.62, 0.85);
max-height: 56px;
opacity: 1;
}
.v4 div#wpadminbar {
display: none !important;
}
html.v4 {
margin-top: 0px !important;
}
.banner-video iframe {
pointer-events:none;
}
.v4.page div#page, .v4.single div#page, .v4.single-tribe_events #tribe-events-pg-template {
margin-top: 0px;
padding-top: 160px;
}
.lv4 div#page {
padding-top: 60px;
}
.v4 .banner-video .iframe-holder { height: 100%:
}
.v4 .banner-video { }
.v4 button#mute-toggle {
position: absolute;
bottom: 20px;
left: 20px;
padding: 10px 20px;
background-color: rgba(0, 0, 0, 0.7);
color: white;
border: none;
width: 36px;
height: 36px;
border-radius: 99px;
padding: 0px;    cursor: pointer;
opacity: .7;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.15s cubic-bezier(0.42, 0, 0.19, 0.97);
}
.v4 button#mute-toggle svg {
width: 16px;
height: 16px;
}
.v4 button#mute-toggle:hover {
transform: scale(1.05);
opacity: 1;
transition: all 0.3s cubic-bezier(0.42, 0, 0.19, 0.97);
}
.v4 button#mute-toggle svg path {
fill: #fff;
}
body:not(.home) header#main-header.v4-header {
border-bottom: 1px solid #F5F5F5;
}
.v4 .breadcrumbs {
padding: 16px 0;
gap: 12px;
margin: 0px;
}
.v4 .main-room-area {
position: relative;
padding-top: 54px;
padding-bottom: 98px;
}
.v4 .title-area {
display: flex;
flex-direction: column;
gap: 8px;
}
.v4 .title-area h1.inner-title {
font-family: Poppins;
font-size: 48px;
font-weight: 400;
line-height: 57.6px;
letter-spacing: -0.02em;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #141414;
}
.v4 .title-area h4 {
margin: 0px;
font-family: Poppins;
font-size: 20px;
font-weight: 300;
line-height: 28px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #141414;
}
.v4.home div#page {
padding-top: 40px;
}
.v4 .banner-area {
padding-top: 24px;
margin-bottom: 56px;
position: relative;
gap: 16px;
}
.v4 .banner-area li.banner-slide {
list-style-type: none;
}
.v4 .banner-area {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 16px;
grid-row-gap: 16px;
aspect-ratio: 1216 / 560;
height: auto;
}
.v4 .content-with-sidebar {
display: flex;
justify-content: space-between;
}
.v4 .banner-area li.banner-slide:first-child { grid-area: 1 / 1 / 3 / 3; }
.v4 .banner-area li.banner-slide:nth-child(2) { grid-area: 1 / 3 / 2 / 4; }
.v4 .banner-area li.banner-slide:nth-child(3) { grid-area: 2 / 3 / 3 / 4; }
.v4 .banner-area li.banner-slide img {
width: 100%;
height: 100%;
object-fit: cover;
}
.v4 .content-with-sidebar .floating-sidebar {
width: 100%;
max-width: 493px;
position: sticky;
top: 124px;
height: fit-content;
}
.v4 .main-room-area:before {
content: "";
position: absolute;
width: 100vw;
background: url(https://oagaresorts.com/wp-content/uploads/2024/12/room_lines.png);
height: auto !important;
z-index: -1;
left: 50%;
transform: translateX(-50%);
top: 0;
background-size: 100%;
opacity: 0.7;
aspect-ratio: 1600 / 824;
}
.v4 .breadcrumbs span, .hoara-header .breadcrumbs span {
color: #A3A3A3 !important;
padding: 0 4px 0 6px !important;
}
.v4 .content-with-sidebar .room-content {
max-width: 720px;
gap: 64px;
display: flex;
flex-direction: column;
}
.v4 .content-with-sidebar .room-content > div {
padding: 0px;
}
.v4 .content-with-sidebar .room-content .main-description p {
font-family: Poppins;
font-size: 18px;
font-weight: 300;
line-height: 28px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #424242;
}
.v4 .content-with-sidebar .room-content h3 {
font-family: Poppins;
font-size: 36px;
font-weight: 400;
line-height: 46.8px;
letter-spacing: -0.02em;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
margin-bottom: 16px;
color: #E00059;
}
.v4 .content-with-sidebar .room-content .recommended-for ul li, .v4 .content-with-sidebar .room-content .recommended-for ul li {
font-family: Poppins;
font-size: 18px;
font-weight: 400;
line-height: 28px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #424242;
margin-bottom: 12px;
}
.v4 .content-with-sidebar .room-content .main-description p:last-child {
margin-bottom: 0px;
}
.v4 .content-with-sidebar .room-content .recommended-for ul li:last-child, .v4 .content-with-sidebar .room-content .recommended-for ul:last-child {
margin-bottom: 0px;
}
.v4 .about-room .body {
padding: unset;
}
.v4 .content-with-sidebar .room-content .faq-section {
margin-top: 0px;
}
.v4 details.section-toggler summary::marker {
display: none !important;
}
.v4 details.section-toggler summary {
list-style-type: none;
}
.v4 .toggle-section {
transition: all 0.34s cubic-bezier(0, 0, 0, 0.91);
}
.v4 .toggle-section-div {
box-sizing: border-box;
max-height: 0;
overflow: hidden;
opacity: 0;
transition: all 0.34s cubic-bezier(0, 0, 0, 0.91);
}
.v4 .toggle-section.is-open .toggle-section-div {
max-height: 2000px;
opacity: 1;
padding-top: 4px;
transition: all 0.34s cubic-bezier(0, 0, 0, 0.91);
}
.v4 .faq-list {
gap: 24px;
margin-top: 8px;
}
.v4 .content-with-sidebar .room-content .about-room {
padding: unset !important;
}
.v4 .room-amenities ul.amenities li {
font-family: Poppins;
font-size: 18px;
font-weight: 300;
line-height: 28px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #424242 !important;
}
.v4 .room-amenities ul.amenities {
padding-top: 2px;
}
.v4 .content-with-sidebar .room-content .recommended-for ul {
margin-left: 32px;
}
.v4 .faq-list details > div {
font-family: Poppins;
font-size: 18px;
font-weight: 400;
line-height: 28.8px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #424242;
padding: 0px;
padding-top: 4px;	
}
.v4 .faq-list details {
overflow: hidden;
transition: all 0.28s cubic-bezier(0.42, 0, 0.19, 0.97);
}
.v4 .faq-list details .animated-content {
height: 0;
overflow: hidden;
transition: all 0.28s cubic-bezier(0.42, 0, 0.19, 0.97);
}
.v4 .animated-details[open] .content {
height: auto; overflow: hidden; transition: all 0.28s cubic-bezier(0, 0, 0, 0.91);
}
.v4 .faq-list details[open], .v4 .faq-list details:hover {
transition: all 0.28s cubic-bezier(0, 0, 0, 0.91);
}
.v4 .content-with-sidebar .room-content .faq-section h3 {
margin-bottom: 24px;
}
.v4 .content-with-sidebar .room-content .faq-section details[open] {
}
.v4 .content-with-sidebar .room-content .faq-section details h4 {
padding-left: 0px;
padding-right: 32px;
}
.v4 .content-with-sidebar .room-content .faq-section details {
padding: 0px
}
.v4 .book-room-widget { display: flex;
flex-direction: column;
}
.v4 .book-room-widget-content {
gap: 24px;
padding: 24px 32px;
display: flex;
flex-direction: column;
border: 1px solid #E5E5E5;
border-top: 0px;
}
.v4 span.line-divider {
height: 1px;
background: #D6D6D6;
display: block;
}
.v4 .book-room-widget-texts {
display: flex;
flex-direction: column;
gap: 8px;
}
.v4 .book-room-widget-texts h2 {
margin: 0px;
font-family: Poppins;
font-size: 30px;
font-weight: 400;
line-height: 36px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #141414;
}
.v4 .book-room-widget-texts h4 {
margin: 0px;
font-family: Poppins;
font-size: 18px;
font-weight: 300;
line-height: 28px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #141414;
}
.v4 .book-room-widget-content a.round-button {
background: #FFBD00;
padding: 9px 0;
text-align: center;
border-radius: 24px;
font-family: Poppins;
font-size: 14px;
font-weight: 500;
line-height: 20px;
text-underline-position: from-font;
text-decoration-skip-ink: none;
text-decoration: none;
color: #141414;
transition: all 0.14s cubic-bezier(0.42, 0, 0.19, 0.97);
}
.v4 .book-room-widget-content a.round-button:hover {
color: #fff;
background: #000 !important;
transition: all 0.2s cubic-bezier(0, 0, 0, 0.91);
}
.v4 .book-room-widget img {
aspect-ratio: 493 / 260;
width: 100%;
height: auto;
}
.v4 span.faq-icon svg {
color: #737373;
width: 24px;
height: 24px;
}
.v4 span.faq-icon {
left: unset;
right: 0px;
height: 24px;
top: 50%;
transform: translateY(-50%);
}
.v4 .toggle-div details {
overflow: hidden; }
.v4 .toggle-div summary {
display: block; }
.v4 .toggle-div summary::-webkit-details-marker {
display: none; }
.v4 .toggle-div div.detail-content { 
box-sizing: border-box;
max-height: 0;
overflow: hidden;
opacity:0;
padding-top: 4px;
transition: all 0.34s cubic-bezier(0, 0, 0, 0.91);
}
.v4 .toggle-div details[open] + div.detail-content {
max-height: 720px; opacity: 1;
padding-top: 4px;
transition: all 0.34s cubic-bezier(0, 0, 0, 0.91);
}
.v4 .toggle-div {
background: #F5F5F5;
padding: 24px;
border-radius: 24px;
border: 1px solid #F5F5F5;
}
.v4 .toggle-div {
background: #F5F5F5;
padding: 24px;
border-radius: 24px;
border: 1px solid #F5F5F5;
transition: all 0.34s cubic-bezier(0, 0, 0, 0.91);
}
.v4 .toggle-div.is-open {
transition: all 0.34s cubic-bezier(0, 0, 0, 0.91);
background: #FFF; border: 1px solid #FF009B; }
.v4 .toggle-section details.section-toggler + div.toggle-section-div {
max-height: 0px; opacity: 0;
transition: all 0.28s cubic-bezier(0, 0, 0, 0.91);
margin-bottom: 0;
}
.v4 .toggle-section details.section-toggler[open] + div.toggle-section-div {
max-height: 2000px; opacity: 1;
transition: all 0.44s cubic-bezier(0, 0, 0, 0.91);
}
.v4 .toggle-section details.section-toggler h3 {
display: flex;
align-items: center;
gap: 16px;
cursor: pointer;
justify-content: space-between;
}
.v4 .toggle-div .faq-icon svg {
transition: all 0.18s cubic-bezier(0, 0, 0, 0.91);
}
.v4 .toggle-div:hover .faq-icon svg {
color: #343434;
transition: all 0.24s cubic-bezier(0, 0, 0, 0.91);
}
.v4 .toggle-section details.section-toggler h3 span.toggle-icon path {
transition: all 0.18s cubic-bezier(0, 0, 0, 0.91);
}
.v4 .toggle-section details.section-toggler h3:hover span.toggle-icon path {
transition: all 0.24s cubic-bezier(0, 0, 0, 0.91);
stroke: #343434;
}
.v4 .toggle-section details.section-toggler > summary > h3 > span > svg {
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
}
.v4 .toggle-section details.section-toggler[open] > summary > h3 > span > svg {
transform: rotateZ(180deg);
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
}
.v4 .toggle-section {
max-width: unset;
}
.v4 a#show-all-photos {
position: absolute;
right: 24px;
bottom: 24px;
background: #FFFFFF;
box-shadow: 0px 1px 2px 0px #1018280D;
border-radius: 20px;
padding: 9px 17px 9px 15px;
display: flex;
font-family: Poppins;
font-size: 14px;
font-weight: 500;
line-height: 20px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #141414;
text-decoration: none;
gap: 8px;
align-items: center;
cursor: pointer;
transition: all 0.18s cubic-bezier(0, 0, 0, 0.91);
}
.v4 button.close {
font-size: 0px;
}
.v4 .lightbox img {
transition: opacity 0.18s cubic-bezier(0, 0, 0, 0.91);
}
.v4 button.arrowr, .v4 button.arrowl {
font-size: 0px;
}
.v4 a#show-all-photos path {
transition: all 0.18s cubic-bezier(0, 0, 0, 0.91);
}
.v4 a#show-all-photos:hover path {
transition: all 0.24s cubic-bezier(0, 0, 0, 0.91);
stroke: #fff;
}
.v4 a#show-all-photos:hover {
background: #141414;
color: #fff;
transition: all 0.24s cubic-bezier(0, 0, 0, 0.91);
}
.v4 .breadcrumbs a:hover {
color: #737373 !important;
}
.v4 .lightbox {
z-index: 99999999;
}
.v4 button.splide__arrow.splide__arrow--prev.arrowl, .v4 button.splide__arrow.splide__arrow--next.arrowr {
background: #f5f5f5 !important;
opacity: 1 !important;
width: 48px;
height: 48px;
border-radius: 99px;
padding: 0px !important;
transition: all 0.3s cubic-bezier(0.42, 0, 0.19, 0.97);
pointer-events: all;
}
.v4 button.splide__arrow.splide__arrow--next.arrowr {
position: absolute;
right: 24px;
}
.v4 button.splide__arrow.splide__arrow--prev.arrowl {
position: absolute;
left: 24px;
}
.v4 button.splide__arrow.splide__arrow--prev.arrowl svg {
background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><!--Generated by IJSVG (https://github.com/iconjar/IJSVG)--><g stroke-linecap="round" stroke-width="1.5" stroke="%23323232" fill="none" stroke-linejoin="round"><path d="M19,12h-14"></path><path d="M14,17l5,-5"></path><path d="M14,7l5,5"></path></g><path fill="none" d="M0,0h24v24h-24Z"></path></svg>');
background-repeat: no-repeat;
background-position: center;
stroke: none;
width: 32px;
transform: rotate(180deg);
height: 32px;
}
.v4 button.splide__arrow.splide__arrow--next.arrowr svg {
background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><!--Generated by IJSVG (https://github.com/iconjar/IJSVG)--><g stroke-linecap="round" stroke-width="1.5" stroke="%23323232" fill="none" stroke-linejoin="round"><path d="M19,12h-14"></path><path d="M14,17l5,-5"></path><path d="M14,7l5,5"></path></g><path fill="none" d="M0,0h24v24h-24Z"></path></svg>');
background-repeat: no-repeat;
background-position: center;
stroke: none;
width: 32px;
height: 32px;
}
.v4 .mini-gallery { }
.v4 .close:after, .v4 .close:before {
background: #323232;
width: 2px;
transition: all 0.3s cubic-bezier(0.42, 0, 0.19, 0.97);
}
.v4 .lightbox .splide__arrows {
height: 100%;
position: absolute;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
pointer-events: none;
}
.v4 button.close {
font-size: 0px;
width: 48px;
height: 48px;
background: #f5f5f5;
border: none;
margin: 20px;
transition: all 0.3s cubic-bezier(0.42, 0, 0.19, 0.97);
}
.v4 button.splide__arrow.splide__arrow--prev.arrowl, .v4 button.splide__arrow.splide__arrow--next.arrowr {
transition: all 0.3s cubic-bezier(0.42, 0, 0.19, 0.97);
transition: all 0.3s cubic-bezier(0.42, 0, 0.19, 0.97);
}
.v4 button.splide__arrow.splide__arrow--prev.arrowl:hover, .v4 button.splide__arrow.splide__arrow--next.arrowr:hover, .v4 button.close:hover {
background: #8b26d4 !important;
transition: all 0.32s cubic-bezier(0, 0, 0.57, 0.31);
}
.v4 button.splide__arrow.splide__arrow--prev.arrowl:hover svg, .v4 button.splide__arrow.splide__arrow--next.arrowr:hover svg {
filter: invert(1) brightness(2);
transition: all 0.32s cubic-bezier(0, 0, 0.57, 0.31);
}
.v4 button.close:hover:before, .v4 button.close:hover:after {
background: #fff;
transition: all 0.32s cubic-bezier(0, 0, 0.57, 0.31);
}
.v4 #mini-gallery-popup {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
z-index: 9999999;
}
.v4 .popup-gallery img {
cursor: pointer;
transition: transform 0.3s;
}
.v4 .popup-gallery img:hover {
}
.v4 .popup-gallery img {
width: 100%;
height: 100%;
}
.v4 .popup-content {
background: #fff;
padding: 0px;
max-width: 100%;
max-height: 100%;
overflow-y: auto;
border-radius: 0px;
display: flex;
width: 100%;
height: 100%;
justify-content: center;
}
.v4 .popup-gallery img {
pointer-events: all;
}
.v4 button.close.go-back:before, .v4 button.close.go-back:after {
display: none;
}
.v4 button.close.go-back {
background: #fff0;
right: unset;
left: calc(50vw - 380px);
margin: 20px 0px;
padding:0px;
width: 36px;
}
.v4 button.close.go-back:hover {
transform: translateX(-8px);
background: #fff0 !important;
}
.v4 button.close.go-back svg {
background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><!--Generated by IJSVG (https://github.com/iconjar/IJSVG)--><g stroke-linecap="round" stroke-width="1.5" stroke="%23323232" fill="none" stroke-linejoin="round"><path d="M19,12h-14"></path><path d="M14,17l5,-5"></path><path d="M14,7l5,5"></path></g><path fill="none" d="M0,0h24v24h-24Z"></path></svg>');
background-repeat: no-repeat;
background-position: center;
stroke: none;
width: 32px;
transform: rotate(180deg);
height: 32px;
}
.v4 button.close.go-back:after {
display: none;
}
.v4 .mini-gallery-header {
display: flex;
width: 100%;
height: 88px;
position: absolute;
background: #fff;
z-index: 1;
}
.v4 .popup-gallery {
border-radius: 0px;
display: flex;
flex-wrap: wrap;
width: 100%;
gap: 8px;
padding: 88px 0;
height: fit-content;
padding-left: calc(50vw - 380px);
padding-right: calc(50vw - 380px);
pointer-events: none;
}
.v4 .popup-gallery img:nth-of-type(3n+1) {
object-fit: cover;
width: 100%;
aspect-ratio: 1.25 / 1;
height: auto;
}
.v4 .mini-gallery img {
transition: all 0.18s cubic-bezier(0, 0, 0, 0.9);
}
.v4 .mini-gallery img:hover {
transition: all 0.28s cubic-bezier(0, 0, 0.57, 0.31);
}
.v4 .popup-gallery img:nth-of-type(3n+3), .v4 .popup-gallery img:nth-of-type(3n+2) {
object-fit: cover;
width: calc(50% - 4px);
height: auto;
aspect-ratio: 1.25 / 1;
}
.v4 .mini-gallery img:hover {
filter: brightness(.7);
}
.v4 .content-with-sidebar {
gap: 48px;
}.v4 .content-with-sidebar .floating-sidebar {
min-width: 320px;
}
.v4 div#page {
padding-top: 160px;
}
body.archive.v4 {
background: none !important;
}
.v4.archive section#home-stay {
padding: 112px 0;
}
.v4.archive div#page-title {
padding-top: 0px;
}
.v4.archive .title-section {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 4px;
margin-bottom: 80px;
}
.v4.archive .section-desc {
max-width: 925px;
width: 100%;
}
.v4.archive .section-desc p {
text-align: center !important;
max-width: 100% !important;
font-family: 'Poppins';
font-size: 24px !important;
font-weight: 300;
line-height: 33.6px !important;
text-underline-position: from-font;
text-decoration-skip-ink: none;
}
.v4.archive div#page-title p.section-title {
font-family: Poppins;
font-size: 60px;
font-weight: 400;
line-height: 72px;
letter-spacing: -0.02em;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
}
.v4.archive ul.splide__list li.room-card {
height: auto !important;
aspect-ratio: 600 / 480;
}
.v4.archive #home-stay div#page-title p {
text-align: center !important;
max-width: 100%;
width: 100%;
}
.v4.archive ul.splide__list li.room-card {
width: 100% !important;
max-width: calc(50% - 12px) !important;
overflow: hidden !important;
}
.v4.archive ul.splide__list li.room-card a {
position: relative !important;
}
.v4.archive.post-type-archive-rooms #home-stay div#page-title p.section-title-small {
color: #FF7900 !important;
}
.v4.archive.post-type-archive-rooms #home-stay {
overflow: visible;
}
.v4.archive.post-type-archive-rooms #home-stay:before {
content: "";
position: absolute;
width: 100vw;
background: url(https://oagaresorts.com/wp-content/uploads/2024/12/room_lines.png);
height: auto !important;
z-index: -1;
left: 50%;
transform: translateX(-50%);
top: 0;
background-size: 100%;
aspect-ratio: 1600 / 824;
opacity: .7;
}
.lv4 section#home-more-section.v4-more-section p.section-title {
display: flex
;
}
.v4.archive.post-type-archive-rooms .page-content h2, .v4.archive.post-type-archive-rooms .page-content h2 span {
color: #FF7900;
}
.lv4 section#home-more-section.v4-more-section {
border-top: 1px solid #E5E5E5;
}
.v4 .page-content {
margin: 80px auto !important;
max-width: 800px;
}
.v4 .page-content h2:not(:first-child) {
margin-top: 64px;
border-top: 1px solid #D6D6D6;
max-width: 100%;
padding-top: 64px;
margin-bottom: 16px;
font-family: Poppins;
font-size: 36px;
font-weight: 400;
line-height: 46.8px;
letter-spacing: -0.02em;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
}
.v4 .page-content h2:not(:first-child) {
margin-top: 64px;
border-top: 1px solid #D6D6D6;
}
.v4.archive.post-type-archive-rooms #home-stay {
padding-bottom: 0px;
}
.v4 .page-content p {
max-width: 100%;
font-family: Poppins;
font-size: 18px;
font-weight: 300;
line-height: 28px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
}
.v4 section#offers {
background: none;
padding: 112px 0 80px !important;
position: relative;
}
.v4.archive section#offers {
border-bottom:0px;
}
.v4.archive #offers .page-content {
margin-top: 92px !important;
margin-bottom: 56px !important;
}
.v4.archive #offers .page-content p {
color: #424242 !important;
}
.v4.archive #offers .page-content h2, .v4.archive #offers .page-content h2 span {
color: #ff009b;
}
.v4.archive #offers .page-content h2 {
font-family: Poppins;
font-size: 36px;
font-weight: 400;
line-height: 46.8px;
letter-spacing: -0.02em;
text-align: left !important;
text-underline-position: from-font;
text-decoration-skip-ink: none;
}
.v4.archive section#offers:before {
content: "";
position: absolute;
width: 100vw;
background: url(https://oagaresorts.com/wp-content/uploads/2024/12/room_lines.png);
height: auto !important;
z-index: -1;
left: 50%;
transform: translateX(-50%);
top: 0;
background-size: 100%;
aspect-ratio: 1600 / 824;
opacity: .7;
}
.v4.archive div#page-title p.section-title-small {
font-size: 18px !important;
line-height: 28px !important;
}
.v4.archive #page-title p, .v4.archive #page-title h1 span {
font-size: 60px !important;
font-weight: 400 !important;
line-height: 72px !important;
letter-spacing: -0.02em !important;
text-align: center !important;
color: #141414 !important;
}
.v4.archive.post-type-archive-offers div#page-title p.section-title-small {
color: #ff009b !important;
font-weight: 500 !important;
}
.v4.post-type-archive-offers div#page-title {
margin-bottom: 0px;
}
.v4.post-type-archive-offers .title-section {
margin-bottom: 56px !important;
}
.v4 ul#splide-offers-list li {
aspect-ratio: 389.33 / 422;
height: auto !important;
}
.v4 .countdowner-badge {
z-index: 1;
background: #121212;
color: #fff !important;
border-radius: 99px;
display: flex;
padding: 8px 12px;
width: fit-content;
gap: 4px;
}
.v4 .countdowner-badge i {
align-items: center;
display: flex;
}
.v4 span.countdowner, .v4 span.countdownerMobile {
gap: 4px;
display: flex;
}
.v4 .countdowner-badge span.countdowner, .v4 .countdowner-badge span.countdownerMobile {
display: flex;
font-family: Poppins;
font-size: 18px;
font-weight: 600;
line-height: 28px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #000;
}
.v4 .countdowner-badge svg path {
stroke: #000;
}
img.hoara-banner-logo {
position: absolute;
top: -144px;
left: 50%;
transform: translateX(-50%);
}
section.hoara-header.grid-container.container {
margin-bottom: 104px;
}
.hoara-container .title-area {
margin-top: 132px;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.hoara-container .title-area h1.inner-title {
font-family: 'Archivo';
font-size: 60px;
font-weight: 800;
line-height: 72px;
letter-spacing: -0.02em;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #141414;
margin-bottom: 8px;
}
.page-template-hoara-template .header-logo, .page-template-hoba-template .header-logo {
width: 230px;
}
.hoba-banner {
gap: 24px;
padding-top: 84px;
display: flex
;
justify-content: center;
flex-direction: column;
align-items: center;
background-size: auto 640px;
background-position: bottom;
}
.hoba-banner img {
max-width: 317px;
}
section.hoba-header .description-area {
padding: 216px 16px;
}
section.hoba-header .description-area p {
margin: 0px;
font-family: Poppins;
font-weight: 300;
font-size: 18px;
line-height: 28px;
letter-spacing: 0%;
color: #fff;
max-width: 488px;
}
section.hoba-header .description-area { display: flex
;
flex-direction: column;
gap: 32px;
}
section.hoba-header {
background-size: auto 772px;
background-position: right;
background-repeat: no-repeat;
background-color: #060604;
}
.hoba-banner p {
color: #fff;
font-family: Georgia Pro;
font-weight: 400 !important;
font-style: italic;
font-size: 24px;
line-height: 40px;
letter-spacing: -0.02em;
text-align: center;
margin-bottom: 8px;
}
.lv4.page-template-hoara-template div#page, .page-template-hoba-template div#page {
padding-top: 160px;
} .hoara-banner img.hoara-banner-logo {
width: 100%;
height: 100%;
object-fit: cover;
}
.hoara-header .breadcrumbs {
padding-top: 32px;
}
.page-template-hoara-template .header-logo a, .page-template-hoba-template .header-logo a {
position: relative;
width: 110px;
height: 68px;
}
.page-template-hoara-template .header-logo a:before, .page-template-hoba-template .header-logo a:before {
content: "";
width: 1.5px;
height: 48px;
background: #F15353;
position: absolute;
top: 10px;
right: -25.5px;
}
.page-template-hoara-template .header-logo a:after {
content: "";
width: 68px;
height: 68px;
position: absolute;
display: block;
background: url(https://oagaresorts.com/wp-content/themes/oaga-child/images/hoara-header-logo.png);
background-size: contain;
top: 0;
right: -118px;
}
.page-template-hoba-template .header-logo a:after {
content: "";
width: 68px;
height: 68px;
position: absolute;
display: block;
background: url(https://oagaresorts.com/wp-content/themes/oaga-child/images/hoba%20icon.png);
background-size: contain;
background-repeat: no-repeat;
top: 0;
right: -118px;
}
.price-bar p {
font-family: Archivo;
font-size: 14px;
font-weight: 400;
line-height: 16.8px;
letter-spacing: -0.02em;
text-underline-position: from-font;
text-decoration-skip-ink: none;
margin: 0px;
text-align: center;
color: #737373;
}
.hoara-header {
text-align: center;
margin-bottom: 40px;
}
.hoara-category {
padding-bottom: 160px;
}
.price-bar {
background: #FAFAFA;
padding: 16px;
z-index: 1;
}
.hoara-banner img {
width: 100%;
height: 100%;
object-fit: cover;
}
.hoara-category-header img.hoara-icon {
width: 50px;
height: 50px;
margin-right: 10px;
}
.hoara-activities {
gap: 20px;
}
.hoara-category .splide__arrows.splide__arrows--ltr {
display: flex
;
top: calc(50% - 44px);
position: absolute;
width: 100%;
height: 56px;
justify-content: space-between;
}
.hoara-category .splide__arrows.splide__arrows--ltr .splide__arrow--prev {
left: 84px;
}
.hoara-category .splide__arrows.splide__arrows--ltr .splide__arrow--next {
right: 84px;
}
.hoara-category .splide__arrows.splide__arrows--ltr .splide__arrow {
border: 1px solid #D6D6D6;
z-index: 1000;
position: relative;
width: 56px;
height: 56px;
background: #fff !important;
opacity: 0.3;
transition: all 0.18s cubic-bezier(0, 0, 0, 0.91);
}
.hoara-category .splide__arrows.splide__arrows--ltr .splide__arrow:hover:not(:disabled) {
opacity: 1;
transition: all 0.2s cubic-bezier(0, 0, 0, 0.91);
}
.hoara-category .splide__arrows.splide__arrows--ltr .splide__arrow svg {
display: none;
}
.hoara-activity > div{
width: 50%;
}
.hoara-category .splide__arrows.splide__arrows--ltr .splide__arrow.splide__arrow--prev:before {
content: "";
background:url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.33301 20.0007H31.6663M31.6663 20.0007L19.9997 8.33398M31.6663 20.0007L19.9997 31.6673" stroke="%23424242" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
width: 40px;
height: 40px;
}
.hoara-category .splide__arrows.splide__arrows--ltr .splide__arrow--prev::before {
transform: rotate(180deg);
}
.hoara-category .splide__arrows.splide__arrows--ltr .splide__arrow.splide__arrow--next:before {
content: "";
background:url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.33301 20.0007H31.6663M31.6663 20.0007L19.9997 8.33398M31.6663 20.0007L19.9997 31.6673" stroke="%23424242" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
width: 40px;
height: 40px;
}
.hoara-activity h3 {
color: #141414;
font-family: Archivo;
font-size: 40px;
font-weight: 700;
line-height: 48px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
margin-bottom: 8px;
}
.activity-timing {
margin-top: auto;
}
p.activity-pax {
color: #F15353;
font-family: Archivo;
font-size: 24px;
font-style: italic;
font-weight: 500;
line-height: 28.8px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
margin-bottom: 32px;
}
.activity-description p  {
font-family: Archivo;
font-size: 32px;
font-weight: 700;
line-height: 38.4px;
letter-spacing: -0.02em;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
margin: 0px;
color: #F15353;
}
.activity-description .smaller-text {
font-family: Archivo;
font-size: 20px;
font-weight: 700;
line-height: 32px;
letter-spacing: -0.02em;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
margin: 0px;
color: #F15353;
}
.activity-timing .smaller-text {
margin-bottom: 8px;
font-family: Archivo;
font-size: 18px;
font-weight: 500;
line-height: 24px;
letter-spacing: -0.02em;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #737373;
}
.hoara-category ul.splide__pagination.splide__pagination--ltr li {
height: 12px;
}
.hoara-category ul.splide__pagination.splide__pagination--ltr button.splide__pagination__page {
width: 12px;
height: 12px;
border-radius: 0px;
background: #D6D6D6;
margin: 0px;
}
.hoara-category ul.splide__pagination.splide__pagination--ltr button.splide__pagination__page.is-active {
background: #F15353;
transform: scale(1);
}
.hoara-category ul.splide__pagination.splide__pagination--ltr {
display: flex
;
position: relative;
margin-top: 35px;
bottom: 3px;
gap: 12px;
}
.activity-timing p {
margin-bottom: 8px;
font-family: Archivo;
font-size: 24px;
font-weight: 500;
line-height: 28.8px;
letter-spacing: -0.02em;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #737373;
}
.hoara-activity .description p {
font-family: Archivo;
font-size: 24px;
font-weight: 400;
line-height: 28.8px;
letter-spacing: -0.02em;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #737373;
margin-bottom: 0px;
}
.v4 .breadcrumbs a, .v4 .breadcrumbs p, .v4 #page-title .breadcrumbs a, .v4 #page-title .breadcrumbs p, .hoara-header .breadcrumbs a, .hoara-header .breadcrumbs p {
color: #A3A3A3 !important;
font-size: 14px !important;
line-height: 20px !important;
height: unset !important;
}
.hoara-container .title-area h4 {
font-family: Archivo;
font-size: 20px;
font-weight: 400;
line-height: 28px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
margin-bottom: 32px;
color: #141414;
}
.hoara-container .title-area h4 span.hoara-red {
color: #F15353;
}
.hoara-container .title-area p {
font-family: Archivo;
font-size: 20px;
font-weight: 400;
line-height: 28px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #737373;
}.hoar-category-header-content img {
margin: 0px !important;
width: 286px !important;
height: 286px !important;
object-fit: contain;
}
.hoar-category-header-content {
width: 100%;
max-width: 1216px;
margin: 0 auto;
align-items: center;
display: flex
;
justify-content: space-between;
}
.hoar-category-header-content .icon-container {
height: 86px;
display: flex
;
align-items: center;
justify-items: center;
}
.hoara-category-header {
background: #F15353;
}
.hoara-category:before {
content: "";
width: 100%;
height: 100%;
display: flex
;
background-color: #fff;
background-image: url(https://oagaresorts.com/wp-content/themes/oaga-child/images/hoara-bg.png);
position: absolute;
z-index: -1;
top: 86px;
background-size: 100%;
background-repeat: no-repeat;
}
.hoar-category-header-content h2 {
font-family: Archivo;
font-size: 32px;
font-weight: 800;
line-height: 38.4px;
letter-spacing: -0.02em;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #fff;
margin: 0;
}
.hoara-category {
position: relative;
z-index: 1;
background: white; }  .hoara-container {
position: relative;
overflow: hidden;
}
@media only screen and (min-width:1216px) {
.v4 section#banner {
padding-top: 180px !important;
margin-top: -100px;
aspect-ratio: 1217 / 684.56;
height: auto;
}
}
@media only screen and (max-width:1512px) {
.v4.archive section#offers .splide {
padding: 0 16px !important;
}
.v4 span.separator {
margin-left: 16px !important;
margin-right: 16px !important;
width: calc(100% - 32px) !important;
}
.v4-header .header-end {
right: 16px;
}
.lv4 div#gt_float_wrapper {
left: 16px;
}
.v4-header a#floating-logo {
left: 16px;
}
.v4 #home-stay button.splide__arrow.splide__arrow--prev {
left: 16px !important;
}
.v4 #home-stay button.splide__arrow.splide__arrow--next {
right: 16px !important;
}
}
@media only screen and (max-width:1464px) {
.v4 .breadcrumbs {
padding: 16px;
}.v4 .main-room-area {
padding-left: 16px;
padding-right: 16px;
}
.v4 #home-stay ul#splide-stay-list li:first-child { }
.v4 .site-footer.footer-bar-active.footer-bar-align-right, .v4 section#home-more-section {
padding-left: 20px !important;
padding-right: 20px !important;
}
.v4 #home-stay ul#splide-stay-list li:last-child {
width: 800px !important;
}
}
@media only screen and (max-width:1440px) {
.web-v3 .splide__arrow--prev {
left: 20px!important;
scale: 1!important;
}
.web-v3 .splide__arrow--next {
right: 20px!important;
scale: 1!important;
}
}@media only screen and (max-width:1400px) {
section#home-rooms .room-image {
width: 100%}
section#home-rooms .tab section.tabs {
max-width: 49%}
section#home-rooms .tab nav {
max-width: 46%}
.about-room .body {
padding: 1rem;
margin: 0 -.5rem;
}
}@media only screen and (max-width:1264px) {
section.hoara-header.grid-container.container {
padding: 0 16px;
}
.v4 div#splide-offers-new {
padding: 0 16px;
}
.v4 #home-stay ul#splide-stay-list li:last-child a {
width: 100%;
}
.v4 #home-stay .room-card, .v4 #home-stay ul#splide-stay-list li:last-child {
width: 70vw !important;
height: auto;
aspect-ratio: 800 / 480;
}
.v4 .parallax-cards {
padding: 0 16px;
}
#stay .page-content {
padding-left: 16px;
padding-right: 16px;
}
.web-v3 .event-list-page {
padding: 1.5rem 16px;
}
.web-v3 .tribe-events-view .event-title-desc-area, .web-v3.archive section.archive-listing-section, .web-v3.blog section.archive-listing-section, .web-v3.post-type-archive-rooms div#page-title {
padding-left: 24px;
padding-right: 24px;
}
.web-v3.archive section#offers, .web-v3.archive section.archive-listing-section, .web-v3.blog section.archive-listing-section {
padding: 200px 24px 160px;
}
.web-v3 div#our-collaborators {
margin: 80px -24px 0;
padding: 60px 24px 140px;
}
div#title-and-book {
padding: 0 16px;
}
}@media only screen and (max-width:1216px) {
.web-v3 .splide, body.page-template-default div#page, body.page-template-default-template div#page {
overflow: hidden;
}
.glide_data .grid-container .title-area, .grid-container, .inside-header.grid-container, .logo-book-row, .related-rooms .about-room, .subscribe-bar-content.grid-container, section#home-about, section#home-featured {
padding-left: 1rem;
padding-right: 1rem;
}
.experiences-bg, section#banner {
width: calc(100% + 2rem);
margin: 0 -1rem;
}
div#title-and-book .banner-book-button {
bottom: unset!important;
}
div#banner-title h1 {
font-size: 40px;
line-height: 52px;
max-width: 480px;
}
div#title-and-book {
gap: 24px;
margin-top: -248px;
}
.web-v3 section#offers .grid-container p.section-title, .web-v3 section.card-list-section .grid-container p.section-title {
padding: 0 12px;
font-size: 52px;
}
body.web-v3.floating div#header-bar-logo-only .header-logo {
padding-right: 20px!important;
}
.post-type-archive-album div#page, .web-v3 .site-footer.footer-bar-active.footer-bar-align-right, body.web-v3.floating div#header-bar .header-bar-container.grid-container {
padding: 0;
}
.web-v3 div#header-bar, body.web-v3 div#header-bar-logo-only {
height: 60px;
}
.v4-header div#header-bar{
height: 44px;
}
.web-v3 div#header-bar-logo-only .header-bar-container.grid-container {
height: 100%}
.web-v3 .header-end, .web-v3 .header-logo {
width: 60px;
}
.web-v3 section#banner .splide {
height: 100%!important;
}
.web-v3 section#banner .banner-book-button {
bottom: 40px;
height: auto!important;
}
.web-v3 section#banner {
height: 600px!important;
margin: 0!important;
}
.v4 section#banner {
height: auto !important;
}
.web-v3 div#splide-banner-mobile-track, .web-v3 div#splide-banner-track {
HEIGHT: 100%!important;
}
.web-v3 .header-logo img {
object-fit: contain!important;
height: auto!important;
width: 100%!important;
margin-bottom: 4px;
}
.web-v3 .header-logo a {
height: 100%!important;
display: flex;
align-items: end;
}
body.web-v3.floating div#header-bar-logo-only img.small-floating-logo {
display: block!important;
width: 48px!important;
height: auto;
margin: 0;
}
.web-v3 .card-list-section ul.splide__list li a .tall-card-title span.support-text span.more-text {
margin-top: 8px;
font-size: 14px;
}
.web-v3 .card-list-section ul.splide__list li a .tall-card-title, .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide a .tall-card-title {
gap: 20px;
}
.web-v3 section#stay ul.splide__list li a .tall-card-title span.more-text {
margin-top: 16px;
font-size: 14px;
}
.web-v3 .card-list-section ul.splide__list li a .tall-card-title span.support-text {
gap: 4px;
gap: 6px;
}
.web-v3 .card-list-section ul.splide__list li a .tall-card-title p.card-title, .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide a .tall-card-title p.card-title, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide a .tall-card-title p.card-title {
font-size: 16px;
line-height: 20px!important;
}
.web-v3 ul#splide-offers-list li .tall-card-title {
padding: 12px 16px;
max-width: min(280px, calc(100% - 40px));
}
.web-v3 section#home-more-section .footer-big-menu ul#menu-footer-menu-big li a {
font-size: 16px!important;
padding: 16px 20px 15px!important;
}
.web-v3 .copyright-bar, .v4 ul.footer-menu-items li a {
font-size: 14px!important;
}
.v4 ul.social-icons a i {
width: 20px !important;
height: 20px !important;
background-size: contain !important;
}
.web-v3 div#header-bar nav.main-nav-center a {
font-size: 16px;
padding: 16px 12px;
display: flex;
align-items: center;
}
.v4-header div#header-bar nav.main-nav-center a {
font-size: 14px;
color: #000;
padding: 0 12px;
}
.web-v3 .splide {
max-width: min(1216px, 100%);
}
.web-v3 section#stay ul.splide__list li a .tall-card-title .card-title {
font-size: 28px;
line-height: 150%}
.web-v3 section#home-more-section .section-title {
font-size: 52px;
}
.web-v3 .banner-book-button {
bottom: 40px;
}
.web-v3 .card-list-section ul.splide__list li a .tall-card-title p.card-title, .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide a .tall-card-title p.card-title {
font-size: 20px;
line-height: 24px;
}
.web-v3 section#home-book-footer {
padding: 60px 0;
}
.web-v3 section#home-book-footer .section-title {
font-size: 52px;
line-height: 150%;
margin-bottom: 40px;
}
.web-v3 .card-list-section ul.splide__list li a img {
height: 180px;
}
.web-v3 .card-list-section ul.splide__list li a .tall-card-title span.support-text p, .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide a .tall-card-title span.support-text p {
font-size: 14px;
line-height: 20px;
}
.web-v3 .card-list-section ul.splide__list li, .web-v3 ul#splide-offers-list li {
height: auto!important;
width: calc(100%/3 - 20px)!important;
aspect-ratio: 390/540;
}
.web-v3 a.square-button.big-button {
font-size: 24px;
padding: 12px 36px;
}
.web-v3 ul#splide-offers-list li .tall-card-title p.card-title {
font-size: 18px;
line-height: 26px;
}
.web-v3 .splide__arrow--prev {
left: 20px!important;
scale: 1!important;
}
.web-v3.rtl .splide__arrow--prev {
right: 20px!important;
left: unset!important;
scale: 1!important;
}
.web-v3 .splide__arrow--next {
right: 20px;
scale: 1!important;
}
.web-v3.rtl .splide__arrow--next {
right: unset!important;
left: 20px;
scale: 1!important;
}
.post-type-archive-eat .big-cards .big-card {
height: 900px;
}
img.room-arwork.room-arwork2 {
bottom: -320px;
}
section#home-featured {
margin: 0 -1rem;
}
img.about-artwork.about-artwork-desktop {
width: 1240px;
left: -420px;
}
.site-footer.footer-bar-active.footer-bar-align-right .inside-site-info.grid-container {
margin-left: 1rem;
margin-right: 1rem;
padding-left: 0;
padding-right: 0;
}
section#home-about {
margin-left: -1rem;
margin-right: -1rem;
}
.infinite-slider #slides {
row-gap: 6rem;
max-width: 1614px;
}
.related-rooms {
margin-bottom: 8rem;
}
.contact-bar {
max-width: calc(100vw - 1.5rem);
}
.offer-cards .offer-card {
height: auto;
aspect-ratio: 389/424;
}
.offer-detail-content {
padding-top: 4rem;
padding-bottom: 8rem;
}
.offer-detail-content .right-side .inclusions {
margin-top: 3.25rem;
}
.post-type-archive-offers section#offer-listing, .post-type-archive-rooms #content.site-content, section#eat-listing {
padding-top: 5rem;
padding-bottom: 8rem;
}
section#home-rooms {
margin: 0 -1rem;
padding: 6.5rem 1rem;
}
section#home-offers {
margin: 0 -1rem;
padding: 5rem 1rem 8rem;
}
section#home-experiences {
padding-bottom: 9rem;
}
.glide .glide__arrows, main#scroll-cards {
padding: 0 1rem;
}
.related-rooms main#scroll-cards section.scroll-card {
max-width: calc(480px + 1.5rem);
}
.infinite-slider .slide .behind-polaroid, .infinite-slider .slide .card {
aspect-ratio: 390/536;
height: auto;
width: 330px;
}
#loaded-photos .polaroid-cards>div {
aspect-ratio: 390/536;
height: 100%;
width: 330px;
}
.infinite-slider .slide .polaroid-cards {
aspect-ratio: 510/536;
height: auto;
width: 450px;
}
#loaded-photos .polaroid-cards>div img, .infinite-slider .slide img {
width: 282px;
aspect-ratio: 324/440;
height: auto;
}
.post-type-archive-album .opened #page-title {
margin: 0 1rem;
}
div#loaded-photos .polaroid-card-thumbs {
width: 1024px;
grid-gap: 16.5px;
margin-top: calc(-456px + -2.5rem);
}
.infinite-slider .slide.opened .polaroid-cards .polaroid-0 {
transform: translate(calc(-138px - 120px - 28px), 8rem);
}
.infinite-slider .slide.opened .polaroid-cards .polaroid-1 {
transform: translate(calc(444.5px - 38px), 8rem);
}
.opened .infinite-slider #slides {
width: 1024px;
}
.infinite-slider .slide:nth-child(3n-2) .polaroid-cards {
margin-right: 3rem;
}
.infinite-slider .slide:nth-child(3n) .polaroid-cards {
margin-left: 3rem;
}
.infinite-slider .slide:nth-child(3n-2).opened .polaroid-cards .card {
left: 21px;
}
.infinite-slider .slide:nth-child(3n).opened .polaroid-cards .card {
left: 102px;
}
.infinite-slider .slide:nth-child(3n).opened .polaroid-cards .polaroid-0 {
transform: translate(calc(-98px - 120px - 28px), 8rem);
}
.infinite-slider .slide:nth-child(3n).opened .polaroid-cards .polaroid-1 {
transform: translate(calc(485.5px - 38px), 8rem);
}
.infinite-slider .slide:nth-child(3n-2).opened .polaroid-cards .polaroid-0 {
transform: translate(calc(-177px - 120px - 28px), 8rem);
}
.infinite-slider .slide:nth-child(3n-2).opened .polaroid-cards .polaroid-1 {
transform: translate(calc(406.5px - 38px), 8rem);
}
.event-list-page .tribe-common-l-container.tribe-events-l-container {
width: 524px;
}
.event-list-column {
max-width: 430px;
}
img.offers-artwork.offers-artwork1 {
width: 1550px;
top: -195px;
}
img.offers-artwork.offers-artwork2 {
bottom: -260px;
width: 1780px;
left: calc(608px - 1780px);
}
.web-v3.floating .header-logo a {
align-items: center;
}
body.web-v3.floating div#header-bar nav.main-nav-center a {
padding: 0 12px;
line-height: 48px;
}
.web-v3 div#inner-page .left-content {
width: 480px;
padding: 144px 72px 76px 54px;
}
.web-v3 div#inner-page .right-slider {
max-width: calc(100vw - 480px);
}
.v4-header .header-end {
width: auto !important;
}
.v4-header .header-logo {
width: 117px;
}
.v4 .banner-video .iframe-holder {
margin-top: 0px;
}
}
@media only screen and (max-width:1100px) {
.v4 section#home-stay {
padding: 120px 0 140px;
}
a.special-link img {
width: 136px;
}
.post-type-archive-eat .big-cards .big-card {
height: 936px;
}
#home-experiences .experiences-homegrid>div .experience-image {
width: 240px;
height: auto;
}
#home-experiences .experiences-homegrid .experiences-list {
flex-grow: 1;
}
img.room-arwork.room-arwork1 {
left: -280px;
top: -300px;
}
img.room-arwork.room-arwork2 {
bottom: -780px;
right: 0;
}
.logo-book-row .round-book a.get-a-room-btn, a.get-a-room-btn {
font-size: .75rem;
padding: .5rem .72rem;
}
.round-book a.offers-link {
font-size: .75rem;
}
.round-book .main-ctas {
gap: .75rem;
}
#quadmenu.quadmenu-generatepress .quadmenu-navbar-nav>li.quadmenu-item>a {
font-size: .75rem!important;
}
#quadmenu.quadmenu-is-horizontal.quadmenu-align-center .quadmenu-navbar-nav>li:not(:last-child) a>span:before {
top: 6px;
}
img.offers-artwork.offers-artwork1 {
width: 1420px;
top: -140px;
}
img.offers-artwork.offers-artwork2 {
width: 1600px;
left: calc(608px - 1680px);
}
img.about-artwork.about-artwork-desktop {
left: -460px;
}
}@media only screen and (max-width:1024px) {
.home-check-availability .availability-check {
max-width: 820px!important;
}
.featured-items>div, body.home .featured-items>div {
width: calc(50% - 2.25rem);
}
.page-template-faq-template #page-title h1 {
padding: 0;
}
.faq-list {
margin-top: 3rem;
}
.faq-map img {
margin-top: 1rem;
margin-bottom: 2rem;
}
.blog div#primary .site-main, .post-type-archive-journal div#primary .site-main, .tax-journal-type div#primary .site-main {
grid-template-columns: 1fr 1fr;
}
body.single-rooms div#page:before {
top: 440px;
}
#home-experiences .experiences-homegrid>div .experience-image {
width: 200px;
height: auto;
}
.infinite-slider .slide .behind-polaroid.rotate-1 {
transform: rotate(-2.79deg);
}
.infinite-slider .slide .behind-polaroid.rotate-2 {
transform: rotate(-6.79deg);
}
.infinite-slider .slide .behind-polaroid.rotate-3 {
transform: rotate(6.27deg);
}
.infinite-slider .slide .behind-polaroid.rotate-4 {
transform: rotate(2.86deg);
}
.infinite-slider .slide .behind-polaroid.rotate-5 {
transform: rotate(4.12deg);
}
.infinite-slider .slide .behind-polaroid.rotate-6 {
transform: rotate(-3.72deg);
}
.infinite-slider .slide .behind-polaroid.rotate-7 {
transform: rotate(-2.86deg);
}
.infinite-slider .slide .behind-polaroid.rotate-8 {
transform: rotate(3.2deg);
}
.infinite-slider .slide .behind-polaroid.rotate-9 {
transform: rotate(-4.1deg);
}
.infinite-slider .slide .behind-polaroid.rotate-10 {
transform: rotate(2.1deg);
}
.infinite-slider .slide .polaroid-cards {
aspect-ratio: 510/536;
height: auto;
width: 292px;
}
#loaded-photos .polaroid-cards>div, .infinite-slider .slide .behind-polaroid, .infinite-slider .slide .card {
width: 270px;
padding: 1rem 1rem 0;
}
.infinite-slider #slides {
row-gap: 4rem;
}
div#loaded-photos .polaroid-card-thumbs {
width: 880px;
grid-gap: 2.175rem;
margin-top: calc(-290px + -2.5rem);
}
.infinite-slider .slide .entry-content h1 {
padding-top: 0;
font-size: 1.75rem;
line-height: 1rem;
}
.opened .infinite-slider #slides {
width: 880px;
}
.infinite-slider .slide.opened .polaroid-cards .card {
left: 11px;
}
.infinite-slider .slide.opened .polaroid-cards .polaroid-0 {
transform: translate(calc(-146px - 120px - 28px), 8rem);
}
.infinite-slider .slide.opened .polaroid-cards .polaroid-1 {
transform: translate(calc(354px - 38px), 8rem);
}
.infinite-slider .slide:nth-child(3n-2).opened .polaroid-cards .card {
left: -84.5px;
}
.infinite-slider .slide:nth-child(3n-2).opened .polaroid-cards .polaroid-0 {
transform: translate(calc(-241px - 120px - 28px), 8rem);
}
.infinite-slider .slide:nth-child(3n-2).opened .polaroid-cards .polaroid-1 {
transform: translate(calc(259px - 38px), 8rem);
}
div#loaded-photos .polaroid-cards::after {
content: "";
flex: 0 1 270px;
}
.infinite-slider .wrapper {
padding-bottom: 5rem;
padding-top: 5.25rem;
}
.infinite-slider .slide:nth-child(3n).opened .polaroid-cards .card {
left: 106px;
}
.infinite-slider .slide:nth-child(3n).opened .polaroid-cards .polaroid-0 {
transform: translate(calc(-51px - 120px - 28px), 8rem);
}
.infinite-slider .slide:nth-child(3n).opened .polaroid-cards .polaroid-1 {
transform: translate(calc(448.5px - 38px), 8rem);
}
.post-type-archive-album section#offer-listing {
padding-top: 5rem;
}
.related-rooms {
margin-bottom: 6rem;
padding-top: 2.75rem;
}
.room-detail-content .right-side {
max-width: 340px;
}
.availability-check .row, .availability-check .row.pax {
flex-direction: column;
}
.home .availability-check .row {
flex-direction: row;
}
.related-rooms main#scroll-cards section.scroll-card {
max-width: calc(410px + 1.25rem);
height: 260px;
}
.related-rooms main#scroll-cards {
height: 260px;
gap: 1.25rem;
}
section.scroll-card a.room-item .entry-title {
font-size: 1.75rem;
line-height: 2rem;
}
.glide.full-width {
height: 540px;
}
a.room-item>div {
padding: 3rem 2.75rem;
}
section#home-rooms .room-image {
aspect-ratio: 540/420;
}
.big-cards .big-card .entry-content h1.entry-title {
font-size: 2rem;
}
.offer-cards .offer-card {
height: auto;
aspect-ratio: 340/424;
}
.offer-detail-content .left-side img.featured-image {
aspect-ratio: 493/560;
height: auto;
}
.offer-detail-content {
padding-top: 1.25rem;
padding-bottom: 5rem;
}
.post-type-archive-offers section#offer-listing, .post-type-archive-rooms #content.site-content, section#eat-listing {
padding-top: 4rem;
padding-bottom: 6rem;
}
.tribe-events-view .event-title-desc-area {
padding: 5.25rem 0 4.5rem;
}
.home-check-availability .availability-check input, .home-check-availability .availability-check label {
font-size: .75rem!important;
}
.home-check-availability .availability-check form {
gap: 2.5rem;
}
.home-check-availability .availability-check .row label .right-arrow {
margin: 0 .6rem;
}
.home-check-availability .availability-check .row.dates label .label {
padding-right: .75rem;
}
.home-check-availability .availability-check .row.pax .number {
gap: .25rem;
}
.glide_data .grid-container .title-area h1 {
font-size: 3.5rem;
}
.glide_data .grid-container .title-area h4 {
FONT-SIZE: 1rem;
line-height: 1.5rem;
}
.room-detail-content .description-features h1 {
font-size: 3.25rem!important;
}
.room-amenities ul.amenities li, .room-detail-content .description-features ul.features li {
font-size: 1rem;
line-height: 1.5rem;
}
.room-detail-content .description-features ul.features {
gap: 2rem;
}
.room-detail-content {
padding-top: 5rem;
gap: 3.5rem;
}
.page-template-faq-template #page-title h1, .post-type-archive-album #page-title h1, .post-type-archive-diving #page-title h1, .post-type-archive-eat #page-title h1, .post-type-archive-excursions #page-title h1, .post-type-archive-experiences #page-title h1, .post-type-archive-facilities #page-title h1, .post-type-archive-rooms #page-title h1, .post-type-archive-spa #page-title h1 {
font-size: 4rem;
padding-bottom: 2.5rem;
}
.page-content h2 {
font-size: 3rem;
}
.event-list-page {
gap: 32px;
}
.event-list-column {
max-width: 370px;
}
.event-list-page .tribe-common-l-container.tribe-events-l-container {
max-width: 480px;
}
.subscribe-bar .subscribe-bar-content.grid-container:after {
right: -160px;
}
img.about-artwork.about-artwork-desktop {
left: -500px;
}
.home #home-rooms div#page-title h1 {
font-size: 7.5rem;
}
.home #home-rooms div#page-title {
max-width: 410px;
}
section#home-rooms .tab nav {
padding-top: 310px;
}
}@media only screen and (max-width:940px) {
.v4.archive #home-stay div#page-title, 
.v4.archive #offers div#page-title  {
padding-top: 0px !important;
}
.v4.archive #home-stay, .v4.archive #offers {
padding-top: 32px !important;
}
body.web-v3.floating.ru div#header-bar nav.main-nav-center a {
font-size: 14px;
}
.web-v3 div#our-collaborators {
margin: 80px -16px 0;
padding: 60px 16px 140px;
}
.web-v3.archive section.archive-listing-section, .web-v3.blog section.archive-listing-section {
padding-left: 16px;
padding-right: 16px;
}
.web-v3.archive section#offers {
padding: 180px 16px 100px;
}
.web-v3.post-type-archive-rooms div#page-title {
padding-left: 16px;
padding-right: 16px;
padding-top: 200px;
}
.web-v3.archive section#stay {
padding-top: 20px;
}
.web-v3 div#inner-page .left-content {
width: 420px;
padding: 136px 52px 56px 44px;
}
.web-v3 div#inner-page .right-slider {
max-width: calc(100vw - 420px);
}
a.special-link img {
width: 116px;
}
.post-type-archive-eat .big-cards {
display: flex;
gap: 24px;
flex-direction: column;
}
.post-type-archive-eat .big-cards .big-card:first-child {
height: 840px;
}
.post-type-archive-eat .big-cards .big-card {
height: 750px;
}
#home-experiences .experiences-homegrid>div .experience-image {
width: 160px;
height: auto;
}
img.room-arwork.room-arwork1 {
width: 500px;
top: -220px;
}
img.room-arwork.room-arwork2 {
width: 600px;
right: 20px;
}
img.room-arwork.room-arwork3 {
width: 420px;
right: -200px;
}
img.offers-artwork.offers-artwork2 {
width: 1500px;
}
.logo-book-row a.get-a-room-btn {
font-size: .65rem;
padding: .4rem .575rem;
}
.main-ctas {
gap: .475rem;
}
#quadmenu .quadmenu-navbar-nav li.quadmenu-item .quadmenu-item-content {
padding: 0 .75rem!important;
}
img.offers-artwork.offers-artwork1 {
width: 1400px;
top: -90px;
}
img.about-artwork.about-artwork-desktop {
left: -540px;
width: 1240px;
}
.home #home-rooms div#page-title h1 {
font-size: 6.5rem;
line-height: 6.5rem;
}
.home #home-rooms div#page-title {
max-width: 380px;
}
section#home-rooms .tab nav {
padding-top: 280px;
}
#home-experiences .experiences-homegrid .experiences-list p {
font-size: .75rem;
line-height: 1.25rem;
}
#home-experiences .experiences-homegrid .experiences-list .entry-title, #home-experiences .experiences-homegrid .experiences-list h1 {
line-height: 1.5rem;
font-size: 1rem;
}
section#home-experiences a.show-all, section#home-experiences a.show-all path {
color: #141414;
display: none;
stroke: #141414;
}
.logo-book-row .round-book a.get-a-room-btn {
display: none;
}
div#mobile-booking-bar {
display: flex;
}
.hi-launcher-container {
bottom: 10px!important;
}
div#mobile-booking-bar form {
flex-grow: 1;
}
}.gallerybox .grid-container {
padding-bottom: 3rem!important;
padding-top: 3rem!important;
}
.post-type-archive-album .lightbox img {
max-width: calc(100vw - .75rem);
}
span.book-button {
display: flex;
width: 100%;
background: url(https://oagaresorts.com/wp-content/themes/oaga-child/images/checkavailibilityartwork.svg) 0 0/cover no-repeat #ffc900;
border-radius: 1.5rem;
padding: 3px;
}
@media only screen and (max-width:880px) {
.big-cards, div#mobile-booking-bar {
display: flex;
}
.web-v3.single section#home-book-footer .section-title {
max-width: 310px;
}
.web-v3.single-journal .inside-article h1.entry-title, .web-v3.single-post .inside-article h1.entry-title {
margin-top: 40px;
}
.web-v3.archive div#page-title h1.section-title, .web-v3.blog div#page-title h1.section-title {
font-size: 48px;
line-height: 100%}
.web-v3 div#inner-page.fifty-fifty .left-content {
width: 100%!important;
}
.web-v3 div#inner-page.fifty-fifty .right-slider {
max-width: 100%}
.web-v3.single-artist .featured-image, .web-v3.single-tribe_events .featured-image {
margin: 0 auto!important;
max-height: unset;
width: 100%;
display: block;
}
.web-v3 .contact-form label span {
opacity: 1;
margin: 0;
}
.web-v3.page-template-contact-template form.wpcf7-form {
padding: 16px 0;
}
.web-v3.page-template-contact-template div#inner-page {
flex-direction: column;
padding-top: 80px;
}
.web-v3 .address-sections {
gap: 80px;
margin-top: 40px;
align-items: flex-start!important;
}
.web-v3 div#inner-page {
flex-direction: column-reverse;
justify-content: flex-end;
}
.web-v3 div#inner-page .left-content {
width: 100%;
max-width: 720px;
padding: 80px 44px;
}
.web-v3 div#inner-page .right-slider {
position: relative;
width: 100%;
max-width: 100%;
height: auto;
aspect-ratio: 1920/1080;
}
.web-v3.single-tribe_events div#inner-page .right-slider {
aspect-ratio: unset;
min-height: unset;
}
.web-v3 .card-list-section ul.splide__list li {
aspect-ratio: 390/600;
}
.web-v3 .card-list-section ul.splide__list li a img {
height: 130px!important;
}
body.web-v3.floating div#header-bar a.square-button.big-button.nav-book {
font-size: 16px;
padding: 0;
}
.web-v3 section#home-book-footer .section-title {
font-size: 44px;
line-height: 140%;
margin-bottom: 28px;
}
.web-v3 section#home-more-section .section-title {
font-size: 44px;
}
.web-v3 section#home-book-footer {
padding: 50px;
}
.image-left-offer h3 {
font-size: 24px;
line-height: 32px;
margin: 10px 0 14px;
}
.image-left-offer ul {
font-size: 14px;
line-height: 24px;
margin-bottom: 44px;
margin-left: 20px;
}
.pop-up-text {
padding: 28px;
}
.image-left-offer p {
font-size: 14px;
line-height: 22px;
margin-bottom: 12px;
}
.hi-widget-container .hi-webchat-container iframe {
padding-bottom: 160px!important;
}
.hi-launcher-container {
bottom: 10px!important;
}
div#menu-event {
max-width: calc(100% - 30px);
margin: 0 auto;
}
.page-template-faq-template #page-title h1 {
margin-bottom: 0!important;
padding-bottom: 1rem;
}
body.single-rooms div#page:before {
top: 400px;
}
section#home-rooms .tab nav {
padding-top: 260px;
}
.home #home-rooms div#page-title h1 {
font-size: 6rem;
line-height: 6rem;
}
.home #home-rooms div#page-title {
max-width: 320px;
}
img.offers-artwork.offers-artwork2 {
width: 1400px;
left: calc(608px - 1680px);
bottom: -120px;
}
img.offers-artwork.offers-artwork1 {
width: 1360px;
}
.subscribe-bar .subscribe-bar-content.grid-container:after {
width: auto;
height: 100%;
aspect-ratio: 898/167;
object-fit: contain!important;
right: -540px;
}
.site-footer.footer-bar-active.footer-bar-align-right {
padding-bottom: 5.5rem;
}
div#mobile-booking-bar form .form-inputs {
flex-direction: row;
justify-content: center;
gap: 32px;
}
div#mobile-booking-bar form {
flex-grow: 1;
}
.blog div#primary .site-main, .post-type-archive-journal div#primary .site-main, .tax-journal-type div#primary .site-main {
margin: 4rem 0 6rem;
grid-template-columns: 1fr 1fr;
}
.event-list-column {
max-width: 300px;
}
.event-title-desc-area .event-h1, .event-title-desc-area h1 {
font-size: 3.5rem;
line-height: 3.5rem;
}
.faq-list summary h4 {
font-size: 1.425rem;
line-height: 1.75rem;
}
.about-room p, .body li, .faq-list details>div {
font-size: 1rem;
line-height: 1.5rem;
}
.page-template-default .inside-article .entry-content:not(:first-child), .page-template-default-template .inside-article .entry-content:not(:first-child) {
margin-bottom: 4rem;
}
.page-template-default .inside-article p, .page-template-default-template .inside-article p {
font-size: 1.25rem;
margin: 0 auto 2rem;
}
.page-template-default .inside-article h1, .page-template-default-template .inside-article h1, .page-template-faq-template .inside-article h1 {
font-size: 3.5rem!important;
line-height: 3.5rem!important;
}
.infinite-slider .slide.opened, .opened .infinite-slider #slides {
width: 100%}
#loaded-photos .polaroid-cards>div:first-child {
margin-top: 0;
order: -2;
}
.post-type-archive-album .opened #page-title h1#album-title {
padding-bottom: 1.5rem;
height: 7rem;
width: 100%;
max-width: 440px;
}
.infinite-slider .slide.opened:nth-child(3n), .infinite-slider .slide.opened:nth-child(3n-2) {
transform: translateX(0);
}
.infinite-slider .slide.opened .polaroid-cards .card, .infinite-slider .slide:nth-child(3n).opened .polaroid-cards .card, .infinite-slider .slide:nth-child(3n-2).opened .polaroid-cards .card {
left: calc(-135px - .25rem);
}
.infinite-slider .slide.opened .polaroid-cards .polaroid-0, .infinite-slider .slide:nth-child(3n).opened .polaroid-cards .polaroid-0, .infinite-slider .slide:nth-child(3n-2).opened .polaroid-cards .polaroid-0 {
transform: translate(calc(134px + 2rem), 0);
}
.infinite-slider .slide.opened .polaroid-cards .polaroid-1, .infinite-slider .slide:nth-child(3n).opened .polaroid-cards .polaroid-1, .infinite-slider .slide:nth-child(3n-2).opened .polaroid-cards .polaroid-1 {
transform: translate(calc(-135px - .25rem), 400px);
}
#loaded-photos .polaroid-cards>div.last-polaroid:nth-child(3n-2), #loaded-photos .polaroid-cards>div:nth-child(3n-1) {
margin-top: 0;
}
.infinite-slider #slides {
row-gap: 4rem;
width: 100%;
column-gap: 3.25rem;
justify-content: center;
}
.post-type-archive-album .opened #page-title {
display: flex;
flex-direction: column-reverse;
align-items: center;
}
.post-type-archive-album a.back-to-gallery {
left: unset;
position: relative;
top: -2.5rem;
font-size: .875rem;
}
.post-type-archive-album a.back-to-gallery svg {
height: 11px;
width: 11px;
}
div#loaded-photos .polaroid-card-thumbs {
width: 100%;
grid-gap: 2.25rem;
margin-top: calc(-416px + -2.5rem);
justify-content: center;
}
#loaded-photos .polaroid-cards>div, .infinite-slider .slide {
width: 270px;
}
.infinite-slider .slide:nth-child(3n-2) .polaroid-cards {
margin-right: unset;
}
.infinite-slider .slide:nth-child(3n), .infinite-slider .slide:nth-child(3n-2) {
align-content: center;
}
.infinite-slider .slide:nth-child(3n) .polaroid-cards {
margin-left: unset;
}
.infinite-slider .wrapper {
padding-bottom: 5rem;
padding-top: 1rem;
}
.opened .infinite-slider .wrapper {
padding-bottom: 7rem;
padding-top: 7rem;
margin-top: -2rem;
}
.glide_data .grid-container .title-area, section#home-about, section#home-offers {
padding-bottom: 3.5rem;
}
.post-type-archive-album section#offer-listing {
padding-top: 4rem;
}
.gallerybox .grid-container {
padding-top: 0!important;
padding-bottom: 2.5rem!important;
}
.gallerybox .close {
float: unset;
z-index: 1;
background: #fff;
border-radius: 0;
width: 100%;
height: 3rem;
}
.gallerybox {
padding: 0;
}
.about-room, .room-amenities {
padding-bottom: 1rem;
}
.gallerybox .close:after, .gallerybox .close:before {
height: 1.25rem;
right: 1.25rem;
left: unset;
}
.glide.full-width {
height: 500px;
}
.room-detail-content {
padding-top: 3rem;
gap: 0;
}
.home .offer-cards .offer-card:last-child, .logo-book-row .round-book a.get-a-room-btn, .room-detail-content .right-side {
display: none;
}
.room-amenities {
padding-top: 1.25rem;
}
.room-detail-content .description-features h1 {
font-size: 3rem!important;
}
.about-room p, .body li {
margin-bottom: 1.25rem;
}
.related-rooms main#scroll-cards section.scroll-card {
max-width: calc(360px + 1rem);
height: 240px;
}
.related-rooms main#scroll-cards {
height: 240px;
gap: 1rem;
}
section.scroll-card a.room-item .entry-title {
font-size: 1.5rem;
line-height: 1.75rem;
}
section.scroll-card a.room-item p.by-line {
font-size: .9rem;
line-height: 1rem;
}
.related-rooms a.room-item>div {
padding: 1.75rem;
}
a.room-item>div {
padding: 2.5rem 2.25rem;
}
a.room-item .entry-title {
font-size: 2rem;
}
.home div#page-title .page-title-h1, .home div#page-title h1 {
font-size: 3.25rem;
}
section#home-rooms .tab ul.features li {
margin-bottom: 1rem;
}
.home .home-check-availability {
display: none!important;
}
.big-cards {
gap: 24px;
flex-direction: column;
}
.main-navigation #quadmenu.quadmenu-generatepress.quadmenu-is-horizontal.js .quadmenu-navbar-nav>li.quadmenu-item {
height: 3.5rem;
}
#quadmenu .quadmenu-navbar-nav li.quadmenu-item .quadmenu-item-content {
padding: 0 .75rem!important;
}
#quadmenu.quadmenu-generatepress .quadmenu-navbar-nav>li.quadmenu-item>a {
font-size: .75rem!important;
}
.big-cards .big-card .entry-content h1.entry-title {
font-size: 2.25rem;
}
.subscribe-bar-content.grid-container {
flex-direction: column;
gap: 1.25rem;
align-items: flex-start;
}
.offer-detail-content .right-side h1 {
font-size: 3.25rem;
line-height: 3.75rem;
}
.offer-cards {
grid-template-columns: 1fr 1fr;
}
.offer-cards .offer-card {
height: auto;
aspect-ratio: 389/424;
}
.offer-detail-content .left-side img.featured-image {
aspect-ratio: 470/560;
height: auto;
}
.offer-detail-content .right-side {
max-width: 410px;
}
.delay-1 {
animation-delay: .3s;
}
.delay-2 {
animation-delay: .35s;
}
.delay-3 {
animation-delay: .4s;
}
.delay-4 {
animation-delay: 425ms;
}
.delay-5 {
animation-delay: .45s;
}
.delay-6 {
animation-delay: 475ms;
}
.delay-7 {
animation-delay: .5s;
}
.delay-8 {
animation-delay: .5125s;
}
.delay-9 {
animation-delay: 525ms;
}
.delay-10 {
animation-delay: .55s;
}
.delay-11 {
animation-delay: .5625s;
}
.delay-12 {
animation-delay: 575ms;
}
.delay-13 {
animation-delay: .5875s;
}
.delay-14 {
animation-delay: .6s;
}
.delay-15 {
animation-delay: .61s;
}
.delay-16 {
animation-delay: .62;
}
.delay-17 {
animation-delay: 625ms;
}
.delay-18 {
animation-delay: .63s;
}
.delay-19 {
animation-delay: .6325s;
}
.delay-20 {
animation-delay: .65s;
}
.delay-21 {
animation-delay: 675ms;
}
.delay-22 {
animation-delay: .7s;
}
.delay-23 {
animation-delay: 705ms;
}
.delay-24 {
animation-delay: .71s;
}
.delay-25 {
animation-delay: .7125s;
}
section#home-offers {
padding-top: 5rem;
}
section#home-about {
padding-top: 3.5rem;
}
section#home-rooms {
padding-top: 6rem;
padding-bottom: 6rem;
}
section#home-experiences {
padding-bottom: 5rem;
}
#banner .soliloquy-container .soliloquy-viewport, #banner .soliloquy-container .soliloquy-wrap li, #banner .soliloquy-wrapper, section#banner, section#banner>div {
height: 500px!important;
}
img.about-artwork.about-artwork-desktop {
left: -570px;
width: 1200px;
bottom: -720px;
}
.web-v3 section#stay ul.splide__list li a .tall-card-title {
width: 200px;
height: 200px;
}
.web-v3 .card-list-section ul.splide__list li a:hover img {
height: 160px!important;
}
}
.v4.single-offers .book-room-widget-texts h2 {
display: none !important
;
}
.mobile-only {
display: none !important;
}
@media only screen and (max-width:800px) {
.mobile-only {
display: flex !important;
}
.v4.single-offers .book-room-widget-texts h4 {
display: none !important;
}
.hoara-activity h3 {
font-size: 28px;
line-height: 36px;
margin-bottom: 2px;
}
.hoara-activities {
gap: 6px;
}
.hoara-activity {
width: calc(100% - 12px) !important;
}
.activity-description p {
font-size: 20px;
line-height: 28px;
}
.hoara-activity-info {
padding: 20px;
}
p.activity-pax {
font-size: 18px;
line-height: 24px;
margin-bottom: 16px;
}
.activity-timing p {
font-size: 18px;
line-height: 24px;
margin-top: 20px;
margin-bottom: 2px;
}
.activity-timing .smaller-text {
font-size: 16px;
line-height: 22px;
margin-bottom: 2px;
margin-top: 20px;
}
.activity-description .smaller-text {
font-size: 18px;
line-height: 26px;
}
.hoara-activity img.hoara-activity-image {
height: 360px;
}
.hoara-category .splide__arrows.splide__arrows--ltr .splide__arrow--next {
right: 0px ! IMPORTANT;
}
.hoara-category .splide__arrows.splide__arrows--ltr .splide__arrow--prev {
left: 0px !important;
}
.hoara-activity .description p {
font-size: 18px;
line-height: 26px;
}
img.hoara-banner-logo {
width: 148px;
top: -200px;
}
.hoara-category ul.splide__pagination.splide__pagination--ltr {
bottom: 3px;
}
.hoara-category-header {
margin-bottom: 80px;
}
.hoara-header .breadcrumbs {
display: none;
}
.page-template-hoara-template .header-logo a img, .page-template-hoba-template .header-logo a img {
height: 28px !important;
margin: 0px;
}
.page-template-hoara-template .header-logo am .page-template-hoba-template .header-logo a {
width: 48px;
}
.page-template-hoara-template .header-logo a:after, .page-template-hoba-template .header-logo a:after {
height: 28px;
width: 28px;
right: -60px;
}
.page-template-hoara-template .header-logo a:before, .page-template-hoba-template .header-logo a:before {
height: 24px;
top: 2px;
right: -16px;
}
.v4 .book-room-widget-texts {
justify-content: center;
}
.v4 .content-with-sidebar .floating-sidebar {
position: fixed;
bottom: 0px !important;
top: unset;
background: #fff;
max-width: unset;
width: 100vw;
left: 0;
z-index: 10;
border-top: 1px solid #F5F5F5;
}
.v4 .book-room-widget-content {
padding: 12px 16px;
flex-direction: row;
justify-content: space-between;
}
.v4 .book-room-widget-texts h4 {
display: none;
}
.v4 .book-room-widget-content a.round-button {
display: flex
;
justify-items: center;
align-items: center;
line-height: 16px;
border-radius: 16px;
font-size: 12px;
padding: 6px 18px !important;
}
.v4 .book-room-widget-texts h2 {
font-size: 12px;
line-height: 20px;
}
.v4 .content-with-sidebar .floating-sidebar img {
display: none;
}
.v4 .room-amenities ul.amenities {
margin-top: 16px;
}
.v4 .banner-area {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.v4 .banner-area li.banner-slide:nth-child(2), .v4 .banner-area li.banner-slide:nth-child(3) {
width: calc(50% - 4px);
}
.v4 .content-with-sidebar {
flex-direction: column;
gap: 72px;
}
.v4 .banner-area li.banner-slide {
display: flex;
}.v4 a#show-all-photos {
font-size: 12px;
padding: 3px 7px 3px 9px;
border-radius: 10px !important;
gap: 4px;
right: 12px;
bottom: 12px;
}
.v4 a#show-all-photos svg {
width: 10px;
height: 10px;
}
.v4 .banner-area {
aspect-ratio: unset !important;
}
.v4 .banner-area li.banner-slide:first-child {
aspect-ratio: 1.75 / 1;
}
.v4 .toggle-section details.section-toggler h3 {
margin: 0px !important;
}
.v4.single div#page {
padding-top: 68px;
}
.v4 .breadcrumbs a, .v4 .breadcrumbs p {
font-size: 12px !important;
line-height: 18px !important;
}
.v4 .content-with-sidebar .room-content .main-description p {
font-size: 16px;
line-height: 26px;
}
.v4 .breadcrumbs {
gap: 6px;
}
.v4 .toggle-section.is-open .toggle-section-div > * {
margin-top: 8px;
}
.v4 .toggle-div {
padding: 12px 16px;
border-radius: 12px;
}
.v4 .content-with-sidebar .room-content .faq-section details h4 {
font-size: 18px;
line-height: 24px;
}
.v4 .banner-area {
margin-bottom: 40px;
}
.v4 .room-amenities ul.amenities li {
font-size: 16px;
line-height: 26px;
}
.v4 .content-with-sidebar .room-content .recommended-for ul li, .v4 .content-with-sidebar .room-content .recommended-for ul li {
font-size: 16px;
line-height: 26px;
margin-bottom: 0px;
}
.v4 .content-with-sidebar .room-content {
gap: 48px;
}
.v4 .content-with-sidebar .room-content h3 {
font-size: 24px;
line-height: 36px;
}
.v4 .room-amenities ul.amenities {
row-gap: 12px;
}
.v4 .title-area h1.inner-title {
font-size: 36px;
line-height: 44px;
}
.v4 .title-area h4 {
font-size: 16px;
line-height: 24px;
}
.v4 .main-room-area {
padding-top: 16px;
padding-bottom: 60px;
}
.v4 section#banner {
height: auto !important;
aspect-ratio: 16 / 9;
}
.lv4 div#page-title {
padding-top: 60px !important;
}
.v4.page.home div#page {
padding-top: 0px;
}
.v4.single-offers .book-room-widget-texts h2 {
display: flex !important
;
}
body.v4.mobile-menu-is-on {
overflow-y: hidden;
}
.v4 div#splide-offers-new li a, .v4.archive #offers li a {
padding: 16px;
}
.v4 div#splide-offers-new li a .tall-card-title p.card-title, .v4.archive #offers li a .tall-card-title p.card-title {
font-size: 20px;
line-height: 26px;
}
.v4 div#splide-offers-new li {
width: calc(1 / 3* 100% - 12px);
}
.v4 div#splide-offers-new li a .tall-card-title p.by-line, .v4.archive #offers li a .tall-card-title p.by-line {
font-size: 12px;
line-height: 20px;
}
.v4 div#splide-offers-new li {
width: calc(1 / 3* 100% - 12px);
aspect-ratio: 390 / 480;
}
.v4 div#splide-offers-new li a:hover .tall-card-title p.by-line, .v4.archive #offers li a:hover .tall-card-title p.by-line {
max-height: 40px;
}
.v4 div#splide-offers-new ul.splide__list, .v4 #offers ul.splide__list {
gap: 16px;
}
.v4-header nav.main-nav-center {
display: none !important;
}
.v4-header .right.quarter.mobile-menu {
display: flex;
position: absolute;
left: 0px;
bottom: 0px;
}
header#main-header.v4-header {
max-height: 60px;
padding: 16px 16px;
}
.v4-header div#header-bar {
top: 16px;
}
.v4-header .right.quarter.mobile-menu a.toggle-nav {
display: flex !important;
color: #121212;
padding: 22px 20px 22px;
}
.v4-header .right.quarter.mobile-menu:after {
width: 2px;
height: 16px;
content: "";
background: #e5e5e5;
display: block;
position: absolute;
top: 24px;
left: 52px;
mix-blend-mode: multiply;
}
.v4-header div#header-bar-logo {
height: 27px;
}
.v4-header div#header-bar-logo .header-bar-container.grid-container {
height: 27px;
}
.v4-header .header-logo a {
display: flex;
align-items: center;
}
.v4-header .header-logo {
width: 60px !important;
}
.lv4 div#gt_float_wrapper {
left: 72px;
top: 13.5px !important;
}
.v4 section#banner {
padding-top: 60px !important;
height: auto !important;
}
body.floating .v4-header div#header-bar {
animation: none !important;
}
.lv4.floating div#gt_float_wrapper {
animation: none !important;
}
.v4-header a#floating-logo {
display: none !important;
}
.quadmenu-dropdown-menu {
max-width: 740px!important;
margin-left: -370px!important;
}
#menu-event .event-list-page {
flex-direction: row;
}
.event-list-page .tribe-common-l-container.tribe-events-l-container {
min-height: unset;
max-width: 540px;
width: 100%;
margin: 0 auto;
}
.event-list-page {
flex-direction: column;
}
.event-list-column {
max-width: 540px;
margin: 0 auto 6rem!important;
display: block;
}
.event-list-page .event-list-column .events-occasions-list {
border: none;
}
.floating .v4-header div#header-bar-logo {
animation: none !important;
}
.v4-header div#header-bar {
animation: none !important;
height: 40px;
}
body.floating .v4-header div#header-bar {
animation: none !important;
background: none !important;
height: 40px !important;
}
.v4 .banner-video .iframe-holder {
height: 100%;
}
header#main-header.v4-header {
height: 60px !important;
padding: 16px 16px;
}
.floating header#main-header.v4-header {
height: 60px !important;
padding: 16px 16px;
}
.lv4 div#gt_float_wrapper {
animation: none ! IMPORTANT;
}
.v4-header .right.quarter.mobile-menu a.toggle-nav {
padding: 22px 20px 22px;
}
header#main-header.v4-header {
border-bottom: 1px solid #f5f5f5;
}
.v4-header div#header-bar {
border-bottom: none !important;
}
body.floating .v4-header div#header-bar {
padding-bottom: 12px !important;
}
body.floating .v4-header div#header-bar .header-end a.square-button.big-button.nav-book {
padding: 2px 14px !important;
height: unset !important;
}
nav.mobile-nav-holder.mobile-menu-on.v4-mobile .right.quarter.mobile-menu a.toggle-nav {
color: #121212 !important;
display: inline-block !important;
}
nav.mobile-nav-holder.v4-mobile .right.quarter.mobile-menu {
position: absolute;
display: block !important;
right: 0px;
}
nav.mobile-nav-holder.v4-mobile {
z-index: 1000000 !important;
}
nav.mobile-nav-holder.mobile-menu-on.v4-mobile {
display: block;
width: 100vw;
transform: translatex(0);
height: 100vh;
animation: 0.48s cubic-bezier(0.54, 0.14, 0.62, 0.85) slideFromLeft;
z-index: 1000000;
position: fixed;
top: 0;
pointer-events: all;
}
.v4-mobile ul#menu-mobile-menu a {
text-align: center;
font-family: Poppins;
font-style: normal;
font-size: 18px;
line-height: 32px;
color: #000;
padding: 4px 18px;
position: relative;
background: none !important;
transition: all 0.3s cubic-bezier(0.42, 0, 0.19, 0.97);
font-weight: 500;
}
.v4-mobile .mobile-nav {
height: 100%;
overflow-y: scroll;
}
.v4-mobile ul#menu-mobile-menu li a:hover:before {
top: 1px;
}
.v4-mobile nav.mobile-nav-holder .right.quarter.mobile-menu:after {
display: none;
}
.v4-mobile ul#menu-mobile-menu a:before {
flex: none;
left: 0;
position: absolute;
top: calc(50.00000000000002% - 4px / 2);
width: 100%;
height: 100%;
max-width: 4px;
max-height: 4px;
z-index: 0;
content: "";
background: #000;
border-radius: 99px;
transform-origin: 50% 50% 0px;
will-change: auto;
transition: all 0.3s cubic-bezier(0.42, 0, 0.19, 0.97);
}
.v4-mobile ul#menu-mobile-menu a:hover {
color: #fff !important;
z-index: 0 !important;
}
.v4-header div#header-bar nav.main-nav-center a.yellow-block:hover, .v4-mobile ul#menu-mobile-menu li:nth-child(2) a:hover {
color: #000 !important;
}
.v4-header ul#menu-mobile-menu li:nth-child(2) a:hover, .v4-mobile ul#menu-mobile-menu li:nth-child(9) a:hover {
color: #ff7900;
}
.v4-header ul#menu-mobile-menu li:nth-child(10) a:hover, .v4-mobile ul#menu-mobile-menu li:nth-child(3) a:hover {
color: #ff0047;
}
.v4-header ul#menu-mobile-menu li:nth-child(11) a:hover, .v4-mobile ul#menu-mobile-menu li:nth-child(4) a:hover {
color: #0096ff;
}
.v4-header ul#menu-mobile-menu li:nth-child(12) a:hover, .v4-mobile ul#menu-mobile-menu li:nth-child(5) a:hover {
color: #00ce99;
}
.v4-mobile ul#menu-mobile-menu li:nth-child(6) a:hover {
color: #ff009b;
}
.v4-mobile ul#menu-mobile-menu li:nth-child(7) a:hover {
color: #8b26d4;
}
.v4-mobile ul#menu-mobile-menu li:nth-child(8) a:hover {
color: #ffbd00;
}
nav.mobile-nav-holder.v4-mobile {
display: block;
z-index: 1000;
position: fixed;
width: 100vw;
height: 100vh;
top: 0;
transform: translatex(-100vw);
pointer-events: none;
animation: 0.4s cubic-bezier(0.54, 0.14, 0.62, 0.85) slideToLeft;
}
.v4-mobile ul#menu-mobile-menu {
height: 100%;
width: 100%;
background: #fff;
margin: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 28px;
list-style-type: none;
min-height: min-content;
padding: 32px 0;
}
nav.mobile-nav-holder.v4-mobile .right.quarter.mobile-menu {
bottom: unset !important;
top: 0px;
}
.page-template-hoara-template .header-logo, .page-template-hoba-template .header-logo {
width: 108px !important;
}
}
div#splide-stay-mobile {
display: none !important;
}
@media only screen and (max-width:768px) {
.v4 .countdowner-badge span.countdowner, .v4 .countdowner-badge span.countdownerMobile {
font-size: 12px;
line-height: 18px;
}
.v4 .countdowner-badge i svg {
height: 18px;
width: 14px;
}
.v4 .countdowner-badge {
padding: 4px 8px;
gap: 2px;
}
.v4 .popup-gallery {
padding: 64px 8px;
}
.v4 .mini-gallery-header {
height: 64px;
}.v4 button.close.go-back {
margin: 14px 0;
left: 8px;
}
.v4 section#discover-oaga {
padding: 120px 0 100px;
}
.v4 .parellax img {
max-height: 2000px;
}
.v4 div#splide-offers-new li a:hover {
transform: translateY(0px);
}
.v4 section#home-offers-new {
padding-top: 120px;
}
.v4 .mobile-title-section div#page-title {
text-align: center;
align-items: center;
}
.v4 .mobile-title-section div#page-title p {
text-align: center;
width: 100%;
max-width: unset;
}.v4 div#splide-offers-new li a .tall-card-title p.card-title {
font-size: 24px;
line-height: 32px;
}
.v4 div#splide-offers-new li a:hover .tall-card-title p.by-line {
font-size: 14px;
line-height: 24px;
max-height: 48px;
}
.v4 div#splide-offers-new li, .v4.archive #offers ul#splide-offers-list li.splide__slide.offer-card {
width: 100% !important;
aspect-ratio: 390 / 422;
}
.v4 section#home-stay .section-desc p {
max-width: 100%;
text-align: center;
padding: 0 20px;
}
.v4.archive .section-desc p {
font-size: 16px !important;
line-height: 24px !important;
}
.v4 .mobile-title-section {
display: flex !important;
flex-direction: column;
padding: 0 16px;
align-items: center;
padding-bottom: 52px;
}
.v4.archive .title-section {
margin-bottom: 48px !important;
}
.v4 div#page {
padding-top: 60px;
}
div#splide-stay {
display: none !important;
}
div#splide-stay-mobile {
display: flex !important;
}
.v4 #home-stay ul#splide-stay-list li:first-child {
display: none !important;
transform: none !important;
}
.v4 section#home-stay {
padding: 90px 0 100px;
}
#banner .splide__arrows.splide__arrows--ltr button {
margin-top: 0px;
top: 238px;
opacity: 1;
}
#banner .splide__arrows.splide__arrows--ltr button svg path {
stroke-width: 1.5px;
}
.web-v3 .splide__arrow--next, .web-v3rtl .splide__arrow--prev {
scale: 0.75!important;
right: 6px!important;
}
.web-v3 .splide__arrow {
opacity: 1;
}
.web-v3 .splide__arrow svg path {
stroke-width: 1.5px;
}
div#banner-title h1 {
font-size: 36px;
line-height: 44px;
max-width: 420px;
}
#banner .splide__arrows.splide__arrows--ltr button { }
div#title-and-book .banner-book-button a.square-button.big-button {
font-size: 20px;
padding: 8px 20px;
}
div#title-and-book {
height: max-content!important;
margin-top: -212px;
}
.web-v3 .image-left-offer h2 {
font-size: 32px;
line-height: 40px;
}
.image-left-offer h3, .web-v3 .image-left-offer h3 {
font-size: 20px;
line-height: 28px;
}
.web-v3.archive #people-listing div#page-title h1.section-title {
margin-bottom: 32px;
}
.web-v3.tax-journal-type.archive section.archive-listing-section {
padding-top: 160px;
}
.web-v3 .faq-map {
padding-top: 80px;
}
.lv4 .faq-map {
padding-top: 0px !important;
}
.web-v3.archive div#page-title h1.section-title, .web-v3.blog div#page-title h1.section-title {
font-size: 48px;
line-height: 100%}
.web-v3 .journal-buttons {
margin-top: 12px;
margin-bottom: 20px;
}
.web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide {
width: calc((100% / 2) - 10px);
}
.web-v3.archive section#offers {
padding: 160px 16px 80px;
}
.web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide a .tall-card-title span.support-text span.more-text {
font-size: 14px;
margin-top: 8px;
}
.web-v3 .tribe-events-view .event-title-desc-area {
padding: 140px 16px 20px;
}
body.web-v3.floating div#header-bar-logo-only .header-logo {
padding-right: 12px!important;
}
body.web-v3.floating div#header-bar a.square-button.big-button.nav-book {
line-height: 48px;
font-size: 12px;
padding: 0;
}
.web-v3 .header-end, .web-v3 .header-logo {
width: 40px;
}
.web-v3 div#header-bar nav.main-nav-center a {
font-size: 10px;
padding: 16px 8px;
}
.web-v3 div#header-bar, body.web-v3 div#header-bar-logo-only {
height: 40px;
}
#quadmenu:not(.quadmenu-is-horizontal) .quadmenu-navbar-nav li.quadmenu-item>a>.quadmenu-item-content>.quadmenu-caret, .featured-bg.desktop, .logo-book-row .round-book, .main-navigation #quadmenu.quadmenu-generatepress .quadmenu-navbar-nav>li:not(.quadmenu-item-type-button):last-child>a>.quadmenu-item-content:before, .related-rooms main#scroll-cards.caro-slides, .web-v3 div#header-bar .web-v3 .header-bar-container, button.menu-toggle span.mobile-menu, div#menu-event .event-list-column .event-summary-section, div#menu-event .event-title-desc-area, header#masthead, section#home-experiences a.show-all, section#home-experiences a.show-all path {
display: none;
}
.web-v3 a.square-button.big-button {
font-size: 16px;
padding: 8px 20px;
}
.web-v3 ul#splide-offers-list li .tall-card-title p.card-title {
font-size: 14px;
line-height: 24px;
}
.web-v3 section#stay ul.splide__list li a .tall-card-title span.more-text {
font-size: 12px;
margin-top: 12px;
}
.web-v3 section#home-book-footer .section-title, .web-v3 section#home-more-section .section-title, .web-v3 section#offers .grid-container p.section-title, .web-v3 section.card-list-section .grid-container p.section-title {
font-size: 36px;
}
.web-v3 .card-list-section ul.splide__list li a .tall-card-title, .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide a .tall-card-title {
gap: 16px;
gap: 12px;
padding: 16px;
}
.web-v3 .card-list-section ul.splide__list li a .tall-card-title span.support-text p, .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide a .tall-card-title span.support-text p {
font-size: 12px;
line-height: 18px;
}
.web-v3 .splide__arrow--prev {
scale: 0.75!important;
left: 6px!important;
}
.web-v3.rtl .splide__arrow--next {
scale: 0.75!important;
left: 6px!important;
right: unset!important;
}
.web-v3rtl .splide__arrow--prev {
left: unset!important;
}
.rtl.web-v3 .card-list-section ul.splide__list, .web-v3 .card-list-section ul.splide__list, .web-v3 ul#splide-offers-list {
gap: 16px;
margin: 0!important;
}
.web-v3.home section#home-more-section .footer-big-menu ul#menu-footer-menu-big {
margin-bottom: 16px;
}
.web-v3 section#home-more-section {
gap: 16px;
}
.lv4 section#home-more-section {
gap: 40px;
}
.web-v3 section#home-more-section ul#menu-footer {
row-gap: 8px;
}
.web-v3 section#home-more-section ul#menu-footer li a {
font-size: 12px;
line-height: 16px;
}
.web-v3 section#home-more-section .footer-big-menu ul#menu-footer-menu-big li a {
font-size: 14px!important;
padding: 12px 16px!important;
}
.web-v3 section#stay ul.splide__list li a .tall-card-title .card-title {
font-size: 20px;
line-height: 32px;
}
.web-v3 section#banner {
height: 500px!important;
}
.v4 section#banner {
height: auto !important;
}
.post-type-archive-journal div#primary .site-main>div, .tax-journal-type div#primary .site-main>div {
margin: 6rem 0 8rem;
display: grid;
gap: 24px;
grid-template-columns: repeat(2, 1fr);
}
a.special-link img {
width: 96px;
}
nav#quadmenu {
z-index: 2;
}
#quadmenu:not(.quadmenu-is-horizontal) .quadmenu-navbar-nav li.quadmenu-item.open:not(.closing)>.quadmenu-dropdown-menu>ul.quadmenu-row {
margin-bottom: 100px;
height: max-content;
}
.address-sections {
flex-direction: column;
align-items: center;
}
.contact-map {
margin-bottom: 6rem;
height: 400px;
}
.contact-map iframe {
max-height: 100%}
.address-sections>div {
width: 100%;
max-width: 400px;
}
.v4.post-type-archive-rooms div#splide-stay {
display: flex !important
;
}
.v4.archive #home-stay .room-card {
width: 100% !important;
max-width: 100% !important;
}
.v4.post-type-archive-rooms div#splide-stay {
display: flex !important
;
padding: 0 12px;
}
.v4.archive #home-stay .tall-card-title p.card-byline {
max-width: 80%;
}
.v4.archive #home-stay .tall-card-title {
padding: 20px !important;
}
.v4.archive #home-stay .tall-card-title p.card-title {
max-width: 80%;
}
#quadmenu:not(.quadmenu-is-horizontal) .quadmenu-navbar-nav li.quadmenu-item.closing>.quadmenu-dropdown-menu, #quadmenu:not(.quadmenu-is-horizontal) .quadmenu-navbar-nav li.quadmenu-item.opening>.quadmenu-dropdown-menu, div#menu-event .events-occasions-list {
display: flex!important;
}
.offer-detail-content .right-side, div#menu-event .event-list-column .event-list-section h2 {
max-width: unset;
}
.menu-accomodation main section .entry-content, .menu-experiences main section, div#menu-event .event-list-page .tribe-common-l-container.tribe-events-l-container {
width: 100%}
div#menu-event .event-list-column {
width: 100%;
padding: 0 .25rem;
flex-direction: column;
}
div#menu-event .event-list-page {
flex-direction: column;
max-width: 400px;
margin: 0 auto;
flex-direction: column;
gap: 0;
}
.logged-in #menu-event {
margin-top: -1.5rem;
}
div#menu-event .event-list-column .event-list-section {
width: 100%;
padding: 0;
}
.post-type-archive-eat .big-cards .big-card, .post-type-archive-eat .big-cards .big-card:first-child {
height: 680px;
}
.page-template-faq-template #page-title h1 {
margin-bottom: 0!important;
padding-top: 2rem;
}
.post-type-archive-journal .default-template-title h1, .tax-journal-type .default-template-title h1 {
font-size: 4rem;
}
body.single-rooms div#page:before {
top: 360px!important;
background-size: cover!important;
}
body.post-type-archive-offers .home div#page-title {
padding-bottom: 4rem;
}
body.blog div#page:before, body.page-template div#page:before, body.page-template-default div#page:before, body.page-template-default-template div#page:before, body.post-template-default div#page:before, body.post-type-archive-eat div#page:before, body.post-type-archive-experiences div#page:before, body.post-type-archive-facilities div#page:before, body.post-type-archive-journal div#page:before, body.post-type-archive-offers div#page:before, body.post-type-archive-rooms div#page:before, body.post-type-archive-spa div#page:before, body.post-type-archive-tribe_events div#page:before, body.single-journal div#page:before, body.single-offers div#page:before, body.single-rooms div#page:before, body.single-tribe_events div#page:before, body.tax-journal-type div#page:before {
aspect-ratio: 600/1662;
height: auto;
top: -60px;
background-size: contain;
}
#quadmenu:not(.quadmenu-is-horizontal) .quadmenu-navbar-nav li.quadmenu-item>.quadmenu-dropdown-menu {
position: absolute!important;
top: 110px;
left: 0;
margin-left: 0!important;
overflow-y: scroll;
height: max-content;
max-height: calc(100vh - 110px)!important;
opacity: 0;
-webkit-transition: .15s ease-out!important;
-moz-transition: .15s ease-out!important;
-o-transition: .15s ease-out!important;
transition: .15s ease-out!important;
display: flex!important;
pointer-events: none!important;
}
#quadmenu:not(.quadmenu-is-horizontal) .quadmenu-navbar-nav li.quadmenu-item.open>.quadmenu-dropdown-menu {
opacity: 1;
-webkit-transition: .2s ease-out!important;
-moz-transition: .2s ease-out!important;
-o-transition: .2s ease-out!important;
transition: .2s ease-out!important;
pointer-events: all!important;
z-index: 10019;
}
.featured-bg.mobile, .mobile-offers-link {
display: block;
}
.home section#home-offers div#page-title {
margin-bottom: -40px;
}
.main-navigation #quadmenu.quadmenu-generatepress .quadmenu-navbar-nav>li:not(.quadmenu-item-type-button)>a>.quadmenu-item-content {
padding-left: 5px!important;
}
.main-navigation #quadmenu.quadmenu-generatepress .quadmenu-navbar-nav>li:not(.quadmenu-item-type-button)>a>.quadmenu-item-content:before {
content: '';
background: #e00059;
width: 5px;
height: 5px;
display: block;
border-radius: 100%;
position: absolute;
top: 12px;
right: 0;
}
.main-navigation #quadmenu.quadmenu-generatepress .quadmenu-navbar-nav>li:nth-child(2)>a>.quadmenu-item-content:before {
background: #00bfa1;
}
.main-navigation #quadmenu.quadmenu-generatepress .quadmenu-navbar-nav>li:nth-child(3)>a>.quadmenu-item-content:before {
background: #d35f94;
}
.main-navigation #quadmenu.quadmenu-generatepress .quadmenu-navbar-nav>li:nth-child(4)>a>.quadmenu-item-content:before {
background: #008bf4;
}
#quadmenu:not(.quadmenu-is-horizontal) .quadmenu-navbar-nav li.quadmenu-item.open:not(.closing)>.quadmenu-dropdown-menu {
position: fixed!important;
top: 110px;
left: 0;
padding-bottom: 85px;
overflow-y: scroll;
height: max-content;
max-height: calc(100vh - 110px)!important;
}
.main-navigation #quadmenu.quadmenu-generatepress .quadmenu-navbar-nav>li:nth-child(5)>a>.quadmenu-item-content:before {
background: #673ab7;
}
.main-navigation #quadmenu.quadmenu-generatepress .quadmenu-navbar-nav>li:nth-child(6)>a>.quadmenu-item-content:before {
background: #a6005f;
}
.right-image.experience-image {
margin-top: -294px;
}
.home #home-experiences div#page-title {
padding-bottom: 0;
}
#home-experiences .experiences-homegrid>div .experience-image {
width: 360px;
}
section#home-experiences .grid-container {
margin: 0 -1rem;
}
#home-experiences .experiences-homegrid, .experiences-bg {
flex-direction: column;
}
#home-experiences .experiences-homegrid>div {
flex-direction: column;
gap: 0;
width: 100%}
#home-experiences .experiences-homegrid .left-grid {
align-items: flex-end;
flex-direction: column-reverse;
padding-bottom: 320px;
}
#home-experiences .experiences-homegrid>.right-grid {
align-items: baseline;
}
#home-experiences .experiences-homegrid .experiences-list {
width: 100%;
text-align: center;
padding-left: 2rem;
padding-right: 2rem;
}
#home-experiences .experiences-homegrid .experiences-list .entry-title, #home-experiences .experiences-homegrid .experiences-list h1 {
line-height: 1.75rem;
font-size: 1.25rem;
}
#home-experiences .experiences-homegrid .experiences-list p {
font-size: 1rem;
line-height: 1.5rem;
}
.featured-items {
flex-wrap: wrap;
justify-content: center;
}
.featured-items>div {
width: calc(50% - 1rem);
}
img.room-arwork.room-arwork3 {
top: 120px;
right: -100px;
}
img.room-arwork.room-arwork2 {
width: 500px;
bottom: -865px;
}
.home #home-rooms div#page-title {
position: relative;
margin: 0 auto;
text-align: center;
max-width: 360px;
padding-bottom: 2rem;
}
.home #home-rooms div#page-title h1 {
margin-top: 1.75rem;
font-size: 7.5rem;
line-height: 7.5rem;
text-align: left;
}
img.offers-artwork.offers-artwork1 {
right: calc(608px - 960px - 520px);
width: 1200px;
top: -110px;
}
img.offers-artwork.offers-artwork2 {
bottom: -250px;
}
.home div#page-title {
padding-bottom: 11rem;
}
.main-navigation .logo-book-row .mini-logo a img {
width: 42px;
}
nav#site-navigation {
background: url(https://oagaresorts.com/wp-content/themes/oaga-child/images/headerartwork.svg) center/cover no-repeat #ffc900;
}
.inside-page-header, .one-container .site-content, .separate-containers .comments-area, .separate-containers .inside-article, .separate-containers .page-header, .separate-containers .paging-navigation {
padding: 1.25rem;
}
.glide_data .grid-container .title-area {
padding-bottom: 2.5rem;
}
.glide.full-width {
height: 460px;
}
.related-rooms main#scroll-cards.mobile-relateds section.scroll-card {
position: relative;
height: 220px;
}
main#scroll-cards.mobile-relateds {
display: flex;
flex-direction: column;
height: unset;
}
section#home-rooms .tab {
flex-direction: column-reverse;
}
.menu-accomodation main, .menu-experiences main {
flex-wrap: wrap;
display: flex!important;
}
section#home-rooms .tab nav {
width: 100%;
max-width: 420px;
padding: 0;
margin: 0 auto;
}
section#home-rooms .tab section.tabs {
width: 100%;
max-width: unset;
margin: 2.75rem auto 3.5rem;
}
section#home-rooms .room-image {
aspect-ratio: 331/308;
}
section#home-rooms {
padding-top: 5.25rem;
padding-bottom: 6rem;
}
.big-cards .big-card:first-child {
height: auto;
aspect-ratio: 768/680;
}
.big-cards .big-card {
height: auto;
aspect-ratio: 768/580;
}
.big-cards .big-card .entry-content, a.room-item>div {
padding: 2rem;
}
#quadmenu .quadmenu-item-widget .menu-title-h1, #quadmenu .quadmenu-item-widget h1 {
text-align: left;
font-weight: 500;
line-height: 2.5rem;
font-size: 3rem;
margin-bottom: 1.5rem;
letter-spacing: -.02em;
}
.menu-accomodation main {
width: 100%;
gap: 1rem;
}
.menu-accomodation main section {
flex-direction: column;
width: calc(50% - .5rem);
}
.menu-eat main section, .menu-spa main section {
width: calc(50% - .5rem);
}
.menu-eat main section a.image-thumbnail, .menu-spa main section a.image-thumbnail {
height: auto!important;
aspect-ratio: 163/200;
}
.menu-accomodation main section a.image-thumbnail {
width: 100%!important;
aspect-ratio: 163/120;
height: auto!important;
}
.menu-eat main, .menu-spa main {
flex-wrap: wrap;
}
.mobile-menu-open body {
overflow-y: hidden;
}
#quadmenu.quadmenu-generatepress:not(.quadmenu-is-horizontal) .quadmenu-navbar-nav li.quadmenu-item .quadmenu-item-widget, #site-navigation.toggled nav#quadmenu .quadmenu-container {
padding: 1rem;
}
#quadmenu .quadmenu-item-widget h2, .menu-title-h2 {
text-align: left;
}
.menu-offers main {
display: flex!important;
flex-direction: column;
}
#main {
margin-top: 0;
}
.post-type-archive-offers section#offer-listing, section#eat-listing {
padding: 4.25rem 0 6.25rem;
}
:root {
font-size: 14px;
}
#site-navigation.toggled button.menu-toggle span.gp-icon.icon-menu-bars {
font-size: .725rem;
}
#site-navigation button.menu-toggle span.gp-icon.icon-menu-bars {
font-size: 1.25rem;
}
nav#site-navigation>div {
height: 3.75rem;
padding: 0 1rem;
flex-direction: row-reverse;
}
.main-navigation .logo-book-row .mini-logo a {
width: 42px;
height: 25px;
}
.logo-book-row .mini-logo {
transform: translateY(0) scale(1);
height: 25px;
}
.main-navigation.nav-align-center .inside-navigation {
justify-content: space-between;
}
button.menu-toggle {
text-align: right;
flex-grow: unset;
padding: 0 .5rem;
width: 2.25rem;
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;
border-radius: 50%;
height: 52.5px;
}
#site-navigation.toggled button.menu-toggle {
padding: 0 .75rem;
-webkit-transition: .3s ease-out;
-moz-transition: .3s ease-out;
-o-transition: .3s ease-out;
transition: .3s ease-out;
background: #ffc900;
}
.logo-book-row {
opacity: 1;
visibility: visible;
width: unset;
position: absolute;
padding: 0;
left: -21px;
margin-left: 50%}
#site-navigation.toggled {
z-index: 1000;
}
#quadmenu.quadmenu-generatepress .quadmenu-navbar-nav>li.quadmenu-item>a {
font-size: 14px!important;
}
#quadmenu .quadmenu-navbar-nav {
display: flex!important;
flex-direction: row;
overflow-x: scroll;
width: max-content;
}
#quadmenu .quadmenu-navbar-collapse.in {
overflow-y: auto;
width: max-content;
}
.main-navigation #quadmenu.quadmenu-generatepress .quadmenu-navbar-nav>li:not(.quadmenu-item-type-button)>a>.quadmenu-item-content .quadmenu-text {
background: #f5f5f500;
padding: 4px 8px;
border-radius: 8px;
}
.main-navigation #quadmenu.quadmenu-generatepress .quadmenu-navbar-nav>li.open:not(.quadmenu-item-type-button)>a>.quadmenu-item-content .quadmenu-text {
background: #f5f5f5ff;
}
#site-navigation.toggled nav#quadmenu {
width: 100vw;
background: #fff;
height: 100vh;
margin: 0 -1rem;
box-shadow: none;
overflow-y: scroll;
}
.page-template-faq-template #page-title h1, .post-type-archive-album #page-title h1, .post-type-archive-diving #page-title h1, .post-type-archive-eat #page-title h1, .post-type-archive-excursions #page-title h1, .post-type-archive-experiences #page-title h1, .post-type-archive-facilities #page-title h1, .post-type-archive-rooms #page-title h1, .post-type-archive-spa #page-title h1 {
font-size: 4rem;
padding-bottom: 2.5rem;
}
.offer-detail-content .left-side img.featured-image {
margin-top: .75rem;
aspect-ratio: 493/560;
height: auto;
}
.home div#page-title .page-title-h1, .home div#page-title h1 {
font-size: 3.5rem;
}
.offer-detail-content {
flex-direction: column;
padding-top: .5rem;
padding-bottom: 3rem;
}
.offer-detail-content .left-side {
position: relative;
max-width: unset;
top: 0;
}
.footer-bar-active .inside-site-info {
gap: 1rem;
}
.subscribe-text .title-h1 {
font-size: 1.5rem;
}
.subscribe-text p {
font-size: 1rem;
}
.sticky-container main {
padding-top: 1rem;
}
a.room-item .entry-title {
font-size: 1.75rem;
line-height: 2rem;
}
a.room-item p.by-line {
font-size: .95rem;
}
.tribe-events-c-top-bar__datepicker-container {
min-width: unset!important;
width: 300px!important;
}
img.about-artwork.about-artwork-desktop {
left: -520px;
width: 1070px;
bottom: -940px;
}
section#home-offers {
padding-top: 5rem;
padding-bottom: 7rem;
}
.image-left-offer ul {
font-size: 12px;
line-height: 22px;
}
.image-left-offer p {
font-size: 12px;
line-height: 20px;
}
.pop-up-text {
padding: 20px;
}
.web-v3 .card-list-section ul.splide__list li {
aspect-ratio: 390/660;
}
.web-v3 .card-list-section ul.splide__list li a .tall-card-title p.card-title, .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide a .tall-card-title p.card-title {
font-size: 16px!important;
line-height: 20px;
}
.web-v3 .card-list-section ul.splide__list li a img {
height: 110px!important;
}
.web-v3.fr div#header-bar nav.main-nav-center li a, body.web-v3.floating.ru div#header-bar nav.main-nav-center a {
font-size: 10px;
}
body.web-v3.floating.ru div#header-bar a.square-button.big-button.nav-book {
font-size: 11px;
line-height: 120%}
.lv4 section#home-more-section ul#menu-footer-menu-new {
flex-direction: column;
}
.lv4 section#home-more-section ul#menu-footer-menu-new li {
justify-items: center;
}
.lv4 section#home-more-section ul#menu-footer-menu-new li a {
justify-content: center;
width: fit-content;
}
.lv4 aside#block-7 {
flex-direction: column;
align-items: center;
gap: 96px;
}
.lv4 ul.footer-menu-items {
flex-direction: column;
gap: 12px;
}
.lv4 .site-footer.footer-bar-active.footer-bar-align-right .copyright-bar {
top: 124px;
}
.lv4 section#home-more-section img {
width: 96px;
}
.v4 #home-stay .room-card, .v4 #home-stay ul#splide-stay-list li:last-child {
width: 80vw !important;
aspect-ratio: 800 / 600;
}
.v4 div#page-title p.section-title, .v4.archive #home-stay div#page-title p.section-title {
font-size: 36px !important;
line-height: 44px !important;
}
.v4 div#page-title p.section-title-small, .v4.archive #home-stay div#page-title p.section-title-small, .v4.archive.post-type-archive-offers div#page-title p.section-title-small  {
font-size: 14px !important;
line-height: 20px !important;
}
.v4.archive .page-content {
padding: 0 16px;
margin: 52px auto !important;
}
.v4 .page-content h2:not(:first-child) {
margin-top: 36px;
padding-top: 36px;
font-size: 28px !important;
line-height: 40px !important;
}
.v4 .page-content p {
font-size: 16px;
line-height: 26px;
}
.v4 .about-image-grid {
flex-direction: column;
height: unset;
gap: 16px;
}
.v4 .about-image-grid > div {
width: 100%;
height: auto;
gap: 16px;
}
.v4 section#about-oaga {
padding: 0px 16px 120px;
}
.v4 .about-image-grid .grid-column-big {
aspect-ratio: 1;
width: 100%;
max-width: unset;
}
.v4 .grid-column-small {
flex-direction: row;
display: flex;
}	
.v4 .grid-column-small li.grid-image {
width: 100%;
height: auto;
aspect-ratio: 210 / 272;
}
.v4 span.animated-strike {
left: 135px;
top: 24px;
width: 130px;
}
.v4 span.animated-text {
left: 137px;
}
.v4 span.animated-text svg {
width: 150px;
}
.v4 div#splide-hoara ul li {
width: 55vw !important;
}
.v4 section#home-hoara div#page-title {
margin-bottom: 60px;
}
.v4 section#home-hoara {
padding: 60px 0px 100px;
}
.v4 .tall-card.parellax-up {
margin: 0px;
}
.v4 .tall-card.parellax-up {
margin: 0px;
}
.v4 .tall-card .image-and-title p.card-title {
font-size: 24px;
}
.v4 .tall-card {
width: calc(50% - 8px);
}
.v4 .parallax-cards {
gap: 16px;
justify-content: center;
row-gap: 40px;
margin-bottom: 0px;
}
.v4 .tall-card .image-and-title {
aspect-ratio: 560 / 384;
padding: 16px;
}
.v4 .tall-card {
width: 100%;
}
.v4 .tall-card p.description {
font-size: 16px;
line-height: 24px;
}
.v4 button.close {
width: 36px !important;
height: 36px !important;
padding: 10px;
}
.v4 .close:after, .v4 .close:before {
width: 2px;
height: 14px;
}
.v4 button.splide__arrow.splide__arrow--prev.arrowl svg, .v4 button.splide__arrow.splide__arrow--next.arrowr svg {
width: 24px;
}
}
@media only screen and (max-width:640px) {
.v4 section#home-hoara div#page-title p.section-title {
font-size: 32px;
line-height: 44px;
}
.v4 span.animated-text svg {
width: 120px;
}
.v4 span.animated-text {
left: 144px;
top: -72px;
}
.v4 span.animated-strike {
left: 135px;
top: 22px;
width: 129px;
}
.web-v3.single section#home-book-footer .section-title {
font-size: 28px;
line-height: 36px;
}
.single.web-v3 div#inner-page .left-content a.square-button.big-button {
font-size: 20px;
}
.single.web-v3 section#home-book-footer {
padding: 16px 20px;
}
.contact-map {
height: 320px;
}
.faq-map img {
margin-bottom: 0;
}
.faq-list {
margin-top: 4.5rem;
}
.page-template-faq-template #page-title h1 {
margin-bottom: 0!important;
padding-bottom: 0;
padding-top: 2rem;
font-size: 2.5rem!important;
line-height: 3rem!important;
}
.about-room .body {
padding: 1rem;
margin: 0 -.25rem!important;
}
.blog div#primary .site-main, .post-type-archive-journal div#primary .site-main, .tax-journal-type div#primary .site-main {
margin: 2.5rem 0 4rem;
grid-template-columns: 1fr;
}
.about-bg.desktop, img.about-artwork.about-artwork-desktop {
display: none;
}
.about-bg.mobile {
display: block;
}
#home-experiences .experiences-homegrid>div .experience-image {
width: 320px;
}
.right-image.experience-image {
margin-top: -261.5px;
}
#home-experiences .experiences-homegrid .left-grid {
padding-bottom: 261.5px;
}
img.room-arwork.room-arwork3 {
width: 360px;
right: -140px;
top: 140px;
}
img.room-arwork.room-arwork2 {
width: 440px;
bottom: -80px;
}
img.about-artwork.about-artwork-mobile {
position: relative;
display: block;
left: -1rem;
bottom: -100px;
aspect-ratio: 376/346;
width: calc(100% + 2rem);
background-size: contain;
margin-top: -60px;
}
img.offers-artwork.offers-artwork2 {
width: 1200px;
left: calc(608px - 1580px);
bottom: -250px;
}
img.offers-artwork.offers-artwork1 {
width: 1060px;
right: calc(608px - 960px - 418px);
top: -80px;
}
.subscribe-text {
max-width: 400px;
}
div#mobile-booking-bar form .form-inputs {
flex-direction: column;
gap: 16px;
align-items: center;
}
.web-v3 section#home-more-section .footer-big-menu ul#menu-footer-menu-big {
flex-wrap: wrap;
justify-content: center;
}
}@media only screen and (max-width:600px) {
.v4 .room-amenities ul.amenities li {
width: 100%;
}
.v4 section#banner {
width: 100%;
height: auto !important;
aspect-ratio: 3 / 4 !important;
max-height: 90vh;
}
.v4 .banner-video iframe {
position: absolute !important;
top: -175% !important;
left: -175% !important;
width: 225% !important;
height: 225% !important;
transform: translate(50%, 50%);
max-width: unset;
}
.web-v3 .image-left-offer h2 {
font-size: 24px;
line-height: 32px;
}
.web-v3 .image-left-offer h3 {
font-size: 16px;
line-height: 20px;
}
.web-v3 .image-left-offer p {
font-size: 14px;
line-height: 20px;
}
.web-v3.archive .splide ul#splide-offers-list.splide__list li.splide__slide {
width: calc((100% / 2) - 8px)!important;
}
.web-v3 ul#menu-footer {
max-width: unset;
}
.web-v3 ul#splide-offers-list li {
width: calc(50% - 20px)!important;
}
.web-v3 .card-list-section ul.splide__list li {
width: calc(50% - 24px)!important;
aspect-ratio: 390/500;
}
.infinite-slider .slide {
width: 100%}
.infinite-slider #slides {
row-gap: 6rem;
}
img.offers-artwork.offers-artwork1 {
right: calc(608px - 960px - 510px);
}
.infinite-slider .slide.opened .polaroid-cards .card, .infinite-slider .slide:nth-child(3n).opened .polaroid-cards .card, .infinite-slider .slide:nth-child(3n-2).opened .polaroid-cards .card {
left: calc(-124px - .25rem);
}
.infinite-slider .slide.opened .polaroid-cards .polaroid-0, .infinite-slider .slide:nth-child(3n).opened .polaroid-cards .polaroid-0, .infinite-slider .slide:nth-child(3n-2).opened .polaroid-cards .polaroid-0 {
transform: translate(calc(122px + 2rem), 0);
}
.infinite-slider .slide.opened .polaroid-cards .polaroid-1, .infinite-slider .slide:nth-child(3n).opened .polaroid-cards .polaroid-1, .infinite-slider .slide:nth-child(3n-2).opened .polaroid-cards .polaroid-1 {
transform: translate(calc(-124px - .25rem), 388px);
}
div#loaded-photos .polaroid-card-thumbs {
width: 100%;
grid-gap: 0.5rem;
margin-top: calc(-416px + -2.5rem);
justify-content: center;
}
#loaded-photos .polaroid-cards>div, .infinite-slider .slide .behind-polaroid, .infinite-slider .slide .card {
padding: .5rem .5rem 2rem;
aspect-ratio: 390/550;
}
.infinite-slider .slide .entry-content h1 {
opacity: 1;
}
.web-v3 .card-list-section ul.splide__list li a img {
height: 130px!important;
}
.web-v3 div#inner-page .left-content a.square-button.big-button {
margin-top: 60px;
}
}img.book-mobile-image {
width: 100%;
border-radius: 0 0 12px 12px;
display: none!important;
max-width: 720px;
margin: 0 auto 20px;
}
.page-template-event-booking-template .event-form {
padding-top: 64px;
}
@media only screen and (max-width:580px) {
.v4 .banner-video iframe {
position: absolute !important;
top: -200% !important;
left: -200% !important;
width: 250% !important;
height: 250% !important;
transform: translate(50%, 50%);
max-width: unset;
}
.v4 #home-stay .room-card, .v4 #home-stay ul#splide-stay-list li:last-child {
aspect-ratio: 800 / 720;
width: 86vw !important;
}
.v4 #home-stay .tall-card-title p.card-title {
font-size: 20px;
line-height: 28px;
}
.v4 #home-stay .tall-card-title span.round-button.book-now {
font-size: 12px;
line-height: 22px;
}
.v4 #home-stay .tall-card-title p.card-byline {
font-size: 12px;
line-height: 18px;
margin-bottom: 16px;
}
.floating .v4-header .right.quarter.mobile-menu a.toggle-nav {
padding: 22px 20px 22px;
line-height: 14px;
}
body.floating .v4-header div#header-bar .header-end a.square-button.big-button.nav-book {
font-size: 14px !important;
}
.web-v3.single section#home-book-footer .section-title {
text-align: center;
max-width: 360px;
}
.single.web-v3 div#inner-page .left-content a.square-button.big-button {
margin-left: unset;
}
.single.web-v3 section#home-book-footer {
flex-direction: column;
align-items: center;
gap: 24px;
}
.web-v3.archive #spa div#page-title h1 {
font-size: 2rem!important;
}
.web-v3.blog #page-title h1 {
padding-bottom: 1rem;
}
.web-v3.archive .archive-listing-section #people-listing .splide ul.splide__list li.splide__slide:hover .tall-card-title.image-card p.card-title {
font-size: 28px!important;
line-height: 32px!important;
}
.web-v3.archive #people-listing .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title span.support-text p {
font-size: 14px!important;
line-height: 20px!important;
}
.web-v3.single .featured-image.page-header-image-single.grid-container.grid-parent {
padding-top: 16px;
margin-bottom: -8px;
}
.web-v3.single-journal .inside-article h1.entry-title, .web-v3.single-post .inside-article h1.entry-title {
margin-top: 40px;
font-size: 28px!important;
line-height: 36px!important;
}
.web-v3.single-journal .inside-article h2, .web-v3.single-post .inside-article h2 {
font-size: 24px!important;
line-height: 32px!important;
}
.web-v3.single-journal .inside-article h3, .web-v3.single-post .inside-article h3 {
font-size: 22px!important;
line-height: 30px!important;
}
.web-v3.single-journal .inside-article h4, .web-v3.single-post .inside-article h4 {
font-size: 20px!important;
line-height: 28px!important;
}
.web-v3.single-journal .inside-article h5, .web-v3.single-journal .inside-article h6, .web-v3.single-post .inside-article h5, .web-v3.single-post .inside-article h6 {
font-size: 18px!important;
line-height: 26px!important;
}
.web-v3.single-journal .inside-article h5 strong, .web-v3.single-post .inside-article h5 strong {
font-weight: 600!important;
}
.web-v3.single-journal .inside-article h6 strong, .web-v3.single-post .inside-article h6 strong {
font-weight: 500!important;
}
.web-v3.archive.tax-journal-type div#page-title {
padding-bottom: 36px;
}
.web-v3.tax-journal-type.archive section.archive-listing-section {
padding-top: 180px;
}
.web-v3.archive .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .image-card {
min-height: 360px;
}
.web-v3.archive .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title.image-card {
padding: 8px;
}
.web-v3.archive .splide.post-listing-section ul.splide__list {
gap: 8px;
}
.web-v3.archive .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title span.support-text {
margin-top: 8px;
margin-bottom: 24px;
}
.web-v3.archive .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title.image-card p.card-title {
padding: 8px 12px;
}
.web-v3.archive .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title {
padding: 12px;
}
.web-v3.archive .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide {
width: calc((100% / 2) - 4px);
}
.web-v3 div#inner-page.one-column-center.seventy-thirty .left-content, .web-v3 div#inner-page.one-column-center.sixty-fourty .left-content {
padding: 60px 16px;
}
.web-v3 div#inner-page.one-column-center.seventy-thirty h1.inner-title, .web-v3 div#inner-page.one-column-center.sixty-fourty h1.inner-title {
margin-bottom: 20px;
}
.web-v3 div#inner-page.one-column-center.seventy-thirty article .entry-content p, .web-v3 div#inner-page.one-column-center.sixty-fourty article .entry-content p {
margin-bottom: 12px;
}
.web-v3.single-artist .right-slider, .web-v3.single-tribe_events .right-slider {
padding-top: 70px;
}
.lv4.single-artist .right-slider, .lv4.single-tribe_events .right-slider {
padding-top: 00px;
}
.web-v3 div#inner-page .right-slider {
min-height: 500px;
}
.web-v3 div#inner-page .right-slider div#splide-banner {
display: flex;
flex-flow: column; }
.web-v3 div#inner-page .left-content {
padding: 48px 24px;
}
.web-v3 #inner-page h1.inner-title {
font-size: 32px;
line-height: 120%}
.web-v3.archive div#page-title h1.section-title {
font-size: 32px;
line-height: 100%;
padding-bottom: 0!important;
margin-bottom: 20px!important;
}
.web-v3.blog div#page-title h1.section-title {
font-size: 32px;
line-height: 100%}
.web-v3 div#inner-page .left-content h4 {
font-size: 20px;
}
.v4-header div#header-bar{
height: 40px !important;
}
.v4-header .right.quarter.mobile-menu:after {
left: 48px;
}
.lv4 div#inner-page .right-slider div#splide-banner {
display: flex;
flex-flow: column;
flex: 1;
}
.lv4 .tribe-events-view .event-title-desc-area {
padding-top: 48px !important;
}
.lv4 div#gt_float_wrapper {
left: 60px;
}
.v4-header .right.quarter.mobile-menu {
display: flex;
position: absolute;
left: 0px;
bottom: 0px;
top: unset;
right: unset;
}
.v4-header .header-end a.square-button.big-button.nav-book, body.floating .v4-header div#header-bar .header-end a.square-button.big-button.nav-book {
font-size: 14px;
padding: 2px 12px !important;
}
.floating .v4-header div#header-bar-logo {
animation: none !important;
}
}@media only screen and (max-width:560px) {
#stay .page-content {
padding-bottom: 90px;
}
.subscribe-bar-content.grid-container>div, ul#menu-footer {
max-width: 320px;
}
div#title-and-book .banner-book-button a.square-button.big-button {
font-size: 16px;
padding: 6px 16px;
}
div#title-and-book {
gap: 20px;
}
div#banner-title h1 {
font-size: 28px;
line-height: 40px;
max-width: 320px;
}
.web-v3 .card-list-section ul.splide__list li {
aspect-ratio: 390/540;
}
.image-left-offer h3 {
font-size: 16px;
line-height: 24px;
margin: 6px 0 10px;
}
.image-left-offer p, .image-left-offer ul {
font-size: 10px;
line-height: 16px;
}
.image-left-offer ul {
margin-left: 14px;
margin-bottom: 28px;
}
.pop-up-text {
padding: 16px;
width: 80%!important;
}
.pop-up.image-left-offer {
max-width: 98%}
.pop-up.image-left-offer .plus {
width: 16px;
--b: 2.125px;
}
.post-type-archive-journal div#primary .site-main>div, .tax-journal-type div#primary .site-main>div {
margin: 6rem 0 8rem;
display: grid;
gap: 24px;
grid-template-columns: repeat(1, 1fr);
}
img.book-mobile-image {
width: 100%;
border-radius: 0 0 12px 12px;
display: block!important;
max-width: 720px;
margin: 0 auto 20px;
}
.close, [class^=arrow] {
border: none;
}
a.special-link img {
width: 80px;
}
body.page-template div#page, body.page-template-default div#page, body.page-template-default-template div#page {
overflow-x: hidden;
}
.contact-map {
height: 280px;
}
.page-template-about-template .default-template-title h1, .page-template-contact-template .default-template-title h1, .page-template-full-width-template .default-template-title h1 {
font-size: 3rem;
}
ul#menu-footer {
margin: 0 auto;
row-gap: .75rem;
padding: 0 .5rem;
}
.featured-items>div, body.home .featured-items>div {
width: 100%;
padding: 0 2rem;
}
.featured-items {
gap: 4rem;
}
img.offers-artwork.offers-artwork1 {
top: -100px;
}
img.offers-artwork.offers-artwork2 {
bottom: -300px;
}
.footer-widgets-container.grid-container {
padding-bottom: 2.5rem;
}
.subscribe-bar .subscribe-bar-content.grid-container:after {
background: url(https://oagaresorts.com/wp-content/themes/oaga-child/images/subscribeartworkmobile.svg) 0 0/cover no-repeat;
aspect-ratio: 376/356;
width: auto;
height: 100%;
right: 0;
bottom: 0!important;
top: 3rem;
}
.subscribe-bar-content.grid-container {
padding: 2.75rem 1rem;
gap: 2rem;
}
.subscribe-text p {
margin-top: .5rem;
}
.offer-detail-content .right-side .foot p, .offer-detail-content .right-side .inclusions ul li span, .tribe-events .tribe-events-calendar-month__multiday-event-bar-title {
font-size: 1rem;
line-height: 1.5rem;
}
.page-template-default .inside-article h1, .page-template-default-template .inside-article h1, .page-template-faq-template .inside-article h1 {
font-size: 3rem;
line-height: 3.25rem;
}
.infinite-slider .slide.opened .polaroid-cards .card, .infinite-slider .slide:nth-child(3n).opened .polaroid-cards .card, .infinite-slider .slide:nth-child(3n-2).opened .polaroid-cards .card {
left: calc(-84px - .25rem);
}
.infinite-slider .slide.opened .polaroid-cards .polaroid-1, .infinite-slider .slide:nth-child(3n).opened .polaroid-cards .polaroid-1, .infinite-slider .slide:nth-child(3n-2).opened .polaroid-cards .polaroid-1 {
transform: translate(calc(-84px - .25rem), 331px);
}
div#loaded-photos .polaroid-card-thumbs {
margin-top: calc(-416px + -2.5rem);
}
.mobile-banner.metaslider {
display: block;
}
.desktop-banner.metaslider, article#post-951 {
display: none;
}
#loaded-photos .polaroid-cards>div, .infinite-slider .slide .behind-polaroid, .infinite-slider .slide .card {
width: 230px;
}
.gallerybox .mini-gallery img {
height: 13rem;
}
.amenitybox {
padding: .5rem;
background: #fff;
}
.glide.full-width {
height: 440px;
}
.glide_data .grid-container .title-area {
padding-bottom: 1.5rem;
}
.related-rooms {
margin-bottom: 5rem;
padding-top: 2.25rem;
}
main#scroll-cards {
grid-template-columns: 1fr;
}
section.scroll-card {
aspect-ratio: 596/480;
}
#banner .soliloquy-container .soliloquy-viewport, #banner .soliloquy-container .soliloquy-wrap li, #banner .soliloquy-wrapper, section#banner, section#banner>div {
height: calc(100vh - 92px)!important;
max-height: unset;
}
.spinner video {
width: 320px!important;
}
.spinner {
max-width: 320px!important;
}
.big-cards .big-card {
height: auto;
aspect-ratio: 768/680;
}
.big-cards .big-card:first-child {
height: auto;
aspect-ratio: 768/760;
}
.offer-detail-content .right-side h1 {
font-size: 2.75rem;
line-height: 3.5rem;
}
.offer-detail-content .right-side .foot h3, .offer-detail-content .right-side .inclusions h3, .offer-detail-content .right-side h4 {
font-size: 1.25rem;
line-height: 1.75rem;
}
.offer-detail-content .right-side .inclusions {
margin-top: 2.25rem;
}
.offer-detail-content .right-side .inclusions ul {
gap: .75rem;
}
.offer-detail-content .right-side .foot {
margin-top: 3rem;
padding: 1.25rem;
}
.offer-cards .offer-card {
height: auto;
aspect-ratio: 350/430;
}
.page-template-faq-template #page-title h1, .post-type-archive-album #page-title h1, .post-type-archive-diving #page-title h1, .post-type-archive-eat #page-title h1, .post-type-archive-excursions #page-title h1, .post-type-archive-experiences #page-title h1, .post-type-archive-facilities #page-title h1, .post-type-archive-rooms #page-title h1, .post-type-archive-spa #page-title h1 {
font-size: 3.5rem;
padding-bottom: 2.25rem;
}
.post-type-archive-offers section#offer-listing, .post-type-archive-rooms #content.site-content, section#eat-listing {
padding-top: 3rem;
padding-bottom: 4.5rem;
}
.tribe-events-view .event-title-desc-area {
padding: 3rem 0 3.5rem;
}
.big-cards .big-card .entry-content {
padding: 1.75rem 1.5rem 1.5rem;
}
.big-cards .big-card .entry-content h1.entry-title {
font-size: 2rem;
}
.big-cards .big-card.opened .entry-content h1.entry-title {
margin-bottom: 1rem;
}
section#home-rooms .room-image {
aspect-ratio: 540/330;
}
#banner .soliloquy-controls.soliloquy-has-pager.soliloquy-has-controls-direction {
top: 180px;
}
.close {
margin: .5rem;
}
.arrowr {
right: -.75rem;
}
.arrowl {
left: -.75rem;
}
.lightbox img {
max-width: calc(100vw - 50px);
}
.gallerybox .mini-gallery {
gap: .25rem;
}
.tribe-events-c-top-bar__datepicker-container {
width: 270px!important;
}
.logo-book-row .mini-logo, .main-navigation .logo-book-row .mini-logo a, .main-navigation .logo-book-row .mini-logo a:after {
width: 32px;
height: 20px;
}
.logo-book-row {
left: -16px;
}
a.offers-link {
font-size: .8rem;
}
img.room-arwork.room-arwork2 {
bottom: -1020px;
}
img.room-arwork.room-arwork3 {
right: -180px;
top: 100px;
width: 350px;
}
img.room-arwork.room-arwork1 {
width: 480px;
left: -260px;
}
#home-experiences .experiences-homegrid>div .experience-image {
width: 270px;
}
.right-image.experience-image {
margin-top: -220.8px;
}
#home-experiences .experiences-homegrid .left-grid {
padding-bottom: 220.8px;
}
.page-template-contact-template .default-template-body {
padding: 32px 0 0;
}
.post-type-archive-eat .big-cards .big-card:first-child {
height: 760px;
}
.web-v3 .tribe-events-view .event-title-desc-area {
padding-left: 12px;
padding-top: 168px;
padding-right: 12px;
}
.web-v3 .event-title-desc-area .event-h1 {
font-size: 40px;
}
.web-v3 .event-list-page {
padding: 1rem 12px;
margin-bottom: 20px;
}
.web-v3 .splide__arrow--next {
scale: 0.6!important;
right: 6px!important;
}
.web-v3 .splide__arrow--prev {
scale: 0.6!important;
left: 6px!important;
}
.splide__arrow {
opacity: .5;
}
.v4-header ul#menu-mobile-menu a:before {
max-width: 6px;
max-height: 6px;
left: 4px;
top: 14px;
}
}
@media only screen and (max-width:497px) {
.v4 span.animated-strike {
left: 251px;
top: 22px;
width: 129px;
}
.v4 span.animated-text {
left: 264px;
top: -72px;
}
}
@media only screen and (max-width:480px) {
.v4 span.animated-text {
left: 125px;
top: -72px;
}
.v4 span.animated-strike {
left: 120px;
top: 21px;
width: 103px;
}
.v4 div#page-title p.section-title, v4.archive #home-stay div#page-title p.section-title {
font-size: 28px;
padding: 0 16px;
line-height: 40px;
}
.web-v3 .card-list-section ul.splide__list li, .web-v3 ul#splide-offers-list li {
aspect-ratio: unset!important;
width: calc(50% - 12px)!important;
}
#stay .page-content {
padding-left: 16px;
padding-right: 16px;
}
.web-v3.archive div#page-title h1 {
margin: 0;
}
.home .splide__arrow {
top: 96px;
}
.v4.home .splide__arrow {
top: 50%;
}
.home #offers .splide__arrow, .home #stay .splide__arrow {
top: 50%}
.web-v3 .image-left-offer h3 {
font-size: 14px;
line-height: 16px;
}
.web-v3 .image-left-offer h2 {
font-size: 20px;
line-height: 26px;
}
.web-v3 .pop-up-text a#book-now {
font-size: 16px!important;
line-height: 36px!important;
}
.web-v3 .image-left-offer p, .web-v3 ul#splide-offers-list li .tall-card-title p.card-title {
font-size: 12px;
line-height: 18px;
}
.web-v3 div#our-collaborators {
margin: 80px -8px 0;
padding: 40px 8px 80px;
}
.web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide a .tall-card-title {
gap: 8px;
padding: 12px;
}
.web-v3 span.event-h1.event-heading {
font-size: 28px;
line-height: 32px;
}
.web-v3 .event-title-desc-area p {
font-size: 14px;
line-height: 22px;
}
.web-v3.post-type-archive #page-title h1 {
font-size: 28px;
padding-bottom: 28px;
padding-top: 20px;
}
.page-content p {
font-size: 16px;
line-height: 24px;
}
.page-content h2 {
font-size: 24px;
line-height: 32px;
margin-bottom: 12px;
}
.web-v3.post-type-archive #page-title h1 span {
margin-top: 8px;
}
.web-v3 .card-list-section ul.splide__list, .web-v3 section.card-list-section .grid-container, .web-v3 ul#splide-offers-list, .web-v3.archive .splide ul.splide__list, .web-v3.rtl .card-list-section ul.splide__list {
gap: 8px;
}
.web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide {
width: calc((100% / 2) - 4px);
}
.web-v3.archive .splide ul#splide-offers-list.splide__list li.splide__slide {
width: calc((100% / 2) - 4px)!important;
}
.web-v3.archive section#offers, .web-v3.archive section.archive-listing-section, .web-v3.blog section.archive-listing-section {
padding: 160px 8px 80px;
}
.lv4.archive section#offers, .lv4.archive section.archive-listing-section, .lv4.blog section.archive-listing-section {
padding: 20px 8px 80px;
}
.sticky-container main, .web-v3.archive section#stay {
padding-top: 0;
}
.web-v3.post-type-archive-rooms div#page-title {
padding-left: 14px;
padding-right: 14px;
padding-top: 160px;
}
.web-v3 section#offers .grid-container p.section-title, .web-v3 section.card-list-section .grid-container p.section-title {
padding: 0 8px;
}
.web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide a .tall-card-title span.support-text span.more-text, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide a .tall-card-title span.support-text span.more-text {
font-size: 10px;
margin-top: 0;
}
.web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide a .tall-card-title span.support-text, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide a .tall-card-title span.support-text {
gap: 4px;
}
div#splide-rooms {
display: block!important;
}
div#splide-rooms .splide__slide {
width: 50%!important;
}
.web-v3 section#home-book-footer .section-title, .web-v3 section#home-more-section .section-title, .web-v3 section.card-list-section .grid-container p.section-title {
font-size: 28px;
}
.web-v3 section#home-more-section ul#menu-footer li a {
font-size: 10px;
}
.web-v3 section#home-more-section ul#menu-footer {
row-gap: 4px;
}
.web-v3 section#home-more-section .footer-big-menu ul#menu-footer-menu-big li a {
font-size: 10px!important;
padding: 8px 12px!important;
}
.web-v3 .card-list-section ul.splide__list li a .tall-card-title p.card-title, .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide a .tall-card-title p.card-title, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide a .tall-card-title p.card-title {
font-size: 14px!important;
line-height: 18px!important;
}
.web-v3 .card-list-section ul.splide__list li a .tall-card-title span.support-text p, .web-v3.archive .archive-listing-section .splide ul.splide__list li.splide__slide a .tall-card-title span.support-text p, .web-v3.blog .archive-listing-section .splide ul.splide__list li.splide__slide a .tall-card-title span.support-text p {
font-size: 10px;
line-height: 16px;
}
.web-v3 ul#splide-offers-list li {
height: 300px!important;
}
.web-v3 .card-list-section ul.splide__list li a .tall-card-title span.support-text span.more-text, .web-v3 section#stay ul.splide__list li a .tall-card-title span.more-text {
display: none;
}
.web-v3 section#banner .splide {
height: 500px!important;
}
.web-v3 ul.splide__list.\32 by2 {
flex-wrap: wrap;
display: none;
}
.web-v3 ul#splide-offers-list li .tall-card-title {
left: 12px;
padding: 8px 9px;
max-width: calc(100% - 24px)!important;
bottom: 12px;
}
.web-v3 section#stay ul.splide__list li a .tall-card-title .card-title {
font-size: 16px;
line-height: 26px;
}
.web-v3 section#stay ul.splide__list li a .tall-card-title {
width: 180px;
height: 180px;
}
.web-v3 section#stay ul.splide__list li a img {
aspect-ratio: 720/1200;
}
.web-v3 section#offers, .web-v3 section.card-list-section {
padding: 24px 0 28px;
}
.post-type-archive-eat .big-cards .big-card:first-child {
height: 870px;
}
a.special-link img {
width: 70px;
}
a.special-link p {
padding-right: 1rem;
}
section#home-rooms {
margin: 0 -1rem;
max-width: 100vw;
overflow: hidden!important;
}
.about-bg, .featured-bg {
max-width: 100%}
#quadmenu:not(.quadmenu-is-horizontal) .quadmenu-navbar-nav li.quadmenu-item>.quadmenu-dropdown-menu {
width: 100%}
.page-template-default .default-template-title h1, .page-template-default-template .default-template-title h1 {
font-size: 3.25rem;
}
.post-type-archive-eat .big-cards .big-card {
height: 770px;
}
.post-type-archive-experiences .big-cards .big-card, .post-type-archive-facilities .big-cards .big-card {
height: auto;
aspect-ratio: 768/1260;
}
.post-type-archive-journal .default-template-title h1, .tax-journal-type .default-template-title h1 {
font-size: 3.5rem;
padding-top: 3rem;
}
.tax-journal-type a.back-to-gallery {
padding-top: 3.5rem;
}
article h1.entry-title {
font-size: 1.75rem;
line-height: 2.25rem;
}
article .entry-meta {
font-size: .75rem;
line-height: 1.25rem;
}
.home #home-rooms div#page-title {
padding-bottom: 0;
margin-bottom: -2rem;
}
.home #home-experiences div#page-title .fancy-h1, .home #home-experiences div#page-title h1.fancy-h1, .home #home-experiences div#page-title h3.fancy-h1 {
font-size: 10rem;
}
.home #home-experiences div#page-title h1 {
font-size: 2.75rem;
line-height: 1;
}
.featured-items>div {
padding: 0 1rem;
}
img.room-arwork.room-arwork2 {
width: 380px;
bottom: -1140px;
}
img.room-arwork.room-arwork3 {
top: 20px;
}
img.room-arwork.room-arwork1 {
top: -220px;
}
img.offers-artwork.offers-artwork1 {
width: 960px;
right: calc(608px - 960px - 440px);
top: -60px;
}
.faq-list details>div {
font-size: .95rem;
line-height: 1.5rem;
}
.faq-list summary h4 {
font-size: 1.25rem;
line-height: 1.5rem;
}
.inside-page-header, .one-container .site-content, .separate-containers .comments-area, .separate-containers .inside-article, .separate-containers .page-header, .separate-containers .paging-navigation {
padding: .75rem;
}
.page-template-default .inside-article h1, .page-template-default-template .inside-article h1, .page-template-faq-template .inside-article h1 {
font-size: 2.75rem!important;
line-height: 3rem!important;
}
.page-template-default .inside-article p, .page-template-default-template .inside-article p {
font-size: 1.125rem;
margin: 0 auto 1.75rem;
}
.page-template-default .inside-article .entry-content:not(:first-child), .page-template-default-template .inside-article .entry-content:not(:first-child) {
margin-bottom: 2rem;
}
#loaded-photos .polaroid-cards>div, .opened .infinite-slider .slide .behind-polaroid, .opened .infinite-slider .slide .card {
width: 196px;
padding: .25rem;
}
#loaded-photos .polaroid-cards>div img, .opened .infinite-slider .slide img, .polaroid-cards>div img {
aspect-ratio: 324/460;
}
.infinite-slider .slide.opened .polaroid-cards .card, .infinite-slider .slide:nth-child(3n).opened .polaroid-cards .card, .infinite-slider .slide:nth-child(3n-2).opened .polaroid-cards .card {
left: calc(-48px - .25rem);
}
.infinite-slider .slide.opened .polaroid-cards .polaroid-0, .infinite-slider .slide:nth-child(3n).opened .polaroid-cards .polaroid-0, .infinite-slider .slide:nth-child(3n-2).opened .polaroid-cards .polaroid-0 {
transform: translate(calc(119px + 2rem), 0);
}
.infinite-slider .slide.opened .polaroid-cards .polaroid-1, .infinite-slider .slide:nth-child(3n).opened .polaroid-cards .polaroid-1, .infinite-slider .slide:nth-child(3n-2).opened .polaroid-cards .polaroid-1 {
transform: translate(calc(-48px - .25rem), 280px);
}
div#loaded-photos .polaroid-card-thumbs {
grid-gap: 0.25rem;
}
.gallerybox .mini-gallery img {
height: 11rem;
}
.glide.full-width {
height: 400px;
}
.glide_data .grid-container .title-area h1 {
font-size: 3rem;
line-height: 3.5rem;
}
.room-detail-content .description-features h1 {
font-size: 2.75rem!important;
}
.big-cards .big-card:first-child {
height: auto;
aspect-ratio: 768/1040;
}
.big-cards .big-card {
height: auto;
aspect-ratio: 768/1160;
}
.big-cards .big-card .entry-content h1.entry-title {
font-size: 1.75rem;
line-height: 2rem;
}
:root {
font-size: 14px;
}
.delay-1 {
animation-delay: .1s;
}
.delay-2 {
animation-delay: 125ms;
}
.delay-3 {
animation-delay: .15s;
}
.delay-4 {
animation-delay: .17s;
}
.delay-5 {
animation-delay: 185ms;
}
.delay-6 {
animation-delay: 195ms;
}
.delay-7 {
animation-delay: .2s;
}
.delay-8 {
animation-delay: 205ms;
}
.delay-9 {
animation-delay: .21s;
}
.delay-10 {
animation-delay: .2125s;
}
.delay-11 {
animation-delay: 215ms;
}
.delay-12 {
animation-delay: 217ms;
}
.delay-13 {
animation-delay: .2185s;
}
.delay-14 {
animation-delay: 219ms;
}
.delay-15 {
animation-delay: .22s;
}
.delay-16 {
animation-delay: 225ms;
}
.delay-17 {
animation-delay: .23s;
}
.delay-18 {
animation-delay: 235ms;
}
.delay-19 {
animation-delay: .2375s;
}
.delay-20 {
animation-delay: .24s;
}
.delay-21 {
animation-delay: .2425s;
}
.delay-22 {
animation-delay: 243ms;
}
.delay-23 {
animation-delay: .2435s;
}
.delay-24, .delay-25 {
animation-delay: 244ms;
}
.page-template-faq-template #page-title h1, .post-type-archive-album #page-title h1, .post-type-archive-diving #page-title h1, .post-type-archive-eat #page-title h1, .post-type-archive-excursions #page-title h1, .post-type-archive-experiences #page-title h1, .post-type-archive-facilities #page-title h1, .post-type-archive-rooms #page-title h1, .post-type-archive-spa #page-title h1 {
font-size: 3.25rem;
padding-bottom: 2rem;
}
.post-type-archive-offers section#offer-listing, section#eat-listing {
padding: 2.75rem 0 5rem;
}
.home div#page-title .page-title-h1, .home div#page-title h1, .post-type-archive-artist section#artist-listing #page-title .page-title-h1, .post-type-archive-artist section#artist-listing #page-title h1, .post-type-archive-people section#artist-listing #page-title .page-title-h1, .post-type-archive-people section#artist-listing #page-title h1 {
font-size: 3rem;
}
.page-template-contact-template .default-template-body .inside-article, section#artist-listing {
padding: 0!important;
}
.offer-detail-content .right-side h1 {
font-size: 2.25rem;
line-height: 2.75rem;
}
ul.social-icons a {
font-size: 1.75rem;
}
.footer-widgets-container.grid-container .inner-padding.widget_media_image {
padding: 3rem 0 2rem;
}
.footer-widgets-container.grid-container {
padding-bottom: 2.5rem;
}
.offer-cards {
grid-template-columns: 1fr;
}
.offer-cards .offer-card {
height: auto;
aspect-ratio: 389/424;
}
.tribe-events-c-top-bar__datepicker-container {
width: 250px!important;
}
.tribe-events .tribe-events-calendar-month__day-cell {
border-radius: .75rem;
}
.tribe-events .tribe-events-calendar-month__multiday-event--display .tribe-events-calendar-month__multiday-event-bar {
border-radius: .75rem!important;
}
.tribe-events-calendar-month__day--current h3.tribe-events-calendar-month__day-date.tribe-common-h4:before, .tribe-events-calendar-month__day--current p.tribe-events-calendar-month__day-date.tribe-common-h4:before {
width: 25px;
height: 25px;
}
.right-image.experience-image {
margin-top: -171.5px;
}
#home-experiences .experiences-homegrid>div .experience-image {
width: 210px;
}
#home-experiences .experiences-homegrid .left-grid {
padding-bottom: 190px;
}
.single-journal div#primary .inside-article, .single-post div#primary .inside-article {
padding: 1rem 1rem 2.5rem;
border-radius: 2rem;
}
article .entry-content p {
font-size: .875rem;
line-height: 1.25rem;
}
.web-v3 div#inner-page .right-slider {
min-height: 360px;
display: flex;
flex-flow: column;
}
.v4 div#splide-hoara ul li a .tall-card-title p, .v4 div#splide-hoara ul li  .tall-card-title p {
font-size: 14px;
line-height: 22px;
}
.v4 div#splide-hoara ul li {
width: 60vw !important;
}
}
@media only screen and (max-width:450px) {
.v4 section#home-hoara div#page-title p.section-title br {
display: none;
}
.v4 span.animated-strike {
width: 154px;
}
.v4 span.animated-text svg {
width: 98px;
}
.v4 span.animated-strike {
top: 21px;
width: 100px;
left: 29%;
}
.v4 span.animated-text {
left: 32%;
top: -60px;
}
}
@media only screen and (max-width:420px) {
.v4 span.animated-text {
top: -60px;
right: 50%;
left: 50%;
margin-left: 8px;
}
.v4 span.animated-strike {
top: 21px;
width: 100px;
left: 50%;
right: 50%;
}
.web-v3.archive.tax-journal-type div#page-title h1.section-title {
padding-top: 8px!important;
}
.web-v3.archive section#journal {
padding-top: 180px;
}
.web-v3.archive.tax-journal-type div#page-title {
padding-bottom: 28px;
}
.web-v3 div#inner-page .left-content {
padding: 28px 16px;
}
.pop-up-image {
width: 100px!important;
}
.right-image.experience-image {
margin-top: -163px;
}
#home-experiences .experiences-homegrid>div .experience-image {
width: 200px;
}
#home-experiences .experiences-homegrid .left-grid {
padding-bottom: 180px;
}
img.offers-artwork.offers-artwork1 {
width: 860px;
right: calc(608px - 889px - 347px);
top: 40px;
}
.tribe-events .tribe-events-calendar-month__day-cell.single-day-event .tribe-events-calendar-month__calendar-event-highlight .tribe-events-calendar-single-event-dot {
margin-top: 2.25rem;
}
.amenitybox {
padding: 0;
background: #fff;
}
.room-amenities ul.amenities li {
width: 100%}
.room-detail-content .description-features ul.features {
gap: 1rem;
flex-direction: column;
}
.home #home-experiences div#page-title .fancy-h1, .home #home-experiences div#page-title h1.fancy-h1, .home #home-experiences div#page-title h3.fancy-h1 {
font-size: 8rem;
line-height: 7.5rem;
}
.home #home-experiences div#page-title h1 {
font-size: 2.25rem;
}
#home-featured div#page-title .page-title-h1, #home-featured div#page-title h1 {
font-size: 6.5rem;
}
.home #home-about div#page-title h1 {
font-size: 2.5rem;
}
.page-template-about-template .default-template-title, .page-template-contact-template .default-template-title, .page-template-default .default-template-title, .page-template-default-template .default-template-title, .page-template-full-width-template .default-template-title {
padding: 3.5rem 1rem 2rem;
}
div#menu-event .event-list-page {
width: 100%!important;
}
div#menu-event {
width: 100%;
max-width: unset;
}
.page-template-contact-template form.wpcf7-form {
padding: 1.75rem 1.25rem .125rem;
border-radius: 32px;
}
}.tribe-common .tribe-common-b3 {
text-transform: unset;
}
@media only screen and (max-width:400px) {
.web-v3.archive.post-type-archive-artist section#journal, .web-v3.post-type-archive-artist {
padding-bottom: 0;
}
.web-v3.archive section#journal {
padding: 150px 4px 48px;
}
.web-v3 div#our-collaborators {
margin: 60px -4px 0;
padding: 20px 4px 60px;
}
.web-v3.archive .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title p.entry-meta.journal-type {
font-size: 10px;
padding: 2px 4px;
}
.web-v3.archive .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title p.card-title, .web-v3.blog .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title p.card-title {
margin-top: 12px;
}
.web-v3.archive .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .image-card, .web-v3.blog .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .image-card {
min-height: 240px;
padding: 4px!important;
}
.web-v3.archive .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title span.support-text, .web-v3.blog .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title span.support-text {
margin-top: 4px;
}
.web-v3.archive .splide.post-listing-section ul.splide__list, .web-v3.blog .splide.post-listing-section ul.splide__list {
gap: 4px;
}
.web-v3.archive .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title.image-card p.card-title, .web-v3.blog .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title.image-card p.card-title {
font-size: 12px!important;
padding: 8px 12px;
line-height: 17px!important;
}
.web-v3.archive .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title, .web-v3.blog .archive-listing-section .splide.post-listing-section ul.splide__list li.splide__slide .tall-card-title {
padding: 8px;
}
.web-v3 ul#splide-offers-list li {
height: 260px!important;
}
.web-v3 section#stay ul.splide__list li a .tall-card-title .card-title {
font-size: 14px;
line-height: 22px;
}
.web-v3 section#stay ul.splide__list li a .tall-card-title {
width: 128px;
height: 112px;
}
.subscribe-form form.wpcf7-form input[type=email] {
max-width: calc(100vw - 96px - 3rem)!important;
}
.subscribe-form form.wpcf7-form input[type=submit], .subscribe-form input.wpcf7-form-control.has-spinner.wpcf7-submit {
max-width: 96px;
}
.post-type-archive-eat .big-cards .big-card {
height: 710px;
}
.page-template-default .default-template-title h1, .page-template-default-template .default-template-title h1 {
font-size: 2.5rem;
}
.post-type-archive-experiences .big-cards .big-card, .post-type-archive-facilities .big-cards .big-card {
height: auto;
aspect-ratio: 560/1140;
}
.post-type-archive-journal .default-template-title h1, .tax-journal-type .default-template-title h1 {
font-size: 3rem;
padding-top: 3rem;
}
.tax-journal-type a.back-to-gallery {
padding-top: 3rem;
}
.right-image.experience-image {
margin-top: -163px;
}
#home-experiences .experiences-homegrid>div .experience-image, .subscribe-form input[type=text] {
width: 200px;
}
#home-experiences .experiences-homegrid .left-grid {
padding-bottom: 180px;
}
img.room-arwork.room-arwork3 {
width: 320px;
right: -200px;
top: 20px;
}
img.room-arwork.room-arwork1 {
width: 440px;
left: -180px;
}
img.room-arwork.room-arwork2 {
width: 320px;
right: -40px;
}
.home #home-rooms div#page-title {
max-width: 280px;
}
.home #home-rooms div#page-title h1 {
margin-top: 1.75rem;
font-size: 5.5rem;
line-height: 5.5rem;
text-align: left;
}
img.offers-artwork.offers-artwork1 {
top: 60px;
right: calc(608px - 888px - 347px);
}
.tribe-events .tribe-events-calendar-month__multiday-event-bar-title {
font-size: .75rem;
line-height: 1rem;
}
.tribe-common--breakpoint-medium.tribe-common .tribe-common-h4 time {
font-size: .75rem;
}
.tribe-events .tribe-events-calendar-month__day-cell.single-day-event .tribe-events-calendar-month__calendar-event-highlight .tribe-events-calendar-single-event-dot {
margin-top: 2rem;
}
.tribe-events .tribe-events-calendar-month__day-cell {
border-radius: .5rem;
}
.tribe-events .tribe-events-calendar-month__multiday-event--display .tribe-events-calendar-month__multiday-event-bar {
border-radius: .5rem!important;
}
#loaded-photos .polaroid-cards>div, .opened .infinite-slider .slide .behind-polaroid, .opened .infinite-slider .slide .card {
width: 174px;
padding: .125rem;
}
.infinite-slider .slide.opened .polaroid-cards .card, .infinite-slider .slide:nth-child(3n).opened .polaroid-cards .card, .infinite-slider .slide:nth-child(3n-2).opened .polaroid-cards .card {
left: calc(-26px - .25rem);
}
.infinite-slider .slide.opened .polaroid-cards .polaroid-1, .infinite-slider .slide:nth-child(3n).opened .polaroid-cards .polaroid-1, .infinite-slider .slide:nth-child(3n-2).opened .polaroid-cards .polaroid-1 {
transform: translate(calc(-27px - .25rem), 249px);
}
.infinite-slider .slide.opened .polaroid-cards .polaroid-0, .infinite-slider .slide:nth-child(3n).opened .polaroid-cards .polaroid-0, .infinite-slider .slide:nth-child(3n-2).opened .polaroid-cards .polaroid-0 {
transform: translate(calc(120px + 2rem), 0);
}
.gallerybox .mini-gallery img {
height: 9rem;
}
.related-rooms main#scroll-cards.mobile-relateds section.scroll-card {
height: 200px;
}
section.scroll-card a.room-item .entry-title {
font-size: 1.35rem;
line-height: 1.5rem;
}
section.scroll-card a.room-item p.by-line {
font-size: .8rem;
line-height: .9rem;
}
.page-template-faq-template #page-title h1, .post-type-archive-album #page-title h1, .post-type-archive-diving #page-title h1, .post-type-archive-eat #page-title h1, .post-type-archive-excursions #page-title h1, .post-type-archive-experiences #page-title h1, .post-type-archive-facilities #page-title h1, .post-type-archive-rooms #page-title h1, .post-type-archive-spa #page-title h1 {
font-size: 2.75rem;
padding-bottom: 1.75rem;
}
.big-cards .big-card:first-child {
height: auto;
aspect-ratio: 580/1040;
}
.big-cards .big-card {
height: auto;
aspect-ratio: 620/960;
}
.tribe-events-c-top-bar__datepicker-container {
width: 200px!important;
}
.tribe-events .datepicker .month, .tribe-events .datepicker .year {
width: 33%}
.tribe-events-calendar-month__day--current h3.tribe-events-calendar-month__day-date.tribe-common-h4:before, .tribe-events-calendar-month__day--current p.tribe-events-calendar-month__day-date.tribe-common-h4:before {
width: 20px;
height: 20px;
}
.post-type-archive-eat .big-card .entry-content p, .post-type-archive-eat .big-card.opened .full-details .body p, .post-type-archive-experiences .big-card .entry-content p, .post-type-archive-experiences .big-card.opened .full-details .body p, .post-type-archive-facilities .big-card .entry-content p, .post-type-archive-facilities .big-card.opened .full-details .body p {
font-size: .875rem;
line-height: 1.325rem;
}
}@media only screen and (max-width:360px) {
.post-type-archive-eat .big-cards .big-card {
height: 750px;
}
.tribe-events .tribe-events-calendar-month__day-cell.single-day-event .tribe-events-calendar-month__calendar-event-highlight .tribe-events-calendar-single-event-dot {
margin-top: 1.575rem;
}
.post-type-archive-album .opened #page-title h1#album-title {
font-size: 2.75rem;
}
#loaded-photos .polaroid-cards>div {
width: 154px;
padding: .125rem;
}
.opened .infinite-slider .slide .behind-polaroid, .opened .infinite-slider .slide .card {
width: 154px;
}
.infinite-slider .slide.opened .polaroid-cards .card, .infinite-slider .slide:nth-child(3n).opened .polaroid-cards .card, .infinite-slider .slide:nth-child(3n-2).opened .polaroid-cards .card {
left: calc(-7px - .25rem);
}
.infinite-slider .slide.opened .polaroid-cards .polaroid-1, .infinite-slider .slide:nth-child(3n).opened .polaroid-cards .polaroid-1, .infinite-slider .slide:nth-child(3n-2).opened .polaroid-cards .polaroid-1 {
transform: translate(calc(-7px - .25rem), 221px);
}
.post-type-archive-album #page-title {
padding: 0 1rem;
}
a.room-item .entry-title {
font-size: 1.5rem;
line-height: 1.75rem;
}
a.room-item p.by-line {
font-size: .85rem;
line-height: 1rem;
}
.big-cards .big-card .entry-content h1.entry-title {
line-height: 1.75rem;
font-size: 1.5rem;
margin-bottom: .5rem!important;
}
.big-cards .big-card {
height: auto;
aspect-ratio: 540/960;
}
.big-cards .big-card:first-child {
height: auto;
aspect-ratio: 520/1040;
}
}@media only screen and (max-width:320px) {
img.offers-artwork.offers-artwork1 {
top: 11rem;
}
.subscribe-form input[type=text] {
width: 160px;
}
div#loaded-photos .polaroid-card-thumbs {
grid-gap: 1rem;
grid-gap: 1rem;
margin-top: -835px;
}
.opened .infinite-slider .slide .behind-polaroid, .opened .infinite-slider .slide .card {
width: 154px;
position: relative!important;
margin: 0 auto 1rem!important;
left: unset!important;
transform: unset!important;
}
}img.book-banner {
margin: 12px auto 32px;
display: flex;
width: 100%;
border-radius: 18px;
max-width: 720px;
}
.page-template-contact-template .event-form form.wpcf7-form input, .page-template-contact-template .event-form form.wpcf7-form select {
margin-bottom: 24px!important;
}
label.contact-with-country {
display: flex;
flex-wrap: wrap;
column-gap: 8px;
}
.event-form form .row p label, label.contact-with-country>span[data-name=phoneNumber] {
flex: 1;
}
label.contact-with-country>span[data-name=countrylist] {
max-width: 100px;
}
.event-form form .row p {
display: flex;
gap: 12px;
}
.country-select.inside {
width: 100%;
margin-bottom: .75rem!important;
}
.country-select.inside input, .country-select.inside input[type=text] {
padding-right: 6px!important;
padding-left: 52px!important;
margin-left: 0;
margin-bottom: 0!important;
}
label.contact-with-country>span[data-name=countrylist] {
max-width: 100px;
}
.event-form form .row p {
display: flex;
gap: 12px;
}
.country-select.inside {
width: 100%;
margin-bottom: .75rem!important;
}
.country-select.inside input, .country-select.inside input[type=text] {
padding-right: 6px!important;
padding-left: 52px!important;
margin-left: 0;
margin-bottom: 0!important;
}
details > summary::-webkit-details-marker {
display: none;
}
::marker{ display:none; } summary{ list-style: none } summary::-webkit-details-marker {display:none;}
.web-v3.archive section#diving {
background: #fff !important;
}
.web-v3.archive section#diving:before{
display: none;
}
.web-v3.archive #diving div#page-title h1 {
color: #181818;
}