/*
Theme Name: Whitehorse Square
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

@import "pre-define.css";
@import "responsive.css";

@media only screen and (max-width: 48em) {

}

.container-width,
.full-width .ubermenu-nav,
.container,
.row
{
    max-width: 1280px!important;
}

#masthead ul.header-nav
{
    display: flex;
    justify-content: space-around;
}

#masthead ul.header-nav li,
.wpml-ls-current-language
{
    position: relative;
}

#masthead ul.header-nav li.current-menu-item:after,
.wpml-ls-current-language:after
{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(to right, #987C40, #B69555, #C29D70, #B69555, #987C40);
}

.wpml-ls-item
{
    margin: 0 10px!important;
}

.wpml-ls-item a
{
    padding: 5px 0;
}

.header-nav-main.nav-left
{
    max-width: 90%;
}

#masthead ul.header-nav li a
{
    font-size: 14px;
    font-family: sui-regular, sans-serif;
    color: #987C40;
    font-weight: 400;
}

#masthead ul.header-nav li.current-menu-item a{
    font-weight: 800;
}

#menu-item-50,
#menu-item-656
{
    background-color: #987C40;
    padding: 0px 25px;
}

#masthead #menu-item-50 a,
#masthead #menu-item-656 a
{
    color: #ffffff;
}

 #masthead ul.header-nav li.current-menu-item.menu-item-50:after,
 #masthead ul.header-nav li.current-menu-item.menu-item-656:after
 {
    display: none;
 }

 #top-bar
 {
     height: 10px;
     min-height: 10px;
     background: linear-gradient(to right, #987C40, #FFF4DD, #B69555, #EBC699, #B69555, #FFF6E3, #987C40);
 }

.stuck .header-main .nav > li > a
{
    line-height: normal!important;
}


/*home*/

.home-section-1 .text-content
{
    max-width: 677px;
    margin: 0 auto;
    letter-spacing: 0.4px;
}

.home-section-1 .row-1
{
    position: relative;
    top: -100px;
}

.home-section-1 .row-1 p
{
    padding: 0 15px;
}

.home-section-1.lease-section .row-1 p
{
    padding: 0;
}

.home-section-1.lease-section .row-1
{
    position: relative;
    top: 0;
}

.home-section-2 .section-content
{
    margin-top: -250px;
}

.home-section-2 .subtitle
{
    padding-left: 35px;
    position: relative;
    font-size: 18px;
    letter-spacing: 0.5px;
    line-height: 22px;
    font-family: sui-regular, sans-serif;
    font-weight: 600;
}

