/*

Theme Name: Sydney - Responsive Real Estate Wordpress Theme from Agent Image

Description: Sydney 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

 *

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



/* Global */



:root {

    

    --body-bg: #fff;



    --primary-color: #101458;

    --primary-color-alt: #272b68;



    --secondary-color: #3DA3E0;

    --secondary-color-alt: #50ace3;



    --body-font: 'Lato';

    --heading-font: 'Rosario';



    --text-color: #636363;

    --text-color-alt: #fff;



    --border-color: #3DA3E0;

    --border-color-alt: #e3e3e3;

}



body{

	font-family: var(--body-font), Arial, Helvetica, Georgia, Sans-serif;

	font-size: 16px;

	background: var(--body-color);

	color: var(--text-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; */

}

a:hover, a:active, a:visited, a:focus {

    text-decoration: none;

}



a:hover, .ai-contact-wrap span.context-email a:hover, .ai-contact-wrap span.context-mob a:hover {

    color: var(--secondary-color);

}



.slick-slide:focus, .slick-slide a:focus, input:focus {

    outline: none;

}



a.btn-a {

    display: block;

    background: var(--secondary-color);

    width: 100%;

    max-width: 232px;

    font-size: 18px;

    font-weight: bold;

    text-transform: uppercase;

    color: var(--text-color-alt);

    font-family: var(--heading-font), sans-serif;

    text-align: center;

    margin: 0 auto;

    text-decoration: none;

    padding: 14.5px 0;

    margin-top: 27px;

    transition: all .25s ease-in-out;

    -moz-transition: all .25s ease-in-out;

    -webkit-transition: all .25s ease-in-out;

}

    a.btn-a:hover {

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

    }



.row-flex {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

    }

        .row-flex:before, .row-flex:after {

            display: none;

        }



/*fixed header*/

.agentpro-fixedheader.sticking {

    transform: translateY(0);

    opacity: 1;

    visibility: visible;

}



.agentpro-fixedheader {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    z-index: 1011;

    color: var(--text-color-alt);

    transform: translateY(-100%);

    opacity: 0;

    visibility: hidden;

    -webkit-transition: opacity .5s, visibility .5s, -webkit-transform .5s;

    transition: opacity .5s, visibility .5s, -webkit-transform .5s;

    -o-transition: opacity .5s, transform .5s, visibility .5s;

    transition: opacity .5s, transform .5s, visibility .5s;

    transition: opacity .5s, transform .5s, visibility .5s, -webkit-transform .5s;

}

    .fixedheader-top {

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

        /* background: #aba099; */
        background: #fff;

        position: relative;

        z-index: 2;    

    }

        .agentpro-fixedheader .row-flex {

            align-items: center;

        }

            .agentpro-fixedheader .agentpro-logo {

                font-size: 24px;

                line-height: 1;

                padding: 0;

                padding: 5px 0;

            }

                .agentpro-fixedheader .agentpro-logo a {

                    max-width: 120px;

                }

                .agentpro-fixedheader .agentpro-logo span {

                    font-size: 11px;

                    letter-spacing: 1px;

                    line-height: 1;

                    margin-top: 3px;

                }



            #nav_fixed > li {

                display: inline-block;

                vertical-align: top;

                margin: 0 2px;

                text-align: center;

                position: relative;

            }

                #nav_fixed li a {

                    font-size: 10px;

                    font-family: var(--heading-font), Sans-serif;

                    text-transform: uppercase;

                    display: block;

                    /* color: var(--text-color-alt); */

                    color: #000;

                }

                #nav_fixed > li > a {
                    padding: 38px 0;
                }



            .fixedheader-info {

                font-size: 15px;

                text-align: right;

            }

                .fixedheader-info .contact-holder {

                    text-align: right;

                }

                    .fixedheader-info .contact-item {

                        padding-right: 10px;   

                    }
                    .fixedheader-info .contact-item a {

                        color: #000;

                    }

                        .fixedheader-info .contact-item i {

                            padding: 0 7px;
                            color: #000;


                        }



    .fixedheader-bottom {

        position: relative;

        color: #313133;

        z-index: 1;

    }

        .fixedheader-bottom:before {

            content: '';

            position: absolute;

            top: 0;

            left: 0;

            right: 0;

            bottom: 0;

            background: var(--body-bg);

            opacity: .9;

        }

        .fixedheader-bottom .qs-wrap {

            display: block;

            max-width: 800px;

            margin: 0 auto;

            position: relative;

            padding: 10px 0;

        }



