/*
Theme Name: Geneva - Responsive Real Estate Wordpress Theme from Agent Image
Description: Geneva is a modern and responsive real estate Wordpress theme. Customize your branding, add widgets and integrate IDX search.
Author: AgentImage
Author URI: http://www.agentimage.com
Version: 1.0.0
Tags: one-column, two-columns, right-sidebar, custom-menu, full-width-template, sticky-post
License: Proprietary
License URI: http://www.agentimage.com
Template: aios-starter-theme
*/

/*

TABLE OF CONTENTS

1. Custom CSS
2. IP styles
3. MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css
  
*/


/*******************************************************
 *
 * 1. Custom CSS
 *
 *******************************************************/

:root {
    --body-font: 'Open Sans', sans-serif;
    --secondary-font: 'Bree Serif', serif;
    --primary-color: #0d5fc4;
    --secondary-color: #ffffff;
    --accent-color: #646464;
    --background-color: #ffffff;
}

/* Global */

body {
    font-family: var(--body-font);
    font-size: 13px;
    font-weight: 300;
    background: #ffffff;
    color: var(--accent-color);
    margin: 0;

    /* Remove the comment from line 85 to 86 if the font issue in safari occurs */
    /* -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; */
}

body.home {
    background: #f5f5f5;
}

/********CSS Post Launch********/
img{
    max-width: 100%;
    height: auto;
}
a,
a:hover,
a:focus,
input,
input:hover,
input:focus,
textarea,
textarea:focus,
textarea:hover,
select:hover,
select:focus,
select,
button,
button:focus,
button:hover,
.btn-group.bootstrap-select.show-tick.qs-select,
.bootstrap-select .dropdown-toggle,
.bootstrap-select .dropdown-toggle:focus{
    outline: 0px !important;
}
#content .ihf-search .ihf-select-options ul,
#content .ihf-search .ihf-select-options,
#content .ihf-search .ihf-pagination,
#content #ihf-main-container .nav-tabs,
#content #ihf-main-container .chosen-results{
    margin: 0 0 0;
    padding: 0 0 0;
    list-style: none;
}
#content #ihf-main-container #ihf-search-adv2-submit{
    margin: 20px 0 0;
}
#content #ihf-main-container .ihf-grid-result-address{
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
#content #ihf-main-container .ihf-listing-search-results .btn{
    padding: 6px 6px;
}
#content div.wpcf7-response-output,
div.wpcf7-response-output{
    text-align: center;
}

#ihf-main-container #ihf-mortgage-calculator-modal .mc-total-payment-subline,
#content #ihf-main-container .mc-total-payment-subline{
    color:#333;
}

#ihf-main-container .pagination>li>a,
#ihf-main-container .pagination>li>span{
    padding: 6px 9px;
}
#ihf-main-container #ihf-schedule-showing-request-form .form-control{
    padding: 6px 7px;
}
#content #ihf-main-container #ihf-search-location-tab{
    margin: 8px 5px 0 0;
}
#ihf-main-container #ihf-advsearch-features label{
    font-size: .8em;
}
html.name-Microsoft_Edge .ai-default-cf7wrap input[type="submit"],
html.name-Microsoft_Edge .ai-default-cf7wrap input.wpcf7-submit{
    margin: 6px 0 0;
}
#ws-walkscore-tile{
    background:#fff !important;
}
#hero .quick-search form select[name="propertyType"]{
    margin-left: 2%;
}
#content ul.ihf-navbar-nav{
    list-style: none;
    margin: 0 0 0;
}
#content .ihf-eureka .ihf-navbar{
    padding: 4px 14px;
}
#content #ihf-main-container .ihf-listing-open-home-text-grid,
#content #ihf-main-container .ihf-map-info-window-content{
    color:#777;
}
#content #ihf-main-container label{
    color:inherit;
}
#content #ihf-main-container .ihf-polygon-reset{
    color:#000;
}
#ihf-main-container .modal-body {
    color: #000;
}
body.page-id-0 > img,
body.page-id-0 > iframe{
    display: none !important;
}
#content #ihf-main-container #ihf-market-report-nav-container.row,
#content #ihf-main-container #ihf-market-report-nav-container.row .row,
#content #ihf-main-container .row #areaPickerContainer.row,
#content #ihf-main-container .row #ihf-search-location-tab .row,
#content #ihf-main-container .row #ihf-refine-map-search-form .row,
#content #ihf-main-container .row .ihf-grid-result-container .row,
#content #ihf-main-container .row #ihf-search-location-tab.row{
    margin-left: -15px;
    margin-right: -15px;
}
#content #ihf-main-container .row .row{
    margin-left: 0;
    margin-right: 0;
}
#ihf-main-container  .ihf-social-share .dropdown-menu > li > a{
    color:#000 !important;
}
#ihf-main-container  .ihf-social-share .dropdown-menu > li > a:hover{
    color:#fff !important;
}
#ihf-main-container #ihf-refine-map-search-form label{
    color:#fff !important;
}
#ihf-main-container #ihf-refine-map-search-form .checkbox {
    padding-left: 0px;
    margin-left: -15px;
}
#ihf-main-container ul.chosen-results {
    margin-left: 0 !important;
}
#content .ihf-eureka ul.ihf-dropdown-menu{
    margin: 0 0 0;
    padding: 0 0 0 0;
    list-style: none;
}
#content #ihf-detail-navrow .ihf-detail-navigation .pull-right{
    float: none !important;
    text-align: right;
}
#content #ihf-main-container .map-infobox-img{
    max-width: 100% !important;
}
#ihf-main-container #ihf-map-canvas .ihf-map-info-box-title{
    padding: 0 15px 0 0;
}
.ihf-captcha .g-recaptcha{
    transform-origin: left center;
    transform: scale(.75);
    -moz-transform: scale(.75);
    -webkit-transform: scale(.75);
}
.grecaptcha-badge{
    z-index: 91;
}
#content #IDX-main{}
#content #IDX-main #IDX-boxLabel_remarksConcat input{
    display: block;
    width: 100%;
}
#content #IDX-main ul.select2-choices,
#content #IDX-main ul.IDX-navbar-nav{
    margin: 0 0 0 0;
}
.areaPickerExpandAllTopBar:after{
    content:'';
    display: block;
    clear: both;
}
#ihf-main-container #ihf-main-search-form fieldset > div:nth-child(14) .checkbox{
  padding-left: 0px;
}
#ihf-main-container #ihf-main-search-form fieldset > div:nth-child(14) .checkbox label{
    padding-right: 30px;
    white-space: break-spaces;
}
#ihf-main-container #ihf-detail-features-tab > .row.mt-10{
    margin-left: 0;
    margin-right: 0;
}
#ihf-agent-sellers-rep-own-listing{
    max-width: 100%;
}
#ihf-main-search-form fieldset div[data-ihf-geographic-field="true"] .checkbox{
    padding-left: 0;
}
#content ul#IDX-searchNavList{
    margin: 0 0 0;
}
#content ul#IDX-searchNavList li:first-child{
    padding-left: 0px;
}
#content ul#IDX-searchNavList li:last-child{
    padding-right: 0px;
}
#IDX-formSubmit.IDX-formSubmit {
    font-size: 16px;
    margin-right: 20px;
    line-height: 18px;
}
#IDX-formSubmit.IDX-formSubmit {
    font-size: 16px;
    margin-right: 20px;
    line-height: 18px;
    font-weight:400;
}
#IDX-ccz-group .IDX-controls span{
    vertical-align: middle;
    margin: 0 0 0 10px;
}
#IDX-ccz-group .IDX-controls span:first-child{
    margin: 0 0 0 0;
}
#ihf-main-container #ihf-map-canvas{
    position: relative;
    z-index: 0;
}
/********CSS Post Launch End********/

