/* enter here your custom CSS code */

/* CUSTOM SLIDER VIDEO */

.hero-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.slide-image.vikcs-img-bckground {
    overflow: hidden;
}
/* ====================================
   GEOLGICA VARIABLE FONT
==================================== */

@font-face {
    font-family: 'Geologica';
    src: url('../webfonts/Geologica.woff2') format('woff2'),
         url('../webfonts/Geologica.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

/* ====================================
   AKA ACID FONT
==================================== */

@font-face {
    font-family: 'AkaAcid';
    src: url('../webfonts/Aka-AcidGR-Fifindrel.ttf.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* ====================================
   BASE TYPOGRAPHY
==================================== */

body {
    font-family: 'Geologica', sans-serif;
    font-size: 16px;
    font-weight: 200;
    line-height: 1.8;
}

/* ====================================
   HEADINGS SYSTEM
==================================== */

h1, h2, h3, h4, h5, h6 {
    font-family: 'AkaAcid', sans-serif;
    font-weight: 500;
    line-height: 1.2;
}

/* Global headings */
h1 {
    font-size: clamp(3rem, 8vw, 8rem) !important;
}

h2 {
    font-size: clamp(3rem, 6vw, 6rem) !important;
}

h3 {
    font-size: clamp(3rem, 4vw, 4rem) !important;
}

/* Slider title */
.slide-text h2 {
    font-weight: 400;
    font-size: clamp(6rem, 10vw, 10rem) !important;
    line-height: normal;
}

/* Specific section title */
h2[data-section-id="1d8bnd5"] {
    font-size: clamp(3rem, 5vw, 5rem) !important;
}

/* SlideAdv title */
#slideadv .moduletable h3 {
    font-size: clamp(3.5rem, 7vw, 6rem) !important;
    font-weight: 400;
}

/* ====================================
   TESTIMONIALS
==================================== */

.owl-carousel .owl-nav {
   display: none;
}

/* ====================================
   VIK WALL IMAGE BOTTOM
==================================== */

#module-box3 .vikwallimage-inner.vikwallimage-fixed {
    height: 300px !important;
    width: 100% !important;
    padding: 0 !important;
    background-size: cover !important;
    background-position: center center !important;
}
#module-box3 .module-fullwidth-cont {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* Re-enable flexbox and center text inside the 300px banner */
#module-box3 .vikwallimage-content {
    display: flex !important;
    align-items: center !important;     /* vertical centering */
    justify-content: center !important; /* horizontal centering */
    height: 300px !important;
    width: 100% !important;
    text-align: center;
}
.vbo-horizsearch-showcalendar .vbo-horizsearch-placeholder {
    font-size: 16px;
    font-weight: 400;
    color: #49260a;
}
.contactus .vikicons-item h3 {
    text-transform: lowercase;
    color: #49260a;
}
.one-sentence .vikqt-grid-l .vikqt_text_cont {
    font-family: 'Geologica';
}

/* DOMATIA PAGE FONT FIX */
body.e4j-body-page h4,
body.e4j-body-page h4 * {
    font-family: 'Geologica', sans-serif !important;
}

/* UPFOOTER NEWSLETTER */
/*****************************************************
 * UPFOOTER — TWO MODULES SIDE BY SIDE
 *****************************************************/
#upfooter {
    background-color: #caad8c;
}

.module.grid-module.color {
    background-color: #caad8c;
}

#upfooter .grid-block {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

#upfooter .module.grid-module {
    flex: 1;
    min-width: 0;
    overflow: visible !important;
}
/*****************************************************
 * NS PRO — LEFT COLUMN
 *****************************************************/
#upfooter #mod_nspronewsletterform01 {
    display: block;
    margin: 0 auto;
    width: 100%;
    overflow: visible !important;
}

.mod_nspro input,.mod_nspro select,.mod_nspro textarea {
    max-width: 100%;
}

/*****************************************************
 * RIGHT COLUMN — TEXT / IMAGE MODULE
 *****************************************************/
#upfooter .module div.caption {
    width: auto !important;
    display: block !important;
    padding: 0 !important;
}

#upfooter .module.grid-module:nth-child(2) .moduletable {
    max-width: 100% !important;
    overflow: visible !important;
}

/* MOBILE */
@media (max-width: 768px) {

    #upfooter .grid-block {
        flex-direction: column;
        align-items: center;
    }

    #upfooter .module.grid-module {
        width: 100%;
        flex: none;
    }

    /* Text module first */
    #upfooter .module.grid-module:nth-child(2) {
        order: 1;
        margin-bottom: 20px;
    }

    /* Newsletter second */
    #upfooter .module.grid-module:nth-child(1) {
        order: 2;
    }

}

/* ---------- Image Grid ---------- */
.gallerylab-grid {
    margin-bottom: 50px;
}

/* RESERVATION BREAKFAST BOX */
.vbo-showprc-option-entry {
    width: 100% !important;
}

/* ROOM RESULT offers MOBILE */
.room_result .vblist-roomimage .vbroomimgbg {
padding-bottom: 0%;
}

.vbo-pkgdet-topwrap .vbo-pkgdet-descrprice-block {
    min-height: inherit;
    background: transparent;
    border: 0;
    display: flex;
    flex-wrap: wrap;
	flex-direction: column;
}

.vbo-pkgdet-topwrap .vbo-pkgdet-descrprice-block .vbo-pkgdet-descr {
    min-height: inherit;
    border: 0;
    background: transparent;
    width: auto;
    flex-basis: 70%;
    padding: 25px 10px 0 10px;
}

.vbo-pkgdet-topwrap .vbo-pkgdet-descrprice-block .vbo-pkgdet-cost {
    width: auto;
    flex: 1;
    text-align: center;
}

/* COLOR MENU MOBILE */
.nav-devices-inner {
    background: #343a40;
}

/* ROOMS BOTTOM BANNER */
#fullbox {
	margin-top: 50px;
}

/* GALLERY LAB TITLE */
.gallerylab-title {
    font-size: 1.5rem;
    font-weight: 500;
    margin: 0 0 0.5rem;