/*
Theme Name: Obelix Resort Template 1
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
@import url('https://fonts.googleapis.com/css2?family=Fahkwang:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap');
@font-face {
    font-family: "flaticon_hotel";
    src: url("icons/flaticon_hotel.ttf?97be21fcc3f637e8bbba2cb5933e0a21") format("truetype"),
        url("icons/flaticon_hotel.woff?97be21fcc3f637e8bbba2cb5933e0a21") format("woff"),
        url("icons/flaticon_hotel.woff2?97be21fcc3f637e8bbba2cb5933e0a21") format("woff2"),
        url("icons/flaticon_hotel.eot?97be21fcc3f637e8bbba2cb5933e0a21#iefix") format("embedded-opentype"),
        url("icons/flaticon_hotel.svg?97be21fcc3f637e8bbba2cb5933e0a21#flaticon_hotel") format("svg");
}

i[class^="flaticon-"]:before,
i[class*=" flaticon-"]:before {
    font-family: flaticon_hotel !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.flaticon-resort:before {
    content: "\f101";
}

.flaticon-resort-1:before {
    content: "\f102";
}

.flaticon-do-not-disturb:before {
    content: "\f103";
}

.flaticon-hotel-sign:before {
    content: "\f104";
}

.flaticon-resort-2:before {
    content: "\f105";
}

.flaticon-hotel:before {
    content: "\f106";
}

.flaticon-review:before {
    content: "\f107";
}

.flaticon-bedroom:before {
    content: "\f108";
}

.flaticon-hotel-1:before {
    content: "\f109";
}

.flaticon-guest-house:before {
    content: "\f10a";
}

.flaticon-hotel-cart:before {
    content: "\f10b";
}

.flaticon-key-card:before {
    content: "\f10c";
}

.flaticon-reception:before {
    content: "\f10d";
}

.flaticon-room-service:before {
    content: "\f10e";
}

.flaticon-desk-bell:before {
    content: "\f10f";
}

.flaticon-service:before {
    content: "\f110";
}

.flaticon-check-in:before {
    content: "\f111";
}

.flaticon-room-service-1:before {
    content: "\f112";
}

.flaticon-coffee:before {
    content: "\f113";
}

.flaticon-hotel-2:before {
    content: "\f114";
}

.flaticon-hotel-3:before {
    content: "\f115";
}

.flaticon-hotel-bell:before {
    content: "\f116";
}

.flaticon-food-service:before {
    content: "\f117";
}

.flaticon-room-service-2:before {
    content: "\f118";
}

.flaticon-customer-service:before {
    content: "\f119";
}

.flaticon-sunrise:before {
    content: "\f11a";
}

.flaticon-around:before {
    content: "\f11b";
}

.flaticon-world:before {
    content: "\f11c";
}

.flaticon-destination:before {
    content: "\f11d";
}

.flaticon-signpost:before {
    content: "\f11e";
}

.flaticon-travel-map:before {
    content: "\f11f";
}

.flaticon-landscape:before {
    content: "\f120";
}

.flaticon-location:before {
    content: "\f121";
}

.flaticon-passport:before {
    content: "\f122";
}

.flaticon-suitcase:before {
    content: "\f123";
}

.flaticon-plane-ticket:before {
    content: "\f124";
}

.flaticon-flight:before {
    content: "\f125";
}

.flaticon-luggage:before {
    content: "\f126";
}

.flaticon-vacation:before {
    content: "\f127";
}

.flaticon-travel-bag:before {
    content: "\f128";
}

.flaticon-travel-bag-1:before {
    content: "\f129";
}

.flaticon-traveling:before {
    content: "\f12a";
}

.flaticon-airplane:before {
    content: "\f12b";
}

.flaticon-suitcase-1:before {
    content: "\f12c";
}

.flaticon-map:before {
    content: "\f12d";
}

.flaticon-bed:before {
    content: "\f12e";
}

.flaticon-bed-1:before {
    content: "\f12f";
}

.flaticon-bed-2:before {
    content: "\f130";
}

.flaticon-bed-3:before {
    content: "\f131";
}

.flaticon-bed-4:before {
    content: "\f132";
}

.flaticon-bed-5:before {
    content: "\f133";
}

.flaticon-bed-6:before {
    content: "\f134";
}

.flaticon-bed-7:before {
    content: "\f135";
}

.flaticon-beds:before {
    content: "\f136";
}

.flaticon-bed-8:before {
    content: "\f137";
}

.flaticon-bed-9:before {
    content: "\f138";
}

.flaticon-single-bed:before {
    content: "\f139";
}

.flaticon-account:before {
    content: "\f13a";
}

.flaticon-user:before {
    content: "\f13b";
}

.flaticon-user-1:before {
    content: "\f13c";
}

.flaticon-user-2:before {
    content: "\f13d";
}

.flaticon-users:before {
    content: "\f13e";
}

.flaticon-friends:before {
    content: "\f13f";
}

.flaticon-group:before {
    content: "\f140";
}

.flaticon-towel:before {
    content: "\f141";
}

.flaticon-mug:before {
    content: "\f142";
}

.flaticon-sandwich:before {
    content: "\f143";
}

.flaticon-breakfast:before {
    content: "\f144";
}

.flaticon-breakfast-1:before {
    content: "\f145";
}

.flaticon-breakfast-2:before {
    content: "\f146";
}

.flaticon-croissant:before {
    content: "\f147";
}

.flaticon-breakfast-3:before {
    content: "\f148";
}

.flaticon-breakfast-4:before {
    content: "\f149";
}

.flaticon-dinner:before {
    content: "\f14a";
}

.flaticon-breakfast-5:before {
    content: "\f14b";
}

.flaticon-croissant-1:before {
    content: "\f14c";
}

.flaticon-food-tray:before {
    content: "\f14d";
}

.flaticon-breakfast-6:before {
    content: "\f14e";
}

.flaticon-food-tray-1:before {
    content: "\f14f";
}

.flaticon-room-service-3:before {
    content: "\f150";
}

.flaticon-croissant-2:before {
    content: "\f151";
}

.flaticon-coffee-cup:before {
    content: "\f152";
}

.flaticon-parking:before {
    content: "\f153";
}

.flaticon-pet-hotel:before {
    content: "\f154";
}

.flaticon-calendar:before {
    content: "\f155";
}

.flaticon-calendar-1:before {
    content: "\f156";
}

.flaticon-calendar-2:before {
    content: "\f157";
}

.flaticon-calendar-3:before {
    content: "\f158";
}

.flaticon-car:before {
    content: "\f159";
}

.flaticon-car-1:before {
    content: "\f15a";
}

.flaticon-rental-car:before {
    content: "\f15b";
}

.flaticon-charging:before {
    content: "\f15c";
}

.flaticon-electric-car:before {
    content: "\f15d";
}

.flaticon-protection:before {
    content: "\f15e";
}

.flaticon-car-wash:before {
    content: "\f15f";
}

.flaticon-parking-1:before {
    content: "\f160";
}

.flaticon-calendar-4:before {
    content: "\f161";
}

.flaticon-car-key:before {
    content: "\f162";
}

.flaticon-route:before {
    content: "\f163";
}

.flaticon-energy:before {
    content: "\f164";
}

.flaticon-shopping-cart:before {
    content: "\f165";
}

.flaticon-shopping-cart-1:before {
    content: "\f166";
}

.flaticon-shopping-cart-2:before {
    content: "\f167";
}

.flaticon-trolley:before {
    content: "\f168";
}

.flaticon-bag:before {
    content: "\f169";
}

.flaticon-add-to-cart:before {
    content: "\f16a";
}

.flaticon-hotel-4:before {
    content: "\f16b";
}

.flaticon-sofa:before {
    content: "\f16c";
}

.flaticon-air-conditioner:before {
    content: "\f16d";
}

.flaticon-reception-1:before {
    content: "\f16e";
}

.flaticon-booked:before {
    content: "\f16f";
}

.flaticon-ac:before {
    content: "\f170";
}

.flaticon-air:before {
    content: "\f171";
}

.flaticon-ac-1:before {
    content: "\f172";
}

.flaticon-air-conditioner-1:before {
    content: "\f173";
}

.flaticon-air-conditioner-2:before {
    content: "\f174";
}

.flaticon-air-conditioner-3:before {
    content: "\f175";
}

.flaticon-wifi:before {
    content: "\f176";
}

.flaticon-wifi-1:before {
    content: "\f177";
}

.flaticon-wireless-connection:before {
    content: "\f178";
}

.flaticon-air-conditioner-4:before {
    content: "\f179";
}

.flaticon-wifi-signal:before {
    content: "\f17a";
}

.flaticon-wifi-2:before {
    content: "\f17b";
}

.flaticon-wifi-signal-1:before {
    content: "\f17c";
}

.flaticon-wifi-3:before {
    content: "\f17d";
}

.flaticon-wifi-4:before {
    content: "\f17e";
}

.flaticon-wifi-connection:before {
    content: "\f17f";
}

.flaticon-wifi-5:before {
    content: "\f180";
}

.flaticon-wifi-6:before {
    content: "\f181";
}

.flaticon-refrigerator:before {
    content: "\f182";
}

.flaticon-fridge:before {
    content: "\f183";
}

.flaticon-refrigerator-1:before {
    content: "\f184";
}

.flaticon-fridge-1:before {
    content: "\f185";
}

.flaticon-fridge-2:before {
    content: "\f186";
}

.flaticon-snowflake:before {
    content: "\f187";
}

.flaticon-gym:before {
    content: "\f188";
}

.flaticon-gym-1:before {
    content: "\f189";
}

.flaticon-training:before {
    content: "\f18a";
}

.flaticon-weights:before {
    content: "\f18b";
}

.flaticon-stationary-bike:before {
    content: "\f18c";
}

.flaticon-yoga-pose:before {
    content: "\f18d";
}

.flaticon-lotus:before {
    content: "\f18e";
}

.flaticon-stationary-bike-1:before {
    content: "\f18f";
}

.flaticon-fitness:before {
    content: "\f190";
}

.flaticon-barbell:before {
    content: "\f191";
}

.flaticon-treadmill:before {
    content: "\f192";
}

.flaticon-aromatherapy:before {
    content: "\f193";
}

.flaticon-aromatherapy-1:before {
    content: "\f194";
}

.flaticon-massage:before {
    content: "\f195";
}

.flaticon-essential-oil:before {
    content: "\f196";
}

.flaticon-aromatherapy-2:before {
    content: "\f197";
}

.flaticon-massage-1:before {
    content: "\f198";
}

.flaticon-spa:before {
    content: "\f199";
}

.flaticon-aromatherapy-3:before {
    content: "\f19a";
}

.flaticon-shower:before {
    content: "\f19b";
}

.flaticon-shower-1:before {
    content: "\f19c";
}

.flaticon-bathtub:before {
    content: "\f19d";
}

.flaticon-bathtub-1:before {
    content: "\f19e";
}

.flaticon-bathtub-2:before {
    content: "\f19f";
}

.flaticon-bathtub-3:before {
    content: "\f1a0";
}

.flaticon-bathtub-4:before {
    content: "\f1a1";
}

.flaticon-shower-2:before {
    content: "\f1a2";
}

.flaticon-bathtub-5:before {
    content: "\f1a3";
}

.flaticon-bathroom:before {
    content: "\f1a4";
}

.flaticon-bathing:before {
    content: "\f1a5";
}

.flaticon-swimming-pool:before {
    content: "\f1a6";
}

.flaticon-swimming-pool-1:before {
    content: "\f1a7";
}

.flaticon-ladder:before {
    content: "\f1a8";
}

.flaticon-swimming-pool-2:before {
    content: "\f1a9";
}

.flaticon-pool:before {
    content: "\f1aa";
}

.flaticon-pool-1:before {
    content: "\f1ab";
}

.flaticon-hot-tub:before {
    content: "\f1ac";
}

.flaticon-sun-bath:before {
    content: "\f1ad";
}

.flaticon-washing-machine:before {
    content: "\f1ae";
}

.flaticon-laundry-service:before {
    content: "\f1af";
}

.flaticon-area:before {
    content: "\f1b0";
}

.flaticon-area-1:before {
    content: "\f1b1";
}

.flaticon-maximize:before {
    content: "\f1b2";
}

.flaticon-full-screen:before {
    content: "\f1b3";
}

.flaticon-resize:before {
    content: "\f1b4";
}

.flaticon-text-area:before {
    content: "\f1b5";
}

.flaticon-moka-pot:before {
    content: "\f1b6";
}

.flaticon-espresso:before {
    content: "\f1b7";
}

.flaticon-kettle:before {
    content: "\f1b8";
}

.flaticon-baby-crib:before {
    content: "\f1b9";
}

.flaticon-crib:before {
    content: "\f1ba";
}

.flaticon-hair-dryer:before {
    content: "\f1bb";
}

.flaticon-slippers:before {
    content: "\f1bc";
}

.flaticon-shampoo:before {
    content: "\f1bd";
}

.flaticon-towel-1:before {
    content: "\f1be";
}

.flaticon-towel-2:before {
    content: "\f1bf";
}

.flaticon-towel-3:before {
    content: "\f1c0";
}

.flaticon-bicycle:before {
    content: "\f1c1";
}

.flaticon-goal:before {
    content: "\f1c2";
}

.flaticon-barbeque:before {
    content: "\f1c3";
}

.flaticon-barbecue:before {
    content: "\f1c4";
}

.flaticon-bar-counter:before {
    content: "\f1c5";
}

.flaticon-cocktail:before {
    content: "\f1c6";
}

.flaticon-cocktail-1:before {
    content: "\f1c7";
}

.flaticon-cocktail-2:before {
    content: "\f1c8";
}

.flaticon-veterinary:before {
    content: "\f1c9";
}

.flaticon-disabilities:before {
    content: "\f1ca";
}

.flaticon-wheelchair:before {
    content: "\f1cb";
}

.flaticon-hot:before {
    content: "\f1cc";
}

.flaticon-sunny:before {
    content: "\f1cd";
}

.flaticon-weather:before {
    content: "\f1ce";
}

.flaticon-television:before {
    content: "\f1cf";
}

.flaticon-landscape-1:before {
    content: "\f1d0";
}

.flaticon-landscape-2:before {
    content: "\f1d1";
}

.flaticon-signpost-1:before {
    content: "\f1d2";
}

.flaticon-biodiversity:before {
    content: "\f1d3";
}

.flaticon-biodiversity-1:before {
    content: "\f1d4";
}

.flaticon-gluten-free:before {
    content: "\f1d5";
}

.flaticon-salad:before {
    content: "\f1d6";
}

.flaticon-plant-based:before {
    content: "\f1d7";
}

.flaticon-tuxedo:before {
    content: "\f1d8";
}

.flaticon-clothes:before {
    content: "\f1d9";
}

.flaticon-open-sign:before {
    content: "\f1da";
}

.flaticon-24-hours:before {
    content: "\f1db";
}

.flaticon-reserved:before {
    content: "\f1dc";
}

.flaticon-snowboard:before {
    content: "\f1dd";
}

.flaticon-ski-equipment:before {
    content: "\f1de";
}

.flaticon-ski-lift:before {
    content: "\f1df";
}

.flaticon-alpine:before {
    content: "\f1e0";
}

.flaticon-goggles:before {
    content: "\f1e1";
}

.flaticon-snorkel:before {
    content: "\f1e2";
}

.flaticon-serving-dish:before {
    content: "\f1e3";
}

.flaticon-wine:before {
    content: "\f1e4";
}

.flaticon-safe-box:before {
    content: "\f1e5";
}

.flaticon-strongbox:before {
    content: "\f1e6";
}

.flaticon-charity:before {
    content: "\f1e7";
}

.flaticon-win:before {
    content: "\f1e8";
}

.flaticon-shield:before {
    content: "\f1e9";
}

.flaticon-payment-protection:before {
    content: "\f1ea";
}

.flaticon-credit-card-payment:before {
    content: "\f1eb";
}

.flaticon-circular-clock:before {
    content: "\f1ec";
}

.flaticon-calendar-5:before {
    content: "\f1ed";
}

.flaticon-presentation:before {
    content: "\f1ee";
}

.flaticon-board:before {
    content: "\f1ef";
}

.flaticon-printer:before {
    content: "\f1f0";
}

:root {
    --header-font: "Fahkwang", sans-serif;
    --body-font: "Josefin Sans", sans-serif;
    --primary-color: var(--wp--preset--color--primary);
    /* --primary-color-hover: #AEDB2B; */
    --secondary-color: var(--fs-color-secondary);
    /* --secondary-color-hover: #2763DB; */
    --success-color: var(--fs-color-success);
    --alert-color: var(--fs-color-alert);
    --link-color: var(--fs-experimental-link-color);
    --link-color: var(--fs-experimental-link-color-hover);
    --bg-light-color: #f5f5f5;
    --header-color: #1a1b1a;
    --body-color: #333632;

    --boder-dark-color: #0F0F0F;
    --boder-light-color: #ffffff70;
    --boder-dark-hover-color: #0F0F0F;
    --boder-light-hover-color: #ffffff70;

    --box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
    --icon-font: 'fl-icons' !important;
    /* Slide define */
    --slide-dot-color: var(--body-color);
    --slide-nav-color: var(--body-color);
}