a, a:hover, a:link, a:active, a:focus {
    outline: none;
    text-decoration: none;
}

/* Placeholder effect */
[placeholder]:focus::-webkit-input-placeholder {
    transition: all 0.2s linear;
    transform: translate(10px, 0);
    opacity: 0;
    color:inherit;
}

input[type=text]:focus::-webkit-input-placeholder {
    color:inherit;
}

.slick-slide, .slick-slide *, .slick-slide a {
    outline: none;
}

.section-title h1,
.section-title h2 {
    color: var(--primary-color);
    font-size: 23px;
    line-height: 1;
    font-family: var(--secondary-font);
    text-transform: uppercase;
    letter-spacing: 2px;
}
    .section-title h1 span,
    .section-title h2 span {
        color: var(--primary-color);
    }
    .section-title h1 {
        font-size: 26px;
    }


/* HEADER */
.header-wrapper {
    width: 100%;
    position: fixed;
    z-index: 1011;
    top: 0;
    left: 0;
    border-bottom: 1px solid #d5d5d5;
    background-color: var(--primary-color);
    font-size: 0;
    text-align: center;
}

    /* NAVIGATION */
    #nav li {
        position:relative;
        display: inline-block;
    }
        #nav li a {
            display: block;
            font-weight: 600;
            font-size: 13px;
            letter-spacing: 1px;
            color: #ffffff;
            padding: 0 45px;
            text-transform: uppercase;
            text-decoration: none;
            border-left: 1px solid var(--primary-color);
            border-right: 1px solid var(--primary-color);
            line-height: 46px;
            transition: all .25s ease-in-out;
            -webkit-transition: all .25s ease-in-out;
            -moz-transition: all .25s ease-in-out;
        }
        #nav li:hover > a, #nav li > a:focus {
            background: var(--secondary-color);
            border-color: #d5d5d5;
            color: var(--primary-color);
        }
            /* First Level */
            #nav li ul {
                display: none;
                position: absolute;
                left: 0;
                min-width: 100%;
                padding-top: 1px;
            }
                #nav li ul.sub-menu li {
                    display: block;
                }
                   #nav li ul.sub-menu li a {
                        border:none;
                        padding: 7px 15px;
                        background-color: var(--primary-color);
                        line-height: normal;
                    }
                   #nav li ul.sub-menu li a:hover,
                   #nav li ul.sub-menu li a:focus {
                        background-color: var(--secondary-color);
                    }
                        /* Second Level */
                       #nav li ul.sub-menu li ul {
                            left: 100%;
                            top: 0;
                            padding-top: 0;
                            padding-left: 1px;
                        }


