/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/***********************************************************************************************************************************************/
/********************A wizard is never late, Frodo Baggins. Nor is he early. He arrives precisely when he means*********************************/
/***********************************************************************************************************************************************/


/*******************************************************************************************************************/
/*				  													                                       GENERIC*/
/******************************************************************************************************************/

body {
    overflow-x: hidden;
}

/****************************************************************************/
/*				  								                      COLORS*/
/****************************************************************************/

:root {
    --mustard: #aa8453;
    --darkgray: #969696;
    --white: #ffffff;
    --black: #222222;
    --cream: #f8f5f0;
}

/****************************************************************************/
/*				  								               ACCESSIBILITY*/
/****************************************************************************/

.accessibility-location-left .aicon_link {
    top: 70%;
}

.accessability_container.dark_theme .wah-free-credits .wah-free-credits-inner a {
    background-color: var(--mustard) !important;
    color: var(--black) !important;
}


@media(max-width: 1024px) {
    .accessibility-location-left .aicon_link {
        top: 700px !important;
    }
}

@media(max-width: 480px) {
    .accessibility-location-left .aicon_link {
        top: 500px !important;
    }
}

/****************************************************************************/
/*				  								                 BACK TO TOP*/
/****************************************************************************/

.generate-back-to-top {
    background-color: var(--mustard) !important;
    bottom: 100px;
}

/****************************************************************************/
/*				  								                 ESPA BANNER*/
/****************************************************************************/

.espa-banner {
    border: 1px solid rgba(0, 0, 0, 0.1);
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10;
    display: flex;
}

/* .espa-banner img {
    max-width: 55%;
} */

@media(max-width: 1024px) {
    .espa-banner {
        bottom: 57px;
    }
}

@media(max-width:912px) {
    .espa-banner img {
        max-width: 100%;
        height: auto;
    }
}

@media(max-width: 480px) {
    .espa-banner {
        bottom: 55px;
    }

    .espa-banner img {
        max-width: 80%;
    }
}


/****************************************************************************/
/*				  								                 HERO IMAGES*/
/****************************************************************************/

.page-hero {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.page-hero .inside-wrapper {
    width: 100%;
    position: relative;
    z-index: 3;
}

.page-hero .inside-wrapper p.intro-title {
    color: var(--white);
    font-size: 15px;
    letter-spacing: 6px;
    margin-bottom: 5px;
}

.page-hero .inside-wrapper h1 {
    color: var(--white);
    font-size: 60px;
}

.page-hero .inside-wrapper .wp-block-post-date time {
    color: var(--white);
    letter-spacing: 3px;
    font-size: 12px;
}

.page-hero .inside-wrapper {
    padding: 0 40px !important;
}

/************************************************************/
/*				  		                          RESPONSIVE*/
/************************************************************/

@media(max-width: 480px) {
    .page-hero {
        min-height: 200px !important;
    }

    .page-hero .inside-wrapper h1 {
        font-size: 40px;
    }
}

/****************************************************************************/
/*				  								 PAGE FEATURED IMAGE & TITLE*/
/****************************************************************************/

.page .featured-image,
.page header.entry-header {
    display: none;
}

/*******************************************************************************************************************/
/*				  													                                        HEADER*/
/******************************************************************************************************************/

/****************************************************************************/
/*				  								          TRANSPARENT HEADER*/
/****************************************************************************/

.site-header {
    background-color: var(--white);
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
}

/************************************************************/
/*				  		                          RESPONSIVE*/
/************************************************************/

@media(max-width: 480px) {
    .has-inline-mobile-toggle .inside-header .mobile-menu-control-wrapper {
        width: 20%;
    }

    .has-inline-mobile-toggle .inside-header .site-logo {
        width: 50%;
    }
}

/****************************************************************************/
/*				  								               STICKY HEADER*/
/****************************************************************************/

.site-header.scrolled {
    background-color: var(--white);
    box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, .09);
}

/* .site-header.scrolled .site-logo img {
    filter: invert(1);
    transform: scale(0.7);
} */

/****************************************************************************/
/*				  								                        MENU*/
/****************************************************************************/

#site-navigation {
    background-color: transparent;
}

.site-header.scrolled #site-navigation {
    background-color: transparent;
}

.site-header.scrolled #site-navigation #menu-main-menu>li>a,
.site-header.scrolled #site-navigation #menu-main-menu-en>li>a {
    color: var(--black);
}

#site-navigation #menu-main-menu>li>a,
#site-navigation #menu-main-menu-en>li>a {
    color: var(--black);
    font-weight: 600;
}

#site-navigation #menu-main-menu>li ul,
#site-navigation #menu-main-menu-en>li ul {
    background-color: var(--white);
    box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1);
}

#site-navigation #menu-main-menu>li>a:hover,
#site-navigation #menu-main-menu>li ul li a:hover,
.site-header.scrolled #site-navigation #menu-main-menu>li>a:hover,
.site-header.scrolled #site-navigation #menu-main-menu>li ul li a:hover,
#site-navigation #menu-main-menu-en>li>a:hover,
#site-navigation #menu-main-menu-en>li ul li a:hover,
.site-header.scrolled #site-navigation #menu-main-menu-en>li>a:hover,
.site-header.scrolled #site-navigation #menu-main-menu-en>li ul li a:hover {
    color: var(--mustard) !important;
}

/************************************************************/
/*				  		                          RESPONSIVE*/
/************************************************************/

@media(max-width: 1279px) {

    #menu-main-menu,
    #menu-main-menu-en {
        background-color: var(--white);
    }

    #site-navigation #menu-main-menu>li ul,
    #site-navigation #menu-main-menu-en>li ul {
        box-shadow: none;
        padding-left: 20px;
    }

    #site-navigation #menu-main-menu>li>a,
    #site-navigation #menu-main-menu-en>li>a {
        color: var(--black);
    }
}

/*******************************************************************************************************************/
/*				  													                                          HOME*/
/******************************************************************************************************************/

/****************************************************************************/
/*				  								                   SECTION 1*/
/****************************************************************************/

.home-section1 {
    position: relative;
}

.home-section1 h1 {
    color: var(--black);
    font-size: 50px;
    letter-spacing: 15px;
    text-align: center;
    max-width: 80% !important;
}

.home-section1 .intro-title {
    color: var(--black);
    font-size: 15px;
    letter-spacing: 6px;
}

.home-section1 .sl-btn-container {
    position: relative;
}

.home-section1 .sl-btn-container:after {
    content: '';
    background-color: var(--white);
    width: 0;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 100%;
    z-index: 1;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.home-section1 .sl-btn-container:hover:after {
    width: 100%;
    left: 0;
    z-index: 2;
    transition: width 0.3s ease;
    -webkit-transition: width 0.3s ease;
    -moz-transition: width 0.3s ease;
    -ms-transition: width 0.3s ease;
    -o-transition: width 0.3s ease;
}

.home-section1 .gb-button {
    background-color: #644F30;
    /* border: 1px solid var(--white); */
    position: relative;
    font-size: 15px;
    letter-spacing: 3px;
}

.home-section1 .gb-button:hover {
    color: var(--black);
    background-color: transparent;
    z-index: 3;
}

.home-section1 .cta-phone {
    color: var(--black);
    position: absolute;
    left: -1%;
    top: 47%;
    z-index: 2;
    font-size: 12px;
    line-height: 1.75em;
    letter-spacing: 5px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}

.home-section1 .cta-phone a {
    color: var(--black);
    font-size: 24px;
    letter-spacing: 1px;
    text-decoration: none;
}

.home-section1 .cta-icon {
    position: absolute;
    top: 65%;
    left: 53px;
    z-index: 2;
    border: 1px solid var(--white);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: pulse 2s infinite;
    -webkit-animation: pulse 2s infinite;
}

.home-section1 .cta-phone:hover,
.home-section1 .cta-phone:hover a {
    color: var(--mustard);
}

@keyframes pulse {
    0% {
        transform: scale(0.95);
        -webkit-transform: scale(0.95);
        -moz-transform: scale(0.95);
        -ms-transform: scale(0.95);
        -o-transform: scale(0.95);
    }

    70% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }

    100% {
        transform: scale(0.95);
        -webkit-transform: scale(0.95);
        -moz-transform: scale(0.95);
        -ms-transform: scale(0.95);
        -o-transform: scale(0.95);
    }
}

.home-section1 .cta-icon svg {
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.home-section1 .cta-icon svg path {
    fill: var(--white);
}

.home-section1 .eedee-gutenslider-pagination {
    left: 3% !important;
    bottom: 5% !important;
    display: flex !important;
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 20px;
}

.home-section1 .wp-block-eedee-block-gutenslider .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--mustard);
    border: 1px solid transparent;
}

.home-section1 .wp-block-eedee-block-gutenslider .swiper-pagination-bullet {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.7);
    width: 15px;
    height: 15px;
}

button.eedee-gutenslider-nav.eedee-gutenslider-prev,
button.eedee-gutenslider-nav.eedee-gutenslider-next {
    display: none;
}

/************************************************************/
/*				  		                          RESPONSIVE*/
/************************************************************/

@media(max-width: 1680px) {
    .home-section1 h1 {
        max-width: 80% !important;
    }
}

@media(max-width: 1280px) {
    .home-section1 h1 {
        font-size: 40px;
    }
}

@media(max-width: 912px) {
    .home-section1 h1 {
        font-size: 30px;
        text-align: center;
        padding-left: 50px;
        padding-right: 50px;
    }

    .home-section1 .cta-icon {
        top: 68%;
    }
}

@media(max-width: 820px) {
    .home-section1 .cta-icon {
        top: 70%;
    }
}

@media(max-width: 768px) {
    .home-section1 .cta-icon {
        top: 73%;
    }

    .home-section1 h1 {
        font-size: 28px;
        max-width: 75% !important;
    }

    .home-section1 .eedee-gutenslider-pagination {
        left: 0% !important;
    }
}

@media(max-width: 480px) {

    .home-section1 .cta-phone,
    .home-section1 .cta-icon {
        display: none;
    }

    .home-section1 .intro-title {
        text-align: center;
        font-size: 13px;
    }

    .home-section1 h1 {
        font-size: 20px;
        padding-left: 30px;
        padding-right: 30px;
        letter-spacing: 5px;
    }

    .home-section1 .eedee-gutenslider-pagination {
        right: 20px;
        top: 70%
    }

    .home-section1 .wp-block-eedee-block-gutenslider .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
    }
}

/****************************************************************************/
/*				  								                   SECTION 2*/
/****************************************************************************/

.home-section2 {
    padding-top: 50px;
}