.agentpro-header {

    position: relative;

    width: 100%;

    height: auto;

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

    /* background: #aba099; */

    background: #fff;

    z-index: 10;

}

    .agentpro-logo {

        color: var(--text-color-alt);

        font-weight: 300;

        font-size: 57px;

        text-transform: uppercase;

        letter-spacing: -0.05em;

        text-align: center;

        padding: 21px 0 12px;

    }

        .agentpro-logo a {

            display: inline-block;

            color: var(--text-color-alt);

        }

            .agentpro-logo strong {

                color: var(--secondary-color);

            }

        .agentpro-logo span {

            display: block;

            font-size: 16px;

            letter-spacing: 0.24em;

            text-transform: uppercase;

            line-height: 25px;

            margin-top: 10px;

        }



    .agentpro-header nav {

        border-top: 1px solid #1a6698;

    }

        #nav {

            text-align: center;

            font-size: 0;

        }

            #nav li {

                position:relative;

            }

                #nav li a {

                    display: block;

                    /* color: var(--text-color-alt); */

                    color: #000;

                    font-family: var(--heading-font), sans-serif;

                    font-weight: 600;

                    font-size: 16px;

                    text-transform: uppercase;

                    letter-spacing: 0.04em;                    

                    position: relative;

                }

                    #nav li a:before,

                    #nav_fixed li a:before {

                        display: block;

                        content: "";

                        height: 4px;

                        width: 100%;

                        position: absolute;

                        left: 0;

                        bottom: 0;

                        background: var(--secondary-color);

                        opacity: 0;

                        transition: all .3s;

                        -moz-transition: all .3s;

                        -webkit-transition: all .3s;

                    }
                        #nav_fixed li a:before {
                            bottom: -0.5px;
                        }

                        #nav li:hover > a:before,

                        #nav_fixed li:hover > a:before {

                            opacity: 1;

                        }

            #nav > li {

                display: inline-block;

                vertical-align: top;

                position: relative;

                margin: 0 18px;

            }

                #nav > li > a {

                    padding: 17px 0;

                }

                #nav > li > .sub-menu,

                #nav_fixed > li > .sub-menu {

                    left: 50%;

                    transform: translateX(-50%);

                }

                #nav .sub-menu,

                #nav_fixed .sub-menu {

                    list-style: none outside none;

                    margin: 0;

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

                    padding: 0;

                    position: absolute;

                    width:100%;

                    min-width: 200px;

                    opacity: 0;

                    pointer-events: none;

                    visibility: hidden;

                    transition: all .3s;

                    -moz-transition: all .3s;

                    -webkit-transition: all .3s;

                    z-index: 2;

                }

                    #nav .sub-menu a,

                    #nav_fixed .sub-menu a {

                        color: #FFFFFF;

                        display: block;

                        padding: 10px;

                        font-size: 14px;

                        position: relative;

                    }

                        #nav .sub-menu a:before,

                        #nav_fixed .sub-menu a:before {

                            width: 90px;

                            margin: auto;

                            left: 0;

                            right: 0;

                            height: 3px;

                        }

                        #nav .sub-menu .sub-menu,

                        #nav_fixed .sub-menu .sub-menu {

                            margin-left: 100%;

                            top:0;

                        }

                            #nav li:hover > .sub-menu,

                            #nav_fixed li:hover > .sub-menu {

                                opacity: 1;

                                pointer-events: all;

                                visibility: visible;

                            }