/* Innerpage Header */
.ip-header-widget {
    width: 100%;
    min-height: 350px;
    padding: 115px 0 0;
    position: absolute;
    text-align: center;
}
    .ip-header-widget .container {
        z-index: 5;
        position: relative;
    }
    .ip-header-widget .top-logo {
        display: none;
    }
    .ip-header-widget .main-logo {
        display: inline-block;
        padding-bottom: 20px;
        font-size: 55px;
        font-weight: 400;
        font-family: var(--secondary-font);
        text-transform: uppercase;
        line-height: 1;
        letter-spacing: 4px;
        border-bottom: 2px solid #ffffff;
    }
    .ip-header-widget .main-logo a {
        text-decoration: none;
        color: #ffffff;
    }
    .ip-header-widget .main-logo span{
        font-size: 85px;
        display: block;
    }
    .ip-header-widget .slide-contact-details {
        font-weight: 600;
        font-size: 0;
        color: #ffffff;
        display: block;
    }
    .slide-contact-details a {
        text-decoration: none;
    }
    .slide-contact-details > .slide-phone,
    .slide-contact-details > .slide-email,
    .slide-contact-details > .social-media,
    .slide-contact-details > span {
        display: inline-block;
        vertical-align: middle;
        font-size: 18px;
    }
    .slide-contact-details > span {
        padding: 15px 30px;
    }


/* UPPERFOLD */
#upperfold-wrap {
    position: relative;
    font-size: 0;
}
    .slide-holder {
        position: relative;
        padding-top: 46px;
    }
        .slide-holder .cycloneslider-template-responsive .cycloneslider-slide {

        }
        .slide-holder .cycloneslider-template-responsive .cycloneslider-slide::after {
            content: '';
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background: rgba(0,0,0,0.3);
        }
        #upperfold-wrap .slide-holder .cycloneslider-template-responsive .cycloneslider-prev,
        #upperfold-wrap .slide-holder .cycloneslider-template-responsive .cycloneslider-next {
            width: auto; 
            height: auto; 
            border-radius: 0; 
            background: none;
            box-shadow: none;
            top: calc(50% - 50px);
            opacity: 1;
            margin-top: -50px;
            text-decoration: none;
        }
        #upperfold-wrap .slide-holder .cycloneslider-template-responsive .cycloneslider-prev {
            left: calc( (100vw - 1140px) / 2 - 40px );
        }
        #upperfold-wrap .slide-holder .cycloneslider-template-responsive .cycloneslider-next {
            right: calc( (100vw - 1140px) / 2 - 40px );
        }
            #upperfold-wrap .slide-holder .cycloneslider-template-responsive .cycloneslider-prev i,
            #upperfold-wrap .slide-holder .cycloneslider-template-responsive .cycloneslider-next i {
                font-size: 100px;
                color: #ffffff;
            }

        #upperfold-wrap .slide-holder .cycloneslider-template-responsive .cycloneslider-prev:hover,
        #upperfold-wrap .slide-holder .cycloneslider-template-responsive .cycloneslider-next:hover,
        #upperfold-wrap .slide-holder .cycloneslider-template-responsive .cycloneslider-prev:focus,
        #upperfold-wrap .slide-holder .cycloneslider-template-responsive .cycloneslider-next:focus {
            opacity: 0.75;
        }

    #upperfold-wrap .header-widget {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 10; 
        padding-top: 46px;
        padding-bottom: 140px;
        box-sizing: border-box;
        font-size: 0;
        text-align: center;
        pointer-events: none;
    }
        #upperfold-wrap .header-widget:before {
            display: inline-block;
            vertical-align: middle;
            width: 0;
            height: 100%;
            content: '';
        }
        #upperfold-wrap .container {
            display: inline-block;
            vertical-align: middle;
            font-size: 13px;
            width: 100%;
        }
            #upperfold-wrap .header-contact-info {
                pointer-events: auto;
                max-width: 750px;
                margin: 30px auto 0;
                color: #ffffff;
            }
            .header-widget .top-logo {
                margin-bottom: 31px;
            }
            .header-widget .top-logo i {
                display: block;
                font-size: 55px;
            }
        .header-widget .top-logo img{
            display: block;
            margin: 0 auto;
            width: 100%;
            max-width: 168px;
            height: auto;
        }
        .header-widget .main-logo {
            display: inline-block;
            font-size: 55px;
            padding: 0 65px 20px;
            font-weight: 400;
            font-family: var(--secondary-font);
            text-transform: uppercase;
            line-height: 1;
            letter-spacing: 4px;
            border-bottom: 2px solid #ffffff;
        }
        .header-widget .main-logo a {
            text-decoration: none;
            outline: none;
            color: #ffffff;
        }
        .header-widget .main-logo span{
            display: block;
            font-size: 85px;
            margin: 0 -25px;
        }
        .header-widget .slide-contact-details {
            font-weight: 600;
            font-size: 0;
            color: #ffffff;
            display: block;
        }
        .slide-contact-details a {
            text-decoration: none;
            outline: none;
            color: #ffffff;
        }
        .slide-contact-details > .slide-phone,
        .slide-contact-details > .slide-email,
        .slide-contact-details > .social-media,
        .slide-contact-details > span {
            display: inline-block;
            vertical-align: middle;
            font-size: 18px;
        }
        .slide-contact-details > span {
            padding: 15px 30px;
        }
        .slide-contact-details a {
            color: #ffffff;
            transition: all .25s ease-in-out;
            -moz-transition: all .25s ease-in-out;
            -webkit-transition: all .25s ease-in-out;
        }
        .social-media {
            font-size: 0;
            position: relative;
        }
            .social-media a {
                position: relative;
                display: inline-block;
                vertical-align: middle;
                font-size: 0;
                padding: 0 12px;
            }
                .social-media a:before {
                    font-size: 18px;
                    font-weight: 400;
                }
                .social-media a:first-child {
                    padding-left: 0;
                }
                .social-media a:last-child {
                    padding-right: 0;
                }
            .slide-contact-details a:hover,
            .slide-contact-details a:focus {
                color: var(--secondary-color);
            }