.home-section2 .intro-title {
    letter-spacing: 6px;
    font-size: 15px;
    text-align: center;
    margin-bottom: 5px;
}

.home-section2 h1 {
    font-size: 50px;
    text-align: center;
    margin-bottom: 0px;
}

.home-section2 .gb-grid-wrapper {
    padding-top: 30px;
}

.home-section2 .gb-grid-wrapper>div>div {
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 30px 20px;
    min-height: 300px;
}

.home-section2 .gb-grid-wrapper h3 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.home-section2 .gb-grid-wrapper svg,
.home-section2 .gb-grid-wrapper svg path {
    width: 50px;
    height: 50px;
    fill: var(--mustard);
    color: var(--mustard);
}

.home-section2 .wifi-container svg path {
    fill: none;
}

.home-section2 .pickup-container {
    background-image: url("data:image/svg+xml,%3Csvg fill='%23000000' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 512 512' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='rgba(0,0,0,0.1)' d='M506.908,464.13L404,361.222l-20,20l-56-56l-93.519,93.519l11.038,11.037L328,347.297l56,56.001l20-20l80.831,80.833 H266.908L164,361.222l-55.999,56.001l-16.001-16L29.092,464.13H0v15.61h512v-15.61H506.908z M51.168,464.13L92,423.298l16,16 l55.999-56.001l80.833,80.833H51.168z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath fill='rgba(0,0,0,0.1)' d='M344.195,32.26c0,53.117-43.213,96.33-96.33,96.33s-96.331-43.213-96.331-96.33h-15.61 c0,61.724,50.217,111.94,111.941,111.94c61.723,0,111.94-50.216,111.94-111.94H344.195z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath fill='rgba(0,0,0,0.1)' d='M148,288.455c-2.313,0-4.195-1.883-4.195-4.195c0-10.921-8.884-19.805-19.805-19.805h-100v15.61h100 c2.312,0,4.195,1.883,4.195,4.195c0,10.921,8.884,19.805,19.805,19.805h20v-15.61H148z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Crect fill='rgba(0,0,0,0.1)' x='184.195' y='288.26' width='80.13' height='15.61'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Crect fill='rgba(0,0,0,0.1)' x='88.455' y='320.52' width='111.35' height='15.61'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Crect fill='rgba(0,0,0,0.1)' x='216.455' y='320.52' width='15.61' height='15.61'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Crect fill='rgba(0,0,0,0.1)' x='167.545' y='256' width='40.585' height='15.61'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath fill='rgba(0,0,0,0.1)' d='M368,200.455c-4.518,0-8.195-3.677-8.195-8.195c0-13.126-10.679-23.805-23.805-23.805h-88.001v15.61H336 c4.518,0,8.195,3.677,8.195,8.195c0,13.126,10.679,23.805,23.805,23.805h88v-15.61H368z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Crect fill='rgba(0,0,0,0.1)' x='223.74' y='200.846' width='95.74' height='15.61'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Crect fill='rgba(0,0,0,0.1)' x='295.545' y='232.065' width='88.455' height='15.61'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Crect fill='rgba(0,0,0,0.1)' x='399.61' y='232.065' width='23.935' height='15.61'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Crect fill='rgba(0,0,0,0.1)' x='375.675' y='176.911' width='23.935' height='15.61'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50%;
}

.home-section2 .parking-container {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='-1.5 0 32 32' opacity='0.4'  version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='icomoon-ignore'%3E%3C/g%3E%3Cpath d='M5.867 15.467c-1.173 0-2.133 0.96-2.133 2.133s0.96 2.133 2.133 2.133 2.133-0.96 2.133-2.133-0.96-2.133-2.133-2.133zM5.867 18.667c-0.587 0-1.067-0.48-1.067-1.067s0.48-1.067 1.067-1.067c0.587 0 1.067 0.48 1.067 1.067s-0.48 1.067-1.067 1.067z' fill='rgba(0,0,0,0.1)'%3E%3C/path%3E%3Cpath d='M22.933 15.467c-1.173 0-2.133 0.96-2.133 2.133s0.96 2.133 2.133 2.133c1.173 0 2.133-0.96 2.133-2.133s-0.96-2.133-2.133-2.133zM22.933 18.667c-0.587 0-1.067-0.48-1.067-1.067s0.48-1.067 1.067-1.067c0.587 0 1.067 0.48 1.067 1.067s-0.48 1.067-1.067 1.067z' fill='rgba(0,0,0,0.1)'%3E%3C/path%3E%3Cpath d='M25.12 11.2l-0.907-4.267c-0.373-1.387-1.44-2.133-2.88-2.133h-13.867c-1.493 0-2.347 0.747-2.773 2.133l-0.96 4.267h-3.733v1.067h3.467v0.053c-1.653 0.107-2.933 1.493-2.933 3.2v7.413h1.6v1.6c0 1.493 1.173 2.667 2.667 2.667s2.667-1.173 2.667-2.667v-1.6h13.867v1.6c0 1.493 1.173 2.667 2.667 2.667s2.667-1.173 2.667-2.667v-1.6h1.6v-7.413c0-1.653-1.28-3.040-2.88-3.2v-0.053h3.413v-1.067h-3.68zM5.707 7.253c0.32-0.96 0.8-1.387 1.76-1.387h13.867c1.013 0 1.6 0.427 1.867 1.333l1.067 5.12h-19.733l1.173-5.067zM6.4 24.533c0 0.907-0.693 1.6-1.6 1.6s-1.6-0.693-1.6-1.6v-1.6h3.2v1.6zM25.6 24.533c0 0.907-0.693 1.6-1.6 1.6s-1.6-0.693-1.6-1.6v-1.6h3.2v1.6zM27.2 15.52v6.347h-25.6v-6.347c0-1.173 0.96-2.133 2.133-2.133h21.333c1.173 0 2.133 0.96 2.133 2.133z' fill='rgba(0,0,0,0.1)'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50%;
}

.home-section2 .roomsrv-container {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='hotel-key-room-security' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 64 64' fill='rgba(0,0,0,0.1)' opacity='0.4'  style='enable-background:new 0 0 64 64;' xml:space='preserve'%3E%3Cpath d='M53.5,2C47.71,2,43,6.71,43,12.5V14c0,0.552,0.447,1,1,1h4c0.553,0,1-0.448,1-1v-1.5c0-2.481,2.019-4.5,4.5-4.5 s4.5,2.019,4.5,4.5v7.882l-15.447,7.724C42.214,28.275,42,28.621,42,29v33H32v2h11h20c0.553,0,1-0.447,1-1V12.5 C64,6.71,59.29,2,53.5,2z M62,62H44V29.618l15.447-7.724C59.786,21.725,60,21.379,60,21v-8.5C60,8.916,57.084,6,53.5,6 S47,8.916,47,12.5V13h-2v-0.5C45,7.813,48.813,4,53.5,4S62,7.813,62,12.5V62z'/%3E%3Crect x='48' y='47' width='10' height='2'/%3E%3Crect x='48' y='51' width='6' height='2'/%3E%3Crect x='56' y='51' width='2' height='2'/%3E%3Crect x='48' y='55' width='2' height='2'/%3E%3Crect x='52' y='55' width='6' height='2'/%3E%3Cpath d='M36,49c0.553,0,1-0.448,1-1v-8v-4v-4c0-0.552-0.447-1-1-1h-0.71l-6.64-11.5c-0.277-0.479-0.889-0.643-1.366-0.366 l-20.784,12C6.021,31.41,5.857,32.021,6.134,32.5L11,40.928V48c0,0.552,0.447,1,1,1H36z M35,33v2H13v-2h21.713H35z M35,39H13v-2h22 V39z M13,47v-6h22v6H13z M27.418,21.366L32.98,31H12c-0.553,0-1,0.448-1,1v4v0.928l-2.634-4.562L27.418,21.366z'/%3E%3Crect x='8' y='7' width='2' height='4'/%3E%3Crect x='8' y='15' width='2' height='4'/%3E%3Crect x='11' y='12' width='4' height='2'/%3E%3Crect x='3' y='12' width='4' height='2'/%3E%3Crect x='21' width='2' height='4'/%3E%3Crect x='21' y='8' width='2' height='4'/%3E%3Crect x='24' y='5' width='4' height='2'/%3E%3Crect x='16' y='5' width='4' height='2'/%3E%3Crect x='12' y='58' width='2' height='2'/%3E%3Crect x='8' y='58' width='2' height='2'/%3E%3Crect x='4' y='58' width='2' height='2'/%3E%3Crect x='12' y='54' width='2' height='2'/%3E%3Crect x='8' y='54' width='2' height='2'/%3E%3Crect x='4' y='54' width='2' height='2'/%3E%3Crect y='58' width='2' height='2'/%3E%3Crect y='54' width='2' height='2'/%3E%3Crect x='12' y='62' width='2' height='2'/%3E%3Crect x='8' y='62' width='2' height='2'/%3E%3Crect x='4' y='62' width='2' height='2'/%3E%3Crect y='62' width='2' height='2'/%3E%3Crect x='28' y='58' width='2' height='2'/%3E%3Crect x='24' y='58' width='2' height='2'/%3E%3Crect x='20' y='58' width='2' height='2'/%3E%3Crect x='16' y='58' width='2' height='2'/%3E%3Crect x='28' y='62' width='2' height='2'/%3E%3Crect x='24' y='62' width='2' height='2'/%3E%3Crect x='20' y='62' width='2' height='2'/%3E%3Crect x='16' y='62' width='2' height='2'/%3E%3Cpath d='M53,31c-3.309,0-6,2.691-6,6s2.691,6,6,6s6-2.691,6-6S56.309,31,53,31z M53,41c-2.206,0-4-1.794-4-4s1.794-4,4-4 s4,1.794,4,4S55.206,41,53,41z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50%;
}

.home-section2 .pool-container {
    background-image: url("data:image/svg+xml,%3Csvg fill='rgba(0,0,0,0.1)' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='800px' height='800px' viewBox='0 0 42.348 42.348' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M2.491,18.684c0,10.17,17.569,23.005,18.317,23.546c0.107,0.076,0.234,0.117,0.366,0.117s0.259-0.041,0.366-0.118 c0.748-0.541,18.317-13.375,18.317-23.546C39.857,8.381,31.475,0,21.174,0C10.873,0.002,2.491,8.383,2.491,18.684z M38.608,18.684 c0,8.824-15.319,20.669-17.433,22.261C19.061,39.354,3.741,27.512,3.741,18.684c0-9.612,7.821-17.433,17.434-17.433 S38.608,9.072,38.608,18.684z'/%3E%3Cpath d='M10.692,18.684c0,5.781,4.703,10.484,10.483,10.484c5.781,0,10.484-4.703,10.484-10.484c0-5.78-4.703-10.483-10.484-10.483 C15.395,8.201,10.692,12.904,10.692,18.684z M30.409,18.684c0,5.091-4.143,9.234-9.234,9.234c-5.091,0-9.233-4.143-9.233-9.234 c0-5.091,4.142-9.233,9.233-9.233C26.266,9.451,30.409,13.593,30.409,18.684z'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50%;
}

.home-section2 .wifi-container {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg' opacity='0.4' fill='none' stroke='rgba(0,0,0,0.1)'%3E%3Cpath d='M8 24c12-12 36-12 48 0'/%3E%3Cpath d='M16 36c8-8 24-8 32 0'/%3E%3Cpath d='M24 48c4-4 12-4 16 0'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50%;
}

.home-section2 .breakfast-container {
    background-image: url("data:image/svg+xml,%3Csvg fill='rgba(0,0,0,0.1)' width='800px' height='800px' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Ewheelchair%3C/title%3E%3Cpath d='M22.383 24.107c-0.104-0.058-0.228-0.093-0.36-0.093-0.283 0-0.528 0.157-0.654 0.39l-0.002 0.004c-1.598 2.906-4.64 4.843-8.133 4.843-5.109 0-9.251-4.142-9.251-9.251 0-3.016 1.443-5.695 3.677-7.384l0.023-0.017c0.183-0.138 0.3-0.355 0.3-0.6 0-0.414-0.336-0.75-0.75-0.75-0.17 0-0.326 0.056-0.452 0.152l0.002-0.001c-2.623 1.982-4.3 5.095-4.3 8.6 0 5.937 4.813 10.75 10.75 10.75 4.060 0 7.594-2.25 9.423-5.571l0.028-0.056c0.058-0.104 0.092-0.227 0.092-0.359 0-0.283-0.157-0.528-0.389-0.655l-0.004-0.002zM30.729 24.818c-0.090-0.329-0.387-0.566-0.739-0.566-0.061 0-0.12 0.007-0.177 0.021l0.005-0.001-3.332 0.834-2.85-8.348c-0.104-0.298-0.382-0.508-0.709-0.508h-9.284l-0.538-3.5h4.895c0.414 0 0.75-0.336 0.75-0.75s-0.336-0.75-0.75-0.75v0h-5.126l-0.763-4.963c0.906-0.42 1.522-1.321 1.522-2.367 0-1.437-1.165-2.601-2.601-2.601s-2.601 1.165-2.601 2.601c0 1.292 0.943 2.365 2.178 2.567l0.015 0.002 1.634 10.626c0.058 0.362 0.367 0.635 0.741 0.636h9.391l2.9 8.492c0.103 0.298 0.381 0.508 0.708 0.508 0 0 0.001 0 0.001 0h-0c0.065-0 0.127-0.008 0.187-0.023l-0.006 0.001 4-1c0.329-0.085 0.569-0.379 0.569-0.729 0-0.064-0.008-0.127-0.023-0.186l0.001 0.005z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50%;
}

/************************************************************/
/*				  		                          RESPONSIVE*/
/************************************************************/

@media(max-width: 1366px) {
    .home-section2 {
        max-width: 1200px !important;
    }
}

@media(max-width: 912px) {
    .home-section2 {
        padding-left: 30px;
        padding-right: 30px;
    }

    .home-section2 .gb-grid-wrapper>div>div {
        min-height: 300px;
    }
}

@media(max-width: 820px) {
    .home-section2 .gb-grid-wrapper>div>div {
        min-height: 337px;
    }
}

@media(max-width: 768px) {
    .home-section2 .gb-grid-wrapper>div>div {
        min-height: 362px;
    }
}

@media(max-width: 480px) {
    .home-section2 .gb-grid-wrapper>div>div {
        min-height: 275px;
    }
}

/****************************************************************************/
/*				  								                   SECTION 3*/
/****************************************************************************/

.home-section3 {
    padding-top: 150px;
    padding-bottom: 150px;
}

.home-section3 .intro-title {
    font-size: 15px;
    letter-spacing: 6px;
    margin-bottom: 5px;
}

.home-section3 h1 {
    font-size: 50px;
    line-height: 1.25em;
}

.home-section3 .cta-area {
    gap: 10px;
}

.home-section3 .cta-area svg {
    width: 40px;
    height: 40px;
}

.home-section3 .cta-area svg path {
    fill: var(--mustard);
}

.home-section3 .cta-area>div:nth-child(1) {
    width: 10%;
    justify-content: center;
    display: flex;
    align-items: center;
}

.home-section3 .cta-area a {
    color: var(--mustard);
    font-size: 24px;
    letter-spacing: 1px;
    text-decoration: none;
}

.home-section3 .images-area>div:nth-child(1) {
    transform: translateY(20%);
    -webkit-transform: translateY(20%);
    -moz-transform: translateY(20%);
    -ms-transform: translateY(20%);
    -o-transform: translateY(20%);
}

/************************************************************/
/*				  		                          RESPONSIVE*/
/************************************************************/

@media(max-width: 1366px) {
    .home-section3 {
        max-width: 1200px !important;
    }
}

@media(max-width: 912px) {
    .home-section3 {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media(max-width: 820px) {
    .home-section3 .cta-area a {
        font-size: 21px;
    }
}

@media(max-width: 768px) {
    .home-section3 .cta-area a {
        font-size: 20px;
    }
}

@media(max-width: 480px) {
    .home-section3 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .home-section3 .images-area>div:nth-child(1) {
        margin-bottom: 10px;
        transform: translateY(0%);
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
    }
}

/****************************************************************************/
/*				  								                   SECTION 4*/
/****************************************************************************/

.home-section4 .main-grid {
    max-width: 1300px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.home-section4 .main-grid h1 {
    color: var(--white);
    font-size: 28px;
    z-index: 3;
    position: relative;
}

.home-section4 .cta-area {
    gap: 10px;
    position: relative;
    z-index: 3;
}

.home-section4 .cta-area svg {
    width: 40px;
    height: 40px;
}

.home-section4 .cta-area svg path {
    fill: var(--white);
}

.home-section4 .cta-area>div:nth-child(1) {
    width: 10%;
    justify-content: center;
    display: flex;
    align-items: center;
}

.home-section4 .cta-area p {
    color: var(--white);
}

.home-section4 .cta-area a {
    color: var(--white);
    font-size: 24px;
    letter-spacing: 1px;
    text-decoration: none;
}

.home-section4 .free-call {
    position: relative;
    z-index: 3;
    color: var(--white);
    font-style: italic;
    font-size: 12px;
}

.home-section4 .home-form-container {
    position: relative;
    z-index: 3;
    background-color: var(--white);
    margin-top: 50px;
    margin-bottom: 50px;
    padding: 60px;
}

.home-section4 .home-form-container label:not(.wpcf7-acceptance label) {
    font-size: 0px;
}

.home-section4 .home-form-container p.intro-title,
.home-section4 .home-form-container h2 {
    color: var(--black);
}

.home-section4 .home-form-container p.intro-title {
    font-size: 15px;
    letter-spacing: 6px;
    margin-bottom: 10px;
}

.home-section4 .home-form-container h2 {
    font-size: 30px;
}

.home-section4 .home-form-container h2:after {
    content: '';
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    display: block;
    padding-top: 10px;
    width: 100%;
}

.home-section4 .home-form-container .split {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
}

.home-section4 .home-form-container .split>div {
    width: 48%;
}

.home-section4 .home-form-container .split>div input,
.home-section4 .home-form-container .no-split>div textarea {
    background-color: transparent;
    border-left: none;
    border-right: none;
    border-top: none;
}

.home-section4 .home-form-container .no-split {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.home-section4 .home-form-container .no-split>div {
    width: 100%;
}

.home-section4 .home-form-container .utilities span.wpcf7-form-control.wpcf7-acceptance a {
    text-decoration: none;
    color: var(--black);
}

.home-section4 .home-form-container .utilities span.wpcf7-form-control.wpcf7-acceptance a:hover {
    color: var(--mustard);
    text-decoration: underline;
}

.home-section4 .home-form-container .utilities input.wpcf7-form-control.has-spinner.wpcf7-submit {
    background-color: var(--black) !important;
    text-align: center;
    margin: 0 auto;
    display: block;
    width: 80%;
}

.home-section4 .home-form-container .utilities input.wpcf7-form-control.has-spinner.wpcf7-submit:hover {
    background-color: var(--mustard) !important;
}

/************************************************************/
/*				  		                          RESPONSIVE*/
/************************************************************/

@media(max-width: 1366px) {
    .home-section4 .home-form-container .no-split textarea {
        height: 180px;
    }
}

@media(max-width: 820px) {
    .home-section4 .cta-area a {
        font-size: 20px;
    }
}

@media(max-width: 768px) {
    .home-section4 .main-grid {
        flex-direction: column-reverse;
        padding-bottom: 30px;
    }

    .home-section4 .main-grid>div {
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }

    .home-section4 .home-form-container {
        background-color: rgba(255, 255, 255, 0.2);
    }

    .home-section4 .home-form-container p.intro-title,
    .home-section4 .home-form-container h2,
    .home-section4 .home-form-container input,
    .home-section4 .home-form-container textarea,
    .home-section4 .home-form-container input::placeholder,
    .home-section4 .home-form-container textarea::placeholder,
    .home-section4 .home-form-container input::placeholder,
    .home-section4 .home-form-container textarea::placeholder,
    .home-section4 .home-form-container span.wpcf7-list-item-label {
        color: var(--white);
    }
}

@media(max-width: 480px) {
    .home-section4 .home-form-container .split>div {
        width: 100%;
    }

    .home-section4 .home-form-container .no-split textarea {
        height: 80px;
    }

    .home-section4 .home-form-container p.intro-title {
        text-align: center;
    }

    .home-section4 .main-grid h1 {
        font-size: 24px;
    }

    .home-section4 .home-form-container h2 {
        text-align: center;
    }

    .home-section4 .home-form-container .utilities input.wpcf7-form-control.has-spinner.wpcf7-submit {
        width: 100%;
    }
}

/****************************************************************************/
/*				  								                   SECTION 5*/
/****************************************************************************/

.home-section5 {
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: var(--cream);
}

.home-section5 p.intro-title {
    color: var(--black);
    font-size: 15px;
    letter-spacing: 6px;
    margin-bottom: 5px;
}

.home-section5 h1 {
    color: var(--black);
    font-size: 50px;
    line-height: 1.25em;
}

.home-section5 .gb-query-loop-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
}

.home-section5 .gb-query-loop-wrapper>div>div {
    position: relative;
}

.home-section5 .gb-query-loop-wrapper .inside-wrapper {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 2;
    width: 100%;
    height: 85px;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.home-section5 .gb-query-loop-wrapper>div:hover .inside-wrapper {
    background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .01) 2%, rgba(0, 0, 0, .75) 90%);
    background: -moz-linear-gradient(top, transparent 0, rgba(0, 0, 0, .1) 2%, rgba(0, 0, 0, .75) 90%);
    background: -webkit-linear-gradient(top, transparent 0, rgba(0, 0, 0, .01) 2%, rgba(0, 0, 0, .75) 90%);
    height: 150px;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.home-section5 .gb-query-loop-wrapper h4 {
    color: var(--white);
    padding-left: 30px;
    font-size: 15px;
    letter-spacing: 3px;
    margin-bottom: 5px;
}

.home-section5 .gb-query-loop-wrapper h2 {
    padding-left: 30px;
    padding-bottom: 30px;
    padding-right: 30px;
}

.home-section5 .gb-query-loop-wrapper h2:after {
    content: '';
    border-bottom: 1px solid var(--white);
    display: block;
    width: 10%;
    padding-top: 5px;
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
}

.home-section5 .gb-query-loop-wrapper>div:hover h2:after {
    width: 100%;
}

.home-section5 .gb-query-loop-wrapper h2 a {
    color: var(--white);
    font-size: 27px;
    text-decoration: none;
}

.home-section5 .gb-query-loop-wrapper .gb-button {
    background-color: transparent !important;
    float: right;
    bottom: 20px;
    position: relative;
    right: 10px;
}

.home-section5 .gb-query-loop-wrapper .gb-button span {
    color: var(--white);
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    opacity: 0;
    font-size: 15px;
    letter-spacing: 3px;
    transition: all 0s ease-in-out;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -ms-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    filter: brightness(100%);
    -webkit-filter: brightness(100%);
}

.home-section5 .gb-query-loop-wrapper>div:hover .gb-button span {
    opacity: 1;
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
}

.home-section5 .gb-query-loop-wrapper>div:hover .gb-button span,
.home-section5 .gb-query-loop-wrapper>div:hover .gb-button span svg {
    color: var(--mustard);
}

.home-section5 .gb-query-loop-wrapper>div {
    overflow: hidden;
    position: relative;
}

.home-section5 .gb-query-loop-wrapper>div>div {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -ms-transform: scale(1.0);
    -o-transform: scale(1.0);
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.home-section5 .gb-query-loop-wrapper>div:hover>div {
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
}

/************************************************************/
/*				  		                          RESPONSIVE*/
/************************************************************/

@media(max-width: 1366px) {
    .home-section5>.gb-container {
        max-width: 1200px !important;
    }
}

@media(max-width: 912px) {
    .home-section5 {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media(max-width: 820px) {
    .home-section5 .gb-query-loop-wrapper h4 {
        font-size: 13px;
    }

    .home-section5 .gb-query-loop-wrapper h2 a {
        font-size: 20px;
    }
}

@media(max-width: 480px) {
    .home-section5 .gb-query-loop-wrapper>div {
        width: 100% !important;
    }

    .home-section5 p.intro-title {
        text-align: center;
    }

    .home-section5 h1 {
        text-align: center;
    }
}

/****************************************************************************/
/*				  								           GRID (IF 2 ROOMS)*/
/****************************************************************************/

.home-section5 .section-wrapper[data-child-count="2"] .gb-query-loop-wrapper>div:nth-child(-n+2) {
    width: calc(50% - 10px);
}

.home-section5 .section-wrapper[data-child-count="2"] .gb-query-loop-wrapper>div {
    width: calc(100% - 10px);
}

/****************************************************************************/
/*				  								           GRID (IF 4 ROOMS)*/
/****************************************************************************/
.home-section5 .section-wrapper[data-child-count="4"] .gb-query-loop-wrapper>div:nth-child(-n+3) {
    width: calc(33.33% - 10px);
}

.home-section5 .section-wrapper[data-child-count="4"] .gb-query-loop-wrapper>div {
    width: calc(100% - 10px);
}

/****************************************************************************/
/*				  								           GRID (IF 5 ROOMS)*/
/****************************************************************************/

.home-section5 .section-wrapper[data-child-count="5"] .gb-query-loop-wrapper>div:nth-child(-n+3) {
    width: calc(33.33% - 10px);
}

.home-section5 .section-wrapper[data-child-count="5"] .gb-query-loop-wrapper>div {
    width: calc(50% - 10px);
}

/****************************************************************************/
/*				  								           GRID (IF 6 ROOMS)*/
/****************************************************************************/

.home-section5 .section-wrapper[data-child-count="6"] .gb-query-loop-wrapper>div:nth-child(-n+3) {
    width: calc(33.33% - 10px);
}

.home-section5 .section-wrapper[data-child-count="6"] .gb-query-loop-wrapper>div {
    width: calc(50% - 10px);
}

.home-section5 .section-wrapper[data-child-count="6"] .gb-query-loop-wrapper>div:nth-child(n+6) {
    width: calc(100% - 10px);
}

/****************************************************************************/
/*				  								           GRID (IF 7 ROOMS)*/
/****************************************************************************/

.home-section5 .section-wrapper[data-child-count="7"] .gb-query-loop-wrapper>div:nth-child(-n+3) {
    width: calc(33.33% - 10px);
}

.home-section5 .section-wrapper[data-child-count="7"] .gb-query-loop-wrapper>div {
    width: calc(50% - 10px);
}

.home-section5 .section-wrapper[data-child-count="7"] .gb-query-loop-wrapper>div:nth-child(n+6) {
    width: calc(50% - 10px);
}

/****************************************************************************/
/*				  								           GRID (IF 8 ROOMS)*/
/****************************************************************************/

.home-section5 .section-wrapper[data-child-count="8"] .gb-query-loop-wrapper>div:nth-child(-n+3) {
    width: calc(33.33% - 10px);
}

.home-section5 .section-wrapper[data-child-count="8"] .gb-query-loop-wrapper>div {
    width: calc(50% - 10px);
}

.home-section5 .section-wrapper[data-child-count="8"] .gb-query-loop-wrapper>div:nth-child(n+6) {
    width: calc(33.33% - 10px);
}

/****************************************************************************/
/*				  								           GRID (IF 9 ROOMS)*/
/****************************************************************************/

.home-section5 .section-wrapper[data-child-count="9"] .gb-query-loop-wrapper>div:nth-child(-n+3) {
    width: calc(33.33% - 10px);
}

.home-section5 .section-wrapper[data-child-count="9"] .gb-query-loop-wrapper>div {
    width: calc(50% - 10px);
}

.home-section5 .section-wrapper[data-child-count="9"] .gb-query-loop-wrapper>div:nth-child(n+6) {
    width: calc(33.33% - 10px);
}

.home-section5 .section-wrapper[data-child-count="9"] .gb-query-loop-wrapper>div:nth-child(n+9) {
    width: calc(100% - 10px);
}

/****************************************************************************/
/*				  								          GRID (IF 10 ROOMS)*/
/****************************************************************************/

.home-section5 .section-wrapper[data-child-count="10"] .gb-query-loop-wrapper>div:nth-child(-n+3) {
    width: calc(33.33% - 10px);
}

.home-section5 .section-wrapper[data-child-count="10"] .gb-query-loop-wrapper>div {
    width: calc(50% - 10px);
}

.home-section5 .section-wrapper[data-child-count="10"] .gb-query-loop-wrapper>div:nth-child(n+6) {
    width: calc(33.33% - 10px);
}

.home-section5 .section-wrapper[data-child-count="10"] .gb-query-loop-wrapper>div:nth-child(n+9) {
    width: calc(50% - 10px);
}

/****************************************************************************/
/*				  								          GRID (IF 11 ROOMS)*/
/****************************************************************************/

.home-section5 .section-wrapper[data-child-count="11"] .gb-query-loop-wrapper>div:nth-child(-n+3) {
    width: calc(33.33% - 10px);
}

.home-section5 .section-wrapper[data-child-count="11"] .gb-query-loop-wrapper>div {
    width: calc(50% - 10px);
}

.home-section5 .section-wrapper[data-child-count="11"] .gb-query-loop-wrapper>div:nth-child(n+6) {
    width: calc(33.33% - 10px);
}

.home-section5 .section-wrapper[data-child-count="11"] .gb-query-loop-wrapper>div:nth-child(n+9) {
    width: calc(50% - 10px);
}

.home-section5 .section-wrapper[data-child-count="11"] .gb-query-loop-wrapper>div:nth-child(n+11) {
    width: calc(100% - 10px);
}

/****************************************************************************/
/*				  								          GRID (IF 12 ROOMS)*/
/****************************************************************************/

.home-section5 .section-wrapper[data-child-count="12"] .gb-query-loop-wrapper>div:nth-child(-n+3) {
    width: calc(33.33% - 10px);
}

.home-section5 .section-wrapper[data-child-count="12"] .gb-query-loop-wrapper>div {
    width: calc(50% - 10px);
}

.home-section5 .section-wrapper[data-child-count="12"] .gb-query-loop-wrapper>div:nth-child(n+6) {
    width: calc(33.33% - 10px);
}

.home-section5 .section-wrapper[data-child-count="12"] .gb-query-loop-wrapper>div:nth-child(n+9) {
    width: calc(100% - 10px);
}

.home-section5 .section-wrapper[data-child-count="12"] .gb-query-loop-wrapper>div:nth-child(n+10) {
    width: calc(33.33% - 10px);
}

/****************************************************************************/
/*				  								                   SECTION 6*/
/****************************************************************************/

.home-section6 {
    background-color: var(--black);
    padding-top: 150px;
    padding-bottom: 150px;
}

.home-section6 .main-grid {
    max-width: 1300px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.home-section6 .main-grid p.intro-title {
    color: var(--mustard);
    font-size: 15px;
    letter-spacing: 6px;
    margin-bottom: 5px;
}

.home-section6 .main-grid h1 {
    color: var(--white);
    font-size: 50px;
    line-height: 1.25em;
}

.home-section6 .main-grid p:not(.home-section6 .main-grid p.intro-title) {
    color: var(--darkgray);
}

.home-section6 .cta-area {
    gap: 10px;
    position: relative;
    z-index: 3;
}

.home-section6 .cta-area svg {
    width: 40px;
    height: 40px;
}

.home-section6 .cta-area svg path {
    fill: var(--mustard);
}

.home-section6 .cta-area>div:nth-child(1) {
    width: 10%;
    justify-content: center;
    display: flex;
    align-items: center;
}

.home-section6 .cta-area p {
    color: var(--white);
}

.home-section6 .cta-area a {
    color: var(--mustard);
    font-size: 24px;
    letter-spacing: 1px;
    text-decoration: none;
}

.home-section6 .extra-services-loop .slick-track {
    display: flex;
    gap: 20px;
}

.home-section6 .extra-services-loop .slick-track>div {
    background-color: var(--white);
}

.home-section6 .extra-services-loop .slick-track>div h3 {
    padding-top: 20px;
    font-size: 24px;
}

.home-section6 .extra-services-loop .slick-track>div h3,
.home-section6 .extra-services-loop .slick-track>div p {
    padding-left: 20px;
    padding-right: 20px;
}

.home-section6 .extra-services-loop .slick-track>div p strong {
    color: var(--mustard);
    font-size: 40px;
    font-weight: 400;
}

.home-section6 .extra-services-loop .slick-track>div p {
    font-size: 15px;
    color: var(--black) !important;
}

.home-section6 .extra-services-loop .slick-track>div ul {
    padding: 10px;
    margin: 0px 20px 20px 20px !important;
    list-style: none;
}

.home-section6 .extra-services-loop .slick-track>div ul li {
    font-size: 15px;
    color: var(--black) !important;
}

.home-section6 .extra-services-loop .slick-track>div ul li:before {
    content: '✓';
    padding-right: 10px;
    color: var(--mustard);
}

.home-section6 .extra-services-loop .slick-track>div ul li:last-child:before {
    content: '✕';
    color: var(--black);
}

.home-section6 .extra-services-loop .slick-dots {
    bottom: -60px;
}

.home-section6 .extra-services-loop .slick-dots li button:before {
    color: rgba(255, 255, 255, 0.3);
    font-size: 12px;
}

.home-section6 .extra-services-loop .slick-dots li.slick-active button:before {
    color: var(--mustard);
}

/************************************************************/
/*				  		                          RESPONSIVE*/
/************************************************************/

@media(max-width: 1366px) {
    .home-section6 .main-grid {
        max-width: 1200px !important;
    }
}

@media(max-width: 912px) {
    .home-section6 {
        padding-left: 30px;
        padding-right: 30px;
    }

    .home-section6 .main-grid>div {
        width: 100%;
    }
}

/****************************************************************************/
/*				  								                   SECTION 7*/
/****************************************************************************/

.home-section7 .main-grid {
    padding-top: 50px;
    padding-bottom: 50px;
}

.home-section7 .main-grid>div>div {
    padding: 0px;
}

.home-section7 .main-grid>div:nth-child(2n+2) .secondary-grid {
    flex-direction: row-reverse;
}

.home-section7 .secondary-grid {
    justify-content: center;
    align-items: center;
}

.home-section7 .secondary-grid>div:nth-child(2) {
    background-color: var(--cream);
    display: flex;
    align-items: center;
    min-height: 380px;
    padding: 30px;
}

.home-section7 .secondary-grid .intro-title {
    font-size: 15px;
    letter-spacing: 6px;
    margin-bottom: 5px;
}

.home-section7 .secondary-grid h2 {
    margin-bottom: 10px;
}

.home-section7 .secondary-grid h2 a {
    color: var(--black);
    font-size: 32px;
    line-height: 1.5em;
    text-decoration: none;
}

.home-section7 .secondary-grid>div:nth-child(1) {
    overflow: hidden;
}

.home-section7 .secondary-grid .img-srv {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -ms-transform: scale(1.0);
    -o-transform: scale(1.0);
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.home-section7 .secondary-grid .img-srv:hover {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.home-section7 .secondary-grid .serv-desc {
    font-size: 15px;
}

.home-section7 .secondary-grid .srv-btn-container {
    position: relative;
    width: auto;
    display: inline-block;
    margin-top: 15px;
}

.home-section7 .secondary-grid .srv-btn-container:after {
    content: '';
    background-color: var(--black);
    width: 0;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 100%;
    z-index: 1;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.home-section7 .secondary-grid .srv-btn-container:hover:after {
    width: 100%;
    left: 0;
    z-index: 2;
    transition: width 0.3s ease;
    -webkit-transition: width 0.3s ease;
    -moz-transition: width 0.3s ease;
    -ms-transition: width 0.3s ease;
    -o-transition: width 0.3s ease;
}

.home-section7 .secondary-grid .gb-button {
    background-color: var(--mustard);
    position: relative;
    font-size: 15px;
    letter-spacing: 3px;
}

.home-section7 .secondary-grid .gb-button:hover {
    color: var(--white);
    background-color: transparent;
    z-index: 3;
}

/************************************************************/
/*				  		                          RESPONSIVE*/
/************************************************************/

@media(max-width: 1366px) {
    .home-section7 {
        max-width: 1200px !important;
    }
}

@media(max-width: 912px) {
    .home-section7 {
        padding-left: 30px;
        padding-right: 30px;
    }
}

/****************************************************************************/
/*				  								                   SECTION 8*/
/****************************************************************************/

.home-section8 {
    background-color: var(--black);
    padding-top: 50px;
    padding-bottom: 50px;
}

.home-section8 .blog-wrapper p.intro-title {
    color: var(--mustard);
    font-size: 15px;
    letter-spacing: 6px;
    margin-bottom: 5px;
}

.home-section8 .blog-wrapper h1 {
    color: var(--white);
    font-size: 50px;
    line-height: 1.25em;
}

.home-section8 .blog-wrapper .main-blog-single-wrapper {
    padding: 0px;
    position: relative;
    background-color: transparent;
}

.home-section8 .blog-wrapper .featured-wrapper p {
    position: absolute;
    padding: 10px;
    border: 1px solid var(--white);
    color: var(--white);
    top: 30px;
    left: 15px;
    margin-bottom: 0px;
    z-index: 2;
}

.home-section8 .blog-wrapper .featured-wrapper p time {
    white-space: pre-wrap;
    width: 75px;
    display: block;
}

.home-section8 .blog-wrapper .blog-single-info-wrapper {
    width: 80%;
    margin: 0 auto;
    background-color: white;
    padding: 20px;
    transform: translateY(-90px);
    -webkit-transform: translateY(-90px);
    -moz-transform: translateY(-90px);
    -ms-transform: translateY(-90px);
    -o-transform: translateY(-90px);
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.home-section8 .blog-wrapper .blog-single-info-wrapper .taxonomy-category a {
    color: var(--black);
    font-size: 12px;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-decoration: none;
    pointer-events: none;
}

.home-section8 .blog-wrapper .blog-single-info-wrapper h2 a {
    color: var(--black);
    font-size: 24px;
    text-decoration: none;
}

.home-section8 .blog-wrapper .blog-single-info-wrapper h2 :hover {
    color: var(--mustard);
}

.home-section8 .blog-wrapper .main-blog-single-wrapper .featured-wrapper img {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -ms-transform: scale(1.0);
    -o-transform: scale(1.0);
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.home-section8 .blog-wrapper .main-blog-single-wrapper:hover .featured-wrapper img {
    transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.home-section8 .blog-wrapper .main-blog-single-wrapper:hover .blog-single-info-wrapper {
    transform: translateY(-150px);
    -webkit-transform: translateY(-150px);
    -moz-transform: translateY(-150px);
    -ms-transform: translateY(-150px);
    -o-transform: translateY(-150px);
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.home-section8 .blog-wrapper .read-more-blog {
    position: relative;
    width: 30%;
    margin: 0 auto;
}

.home-section8 .blog-wrapper .read-more-blog:after {
    content: '';
    background-color: var(--white);
    width: 0;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 100%;
    z-index: 1;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.home-section8 .blog-wrapper .read-more-blog:hover:after {
    width: 100%;
    left: 0;
    z-index: 2;
    transition: width 0.3s ease;
    -webkit-transition: width 0.3s ease;
    -moz-transition: width 0.3s ease;
    -ms-transition: width 0.3s ease;
    -o-transition: width 0.3s ease;
}

.home-section8 .blog-wrapper .read-more-blog .gb-button {
    background-color: var(--mustard);
    position: relative;
    font-size: 15px;
    letter-spacing: 3px;
    display: block;
    margin: 0 auto;
    position: relative;
    width: 100%;
    text-align: center;
}

.home-section8 .blog-wrapper .read-more-blog .gb-button:hover {
    color: var(--black);
    background-color: transparent;
    z-index: 3;
}

/************************************************************/
/*				  		                          RESPONSIVE*/
/************************************************************/

@media(max-width: 1366px) {
    .home-section8>.gb-container {
        max-width: 1200px !important;
    }
}

@media(max-width: 912px) {
    .home-section8 {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media(max-width: 480px) {
    .home-section8 .blog-wrapper .read-more-blog {
        width: 50%;
    }
}

/*******************************************************************************************************************/
/*				  													                                  ROOM ARCHIVE*/
/******************************************************************************************************************/

/****************************************************************************/
/*				  								            GENERIC FOR GRID*/
/****************************************************************************/

.post-type-archive-rooms #main {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    padding-top: 50px;
    padding-bottom: 50px;
}

.post-type-archive-rooms #main article {
    margin-bottom: 0px;
}

.post-type-archive-rooms #main article>div {
    padding: 0px;
    position: relative;
}

.post-type-archive-rooms #main article>div header.entry-header {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 2;
    width: 100%;
    height: 85px;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.post-type-archive-rooms #main article:hover .entry-header {
    background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .01) 2%, rgba(0, 0, 0, .75) 90%);
    background: -moz-linear-gradient(top, transparent 0, rgba(0, 0, 0, .1) 2%, rgba(0, 0, 0, .75) 90%);
    background: -webkit-linear-gradient(top, transparent 0, rgba(0, 0, 0, .01) 2%, rgba(0, 0, 0, .75) 90%);
    height: 150px;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.post-type-archive-rooms #main article p.intro-title {
    color: var(--white);
    font-size: 15px;
    letter-spacing: 3px;
    margin-bottom: 5px;
    padding-left: 30px;
}

.post-type-archive-rooms #main article header.entry-header h2 {
    background-color: rgba(0, 0, 0, 0.1);
    padding-left: 30px;
    padding-bottom: 30px;
    padding-right: 30px;
}

.post-type-archive-rooms #main article header.entry-header h2:after {
    content: '';
    border-bottom: 1px solid var(--white);
    display: block;
    width: 10%;
    padding-top: 5px;
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
}

.post-type-archive-rooms #main article:hover header.entry-header h2:after {
    width: 100%;
}

.post-type-archive-rooms #main article>div header.entry-header h2 a {
    color: var(--white);
    font-size: 27px;
}

.post-type-archive-rooms #main article .entry-header .read-more-details {
    position: absolute;
    right: 30px;
    width: 100px;
}

.post-type-archive-rooms #main article .entry-header .read-more-details a {
    color: var(--white);
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    opacity: 0;
    font-size: 15px;
    letter-spacing: 3px;
    transition: all 0s ease-in-out;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -ms-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    filter: brightness(100%);
    -webkit-filter: brightness(100%);
}

.post-type-archive-rooms #main article:hover .entry-header .read-more-details a {
    opacity: 1;
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
}

.post-type-archive-rooms #main article:hover .entry-header .read-more-details a:hover {
    color: var(--mustard);
}

.post-type-archive-rooms #main article .entry-header .read-more-details svg {
    width: 25px;
}

.post-type-archive-rooms #main article .post-image {
    margin-top: 0px;
}

.post-type-archive-rooms #main article .post-image a {
    margin-bottom: 0px;
    display: block;
    background-color: var(--black);
    width: 100%;
    height: 300px;
    overflow: hidden;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.post-type-archive-rooms #main article .post-image a img {
    object-fit: cover;
    width: 1300px;
    height: 300px;
    opacity: 0.7;
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -ms-transform: scale(1.0);
    -o-transform: scale(1.0);
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.post-type-archive-rooms #main article:hover .post-image a img {
    opacity: 0.5;
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
}

.post-type-archive-rooms #main article .entry-summary {
    display: none;
}

/************************************************************/
/*				  		                          RESPONSIVE*/
/************************************************************/

@media(max-width: 1440px) {
    .post-type-archive-rooms .grid-container {
        max-width: 1200px !important;
    }
}

@media(max-width: 912px) {
    .post-type-archive-rooms .grid-container {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media(max-width: 820px) {
    .post-type-archive-rooms #main article p.intro-title {
        font-size: 13px;
    }

    .post-type-archive-rooms #main article>div header.entry-header h2 a {
        font-size: 23px;
    }
}

@media(max-width: 768px) {
    .post-type-archive-rooms #main article>div header.entry-header h2 a {
        font-size: 19px;
    }
}

@media(max-width: 480px) {
    .post-type-archive-rooms #main article {
        width: 100% !important;
    }
}