.agentpro-section {

    position: relative;

}

.agentpro-section-2 {

    background: var(--primary-color);

    min-height: 69px;

    color: var(--text-color-alt);

    font-size: 0; 

}

    .agentpro-section-2 .row-flex {

        align-items: center;

    }

    .qs-wrap {

        font-size: 0;

        padding: 15px 0;

    }

        .qs-wrap form {

            display: block;

            margin: 0;

        }

            .mega-form {

                border-bottom: 1px solid #acacac;

                height: 34px;

                position: relative;

                width: 76%;

                font-size: 0;

                display: inline-block;

                vertical-align: top;                

            }

                .mega-form:before {

                    font-family: 'agentimage' !important;

                    display: block;

                    content: "\b0039";

                    font-size: 24px;

                    position: absolute;

                    left: 0;

                    top: 4px;

                }

                .mega-form input {

                    background: none;

                    border: none;

                    text-decoration: none;

                    outline: none;

                    font-weight: 700;

                    font-size: 15px;

                    font-style: italic;

                    height: 34px;

                    padding-left: 9%;

                    width: 100%;

                    display: inline-block;

                    vertical-align: top;

                }

            .qs-wrap input[type="submit"] {

                width: 21%;

                height: 35px;                

                -webkit-border-radius: 2px;

                -moz-border-radius: 2px;

                border-radius: 2px;

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

                border: none;

                font-family: var(--heading-font), sans-serif;

                font-weight: 700;

                font-size: 18px;

                outline: none;

                color: var(--text-color-alt);

                display: inline-block;

                cursor: pointer;

                vertical-align: top;

                margin-left: 3%;

                text-transform: uppercase;

                -webkit-transition: background .3s;

                -o-transition: background .3s;

                transition: background .3s;

            }

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

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

                }
            .mega-form .dropdown-toggle.btn-default {
                outline: none !important;
                font-size: 15px;
                font-style: italic;
                font-weight: 700;
                color: #313133;
            }
            .mega-form .bootstrap-select.btn-group .dropdown-toggle .filter-option {
                font-size: 15px;
            }
            .mega-form .dropdown-toggle.btn-default,
            .mega-form .dropdown-toggle.btn-default,
            .mega-form .dropdown-toggle.btn-default {
                background-color: transparent !important;
                -webkit-box-shadow: none !important;
                box-shadow: none !important;
            }
            .mega-form .bootstrap-select.btn-group .dropdown-menu.open {
                top: 35px;
            }
            .mega-form .bootstrap-select.btn-group .dropdown-menu.inner {
                max-height: 200px !important;
            }
            .mega-form .bs-searchbox .form-control {
                color: #555555 !important;
            }
            #quick-search-contact-info .mega-form .bootstrap-select>.dropdown-toggle {
                color: #ffffff;
            }

    .contact-info {

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

        font-weight: 600;

        font-size: 17px;

        padding: 28.5px 4%;

    }

        .contact-holder {

            text-align: center;

        }

            .contact-item {

                display: inline-block;

                vertical-align: top;

                padding-right: 15px;

            }

                .contact-item:last-child {

                    padding-right: 0;

                }

                .contact-item i {

                    vertical-align: middle;

                    display: inline-block;

                    font-size: 13px;

                    padding: 0 10px;

                    top: -1px;

                }

                .contact-item a:hover {

                    color: var(--secondary-color);

                }



        .contact-item a {

            -webkit-transition: color .3s;

            -o-transition: color .3s;

            transition: color .3s;

        }