.home-section-2 .subtitle:before
{
    content: url("/wp-content/uploads/2022/02/i1.svg");
    height: 24px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.home-section-2 .font-14
{
    letter-spacing: 0.5px;
    line-height: 22px;
    padding-right: 15px;
}

.place-links
{
    display: flex;
}

.place-links > div
{
    display: flex;
    align-items: center;

}

.place-links .divider
{
    width: 2px;
    background-color: white;
    margin: 0 10px;
}

.place-links img
{
    margin-right: 10px;
}

.place-links a
{
    color: white;
    font-family: sui-bold, sans-serif;
    font-size: 14px;
}

.home-section-3 .color-primary,
.home-section-3 .text > div
{
    color: #987C40!important;
}



.section-3-button > a
{
    font-size: 18px;
    color: #987C40;
    font-family: sui-regular, sans-serif;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
}

.section-3-button > a img
{
    padding-right: 10px;
    position: relative;
    top: -1px;
}

.section-3-button > a:hover
{
    color: #987C40;
}
.section-3-button.button-style-1:after
{
   bottom: -5px;
}

.image-container
{
    position: relative;
}

.image-container img
{
    position: absolute;
    top: -70px;
    right: -100%;
    transform: translateX(-50%);
}

.float-textbox
{
    width: 430px!important;
}

.home-section-4 .hover-remove-image .container:hover img,
.home-section-4 .hover-remove-image .container:hover .like-logo
{
    opacity: 0;
    transition: opacity 0.5s ease;
}

.like-logo
{
    font-size: 30px;
    font-family: sui-bold, sans-serif;
    font-weight: 600;
    letter-spacing: 1px;
}


/*footer*/

.link-container a
{
    font-size: 14px;
    color: #987C40;
    font-weight: 400;
    font-family: sui-regular, sans-serif;
}

.link-container a:hover
{
    color: #987C40;
}

.copyright-footer
{
    color: #987C40;
    font-size: 14px;
    font-family: sui-regular, sans-serif;
    font-weight: 400;
}

.absolute-footer
{
    padding-bottom: 10px;
    position: relative;
}

.absolute-footer:before
{
    content: '';
    display: block;
    height: 10px;
    width: 100%;
    position: absolute;
    left: 0;
    top: -10px;
    background: linear-gradient(to right, #987C40, #B69555, #EBC699, #B69555, #987C40);
}


/*breadcrumb*/

#bcn_widget-2 > div.breadcrumbs
{
    color: #987C40;
}

#bcn_widget-2 > div.breadcrumbs span
{
    color: #987C40;
    font-size: 14px;
    font-family: sui-regular, sans-serif;
    font-weight: 400;
}


#bcn_widget-2 > div.breadcrumbs span .current-item
{
    font-weight: 600;
}

#bcn_widget-2 > div.breadcrumbs > span
{
    padding: 5px;
}


/*centre info*/

.align-icon
{
    display: flex;
    align-items: center;
}

.align-icon img
{
    padding-right: 15px;
}



/*contact form*/

.gform_required_legend
{
    display: none;
}

.contact-form-col > div
{
    padding: 40px 40px 0 40px;
}

.contact-form-col > div input:not([type='checkbox']),
.contact-form-col > div select,
.contact-form-col > div textarea
{
    box-shadow: none!important;
    font-family: sui-regular, sans-serif;
    color: #987C40;
    font-size: 18px!important;
    border: none;
    background-color: transparent;
    border-bottom: solid 2px #987C40;
}

.contact-form-col > div input:not([type='checkbox'])::placeholder,
.contact-form-col > div input:focus,
.contact-form-col > div textarea::placeholder
{
    color: #987C40;
    background-color: transparent;
}

#field_1_1,
#field_1_3,
#field_1_4,
#field_1_5,
#field_1_6
{
    padding: 0 10px;
    margin-bottom: 30px;
}

#field_1_6
{
    margin-bottom: 10px;
}

.gfield_consent_label
{
    color: #987C40;
    font-size: 14px;
    font-family: sui-regular, sans-serif;
    font-weight: 400;
}

#input_1_7_1
{
    display: none;
}

#field_1_7
{
    padding: 0 10px;
}

#field_1_7 label
{
    padding-left: 30px;
    position: relative;
}

#field_1_7 label:before
{
    content: '';
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    border: solid 1px #987C40;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}

#field_1_7 label:after
{
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    background-color: rgb(247, 244, 242);
    position: absolute;
    left: 6px;
    top: 50%;
    transform: translateY(-50%);
}

#field_1_7 input:checked + label:before
{
    background-color: #987C40;
}

#gform_1 .gform_footer
{
    text-align: right;
    padding-top: 80px;
}

#gform_submit_button_1
{
    padding: 0 5px;
    margin: 0;
    text-transform: capitalize;
    font-size: 18px;
}

img.gform_ajax_spinner {
    display: none !important;
}

#gform_1_validation_container
{
    display: none;
}

#gform_1 .validation_message
{
    font-family: sui-regular, sans-serif;
    padding: 0;
    border: none;
    background-color: transparent;
    font-size: 14px;
    position: absolute;
}

#gform_wrapper_1 .gfield_error [aria-invalid=true]
{
    border-color: #987C40;
}

#gform_wrapper_1 .validation_message
{
    color: #987C40;
}

#gform_wrapper_1 #validation_message_1_6
{
    position: relative;
}

.mapster-wp-maps button
{
    margin: 0;
}

.what-is-on-container .jy-load-more,
.jy-load-more
{
    display: flex;
    flex-wrap: wrap;
}

.what-is-on-container .jy-load-more > div
{
    width: 31%;
    margin: 1%;
    min-height: 410px;
    background-size: cover;
    display: flex;
    align-items: flex-end;
    position: relative;
}

.what-is-on-container .jy-load-more > div.development
{
    min-height: auto;
    flex-wrap: wrap;
    align-content: flex-start;
}


.what-is-on-container .jy-load-more > div.development .text-content
{
    width: 100%;
    padding: 0 0 0 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-left: solid 2px #987C40;
}

.what-is-on-container .jy-load-more > div.development img
{
    min-height: 210px;
}

.what-is-on-container .jy-load-more > div:hover .content:before
{
    background: rgba(152, 124, 64, 0.8);
}

.what-is-on-container .jy-load-more > div .content
{
    width: 100%;
    padding: 40px;
    z-index: 0;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    transition: all 0.5s ease;
}

.what-is-on-container .jy-load-more > div:hover .content
{
    height: 100%;
}

.what-is-on-container .jy-load-more > div:hover .content a.link
{
    display: block;
}

.what-is-on-container .jy-load-more > div .content p,
.what-is-on-container .jy-load-more > div.development .text-content p
{
    margin: 0;
    color: white;
    font-size: 18px;
    font-family: sui-regular, sans-serif;
    font-weight: 400;
}

.what-is-on-container .jy-load-more > div .content h3,
.what-is-on-container .jy-load-more > div .content h3 a,
.what-is-on-container .jy-load-more > div.development .text-content h3
{
    font-size: 32px;
    color: #fff;
    font-family: sui-regular, sans-serif;
    font-weight: 400;
    line-height: 1em;
}

.what-is-on-container .jy-load-more > div.development .text-content p,
.what-is-on-container .jy-load-more > div.development .text-content h3
{
    color: #987C40;
    font-size: 28px;
}

.what-is-on-container .jy-load-more > div .content a.link
{
    text-align: right;
    color: white;
    font-size: 18px;
    font-family: sui-regular, sans-serif;
    font-weight: 400;
    display: none;
    position: absolute;
    right: 40px;
    bottom: 40px;
}

.what-is-on-container .jy-load-more > div .content:before
{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,0), #987C40);
    z-index: -1;
    transition: all 0.5s ease;
}


html .alm-btn-wrap .alm-load-more-btn
{
    background-color: transparent!important;
    font-size: 18px!important;
    font-family: sui-regular, sans-serif;
    font-weight: 600!important;
    color: #987C40!important;
    box-shadow: none!important;
    text-transform: none;
    position: relative;
    padding: 0;
    margin: 50px 0;
}

html .alm-btn-wrap .alm-load-more-btn:after
{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 100%;
    height: 2px;
    background: linear-gradient(to right, #987C40, #B69555, #C29D70, #B69555, #987C40);
}

.blog-single .entry-header-text
{
    display: none;
}

/* single post*/

.blog-title-container div.time
{
    color: #987C40;
    font-size: 18px;
    font-family: sui-regular, sans-serif;
    font-weight: 400;
}

.blog-title-container h3.title
{
    font-size: 32px;
    color: #987C40;
    font-family: sui-regular, sans-serif;
    font-weight: 400;
}

.blog-single .section
{
    padding: 0;
}

.blog-single .entry-content p
{
    color: #987C40;
    font-size: 14px;
    font-family: sui-regular, sans-serif;
    font-weight: 400;
    letter-spacing: 0.5px;
    line-height: 22px;
    margin-bottom: 0.2em;
}

.blog-single .entry-content section,
.blog-single .entry-content strong
.blog-single .entry-content h1,
.blog-single .entry-content h2,
.blog-single .entry-content h3,
.blog-single .entry-content h4,
.blog-single .entry-content h5,
.blog-single .entry-content h6
{
    color: #987C40;
    font-family: sui-regular, sans-serif;
}

.blog-single > .row,
.blog-single > section .breadcrumbs,
.relate-post-title
{
    padding: 0 0.8%;
}

.relate-post-title
{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 15px;
}

.relate-post-title > div.right
{
    margin-left: auto;
    position: relative;
    left: -15px;
    display: flex;
    align-items: center;
}

.relate-post-title > div.right a
{
    color: #987C40;
}

.relate-post-title .left
{
    font-size: 42px;
    color: #987C40;
    font-family: sui-regular, sans-serif;
    font-weight: 400;
}

.related-post
{
    padding: 50px 0;
}


/*lease*/


.home-section-1.lease-section .text-content
{
    max-width: 870px;
    margin: 0 auto;
}

/*career*/

.single-career
{
    color: #987C40;
}

.single-career .blog-wrapper>.row-collapse
{
    padding-bottom: 50px;
}

.single-career h3
{
    color: #987C40;
    font-size: 24px;
    letter-spacing: 0.7px;
    font-family: sui-regular, sans-serif;
    font-weight: 400;
    margin-top: 20px;
}

.single-career b,
.single-career strong
{
    font-weight: 400;
}

.single-career li
{
    margin-bottom: 0;
}

.single-career li,
.single-career li p,
.single-career li span
{
    margin-bottom: 0;
    font-size: 14px;
    letter-spacing: 0.5px;
    font-family: sui-regular, sans-serif;
    font-weight: 400;
}


/*contact form*/

.contact-form-lightbox
{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.9);
    z-index: 999;
}

.contact-form-lightbox .box
{
    max-width: 550px;
    min-height: 360px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    /*background-image: url("/wp-content/uploads/2022/03/contact-bg-with-border.png");*/
    background-size: cover;
    background-position: 50% 50%;
}

.contact-form-lightbox .box img
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    pointer-events: none
}

.contact-form-lightbox .box .text-content
{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    text-align: center;
}

.contact-form-lightbox .box .text-content h3
{
    font-size: 42px;
    color: #987C40;
    font-family: sui-regular, sans-serif;
    font-weight: 400;
    margin-bottom: 15px;
}

.contact-form-lightbox .box .text-content .message
{
    font-size: 14px;
    color: #987C40;
    font-family: sui-regular, sans-serif;
    letter-spacing: 0.4px;
    line-height: 22px;
    margin-bottom: 30px;
}

.contact-form-lightbox .box .text-content a:hover
{
    color: #987C40;
}

.mobile-sidebar .wpml-ls-item:after
{
    display: none;
}

.mobile-sidebar  .html_topbar_right
{
    padding: 0!important;
}

.mobile-sidebar  .html_topbar_right > div
{
    width: 100%;
}

.mobile-sidebar .wpml-ls-item
{
    text-align: center;
    margin: 0 0 20px 0!important;
}

.mobile-sidebar a
{
    font-size: 24px!important;
    color: rgba(255,255,255,.8)!important;
    font-family: sui-regular, sans-serif!important;
    font-weight: 400!important;
}

/*video*/

.video-section video
{
    width: 100%;
}

.video-container
{
    position: relative;
}

.video-container .control-group
{
    position: absolute;
    bottom: 20px;
    text-align: center;
    font-size: 18px;
    color: #987C40;
    font-family: sui-regular, sans-serif;
    font-weight: 400;
    width: 100%;
}

.video-container .control-group span
{
    padding: 10px;
}

/*home sub section*/

.home-subsection p,
.home-subsection div,
.home-subsection li,
.home-subsection strong,
.home-subsection h1,
.home-subsection h2,
.home-subsection h3,
.home-subsection h4,
.home-subsection h5,
.home-subsection h6
{
    font-family: sui-regular, sans-serif;
    color: #987C40;
}

.home-subsection p
{
    font-size: 14px;
}

.home-subsection .col-left .col-inner
{
    padding: 0 15px;
}

.flickity-page-dots .dot
{
    border-color: #987C40!important;
}

.flickity-page-dots .dot.is-selected
{
    background-color: transparent;
}

.direction-container .button-style-1
{
    background-color: #987C40;
    padding: 10px 25px;
    color: #fff;
    font-size: 15px;
}

.direction-container .button-style-1:after
{
    display: none;
}

.underline
{
    text-decoration: underline;
}

.contact-us-container
{
    margin-bottom: 30px;
}

.contact-us-container a,
.contact-us-container a:hover
{
    display: inline-block;
    padding: 10px 25px;
    background-color: #987C40;
    color: #fff!important;
    font-size: 15px;
    font-family: sui-regular, sans-serif;
}

ul li
{
    font-family: sui-regular, sans-serif;
    color: #987C40;
    font-size: 14px;
}