.elementor-kit-7{--e-global-color-primary:#C6A15B;--e-global-color-secondary:#171717;--e-global-color-text:#3A3835;--e-global-color-accent:#D4B878;--e-global-color-7efd6af:#FFFFFF;--e-global-color-4d6773b:#0D0D0D;--e-global-typography-primary-font-family:"Playfair Display";--e-global-typography-primary-font-weight:600;--e-global-typography-primary-font-style:normal;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-weight:500;--e-global-typography-secondary-text-transform:uppercase;--e-global-typography-secondary-font-style:normal;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-size:1.5px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-4b82f30-font-family:"Playfair Display";--e-global-typography-4b82f30-font-size:64px;--e-global-typography-4b82f30-font-weight:500;--e-global-typography-872553d-font-family:"Montserrat";--e-global-typography-872553d-font-size:0px;--e-global-typography-872553d-font-weight:600;--e-global-typography-872553d-text-transform:uppercase;--e-global-typography-872553d-letter-spacing:1.5px;color:#3A3835;font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 h1{color:#171717;font-family:"Playfair Display", Sans-serif;font-weight:500;}.elementor-kit-7 h2{color:#171717;font-family:"Playfair Display", Sans-serif;font-weight:500;}.elementor-kit-7 h3{color:#171717;font-family:"Playfair Display", Sans-serif;font-weight:500;}.elementor-kit-7 h4{color:#171717;font-family:"Montserrat", Sans-serif;font-weight:600;}.elementor-kit-7 h5{color:#171717;font-family:"Montserrat", Sans-serif;font-weight:600;}.elementor-kit-7 h6{color:#171717;font-weight:600;text-transform:uppercase;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{font-family:"Montserrat", Sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1320px;}.e-con{--container-max-width:1320px;--container-default-padding-top:20px;--container-default-padding-right:20px;--container-default-padding-bottom:20px;--container-default-padding-left:20px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;--container-default-padding-top:20px;--container-default-padding-right:20px;--container-default-padding-bottom:20px;--container-default-padding-left:20px;}}@media(max-width:767px){.elementor-kit-7{font-size:16px;line-height:1.7em;}.elementor-kit-7 h1{font-size:60px;line-height:1.1em;}.elementor-kit-7 h2{font-size:46px;line-height:1.15em;}.elementor-kit-7 h3{font-size:34px;line-height:1.1em;}.elementor-kit-7 h4{font-size:24px;}.elementor-kit-7 h5{font-size:18px;}.elementor-kit-7 h6{font-size:13px;letter-spacing:1.5px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1500px;}.e-con{--container-max-width:1500px;--container-default-padding-top:16px;--container-default-padding-right:16px;--container-default-padding-bottom:16px;--container-default-padding-left:16px;}}:root { --gold:#C6A15B; }
/* Start custom CSS *//* =========================================
   WOODVILLE HOTEL & LOUNGE
   HERO + HEADER LAYOUT
   ========================================= */

/* HEADER - sits on top of the hero */
.woodville-header {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 9999 !important;
    margin: 0 !important;
}

/* HERO - full viewport */
.woodville-hero {
    position: relative !important;
    width: 100% !important;
    min-height: 100vh !important;
    height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    z-index: 1 !important;
}

/* Remove spacing from direct Elementor containers */
.woodville-hero > .e-con,
.woodville-hero > .elementor-element {
    margin: 0 !important;
    padding: 0 !important;
}

/* Make the hero's Slides widget fill the hero */
.woodville-hero .elementor-widget-slides,
.woodville-hero .elementor-widget-slides > .elementor-widget-container,
.woodville-hero .elementor-slides,
.woodville-hero .swiper,
.woodville-hero .swiper-container {
    width: 100% !important;
    height: 100% !important;
    min-height: 100vh !important;
}

/* Make every slide fill the viewport */
.woodville-hero .swiper-slide {
    min-height: 100vh !important;
    height: 100vh !important;
}

/* Make slide background cover the entire screen */
.woodville-hero .swiper-slide-bg {
    background-size: cover !important;
    background-position: center center !important;
}

/* Prevent Elementor/theme from adding unwanted gaps */
.woodville-hero,
.woodville-hero .elementor-container,
.woodville-hero .elementor-widget-container {
    box-sizing: border-box !important;
}

/* Desktop/tablet */
@media (min-width: 768px) {
    .woodville-hero {
        min-height: 100vh !important;
        height: 100vh !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .woodville-hero {
        min-height: 100svh !important;
        height: 100svh !important;
    }

    .woodville-hero .swiper-slide {
        min-height: 100svh !important;
        height: 100svh !important;
    }

    .woodville-hero .elementor-widget-slides,
    .woodville-hero .elementor-widget-slides > .elementor-widget-container,
    .woodville-hero .elementor-slides,
    .woodville-hero .swiper,
    .woodville-hero .swiper-container {
        min-height: 100svh !important;
        height: 100svh !important;
    }
}/* End custom CSS */