/* CTA */
#calltoaction-wrapper {
    z-index: 3;
    margin-top: -140px;
}
    .cta-list-wrap {
        font-size: 0;
        text-align: center;
        position: relative;
    }
        .cta-list {
            position: relative;
        }
            .cta-list a {
                width: 100%;
                display: block;
                overflow: hidden;
                font-size: 0;
                position: relative;
                color: #404040;
                transition: all .25s ease-in-out;
                -webkit-transition: all .25s ease-in-out;
                -moz-transition: all .25s ease-in-out;
                outline: none;
            }
                .cta-list a:before {
                    width: 100%;
                    height: 100%;
                    content: '';
                    position: absolute;
                    top: 0;
                    left: 0;
                    background-color: rgba(0,0,0,0.10);
                    pointer-events: none;
                }
            .cta-list a:hover,
            .cta-list a:focus {
                box-shadow: 0 0 25px #000000;
            }
            .cta-list a canvas {
                width: 100%;
                height: auto;
                display: block;
                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
            }
            .cta-list a .cta-title,
            .cta-list a .cta-hover-details {
                position: absolute;
                z-index: 5;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
            }
            .cta-list a .cta-title {
                z-index: 4;
            }
                .cta-list a .cta-title:before {
                    width: 0%;
                    height: 100%;
                    content: '';
                    display: inline-block;
                    vertical-align: middle;
                }
                    .cta-list a .cta-title span {
                        padding: 0 10px;
                        display: inline-block;
                        vertical-align: middle;
                        width: 100%;
                        color: #ffffff;
                        font-size: 30px;
                        font-family: var(--secondary-font);
                        line-height: 31px;
                        text-transform: uppercase;
                        letter-spacing: 2px;
                        text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
                    }
                        .cta-list a .cta-title span em {
                            font-size: 25px;
                            font-weight: 400;
                            font-style: normal;
                            display: block;
                        }
            .cta-list a .cta-hover-details {
                text-align: center;
                padding: 6.38%;
                box-sizing: border-box;
            }
            .cta-list a .cta-hover-details .cta-hover-details-inner {
                height: 100%;
                background: rgba(255,255,255,.87);
                font-size: 0;
                transform: scale(0);
                -webkit-transform: scale(0);
                -moz-transform: scale(0);
                transition: all .5s ease-in-out;
                -webkit-transition: all .5s ease-in-out;
                -moz-transition: all .5s ease-in-out;
            }
            .cta-list a .cta-hover-details .cta-hover-details-inner.scaleIn {
                transform: scale(1);
                -webkit-transform: scale(1);
                -moz-transform: scale(1);
            }
            .cta-list a .cta-hover-details .cta-hover-details-inner:before {
                display: inline-block;
                vertical-align: middle;
                width: 0;
                height: 100%;
                content: '';
            }
            .cta-list a .cta-hover-details .cta-hover-details-inner .cta-details-center {
                display: inline-block;
                vertical-align: middle;
                width: 100%;
                font-size: 15px;
            }
            .cta-list a .cta-hover-details strong {
                font-size: 22px;
                text-transform: uppercase;
                color: var(--primary-color);
                font-family: var(--secondary-font);
                font-weight: 400;
            }
            .cta-list a .cta-hover-details p {
                line-height: 20px;
                font-size: 15px;
                margin: 14px 13px 20px;
                display: block;
            }
            .cta-list a .cta-hover-details .btn-green {
                cursor: pointer;
                background-color: var(--primary-color);
                font-weight: 600;
                font-size: 13px;
                color: #ffffff;
                text-transform: uppercase;
                max-width: 184px;
                width: 100%;
                display: block;
                margin: 0 auto;
                box-sizing: border-box;
                padding: 9px 5px;
                transition: all .25s ease-in-out;
                -webkit-transition: all .25s ease-in-out;
                -moz-transition: all .25s ease-in-out;
            }
            .cta-list a .cta-hover-details .btn-green:hover,
            .cta-list a .cta-hover-details .btn-green:focus {
                background-color: var(--accent-color);
            }
            .cta-list a .cta-hover-details .btn-green:active {
                transform: scale(1);
                -webkit-transform: scale(1);
                -moz-transform: scale(1);
            }


/* AREAS OF EXPERTISE */
#areasofexpertise-wrapper {
    margin: 40px 0 30px;
    text-align: center;
}
    .areas-wrap .section-title h2 {
        position: relative;
        overflow: hidden;
    }
        .areas-wrap .section-title h2 em {
            padding: 0 18px;
            font-style: normal;
        }
        .areas-wrap .section-title h2:before, .areas-wrap .section-title h2:after {
            width: 1600px;
            content: '';
            height: 1px;
            background-color: var(--secondary-color);
            display: inline-block;
            vertical-align: middle;
            opacity: 0.70;
        }
        .areas-wrap .section-title h2:before {
            margin-left: -1600px;
        }
        .areas-wrap .section-title h2:after {
            margin-right: -1600px;
        }
    .areas-list {
        margin-top: 20px;
        position: relative;
        font-size: 0;
        text-align: center;
    }
        .areas-list a {
            display: inline-block;
            vertical-align: middle;
            margin: 0 18px;
            padding: 5px 5px;
            color: #565656;
            font-size: 13px;
            font-weight: 600;
            text-transform: uppercase;
            text-decoration: none;
            outline: none;
            transition: all .25s ease-in-out;
            -webkit-transition: all .25s ease-in-out;
            -moz-transition: all .25s ease-in-out;
        }
        .areas-list a:hover, .areas-list a:focus {
            color: var(--primary-color);
        }
        .areas-list a:first-child {
            margin-left: 0;
        }
        .areas-list a:last-child {
            margin-right: 0;
        }


