/*
Theme Name: Santa Barbara Estates
Description: AIOS mobile semi-custom theme.
Author: AgentImage
Author URI: http://www.agentimage.com
Version: 1.5.6
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 */

body{
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    background: #FFF;
    color: #312d2d;
    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; */
}

p {
    font-size: 14px;
    color: #312d2d;
    line-height: 1.5;
    letter-spacing: 0.08em;
}

a {
    outline: none !important;
}

.slick-slide {
    outline: none !important;
}

.site-easing {
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.section-title {
    text-align: center;
}
.section-title::after {
    content: '';
    display: block;
    width: 200px;
    height: 4px;
    background: #fcc643;
    margin: 20px auto auto;
}
    .section-title h2 {
        font: 700 36px/1 'Montserrat', sans-serif;
        color: #fcc643;
        letter-spacing: 0.08em;
        text-shadow: 1px 1px 1px #0f4c8c;
        text-transform: uppercase;
    }

#main-wrapper {
    overflow: hidden;
}

/* Main Header */
#main-header {
    background: #006633;
    position: absolute;
    z-index: 1025;
    font-size: 0;
    width: 100%;
    top: 0;
    left: 0;
}
    .default-header {

    }
        .default-header-top {

        }
            .default-header-top .container {
                display: flex;
                align-items: center;
                justify-content: space-between;
                height: 120px;
            }
            .default-header-top .container::before,
            .default-header-top .container::after {
                display: none;
            }
            .default-header-top-left {
                /*width: 470px;*/
            }
                .default-header-top-left a {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: center;
                }
                    .default-header-top-left strong {
                        font: 700 30px/1 'Montserrat', sans-serif;
                        color: #fcc643;
                        letter-spacing: 0.08em;
                        text-transform: uppercase;
                        text-shadow: 1px 1px 1px #0f4c8c;
                    }
                    .default-header-top-left span {
                        font: 400 18px/1 'Raleway', sans-serif;
                        color: #ffffff;
                        letter-spacing: 0.08em;
                        margin-top: 6px;
                    }
            .default-header-top-middle {
                /*width: calc( 100% - 900px );*/
            }
                .default-header-top-middle iframe {
                    display: block;
                    width: 100%;
                    max-width: 260px;
                    margin: auto;
                }
            .default-header-top-right {
                display: flex;
                align-items: center;
                /*width: 430px;*/
            }
                .default-header-contact {

                }
                    .default-header-contact ul {

                    }
                        .default-header-contact li {
                            /*margin: 14px 0;*/
                            text-align: right;
                        }
                            .default-header-contact i {
                                font-size: 18px;
                                /*font-weight: 700;*/
                                color: #ffffff;
                                margin-right: 10px;
                                width: 18px;
                            }
                            .default-header-contact i.ai-font-envelope-o {
                                font-size: 12px;
                            }
                            .default-header-contact strong {
                                display: block;
                                font: 700 18px/1 'Raleway', sans-serif;
                                color: #ffffff;
                                letter-spacing: 0.08em;
                            }
                            .default-header-contact a,
                            .default-header-contact span {
                                font: 400 14px/1 'Raleway', sans-serif;
                                color: #ffffff;
                                letter-spacing: 0.08em;
                                -webkit-transition: all 0.35s ease-in-out;
                                -moz-transition: all 0.35s ease-in-out;
                                -o-transition: all 0.35s ease-in-out;
                                transition: all 0.35s ease-in-out;
                            }
                            .default-header-contact a:hover {
                                color: #fcc643;
                            }
                            .default-header-contact span {
                                display: block;
                                margin-top: 5px;
                            }
                .default-header-button {
                    margin-left: 32px;
                }
                    .default-header-button a {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        position: relative;
                        width: 194px;
                        height: 68px;
                        max-width: 100%;
                        background: #fcc643;
                        font: 700 18px/1 'Raleway', sans-serif;
                        color: #006633;
                        letter-spacing: 0.08em;
                        text-transform: uppercase;
                    }
                    .default-header-button a:hover {
                        background: #0b8046;
                        color: #fcc643;
                    }
                    .default-header-button a:before {
                        content: '';
                        display: block;
                        position: absolute;
                        width: calc( 100% - 8px );
                        height: calc( 100% - 8px );
                        top: 0;
                        bottom: 0;
                        left: 0;
                        right: 0;
                        margin: auto;
                        border: 1px solid #ffffff;
                    }
        .default-header-bottom {
            background: #0b8046;
            border-top: 1px solid #ffffff;
            border-bottom: 1px solid #ffffff;
            padding: 14px 0;
        }
            nav {

            }
                .site-nav {
                    text-align: center;
                }
                    .site-nav li {
                        display: block;
                        position: relative;
                    }
                        .site-nav li a {
                            display: block;
                            position: relative;
                            font-size: 14px;
                            color: #fefefe;
                            line-height: 1;
                            letter-spacing: 0.08em;
                            text-transform: uppercase;
                            -webkit-transition: all 0.35s ease-in-out;
                            -moz-transition: all 0.35s ease-in-out;
                            -o-transition: all 0.35s ease-in-out;
                            transition: all 0.35s ease-in-out;
                        }
                    .site-nav > li {
                        display: inline-block;
                        vertical-align: middle;
                        margin-left: 34px;
                        margin-right: 34px;
                    }
                    .site-nav > li:first-child {
                        margin-left: 0 !important;
                    }
                    .site-nav > li:last-child {
                        margin-right: 0 !important;
                    }
                        .site-nav > li > a {

                        }
                        .site-nav > li:hover > a {
                            color: #fcc643;
                        }
                        .site-nav .sub-menu-wrap {
                            position: absolute;
                            width: 100%;
                            min-width: 270px;
                            text-align: center;
                            opacity: 0;
                            transform: translateY(20px);
                            pointer-events: none;
                            -webkit-transition: all 0.35s ease-in-out;
                            -moz-transition: all 0.35s ease-in-out;
                            -o-transition: all 0.35s ease-in-out;
                            transition: all 0.35s ease-in-out;
                        }
                        .site-nav li:hover > .sub-menu-wrap {
                            opacity: 1;
                            transform: translateY(0);
                            pointer-events: auto;
                        }
                        .site-nav > li > .sub-menu-wrap {
                            left: -150%;
                            right: -150%;
                            margin: auto;
                            padding-top: 15px;
                        }
                        .site-nav .sub-menu-wrap .sub-menu-wrap {
                            top: 0;
                            margin-left: 100%;
                        }
                            .site-nav .sub-menu {
                                background: rgba(11,128,70,0.85);
                                padding: 12px 0;
                            }
                                .site-nav .sub-menu li {

                                }
                                    .site-nav .sub-menu li a {
                                        font-weight: 700;
                                        color: #c3c1c1;
                                        padding: 8px 5px;
                                    }
                                    .site-nav .sub-menu li:hover > a {
                                        background: #006634;
                                        color: #fcc643;
                                    }
                                
    .fixed-header {
        display: none;
        position: fixed;
        width: 100%;        
        top: 0;
        background: rgba(0,102,51,0.8);
    }
        .fixed-header .container {
            display: flex;
            align-items: center;
            justify-content: space-between;
            height: 95px;
        }
        .fixed-header .container::before,
        .fixed-header .container::after {
            display: none;
        }
            .fixed-header-left {
                /*width: 376px;*/
            }
                .fixed-header-left a {

                }
                    .fixed-header-left strong {
                        font: 700 24px/1 'Montserrat', sans-serif;
                        color: #fcc643;
                        letter-spacing: 0.08em;
                        text-transform: uppercase;
                        white-space: nowrap;
                        text-shadow: 1px 1px 1px #0f4c8c;
                    }
                    .fixed-header-left span {
                        font: 400 15px/1 'Raleway', sans-serif;
                        color: #ffffff;
                        letter-spacing: 0.08em;
                        margin-top: 6px;
                        display: block;
                        text-align: center;
                    }
            .fixed-header-right {
                /*width: calc( 100% - 376px );*/
            }
                #fixed-nav {
                    text-align: right;
                }
                    #fixed-nav > li {
                        margin-left: 22px;
                        margin-right: 22px;
                    }
                    #fixed-nav > li > .sub-menu-wrap {
                        padding-top: 40px;
                    }
                    #fixed-nav .sub-menu {
                        background: rgba(0,102,51,0.8);
                    }