/* Start Font */
body {
    font-family: var(--body-font);
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.off-canvas-center .nav-sidebar.nav-vertical>li>a {
    font-family: var(--header-font);
}

.container-width,
.full-width .ubermenu-nav,
.container,
.row {
    max-width: 1300px;
}

/* End Font */

/* Start Button - Form  - Input */
.button,
button,
input[type=button],
input[type=reset],
input[type=submit] {
    position: relative;
    letter-spacing: .25em;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    outline: 0;
    -webkit-transition: color .2s ease-out, background-color .2s ease-out, border-color .2s ease-out;
    -o-transition: color .2s ease-out, background-color .2s ease-out, border-color .2s ease-out;
    transition: color .2s ease-out, background-color .2s ease-out, border-color .2s ease-out;
    padding: 7px 28px;
}

a.plain {
    -webkit-transition: color .2s ease-out, background-color .2s ease-out, border-color .2s ease-out;
    -o-transition: color .2s ease-out, background-color .2s ease-out, border-color .2s ease-out;
    transition: color .2s ease-out, background-color .2s ease-out, border-color .2s ease-out;
}

.button span.meta-nav {
    font-size: 0;
}

.button span.meta-nav::after {
    font-family: var(--icon-font);
    content: '\e92b';
    font-size: 11px;
    top: 0;
}

.primary.is-outline {
    border-color: var(--header-color);
    border-width: 1px;
    color: var(--header-color);
}

.nav-dark .primary.is-outline {
    border-color: white;
    color: white;
}

.nav-dark .primary.is-outline:hover {
    border-color: white;
    background-color: white;
    color: var(--header-color);
}

.button.open-video {
    position: relative;
    display: inline-block;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 1px solid;
    cursor: pointer;
    line-height: 147px;
    font-size: 30px;
    text-align: center;
    padding: 0;
}

.button.open-video:hover {
    background-color: rgba(255, 255, 255, 0.062);
}

.button.open-video .icon-play {
    left: 6px;
}

.icon-play:before {
    font-family: var(--icon-font);
    content: '\e9a5';
}

/* Input */
input:not([type=submit]):not([type=button]),
textarea {
    background: none;
    border: 1px solid var(--secondary-color);
    color: var(--body-color);
    line-height: 2;
    font-weight: 400;
    transition: 0.3s;
    min-height: 50px;
    -webkit-appearance: none;
    box-shadow: none;
    font-family: var(--header-font);
}

textarea {
    min-height: 112px;
}

input:not([type=submit]):not([type=button]):focus,
select:focus,
textarea:focus {
    border-color: var(--secondary-color);
    box-shadow: none;
    color: var(--header-color);
}

/* Header */
.header-top{
    background: transparent;
    border-bottom: solid 1px #FFFFFF26;
    font-size: 19px;
}
.transparent .header-main {
    border-bottom: solid 1px #FFFFFF26;
}

.header-button-1 .header-button a.button::before {
    font-family: var(--icon-font);
    content: "\e9a2";
}

/* End Header */

/* Block Title */
.block-title p:nth-child(1) {
    color: var(--primary-color);
    /* font-family: var(--header-font); */
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 16px;
    letter-spacing: .2rem;
}

.block-title h2,
.block-title h3 {
    font-size: 50px;
    line-height: 1.2em;
    font-weight: 500;
    color: var(--wp--preset--color--secondary);
}

.block-title p {
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 18px;
}

/* End Block Title */
/* End Button - Form  - Input */

/* Room Item */
.room-basic-info .item-icon {
    margin-right: 8px;
}

.room-basic-info .item-icon i {
    display: flex;
    font-size: 25px;
}

.room-basic-info ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    list-style: none;
}