/****************************************************************************/
/*				  								           GRID (IF 2 ROOMS)*/
/****************************************************************************/

.post-type-archive-rooms #main[data-attribute='items-2'] article:nth-child(-n+2) {
    width: calc(50% - 10px);
}

.post-type-archive-rooms #main[data-attribute='items-2'] article {
    width: calc(100% - 10px);
}

/****************************************************************************/
/*				  								           GRID (IF 4 ROOMS)*/
/****************************************************************************/

.post-type-archive-rooms #main[data-attribute='items-4'] article:nth-child(-n+3) {
    width: calc(33.33% - 10px);
}

.post-type-archive-rooms #main[data-attribute='items-4'] article {
    width: calc(100% - 10px);
}

/****************************************************************************/
/*				  								           GRID (IF 5 ROOMS)*/
/****************************************************************************/

.post-type-archive-rooms #main[data-attribute='items-5'] article:nth-child(-n+3) {
    width: calc(33.33% - 10px);
}

.post-type-archive-rooms #main[data-attribute='items-5'] article {
    width: calc(50% - 10px);
}

/****************************************************************************/
/*				  								           GRID (IF 6 ROOMS)*/
/****************************************************************************/

.post-type-archive-rooms #main[data-attribute='items-6'] article:nth-child(-n+3) {
    width: calc(33.33% - 10px);
}