/* Hero */
#hero {

}
    .slide-holder {
        position: relative;
    }
    .slide-holder::after {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: #000000;
        opacity: 0.25;
    }

/* Communities */
.hp-communities {
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    font-size: 0;
    z-index: 1;
}

    .hp-communities .hp-comm-bg {
        position: absolute;
        z-index: -1;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
    }

    .hp-communities .hp-comm-bg:before,
    .hp-communities .hp-comm-bg:after{
        content: '';
        position: absolute;
        left: 0;
        width: 100%;
        height: 20%;
    }

    .hp-communities .hp-comm-bg:before{
        top: 0;

        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+40,0+100 */
        background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 40%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 40%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */

    }

    .hp-communities .hp-comm-bg:after{
        bottom: 0;

        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+60 */
        background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

    }
.hp-communities::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #8bb9f1;
    opacity: 0.5;
    z-index: -1;
}
/*.hp-communities::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 385px;
    top: -200px;
    left: 0;
    background: url(images/communities-gradient.png) repeat-x center center;
    z-index: 1;
}*/
    .hp-communities .container {
        position: relative;
        z-index: 2;
    }
    .hp-communities .section-title + p {
        font-size: 14px;
        color: #2e4e73;
        line-height: 1.5;
        letter-spacing: 0.08em;
        text-align: center;
        margin-top: 32px;
        margin-bottom: 78px;
    }
    .communities-holder {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
        .communities-item {
            width: 22.5%;
            margin: 36px 0;
            overflow: hidden;
        }
            .communities-item a {
                display: block;
                position: relative;
                border: 2px solid #ffffff;
            }
                .communities-image {

                }
                    .communities-image canvas {
                        display: block;
                        width: 100%;
                        background-color: #cccccc;
                        background-position: center center;
                        background-repeat: no-repeat;
                        background-size: cover;
                    }
                    .communities-image div {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        position: absolute;
                        width: 100%;
                        height: 44px;
                        bottom: 14px;
                        font-size: 14px;
                        font-weight: 700;
                        color: #fefefe;
                        line-height: 1;
                        letter-spacing: 0.08em;
                        background: rgba(0,84,166,0.65);
                        -webkit-transition: all 0.35s ease-in-out;
                        -moz-transition: all 0.35s ease-in-out;
                        -o-transition: all 0.35s ease-in-out;
                        transition: all 0.35s ease-in-out;
                    }
                    .communities-purple .communities-image div {
                        background: rgba(131,60,197,0.65);
                    }
                    .communities-red .communities-image div {
                        background: rgba(237,28,36,0.65);
                    }
                    .communities-green .communities-image div {
                        background: rgba(47,122,66,0.65);
                    }
                    .communities-yellow .communities-image div {
                        background: rgba(255,245,104,0.65);
                    }
                    .communities-item a:hover .communities-image div {
                        opacity: 0;
                        transform: translateY(50px);
                    }
                .communities-text {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: center;
                    position: absolute;
                    width: calc( 100% + 4px );
                    height: calc( 100% + 4px );
                    top: -2px;
                    left: -2px;
                    background: rgba(0,84,166,0.65);
                    padding: 0 12px;
                    opacity: 0;
                    transform: translateY(-50px);
                    -webkit-transition: all 0.35s ease-in-out;
                    -moz-transition: all 0.35s ease-in-out;
                    -o-transition: all 0.35s ease-in-out;
                    transition: all 0.35s ease-in-out;
                }
                .communities-purple .communities-text {
                    background: rgba(131,60,197,0.65);
                }
                .communities-red .communities-text {
                    background: rgba(237,28,36,0.65);
                }
                .communities-green .communities-text {
                    background: rgba(47,122,66,0.65);
                }
                .communities-yellow .communities-text {
                    background: rgba(255,245,104,0.65);
                }
                .communities-item a:hover .communities-text {
                    opacity: 1;
                    transform: translateY(0);
                }
                    .communities-name {
                        font: 700 17px/1 'Montserrat', sans-serif;
                        color: #fefefe;
                        letter-spacing: 0.08em;
                    }

                    .communities-area {
                        display: block;
                        font: 700 17px/1 'Montserrat', sans-serif;
                        color: #fefefe;
                        letter-spacing: 0.08em;
                        margin: 10px 0;
                        text-align: center;
                    }
                    .communities-text p {
                        font-size: 10px;
                        color: #fefefe;
                        line-height: 1.8;
                        letter-spacing: 0.08em;
                        text-align: center;
                        margin: 26px 0 10px;
                    }
                    .communities-button {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        font: 700 14px/1 'Montserrat', sans-serif;
                        color: #ffffff;
                        letter-spacing: 0.08em;
                        text-transform: uppercase;
                        width: 100%;
                        max-width: 190px;
                        height: 36px;
                        border: 1px solid #ffffff;
                        margin-top: 15px;
                    }

#hp-santa-barbara {
    background-image: url(images/fc-santa-barbara-bg.jpg);
    padding: 40px 0 30px;
    overflow: hidden;
}
#hp-santa-barbara::after {
    top: -180px;
}
    #hp-santa-barbara .section-title + p {
        color: #2e4e73;
    }