.room-basic-info ul li {
    display: flex;
    align-items: center;
    margin: 5px 0;
    padding-right: 22px;
    line-height: 28px;
}

.item-title {
    font-weight: 500;
    margin-top: 18px;
    font-size: 28px;
    margin-bottom: 10px;
}

.item-feature {
    display: block;
    position: relative;
    overflow: hidden;
}

.room-item .item-feature:hover img {
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04);
}

.item-feature img {
    transition: 0.35s ease-in-out;
    height: 380px;
    object-fit: cover;
}

.item-price {
    top: 20px;
    left: 20px;
    background: white;
    border: 1px solid white;
    color: var(--header-color);
    padding: 8px 12px;
    font-size: 12px;
    font-size: 0.75rem;
    text-transform: uppercase;
    position: absolute;
    z-index: 99;
    pointer-events: none;
    text-align: center;
}

.room-basic-info {}

.item-excerpt {
    margin-top: 12px;
    /* font-family: var(--header-font); */
    font-size: 16px;
    margin-bottom: 14px;
}

.title-wrap {
    margin-bottom: 30px;
    align-items: baseline;
}

.title-wrap .view-more {
    background-color: var(--secondary-color);
    color: white;
    padding: 14px 32px;
    font-family: var(--header-font);
    text-transform: capitalize;
    font-size: 16px;
    letter-spacing: 1px;
}