/* WELCOME */
#welcome-qs-wrapper {
    padding: 38px 0 0;
    background-color: #ffffff;
    position: relative;
    z-index: 1;
}
    .welcome-wrap {
        box-sizing: border-box;
        border: 1px solid #e3e3e3;
        min-height: 289px;
        margin-bottom: 30px;
        font-size: 0;
        padding: 20px 0;
    }
        .welcome-wrap:after {
            clear: both;
            content: '';
            display: block;
        }
        .welcome-wrap .agent-photo {
            width: 300px;
            display: inline-block;
            vertical-align: middle;
            margin: 0 auto;
            max-width: 300px;
        }
            .welcome-wrap .agent-photo img {
                display: block;
                width: 100%;
                height: auto;
                margin: 0 auto;
            }
        .welcome-wrap .welcome-text {
            width: calc(100% - 300px);
            font-size: 13px;
            padding: 0 0 0 45px;
            display: inline-block;
            vertical-align: middle;
        }
        .welcome-wrap .welcome-text h2{
            font-size: 1.5em;
            font-weight: 700;
            margin: 25px 0;
        }
            .welcome-text h1 {
                padding: 23px 0 20px;
            }
            .welcome-text p {
                margin-bottom: 15px;
                font-size: 13px;
                line-height: 21px;
            }

            .welcome-wrap .welcome-text ul{
                list-style-type: disc;
                line-height: 1.6;
                margin: 0 0 0 20px;
            }
            .welcome-wrap .welcome-text li{
				font-size: 16px;
			}
    
/* QUICK SEARCH */
.quicksearch-wrap {
    position: relative;
    box-sizing: border-box;
    border: 1px solid #e3e3e3;
    min-height: 289px;
    padding: 13px 17px;
    margin-bottom: 30px;
    text-align: center;
}
    .quicksearch-wrap .section-title h2 {
        padding: 10px 0 23px;
    }
    .qs-form {
        position: relative;
        display: inline-block;
        vertical-align: top;
        font-size: 0;
        width: 100%;
    }
        .qs-form form {
            display: block;
        }
        .qs-form .qs-field {
            display: inline-block;
            vertical-align: top;
            width: 100%;
            margin-bottom: 10px;
        }
        .qs-form .qs-field.qsf-small {
            width: calc( 50% - 4px );
            margin-left: 8px;
            display: inline-block;
            vertical-align: top;
        }
        .qs-form .qs-field.qsf-left {
            margin-left: 0;
        }
        .qs-form select,
        .qs-form input[type=text],
        .qs-form input[type=submit],
        .qs-form input[type=button],
        .qs-form button,
        .qs-form a.adv-btn {
            display: block;
            width: 100%;
            height: 31px;
            outline: none;
            border: 1px solid #dbdbdb;
            background: #ffffff;
            margin: 0;
            color: #6b6b6b;
            font-size: 11px;
            font-weight: 300;
            padding: 0 9px;
            line-height: 29px;
            border-radius: 0;
            box-sizing: border-box;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
        }
        .qs-form .qs-field select {
            background-image: url(images/caret.png);
            background-repeat: no-repeat;
            background-position: 95% 50%;
        }
        .qs-form .qs-field.qsf-long select {
            background-position: 97% 50%;
        }
        .qs-form .qs-field select::-ms-expand {
            display: none;
        }
        .qs-form input[type=text] {
            padding: 5px 9px;
        }
        .qs-form input[type=submit],
        .qs-form input[type=button],
        .qs-form button,
        .qs-form a.adv-btn {
            position: relative;
            cursor: pointer;
            appearance: none;
            padding: 0;
            color: #ffffff;
            font-size: 13px;
            font-weight: 700;
            line-height: 31px;
            text-transform: uppercase;
            text-align: center;
            border: none;
            transition: all .25s ease-in-out;
            -webkit-transition: all .25s ease-in-out;
            -moz-transition: all .25s ease-in-out;
        }
        .qs-form input[type=submit] {
            background-color: var(--primary-color);
        }
        .qs-form input[type=submit]:hover, .qs-form input[type=submit]:focus {
            background-color: var(--accent-color);
        }
        .qs-form input[type=button]:hover,
        .qs-form button:hover,
        .qs-form a.adv-btn:hover,
        .qs-form input[type=button]:focus,
        .qs-form button:focus,
        .qs-form a.adv-btn:focus {
            background-color: var(--accent-color);
        }
        .qs-form input[type=button],
        .qs-form button,
        .qs-form a.adv-btn {
            background-color: var(--primary-color);
            text-decoration: none;
        }

        .qs-form .bootstrap-select.btn-group .dropdown-menu.inner {
            max-height: 200px !important;
        }