.agentpro-section-3 {

    padding: 59px 0;

}

    .agentpro-section-3 .textwidget.custom-html-widget {

        width: 100%;

        height: 100%;

    }

    .s3-list {

        font-size: 0;

        margin-left: -6.5px;

        margin-right: -6.5px;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    }

        .s3-btn {

            padding: 6.5px;

            width: 65.57%;

            display: -webkit-box;

            display: -ms-flexbox;

            display: flex;

            -webkit-box-flex: 1;

            -ms-flex-positive: 1;

            flex-grow: 1;

        }

        .s3-btn-small {

            width: 34.43%;

        }

            .s3-btn-inner {

                position: relative;

                width: 100%;

                height: 100%;

                background: #e1e1e1;

                display: -webkit-box;

                display: -ms-flexbox;

                display: flex;

                align-items: center;

            }

                .s3-btn-inner a {

                    width: 100%;

                    height: 100%;

                    display: block;

                    background: var(--primary-color);

                }

                    .s3-btn-inner a:hover canvas {

                        opacity: .4;

                    }

                .s3-btn canvas {

                    display: block;

                    height: 100%;

                    width: 100%;

                    background-position: center;

                    background-size: cover;

                    background-repeat: no-repeat;

                    transition: opacity .3s;

                }

                .s3-btn img {

                    max-width: 100%;

                    max-height: 100%;

                    height: 295px;

                    display: block;

                    padding: 6%;

                    margin: auto;

                }

                #broker-logo.s3-btn canvas {

                    background-size: auto calc(100% - 14%);

                }

                .s3-content {

                    display: block;

                    position: absolute;

                    bottom: 0;

                    left: 0;

                    font-family: var(--heading-font), sans-serif;

                    font-size: 40px;

                    font-weight: bold;

                    color: var(--text-color-alt);

                    line-height: 45px;

                    letter-spacing: -0.025em;

                    width: 100%;

                    padding: 4% 30px;

                    text-shadow: 0 1px 1px rgba(0,0,0,.75);

                }

                    .s3-content-top {

                        bottom: initial;

                        top: 0;

                    }



        #featured-properties .s3-content {

            pointer-events: none;

        }

        .fp-list {

            width: 100%;

            height: 100%;

            color: var(--text-color-alt);

        }

            .fp-list > .slick-list, .fp-list .slick-track, .fp-list .slick-slide, .fp-list .slick-slide > div {

                height: 100%;

                width: 100%;

                display: -webkit-box;

                display: -ms-flexbox;

                display: flex;

            }

            a.fp {

                display: block;

                width: 100%;

                position: relative;

            }

                a.fp canvas {

                    display: block;

                    width: 100%;

                    height: 100%;

                }

                .prop-content {

                    position: absolute;

                    bottom: 0;

                    left: 0;

                    width: 100%;

                    padding: 4% 30px;

                }

                    .prop-content h3 {

                        font-size: 30px;

                        font-weight: bold;

                        text-shadow: 0 1px 1px rgba(0,0,0,.75);

                        color: var(--text-color-alt);

                    }

                    .prop-content p {

                        text-shadow: 0 1px 1px rgba(0,0,0,.75);

                        font-size: 20px;

                        margin-top: 10px;

                        color: var(--text-color-alt);

                    }