.post-type-archive-rooms #main[data-attribute='items-6'] article {
    width: calc(50% - 10px);
}

.post-type-archive-rooms #main[data-attribute='items-6'] article:nth-child(n+6) {
    width: calc(100% - 10px);
}

/****************************************************************************/
/*				  								           GRID (IF 7 ROOMS)*/
/****************************************************************************/

.post-type-archive-rooms #main[data-attribute='items-7'] article:nth-child(-n+3) {
    width: calc(33.33% - 10px);
}

.post-type-archive-rooms #main[data-attribute='items-7'] article {
    width: calc(50% - 10px);
}

.post-type-archive-rooms #main[data-attribute='items-7'] article:nth-child(n+6) {
    width: calc(50% - 10px);
}

/****************************************************************************/
/*				  								           GRID (IF 8 ROOMS)*/
/****************************************************************************/

.post-type-archive-rooms #main[data-attribute='items-8'] article:nth-child(-n+3) {
    width: calc(33.33% - 10px);
}

.post-type-archive-rooms #main[data-attribute='items-8'] article {
    width: calc(50% - 10px);
}

.post-type-archive-rooms #main[data-attribute='items-8'] article:nth-child(n+6) {
    width: calc(33.33% - 10px);
}

/****************************************************************************/
/*				  								           GRID (IF 9 ROOMS)*/
/****************************************************************************/