.title-wrap .view-more:hover {
    background-color: #ab916c;
}

.title-wrap .view-more i {
    display: none;
}

.read-more {
    padding: 7px 0;
    position: relative;
    height: auto;
    background: none;
    color: var(--body-color);
    font-family: var(--header-font);
    opacity: 1;
    border-radius: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
}

.read-more::before {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background: var(--secondary-color);
    content: "";
    transition: transform 0.2s ease;
    transform-origin: 0 0;
}

.read-more::before {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background: var(--secondary-color);
    content: "";
    transition: transform 0.2s ease;
    transform-origin: 0 0;
}

.read-more span {
    position: relative;
}

.read-more span::after {
    font-family: var(--icon-font);
    content: "\e904";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-size: 13px;
    /* font-size: 1rem; */
    position: absolute;
    top: calc(50% + 1px);
    right: -12px;
    -webkit-transform: translate(70%, -50%);
    -ms-transform: translate(70%, -50%);
    transform: translate(70%, -50%);
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.read-more:hover::before {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
}

.read-more:hover span::after {
    -webkit-transform: translate(100%, -50%);
    -ms-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
}

.nav-dots-small .flickity-page-dots .dot,
.row-slider .flickity-page-dots .dot {
    width: 6px;
    height: 6px;
}

.single-room-header img {
    height: 500px;
    object-fit: cover;
}

.back-to-top.active {
    background-color: var(--primary-color);
    color: white;
    line-height: 1;
}

.back-to-top i {
    left: 2px;
    top: 3px;
}

/* End Room Item */
.obl-room-booking {
    box-shadow: 0 5px 30px rgba(80, 57, 24, 0.15);
    padding: 50px 45px 55px;
    transition: opacity 0.3s;
    border-radius: 8px;
}

.obl-room-booking .room-booking-title {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 28px;
}

.obl-room-booking .room-booking-title h4 {
    font-size: 30px;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 0;
}

.obl-room-booking .room-booking-title span {
    text-align: right;
    white-space: nowrap;
    font-size: 14px;
    font-family: var(--header-font);
}

.obl-room-booking .room-booking-title .base-price {
    font-size: 18px;
    /* font-size: 1.125rem; */
    font-weight: 600;
}

.obl-room-booking input::-webkit-outer-spin-button,
.obl-room-booking input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input::-webkit-calendar-picker-indicator {
    display: none;
}

input[type="date"]::-webkit-input-placeholder {
    visibility: hidden !important;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.csf-dropdown {
    position: absolute;
    bottom: 5px;
    left: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    z-index: -1;
    display: block;
    background: #f8f5f1;
    color: #000;
    border: 1px solid #b99d75;
    padding: 8px 30px;
    transition: 0.3s;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.field-wrap.is-open .csf-dropdown {
    z-index: 999;
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}

.quantity-control {
    display: flex;
    align-items: center;
}

.quantity-control .quantity-value {
    width: 30px;
    display: block;
    text-align: center;
}

.quantity-control .minus,
.quantity-control .plus {
    position: relative;
    background: none;
    border: none;
    box-shadow: none;
    outline: none;
    width: 30px;
    height: 30px;
    padding: 0;
    color: inherit;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
}

.quantity-control .minus::before,
.quantity-control .plus::before,
.quantity-control .plus::after {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    content: "";
    background: currentColor;
}

.quantity-control .minus::before {
    width: 12px;
    height: 1px;
}

.quantity-control .plus::after {
    width: 1px;
    height: 12px;
}

.quantity-control .plus::before {
    width: 12px;
    height: 1px;
}

.obl-room-booking input[type=submit] {
    width: 100%;
    background: black;
    border-radius: 6px;
    font-family: var(--header-font);
    margin: 0;
    margin-top: 15px;
}

.obl-room-booking input[type=submit]:hover {
    background-color: var(--secondary-color);
}

.obl-room-booking .col {
    padding-bottom: 0;
}

.obl-room-booking .field-wrap {
    position: relative;
}

.obl-room-booking .field-wrap input::placeholder,
.obl-room-booking .field-wrap label {
    color: var(--body-color);
    font-family: var(--header-font);
    font-weight: 400;
    font-size: 15px;
}

.obl-room-booking input:not([type=submit]) {
    font-family: var(--header-font);
    color: var(--header-color) !important;
    font-weight: 500 !important;
    font-size: 15px;
}

.obl-room-booking .field-wrap .form-label {
    position: absolute;
    margin-bottom: 0;
    top: 13px;
    left: 16px;
    pointer-events: none;
}

.obl-room-booking .field-wrap.label-icon .form-label {
    font-size: 18px;
    top: 13px;
}

.obl-room-booking .field-wrap.label-icon input {
    padding-left: 45px;
}

.obl-room-booking .text-right input:not([type=submit]) {
    text-align: right;
}

#form-price-details {
    margin-top: 16px;
    font-family: var(--header-font);
    color: var(--header-color);
    font-weight: 600;
}

#form-price-details ul {
    display: block;
    margin: 0;
}

#form-price-details ul li {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    margin-bottom: 8px;
    padding-top: 8px;
    border-top: 1px dashed rgba(0, 0, 0, 0.1);
}