.agentpro-section-4 {

    padding: 21px 0 64px;

}

    #welcome {



    }

        #welcome h1 {

            font-family: var(--heading-font), sans-serif;

            font-size: 30px;

            color: var(--secondary-color);

            padding: 21px 0;

        }

            #welcome h1 span {

                display: block;

                font-size: 35px;

                text-transform: uppercase;

                color: var(--primary-color);

                margin-top: 14px;

            }



        #welcome p {

            font-size: 16px;

            font-weight: 300;

            color: var(--text-color);

            line-height: 25px;

            letter-spacing: -0.02em;

            padding: 10px 0;

        }

    #agent-info {

        position: relative;

        text-align: center;

    }

        #agent-info img {

            display: block;

            width: 100%;

            -webkit-box-shadow: 0 2px 5px rgba(7,7,7,.25);

            -moz-box-shadow: 0 2px 5px rgba(7,7,7,.25);

            box-shadow: 0 2px 5px rgba(7,7,7,.25);

        }

        .agent-info-details {

            position: absolute;

            left: 0;

            bottom: 0;

            width: 100%;

            z-index: 1;

            color: var(--text-color-alt);

        }

            .agent-info-details:before {

                content: '';

                position: absolute;

                top: 0;

                left: 0;

                right: 0;

                bottom: 0;

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

                opacity: .8;

                z-index: -1;

            }

            .agent-info-details h2 {

                font-weight: 300;

                font-size: 33px;

                text-transform: uppercase;

                padding: 17px 0;

                margin-bottom: 2px;

            }

            .agent-contact {

                font-weight: 300;

            }

                .agent-contact span {

                    display: inline-block;

                    vertical-align: top;

                    font-weight: 300;

                    font-size: 17px;

                    text-align: center;

                    margin: 0 9px;

                }

                .agent-contact span.agent-info-contact-phone {

                    padding-right: 3px;

                }

                .agent-contact span.agent-info-contact-smi {

                    display: block;

                    padding: 17.5px 0;

                }

                    .agent-info-contact-smi a {

                        font-size: 20px;

                        text-decoration: none;

                        display: inline-block;

                        vertical-align: middle;

                        margin: 0 12px;

                    }



            #agent-info a {

                color: var(--text-color-alt);

                -webkit-transition: all .3s;

                -o-transition: all .3s;

                transition: all .3s;

            }

                #agent-info a:hover {

                    opacity: .6;

                }



.agentpro-section-5 {

    background: #e1e1e1;

    padding: 63px 0 51px;

}

    #areas-of-expertise h2 {

        font-family: var(--heading-font), sans-serif;

        font-size: 58px;

        font-weight: bold;

        color: var(--primary-color);

        text-align: center;

        padding-bottom: 30px;

    }

    .area-list {

        text-align: center;

        font-size: 0;

        max-width: 750px;

        margin: 0 auto;

    }

        .area-list li {

            display: inline-block;

            vertical-align: top;

            margin: 11px 7px 0;

        }

            .area-list li a {

                display: block;

                font-size: 18px;

                color: var(--primary-color);

                background: transparent;

                border: solid 2px var(--primary-color);

                text-decoration: none;

                padding: 11px 0 12px;

                width: 164px;

                display: block;

                -webkit-transition: background .3s, color .3s, border .3s;

                -o-transition: background .3s, color .3s, border .3s;

                transition: background .3s, color .3s, border .3s;

            }

                .area-list li a:hover {

                    background: var(--primary-color);

                    color: var(--text-color-alt);

                }





.agentpro-section-6 {

    padding: 30px 0;

}

    .agentpro-section-6 .s6-box {

        border: solid 1px #d4d4d4;

        height: 100%;

        padding: 45px 36px 43px;

    }

        .agentpro-section-6 h2 {

            font-size: 30px;

            font-weight: 700;

            color: var(--primary-color);

            border-bottom: 1px solid var(--border-color-alt);

            font-family: var(--heading-font), sans-serif;

            padding: 0 0 6px;

            margin-bottom: 42px;

            position: relative;

        }

        .agentpro-section-6 h3 {

            font-size: 17px;

            color: var(--text-color);

            text-transform: uppercase;

            margin-bottom: 23px;

        }

            .agentpro-section-6 h3 a {

                color: var(--text-color);

            }

                .agentpro-section-6 h3 a:hover {

                    color: var(--secondary-color);

                }

        .agentpro-section-6 p {

            font-size: 15px;

            color: var(--text-color);

            line-height: 20px;

            padding-bottom: 37px;

        }

        #latest-posts a.read-more {

            font-size: 16px;

            text-transform: uppercase;

            color: var(--secondary-color);

            display: inline-block;

            text-decoration: none;

            

        }

            #latest-posts a.read-more:hover, 

            #testimonials a.read-more:hover {

                color: var(--primary-color);

            }

        #testimonials span {

            color: var(--secondary-color);

            display: block;

        }



        .testimonials-button {

            top: 37%;

            right: 0;

            position: absolute;

            padding: 0;

            top: 0;

        }

            .testimonials-button i {

                font-size: 27px;

                color: var(--primary-color);

                cursor: pointer;

                margin-left: 10px;

            }

                .testimonials-button i:hover {

                    color: var(--secondary-color);

                }



    #latest-posts a, .testimonials-button i {

        -webkit-transition: color .3s;

        -o-transition: color .3s;

        transition: color .3s;

    }