/* FEATURED PROPERTIES & FEATURED COMMUNITIES */
#fp-fc-wrapper {
    padding-bottom: 25px;
    background-color: #ffffff;
}
.featured-wrapper {
    position: relative;
}
    .featured-wrapper .section-title h2 {
        overflow: hidden;
        display: block;
        padding: 10px 0;
        margin: 0 0 25px;
        letter-spacing: 1.2px;
    }
        .featured-wrapper .section-title h2 em {
            display: inline-block;
            vertical-align: middle;
            padding-right: 14px;
            font-style: normal;
            line-height: 18px;
        }
        .featured-wrapper h2:after {
            content: '';
            width: 1600px;
            margin-right: -1600px;
            height: 1px;
            background-color: var(--secondary-color);
            display: inline-block;
            vertical-align: middle;
            opacity: 0.70;
        }
    .featured-wrapper .featured-list {
        position: relative;
        margin-left: -15px;
        margin-right: -15px;
    }
        .featured-list .fp-item, .featured-list .fc-item {
            padding: 0 15px;
        }
        .featured-list a {
            width: 100%;
            display: block;
        }
            .featured-list a .fp-box {
                position: relative;
                overflow-y: hidden;
            }
                .featured-list a .fp-box canvas {
                    width: 100%;
                    height: auto;
                    display: block;
                    background-size: cover;
                    background-position: center;
                    background-repeat: no-repeat;
                }
                .featured-list a .fp-box .fp-price,
                .featured-list a .fp-box .fc-title {
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    width: 100%;
                    background-color: var(--primary-color);
                    padding: 9px 17px;
                    font-weight: 600;
                    font-size: 18px;
                    color: #ffffff;
                    letter-spacing: 1px;
                }
                .featured-list a .fp-box .fp-hover-details,
                .featured-list a .fp-box .fc-hover-details {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    z-index: 5;
                    padding: 6.13%;
                    box-sizing: border-box;
                }
                    .fp-hover-details-inner,
                    .fc-hover-details-inner {
                        width: 100%;
                        height: 100%;
                        font-size: 0;
                        text-align: center;
                        transform: scale(0);
                        -webkit-transform: scale(0);
                        -moz-transform: scale(0);
                        transition: all .5s ease-in-out;
                        -webkit-transition: all .5s ease-in-out;
                        -moz-transition: all .5s ease-in-out;
                    }
                    .fp-hover-details-inner.scaleIn,
                    .fc-hover-details-inner.scaleIn {
                        transform: scale(1);
                        -webkit-transform: scale(1);
                        -moz-transform: scale(1);
                    }
                    .fp-hover-details-inner:before,
                    .fc-hover-details-inner:before {
                        display: inline-block;
                        vertical-align: middle;
                        width: 0%;
                        height: 100%;
                        content: '';
                    }
                    .fp-hover-details-inner:after,
                    .fc-hover-details-inner:after {
                        width: 100%;
                        height: 100%;
                        content: '';
                        position: absolute;
                        z-index: -1;
                        top: 0;
                        left: 0;
                        background-color: var(--primary-color);
                        opacity: 0.60;
                    }
                        .fp-hover-center,
                        .fc-hover-center {
                            padding: 0 10px;
                            display: inline-block;
                            vertical-align: middle;
                            width: 100%;
                            color: #ffffff;
                            font-weight: 400;
                            font-size: 10.57px;
                        }
                            .fp-hover-center strong,
                            .fc-hover-center strong {
                                font-weight:700;
                                font-size: 22.62px;
                                display: block;
                                letter-spacing: 1px;
                                margin-bottom: 7px;
                                line-height: 24px;
                            }
                            .fp-hover-center span,
                            .fc-hover-center span {
                                display: block;
                                text-transform: uppercase;
                            }
                            .fp-hover-center span.hvr,
                            .fc-hover-center span.hvr {
                                display: inline-block;
                                font-size: 13px;
                                margin-top: 8px;
                                letter-spacing: 0.5px;
                            }
                            .fp-hover-center span.hvr:hover,
                            .fc-hover-center span.hvr:hover,
                            .fp-hover-center span.hvr:focus,
                            .fc-hover-center span.hvr:focus {
                                text-decoration: underline;
                            }
            .featured-list a > span {
                font-size: 13px;
                display: block;
                padding: 10px 0px;
                font-weight: 400;
                text-transform: uppercase;
            }
            #featured-properties.featured-list a > span {
                text-transform: uppercase;
            }
            .featured-list a:hover > span {
                /*color: var(--secondary-color);*/
            }

/* TESTIMONIALS */
#testimonials-wrapper {
    padding: 35px 0;
    background-image: url(images/testimonials-bg.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    text-align: center;
}
    .testimonials-wrap {
        position: relative;
        width: 100%;
        max-width: 750px;
        margin: 0 auto;
        background: rgba(255,255,255,0.9);
    }
        .testimonials-list {
            position: relative;
        }
            .testimonials-list .testimonial-item {
                padding: 35px 99px;
                text-align: center;
                outline: none;
            }
                .testimonials-list .testimonial-item {
                    text-decoration: none;
                    font-style: italic;
                    font-size: 13px;
                    line-height: 20px;
                    color: #474747;
                    position: relative;
                    display: block;
                    outline: none;
                }
                .testimonials-list .testimonial-item p {
                    display: block;
                    position: relative;
                }
                .testimonials-list .testimonial-item p:before,
                .testimonials-list .testimonial-item p:after {
                    display: block;
                    position: absolute;
                    content: '';
                    width: 23px;
                    height: 18px;
                    background: url(images/sprite.png) no-repeat;
                }
                .testimonials-list .testimonial-item p:before {
                    top: -8px;
                    left: -33px;
                    background-position: -11px -11px;
                }
                .testimonials-list .testimonial-item p:after {
                    right: -33px;
                    bottom: 2px;
                    background-position: -63px -11px;
                }
                .testimonials-list .testimonial-item strong {
                    display: block;
                    text-align: center;
                    font-weight: 700;
                    font-size: 16px;
                    color: var(--primary-color);
                    text-transform: uppercase;
                    font-style: normal;
                    margin-top: 20px;
                    transition: all .25s ease-in-out;
                    -webkit-transition: all .25s ease-in-out;
                    -moz-transition: all .25s ease-in-out;
                }
                .testimonials-list .testimonial-item a:hover strong,
                .testimonials-list .testimonial-item a:focus strong {
                    color: var(--accent-color);
                }