#hp-montecito {
    background-image: url(images/fc-montecito-bg.jpg);
    padding: 40px 0 38px;
}

#hp-hope-ranch {
    background-image: url(images/fc-hope-ranch-bg.jpg);
    padding: 40px 0 45px;
}

#hp-goleta {
    background-image: url(images/fc-goleta-bg.jpg);
    padding: 38px 0 40px;
}

#hp-carpinteria-summerland {
    background-image: url(images/fc-carpinteria-summerland-bg.jpg);
    padding: 40px 0 555px;
}

/* Main Footer */
#main-footer {
    margin-top: -446px;
    font-size: 0;
}
.ip-container #main-footer {
    margin-top: 0;
}
    .footer-top {
        position: relative;
        padding: 0 0 150px;
        z-index: 1;
    }
    .ip-container .footer-top {
        background: url(images/fc-carpinteria-summerland-bg.jpg) no-repeat center center / cover;
        padding: 50px 0;
    }
    .ip-container .footer-top::before {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: #325885;
        opacity: 0.5;
    }
        .call-to-action-holder {
            display: flex;
            align-items: center;
            justify-content: space-between;
            max-width: 1060px;
            margin: auto;
        }
            .call-to-action-item {
                width: 28.01%;
                max-width: 300px;
            }
                .call-to-action-item a {
                    display: block;
                    position: relative;
                    overflow: hidden;
                    border-radius: 50%;
                }
                    .call-to-action-image {
                        position: relative;
                    }
                    .call-to-action-image::after {
                        content: '';
                        display: block;
                        position: absolute;
                        width: 100%;
                        height: 100%;
                        top: 0;
                        left: 0;
                        opacity: 0.54;
                        background: #e1d456;
                        -webkit-transition: all 0.35s ease-in-out;
                        -moz-transition: all 0.35s ease-in-out;
                        -o-transition: all 0.35s ease-in-out;
                        transition: all 0.35s ease-in-out;
                    }
                    .call-to-action-item a:hover .call-to-action-image::after {
                        background: #4b4b4a;
                    }
                        .call-to-action-image canvas {
                            display: block;
                            width: 100%;
                            background-color: #cccccc;
                            background-position: center center;
                            background-repeat: no-repeat;
                            background-size: cover;
                        }
                    .call-to-action-text {
                        position: absolute;
                        width: 100%;
                        height: 100%;
                        top: 0;
                        left: 0;
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        justify-content: center;
                        font-family: 'Raleway', sans-serif;
                        font-size: 24px;
                        color: #ffffff;
                        line-height: 1;
                        letter-spacing: 0.08em;
                        text-transform: uppercase;
                        -webkit-transition: all 0.35s ease-in-out;
                        -moz-transition: all 0.35s ease-in-out;
                        -o-transition: all 0.35s ease-in-out;
                        transition: all 0.35s ease-in-out;
                    }
                    .call-to-action-item a:hover .call-to-action-text {
                        transform: scale(1.2);
                    }
                        .call-to-action-text span {
                            
                        }
                        .call-to-action-text strong {
                            margin-top: 10px;
                        }
    .footer-middle {
        background: #363636;
        padding: 80px 0 78px;
    }
        .footer-middle .container {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
        }
        .footer-middle .container::before,
        .footer-middle .container::after {
            display: none;
        }
            .footer-middle-col {
                width: 270px;
                padding-top: 18px;
            }
                .footer-middle-col .head-title {
                    font: 700 20px/1 'Raleway', sans-serif;
                    color: #ffffff;
                    letter-spacing: 0.2em;
                    text-transform: uppercase;
                    margin-bottom: 30px;
                }
                    .field-input {
                        display: inline-block;
                        vertical-align: middle;
                        margin-top: 2px;
                        margin-bottom: 2px;
                    }
                    .field-lg {
                        width: 100%;
                    }
                    .field-sm {
                        width: calc( 50% - 2px );
                        margin-right: 4px;
                    }
                    .field-nomar {
                        margin-right: 0;
                    }
                        .field-input input,
                        .field-input select,
                        .field-input textarea {
                            -webkit-appearance: none;
                            -moz-appearance: none;
                            appearance: none;
                            border: 0;
                            background: #ffffff;
                            width: 100%;
                            height: 35px;
                            font: 400 12px 'Lato', sans-serif;
                            color: #948f8f;
                            letter-spacing: 0.2em;
                            padding: 0 15px;
                        }
                        .field-input select::-ms-expand {
                            display: none;
                        }
                        .field-input textarea {
                            resize: none;
                            height: 74px;
                            padding-top: 12px;
                        }
            .footer-quick-search {
                width: 20.76%;
            }
                .quick-search-form {

                }
                    .quick-search-form form {
                        display: flex;
                        flex-wrap: wrap;
                    }
                        .quick-search-form input[type="submit"] {
                            vertical-align: middle;
                            -webkit-appearance: none;
                            -moz-appearance: none;
                            appearance: none;
                            border: 0;
                            width: calc( 50% - 2px );
                            height: 35px;
                            margin-top: 2px;
                            margin-right: 4px;
                            background: #fcc643;
                            font: 400 12px 'Lato', sans-serif;
                            color: #ffffff;
                            letter-spacing: 0.2em;
                            text-transform: uppercase;
                        }
                        .quick-search-form input[type="submit"]:hover {
                            background: #beac50;
                        }
                        .quick-search-form .advanced-button {
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            width: calc( 50% - 2px );
                            height: 35px;
                            margin-top: 2px;
                            background: #006633;
                            font: 400 12px 'Lato', sans-serif;
                            color: #ffffff;
                            letter-spacing: 0.2em;
                            text-transform: uppercase;
                        }
                        .quick-search-form .advanced-button:hover {
                            background: #005128;
                        }
            .footer-contact-form {
                width: 20.76%;
            }
                .contact-us-form {

                }
                    .contact-us-form form {
                        display: flex;
                        flex-wrap: wrap;
                        position: relative;
                    }
                        .contact-us-form input[type="submit"] {
                            vertical-align: middle;
                            -webkit-appearance: none;
                            -moz-appearance: none;
                            appearance: none;
                            border: 0;
                            width: 100%;
                            height: 35px;
                            margin-top: 2px;
                            background: #fcc643;
                            font: 400 12px 'Lato', sans-serif;
                            color: #ffffff;
                            letter-spacing: 0.2em;
                            text-transform: uppercase;
                        }
                        .contact-us-form input[type="submit"]:hover {
                            background: #beac50;
                        }
                    .contact-us-form .wpcf7-form-control-wrap {
                        display: block;
                    }
                    .contact-us-form .use-floating-validation-tip span.wpcf7-not-valid-tip {
                        font-size: 11px;
                    }
                    .contact-us-form div.wpcf7 .ajax-loader {
                        position: absolute;
                        margin: auto;
                        right: 0;
                        left: 0;
                        bottom: -20px;
                    }
                    .contact-us-form div.wpcf7-response-output {
                        position: absolute;
                        width: 100%;
                        font-size: 12px;
                        line-height: 1;
                        color: #ffffff !important;
                        margin: 0;
                        bottom: -40px;
                        text-align: center;
                    }
            .footer-testimonials {
                width: 25%;
            }
                .testimonials-holder {

                }
                    .testimonials-slick {

                    }
                        .testimonials-slide {

                        }
                        .testimonials-slick:not(.slick-initialized) .testimonials-slide {
                            display: none;
                        }
                        .testimonials-slick:not(.slick-initialized) .testimonials-slide:first-child {
                            display: block;
                        }
                            .testimonials-slide p {
                                font: 400 14px/1.7 'Raleway', sans-serif;
                                color: #ffffff;
                                letter-spacing: 0.2em;
                                margin-bottom: 34px;
                            }
                            .testimonials-slide a {
                                font: 700 14px/1.3 'Raleway', sans-serif;
                                color: #ffffff;
                                letter-spacing: 0.2em;
                            }
                            .testimonials-slide a:hover {
                                color: #fcc643;   
                            }
            .footer-contact-info {
                width: 26.15%;
                /*width: 340px;*/
            }
                .contact-info-holder {
                    background: #fcc643;
                    font: 700 14px/1.5 'Montserrat', sans-serif;
                    color: #006633;
                    letter-spacing: 0.2em;
                    text-align: center;
                    padding: 20px 12px;
                }
                    .contact-info-holder strong {
                        display: block;
                        font-size: 24px;
                        margin-bottom: 2px;
                    }
                    .contact-info-holder a {
                        font-size: 18px;
                    }
    .footer-bottom {
        background: #1f1f1e;
    }
        .footer-bottom .container {
            height: 95px;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .footer-bottom .container::before,
        .footer-bottom .container::after {
            display: none;
        }
            .footer-bottom-left {
                /*width: calc( 100% - 150px );*/
            }
                .footernav {
                    display: none;
                    margin-bottom: 8px;
                }
                .ip-container .footernav {
                    display: block;
                }
                    .footernav li {
                        display: inline-block;
                        vertical-align: middle;
                        margin: 0 15px;
                    }
                    .footernav li:first-child {
                        margin-left: 0;
                    }
                    .footernav li:last-child {
                        margin-right: 0;
                    }
                        .footernav li a {
                            font: 400 11px/1.2 'Open Sans', sans-serif;
                            color: #c1bfbf;
                            letter-spacing: 0.01em;
                            text-transform: uppercase;
                            -webkit-transition: all 0.35s ease-in-out;
                            -moz-transition: all 0.35s ease-in-out;
                            -o-transition: all 0.35s ease-in-out;
                            transition: all 0.35s ease-in-out;
                        }
                        .footernav li a:hover {
                            color: #fcc643;
                        }
                .copyright {
                    font: 400 11px/1.2 'Open Sans', sans-serif;
                    color: #c1bfbf;
                    letter-spacing: 0.01em;
                    text-transform: uppercase;
                }
                    .copyright a {
                        -webkit-transition: all 0.35s ease-in-out;
                        -moz-transition: all 0.35s ease-in-out;
                        -o-transition: all 0.35s ease-in-out;
                        transition: all 0.35s ease-in-out;
                    }
                    .copyright a:hover {
                        color: #fcc643;
                    }
            .footer-bottom-right {
                display: flex;
                align-items: center;
                justify-content: flex-end;
                /*width: 150px;*/
            }
                .footer-bottom-right i {
                    font-size: 25px;
                    color: #c3c1c1;
                    margin-left: 5px;
                }
                .footer-bottom-right i:first-of-type {
                    margin-left: 0;
                }
 
/*******************************************************
 *
 * 3. 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,.6); */
    }


    .ip-banner canvas{
        display: block;
        position: relative;
        z-index: 0;
        width: 100%;
        height: 586px;
        min-height: 250px;
        background-color: #f9f7f7;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .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: 700 34px/1 'Montserrat', sans-serif;
    color: #efab30;
    line-height: 1;
    text-shadow: 1px 1px 2px #173a62;
    text-transform: uppercase;
    text-align: center;
}
#content .entry-title::after {
    content: '';
    display: block;
    width: 200px;
    height: 4px;
    background: #fcc643;
    margin: 20px auto auto;
}