.post-type-archive-rooms #main[data-attribute='items-9'] article:nth-child(-n+3) {
    width: calc(33.33% - 10px);
}

.post-type-archive-rooms #main[data-attribute='items-9'] article {
    width: calc(50% - 10px);
}

.post-type-archive-rooms #main[data-attribute='items-9'] article:nth-child(n+6) {
    width: calc(33.33% - 10px);
}

.post-type-archive-rooms #main[data-attribute='items-9'] article:nth-child(n+9) {
    width: calc(100% - 10px);
}

/****************************************************************************/
/*				  								          GRID (IF 10 ROOMS)*/
/****************************************************************************/

.post-type-archive-rooms #main[data-attribute='items-10'] article:nth-child(-n+3) {
    width: calc(33.33% - 10px);
}

.post-type-archive-rooms #main[data-attribute='items-10'] article {
    width: calc(50% - 10px);
}

.post-type-archive-rooms #main[data-attribute='items-10'] article:nth-child(n+6) {
    width: calc(33.33% - 10px);
}

.post-type-archive-rooms #main[data-attribute='items-10'] article:nth-child(n+9) {
    width: calc(50% - 10px);
}

/****************************************************************************/
/*				  								          GRID (IF 11 ROOMS)*/
/****************************************************************************/

.post-type-archive-rooms #main[data-attribute='items-11'] article:nth-child(-n+3) {
    width: calc(33.33% - 10px);
}