.field-input span[data-name="checkout_date"] input,
.field-input span[data-name="checkin_date"] input,
.field-input:has(input[type=number]) span input {
    padding-right: 32px;
}

.field-input span[data-name="checkout_date"]::after,
.field-input span[data-name="checkin_date"]::after,
.field-input:has(input[type=number]) span::after {
    font-family: var(--icon-font);
    line-height: 1;
    content: "\e900";
    font-size: 15px;
    line-height: 1;
    position: absolute;
    top: 40%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 10px;
    opacity: 0.35;
}

.ui-datepicker {
    margin: 6px auto 0;
    border: solid 1px var(--secondary-color);
    background-color: #f8f5f1;
    padding: 14px;
}

.ui-datepicker table {
    width: 100%;
}

.ui-datepicker-header {
    font-size: 10px;
    margin-bottom: 12px;
}

.ui-datepicker-title {
    text-align: center;
    font-size: 12px;
}

.ui-datepicker-prev {
    float: left;
    cursor: pointer;
    background-position: center -30px;
}

.ui-datepicker-next {
    float: right;
    cursor: pointer;
    background-position: center 0px;
}

.ui-datepicker thead {
    background-color: transparent;
}

.ui-datepicker th {
    text-transform: uppercase;
    font-size: 12px;
    text-align: center;
}