/* Styles for category/archive/search/etc subheadings (h2) */
#content .archive-subtitle { 
    font: 700 28px/1 'Montserrat', sans-serif;
    color: #efab30;
    letter-spacing: 0.08em;
    text-shadow: 1px 1px 2px #173a62;
    text-transform: uppercase;
}

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


/* IP Page Title */
#content h2.ip-page-title {
    font: 700 30px/1 'Montserrat', sans-serif;
    color: #fcc643;
    letter-spacing: 0;
    text-transform: uppercase;
}

/* Newsletter page */
.ip-newsletter-wrap {
    max-width: 420px;
    margin: 0 auto;
    text-align: center;
}

.ip-newsletter-wrap .aidefcf-left{
    width: 100%;
}

/* Contact Page : START */
.page-id-14 #content .entry-title {
    text-align: center;
}
.ip-contact-page {
    max-width: 760px;
    margin: auto;
}
.ip-contact-page-photo {

}
.ip-contact-page-info {

}
.ip-contact-page-info [class*=aidefcf-wrapper-contact-us] .wpcf7 {
    max-width: 100%;
}

.page-id-117 #content .entry,
.page-id-117 #content .entry p {
    color: #2e4e73;
}

/* Contact Page : END */

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

#inner-page-wrapper {
    position: relative;
    margin-bottom: 0;
    /*background: #fff;*/
    background: url(images/custom-ip-bg.png) top center no-repeat;
    background-size: cover;
    padding-bottom: 80px;
}

