/* RAFA */

@import url("/wp-content/uploads/fonts/gtsuper/gtsuper-font.css");
@import url("/wp-content/uploads/fonts/founders-grotesk/stylesheet.css");

body, a, #top #logo {
    font-family: "Founders Grotesk", sans-serif;
    font-weight: normal;
    letter-spacing: normal 
}

h1 {
    font-family: "GTSuper", sans-serif;
    font-size: 60px;
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
}

h2 {
    font-family: "Founders Grotesk", sans-serif;
    font-size: 38px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    text-transform: uppercase;
}

.homes h2 {
    font-family: "GTSuper", sans-serif;
    font-size: 45px;
    font-style: normal;
    font-weight: normal;
    line-height: 120%; 
    text-transform: uppercase;
}

body h3, h3 {
    font-family: "Founders Grotesk Medium", sans-serif;
    font-weight: normal;
    font-size: 18px;
    line-height: 40px; /* 222.222% */
    letter-spacing: 0;
    text-transform: uppercase;
    margin: 0;
    color: rgb(52, 52, 52) 
}

h4 {
    font-family: "Founders Grotesk", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px; /* 181.818% */
    text-transform: uppercase;
}

p {
    font-family: "Founders Grotesk", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: normal;
    line-height: 130%;
}

.small-text p {
    font-family: "Founders Grotesk", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 214.286% */
}

#header-outer.small-nav {
    border-bottom: .5px solid #bbb
}

#header-outer nav ul {
    display: flex ;
    justify-content: space-between;
    gap: 5em
}

#header-outer nav ul li a span {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.6px;
    text-transform: uppercase;
}

.divider-border {
    height: .5px;
    background-color: #e6e6e6
}

.row .col h3, .row .col h4 {
    margin: 0;
}

.nectar-button[data-color-override="false"].regular-button {
    background-color: transparent !important;
    box-shadow: none;
    color: #000
}

#oak-button {
    font-family: "Founders Grotesk", sans-serif;
    font-weight: normal;
    padding: 0;
    font-size: 22px;
    text-transform: uppercase;
    border: 1px solid  #000;
    padding: .7em 2.5em;
    border-radius: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration:0.3s
}

#oak-button:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #78B260;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function:ease-out
}

#oak-button:hover:before, #oak-button:focus:before, #oak-button.StudioButton:active:before {
    -webkit-transform: scaleX(1);
    transform:scaleX(1);
}

#oak-button.small {
    color: #78B260;
    letter-spacing: .03em;
    background-image: url(/wp-content/uploads/srrow-up-green.svg);
    background-color: #78B260;
    background-repeat: no-repeat ;
    background-position: right;
    border: none ;
    padding: 0;
    padding-right: 1em; 
}

/* OUR HOMES */
#our-homes .heading h2 {
    font-family: "Founders Grotesk", sans-serif;
    font-size: 38px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px; /* 105.263% */
    text-transform: uppercase;
}

#our-homes .heading p {
    width: 38%;
}

#our-homes h4 {
    display: table;
    padding-right: 2em;
    background: url(/wp-content/uploads/arrow-up.svg) no-repeat right;
}

#our-homes .hover-wrap {
    margin-bottom: 0;
}

#our-homes .row .img-with-aniamtion-wrap {
    margin-bottom: 1em
}

#our-homes .nectar-hor-list-item:hover * {
    color: #000
}

#our-homes .nectar-hor-list-item:before {
    display: none 
}

#our-homes .nectar-hor-list-item {
    padding: 0;
    margin-top: 1em;
    display: flex;
    justify-content: space-between;
    gap: 2em;
    width: 40%;
    border: none 
}

#hero #our-homes .nectar-hor-list-item {
    margin-top: -1.5em;
    margin-bottom: 2em
}

#our-homes .nectar-list-item {
    padding: 0;
    padding-left: 2em;
    line-height: 150%;
    width: auto;
}

#our-homes .nectar-list-item:first-child {
    background: url(/wp-content/uploads//icon-people.svg) no-repeat 0;
}

#our-homes .nectar-list-item:nth-child(2) {
    background: url(/wp-content/uploads//icon-bed.svg) no-repeat 0;
}

#our-homes .nectar-list-item:nth-child(3) {
    background: url(/wp-content/uploads//icon-shower.svg) no-repeat 0;
}

/* HOMES */

#hero.homes h3 {
    margin-bottom: -.5em
}

#hero.homes h2 {
    margin-bottom: .5em;
    color: #78B260
}

#hero.homes p {
    margin-bottom: 2em
}

#hero .back {
    position: absolute ;
    top: 0; 
    background: url(/wp-content/uploads/back-button.svg) no-repeat 0 0;
    background-size: 100%;
}