.ui-datepicker tbody td {
    padding: 0;
    border-right: 1px solid #ececec;
}

.ui-datepicker tbody td:last-child {
    border-right: 0px;
}

.ui-datepicker tbody tr {
    border-bottom: 1px solid #bbb;
}

.ui-datepicker tbody tr:last-child {
    border-bottom: 0px;
}

.ui-datepicker a {
    text-decoration: none;
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: inline-block;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #ffffff;
}

.ui-datepicker-calendar .ui-state-default {
    background: white;
    color: #000000;
    height: 40px;
    width: 40px;
    line-height: 40px;
}

.ui-datepicker-calendar td a {
    position: relative;
}

.ui-datepicker-calendar td a::before {
    position: absolute;
    top: 0;
    left: 0;
    margin: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border: 2px solid transparent;
    box-sizing: border-box;
    content: "";
    z-index: 1;
}

.ui-datepicker-calendar td a.ui-state-hover::before {
    border-color: var(--secondary-color);
}

.ui-datepicker-calendar .ui-state-active {
    background: var(--secondary-color);
    color: white;
}

.ui-datepicker-unselectable .ui-state-default {
    background: transparent;
    color: #cbcbcb;
    text-decoration: line-through;
    font-weight: 300;
}
/* header */
.header-wrapper{
    font-size: 16px;
    font-weight: 600;
}
.transparent .header-wrapper{
    backdrop-filter: blur(4px);
}
.header-nav-main{
    font-weight: 500;
    justify-content: center;
}
.header-nav-main input:not([type=submit]):not([type=button]){
    background-color: transparent!important;
    border: none;
    height: 30px;
    min-height: unset;
    border-radius: 0;
    border-bottom: solid 1px white;
}
.header-button a{
    font-family: var(--header-font);
    font-weight: 700;
    letter-spacing: .1rem;
}
.header-button-1 a{
    border: none;
    padding: 0;
    background: transparent;
}
.header-button-1 a:hover{
    background: transparent;
    box-shadow: none;
}
.header-nav-main li>a:before{
    width: 100%;
    left: 0;
    height: 1px;
    transition: transform 0.2s ease;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    transform-origin: 0 0;
    
}
.header-nav-main li:hover >a:before, .header-nav-main li.active >a:before{
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}
.nav-column>li>a, .nav-dropdown>li>a, .nav-vertical-fly-out>li>a, .nav>li>a{
    color: var(--header-color);
}
.nav-dark .nav>li>a{
    color: white;
    padding-bottom: 0;
}
.nav-dark .header-nav-main li>a:before{
    background: white;
}
.header-nav-main li>a:before{
    background-color: var(--header-color);
}
.nav-line-bottom>li>a:before{
    bottom: -2px;
}
.nav-dark .gtranslate_wrapper a{
   color: white;
}
.gtranslate_wrapper a{
    font-weight: 400;
    opacity: .6;
   line-height: 1;
   font-family: var(--header-font);
}
.gtranslate_wrapper a.glink:not(:first-child)::before{
    content: "/";
    font-weight: 400;
    margin: 0px 4px;
    display: inline-block;
    line-height: 1;
}
.gtranslate_wrapper a.gt-current-lang{
    font-weight: 600;
    opacity: 1;
}
/* article */
article,
article p {
    font-size: 18px;
}

