/*
Theme Name: Homey Child
Theme URI: http://themeforest.net/user/favethemes/
Author: Favethemes
Author URI: http://themeforest.net/user/favethemes/
Description: Homey is a powerful booking platform that lets you run a residential or commercial
rental business online with no hassle
Version: 1.0.0
Tags: right-sidebar, left-sidebar, custom-colors, custom-menu, featured-images, post-formats, theme-options, translation-ready
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: homey
Template: homey
*/
/* Your CSS code goes here
-------------------------------------- */
:root {
--color-grey: #d9d9d9;
--color-navy: #001f47;
--color-gold: #a28a5c;
--color-silver: #cacaca;
}
body {
overflow-y: scroll;
/* font-size: 15px !important; */
}
.font-ital,
.page-intro-content i {
font-family: 'Cormorant', serif;
font-weight: 400;
font-style: italic;
color:#a28a5c;
}
.search-date-range-arrive {
width: 100%;
}
.search-date-range-depart {
display: none
}
.search-budget-range {
min-width: 250px;
width: auto;
vertical-align: middle;
padding-right: 10px;
position: relative;
display: table-cell;
}
.search-banner .search-budget-range .animated-label {
color: #949ca5;
left: 50px;
font-size: 12px;
font-weight: 400;
position: absolute;
}
/* header widget */
.header-widget {
display: inline-flex;
align-items: center;
font-family: 'Manrope', sans-serif;
width: 140px;
gap: 0px;
transition: none;
justify-content: space-between;
}
/* icon sizing & spacing */
.header-widget .widget-icon img {
width: 14px;
height: 14px;
margin-right: 2px;
margin-bottom: 0px;
}
.widget-icon-mask {
width: 14px;
height: 14px;
margin-right: 2px;
margin-bottom: 0px;
background-color: var(--color-navy);
/* default for non-transparent headers */
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
mask-size: contain;
}
span.widget-value {
width: 35px;
text-align: right;
}
.budget-apply-btn {
float: right;
margin-top: 10px;
}
.custom-css .budget-apply-btn .btn,
.custom-css .guest-apply-btn .btn {
color: #fff;
height: 42px !important;
font-size: 14px !important;
font-weight: 700;
line-height: 40px;
padding: 0 30px;
text-align: center;
border-radius: 30px;
background-color: #000;
text-transform: uppercase;
}
.custom-css .budget-apply-btn .btn:hover,
.custom-css .guest-apply-btn .btn:hover {
color: #000;
}
.custom-css .search-banner .bootstrap-select button.btn.btn-primary {
background-color: black !important;
text-transform: uppercase;
}
.custom-css .search-filter-footer .btn,
#search_submit_button {
text-transform: uppercase;
}
.custom-css .search-banner .bootstrap-select button.btn.btn-primary:hover {
background-color: rgb(255, 255, 255) !important;
color: black;
border: 1px solid black;
}
.filters-wrap span.filter-option.pull-left {
padding: 7px 0px 0px 0;
margin-left: 8px;
text-transform: none;
}
.filters-wrap .btn {
text-transform: uppercase;
}
.custom-css .btn-primary:active {
color: #000 !important;
background-color: transparent !important;
border-color: #000000 !important;
}
.custom-css .btn-primary:focus {
background-color: transparent !important;
color: black;
}
button.btn.btn-action {
border-radius: 13px;
}
.custom-css .btn-primary:hover {
color: #ffffff;
background-color: transparent;
border-color: #000;
}
.custom-css .property-item .btn-primary:hover,
.custom-css .property-item .btn-primary:active,
.custom-css .property-item .btn-primary:focus {
color: white !important;
background: var(--color-gold) !important;
border-color: var(--color-gold) !important;
}
.search-banner .search-budget-range .form-control {
padding-top: 22px;
padding-right: 0;
padding-bottom: 20px;
padding-left: 50px;
height: 56px;
font-size: 15px;
}
.search-banner .search-guests .form-control.on-focus,
.search-banner .search-budget-range .form-control.on-focus,
.search-banner .search-date-range .form-control.on-focus,
.search-banner .search-date-range-arrive .form-control.on-focus {
padding-bottom: 10px !important;
}
.search-date-range-arrive input.form-control.on-focus {
padding-bottom: 10px !important;
}
.search-budget-range:after {
position: absolute;
}
.search-budget-range:after {
left: 15px;
top: 14px;
font-family: "homey-icon";
font-size: 16px;
line-height: initial;
}
.search-banner .search-budget-range:after {
content: "\e95a";
}
.search-budget-range:after {
top: 19px;
left: 20px;
font-size: 18px;
line-height: initial;
}
.with-select .bootstrap-select .dropdown-toggle.bs-placeholder .filter-option {
line-height: 54px;
}
button.search-cal-prev.btn.btn-action.pull-left.disabled {
visibility: hidden;
}
.half-map-search .search-calendar,
.half-map-search .search-guests-wrap,
.half-map-search #filter-budget-slider-container {
border-radius: 20px !important;
}
.half-map-right-wrap #homey-map-loading {
display: none
}
#homey_halfmap_listings_container #homey-map-loading {
top: 0;
z-index: 8;
background: white;
width: 100%;
position: fixed;
left: 0;
}
.map-btn {
border-radius: 10px;
}
.loader-ripple.spinner {
width: 60px;
height: 60px;
margin: 0 auto;
position: relative;
background-image: url('/wp-content/uploads/2025/06/CSH-Logo-snow-loader.png');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
animation: bounceLoader 1.2s ease-in-out infinite;
}
.loader-ripple.spinner .bounce1,
.loader-ripple.spinner .bounce2,
.loader-ripple.spinner .bounce3 {
display: none;
}
@keyframes bounceLoader {
0%,
100% {
transform: translateY(0);
}
30% {
transform: translateY(-12px);
}
50% {
transform: translateY(0);
}
70% {
transform: translateY(-6px);
}
}
.gm-marker,
.gm-marker-price {
display: none !important;
}
.half-map-search .search-destination img {
width: 26px;
height: auto;
top: 14px;
left: 16px;
font-size: 18px;
line-height: initial;
position: absolute;
filter: brightness(0) !important;
z-index: 5;
}
.custom-css .half-map-search .search-date-range svg {
display:none !important;
width: 26px;
height: auto;
top: 10px;
left: 16px;
font-size: 18px;
line-height: initial;
position: absolute;
filter: brightness(0) !important;
z-index: 5;
}
.half-map-search .with-select .bootstrap-select .btn {
padding: 0px 15px;
}
.custom-css .half-map-search .form-control,
.half-map-search #filter-budget-visible-input {
padding-left: 50px;
}
.half-map-search .search-destination .dropdown-menu input {
padding: 0px 15px;
}
.half-map-search .search-destination .filter-option {
padding-left: 37px;
}
.search-calendar .btn-clear-date {
cursor: pointer;
z-index: 99;
top: 9px;
right: 20px;
font-weight: 600;
font-size: 14px;
position: absolute;
}
.custom-css .half-map-search .search-guests img {
width: 24px;
height: auto;
top: 12px;
left: 16px;
font-size: 18px;
line-height: initial;
position: absolute;
}
.half-map-search .filter-budget-range img {
position: absolute;
width: 21px;
top: 14px;
left: 14px;
}
#google-maps-info-window .item-wrap .property-item {
border-radius: 35px;
border: none;
padding: 5px;
}
#google-maps-info-window .title a {
line-height: 1.2;
}
.custom-css .homey_half_map_search_btn:hover,
.custom-css .homey_half_map_search_btn:focus,
.custom-css .homey_half_map_search_btn:active {
color: white !important;
background-color: #a28a5c !important;
border: 1px solid transparent !important;
}
#google-maps-info-window .item-title-head {
margin-top: 20px;
margin-bottom: 0px;
}
#google-maps-info-window .item-media-thumb img {
max-width: 100%;
}
@media (max-width:640px) {
.item-media.item-media-thumb a {
border-radius: 0px;
}
#google-maps-info-window .item-media-thumb img {
max-width: 50%;
margin-left: auto;
margin-right: auto;
border-radius: 25px;
}
}
.half-map-search button,
.half-map-search input {
border-radius: 30px !important;
}
@media (min-width: 768px) and (max-width: 991px) {
.half-map-search-inner-wrap .search-calendar .left-calendar,
.half-map-search-inner-wrap .search-calendar .right-calendar {
width: 100%;
}
.half-map-search-inner-wrap .search-calendar {
left: 0;
flex-flow: column;
width: 100%;
}
.half-map-search-inner-wrap .left-calendar {
margin-bottom: 20px
}
.half-map-search-inner-wrap .flexible-dates-label {
padding: 5px 7px;
}
.half-map-search-inner-wrap .flexible-dates-toggle {
gap: 8px;
}
.half-map-search-inner-wrap .search-calendar:after,
.search-calendar:before {
left: 20%;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.half-map-search-inner-wrap .search-calendar {
left: auto;
}
}
.applyDate {
display: none;
}
.date-apply-btn .applyDate {
height: 42px !important;
width: 13rem;
z-index: 1;
background-color: #000;
border-radius: 20px;
text-transform: uppercase;
}
button.btn.btn-primary.applyDate:hover {
border-color: black;
background-color: transparent;
color: black;
}
.custom-css button.btn.btn-primary.applyDate:focus {
border-color: black;
background-color: transparent;
color: black;
}
.date-apply-btn {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
top: 59px;
position: absolute;
}
.cal-actions-container {
z-index: 1;
float: none;
top: 15px;
clear: both;
white-space: nowrap;
width: 100%;
position: relative;
z-index:9999;
}
.custom-css .search-calendar .calendar-navigation {
z-index: 4;
float: none;
top: auto;
clear: none;
}
@media (max-width: 991px) {
.search-budget-range {
width: 100%;
margin-bottom: 10px;
clear: both;
display: block;
padding-right: 0;
}
.search-banner .search-button button {
width: 100%;
}
}
.search-banner .search-budget-range input.form-control {
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
overflow: hidden;
}
/* Budget Slider Styling */
/* Budget Slider Styling */
#filter-budget-slider-container,
#budget-slider-container,
#mobile-filter-budget-slider-container {
display: none;
position: absolute;
min-width: 260px;
text-align: left;
border-radius: 4px;
background-color: #fff;
border: 1px solid #d8dce1;
padding: 30px 34px 20px;
margin-top: 9px;
z-index: 7;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
width: 100%;
}
#mobile-filter-budget-slider-container {
width: 100%;
}
@media (min-width: 1201px) and (max-width: 1679px) {
#filter-budget-slider-container,
#mobile-filter-budget-slider-container {
right: 0;
left: auto;
max-width: 100vw;
overflow-x: auto;
}
}
#budget-slider,
#filter-budget-slider,
#mobile-filter-budget-slider {
width: 100%;
margin-bottom: 10px;
}
#budget-value,
#filter-budget-value {
margin-bottom: 10px;
}
#budget-value,
#filter-budget-value,
#mobile-filter-budget-value {
font-weight: bold;
display: block;
text-align: center;
font-size: 16px;
}
#filter-budget-slider-container .ui-slider-horizontal .ui-slider-handle,
#budget-slider-container .ui-slider-horizontal .ui-slider-handle,
#mobile-filter-budget-slider-container .ui-slider-horizontal .ui-slider-handle {
border-radius: 25px;
background-color: #000000;
width: 25px;
height: 25px;
top: -12px;
border: none;
}
#filter-budget-visible-input,
#mobile-filter-budget-visible-input {
font-weight: 500;
color: #4f5962;
border-radius: 4px;
text-align: left;
height: 46px;
padding-top: 4px;
padding-right: 0;
padding-bottom: 4px;
padding-left: 40px;
background-color: transparent !important;
}
#mobile-filter-budget-visible-input,
.mobile-budget-slider {
margin-bottom: 10px;
height: 56px;
font-size: 15px;
}
#mobile-filter-budget-visible-input {
padding-top: 22px;
padding-right: 0;
padding-bottom: 20px;
padding-left: 50px;
}
.filter-budget-range {
width: auto !important;
vertical-align: middle;
display: table-cell !important;
background-color: transparent !important;
}
#filter-budget-slider-container .ui-slider-horizontal .ui-slider-handle:after,
#budget-slider-container .ui-slider-horizontal .ui-slider-handle:after,
#mobile-filter-budget-slider-container .ui-slider-horizontal .ui-slider-handle:after {
content: '';
}
.budget-label {
font-weight: bold;
display: block;
text-align: center;
font-size: 16px;
}
.budget-container {
display: flex;
align-items: center;
gap: 5px;
font-size: 16px;
font-weight: bold;
margin-top: 19px;
justify-content: center;
}
/* search form homepage resort */
.search-wrap .dropdown-menu .form-control {
height: 44px !important;
}
.search-wrap .dropdown-menu .form-control.on-focus {
height: 44px !important;
}
.search-calendar.arrive_active:after,
.search-calendar.arrive_active:before {
display: none;
}
.children-calculator,
.pets-calculator {
display: none;
}
/* flexible dates options */
.flexible-dates-toggle {
display: flex;
justify-content: center;
font-size: 12px;
gap: 14px;
margin-bottom: 20px;
}
.flexible-dates-label {
display: flex;
align-items: center;
gap: 8px;
outline: 1px solid gray;
padding: 5px 12px;
border-radius: 50px;
cursor: pointer;
user-select: none;
transition: transform 0.1s ease, outline-color 0.1s ease;
transform: scale(1);
}
/* Hover effect */
.flexible-dates-label:hover {
outline-color: black;
}
/* Click animation */
.flexible-dates-label:active {
transform: scale(0.96);
}
/* When selected - match any input[name="flexible_dates"] that is checked */
input[name="flexible_dates"]:checked+.flexible-dates-label {
outline: 2px solid black;
}
/* Icon style */
.flex-icon {
font-size: 20px;
font-weight: 300;
}
.future-day {
cursor: pointer;
;
}
.noneExactMessage {
padding: 10px;
background-color: #958f84;
color: white;
margin: 15px 15px 20px;
border-radius: 14px;
}
.noneExactMessage a:hover {
color: white;
}
.header-nav--raised {
z-index: 99999 !important;
position: relative;
}
/* fix for animated label on dates */
.search-date-range-arrive .animated-label {
pointer-events: none;
}
@media (max-width: 991px) {
.half-map-search .half-map-search-buttons {
margin-top: 20px;
}
}
@media (max-width: 1200px) {
.filter-budget-range {
display: block !important;
}
}
.mobile-budget-slider:after {
top: 19px;
left: 20px;
font-size: 18px;
line-height: initial;
}
.filter-budget-range .bootstrap-select .btn:hover {
background-color: #ffffff00 !important;
}
.bs-searchbox .form-control {
padding-left: 10px;
}
.resortfield:first-of-type {
display: block !important;
padding: 0 !important;
height: 56px;
width: 100%;
line-height: 1.428571429;
color: #555555;
background-color: #fff;
background-image: none;
border-radius: 4px;
font-size: 15px;
font-weight: 500;
border: 0px;
}
.bootstrap-select .resortfield {
display: none !important;
}
.mobile-nav-wrap {
z-index: 1001;
}
#homey_halfmap_listings_container {
height: auto;
padding-bottom: 50px;
margin-top: 20px;
}
.map-notfound {
display: none;
}
.bootstrap-select.btn-group .dropdown-menu {
z-index: 6
}
.noneExactMessage a {
font-weight: bold;
}
/* fix for mobile results double tap */
@media (pointer: coarse) {
.half-map-right-wrap {
position: relative;
}
.mobile-map-locker {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
background: transparent;
pointer-events: all;
}
.mobile-map-locker.unlocked {
pointer-events: none;
}
}
@media (max-width: 767px) {
#banner-map,
#banner-map-experiences,
#homey-halfmap {
height: 30vh;
}
.half-map-right-wrap {
height: 30vh !important;
display: none;
}
#homey_halfmap_listings_container {
margin-top: 40px;
}
}
.custom-css .mobile-search-js-overlay form {
display: grid;
}
.custom-css .search-filter-wrap .filters .control {
line-height: 31px;
}
#overlay-search-advanced-module .with-select .bootstrap-select .dropdown-toggle.bs-placeholder .filter-option.pull-left {
line-height: 55px;
}
#overlay-search-advanced-module span.filter-option.pull-left {
margin-left: 29px;
}
#overlay-search-advanced-module .dropdown-menu>.active>a .text {
color: white;
}
#overlay-search-advanced-module #search_submit_button:hover {
color: black;
}
.mobile-overlay-input-icon {
position: absolute;
top: 13px;
left: 13px;
}
.custom-css .main-search-calendar-wrap .days li.selected,
.custom-css .main-search-calendar-wrap .days li:hover:not(.day-disabled),
.custom-css .single-listing-booking-calendar-js .days li.selected,
.custom-css .single-listing-booking-calendar-js .days li:hover:not(.day-disabled) {
background-color: var(--color-navy) !important;
color: #fff;
border-radius: 8px;
}
div#overlay-search-advanced-module button,
div#overlay-search-advanced-module input {
border-radius: 41px;
}
div#overlay-search-advanced-module .search-destination input {
padding-left: 18px !important;
}
.searchButtonTextMb {
display: none;
color: var(--color-navy);
}
.btn-secondary-outlined:active,
.btn.btn-secondary-outlined:hover {
color: white;
}
.custom-css .btn-link:focus,
.btn-link:hover {
color: var(--color-gold);
}
.custom-css .btn-secondary-outlined:hover:active {
background-color: var(--color-gold);
border: 1px solid;
}
#date_pricing_main button:hover {
background: #a28a5c;
border: 1px solid #a28a5c;
}
.custom-css .search-banner .open>.btn-default.dropdown-toggle {
background-color: transparent !important;
}
.custom-css .resortfield .btn {
padding: 0px 23px 0px 50px;
}
/* =====================
Fallback Layout (Before Slick Initializes)
===================== */
.listing-slider-variable-width-v2:not(.slick-initialized) {
display: flex;
flex-wrap: nowrap;
overflow: hidden;
border-radius: 0 0 60px 60px;
}
/* Show only first 3 images before Slick kicks in */
.listing-slider-variable-width-v2:not(.slick-initialized)>div {
display: none;
width: 33.3333%;
flex: 0 0 33.3333%;
}
.slick-slide {
margin: 0 0px 0 0;
}
.listing-slider-variable-width-v2:not(.slick-initialized)>div:nth-child(-n+3) {
display: block;
}
/* Make fallback images consistent */
.listing-slider-variable-width-v2:not(.slick-initialized) .image-wrapper img {
height: 100%;
width: 100%;
object-fit: cover;
display: block;
}
/* =====================
Image Wrapper (Consistent Height + Crop)
===================== */
.image-wrapper {
aspect-ratio: 16 / 9;
width: 100%;
overflow: hidden;
display: block;
}
.image-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
/* =====================
Slick-Initialized Layout
===================== */
.listing-slider-variable-width-v2 {
/* border-radius: 0 0 60px 60px; */
overflow: hidden;
}
.listing-slider-variable-width-v2 .slick-list {
/* border-radius: inherit; */
overflow: hidden;
}
.listing-slider-variable-width-v2 .slick-slide {
display: flex !important;
align-items: center;
justify-content: center;
}
.listing-slider-variable-width-v2 .slick-slide img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
/* =====================
Fallback Layout by Breakpoint
===================== */
/* Desktop fallback: Show 3 images (default >1024px) */
.listing-slider-variable-width-v2:not(.slick-initialized) {
display: flex;
flex-wrap: nowrap;
overflow: hidden;
border-radius: 0 0 60px 60px;
}
.listing-slider-variable-width-v2:not(.slick-initialized)>div {
display: none;
width: 33.3333%;
flex: 0 0 33.3333%;
}
.listing-slider-variable-width-v2:not(.slick-initialized)>div:nth-child(-n+3) {
display: block;
}
/* Tablet fallback: Show 2 images */
@media screen and (max-width: 1024px) and (min-width: 768px) {
.listing-slider-variable-width-v2:not(.slick-initialized)>div {
display: none;
width: 50%;
flex: 0 0 50%;
}
.listing-slider-variable-width-v2:not(.slick-initialized)>div:nth-child(-n+2) {
display: block;
}
}
/* Mobile fallback: Show 1 image */
@media screen and (max-width: 767px) {
.listing-slider-variable-width-v2:not(.slick-initialized) {
display: flex;
flex-wrap: nowrap;
}
.listing-slider-variable-width-v2:not(.slick-initialized)>div {
display: none;
width: 100%;
flex: 0 0 100%;
}
.listing-slider-variable-width-v2:not(.slick-initialized)>div:nth-child(1) {
display: block;
margin-right: 0;
}
.listing-slider-variable-width-v2:not(.slick-initialized) .image-wrapper img {
height: 100%;
width: 100%;
object-fit: cover;
display: block;
}
}
/* =====================
Extra Layout Styling
===================== */
.fancybox-active.compensate-for-scrollbar {
margin-right: 0px;
overflow: auto;
}
.detail-property-page-header-area {
position: relative;
width: 100%;
}
.top-gallery-section {
width: 100%;
}
/* Border radius fallback & safety */
.custom-css .listing-slider-variable-width-v2 .slick-list,
.custom-css .listing-slider-variable-width-v2:not(.slick-initialized):not(.slick-slider) {
/* border-radius: 0 0 60px 60px; */
overflow: hidden;
}
.image-grab {
cursor: grab;
}
.image-grab:active {
cursor: grabbing;
}
/* ON SLICK INITIALIZATION OVERRIDE */
.listing-slider-variable-width-v2 {
opacity: 0;
visibility: hidden;
}
.listing-slider-variable-width-v2.slick-initialized {
opacity: 1;
visibility: visible;
transition: opacity 0.01s ease-in;
}
.detail-property-page-header-area .slick-prev:active,
.detail-property-page-header-area .slick-next:active,
.detail-property-page-header-area .slick-prev:focus,
.detail-property-page-header-area .slick-next:focus {
background-color: #001f47 !important;
}
#filter-budget-visible-input::placeholder,
#mobile-filter-budget-visible-input::placeholder {
color: #4f5962;
opacity: 1;
/* Ensures full color visibility */
}
/* For Safari */
#filter-budget-visible-input::-webkit-input-placeholder,
#mobile-filter-budget-visible-input::-webkit-input-placeholder {
color: #4f5962;
}
/* For Firefox */
#filter-budget-visible-input::-moz-placeholder,
#mobile-filter-budget-visible-input::-moz-placeholder {
color: #4f5962;
}
/* For IE */
#filter-budget-visible-input:-ms-input-placeholder,
#mobile-filter-budget-visible-input:-ms-input-placeholder {
color: #4f5962;
}
/* For Edge */
#filter-budget-visible-input::-ms-input-placeholder,
#mobile-filter-budget-visible-input::-ms-input-placeholder {
color: #4f5962;
}
#search_submit_button {
margin-bottom: 30px;
}
.overlay-search-module {
padding-bottom: 50px
}
#overlay-search-advanced-module .search-reset-btn {
margin-bottom: 14px;
}
.banner-title,
.banner-subtitle {
color: #fff;
}
.header-mobile-wrap {
padding: 10px 0px;
}
.mobile-logo img {
margin-bottom: 2px;
}
@media (min-width: 768px) {
.custom-css .header-mobile .container,
.custom-css .header-mobile-wrap .container {
width: auto;
}
.search-banner-mobile {
display: none;
}
}
@media (max-width: 991px) {
.custom-css .mobile-nav-wrap,
.custom-css .user-nav-wrap {
width: calc(100%);
left: 0;
right: 0;
}
.custom-css .header-mobile .container,
.custom-css .header-mobile-wrap .container {
width: auto;
}
}
@media (max-width: 480px) {
.custom-css .search-calendar {
width: 100%;
height: 100dvh;
/* Use dynamic viewport units for modern browsers */
position: fixed;
top: 0;
left: 0;
margin-top: 0;
padding: 20px;
overflow-y: auto;
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 9999;
/* Optional: bring above overlays */
}
/* Optional fallback for older iOS */
.custom-css .search-calendar::before {
content: '';
display: block;
height: 100vh;
visibility: hidden;
}
}
.custom-css .top-banner-wrap {
height: 100%;
}
@media (max-width: 480px) {
.main-search-calendar-wrap {
width: 100%;
}
}
@media (max-width: 768px) {
.search-banner .search-date-range input.form-control.on-focus {
padding-bottom: 20px !important;
}
.detail-property-page .container {
width: 100%;
max-width: 1350px;
}
}
#homey-halfmap {
z-index: 3;
}
/* homepage banner and header */
.splash-static-background::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.2);
z-index: 2;
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
#arrow-down {
animation: fadeInUp 0.4s ease-out both;
}
.splash-static-background {
max-width: 2100px;
margin-left: auto;
margin-right: auto;
/* border-bottom-left-radius: 37px;
border-bottom-right-radius: 37px; */
width: 100vw;
}
@media (max-height: 500px) {
.custom-css .banner-title {
display: none;
}
}
@media (max-width: 767px) {
section.top-banner-wrap.block-custom {
margin: 0 0px;
}
}
@media (min-width: 1500px) {
.splash-static-background {
margin-left: auto;
}
}
@media (max-width: 1500px) {
.custom-css .modal-dialog {
/* margin-top: 20%; */
transform: translateY(10vh) !important;
}
}
.container-fluid {
max-width: 2100px;
}
.custom-css .resortfield,
.custom-css .resortfield button {
/* background-color: transparent; */
border: 0;
}
select.resortfield.selectpicker {
color: white;
}
.custom-css .search-wrapper {
padding: 20px 20px;
background-color: white;
border-bottom: 2px solid white;
box-shadow: inset 0 13px 16px -20px rgba(0, 0, 0, 0.25);
}
@media (max-width: 991px) {
.search-wrapper {
display: none;
}
}
.banner-caption {
width: 100vw;
width: 100%;
padding: 0px 84px;
-webkit-transform: translate(50%, -14%);
-ms-transform: translate(50%, -14%);
transform: translate(50%, -14%);
bottom: 0;
top: 34%;;
z-index: 8;
}
@media (max-width: 1024px) {
.banner-caption {
top: 20%;
}
}
html {
scroll-behavior: auto !important;
}
.homey_logo {
display: inline-block;
transition: transform 250ms ease-out;
}
.homey_logo:hover {
transform: scale(1.08);
cursor: pointer;
}
.homey_logo:active {
transform: scale(0.95);
}
.custom-css .banner-title {
text-align: center;
font-size: clamp(35px, 4vw, 70px);
max-width: 1190px;
line-height: 1.15;
font-weight: 500;
margin-bottom: 20px;
color:white !important;
}
.container-search-banner {
max-width: 1140px;
margin-left: auto;
margin-right: auto;
}
/* .container-custom {
max-width: 1350px;
margin-left: auto;
margin-right: auto;
padding-left: 40px;
padding-right: 40px;
position: relative;
} */
.custom-css .banner-title .font-ital {
font-size: clamp(42px, 5.3vw, 90px);
display: inline;
}
@media (max-height: 850px) {
.custom-css .banner-title {
margin-bottom: 30px;
font-size: clamp(32px, 3.6vw, 70px);
}
.custom-css .banner-title .font-ital {
font-size: clamp(42px, 4.7vw, 90px);
}
}
.break-on-large {
display: inline;
}
@media (min-width: 601px) {
.break-on-large {
display: block;
}
}
.custom-css .dropdown-menu.open {
border-radius: 14px;
}
.bootstrap-select .dropdown-menu.inner {
max-height: 250px !important;
overflow-y: auto;
}
.custom-css #overlay-search-advanced-module .search-destination-js img {
width: 26px;
height: auto;
top: 20px;
left: 14px;
font-size: 18px;
line-height: initial;
position: absolute;
}
.custom-css #overlay-search-advanced-module .search-destination,
.custom-css #overlay-search-advanced-module .search-date-range,
.custom-css #overlay-search-advanced-module .search-guests {
margin-bottom: 10px;
}
@media (max-width: 991px) {
.custom-css .search-destination-js img {
left: 14px !important;
}
.banner-caption {
top: 30%;
padding: 0px 25px;
transform: translate(50%, -15%);
}
.custom-css .banner-title {
margin-bottom: 25px;
}
}
@media (max-width: 768px) {
.banner-caption {
top: 20%;
}
.search-banner-desktop{
display:none !important;
}
.container-search-banner .search-banner-mobile form{
margin-top:32px;
}
}
@media (min-width: 767px) and (max-width: 991px) {
.banner-caption {
transform: translate(50%, -30%);
}
}
@media (max-width: 768px) {
.custom-css .search-destination {
display: none;
}
.custom-css .search-banner-mobile .search-destination {
display: inline;
}
.custom-css .search-banner-mobile {
display: block;
height: 70px;
}
.search-wrap.search-banner.search-banner-mobile.mobile-search-js input {
background-color: #d9d9d94f;
border-radius: 32px;
}
}
.search-wrap.search-banner.search-banner-mobile.mobile-search-js input::placeholder {
color: white;
opacity: 1;
/* Ensures full visibility */
}
/* WebKit browsers (Chrome, Safari, Edge Chromium) */
.search-wrap.search-banner.search-banner-mobile.mobile-search-js input::-webkit-input-placeholder {
color: white;
}
/* Mozilla Firefox 19+ */
.search-wrap.search-banner.search-banner-mobile.mobile-search-js input::-moz-placeholder {
color: white;
}
/* Mozilla Firefox 4 to 18 */
.search-wrap.search-banner.search-banner-mobile.mobile-search-js input:-moz-placeholder {
color: white;
}
/* Internet Explorer 10-11 */
.search-wrap.search-banner.search-banner-mobile.mobile-search-js input:-ms-input-placeholder {
color: white;
}
.custom-css .search-date-range-arrive svg {
width: 26px;
height: auto;
top: 16px;
left: 13px;
font-size: 18px;
line-height: initial;
position: absolute;
}
@media (min-width: 992px) {
.custom-css .search-banner .search-destination {
padding: 0px 10px 0px 0px;
}
}
@media (min-width: 992px) {
.custom-css #overlay-search-advanced-module .search-banner .search-destination {
padding: 0px 0px 0px 0px;
}
}
.custom-css .search-guests svg,
.custom-css .search-guests img {
width: 26px;
height: auto;
top: 17px;
left: 13px;
font-size: 18px;
line-height: initial;
position: absolute;
}
.custom-css .search-budget-range svg,
.custom-css .search-budget-range img {
width: 25px;
height: auto;
top: 17px;
left: 13px;
font-size: 18px;
line-height: initial;
position: absolute;
}
.lazy-bg {
opacity: 0;
transition: opacity 0.3s ease;
}
.lazy-bg.lazy-bg-loaded {
opacity: 1;
}
/* === BASE NAV LAYOUT === */
.search-action {
align-content: center;
margin-top: 6px;
}
.home .search-action svg {
stroke: white;
}
.search-action svg {
stroke: #001f47;
}
.search-action.search-action-mobile {
display: block;
float: right;
margin-top: 13px;
margin-right: 11px;
}
@media (min-width: 641px) and (max-width: 1024px) {
.custom-css .search-wrapper {
margin: 0px -30px;
}
}
.custom-css .search-wrapper input::placeholder {
color: black !important;
opacity: 1 !important;
}
.custom-css .search-wrapper input::-webkit-input-placeholder {
color: black !important;
}
.custom-css .search-wrapper input::-moz-placeholder {
color: black !important;
}
.custom-css .search-wrapper input:-moz-placeholder {
color: black !important;
}
.custom-css .search-wrapper input:-ms-input-placeholder {
color: black !important;
}
.custom-css .search-wrapper img,
.custom-css .search-wrapper svg {
filter: brightness(0) !important;
}
@media (max-width: 1350px) {
.header-widget {
font-size: 13px;
width: 145px;
justify-content: center;
}
}
@media (max-width: 1200px) {
.header-widget {
font-size: 12px;
width: 140px;
}
}
/* Laptop screens (≤ 1199px) */
@media (max-width: 1199px) {
h1 {
font-size: 52px;
}
h2 {
font-size: 32px;
}
.footer-left h1 {
font-size: 48px;
}
}
/* Tablet screens (≤ 991px) */
@media (max-width: 991px) {
h1 {
font-size: 40px;
}
h2 {
font-size: 28px;
}
.footer-left h1 {
font-size: 36px;
}
}
/* Small tablet / large mobile screens (≤ 767px) */
@media (max-width: 767px) {
h1 {
font-size: 36px;
}
h2 {
font-size: 26px;
}
.footer-left h1 {
font-size: 30px;
}
}
/* Mobile phones (≤ 575px) */
@media (max-width: 575px) {
h1 {
font-size: 32px;
}
h2 {
font-size: 24px;
}
.footer-left .font-ital-peak {
font-size: 26px;
}
}
.custom-css .sectiontitlecustom {
color: black;
/* margin: 0px -10px 20px -10px; */
margin-left: auto;
margin-right: auto;
}
.sectiontitlecustom h1 {
margin-bottom: 0px;
color: black;
line-height: normal;
}
.sectiontitlecustom:after {
content: '';
display: block;
border-bottom: 2px solid black;
max-width: 1350px;
margin: 0 auto;
height: 17px;
width: 100%;
}
.sectiontitlecustom h5 {
font-size: 18px;
color: black;
line-height: 1.4;
margin-bottom: 0px;
font-family: 'Cormorant', serif;
font-weight: 400;
/* or 600, or 800 */
font-style: normal;
}
.footer-left .font-ital-peak {
font-size: 77px;
}
.font-ital-peak {
font-size: 83px;
}
/* Laptop screens (≤ 1199px) */
@media (max-width: 1199px) {
.font-ital-peak {
font-size: 70px;
}
.footer-left .font-ital-peak {
font-size: 70px;
}
}
/* Tablet screens (≤ 991px) */
@media (max-width: 991px) {
.font-ital-peak {
font-size: 54px;
}
.footer-left .font-ital-peak {
font-size: 50px;
}
}
/* Small tablet / large mobile screens (≤ 767px) */
@media (max-width: 767px) {
.font-ital-peak {
font-size: 48px;
}
.footer-left .font-ital-peak {
font-size: 48px;
}
.footer-left .font-ital-peak {
font-size: 39px;
}
.sectiontitlecustom {
padding: 0 20px !important;
}
.sectiontitlecustom h1 {
margin-bottom: 14px;
}
.sectiontitlecustom h5 {
margin-bottom: 14px;
}
}
/* Mobile phones (≤ 575px) */
@media (max-width: 575px) {
.font-ital-peak {
font-size: 42px;
}
}
.sectiontitlecustom h4 {
font-size: 13px;
font-weight: normal;
margin-bottom: 0px;
color: black;
}
.sectiontitlecustom {
border-bottom: 2px solid #000;
max-width: 1350px;
padding: 0px 20px !important
}
#resortshomedisplay .taxonomy-card,
#listingtypehomedisplay .taxonomy-card {
border-radius: 60px;
}
#resortshomedisplay .button,
#listingtypehomedisplay .button {
display: inline-flex;
justify-content: center;
align-items: center;
padding: 12px 24px;
font-weight: 600;
border-radius: 50px;
margin-bottom: 50px;
}
.btn-secondary:active:hover {
background-color: var(--color-gold);
}
#resortshomedisplay .btn-wrapper .btn-ternary,
#listingtypehomedisplay .btn-wrapper .btn-ternary {
outline: 1px solid black;
border-radius: 30px;
}
#resortshomedisplay .btn-wrapper .btn-ternary:focus,
#listingtypehomedisplay .btn-wrapper .btn-ternary:focus,
#resortshomedisplay .btn-wrapper .btn-ternary:hover,
#listingtypehomedisplay .btn-wrapper .btn-ternary:hover,
#resortshomedisplay .btn-wrapper .btn-ternary:active,
#listingtypehomedisplay .btn-wrapper .btn-ternary:active {
outline: 1px solid transparent;
background-color: #001f47;
color: white;
}
#resortshomedisplay {
padding: 0px 0px !important;
}
#listingtypehomedisplay {
padding: 0px 0px !important;
}
@media (max-width:1024px) {
#listingtypehomedisplay {
padding: 0 0px !important
}
}
@media (max-width:767px) {
#listingtypehomedisplay {
padding: 0 0px !important
}
}
#resortshomedisplay a.taxonomy-link,
#listingtypehomedisplay a.taxonomy-link {
max-height: 300px;
}
#resortshomedisplay .taxonomy-link.hover-effect:before,
#listingtypehomedisplay .taxonomy-link.hover-effect:before {
opacity: 0;
}
#resortshomedisplay .taxonomy-title,
#listingtypehomedisplay .taxonomy-title {
font-size: 18px;
margin-bottom: 20px;
font-weight: bold;
}
#resortshomedisplay .taxonomy-title .font-ital {
font-size: 22px;
margin-left: 6px;
}
/* Divider line after every 3 tiles */
.resort-divider {
width: 100%;
height: 2px;
background-color: #000;
margin: 0px 0px 35px;
display: flex;
}
.resort-divider-wrapper {
margin: 0 -15px;
padding: 0 30px;
}
#resortshomedisplay .button:hover,
#listingtypehomedisplay .button:hover {
color: white;
}
/* Hide divider on mobile */
@media (max-width: 991px) {
.resort-divider {
display: none;
}
}
/* footer with why book with us */
.footer-custom {
margin-top: 0;
background-color: #103b58;
}
/* Why Book With Us Section */
.why-book-with-us {
position: relative;
background-size: cover;
background-position: center;
padding: 250px 0 140px;
color: white;
text-align: center;
border-bottom-left-radius: 60px;
border-bottom-right-radius: 60px;
}
.why-book-with-us-container {
background-color: #103b58;
}
.why-book-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
backdrop-filter: brightness(0.85) contrast(1.2);
background: rgba(0, 0, 0, 0.2);
z-index: 1;
border-bottom-left-radius: 60px;
border-bottom-right-radius: 60px;
}
.why-book-content {
display: grid;
grid-template-columns: 1fr auto 1fr;
grid-template-rows: auto auto;
gap: 60px 40px;
align-items: center;
justify-items: center;
position: relative;
z-index: 2;
}
/* Place the items properly in the grid */
.item-1 {
grid-column: 1;
grid-row: 1;
text-align: right;
align-items: flex-end;
}
.item-2 {
grid-column: 3;
grid-row: 1;
text-align: left;
align-items: flex-start;
}
.item-3 {
grid-column: 1;
grid-row: 2;
text-align: right;
align-items: flex-end;
}
.item-4 {
grid-column: 3;
grid-row: 2;
text-align: left;
align-items: flex-start;
}
.why-book-center-icon {
grid-column: 2;
grid-row: 1 / span 2;
/* Span both rows vertically */
display: flex;
flex-direction: column;
align-items: center;
}
/* Center the icon nicely */
.why-book-center-icon img {
max-width: 275px;
}
/* Mobile stacking */
@media (max-width: 767px) {
.why-book-content {
display: flex;
flex-direction: column;
gap: 30px !important;
}
.why-book-item,
.why-book-center-icon {
width: 100%;
text-align: center;
align-items: center;
}
.why-book-with-us {
padding: 180px 0 100px;
}
}
.why-book-side {
display: flex;
flex-direction: column;
gap: 190px;
}
.why-book-item {
text-align: center;
display: flex;
}
.why-book-item h2 {
font-size: 48px;
font-weight: bold;
margin-bottom: 10px;
}
.why-book-item h4 {
font-size: 20px;
margin-bottom: 10px;
}
.why-book-item p {
font-size: 14px;
line-height: 1.5;
}
.why-book-center-icon {
text-align: center;
}
.why-book-center-icon img {
max-width: 275px;
}
/* Footer bottom section */
/* Responsive */
@media (max-width: 767px) {
.why-book-content {
flex-direction: column;
gap: 40px;
}
}
.why-book-item .text-wrap {
text-align: left;
padding-left: 8px;
max-width: 300px;
}
.why-book-number {
font-size: 100px;
}
/* Laptop screens (≤ 1199px) */
@media (max-width: 1199px) {
.why-book-number {
font-size: 88px;
}
.why-book-content {
gap: 60px 0px;
}
}
/* Tablet screens (≤ 991px) */
@media (max-width: 991px) {
.why-book-number {
font-size: 70px;
}
}
/* Small tablet / large mobile screens (≤ 767px) */
@media (max-width: 767px) {
.why-book-number {
font-size: 54px;
}
.why-book-side {
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
gap: 60px;
}
.why-book-item {
flex: 1 1 100%;
justify-content: center;
margin-bottom: 30px;
}
}
/* Mobile phones (≤ 575px) */
@media (max-width: 575px) {
.why-book-number {
font-size: 42px;
}
.why-book-content {
flex-wrap: wrap;
}
}
.why-book-number {
margin-bottom: 0px;
line-height: 0.6;
}
.why-book-title {
position: absolute;
top: 75px;
left: 50%;
transform: translateX(-50%);
z-index: 2;
text-align: center;
width: 100%;
padding: 0 20px;
}
.svg-arrow-up {
position: absolute;
left: 50%;
transform: translate(-50%);
width: 35px;
height: 35px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
cursor: pointer;
}
#blog-homepage {
max-height: 950px;
}
.extra-info-wrapper h2 {
margin-bottom: 20px;
}
.mobile-socials-row {
display: flex;
justify-content: center;
gap: 22px;
margin-bottom: 15px;
}
.mobile-socials-row .social-icon {
color: rgba(0, 0, 0, 0.5);
font-size: 20px;
transition: color 0.3s ease;
}
.mobile-socials-row .social-icon:hover {
color: #000;
}
.mobile-socials-contact p {
margin: 5px 0;
font-size: 14px;
color: #000;
}
.search-reset-btn {
border-radius: 30px;
}
#half-map-search-collapse button {
border-radius: 30px;
}
#half-map-search-collapse .filters-wrap span.filter-option.pull-left {
padding: 0px 0px 0px 0;
}
.half-map-search-buttons i.homey-icon.homey-icon-settings-slider {
margin-right: 0;
}
.navbar-collapse.in {
overflow-y: none !important;
}
.mobile-socials-contact {
margin-top: 40px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 40px;
}
.mobile-socials-contact a {
color: #000;
text-decoration: underline;
}
@media (max-width: 1000px) {
.footer-legal-split {
flex-direction: column;
text-align: left;
gap: 10px;
}
.footer-legal-left:after {
display: none;
}
.footer-legal-left,
.footer-legal-right {
text-align: left;
max-width: 50%;
}
.force-break {
display: block;
}
}
@media (max-width: 768px) {
.force-break {
display: inline;
}
.force-break::after {
content: "\A";
white-space: pre;
}
}
.footer-contact-info {
text-align: center;
}
.footer-legal-right {
display: flex;
gap: 20px;
}
@media (max-width: 991px) {
.footer-contact-info {
margin-top: 0px;
}
}
@media (max-width: 640px) {
.footer-legal-right {
gap: 0px;
flex-flow: column;
}
}
.footer-custom {
position: relative;
overflow: hidden;
}
.brandmark-wrapper {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 100%;
max-width: 1350px;
padding: 0 20px;
box-sizing: border-box;
pointer-events: none;
z-index: 0;
}
.brandmark-footer {
display: flex;
justify-content: flex-end;
}
.brandmark-footer svg {
width: 69%;
max-width: 750px;
height: auto;
display: block;
pointer-events: auto;
margin-right: -22px;
opacity: 0.85;
}
.loadmore,
button.btn.btn-grey-outlined.search-filter-mobile-btn {
text-transform: uppercase !important;
}
.overlay-search-module .search-banner #search_submit_button,
button.btn.btn-grey-outlined.search-filter-mobile-btn {
font-weight: 600;
}
/* Blog section on homepage */
.single-listing .why-book-with-us-container {
margin-top: -120px;
}
.homey-blog-slider-block-wrapper {
margin: 0 auto;
background: #103b58;
overflow: visible;
position: relative;
min-height: 800px;
width: 100%;
}
.sidebar .widget {
padding: 0px 0px 0px 20px;
}
#blog-title-custom {
padding-top: 50px;
padding-bottom: 40px;
padding-left: 15px;
padding-right: 15px;
color: #ffffff;
display: flex;
align-items: start;
justify-content: space-between;
}
.search-banner-desktop {
background-color: #d9d9d94f;
border-radius: 40px;
max-width: 1235px;
margin-left: auto;
margin-right: auto;
height: 60px;
padding: 25px;
z-index: 7;
position: relative;
}
.blog-title-custom-wrapper {
background-color: #113b58;
}
@media (max-width: 1024px) {
#blog-title-custom {
padding-left: 30px;
padding-right: 30px;
}
}
@media (max-width: 767px) {
#blog-title-custom {
padding-left: 15px;
padding-right: 15px;
}
}
.homey-blog-slider-block-wrapper .slick-list {
display: flex;
align-items: center;
min-height: 800px;
}
.homey-blog-slider-block-wrapper .slick-track {
display: flex;
align-items: center;
}
.homey-blog-slide {
display: flex;
align-items: center;
height: 100%;
}
.homey-blog-slide-inner {
display: flex;
align-items: center;
position: relative;
min-height: 800px;
}
.homey-blog-slide-content {
width: calc(50% - 30px);
color: #fff;
opacity: 0.9;
display: flex;
flex-flow: column;
}
.homey-blog-slide-content p {
font-size: 20px;
line-height: 1.6;
margin: 20px 0;
}
.homey-blog-slide-title {
font-weight: 400;
margin-bottom: 60px;
text-align: center;
line-height: 1.2;
}
.homey-blog-slide-meta {
font-size: 14px;
margin-bottom: 15px;
}
.homey-blog-slide-button {
display: inline-block;
padding: 10px 20px;
color: #fff;
border: 1px solid #fff;
border-radius: 30px;
text-decoration: none;
font-size: 14px;
margin-top: 10px;
align-self: center;
}
.homey-blog-slide-button:hover {
background: var(--color-gold);
color: white;
transition: all 0.3s ease;
border-color: var(--color-gold);
}
@media (min-width: 768px) {
.homey-blog-slider-block-wrapper .slick-list {
overflow: visible !important;
}
}
.homey-blog-slide-image {
position: absolute;
top: -65px;
right: 0;
bottom: 0;
width: 50vw;
height: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
overflow: visible;
}
.homey-blog-slider-block-wrapper .homey-blog-slide-image img {
width: 100%;
height: calc(100% - 10rem);
object-fit: cover;
min-height: 700px;
border-top-left-radius: 60px;
border-bottom-left-radius: 60px;
}
/* Other general styling */
#blog-homepage {
padding: 0;
}
/* .elementor-element {
padding: 0px !important;
} */
#blog-title-custom h5 {
margin-bottom: 0px;
align-self: center;
max-width: 30%;
}
#blog-title-custom h5 .font-ital {
font-size: 19px;
}
/* Slick arrows */
.homey-blog-slider-block-wrapper .slick-prev,
.homey-blog-slider-block-wrapper .slick-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: #fff;
border-radius: 50%;
border: none;
width: 40px;
height: 40px;
z-index: 5;
font-size: 20px;
color: #d0aa5b;
}
.homey-blog-slider-block-wrapper .slick-prev,
.homey-blog-slider-block-wrapper .slick-next {
color: #ffffff !important;
border: 2px solid #ffffff !important;
background-color: transparent !important;
box-shadow: 3px 4px 10px rgba(0, 0, 0, 1) !important;
}
.homey-blog-slider-block-wrapper .slick-prev:before,
.homey-blog-slider-block-wrapper .slick-next:before {
color: white !important;
opacity: 1;
}
.homey-blog-slider-block-wrapper .slick-prev {
left: unset;
right: 80px !important;
}
.homey-blog-slider-block-wrapper .slick-next {
right: 30px;
}
.homey-blog-slider-block-wrapper .slick-prev:hover,
.homey-blog-slider-block-wrapper .slick-next:hover {
background: #d0aa5b;
color: #fff;
}
/* Responsive Adjustment */
@media (max-width: 768px) {
.homey-blog-slide-inner {
flex-wrap: wrap;
}
.container-custom {
padding-left: 20px;
padding-right: 20px;
}
.homey-blog-slide-content {
width: 100%;
max-width: 100%;
}
.homey-blog-slide-image {
position: relative;
width: 100%;
height: 300px;
margin-top: 20px;
}
.homey-blog-slide-image img {
min-height: 300px;
border-radius: 0;
}
#blog-title-custom {
padding: 30px 20px 30px 20px;
flex-flow: column;
}
#blog-title-custom h5 {
align-self: start;
max-width: 50%;
font-size: 13px;
}
#blog-title-custom h5 .font-ital {
font-size: 18px;
}
.homey-blog-slider-block-wrapper .homey-blog-slide-image img {
width: calc(100% - 4rem);
min-height: 100%;
}
.homey-blog-slider-block-wrapper .slick-prev,
.homey-blog-slider-block-wrapper .slick-next {
display: block !important;
top: 68%;
}
.homey-blog-slide-content p {
font-size: 15px;
}
.homey-blog-slide-title {
margin-bottom: 30px;
}
}
.homey-blog-slide-inner .container-custom {
max-width: 1350px;
margin-left: auto;
margin-right: auto;
padding-left: 40px;
padding-right: 40px;
position: relative;
z-index: 2;
display: flex;
align-items: center;
justify-content: flex-start;
}
.resort-stats-wrap {
padding: 0px 0 32px;
width: 100%;
}
.resort-stats-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0 40px;
align-items: end;
max-width: 1300px;
margin: 0 auto;
}
/* Stat block */
.resort-stat {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
text-align: center;
position: relative;
}
/* --- SNOWFLAKE HEADER PATTERN --- */
.resort-stat-header {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 4.5rem;
margin-top: 0.7rem;
}
.resort-stat-line {
display: block;
height: 2px;
background: rgba(255, 255, 255, 1);
flex: 1 1 40px;
max-width: 180px;
}
.resort-stat-flake {
width: 55px;
height: auto;
margin: 0 15px;
display: inline-block;
vertical-align: middle;
filter: drop-shadow(0 2px 1px rgba(16, 59, 88, 0.16));
}
.resort-stat-value {
display: flex;
align-items: baseline;
justify-content: center;
gap: 0.2em;
color: #fff;
margin-bottom: 0.25em;
font-weight: 400;
}
.resort-stat-number {
display: inline-block;
color: #fff;
font-family: 'Cormorant', serif;
font-weight: 400;
font-style: normal;
font-size: clamp(10rem, 10vw + 1rem, 200px);
margin-bottom: 55px;
}
.resort-stat-unit {
display: inline-block;
margin-left: 0.1em;
color: #fff;
vertical-align: baseline;
letter-spacing: 0.02em;
margin-bottom: 0px;
font-size: clamp(2rem, 2vw + 1rem, 40px);
}
.resort-stat-label {
color: #ffffff;
font-family: 'Cormorant', serif;
letter-spacing: 0.04em;
margin-top: 6px;
font-weight: 800;
font-size: 1.05em;
border-radius: 7px;
background: #a28a5c;
padding: 0px 10px;
}
.sort-wrap {
border-top: 0px
}
/* Special for transfer: line up the numbers horizontally */
.resort-transfer-value {
display: flex;
align-items: flex-end;
gap: 0.15em;
justify-content: center;
}
.custom-breadcrumb-resorts {
margin-top: 30px;
}
@media (max-width: 900px) {
.resort-stats-grid {
grid-template-columns: 1fr;
gap: 32px 0;
}
}
#resortintro {
background: #103b58;
}
.resort-name-country {
color: white;
padding: 6rem 20px;
display: flex;
flex-flow: column;
gap: 50px;
}
.resort-country {
font-weight: 200;
}
.resort-title {
display: flex;
align-items: baseline;
gap: 18px;
border-bottom: 2px solid white;
padding-bottom: 15px;
}
.resort-description {
line-height: 1.8;
font-size: clamp(1rem, 1vw + 1rem, 30px);
}
.listing-title {
font-size: 30px;
color: black;
}
.listing-page .col-xs-12>p {
display: none;
}
.item-wrap[data-dir="listing-item"] {
max-width: 100%;
}
.block-top-title>.container {
display: none;
}
.page-title {
margin-bottom: 20px;
padding: 0px 0 20px;
width: 100%;
}
section.main-content-area.listing-page.listing-page-full-width {
margin-top: 0px;
}
.breadcrumb-arrow {
padding: 5px;
vertical-align: middle;
}
.breadcrumb li:after {
content: none !important;
font-family: inherit !important;
padding: 0 !important;
}
.main-content-area {
padding: 20px 0;
background: white;
margin: 0px;
}
/* page intro */
.page-intro__title {
display: flex;
align-items: baseline;
gap: 18px;
border-bottom: 2px solid white;
padding-bottom: 15px;
}
#section-body {
background: white;
}
.home #section-body,
.page-template-template-search #section-body {
padding-bottom: 0px;
}
.gutter-x {
padding-left: 15px !important;
padding-right: 15px !important;
}
@media (max-width: 1024px) {
.gutter-x {
padding-left: 30px !important;
padding-right: 30px !important;
}
}
@media (max-width: 767px) {
.gutter-x {
padding-left: 15px !important;
padding-right: 15px !important;
}
}
.page-intro {
background: #103b58;
border-bottom-left-radius: 60px;
border-bottom-right-radius: 60px;
margin-bottom: 30px;
}
.page-intro-content.container {
color: white;
display: flex;
padding: 6rem 15px;
flex-flow: column;
gap: 30px;
}
.page-intro-content.container:before,
.page-intro-content.container:after {
display: none
}
.page-intro__description {
line-height: 1.8;
font-size: clamp(1rem, 1vw + 1rem, 17px);
}
.page-intro__description .font-ital,
.page-intro-content i {
font-size: clamp(1.05rem, 1vw + 1.1rem, 22px);
line-height: 1.2;
}
.single-page-article .article-detail.block-body {
padding: 0px;
}
/* desktop screens (≤ 1024px) */
@media (max-width: 1024px) {
.chalet-title-section h1 {
font-size: 50px !important;
color: #001F47;
}
}
/* Tablet screens (≤ 991px) */
@media (max-width: 991px) {
.chalet-title-section h1 {
font-size: 36px !important;
}
}
/* Small tablet / large mobile screens (≤ 768px) */
@media (max-width: 768px) {
.block-body{
padding:20px 15px !important;
}
.chalet-title-section h1 {
font-size: 40px !important;
justify-content: center;
}
.chalet-title-section .font-ital {
font-size: 26px;
}
}
/* Mobile phones (≤ 575px) */
@media (max-width: 575px) {
.chalet-title-section .breadcrumb {
margin-bottom: 15px;
}
.block-body{
padding:20px 15px !important;
}
.chalet-title-section h1 {
font-size: 24px !important;
justify-content: center;
}
}
/* Laptop screens (≤ 1199px) */
@media (max-width: 1199px) {
.chalet-title-section .font-ital {
font-size: 54px;
}
}
/* Tablet screens (≤ 991px) */
@media (max-width: 991px) {
.chalet-title-section .font-ital {
font-size: 44px;
}
}
/* Small tablet / large mobile screens (≤ 767px) */
@media (max-width: 767px) {
.chalet-title-section .font-ital {
font-size: 44px;
}
}
/* Mobile phones (≤ 575px) */
@media (max-width: 575px) {
.chalet-title-section .font-ital {
font-size: 24px;
}
}
.chalet-title {
/* display: flex;
flex-wrap: wrap;
gap: 0.3em;
justify-content: center;
text-align: center; */
margin-bottom: 0px;
font-size:40px !important;
}
.chalet-summary {
font-family: "Nunito Sans", sans-serif;
font-weight: 600;
font-size: 17px;
font-style: italic;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
padding: 10px;
background: #001f473b;
}
.chalet-badges-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
background-color:#001F47;
padding: 1.5rem 2rem 1.5rem 5.5rem;
border-radius: 0px;
height: 114px;
gap: 1rem;
}
.chalet-badges {
display: flex;
gap: 3.5em;
align-items: center;
}
.chalet-badges .badge {
color: white;
border: 1px solid white;
padding: 0.8em 1.5em;
border-radius: 999px;
font-weight: 600;
font-size: 12px;
white-space: nowrap;
background-color: transparent;
}
.btn-enquire {
background-color: white;
border-radius: 60px;
height: 65px;
padding: 0 4rem;
font-weight: 600;
text-transform: uppercase;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
}
.btn-enquire:hover {
background-color: transparent;
color: #fff;
border: 1px solid white;
}
.chalet-section-menu ul {
display: flex;
justify-content: center;
background-color: #9EAAB9;
/* border-radius: 0 0 20px 20px; */
overflow: hidden;
padding: 0;
margin: 0 auto;
list-style: none;
max-width: 1350px;
}
.chalet-section-menu li {
flex: 1;
text-align: center;
padding: 1rem;
font-weight: 700;
font-family: 'Manrope', sans-serif;
color: #555;
cursor: pointer;
border-right: 1px solid #ccc;
}
.chalet-section-menu li:last-child {
border-right: none;
border-top-right-radius: 40px;
border-bottom-right-radius: 40px;
}
.chalet-section-menu li:first-child {
border-top-left-radius: 40px;
border-bottom-left-radius: 40px;
}
.chalet-section-menu li a {
text-decoration: none;
color: white;
display: block;
}
.chalet-section-menu li:hover a {
color:#001F47;
}
.chalet-section-menu li a.active {
color: #000;
}
.sticky-chalet-menu {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
border-radius: 0 0 20px 20px;
display: none;
padding: 0;
padding-left: 65px;
padding-right: 65px;
}
@media (max-width: 1024px) {
#in-flow-chalet-menu,
#sticky-chalet-menu {
display: none !important;
}
}
.admin-bar #sticky-chalet-menu {
top: 32px;
}
.content-area .block {
border-bottom: 2px solid black;
}
.chalet-title-section .block {
border: none;
}
.included-section {
margin: 50px 0;
}
.included-section .included-inner {
height: 100%;
display: flex;
align-items: center;
}
.included-text {
display: flex;
flex-direction: column;
align-self: start;
}
.faq-title {
font-weight: 600;
margin-bottom: 10px;
color: #000;
font-size: clamp(2.5rem, 5vw, 4.5rem);
}
.faq-subtitle {
font-style: italic;
font-size: clamp(3rem, 5vw, 5rem);
margin-top: 2rem;
color: #000;
}
.included-list {
list-style: none;
padding: 0;
margin: 30px 0 0;
}
.included-item {
display: flex;
align-items: center;
border-bottom: 1px solid #ccc;
padding: 10px 10px;
}
.included-label {
margin-left: 10px;
}
.included-placeholder {
border-radius: 10px;
background-color: #333;
width: 100%;
height: 400px;
}
.detail-property-page .own-style h3 {
color:#001F47;
display: inline-block;
font-family: "Playfair Display", Sans-serif;
margin-bottom: 10px !important;
}
.detail-property-page #location-description h3{
color: white !important;
display: inline-block;
font-family: "Playfair Display", Sans-serif;
margin-bottom: 20px !important;
}
.detail-property-page #location-description p{
color: white !important;
display: inline-block;
font-family: "Playfair Display", Sans-serif;
margin-bottom: 0px !important;
text-align: left;
}
@media (max-width: 991px) {
.block-custom {
margin-bottom: 30px;
}
}
@media (max-width: 767px) {
.block-custom {
margin-bottom: 30px;
}
.detail-property-page .own-style h3{
line-height: 1.1;
margin: 20px 0 !important;
}
.location-inner {
background: #001F47;
}
}
@media (min-width:768px) {
#location-description {
padding: 20px !important;
}
}
@media (max-width: 767px) {
#location-description {
padding: 20px !important;
}
}
@media (min-width:768px) {
#enquiryModal .modal-dialog {
max-width: 70%;
width: 100%;
}
}
@media (min-width:2560px) {
#enquiryModal .modal-dialog {
margin-top:20%;
}
}
#enquiryModal br {
display: none;
}
#enquiryModal .wpcf7-form .row {
margin-bottom: 2rem;
}
#enquiryModal .wpcf7-form label {
display: block;
font-weight: 600;
margin-bottom: 1rem;
color: #18324F;
font-size: 14px;
}
#enquiryModal .wpcf7-form input,
#enquiryModal .wpcf7-form select,
#enquiryModal .wpcf7-form textarea {
width: 100%;
border: none;
background-color: #103b581a;
border: none;
padding: 10px 12px;
border-radius: 4px;
font-size: 15px;
resize: vertical;
appearance: none;
}
h3#enquiryModalLabel {
flex: auto;
}
#enquiryModal .wpcf7-form select {
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 16px 16px;
}
#enquiryModal .wpcf7-form textarea {
min-height: 100px;
}
#enquiryModal .wpcf7-form .form-check {
margin-top: 1rem;
}
#enquiryModal .wpcf7-form .form-check label {
font-weight: normal;
font-size: 14px;
}
#enquiryModal .wpcf7-form .btn-primary:hover {
background-color: white;
color: black;
border: 1px solid black;
}
#enquiryModal .wpcf7-form .btn-primary {
background-color: #001F47;
padding: 10px;
height: auto;
text-transform: uppercase;
font-weight: bold;
border-radius: 60px;
letter-spacing: 1px;
border: 1px solid #103b58;
margin-top: 25px;
}
#enquiryModal .btn:active:focus,
#enquiryModal .btn:focus {
outline-offset: 0;
outline: none;
}
#enquiryModal .modal-header {
display: inline-flex;
padding: 20px;
width: 100%;
justify-content: space-between;
background-color:#001F47;
}
#enquiryModal .modal-header h3{
color:white !important;
}
#enquiryModal .modal-body {
padding: 20px;
}
.modal-content {
border-radius: 30px;
}
#enquiryModal .wpcf7-spinner {
position: absolute;
bottom: 40px;
right: 13px;
}
#enquiryModal input::placeholder,
#enquiryModal textarea::placeholder {
color: #9b9b9b;
}
body.modal-open-fix {
overflow: hidden !important;
}
.modal-header .btsize {
width: 30px;
font-size: 30px;
}
.custom-css .wpcf7-response-output {
background-color: #ffffff;
color: #103b58;
border-radius: 40px;
}
.sticky-bottom-banner {
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: #103b58;
z-index: 99;
padding: 10px 15px;
color: white;
opacity: 0;
visibility: hidden;
transform: translateY(20px);
transition:
opacity 0.2s ease-in-out,
visibility 0.2s ease-in-out,
transform 0.2s ease-in-out;
pointer-events: none;
}
.sticky-bottom-banner.show {
opacity: 1;
visibility: visible;
transform: translateY(0);
pointer-events: auto;
}
.sticky-bottom-banner .banner-text {
font-weight: 600;
font-size: 1rem;
}
.sticky-bottom-banner .btn-enquire {
font-weight: bold;
}
.chalet-title-banner {
margin: 0;
flex: auto;
margin-right: 15px;
gap: 10px;
align-items: baseline;
}
.sticky-enquire-banner {
width: 100%;
justify-content: space-between;
align-items: center;
border: 1px solid white;
max-width: 1350px;
padding: 10px 28px;
max-height: 120px;
}
.sticky-enquire-banner button {
border-radius: 40px;
color: #ffffff;
text-transform: uppercase;
background: transparent;
border: 1px solid white;
padding: 2px 18px;
}
.sticky-enquire-banner button:hover,
.sticky-enquire-banner button:focus {
color: black;
background-color: white;
}
.chalet-title-banner {
font-size: 24px;
}
.sticky-enquire-banner button {
font-size: 18px;
}
.chalet-title-banner {
display: flex;
flex-wrap: nowrap;
align-items: baseline;
width: 50%;
}
.chalet-main-title {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.chalet-title-banner .font-ital {
white-space: nowrap;
}
@media (max-width: 768px) {
.custom-css .container {
width: 100%;
}
#section-body {
overflow: initial !important;
}
}
@media (max-width: 767px) {
.chalet-title-banner {
font-size: 20px;
}
.sticky-enquire-banner button {
font-size: 16px;
padding: 3px 14px;
}
.sticky-bottom-banner {
max-height: 86px;
padding: 10px;
}
}
@media (min-width: 768px) {
.chalet-title-banner {
font-size: 28px;
}
.sticky-enquire-banner button {
font-size: 14px;
}
}
@media (max-width:991px) {
.custom-css .chalet-title-banner .font-ital {
display: none;
}
}
@media (min-width: 992px) {
.chalet-title-banner {
font-size: 32px;
}
.sticky-enquire-banner button {
font-size: 18px;
}
}
@media (min-width: 1201px) {
.chalet-title-banner {
font-size: 36px;
}
.sticky-enquire-banner button {
font-size: 20px;
}
}
@media (min-width: 1681px) {
.chalet-title-banner {
font-size: 38px;
}
.sticky-enquire-banner button {
font-size: 22px;
}
}
#pricingTypeToggle {
margin-right: auto;
padding: 0px 20px 0px 0px;
display: flex;
gap: 15px;
margin-bottom: 20px;
}
#pricingTypeToggle button {
background-color: unset;
border-radius: 60px;
color: #000000;
font-size: 20px;
border: 1px solid white;
}
#pricingTypeToggle button.active {
border: 1px solid #003b5e !important;
}
.cater-currency {
justify-content: space-between;
place-items: center;
}
.cater-currency-inner {
align-items: baseline;
}
.custom-currency-switcher {
width: 180px;
border-radius: 60px;
margin-bottom: 40px;
border-color: black;
text-align: center;
color: black;
cursor: pointer;
}
.view-prices {
display: none;
}
#budget-slider-container .custom-currency-switcher,
#filter-budget-slider-container .custom-currency-switcher,
#mobile-filter-budget-slider-container .custom-currency-switcher {
margin-bottom: 0px;
padding: 0px 16px;
font-size: 12px;
width: auto;
height: 35px;
margin-bottom: 12px;
}
/* Laptop screens (≤ 1199px) */
@media (max-width: 1199px) {
.chalet-badges {
gap: 1.5em;
}
}
@media (min-width:992px) {
.location-inner {
display: flex;
background: #001F47;
padding: 20px 20 0 0 ;
align-items: center;
margin:40px 0px;
border-radius: 5px;
}
#location-description {
width: 100%;
}
.map-container {
width: 100%
}
}
.included-section {
margin-top: 50px;
padding-top: 50px !important;
}
@media (max-width: 1024px) {
.included-section{
margin-top: 0px;
}
}
/* Tablet screens (≤ 991px) */
@media (max-width: 991px) {
.chalet-badges-wrapper {
height: unset;
flex-flow: column;
padding: 3.5rem 3rem 3.5rem 3rem;
gap: 3rem;
}
.pricing-cell .date {
font-size: 13px;
}
.pricing-cell .price {
font-size: 15px;
}
.chalet-enquire-button,
.btn-enquire {
width: 100%;
}
.chalet-badges {
gap: 3.5em;
}
.included-text {
width: 100%;
}
.included-item {
width: calc(50% - 10px);
}
.included-item:last-child {
border-bottom: 1px solid #ccc;
}
.included-list {
flex-flow: wrap;
display: flex;
column-gap: 20px;
}
.included-section .included-inner {
display: block;
}
.included-section {
margin-bottom: 50px;
padding-top: 50px !important;
}
.sticky-enquire-banner button {
width: 50%;
border: none;
padding: 12px;
border-radius: 0px;
}
.sticky-enquire-banner {
border: none;
padding: 0px;
}
.view-prices {
display: block;
}
.chalet-title-banner {
display: none;
}
.sticky-bottom-banner {
padding: 0px;
}
}
.custom-css .view-prices {
background-color: #a28a5c;
}
.custom-label {
margin-right: 10px;
}
.prev-next-pricing {
padding-bottom: 15px;
padding-top: 10px;
}
/* Small tablet / large mobile screens (≤ 767px) */
@media (max-width: 767px) {
#pricingCalendar {
margin: 0px -15px;
}
.pricing-month {
border-radius: 0px !important;
}
.pricing-cell .price {
font-size: 15px !important;
}
.chalet-badges-wrapper,
.listing-slider-variable-width-v2,
.listing-slider-variable-width-v2 .slick-list {
border-radius: 0px !important;
}
.chalet-badges {
flex-flow: wrap;
gap: 1em;
justify-content: center;
}
#pricingTypeToggle button {
font-size: 16px;
padding: 0 16px;
}
.custom-label {
font-size: 12px;
}
.custom-currency-switcher {
width: 140px;
font-size: 12px;
}
.margin-offset {
margin: 0 -15px;
}
.included-section .included-inner {
flex-flow: column;
}
.included-section {
margin-bottom: 50px !important;
padding-top: 50px !important;
}
.included-image {
margin-top: 30px;
padding-bottom: 20px !important;
}
.chalet-badges .badge {
min-width: 140px;
padding: 0.7em 0.5em;
}
}
/* Mobile phones (≤ 575px) */
@media (max-width: 575px) {
.included-item {
width: 100%;
}
.included-section .included-title{
font-size: 26px !important;
line-height: 30px !important;
}
.fw-bold{
text-align: center !important;
font-size: 22px !important;
}
.cater-currency {
display: block
}
.pricing-table td {
padding: 1rem;
}
.pricing-month {
margin-bottom: 1.5rem;
}
.faq-number {
display: none;
}
.faq-answer {
padding: 0px !important;
}
}
.error404 .single-page-article {
margin-top: 90px;
}
@media (max-width:640px) {
.error404 .single-page-article {
margin-top: 30px;
}
}
/* Container styling */
.country-nav-container {
position: sticky;
top: 0;
z-index: 1;
width: 100%;
background: #fff;
}
.admin-bar .country-nav-container {
top: 32px;
}
/* Scrollable wrapper */
.country-nav-wrapper {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.country-nav-wrapper::-webkit-scrollbar {
display: none;
}
/* Navigation list */
.country-nav {
display: flex;
margin: 0;
padding: 7px 0px;
list-style: none;
white-space: nowrap;
justify-content: center;
background-color: #f2f2f2;
}
/* On mobile, align to left */
@media (max-width: 640px) {
.country-nav {
justify-content: flex-start;
}
}
/* List items */
.country-nav li {
flex: 0 0 auto;
min-width: 130px;
}
/* Links (pill buttons) */
.country-nav li a {
display: block;
text-align: center;
padding: 8px 18px;
text-decoration: none;
border-radius: 60px;
margin: 8px;
transition: background 0.3s ease, color 0.3s ease;
border: 1px solid transparent;
white-space: nowrap;
font-family: 'Cormorant';
font-weight: 800;
font-size: 22px;
}
.country-nav li a:hover,
.country-nav li a:active,
.country-nav li a:focus {
color: #000;
border: 1px solid black;
}
/* Active link style */
.country-nav li.active a {
background: transparent;
color: #000;
border: 1px solid #000;
}
/* Fade overlay (right) */
.country-nav-fade-right {
display: none;
position: absolute;
right: 0;
top: 0;
width: 40px;
height: 100%;
background: linear-gradient(to right, transparent, #fff);
pointer-events: none;
z-index: 1;
}
@media (max-width:1023px) {
#resortshomedisplay .resort-divider-wrapper {
display: none;
}
}
.desktopslick .resort-divider-wrapper {
display: none;
}
.desktopslick .slick-dots,
.mobileslick .slick-dots {
margin-bottom: 40px;
}
.slick-dots {
display: flex !important;
justify-content: center;
position: relative;
height: 2px;
background: #e0e0e0;
overflow: hidden;
border-radius: 2px;
width: 100%;
margin: 0 auto;
}
@media (max-width:1365px) {
.slick-dots {
width: calc(100% - 30px);
}
}
.slick-dots li {
flex: 1;
margin: 0;
}
.slick-dots li button {
height: 100%;
width: 100%;
background: transparent;
}
.slick-dots li.slick-active button {
background: #000;
}
.slick-dots li button:before {
display: none;
}
.mobileslick button.slick-arrow {
background: #000;
border-radius: 10px;
border: 1px solid black;
margin: -40px 25px 0;
}
#resortshomedisplay .btn-wrapper,
#listingtypehomedisplay .btn-wrapper {
text-align: center;
}
@media (max-width: 1024px) {
.custom-css .mobileslick a.button {
margin-bottom: 12px !important;
}
}
.custom-css .desktopslick a.button {
margin-bottom: 12px !important;
}
.mobileslick button.slick-disabled {
display: none !important;
}
.mobileslick .slick-prev:before,
.mobileslick .slick-next:before {
color: #ffffff;
}
.custom-css .top-gallery-section .slick-arrow {
background-color: #000000 !important;
border-radius: 12px;
border: 1px solid black;
opacity: 0.6;
}
.top-gallery-section .slick-next:before {
color: white !important;
opacity: 0.6;
}
@media (max-width: 768px) {
.top-gallery-section .slick-arrow {
display: block !important;
opacity: 1 !important;
margin: 0;
}
.custom-css .top-gallery-section .slick-prev {
border-radius: 0px 12px 12px 0px;
}
.top-gallery-section .slick-arrow:before {
opacity: 1;
}
.custom-css .top-gallery-section .slick-next {
border-radius: 12px 0px 0px 12px;
}
}
#contactcontent .wpcf7-form .row {
margin-bottom: 2rem;
}
#contactcontent .wpcf7-form label {
display: block;
font-weight: 600;
margin-bottom: 1rem;
color: #18324F;
font-size: 14px;
}
#contactcontent br {
display: none;
}
#contactcontent .wpcf7-form select {
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 16px 16px;
}
#contactcontent .wpcf7-form input,
#contactcontent .wpcf7-form select,
#contactcontent .wpcf7-form textarea {
width: 100%;
border: none;
background-color: #103b581a;
padding: 10px 12px;
border-radius: 4px;
font-size: 15px;
resize: vertical;
appearance: none;
}
#contactcontent .wpcf7-form .btn-primary {
background-color: #103b58;
padding: 10px;
height: auto;
text-transform: uppercase;
font-weight: bold;
border-radius: 60px;
letter-spacing: 1px;
border: 1px solid #103b58;
margin-top: 25px;
}
#contactcontent .wpcf7-form .btn-primary:hover {
background-color: white;
color: black;
border: 1px solid black;
}
#contactcontent .wpcf7-spinner {
position: absolute;
bottom: 20px;
right: 0px;
}
/* Blog */
.blog-article>.block-body {
padding: 40px 0px;
}
.blog-article>a {
display: block;
position: relative;
overflow: hidden;
height: 500px;
}
.blog-article>a img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
border-radius: 30px;
}
.blog-article h2 {
line-height: 1.2;
}
.article-main .single-blog-article img {
border-radius: 30px;
}
.article-main h2 {
line-height: 1.2;
}
.article-main .block-body {
padding: 0px;
}
.blog-section .next-box,
.blog-section .prev-box,
.related-post img {
border-radius: 30px;
}
.related-post {
margin-top: 40px;
}
.article-main .post-featured-image {
margin-top: 10px;
margin-bottom: 30px;
}
.article-main .block-title {
padding: 30px 0px;
}
.recent-posts-date,
.post-author {
display: none;
}
.related-post .list-inline {
display: none;
}
.widget-latest-posts .media.property-item img {
border-radius: 15px;
}
#comments-form {
display: none;
}
.blog-wrap .btn {
border-radius: 30px;
}
.blog-wrap .btn-secondary:hover {
color: white;
}
.blog-wrap .block-footer {
padding: 20px 0px;
}
@media (max-width: 1150px) {
.widget-latest-posts .media.property-item {
flex-direction: column;
}
.widget-latest-posts .media.property-item .media-body {
padding: 0px;
margin-top: 20px;
}
}
.blog-wrap .mw-nav {
display: none;
}
.dashboard-content-area .btn-primary,
.dashboard-content-area .btn-secondary {
color: #ffffff !important;
background-color: var(--color-navy) !important;
border: 1px solid transparent !important;
}
.dashboard-content-area .btn-primary:hover,
.dashboard-content-area .btn-primary:focus,
.dashboard-content-area .btn-primary:active,
.dashboard-content-area .btn-secondary:hover,
.dashboard-content-area .btn-secondary:focus,
.dashboard-content-area .btn-secondary:active {
color: #ffffff !important;
background-color: #a28a5c !important;
border: 1px solid transparent !important;
}
.dashboard-content-area #module_listings button:hover,
.dashboard-content-area #module_listings button:active,
.dashboard-content-area #module_listings button:focus,
.dashboard-content-area #module_listings button.btn.btn-primary.dropdown-toggle:hover,
.remove-beds:hover,
.remove-beds:focus,
.remove-beds:active {
color: #ffffff !important;
background-color: #a28a5c !important;
border: 1px solid transparent !important;
}
.footer-socials {
padding: 10px 0;
text-align: center;
}
.socials-row {
display: flex;
justify-content: center;
gap: 25px;
}
.social-icon {
display: block;
color: rgba(255, 255, 255, 0.5);
font-size: 24px;
transition: color 0.3s ease;
}
.social-icon:hover {
color: #ffffff;
}
#resortTabs {
margin-bottom: 25px;
margin-top: 25px;
display: flex;
list-style: none;
gap: 20px;
padding: 0px;
justify-self: center;
}
.sticky-chalet-menu {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
border-radius: 0 0 20px 20px;
display: none;
padding: 0;
padding-left: 65px;
padding-right: 65px;
}
#in-flow-chalet-menu {
padding-left: 50px;
padding-right: 50px;
}
.admin-bar #sticky-chalet-menu {
top: 32px;
}
.resort-info p,
.resort-info ul {
margin-bottom: 1.5em;
}
.resort-info img {
max-width: 100%;
height: auto;
display: block;
margin: 3em 0;
}
.resort-info ul {
padding-left: 1.2em;
list-style: disc;
}
.resort-info ul li p {
display: inline;
margin: 0;
}
.nav-link2 {
font-size: clamp(14px, 1.8vw, 18px);
color: black;
padding: 6px 23px;
}
a.nav-link2:hover,
a.nav-link2:active,
a.nav-link2:focus {
color: black;
}
.nav-item2.active {
outline: 1px solid black;
}
.nav-item2 {
border-radius: 30px;
padding: 6px 2px;
}
#resortTabsContent .col-xs-12.col-sm-12.col-md-12.col-lg-12.gutter-x {
padding: 0px !important;
}
#resortTabsContent .tab-pane {
max-width: 1350px;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 640px) {
.nav-item2 {
padding: 6px 9px;
}
.nav-link2 {
width: 100%;
display: block;
padding: 0px 15px;
}
#resortTabs {
gap: 8px;
}
#resortTabs {
flex-flow: column;
align-items: center;
width: 100%;
}
}
.custom-css .modal-dialog.modal-lg.modal-dialog-centered {
position: absolute !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
-webkit-transform: translate(-50%, -50%) !important;
box-sizing: border-box !important;
display: flex !important;
flex-direction: column !important;
max-height: 100vh !important;
border-radius: 30px;
}
/* Always allow scrolling inside modal content if too tall */
.custom-css .modal-content {
overflow-y: auto !important;
max-height: 100vh !important;
box-sizing: border-box !important;
}
/* For smaller screens: stick to top, no vertical center */
@media (max-height: 1000px),
(max-width: 1000px) {
.custom-css .modal-dialog.modal-lg.modal-dialog-centered {
transform: translateX(-50%) !important;
}
}
.item-media-price,
.item-user-image {
display: none;
}
#pricing-tab .sub-title {
display: none;
}
.resort-tile-wrapper .btn {
display: inline-flex;
padding: 12px 24px;
font-weight: 600;
border-radius: 50px;
margin-bottom: 50px;
line-height: normal;
transform: translateX(50%);
}
.resort-tile-wrapper .btn:hover {
color: white;
}
/* by ansar */
amenities-icons-wrap {
display: flex;
flex-wrap: wrap;
gap: 3px;
justify-content: center !important;
}
.amenities-icons-wrap > *:nth-child(n+9) {
display: none;
}
.amenity-icon {
position: relative;
display: inline-flex;
width: 34px;
height: 34px;
justify-content: center;
align-items: center;
border-radius: 50%;
background: #f5f5f5;
font-size: 16px;
color: #444;
cursor: pointer;
transition: all 0.2s ease;
}
.amenity-icon:hover {
background: #333;
color: #fff;
}
/* Tooltip on TOP */
.amenity-icon::after {
content: attr(data-tooltip);
position: absolute;
top: -34px; /* starting position */
left: 50%;
transform: translateX(-50%);
background: #333;
color: #fff;
padding: 4px 8px;
border-radius: 4px;
font-size: 12px;
white-space: nowrap;
opacity: 0;
pointer-events: none;
transition: opacity 0.2s ease, top 0.2s ease;
}
/* Tooltip arrow */
.amenity-icon::before {
content: "";
position: absolute;
top: -10px;
left: 50%;
transform: translateX(-50%);
border-width: 6px;
border-style: solid;
border-color: transparent transparent #333 transparent;
opacity: 0;
transition: opacity 0.2s ease, top 0.2s ease;
}
/* Hover: show tooltip on TOP */
.amenity-icon:hover::after {
opacity: 1;
top: -42px; /* hover position */
}
.amenity-icon:hover::before {
opacity: 1;
}
/* Chalet Price & Currency Formatting */
.price-currency {
font-weight: 600;
font-size: 42px;
color: #2a2a2a;
margin-right: 3px;
font-family: "Playfair Display", serif;
color: #001f47;
}
.price-value {
font-weight: 600;
font-size: 42px;
font-family: "Playfair Display", serif;
color: #001f47;
}
.account-loggedin {
position: relative;
display: flex;
align-items: center;
cursor: pointer;
}
.account-loggedin .user-name {
margin-right: 8px;
font-weight: 500;
}
.account-loggedin .user-image img {
border-radius: 50%;
}
.account-dropdown {
display: none;
position: absolute;
top: 100%;
right: 0;
min-width: 200px;
background: #fff;
box-shadow: 0 10px 30px rgba(0,0,0,.15);
z-index: 9999;
}
.account-dropdown ul {
list-style: none;
margin: 0;
padding: 8px 0;
}
.account-dropdown ul li a {
display: block;
padding: 10px 16px;
color: #333;
text-decoration: none;
}
.account-dropdown ul li a:hover {
background: #f5f5f5;
}
.account-loggedin:hover .account-dropdown {
display: block;
}
.account-loggedin {
position: relative;
display: flex;
align-items: center;
cursor: pointer;
}
.user-name {
margin-right: 8px;
font-weight: 500;
}
.user-avatar,
.user-avatar img {
width: 36px;
height: 36px;
border-radius: 50%;
object-fit: cover;
}
.default-avatar {
background: #eee;
color: #777;
display: flex;
align-items: center;
justify-content: center;
}
.account-dropdown {
display: none;
position: absolute;
top: 100%;
right: 0;
background: #fff;
min-width: 200px;
box-shadow: 0 10px 30px rgba(0,0,0,.15);
z-index: 9999;
}
.account-loggedin:hover .account-dropdown {
display: block;
}
.img-circle {
width: 36px;
height: 36px;
border-radius: 50%;
object-fit: cover;
}
.default-avatar {
background: #eee;
color: #777;
display: inline-flex;
align-items: center;
justify-content: center;
}
/* main header in form css */
.search-destination {
min-width: 250px !important;
}
.search-date-range{
min-width:250px !important;
}
.search-guests {
min-width: 250px !important;
}
.search-button {
min-width: auto;
}
.search-button button svg{
width:30px !important;
height:30px !important;
}
.search-destination img {
width: 20px !important;
height: 16px !important;
top: 18px;
left: 20px;
font-size: 18px;
line-height: initial;
position: absolute;
z-index:3;
}
@media (min-width: 1201px) {
.half-map-search-inner-wrap > .search-destination,
.half-map-search-inner-wrap > .search-date-range,
.half-map-search-inner-wrap > .search-guests,
.half-map-search-inner-wrap > .filter-budget-range {
min-width: 180px !important;
}
}
.hori-daily .clearfix .search-button button {
background-color: #A28A5C !important;
}
.hori-daily .clearfix .search-button button:hover {
background-color: #001F47 !important;
}
.hori-daily .clearfix .search-button button svg {
margin-top: 15px;
stroke: #ffffff !important;
}
.search-guests .dropdown-toggle .filter-option{
margin-top:15px !important;
}
.search-guests:after{
z-index:4;
}
/* navbar login btn css */
.navloginplace{
color:white;
}
.navloginplace:hover{
color:#A28A5C;
}
/*Dashboard styling by saeed developer */
/* .dashboard-page-title {
z-index: 20;
margin-left: 200px;
margin-bottom:30px;
padding: 15px 30px;
background-color:#fff;
border-bottom: 1px solid #d8dce1;
} */
.btn-search-icon{
border-radius:5px !important;
}
.board-panel-menu a {
color: #ffffff;
}
.board-panel-item-active {
background-color: #a28a5c;
}
.board-panel-item-active ul li a{
background-color: #00142f;
color:white;
}
.board-panel-item-active ul li a:hover{
background-color: #a28a5c;
}
.board-panel-menu a:hover {
background-color: #a28a5c;
color: #ffffff;
}
@media screen and (min-width: 541px) and (max-width: 1024px) {
.search-banner-desktop form {
display: flex !important;
flex-wrap: wrap;
justify-content: center;
}
.hori-daily .clearfix:after, .clearfix:before{
display:none !important;
}
.search-destination {
max-width: 315px !important;
margin-right:5px !important;
}
.search-date-range {
max-width: 315px !important;
margin-left:5px !important;
}
.search-guests {
max-width: 315px !important;
margin-right:5px !important;
}
.search-budget-range {
max-width: 315px !important;
margin-left:5px !important;
}
.search-button button{
max-width:100%;
}
.half-map-search-inner-wrap > .search-destination,
.half-map-search-inner-wrap > .search-date-range,
.half-map-search-inner-wrap > .search-guests,
.half-map-search-inner-wrap > .filter-budget-range {
max-width: 100% !important;
}
}
@media (max-width: 1024px) {
.elementskit-menu-close .elementskit-menu-hamburger-icon, .elementskit-menu-hamburger .elementskit-menu-hamburger-icon {
height: 2px;
width: 100%;
display: block;
margin-bottom: 4px;
}
}
@media (max-width: 767px) {
.ekit_menu_responsive_mobile .elementskit-navbar-nav-default .elementskit-navbar-nav, .ekit_menu_responsive_tablet .elementskit-navbar-nav-default .elementskit-navbar-nav {
padding: 10px;
}
}
@media (hover: hover) {
.main-mage-menu-tab [role="tab"] {
cursor: pointer;
}
}
.margin-offset p{
font-size:16px;
font-family: "Nunito Sans", Sans-serif;
margin: 0 0 15px;
}
.block-body {
padding: 40px 0;
width: 100%;
}
/* Parent button */
.search-guests .bootstrap-select > .dropdown-toggle {
padding-left: 40px !important; /* icon ke liye space */
padding-right: 15px !important;
position: relative;
}
/* AFTER icon ko left shift karna */
.search-guests .bootstrap-select > .dropdown-toggle::after {
position: absolute;
left: 15px; /* icon left side */
right: auto;
top: 50%;
transform: translateY(-50%);
margin: 0;
}
/* Text (1 Guest) alignment fix */
.search-guests .bootstrap-select .filter-option {
text-align: left;
}
.half-map-search-inner-wrap .search-guests .btn-group button{
height:46px !important;
}
.half-map-search-inner-wrap .search-guests .dropdown-toggle .filter-option {
margin-top: 4px !important;
}
.btn-grey-outlined {
color:#101010;
background-color: transparent;
border-color: #101010;
}
.enquiry{
background:#000;
}
/* similar elementor grid */
.similar-elementor-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:10px;
}
/* Tablet */
@media (max-width:1024px){
.similar-elementor-grid{
grid-template-columns:repeat(2,1fr);
}
}
/* Mobile */
@media (max-width:767px){
.similar-elementor-grid{
grid-template-columns:1fr;
}
.flexible-dates-toggle {
gap: 10px;
margin-bottom: 0px;
}
}
.page-template-dashboard-listing-submitted .dashboard-page-title{
position: static;
}
/* Listings card */
.item-media.item-media-thumb img {
border-radius: 10px;
border: 1px solid #a28a5c;
height: 300px;
}
.media-body.item-body {
text-align: center;
padding: 0px;
}
.listing-meta-grid {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
margin-top: 10px;
padding: 2px 0px 0px 0px;
border-top: 1px solid #a28a5c;
}
.listing-meta-item {
font-family: "Nunito Sans", Sans-serif;
font-size: 18px;
color: #a28a5c;
letter-spacing: 0.5px;
}
.listing-meta-divider {
width: 1px;
height: 16px;
background-color: #a28a5c;
}
.media.property-item .title {
font-family: "Manrope", Sans-serif;
font-size: 25px;
line-height:30px;
}
.media.property-item .title a{
color: #001f47;
}
.btn.btn-primary {
border-radius: 30px;
}
.media.property-item .resort-country-label {
font-family: "Nunito Sans", Sans-serif;
font-size: 16px;
color: #a28a5c;
}
.title-head-left .custom-resort-country{
padding-bottom:10px;
padding-top: 10px;
}
.item-wrap .media.property-item {
border-radius: 10px;
overflow: hidden;
padding: 0px 0px 15px 0px;
border: 1px solid #a28a5c;
}
.item-wrap {
height: 100%;
display: flex;
flex-direction: column;
}
.tile-pricing {
align-self: center;
margin-top: auto;
text-align: center;
padding: 10px 0px 5px 0px;
font-weight: 600;
font-size: 42px;
font-family: "Playfair Display", serif;
color: #001f47;
width: 100%;
}
.media.property-item {
flex-grow: 1;
display: flex;
flex-direction: column;
}
.widget-latest-posts .media.property-item {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.widget-latest-posts .media.property-item .media-body {
text-align: left;
padding: 0px 15px;
}
.widget-latest-posts .title a {
text-transform: capitalize !important;
}
ul.item-amenities.empty {
border: none !important;
height: 56px;
}
.item-amenities svg {
width: 20px;
height: 20px;
display: block;
margin: 0 auto;
vertical-align: middle;
}
.btn-primary.blk-button {
color: #ffffff;
background-color: var(--color-navy);
border-color: #a28a5c;
}
.btn-primary.blk-button:hover {
background-color: #a28a5c;
border-color: #a28a5c;
}
.btn-primary.blk-button.full-width {
font-size: 11px;
padding: 5px 0px;
width: 80%;
display: block;
margin: 10px auto 0; /* this centers it */
}
.media.property-item .item-amenities {
padding: 2px 0px;
border-top: 1px solid #a28a5c;
border-bottom: 1px solid #a28a5c;
}
@media (max-width: 768px) {
.media.property-item .title {
font-size: 18px;
}
}
.tooltip-text {
visibility: hidden;
opacity: 0;
background-color: #a28a5c;
color: #fff;
text-align: center;
font-size: 12px;
padding: 4px 8px;
border-radius: 4px;
position: absolute;
z-index: 10;
bottom: 125%;
/* above the icon */
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
transition: opacity 0.2s ease, visibility 0.2s ease;
pointer-events: none;
}
.tooltip-wrap:hover .tooltip-text {
visibility: visible;
opacity: 1;
}
li.amenity-item.amenity-gym,
li.amenity-item.amenity-pet-friendly,
li.amenity-item.amenity-hot-tub,
li.amenity-item.amenity-steam-room,
li.amenity-item.amenity-swimming-pool,
li.amenity-item.amenity-cinema-tv-room,
li.amenity-item.amenity-sauna-room,
li.amenity-item.amenity-wi-fi,
li.amenity-item.amenity-boot-warmer,
li.amenity-item.amenity-ev-charger,
li.amenity-item.amenity-fireplace,
li.amenity-item.amenity-games-room,
li.amenity-item.amenity-garage,
li.amenity-item.amenity-hammam,
li.amenity-item.amenity-laundry-facilities,
li.amenity-item.amenity-nespresso,
li.amenity-item.amenity-private-parking,
li.amenity-item.amenity-ski-in-ski-out,
li.amenity-item.amenity-terrace {
transform: translateY(2px);
}
.curated-board-options {
text-align: center;
padding-top: 2px;
margin-bottom: 0px;
border-bottom: 1px solid #a28a5c;
}
.curated-board-title {
font-size: 12px;
}
.curated-board-values {
font-family: 'Cormorant', sans-serif;
font-size: 15px;
}
.half-map-wrap .listing-wrap.item-grid-view {
grid-gap: 10px 10px;}
a.btn.btn-primary.btn-long:active,
a.btn.btn-primary.btn-long:hover {
color: black;
}
.dropdown-menu.open a {
transition: 0s;
}
.chalet-title-section .breadcrumb {
margin-bottom: 30px;
}
.faq-section{
margin-top:30px;
}
.custom-faq-accordion .faq-item {
margin-bottom: 10px;
}
.faq-question-title {
text-transform: uppercase;
text-align: left;
font-weight: 800;
}
..custom-faq-accordion .faq-item {
margin-bottom: 10px;
}
.faq-row {
display: flex;
align-items: center;
gap: 15px;
}
.faq-number {
font-weight: bold;
font-size: 1.5rem;
width: 50px;
flex-shrink: 0;
padding: 10px 0 13px;
color: #001F47;
}
.faq-question {
border: none;
background: none;
width: 100%;
border-bottom: 1px solid #000;
display: flex;
justify-content: space-between;
align-items: center;
gap: 15px;
padding: 12px 0;
font-size: 1.5rem;
font-weight: 600;
cursor: pointer;
text-align: left;
}
.faq-question:focus {
outline: none;
}
.faq-question-title {
flex: 1;
}
.faq-toggle-icon {
font-size: 3rem;
line-height: 1;
font-weight: 700;
min-width: 30px;
text-align: center;
transition: all .2s ease;
}
.faq-answer {
display: none;
padding: 10px 0 20px 65px;
}
.faq-answer-content {
padding-top: 10px;
}
.faq-answer p:last-child {
margin-bottom: 0;
}
/* ==========================
TABLET
========================== */
@media (max-width: 991px) {
.faq-number {
font-size: 1.5rem;
width: 45px;
}
.faq-question {
font-size: 1.5rem;
}
.faq-toggle-icon {
font-size: 2rem;
}
.faq-answer {
padding-left: 60px;
}
}
/* ==========================
MOBILE
========================== */
@media (max-width: 767px) {
.faq-row {
gap: 10px;
align-items: flex-start;
}
.faq-number {
font-size: 1.4rem;
width: 35px;
padding-top: 15px;
}
.faq-question {
font-size: 15px;
line-height: 1.5;
padding: 12px 0;
}
.faq-toggle-icon {
font-size: 2rem;
min-width: 24px;
}
.faq-answer {
padding: 10px 0 20px 45px;
font-size: 14px;
line-height: 1.7;
}
.included-title {
font-size: 28px;
text-align: center;
}
}
/* ==========================
SMALL PHONES
========================== */
@media (max-width: 480px) {
.faq-number {
font-size: 1.2rem;
width: 30px;
}
.faq-question {
font-size: 14px;
}
.faq-toggle-icon {
font-size: 1.8rem;
}
.faq-answer {
padding-left: 40px;
font-size: 13px;
}
.included-title {
font-size: 24px;
}
}
/* detail page */
.included-section {
background: #faf9f6;
padding: 20px 20px;
}
.included-title {
font-family: "Playfair Display", Sans-serif;
font-size: 36px !important;
font-weight: 600;
margin-bottom: 5px;
color:#001F47;
}
.included-list {
display: grid;
grid-template-columns: repeat(2, minmax(0,1fr));
gap: 15px;
padding: 0;
list-style: none;
}
.included-item {
display: flex;
align-items: center;
gap: 12px;
background: #ffffff;
padding: 14px 18px;
border-radius: 12px;
box-shadow: 0 8px 22px rgba(0,0,0,0.05);
transition: all .25s ease;
}
.included-item:hover{
background: #abb8c3;
color: white;
}
.included-label {
font-size: 15px;
font-weight: 500;
}
.included-image img {
width: 100%;
border-radius: 5px;
object-fit: cover;
box-shadow: 0 20px 40px rgba(0,0,0,.12);
}
.location-inner {
background: #001F47;
}
.included-image {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
flex: 1;
padding-left: 15px;
border-radius: 0;
}
.included-img {
border-radius: 10px;
max-height: 100%;
width: 100%;
object-fit: cover;
}
/* Tablet screens (991px) */
@media (max-width: 991px) {
.included-image {
margin-top: 10px;
max-width: 100%;
/* padding-left: 0px;
padding-right:0px; */
}
.included-img {
height: 100%;
/* min-height: 500px; */
object-fit: cover;
}
.included-list {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px !important;
justify-content: start !important;
padding: 0;
}
.included-item {
width: 100% !important;
margin: 0 !important;
}
}
@media (max-width: 575px) {
.included-text{
row-gap:10px !important;
}
.included-list {
gap: 10px;
margin:0 !important;
}
.included-item {
gap: 10px;
padding: 10px 10px;
}
#location-description {
padding: 20px !important;
}
}
#overlay-booking-module,
.overlay-booking-btn,
#trigger-overlay-booking-form {
display:none !important;
}
/* Tablet Landscape & Portrait */
@media (min-width:768px) and (max-width:1024px){
.hori-daily.search-wrap.search-banner form{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:15px;
align-items:stretch;
}
.search-destination,
.search-date-range,
.search-guests,
.search-budget-range{
width:100% !important;
margin:0 !important;
}
.search-button{
grid-column:1 / -1;
width:100%;
margin-top:10px;
}
.search-button .btn{
width:100%;
height:56px;
}
.bootstrap-select{
width:100% !important;
}
.search-date-range input,
.bootstrap-select>.dropdown-toggle,
.search-budget-range input{
height:56px;
}
}
/* Mobile banner search icone */
.search-banner-mobile .search-destination::after {
content: "\f002";
font-family: "Font Awesome 6 Free";
font-weight: 900;
position: absolute;
right:20px !important;
left:auto !important;
color: #fff;
font-size: 18px;
z-index: 2;
line-height:1;
pointer-events: none;
}
p a{
color: #A28A5C;
transition: all .3s ease;
font-weight: 700;
}
p a:hover{
color: #C9B07A;
text-decoration: underline;
font-weight: 900;
}