.post-type-archive-rooms #main[data-attribute='items-11'] article {
    width: calc(50% - 10px);
}

.post-type-archive-rooms #main[data-attribute='items-11'] article:nth-child(n+6) {
    width: calc(33.33% - 10px);
}

.post-type-archive-rooms #main[data-attribute='items-11'] article:nth-child(n+9) {
    width: calc(50% - 10px);
}

.post-type-archive-rooms #main[data-attribute='items-11'] article:nth-child(n+11) {
    width: calc(100% - 10px);
}

/****************************************************************************/
/*				  								          GRID (IF 12 ROOMS)*/
/****************************************************************************/

.post-type-archive-rooms #main[data-attribute='items-12'] article:nth-child(-n+3) {
    width: calc(33.33% - 10px);
}

.post-type-archive-rooms #main[data-attribute='items-12'] article {
    width: calc(50% - 10px);
}

.post-type-archive-rooms #main[data-attribute='items-12'] article:nth-child(n+6) {
    width: calc(33.33% - 10px);
}

.post-type-archive-rooms #main[data-attribute='items-12'] article:nth-child(n+9) {
    width: calc(100% - 10px);
}

.post-type-archive-rooms #main[data-attribute='items-12'] article:nth-child(n+10) {
    width: calc(33.33% - 10px);
}

/*******************************************************************************************************************/
/*				  													                                    ROOM SINGLE*/
/******************************************************************************************************************/

/****************************************************************************/
/*				  								              FEATURED IMAGE*/
/****************************************************************************/

.single-rooms #main article {
    display: none;
}

/****************************************************************************/
/*				  								                      SLIDER*/
/****************************************************************************/

.room-slider-container {
    position: relative;
    overflow: hidden;
}

.room-slider-container .scroll-down {
    position: absolute;
    z-index: 2;
    bottom: 50px;
    left: 50%;
}

.room-slider-container .scroll-down .inner-wrapper {
    border: 1px solid var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    border-radius: 50%;
    animation: pulse 2s infinite;
    -webkit-animation: pulse 2s infinite;
}

.room-slider-container .scroll-down .inner-wrapper a {
    display: flex;
}

.room-slider-container .scroll-down .inner-wrapper:hover {
    border-color: var(--mustard);
}

.room-slider-container .scroll-down .inner-wrapper:hover svg {
    color: var(--mustard);
}

.room-slider-container .scroll-down svg {
    color: var(--white);
    width: 30px;
}

.single-rooms .room-slider-container .room-slider {
    margin: 0px;
    height: 940px;
}

.single-rooms .room-slider-container .room-slider .slick-track {
    background-color: var(--black);
}

.single-rooms .room-slider-container .room-slider .slick-track>li {
    opacity: 0.6;
}

.single-rooms .room-slider-container .room-slider li img {
    height: 940px;
}

.single-rooms .room-slider-container .room-slider .slick-dots {
    position: absolute;
    bottom: 100px;
    width: 10%;
    right: 100px;
}

.single-rooms .room-slider-container .room-slider .slick-dots li.slick-active button:before {
    color: var(--mustard);
    font-size: 12px;
}