/*footer*/

.agentpro-footer {

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

    background: #aba099;

    position: relative;

    color: var(--text-color-alt);

    padding: 36px 0 0;

}

    .agentpro-footer .row-flex {

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

    }

    .agentpro-footer .agent-info-contact-smi {

        text-align: center;

    }

    .agentpro-footer .textwidget {

        display: inline;

    }

    .agentpro-footer h2 {

        font-size: 30px;

        font-weight: bold;

        text-transform: uppercase;

        letter-spacing: 1px;

        margin: 6px 0 21px;

        text-align: center;

        font-family: var(--heading-font), sans-serif;

    }

    .agentpro-footer .agentpro-logo a:hover {

        color: var(--text-color-alt);

    }

    .gaq-holder {

        position: relative;

    }

        .ff-row {

            position: relative;

            margin: 0 -5px 10px;

        }

            .ff-row:before, .ff-row:after {

                content: '';

                display: table;

                clear: both;

            }

            .ff-col-6 {

                width: 50%;

            }

            .ff-col-12 {

                width: 100%;

            }

            .ff-col {

                float: left;

                position: relative;

                padding: 0 5px;

            }

                .ff-col label {

                    display: inline;

                }

                .ff-col input[type="text"], .ff-col input[type="email"], .ff-col input[type="tel"], .ff-col textarea {

                    display: block;

                    width: 100%;

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

                    background: #aba099;

                    outline: none;

                    border-radius: 0;

                    border: 1px solid #fff;

                    height: 40px;

                    padding: 7px 10px;

                    font-weight: 300;

                    font-size: 13px;

                    text-transform: uppercase;

                    box-sizing: border-box;

                    appearance: none;

                    -moz-appearance: none;

                    -webkit-appearance: none;

                }

                .ff-col textarea {

                    resize: none;

                    padding-top: 12px;

                }

                .ff-col label {

                    display: block;

                    position: relative;

                }



            /*text area scroll fix*/

            .ff-col label[for="your-message"] {

                border: 1px solid #fff;

                padding-right: 51px;

            }

                .ff-col label[for="your-message"] textarea {

                    border: none;

                    height: 38px;

                }



            .ff-submit {

                position: absolute;

                top: 0;

                right: 5px;

                font-size: 23px;

                line-height: 20px;

                padding: 10px;

                box-sizing: border-box;

                height: 39px;

                width: 51px;

            }

                .ff-submit input {

                    position: absolute;

                    top: 0;

                    left: 0;

                    width: 100%;

                    height: 100%;

                    appearance: none;

                    -moz-appearance: none;

                    -webkit-appearance: none;

                    font-size: 0;

                    background: transparent;

                    cursor: pointer;

                    outline: none;

                    border: none;

                }



                .ff-submit .ajax-loader {

                    position: absolute;

                    bottom: -20px;

                    right: 0;

                }



        .gaq-holder .wpcf7-form-control-wrap {

            display: block;

        }

        .gaq-holder .use-floating-validation-tip span.wpcf7-not-valid-tip {

            font-size: 13px;

            top: 11px;

            left: 10px;

        }

        .gaq-holder div.wpcf7-response-output {

            margin: 0 auto;

            text-align: center;

            color: #fff!important;

        }



    .footer-bottom {

        border-top: 1px solid #1b4d6e;

        width: 100%;

        height: auto;

        margin-top: 43px;

        padding: 27px 0;

    }

        .footer-links {

            position: relative;

        }

            .footer-links li {

                display: inline-block;

                vertical-align: top;

                border-left: 1px solid #fff;

                padding: 0 5px;

            }

                .footer-links li:first-child {

                    border-left: none;

                    padding-left: 0;

                }

                .footer-links li a {

                    font-size: 12px;

                    text-transform: uppercase;

                    display: block;

                }



            .footer-links .copyright {

                font-size: 12px;

                line-height: 1.3;

                margin-top: 4px;

            }



        .footer-logos {

            text-align: right;

        }

            .footer-logos i {

                display: inline-block;

                vertical-align: middle;

                font-size: 30px;

                margin: 0 6px;

            }

            .footer-logos img {

                display: inline-block;

                vertical-align: middle;

                margin-left: 13px;

/*                width: 65px;*/

            }



    

    .agentpro-footer a {

        color: var(--text-color-alt);

        -webkit-transition: color .3s;

        -o-transition: color .3s;

        transition: color .3s;

    }

        .agentpro-footer a:hover {

            color: var(--secondary-color);       

        }

    .agentpro-footer .agentpro-logo {



    }

        .agentpro-footer .agentpro-logo a {

            display: inline-block;

        }





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

 *

 * 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,.1);

    }

    .ip-banner canvas{

        display: block;

        position: relative;

        z-index: 0;

        width: 100%;

/*        height: 130px;*/

        background-color: #f9f7f7;

        background-position: center center;

        background-repeat: no-repeat;

        background-size: cover;

        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: #FFF;

            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: 77.08%; }