/* #inner-page-wrapper::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(images/slide1.jpg) top center no-repeat;
    background-size: cover;
    opacity: .50;
    z-index: -1;
} */

/* page: newsletter */
#content .ip-newsletter h3 {
    margin: 0;
    line-height: 1;
    color: #fcc643;
    font-size: 21px;
    text-shadow: 1px 1px 1px #0f4c8c;
}

#content .ip-newsletter img {
    border: 2px solid #ffffff;
}

.newsletter-form .ai-default-cf7wrap input[type=email], 
.newsletter-form .ai-default-cf7wrap input[type=tel], 
.newsletter-form .ai-default-cf7wrap input[type=text],
.newsletter-form .ai-default-cf7wrap textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid;
    background: #ffffff;
    width: 100%;
    height: 35px;
    font: 400 12px 'Lato', sans-serif;
    color: #948f8f;
    letter-spacing: 0.2em;
    padding: 0 15px;
}

.newsletter-form .ai-default-cf7wrap textarea {
    height: 103px;
}

.newsletter-form input[type="submit"] {
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    width: 100%;
    height: 35px;
    margin-top: 2px;
    background-color: #fcc643 !important;
    font: 400 12px 'Lato', sans-serif;
    color: #ffffff;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

.newsletter-form input[type="submit"]:hover {
    background-color: #beac50 !important;
}

.newsletter-form .aidefcf-title span {
    font: 700 20px/1 'Raleway', sans-serif;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

#content .entry,
#content .entry p{
    color: #20426a;
}
#content .entry a{color: #337ab7;}

#content h2,
#content h2 a{
    font: 700 34px/1 'Montserrat', sans-serif;
    color: #efab30 !important;
    line-height: 1;
    text-shadow: 1px 1px 2px #173a62;
    text-transform: uppercase;
    position: relative;
    padding: 15px 0;
    margin: 0;
}
p.yoast-breadcrumbs {
    color: #efab30;
}