.single-rooms .room-slider-container .room-slider .slick-dots li button:before {
    color: transparent;
    border: 1px solid var(--white);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

/************************************************************/
/*				  		                          RESPONSIVE*/
/************************************************************/

@media(max-width: 1366px) {

    .single-rooms .room-slider-container .room-slider,
    .single-rooms .room-slider-container .room-slider li img {
        height: 768px;
    }
}

@media(max-width: 912px) {
    .single-rooms .room-main-content-container {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media(max-width: 820px) {
    .single-rooms .room-slider-container .room-slider .slick-dots {
        width: 20%;
    }
}

@media(max-width: 480px) {

    .single-rooms .room-slider-container .room-slider,
    .single-rooms .room-slider-container .room-slider li img {
        height: 300px;
    }

    .room-slider-container .scroll-down {
        display: none;
    }

    .single-rooms .room-slider-container .room-slider .slick-dots {
        width: 50%;
        bottom: 20px;
    }
}

/****************************************************************************/
/*				  								      MAIN CONTENT CONTAINER*/
/****************************************************************************/

.single-rooms .room-main-content-container {
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 150px;
    padding-bottom: 50px;
}

.single-rooms .room-main-content-container {
    display: flex;
    flex-direction: row;
    gap: 50px;
}

.single-rooms .room-main-content-container .col-left {
    width: 70%;
}

.single-rooms .room-main-content-container .col-left>div {
    padding-bottom: 30px;
}

.single-rooms .room-main-content-container .col-left>div h2 {
    font-size: 24px;
}

.single-rooms .room-main-content-container .col-right {
    width: 30%;
}

/************************************************************/
/*				  		                          RESPONSIVE*/
/************************************************************/

@media(max-width: 480px) {
    .single-rooms .room-main-content-container {
        flex-wrap: wrap;
        padding-top: 50px;
        gap: 20px;
    }

    .single-rooms .room-main-content-container .col-left,
    .single-rooms .room-main-content-container .col-right {
        width: 100%;
    }
}

/****************************************************************************/
/*				  								            SUBTITLE & TITLE*/
/****************************************************************************/

.single-rooms .room-main-content-container .col-left .room-title p.intro-title {
    font-size: 15px;
    letter-spacing: 6px;
    margin-bottom: 5px;
}

.single-rooms .room-main-content-container .col-left .room-title h1 {
    font-size: 45px;
    line-height: 1.25em;
}

/****************************************************************************/
/*				  								              CHECK IN - OUT*/
/****************************************************************************/

.single-rooms .room-main-content-container .col-left .check-in-out-wrapper {
    display: flex;
    flex-direction: row;
}

.single-rooms .room-main-content-container .col-left .check-in-out-wrapper>div {
    width: 50%;
}

.single-rooms .room-main-content-container .col-left .check-in-out-wrapper>div ul {
    list-style-type: none;
    margin: 0px;
}

.single-rooms .room-main-content-container .col-left .check-in-out-wrapper>div ul li:before {
    content: '✓';
    color: var(--mustard);
    font-size: 25px;
    padding-right: 10px;
}

/************************************************************/
/*				  		                          RESPONSIVE*/
/************************************************************/

@media(max-width: 480px) {
    .single-rooms .room-main-content-container .col-left .check-in-out-wrapper {
        flex-wrap: wrap;
        gap: 30px;
    }

    .single-rooms .room-main-content-container .col-left .check-in-out-wrapper>div {
        width: 100%;
    }
}

/****************************************************************************/
/*				  								                  CTA BUTTON*/
/****************************************************************************/

.single-rooms .room-main-content-container .col-left .cta-btn {
    position: relative;
}

.single-rooms .room-main-content-container .col-left .cta-btn a {
    background-color: var(--black);
    color: var(--white);
    padding: 13px 22px;
    margin: 0px;
    font-size: 15px;
    letter-spacing: 3px;
    text-decoration: none;
    position: relative;
}

.single-rooms .room-main-content-container .col-left .cta-btn a:hover span {
    position: relative;
    z-index: 2;
}

.single-rooms .room-main-content-container .col-left .cta-btn a:after {
    content: '';
    width: 0;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 100%;
    z-index: 1;
    background: var(--mustard);
    color: var(--white);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.single-rooms .room-main-content-container .col-left .cta-btn a:hover:after {
    width: 100%;
    left: 0;
    transition: width 0.3s ease;
    -webkit-transition: width 0.3s ease;
    -moz-transition: width 0.3s ease;
    -ms-transition: width 0.3s ease;
    -o-transition: width 0.3s ease;
}


/****************************************************************************/
/*				  								                RIGHT COLUMN*/
/****************************************************************************/

.single-rooms .room-main-content-container .col-right .col-right-wrapper {
    padding-top: 120px;
    position: sticky;
}

.single-rooms .room-main-content-container .col-right .col-right-wrapper h2 {
    font-size: 24px;
}

.single-rooms .room-main-content-container .col-right .col-right-wrapper ul {
    list-style-type: none;
    margin: 0px;
}

.single-rooms .room-main-content-container .col-right .col-right-wrapper ul li:before {
    content: '✓';
    color: var(--mustard);
    padding-right: 10px;
}

/************************************************************/
/*				  		                          RESPONSIVE*/
/************************************************************/

@media(max-width: 480px) {
    .single-rooms .room-main-content-container .col-right .col-right-wrapper {
        padding-top: 0px;
        position: relative;
    }
}

/*******************************************************************************************************************/
/*				  													                               SERVICES ARCHIVE*/
/******************************************************************************************************************/

/****************************************************************************/
/*				  								                        GRID*/
/****************************************************************************/

.post-type-archive-services #main {
    padding-top: 50px;
    padding-bottom: 50px;
}

.post-type-archive-services #main article {
    margin-bottom: 0px;
}

.post-type-archive-services #main article .inside-article {
    padding: 0px;
}

.post-type-archive-services .services-wrapper {
    display: flex;
    flex-direction: row;
}

.post-type-archive-services .services-wrapper .post-image {
    overflow: hidden;
}

.post-type-archive-services .services-wrapper .post-image img {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -ms-transform: scale(1.0);
    -o-transform: scale(1.0);
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.post-type-archive-services .services-wrapper .post-image:hover img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.post-type-archive-services #main article:nth-child(2n+2) .services-wrapper {
    flex-direction: row-reverse;
}

.post-type-archive-services .services-wrapper>div a img {
    height: 100%;
}

.post-type-archive-services .services-wrapper .header-inside-wrapper {
    background-color: var(--cream);
    padding: 30px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.post-type-archive-services .services-wrapper>div,
.post-type-archive-services .services-wrapper>header {
    width: 50%;
}

.post-type-archive-services .services-wrapper .header-inside-wrapper p.intro-title {
    font-size: 15px;
    letter-spacing: 6px;
    margin-bottom: 5px;
}

.post-type-archive-services .services-wrapper .header-inside-wrapper h2 {
    font-size: 32px;
    line-height: 1.5em;
    margin-bottom: 15px;
}

.post-type-archive-services .services-wrapper .header-inside-wrapper .service-description>p {
    font-size: 15px;
}

.post-type-archive-services .services-wrapper .header-inside-wrapper .read-more-btn .read-more-btn-container {
    display: inline-block;
    position: relative;
    width: auto;
    background-color: var(--mustard);
    padding: 13px 22px;
}

.post-type-archive-services .services-wrapper .header-inside-wrapper .read-more-btn .read-more-btn-container:after {
    content: '';
    background-color: var(--black);
    width: 0;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 100%;
    z-index: 1;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.post-type-archive-services .services-wrapper .header-inside-wrapper .read-more-btn .read-more-btn-container:hover:after {
    width: 100%;
    left: 0;
    z-index: 2;
    transition: width 0.3s ease;
    -webkit-transition: width 0.3s ease;
    -moz-transition: width 0.3s ease;
    -ms-transition: width 0.3s ease;
    -o-transition: width 0.3s ease;
}

.post-type-archive-services .services-wrapper .header-inside-wrapper .read-more-btn a {
    color: var(--white);
    text-decoration: none;
    position: relative;
    z-index: 3;
}

/************************************************************/
/*				  		                          RESPONSIVE*/
/************************************************************/

@media(max-width: 1440px) {
    .post-type-archive-services .site.grid-container {
        max-width: 1200px !important;
    }
}

@media(max-width: 912px) {
    .post-type-archive-services .site.grid-container {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media(max-width: 480px) {
    .post-type-archive-services .services-wrapper {
        flex-wrap: wrap;
    }

    .post-type-archive-services .services-wrapper>div,
    .post-type-archive-services .services-wrapper>header {
        width: 100%;
    }
}

/*******************************************************************************************************************/
/*				  													                               SERVICES SINGLE*/
/******************************************************************************************************************/

/****************************************************************************/
/*				  								              FEATURED IMAGE*/
/****************************************************************************/

.single-services #main article {
    display: none;
}

/****************************************************************************/
/*				  								                      SLIDER*/
/****************************************************************************/

.single-services .services-slider-container .services-slider {
    margin: 0px;
    height: 800px;
    overflow: hidden;
}

.single-services .services-slider-container .services-slider .slick-track {
    background-color: var(--black);
}

.single-services .services-slider-container .services-slider .slick-track>li {
    opacity: 0.6;
}

.single-services .services-slider-container .services-slider li img {
    height: 800px;
}

.single-services .services-slider-container .services-slider .slick-dots {
    position: absolute;
    bottom: 100px;
    width: 10%;
    right: 100px;
}

.single-services .services-slider-container .services-slider .slick-dots li.slick-active button:before {
    color: var(--mustard);
    font-size: 12px;
}

.single-services .services-slider-container .services-slider .slick-dots li button:before {
    color: transparent;
    border: 1px solid var(--white);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

/************************************************************/
/*				  		                          RESPONSIVE*/
/************************************************************/

@media(max-width: 480px) {

    .single-services .services-slider-container .services-slider,
    .single-services .services-slider-container .services-slider li img {
        height: 350px;
    }

    .single-services .services-slider-container .services-slider .slick-dots {
        width: 50%;
        bottom: 20px;
    }
}

/****************************************************************************/
/*				  								      MAIN CONTENT CONTAINER*/
/****************************************************************************/

.single-services .services-main-content-container {
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 50px;
}

.single-services .services-main-content-container .service-title p.intro-title {
    font-size: 15px;
    letter-spacing: 6px;
    margin-bottom: 5px;
}

.single-services .services-main-content-container .service-title h1 {
    font-size: 45px;
    line-height: 1.25em;
}

.single-services .services-main-content-container>div {
    margin-bottom: 30px;
}

/************************************************************/
/*				  		                          RESPONSIVE*/
/************************************************************/

@media(max-width: 912px) {
    .single-services .services-main-content-container {
        padding-left: 50px;
        padding-right: 50px;
    }
}


/****************************************************************************/
/*				  								                       HOURS*/
/****************************************************************************/

.single-services .services-main-content-container .service-hours h2 {
    font-size: 24px;
}

.single-services .services-main-content-container .service-hours ul {
    list-style-type: none;
    margin: 0px;
}

.single-services .services-main-content-container .service-hours ul li:before {
    content: '✓';
    color: var(--mustard);
    padding-right: 10px;
}

/****************************************************************************/
/*				  								                         CTA*/
/****************************************************************************/

.single-services .services-main-content-container .service-contact {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
}

.single-services .services-main-content-container .service-contact>div svg {
    width: 38px;
    height: 38px;
}

.single-services .services-main-content-container .service-contact>div svg path {
    fill: var(--mustard);
}

.single-services .services-main-content-container .service-contact>div p {
    font-size: 15px;
    margin-bottom: 0px;
}

.single-services .services-main-content-container .service-contact>div a {
    color: var(--mustard);
    font-size: 24px;
    letter-spacing: 1px;
    text-decoration: none;
}


/****************************************************************************/
/*				  								                  ADDITIONAL*/
/****************************************************************************/

.single-services .services-main-content-container .service-additional h2 {
    font-size: 24px;
}

.single-services .services-main-content-container .service-additional .btn-wrapper {
    display: inline-block;
    position: relative;
    width: auto;
    background-color: var(--mustard);
    padding: 13px 22px;
}

.single-services .services-main-content-container .service-additional .btn-wrapper:after {
    content: '';
    background-color: var(--black);
    width: 0;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 100%;
    z-index: 1;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.single-services .services-main-content-container .service-additional .btn-wrapper:hover:after {
    width: 100%;
    left: 0;
    z-index: 2;
    transition: width 0.3s ease;
    -webkit-transition: width 0.3s ease;
    -moz-transition: width 0.3s ease;
    -ms-transition: width 0.3s ease;
    -o-transition: width 0.3s ease;
}

.single-services .services-main-content-container .service-additional .btn-wrapper a {
    color: var(--white);
    text-decoration: none;
    position: relative;
    z-index: 3;
}

/*******************************************************************************************************************/
/*				  													                                          BLOG*/
/******************************************************************************************************************/

/****************************************************************************/
/*				  								                 LIST LAYOUT*/
/****************************************************************************/

.blog #main article {
    margin-bottom: 0px;
}

.blog #main article .inside-article {
    display: flex;
    flex-direction: column;
    padding: 0px;
}

.blog #main article .inside-article .post-image {
    order: 1;
    height: 500px;
}

.blog #main article .inside-article .entry-header {
    order: 2;
}

.blog #main article .inside-article .entry-summary {
    order: 3;
    margin-top: 15px;
}

.blog #main article .inside-article .post-image img {
    max-height: 500px;
    width: 100%;
    object-fit: cover;
}

