/*

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.4

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: #234d20;*/

    --primary-color: #195190 ;

    --secondary-color: #a2a2a1;

   /* --accent-color: #646464;*/

    /*--accent-color: #a2a2a1;*/

    --accent-color: #000000;

    --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;

}



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: 28px;

    line-height: 1;

    font-family: var(--secondary-font);

    text-transform: uppercase;

    letter-spacing: 2px;

}

    .section-title h1 span,

    .section-title h2 span {

        /*color: var(--secondary-color);*/

        color: var(--accent-color);

    }

  



/* HEADER */

.header-wrapper {

    width: 100%;

    position: fixed;

    z-index: 1200;

    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 29px;

            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 {

            background: var(--secondary-color);

            border-color: #d5d5d5;

        }

            /* 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 {

                        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: 50px 0 0;

    position: absolute;

    text-align: center;

    display: flex;

    justify-content: center;

    align-items: center;

    top: 0;

    left: 0;

    width: 100%;

}

    .ip-header-widget .container {

        z-index: 5;

        position: relative;

    }

    .ip-header-widget .top-logo {

        display: none;

    }

    .ip-header-widget .main-logo {

        padding-bottom: 20px;

        font-size: 80px;

        font-weight: 400;

        font-family: var(--secondary-font);

        text-transform: uppercase;

        line-height: 91px;

        letter-spacing: 4px;

        border-bottom: 2px solid #ffffff;

        display: flex;

         justify-content: center;

         margin-bottom: 10px;

        

    }

    .ip-header-widget .main-logo a {

        text-decoration: none;

        color: #ffffff;

    }

    .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::after {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0,0,0,0.3);
    }

        .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 {

            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%;

        }



        .header-contact-info span#tagline{

            font-size: 18px;

            font-weight: 400;

            text-align: center;

        }



        .ip-header-widget span#tagline{

            font-size: 18px;

            font-weight: 400;

            text-align: center;

            color: #fff;

        }

            #upperfold-wrap .header-contact-info {

                pointer-events: auto;

                max-width: 830px;

                margin: 13px auto 0;

                color: #ffffff;

            }

            .header-widget .top-logo {

                margin-bottom: 12px;

            }

            .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 {

            padding-bottom: 20px;

            font-size: 105px;

            font-weight: 400;

            font-family: var(--secondary-font);

            text-transform: uppercase;

            line-height: 91px;

            letter-spacing: 4px;

            border-bottom: 2px solid #ffffff;

            margin-bottom: 10px;

            display: flex;

            justify-content: center;

        }

        .header-widget .main-logo a {

            text-decoration: none;

            outline: none;

            color: #000;

        }

        .header-widget .main-logo a span{
            color: #195190;
        }

        .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 {

                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 {

                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 {

                background-color: var(--secondary-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 28px;

            padding: 5px 5px;

            color: #565656;

            font-size: 14px;

            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 {

            color: var(--secondary-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;

}

    .welcome-wrap {

        box-sizing: border-box;

        border: 1px solid #e3e3e3;

        min-height: 289px;

        margin-bottom: 30px;

        font-size: 0;

    }

        .welcome-wrap:after {

            clear: both;

            content: '';

            display: block;

        }

        .welcome-wrap .agent-photo {

            width: 30.76%;

            display: inline-block;

            vertical-align: top;

            margin-right: 0.65%;

        }

            .welcome-wrap .agent-photo img {

                display: block;

                width: 100%;

                height: auto;

                max-width: 260px;

            }

        .welcome-wrap .welcome-text {

            width: 68.59%;

            display: inline-block;

            vertical-align: top;

            padding-right: 24px;

            padding-left: 10px;

        }

            .welcome-text h1 {

                padding: 23px 0 20px;

            }

            .welcome-text p {

                margin-bottom: 15px;

                font-size: 14px;

                line-height: 21px;

            }

    

/* 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 p{

        font-size: 13px;

    }

    .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(--secondary-color);

        }

        .qs-form input[type=submit]:hover {

            background-color: var(--primary-color);

        }

        .qs-form input[type=button]:hover,

        .qs-form button:hover,

        .qs-form a.adv-btn:hover {

            background-color: var(--secondary-color);

        }

        .qs-form input[type=button],

        .qs-form button,

        .qs-form a.adv-btn {

            background-color: var(--primary-color);

            text-decoration: none;

        }





/* 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: 1;

        }

        .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 {

                                text-decoration: underline;

                            }

            .featured-list a > span {

                font-size: 14px;

                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/test-bg.jpg);

    background-size: cover;

    background-position: 100% -109px;

    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 {

                    color: var(--secondary-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: 1;

            }

        .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 {

                    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 {

                        color: var(--secondary-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: 13px;

                    line-height: 20px;

                }

                .blog-item .blog-desc > a {

                    font-size: 11px;

                    color: var(--primary-color);

                    outline: none;

                }

                .blog-item .blog-desc > a:hover{

                    color: var(--secondary-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 i {

            color: #009bba;

            font-size: 40px;

            display: block;

        }

        .brokerage-logo .site-name {

            text-align: center;

            text-transform: uppercase;

            /*color: var(--secondary-color);*/

            color: var(--accent-color);

            font-size: 40px;

            font-weight: 400;

            font-family: var(--secondary-font);

            letter-spacing: 2px;

            margin-top: 10px;

        }