#content-full #content { width: 100%; }



/* Adjust width of sidebar */

.sidebar{ width: 20.83%; }



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

    font-size: 35px;

    line-height: 1;

    text-transform: capitalize;

    color: var(--primary-color);

    font-family: var(--heading-font), sans-serif;

    margin-top: 0;

}



#content p {

    font-size: 15px;

    color: var(--text-color);

    letter-spacing: 0;

}



/* Styles for category/archive/search/etc subheadings (h2) */

#content .archive-subtitle { 

    font-size: 25px;

    line-height: 1;

    text-transform: capitalize;

    color: var(--primary-color);

    font-family: var(--heading-font), sans-serif;

    margin-top: 0;

    text-align: left;

}



.sidebar .agent-info-details {

    position: relative;

}

    .sidebar .agent-info-details:before {

        opacity: 1;

        background: var(--secondary-color);

    }

    .sidebar .agent-info-details h2 {

        margin-top: 0;

        font-size: 25px;

    }



    .sidebar .agent-contact {

        font-size: 0;

    }

        .sidebar .agent-contact span {

            display: block;

        }

.error-page-content-wrapper  div.wpcf7-response-output {
    margin: 0;
    text-align: center;
}

.ai-contact-wrap span.context-email em.ai-font-location {
    min-width: 25px;
}

.post-type-archive-communities .ip-banner canvas{
    background-image: url(/wp-content/uploads/2020/05/iStock-491246107.jpg);
}

.bootstrap-select>.dropdown-toggle {
    padding: 8px 32px;
    background-color: transparent;
    background-image: none;
    border: none;
}

.homes-for-sale-results .ip-banner canvas {
    background-image: url(/wp-content/uploads/2020/05/iStock-1054716488.jpg);
}

.leaflet-pane {
    z-index: 0 !important;
}

#content .entry #ihf-main-container ul {
    padding-left: 0;
    margin-left: 0;
}

#ihf-detail-features-tab .row.mt-10 {
    margin-left: 0;
    margin-right: 0;
}

img[src="https://deviceid.trueleadid.com/vng.gif"] {
    display: none;
}

.grecaptcha-badge {
    z-index: 1010;
}

.ihf-modal-form-captcha {
    overflow: hidden;
}

.aios-mobile-header-wrapper {
    z-index: 1026 !important;
}

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