.blog #main article .inside-article .entry-header {
    display: flex;
    flex-direction: column;
}

.blog #main article .inside-article .entry-header .entry-meta {
    order: 1;
    margin-bottom: 15px;
    margin-top: 15px;
}

.blog #main article .inside-article .entry-header .entry-meta span {
    color: var(--mustard);
    font-size: 12px;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.blog #main article .inside-article .entry-header h2 {
    font-size: 30px;
    order: 2;
}

.blog #main article .inside-article .entry-summary .read-more {
    position: relative;
    background-color: var(--mustard);
    color: var(--white);
    padding: 13px 22px;
    font-size: 15px;
    letter-spacing: 3px;
    text-decoration: none;
    display: block;
    width: 150px;
    margin-top: 20px;
}

.blog #main article .inside-article .entry-summary .read-more:after {
    content: '';
    width: 0;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 100%;
    z-index: 1;
    background: var(--black);
    color: var(--white);
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
}

.blog #main article .inside-article .entry-summary .read-more:hover:after {
    color: var(--white);
    width: 100%;
    left: 0;
    transition: width .3s ease;
    -webkit-transition: width .3s ease;
    -moz-transition: width .3s ease;
    -ms-transition: width .3s ease;
    -o-transition: width .3s ease;
}

.blog #main article .inside-article .entry-summary .read-more:hover span {
    z-index: 3;
    position: relative;
}

/************************************************************/
/*				  		                          RESPONSIVE*/
/************************************************************/

@media(max-width: 1440px) {
    .blog .site.grid-container {
        max-width: 1200px !important;
    }
}

@media(max-width: 912px) {
    .blog .site.grid-container {
        padding-left: 30px;
        padding-right: 30px;
    }
}

/*******************************************************************************************************************/
/*				  													                                   BLOG SINGLE*/
/******************************************************************************************************************/

/****************************************************************************/
/*				  								              FEATURED IMAGE*/
/****************************************************************************/

.single-post .featured-image {
    height: 700px;
}

.single-post .featured-image img {
    max-height: 700px;
    width: 100%;
}

/****************************************************************************/
/*				  								                  POST TITLE*/
/****************************************************************************/

.single-post header.entry-header {
    display: none;
}

/****************************************************************************/
/*				  								                     GALLERY*/
/****************************************************************************/

.single-post .wp-block-gallery {
    padding-bottom: 20px;
}

/****************************************************************************/
/*				  								             POST NAVIGATION*/
/****************************************************************************/

.single-post footer.entry-meta {
    padding-top: 50px;
    padding-bottom: 50px;
}

.single-post footer.entry-meta .post-navigation {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.single-post footer.entry-meta .post-navigation .nav-next {
    display: flex;
    flex-direction: row-reverse;
    gap: 10px;
}

.single-post footer.entry-meta .post-navigation>div {
    background-color: var(--cream);
    padding: 15px 20px;
}

.single-post footer.entry-meta .post-navigation>div svg {
    color: var(--black);
}

.single-post footer.entry-meta .post-navigation>div:hover svg {
    color: var(--mustard);
}

.single-post footer.entry-meta .post-navigation>div a {
    color: var(--black);
    text-decoration: none;
}

.single-post footer.entry-meta .post-navigation>div:hover a {
    color: var(--mustard);
}

@media(max-width: 480px) {
    .single-post footer.entry-meta .post-navigation {
        flex-wrap: wrap;
        gap: 10px;
    }
}


/****************************************************************************/
/*				  								                SOCIAL SHARE*/
/****************************************************************************/

.single-post .social-share-container {
    display: flex;
    justify-content: flex-end;
}

.single-post .social-share-container p {
    margin-bottom: 5px;
    font-size: 13px;
    font-weight: 600;
    text-align: right;
}

.single-post .social-share-container .popuptext {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.single-post .social-share-container .popuptext svg path {
    fill: var(--black);
}

.single-post .social-share-container .popuptext svg:hover path {
    fill: #aa8453;
}

/*******************************************************************************************************************/
/*				  													                                  CONTACT PAGE*/
/******************************************************************************************************************/

/****************************************************************************/
/*				  								                   SECTION 1*/
/****************************************************************************/

.contact-section1 h2 {
    font-size: 24px;
}

.contact-section1 .c-info>div:nth-child(1) {
    width: 10%;
    display: flex;
    align-items: center;
}

.contact-section1 .c-info svg {
    width: 35px;
    height: 35px;
}

.contact-section1 .c-info svg path {
    fill: var(--mustard)
}

.contact-section1 .c-info .intro-title {
    margin-bottom: 0px;
}

.contact-section1 .c-info h3 a {
    color: var(--mustard);
    text-decoration: none;
    font-size: 25px;
}

.contact-section1 .form-container label:not(.wpcf7-acceptance label) {
    font-size: 0px;
}

.contact-section1 .form-container .split {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
}

.contact-section1 .form-container .split>div {
    width: 48%;
}

.contact-section1 .form-container .split>div input {
    background-color: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
}

.contact-section1 .form-container .no-split textarea {
    background-color: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    height: 150px;
}

.contact-section1 .form-container span.wpcf7-form-control.wpcf7-acceptance a {
    color: var(--black);
    text-decoration: none;
}

.contact-section1 .form-container span.wpcf7-form-control.wpcf7-acceptance a:hover {
    color: var(--mustard);
    text-decoration: underline;
}

.contact-section1 .form-container input.wpcf7-form-control.has-spinner.wpcf7-submit {
    background-color: var(--mustard) !important;
}

/************************************************************/
/*				  		                          RESPONSIVE*/
/************************************************************/

@media(max-width: 480px) {
    .contact-section1 .form-container .split>div {
        width: 100%;
    }
}

/****************************************************************************/
/*				  								                   SECTION 2*/
/****************************************************************************/

.contact-section2 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.contact-section2 iframe {
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
}

/*******************************************************************************************************************/
/*				  													                                        FOOTER*/
/******************************************************************************************************************/

/****************************************************************************/
/*				  								                    COLUMNS*/
/****************************************************************************/

.site-footer {
    z-index: 12;
    position: relative;
}

.footer-widgets {
    padding-top: 50px;
    padding-bottom: 50px;
}

.foot-col1 h3,
.foot-col2 h3,
.foot-col3 h3 {
    color: var(--white);
    font-size: 24px;
}

.foot-col1 p,
.foot-col3 p {
    color: var(--darkgray);
    font-size: 15px;
}

.foot-col1 p {
    max-width: 75%;
}

.foot-col2 #menu-footer-menu li a,
.foot-col2 #menu-footer-menu-en li a {
    color: var(--darkgray);
    text-decoration: none;
    font-size: 15px;
}

.foot-col2 #menu-footer-menu li a:hover,
.foot-col2 #menu-footer-menu-en li a:hover {
    color: var(--mustard);
}

.foot-col3 .wp-block-social-links li {
    margin-bottom: 0px;
}

.foot-col3 .gb-grid-wrapper {
    gap: 10px;
}

.foot-col3 .gb-grid-wrapper>div {
    min-height: 40px;
    display: flex;
    align-items: center;
}

.foot-col3 .gb-grid-wrapper>div:nth-child(1) {
    width: 10%;
    justify-content: center;
    display: flex;
    align-items: center;
}

.foot-col3 .gb-grid-wrapper>div a {
    color: var(--white);
    text-decoration: none;
    font-size: 24px;
}

.foot-col3 .gb-grid-wrapper>div svg {
    width: 30px;
    height: 30px;
}

.foot-col3 .gb-grid-wrapper>div svg path {
    fill: var(--white);
}

.foot-col3 .mail a {
    color: var(--white);
    text-decoration: none;
    padding-top: 20px;
    display: block;
}

.foot-col3 .mail a:after {
    content: '';
    border-bottom: 1px solid var(--mustard);
    display: block;
    width: 120px;
    padding-top: 5px;
}

.foot-col3 .wp-block-social-links li svg {
    font-size: 18px;
}

/************************************************************/
/*				  		                          RESPONSIVE*/
/************************************************************/

@media(max-width: 1280px) {
    .foot-col3 .gb-grid-wrapper>div a {
        font-size: 23px;
    }
}

@media(max-width: 912px) {
    .foot-col3 .gb-grid-wrapper>div a {
        font-size: 20px;
    }
}

@media(max-width: 820px) {
    .foot-col3 .gb-grid-wrapper>div a {
        font-size: 15px;
    }
}

@media(max-width: 768px) {
    .foot-col3 .gb-grid-wrapper>div a {
        font-size: 25px;
    }
}

@media(max-width: 480px) {
    .foot-col3 .gb-grid-wrapper {
        flex-wrap: nowrap;
    }
}

/****************************************************************************/
/*				  								                   COPYRIGHT*/
/****************************************************************************/

.copyright-bar {
    color: var(--white);
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

.copyright-bar a {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media(max-width: 480px) {
    .copyright-bar {
        flex-direction: column;
    }
}