/* BLOG */
#blog-brokerage-wrapper {
    padding: 35px 0 43px 0;
    background-color: #ffffff;
}
    .blog-wrapper {
        position: relative;
    }
        .blog-wrapper h2 {
            display: block;
            overflow: hidden;
            padding: 0;
            margin: 0 0 35px;
            letter-spacing: 1.2px;
        }
            .blog-wrapper h2:after {
                content: '';
                width: 1600px;
                margin-right: -1600px;
                height: 1px;
                background-color: var(--secondary-color);
                display: inline-block;
                vertical-align: middle;
                opacity: 0.70;
            }
            .blog-wrapper h2 em {
                display: inline-block;
                vertical-align: middle;
                padding-right: 14px;
                font-style: normal;
                line-height: 18px;
            }
        .blog-wrapper .blog-list {
            position: relative;
            font-size: 0;
        }
            .blog-list .blog-item {
                width: 48%;
                display: inline-block;
                vertical-align: top;
                position: relative;
            }
                .blog-list .blog-item:first-child {
                    margin-right: 4%;
                }
            .blog-item .blog-photo {
                width: 45.84%;
                max-width: 165px;
                display: inline-block;
                vertical-align: top;
                margin-right: 4.44%;
            }
                .blog-item .blog-photo canvas {
                    width: 100%;
                    height: auto;
                    display: block;
                    background-size: cover;
                    background-position: center;
                    background-repeat: no-repeat;
                }
                .blog-item .blog-photo:hover,
                .blog-item .blog-photo:focus {
                    opacity: 0.8;
                }
            .blog-item .blog-desc {
                width: 49.72%;
                display: inline-block;
                vertical-align: top;
                font-weight: 400;
            }
                .blog-item .blog-desc strong {
                    font-weight: 600;
                    font-size: 14px;
                    line-height: 17px;
                    color: var(--primary-color);
                    text-transform: uppercase;
                    display: block;
                }
                    .blog-item .blog-desc strong a:hover, .blog-item .blog-desc strong a:focus {
                        /*color: var(--secondary-color);*/
                        color: var(--accent-color);
                        text-decoration: none;
                    }
                .blog-item .blog-desc em {
                    color: #555555;
                    font-size: 10px;
                    display: block;
                }
                .blog-item .blog-desc p {
                    border-top: 1px solid #e5e5e5;
                    display: block;
                    margin: 10px 0 0 0;
                    padding-top: 10px;
                    padding-bottom: 30px;
                    font-size: 11px;
                    line-height: 20px;
                }
                .blog-item .blog-desc > a {
                    font-size: 11px;
                    color: var(--primary-color);
                    outline: none;
                }
                .blog-item .blog-desc > a:hover, .blog-item .blog-desc > a:focus {
                    color: var(--accent-color);
                }

                .blog-item .blog-photo,
                .blog-item .blog-desc strong a,
                .blog-item .blog-desc > a {
                    transition: all .25s ease-in-out;
                    -webkit-transition: all .25s ease-in-out;
                    -moz-transition: all .25s ease-in-out;
                }
    
    .brokerage-logo {
        width: 100%;
        max-width: 330px;
        margin-top: 15px;
        margin-left: auto;
        padding: 65px 0px;
        text-align: center;
        border-left: 1px solid #e7e7e7;
    }

    .brokerage-logo img {
        display: block;
        width: 100%;
        margin: 0;
        max-width: 200px;
        margin: 0 auto;
    }
        .brokerage-logo i {
            color: #009bba;
            font-size: 40px;
            display: block;
        }
        .brokerage-logo .site-name {
            text-align: center;
            text-transform: uppercase;
            color: var(--primary-color);
            font-size: 30px;
            font-weight: 400;
            font-family: var(--secondary-font);
            letter-spacing: 2px;
        }
        .brokerage-logo .client-name {
            text-align: center;
            text-transform: uppercase;
            color: var(--primary-color);
            font-size: 35px;
            font-weight: 400;
            font-family: var(--secondary-font);
            letter-spacing: 2px;
            margin-top: 20px;
        }


/* FOOTER */
#footer-wrapper {
    padding: 16px 0;
    color: #ffffff;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    background-color: var(--primary-color);
}
    #footer-wrapper .footernav {
        margin: 0;
        padding: 2px 0 0 0;
        list-style: none;
        font-size: 0;
    }
        .footernav li {
            display: inline-block;
            vertical-align: middle;
            border-left: 1px solid #ffffff;
            padding: 0 8px;
        }
            .footernav li:first-child {
                border-left: none;
                padding-left: 0;
            }
        .footernav li a {
            display: block;
            font-size: 12px;
            text-transform: uppercase;
            outline: none;
            color: #ffffff;
        }
    #footer-wrapper .copyright {
        margin-top: 5px;
    }   
        #footer-wrapper .copyright a {
            outline: none;
            color: #ffffff;
        }
    #footer-wrapper .footer-logo {
        text-align: right;
        font-size: 25px;
        padding: 6px 0;
    }
    #footer-wrapper a {
        transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;
        -moz-transition: all .25s ease-in-out;
    }
    #footer-wrapper a:hover, #footer-wrapper a:focus {
        color: var(--accent-color);
    }