#hero .back:hover {
    opacity: .5
}

#hero .back a {
    width: 60px;
    height: 60px;
}

#hero .back span {
    font-size: 0
}

/* SLIDERS */
#room-row .container {
    max-width: 1425px;
    width: 100%;
    margin: 0 auto;
    padding: 0 90px;
}

#slider-homes .column-copy {
    column-count: 3;
    column-gap: 3em;
    max-width: 1420px;
    width: 100%;
    padding: 4em 90px;
}

#slider-homes .column-copy p {
    font-size: 16px;
    text-align: left;
}

#slider-homes .column-copy strong {
    font-family: "Founders Grotesk Medium", sans-serif;
    font-weight: normal ;
    text-transform: uppercase ;
    font-size: 16px
}

body .container .container:not(.tab-container):not(.recent-post-container):not(.normal-container) {
    max-width: 1425px;
    width: 100% !important;
    margin: 0 auto;
    padding: 0 90px !important;
}

#hero .wpb_gallery_slides .flex-direction-nav {
    top: 50%;
    right: 3em
}

#hero .wpb_gallery_slides .flex-direction-nav .flex-nav-prev {
    display: none 
}

#hero .wpb_gallery_slides .flex-direction-nav .flex-nav-next a {
    background: url(/wp-content/uploads/arrow-slides.svg) no-repeat 0;
    background-size: 100%;
    width: 60px;
    height: 60px;
}

#hero .wpb_gallery_slides .flex-direction-nav .flex-nav-next i {
    display: none 
}

/* CONTACT */
#contact form {
    display: flex;
    justify-content: space-between; width: 100%; 
    margin-top: 3rem
}

#contact p {
    background: url(/wp-content/uploads/2021/02/icon_location.svg) no-repeat;
    padding-top:5%
}

#contact form p {
    background: none;
    padding: 0;
    margin:0
}

#contact form br {
    display:none
}

#contact form input, #contact form textarea {
    border-radius: 0;
    background: transparent;
    border: 1px solid rgba(69, 64, 64, .2) !important;
    margin-bottom: .7rem;
    font-size: 16px;
    height: 3.5rem;
    outline: none !important;
    box-shadow: none;
    -webkit-appearance:none
}

#contact form textarea {
    height:10rem
}

#contact form input:focus, #contato form textarea:focus {
    border-color: #454040
}

#contact form input[type="submit"] {
    color: #000;
    border-radius: 0 !important;
    font-family: inherit;
    font-weight: normal;
    border: none; 
    box-shadow: none;
    margin: 0 auto !important;
    padding: 0 5rem !important
}

#contact .housesButton {
    padding: 0;
}

.wpcf7-spinner {
    display: none;
}

#contact .policy-radio, #contact .policy-radio div {
    display: flex;
    justify-content: space-between;
    margin-bottom: .5rem
}

#contact .policy-radio p {
    display: flex 
}

#contact span.wpcf7-list-item {
    margin:0 auto
}

#contact .kc_captcha {
    margin-bottom: 1rem
}

#contact .policy-radio a {
    color: #454040;
    margin-left:.3rem;
    text-decoration: underline 
}

#contact input[type=checkbox] {
    position: relative;
    cursor: pointer;
    margin: 0;
    margin-right: 15px;
    visibility: hidden;
    height:.7rem;
    padding-left: .5rem
}

#contact input[type=checkbox]:before {
    content: "";
    visibility: visible;
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    top: -6px;
    left: 0;
    border: 1px solid #D7CFCB;
    background-color:#D7CFCB
}

#contact input[type=checkbox]:checked:after {
    content: "";
    display: block;
    visibility: visible;
    width: 5px;
    height: 10px;
    border: solid #000;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: -3px;
    left:7px
}

#booking-form {
    gap: 5em
}

#booking-form .wpbc_structure_calendar {
    margin: 0
}

#booking-form .wpbc_structure_form p {
    margin: 0;
    padding: 0;
    font-size: 12px;
    color: rgb(85, 85, 85);
}

#booking-form input,
#booking-form textarea {
    width: 100%;
    height: unset;
    border-radius: 0;
    background: transparent;
    margin-bottom: .7rem;
    font-size: 16px;
    padding: 1em;
    display: block;
    outline: none !important;
    box-shadow: none;
    -webkit-appearance: none;
    box-sizing: border-box;
    min-height: 3.5em; 
}

#booking-form textarea {
    height: 5em
}

#booking-form input.btn {
    background: #000;
    color: #fff;
}

#gateway_payment_forms1 .stripe_v3_div a {
    background: #000;
    color: #fff;
    padding: 1em 3em;
    font-size: 18px;
}

#gateway_payment_forms1 .stripe_v3_div strong {
    font-size: 22px;
}