.obl-excrept {
    font-size: 18px;
    background-color: #f9f9f9;
    padding: 43px 20px 16px;
    border-radius: 11px;
    position: relative;
}

.obl-excrept::before,
.obl-excrept::after {
    font-family: var(--icon-font);
    color: var(--secondary-color);
    font-size: 36px;
    position: absolute;
    opacity: .3;
    content: "\ea0d";
    top: -5px;
    left: 20px;
}

article ul li {
    list-style: none;
    position: relative;
    margin-left: 0 !important;
}

article ul li::before {
    display: inline-block;
    content: "";
    height: 5px;
    width: 5px;
    background-color: var(--secondary-color);
    border-radius: 10px;
    margin-right: 10px;
    position: relative;
    bottom: 4px;
}

/* experencies */
.box-blog-post .is-divider {
    display: none;
}

.experience_loop_item {
    padding-top: 12px;
    --offset: -10px;
    --offset-revert: calc(0px - var(--offset));
}

.experience_loop_item .post-title {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 16px;
}

.experience_loop_item .box-text {
    padding-top: 18px;
}

.experience_loop_item .box-image {
    position: relative;
    overflow: unset;
}

.experience_loop_item .box-image::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: solid 1px var(--secondary-color);
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    transition: all 0.3s;
    will-change: transform, width, height;
    transform: translate(var(--offset), var(--offset));
}