/*******************************************************
 *
 * 2. IP Styles
 *
 *******************************************************/
.ip-banner {
    position: relative;
    width: 100%;
}
    .ip-banner::before{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        background: rgba(0,0,0,0.30);
    }
    .ip-banner canvas {
        display: block;
        position: relative;
        z-index: 0;
        width: 100%;
        min-height: 350px;
        background: #f9f7f7;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url(images/slide-1.jpg);
    }
    .ip-banner .container{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        z-index: 2;
    }
        .ip-banner h1 {
            font-weight: 700;
            font-size: 32px;
            text-align: center;
            color: #fffFFF;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            line-height: 1.7;
        }
            .ip-banner h1 span{
                display: block;
                font-size: 24px;
                font-weight: 400;
                text-transform: none;
                letter-spacing: 0.01em;
            }
/* Adjust minimum height of page area */ 
#content-sidebar, #content-full{ min-height: 500px; margin-top: 20px;}

/** Adjust width of content columns **/
#content-sidebar #content {
    width: 70%;
}
#content-full #content { width: 100%; }

/* Adjust width of sidebar */
.sidebar {
    width: 25%;
    text-align: center;
}

.sidebar .agent-details-sidebar {
    margin-top: 22px;
}
.sidebar .agent-details-sidebar img {
    display: block;
    width: 100%;
    max-width: 260px;
    height: auto;
    margin: 0 auto;
}
.sidebar .quicksearch-wrap {
    margin-top: 10px;
    min-height: auto;
    padding: 17px 17px 13px;
}
.sidebar .quicksearch-wrap h2 {
    padding: 0;
    margin: 0;
}
.sidebar .quicksearch-wrap .qs-form {
    margin-top: 15px;
}

.sidebar .cta-list {
    margin-bottom: 10px;
}
.sidebar .cta-list a .cta-title,
.sidebar .cta-list a .hover-details {
    top: 0 !important;
    opacity: 1 !important;
}

/* fullwidth template */
.page-template-template-fullwidth #content {
    padding-left: 15px;
    padding-right: 15px;
}
    .page-template-template-fullwidth #content ihf-search[data-eureka-id*=""].ihf-eureka {
        margin-left: -15px;
        margin-right: -15px;
    }

/* Adjust line height of page elements */
#content h4, aside h4,
#content p, aside p,
#content blockquote, aside blockquote,
#content ul, aside ul,
#content fieldset, aside fieldset,
#content form, aside form,
#content ol, aside ol,
#content dl, aside dl,
#content dir, aside dir,
#content menu, aside menu { line-height:1.7 }

/* Style .entry-title(post/page) and .archive-title(category/archive/etc) main headings (h1) */
#content .entry-title,
#content .archive-title { 
    color: var(--primary-color);
    font-size: 28px;
    font-family: var(--secondary-font);
    line-height: 31px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

/* Styles for category/archive/search/etc subheadings (h2) */
#content .archive-subtitle {
    margin-top: 0;
    color: var(--primary-color);
    font-size: 20px;
    font-family: var(--secondary-font);
    line-height: 25px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}
    #content .archive-subtitle a:hover, #content .archive-more:hover,
    #content .archive-subtitle a:focus, #content .archive-more:focus {
        color: var(--accent-color);
    }

#content .archive-thumbnail {
    margin-top: 7px;
}

#breadcrumbs a:hover, #breadcrumbs a:focus {
    color: var(--secondary-color);
}

/* 404 Page */
.error-page-content-wrapper div.wpcf7-response-output {
    text-align: center;
}

.page-id-344 #content p {
	font-size: 16px;
}

.disclaimer {
	display: block;
	margin-top: 5px;
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    color: #646464;
    margin-left: 0;
    font-weight: 300;
    text-transform: capitalize;
}

.btn-group>.btn:first-child {
    margin-left: 0;
    padding-left: 9px;
}

.btn-group>.btn:first-child:hover {
	background: none;
}
.welcome-text .section-title > span {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
    display: block;
    }
article.communities {
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px dashed rgba(0,0,0,0.3);
}

#ihf-map-canvas .leaflet-right {
    z-index: 999;
}

#ihf-main-container .nav-tabs {
    margin: 0;
}
#ihf-main-container ul.chosen-results {
    margin: 0;
    padding: 0;
}

/* ADA COMPLIANCE */
a.skiptobtn {
    padding: 10px;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 15px;
    z-index: -1;
    opacity: 0;
    background: rgba(255,255,255,0.5);
    color: #000;
  }
a.skiptobtn:focus {
    opacity: 1;
    z-index: 9;
    display: block;
}
#ihf-agent-sellers-rep{
	margin: 0 0 20px;
}

#ihf-main-container .ihf-grid-result .ihf-grid-result-attribution p{
	font-size: inherit !important;
}

.error-page-content-wrapper .error-forms textarea,
#content .ai-default-cf7wrap textarea{
	resize: none;
	padding: 5px 10px !important;
}

.qs-field .bootstrap-select.btn-group .dropdown-menu li a.opt {
    padding-left: 1em;
    font-size: 13px;
}

/* Relocation Page */

#post-28 .archive-content.archive-has-thumbnail {
    font-size: 18px;
    color: #000;
}

#post-28 article.post.format-standard {
    margin-bottom: 0;
    padding-bottom: 0;
}

/* MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css */