#gateway_payment_forms1 .stripe_v3_div a:hover {
    opacity: .8
}

#gateway_payment_forms1 .paypal_div strong {
    display: none;
}

/* BOOKING */
#booking .booking {
    padding-top: 3%;
}

#booking select {
    font-family: "Founders Grotesk", sans-serif;
}

#booking .wpbs-main-wrapper {
    display: flex;
    flex-wrap: nowrap; 
}


#booking .wpbs-main-wrapper .wpbs-form-container {
    padding: 0 !important 
}

#booking .wpbs-form-field-label label {
    font-weight: normal  !important
}

#booking label sup {
    font-size: 1em
}

#booking form {
    width: 100%;
    max-width: 600px !important
}

#booking .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field input[type=text],
#booking .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field input[type=email],
#booking .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field textarea {
    border: 1px solid #BBB2AE !important;
    border-radius: 4px !important;
    padding: 1.8rem 1.5rem !important;
    background: transparent !important
}


#booking .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field input[type=text]:focus,
#booking .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field input[type=email]:focus,
#booking .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field textarea:focus,
#booking .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field input[type=text]:active,
#booking .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field input[type=email]:active,
#booking .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field textarea:active{
    border: 1px solid #000 !important;
}

#booking .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field {
    padding-bottom: .5rem !important
}

#booking h3,
#booking .wpbs-form-field-html {
    margin: 0;
}

#booking .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field button[type=submit] {
    width: 50% !important;
    background: transparent !important;
    border: 1px solid #000 !important;
    color: #000 !important;
    font-weight: normal !important;
    box-shadow: none !important;
    padding: 1rem 3rem !important
}

#booking .wpbs-calendars-wrapper.wpbs-legend-position-side .wpbs-legend {
    position: static;
    order: 2
}

#booking .wpbs-container .wpbs-calendars .wpbs-calendar table thead tr th {
    font-weight: normal;
}

#booking .wpbs-container .wpbs-calendars .wpbs-calendar {
    background: transparent;
    border: none 
}

#booking .wpbs-container .wpbs-legend-item-icon-1 div:first-of-type,
#booking .wpbs-container.wpbs-calendar-1 .wpbs-legend-item-icon-1 div:first-of-type {
    background-color: rgb(235, 235, 235) !important
}

#booking .wpbs-container .wpbs-is-bookable .wpbs-legend-item-icon-1 div:first-of-type,
#booking .wpbs-container .wpbs-legend-item .wpbs-legend-item-icon-1 div:first-of-type
#booking .wpbs-container.wpbs-calendar-1 .wpbs-is-bookable .wpbs-legend-item-icon-1 div:first-of-type,
#booking .wpbs-container.wpbs-calendar-1 .wpbs-legend-item .wpbs-legend-item-icon-1 div:first-of-type {
    background-color: rgba(226, 208, 177, 1) !important
}

#booking .wpbs-container .wpbs-legend-item-icon-2 div:first-of-type,
#booking .wpbs-container.wpbs-calendar-1 .wpbs-legend-item-icon-2 div:first-of-type {
    background-color: rgba(181, 181, 181, 1) !important;
}

#booking .wpbs-main-wrapper:not(.wpbs-main-wrapper-form-0) .wpbs-date-hover:not(.wpbs-selected-first):not(.wpbs-selected-last) .wpbs-legend-item-icon div:first-of-type,
#booking .wpbs-main-wrapper:not(.wpbs-main-wrapper-form-0) .wpbs-enable-hover .wpbs-is-bookable:hover:not(.wpbs-selected-first):not(.wpbs-selected-last) .wpbs-legend-item-icon div:first-of-type {
    background-color: rgba(219, 181, 121, 1) !important;
}

#booking .wpbs-main-wrapper:not(.wpbs-main-wrapper-form-0) .wpbs-date-selected:not(.wpbs-selected-first):not(.wpbs-selected-last) .wpbs-legend-item-icon div:first-of-type {
    background-color: #78B260 !important;
}

/* colours */

#booking .wpbs-container .wpbs-calendars .wpbs-calendar .wpbs-calendar-header {
    background-color: transparent 
}

#booking .wpbs-container .wpbs-legend-item-icon-5 div:first-of-type {
    background-color: #EBEBEB !important 
}

#booking .wpbs-container .wpbs-legend-item .wpbs-legend-item-icon-5 div:first-of-type {
    background-color: #E2D0B1 !important 
}

#booking .wpbs-container .wpbs-legend-item-icon-6 div:first-of-type {
    background-color: #B5B5B5 !important
}