.experience_loop_item:hover .box-image::before {
    -webkit-transform: translate(var(--offset-revert), var(--offset-revert));
    -ms-transform: translate(var(--offset-revert), var(--offset-revert));
    transform: translate(var(--offset-revert), var(--offset-revert));
    width: calc(100% + var(--offset)*2);
    height: calc(100% + var(--offset)*2);
}

.button.is-link,
.button.is-underline {
    height: auto;
    padding: 0;
    background: none;
    border-radius: 0;
    font-family: var(--header-font);
    color: var(--header-color);
    text-transform: capitalize;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: .1rem;
}
.dark .button.is-link,
.dark .button.is-underline {
    color: white;
}
.button.is-link::before,
.button.is-underline::before {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background: var(--secondary-color);
    content: "";
    transition: transform 0.2s ease;
    transform-origin: 0 0;
}

.button.is-link:hover::before,
.button.is-underline:hover::before {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
}
.box-blog-post .badge-inner{
    background-color: rgb(255 255 255 / 78%);
    color: var(--header-color);
}
.box-blog-post .badge.post-date{
    top: 20px;
    left: 20px;
    height: 60px;
    width: 60px;
    font-size: 22px;
    font-family: var(--header-font);
    pointer-events: auto;
}
.box-blog-post .box-text h5{
    margin-bottom: 20px;
    
}
.box-blog-post .box-text h5 a{
    font-size: 25px;
    font-weight: 500;
    line-height: 1.5;
}
.box-blog-post .box-text p{
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
}
.navigation-block .hide-for-small{
    display: none;
}
.navigation-block .bt, .navigation-block .bb{
    border: none;
}
.next-prev-nav .flex-col+.flex-col{
    border-left-color:  var(--secondary-color);
}
.post_single_page .obelix-slider.post .section-title{
    justify-content: center;
    font-size: 17px;
}
.widget .is-divider{
    display: none;
}
.widget .badge.post-date{
    width: 100px;
    height: 100px;
}
.widget li >.recent-blog-posts{
    align-items: center!important;
}
.collapsed-content-btn{
    text-align: center;
}
.footer-wrapper .col{
    padding-bottom: 0;
}
.hero-banner{
    min-height: 600px;
}
.hero-banner p{
    font-size: 22px;
    line-height: 1.6;
    font-weight: 400;
}
.flickity-prev-next-button::before{
    background: white;
    width: 48px;
    height: 48px;
    padding: 0;
    border-radius: 99px;
    box-shadow: 0 0px 11px 3px rgb(107 107 107 / 13%);
    text-align: center;
    color: #111;
    line-height: 48px;
    cursor: pointer;
    font-feature-settings: normal;
    transition: 0.2s;
}
.flickity-prev-next-button.next::before{
    padding-left: 3px;
}
.flickity-prev-next-button.previous::before{
    padding-left: 4px;
}
.slider-show-nav .flickity-prev-next-button, .slider:hover .flickity-prev-next-button{
    opacity: 1;
}
@media only screen and (max-width: 48em) {
    .page-header-wrapper .page-title-sub{
        font-size: 14px;
        max-width: 100%;
    }
    .hero-banner{
        min-height: 340px;
    }
    .block-title h2, .block-title h3{
        font-size: 30px;
    }
    .block-title p:nth-child(1){
        letter-spacing: .08rem;
    }
    .header-top .mobile-nav{
        justify-content: space-between;
    }
    .title-wrap .view-more{
        background: none;
        padding: 0;
        color: var(--header-color);
    }
    .title-wrap .view-more i{
        display: inline;
    }
}