/* 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 {

        color: var(--secondary-color);

    }





/*******************************************************

 *

 * 2. IP Styles

 *

 *******************************************************/
 .aiosp-wrap .aiosp-ref-\#agents-popup-form input[type=submit]:hover{
    color: #195190 !important;
 }
 
 #aios-communities-iconic .aioscomu-details{
    text-shadow: 1px 2px 3px #000;
 }

 #listings-details .listings-form textarea{
    padding-right: 25px !important;
 }

 #listings-details .listings-form div.wpcf7-response-output{
    font-size: 12px;
 }

 .use-floating-validation-tip .wpcf7-not-valid-tip{
    font-size: 11px;
 }

 #listings-results .listings-table .listings-table-body .listings-table-label{
    color: #fff !important;
 }

 .aios-custom-ihomefinder-results-template #content-full .entry-title{
    width: 100% !important;
    padding: 0 !important;
 }

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

 body #pojo-a11y-toolbar {
    bottom:0 !important;
    top: auto !important;
}

body #pojo-a11y-toolbar.pojo-a11y-toolbar-left .pojo-a11y-toolbar-toggle {
    top:auto !important;
    bottom:0 !important;
}

button:focus-visible, a:focus-visible {
    outline-style: solid !important;
    outline-width: 5px !important;
    outline-color: red !important;
    transition: none !important;
}


 .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){

    max-width: 225px;

 }

 .ihf-details-template .ip-header-widget {

    text-shadow: 1px 2px #000;

 }



.post-page-communities .aios-communities-legacy .aioscomu-label{

    font-weight: 600;

 }



.ip-container .a2a_button_twitter{

    display: none;

 }

.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 .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {

    max-width: 100%;

}



.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;

}



#content .entry{

    font-size: 14px;

}



/* 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: 1;

    letter-spacing: 1.2px;

    text-transform: uppercase;

}

    #content .archive-subtitle a:hover, #content .archive-more:hover {

        color: var(--secondary-color);

    }



#content .archive-thumbnail {

    margin-top: 7px;

}



#breadcrumbs a:hover {

    color: var(--secondary-color);

}



/* 404 Page */

.error-page-content-wrapper div.wpcf7-response-output {

    text-align: center;

}



/* Disclaimer */

.footer-credit-disclaimer{

    line-height: 20px;

    margin-top: 5px;

}



.qs-form button.btn.dropdown-toggle.btn-default {

    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;

    text-transform: capitalize;

}



.section-title h1, .section-title h2 {

    font-size: 35px;

}

.welcome-text p {

    font-size: 17px;

}

#content .entry-title, #content .archive-title {

    font-size: 40px;

}

#content .entry {

    font-size: 17px;

}



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