p.yoast-breadcrumbs a{
    color: #337ab7;
}

.quick-search-form .btn-group.bootstrap-select.show-tick.qs-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background: #ffffff;
    width: 100%;
    height: 35px;
    font: 400 12px 'Lato', sans-serif;
    color: #948f8f;
    letter-spacing: 0.2em;
    padding: 0 15px;
}

.quick-search-form button.btn.dropdown-toggle.bs-placeholder.btn-default,
.quick-search-form button.btn.dropdown-toggle.btn-default {
    height: 100%;
    padding: 0;
    margin: 0;
    border: none;
    background: transparent;
    outline: none !important;
    box-shadow: none;
}

.quick-search-form span.filter-option.pull-left {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    width: 100%;
    font: 400 12px 'Lato', sans-serif;
    color: #948f8f !important;
    letter-spacing: 0.2em;
}

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

.logged-in #main-wrapper {
    padding-top: 0px;
}


div.wpcf7-response-output{
    text-align: center;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450 !important; 
}


.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #ffb900 !important;
}


.page-id-154203 #content .comm-title {
    display: block;
    position: relative;
    padding: 20px 0;
}

.grecaptcha-badge{
    z-index: 99!important;
    visibility: visible!important;
}


.page-id-103 .entry .wpcf7 {
    position: relative;
}

.page-id-103 .entry .wpcf7-response-output {
    position: absolute;
    margin: -10px 0 0;
    width: 100%;
    font-size: 12px;
}

.select2-drop-mask {
    z-index: 1000;
}
.select2-drop {
    z-index: 1005;
}

img[src="https://southcoastestates.com/images/Contact/Chris.jpg"] {
    display: none;
}

#content .IDX-propertyInfoList {
    margin-left: 0;
    list-style-position: inside;
}

.contact-info-holder a:hover{
text-decoration: none;
}