#booking .wpbs-main-wrapper:not(.wpbs-main-wrapper-form-0) .wpbs-enable-hover .wpbs-is-bookable:hover:not(.wpbs-selected-first):not(.wpbs-selected-last) .wpbs-legend-item-icon div:first-of-type {
    background-color: #A4CF92 !important
}

#booking .wpbs-container.wpbs-calendar-2 .wpbs-is-bookable .wpbs-legend-item-icon-5 div:first-of-type {
    background-color: #E2D0B1 !important 
}

#booking .wpbs-main-wrapper:not(.wpbs-main-wrapper-form-0) .wpbs-date-hover:not(.wpbs-selected-first):not(.wpbs-selected-last) .wpbs-legend-item-icon div:first-of-type {
    background-color: #78B260 !important 
}

#booking .wpbs-container .wpbs-calendars .wpbs-calendar table tr td .wpbs-date-inner .wpbs-date-number {
    opacity: .4
}

#booking .wpbs-container .wpbs-calendars .wpbs-calendar table tr td .wpbs-is-bookable .wpbs-date-inner .wpbs-date-number {
    opacity: 1
}

#booking .wpbs-container .wpbs-calendars .wpbs-calendar table tr td .wpbs-legend-item-6 .wpbs-date-inner .wpbs-date-number {
    opacity: 1
}

#booking .wpbs-container.wpbs-visible .wpbs-date-selected .wpbs-legend-item-icon-5 div:first-of-type {
    background-color: #DBB578 !important 
}

.wpb_wrapper .wpbs-container.wpbs-visible .wpbs-legend-item-icon-9 div:first-of-type {
    background-color: #eeeeee !important
}

#booking .wpb_wrapper .wpbs-container.wpbs-visible .wpbs-legend .wpbs-legend-item-icon-9 div:first-of-type,
#booking .wpbs-container.wpbs-visible .wpbs-date.wpbs-is-bookable div:first-of-type {
    background-color: #C3DEB8 !important
}

#booking .wpbs-container .wpbs-legend .wpbs-legend-item-icon-13 div:first-of-type {
    background-color: #A4CF92 !important
}

#booking .wpbs-total-price {
    border: 2px solid #C3DEB8 !important;
    border-radius: 5px;
    overflow: hidden ;
    margin-bottom: 2em
}

body:not(.woocommerce-cart) .main-content table,
body:not(.woocommerce-cart) .main-content table tr:nth-child(2n+1) {
    background-color: transparent 
}

.wpbs-main-wrapper table.wpbs-pricing-table tr.wpbs-line-item-subtotal td, .wpbs-main-wrapper table.wpbs-pricing-table tr.wpbs-line-item-total td,
.wpbs-main-wrapper table.wpbs-pricing-table thead th {
    background-color: #ededed !important;
}

#booking table.wpbs-pricing-table .wpbs-pricing-table-extra td:first-child:before {
    content: 'Extra guests - '
}

#booking table.wpbs-pricing-table .wpbs-pricing-table-extra-yes td:first-child:before {
    content: 'Pets - '
}

#booking .wpbs-container .wpbs-legend-item-icon-13 div:first-of-type {
    background-color: rgb(218, 218, 218) !important
}

#booking .wpbs-container .wpbs-legend-item-icon-13.wpbs-is-bookable div:first-of-type {
    background-color: #A4CF92 !important
}

#booking .wpbs-form-fields {
   
}

body #footer-outer #copyright p {
    display: flex ;
    justify-content: space-between;
}

body #footer-outer #copyright p a {
    font-size: 14px
}

body #footer-outer .col.span_5 {
    width: 100%;
}

/* MOBILE */
@media only screen and (max-width: 668px) {
    h1 {
        font-size: 42px
    }
    
    body h2, h2,
    .homes h2,
    #our-homes .heading h2 {
        font-size: 32px
    }
    
    body h3, h3 {
        font-size: 13px
    }
    
    h4 {
        font-size: 18px
    }
    
    p {
        font-size: 16px;
    }
    
    #hero {
        margin-bottom: 0
    }
    
    #our-homes {
        margin-top: 1em
    }
    
    #our-homes .heading p {
        width: 100%;
    }
    
    #our-homes .row .img-with-aniamtion-wrap {
        margin-bottom: 0;
    }
    
    #hero .back,
    #hero .back p {
        position: static;
        background-size: 40px;
        margin-bottom: 0
    }
    
    #hero .back a {
        height: 40px;
    }
    
    #slider-homes .wpb_wrapper {
        width: 90%;
        margin: 0 auto ;
    }
    
    #room-row .container {
        width: 100%;
        padding: 0 2.5em;
    }
    
    #contact form {
        flex-wrap: wrap 
    }
    
    #contact form .col {
        margin-bottom: 0;
    }
    
    #booking .wpbs-main-wrapper {
        flex-wrap: wrap; 
    }
}