/*
Theme Name: Marin Beautiful Homes Real Estate
Theme URI: http://aios3-staging.agentimage.com/m/marinbeautifulhomes_new.com/htdocs
Description: AIOS mobile semi-custom theme.
Author: AgentImage
Author URI: http://www.agentimage.com
Version: 1.4.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. Navigation
 *
 *******************************************************/


/* Sub Menu */
#nav .sub-menu {
    list-style: none outside none;
    margin: 0 0 0 0;
    display: none;
    background: none;
    padding: 34px 0 0;
    position: absolute;
    left: 0;
    width: 100%;
    min-width: 193px;
    z-index: 9;
}
.firefox-true #nav .sub-menu {
    /*padding: 40px 0 0;*/
}
#nav .sub-menu li:first-child {
    border-top: 5px solid #22431a;
}
#nav .sub-menu li {
    position: relative;
    padding-bottom: 1px;
}
#nav .sub-menu li:last-child a {
    border-bottom: none;
}
#nav .sub-menu a {
    color: #ffffff;
    font: 300 13px 'Open Sans', sans-serif;
    text-align: left;
    display: block;
    padding: 9px 10px 9px 15px;
    outline: none;
    text-decoration: none;
    background: rgba(74,101,50,0.90);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#nav .sub-menu a:hover {
    background: rgba(35,63,12,0.90);
}
#nav .sub-menu .sub-menu {
    margin-left: 100%;
 	top:0;
}
#nav li:hover > .sub-menu {
    display: block;
}
#nav .sub-menu li {
    position: relative;
}


/*******************************************************
 *
 * 2. Custom CSS
 *
 *******************************************************/

/* Global */

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


/* HEADER */
.header-wrapper {
    position: fixed;
    display: block;
    width: 100%;
    z-index: 1001;
    background: rgba(0,0,0,0.65);
}
    .header-logo {
        display: block;
        padding: 24px 0;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
        .header-logo img {
            width: 100%;
            max-width: 142px;
            display: block;
        }
        .header-logo:after {
            content: '';
            display: block;
            background: url("images/header-logo-glow.png") no-repeat;
            width: 494px;
            height: 138px;
            position: absolute;
            top: 0;
            left: -140px;
            z-index: -1;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

    .header-contacts {
        position: relative;
        display: block;
        text-align: right;
        padding-top: 30px;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
        .header-smi {
            position: relative;
            display: inline-block;
            vertical-align: middle;
            margin-right: 16px;
        }
            .header-smi a {
                position: relative;
                display: inline-block;
                vertical-align: middle;
                color: #FFFFFF;
                font-size: 15px;
                margin: 0 6px;
                outline: none;
                text-decoration: none;
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -ms-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
            }
            .header-smi a:hover {
                color: #b69911;
            }

        .header-contact-info {
            position: relative;
            display: inline-block;
            vertical-align: middle;
        }
            .header-contact-info .tan-logo,
            .header-contact-info .phone,
            .header-contact-info .email {
                position: relative;
                display: inline-block;
                vertical-align: middle;
                color: #FFFFFF;
            }
			.header-contact-info .tan-logo{
				padding: 0 0 0 15px;
			}
			.header-contact-info .tan-logo img{
				width: 110px;
			}
                .header-contact-info .phone {
                    margin-right: 20px;
                }
                    .header-contact-info .email:after,
                    .header-contact-info .phone:after {
                        content: '';
                        display: block;
                        background: #FFFFFF;
                        width: 1px;
                        height: 12px;
                        position: absolute;
                        top: 4px;
                        right: -10px;
                    }
                .header-contact-info .phone span.ai-font-phone-o {
                    color: #b3a456;
                    font-size: 12px;
                    margin-right: 6px;
                }
                .header-contact-info .email span.ai-font-envelope-o {
                    color: #b3a456;
                    font-size: 9px;
                    margin-right: 6px;
                }
                .header-contact-info em,
                .header-contact-info a {
                    color: #FFFFFF;
                    font-size: 12px;
                }
                .header-contact-info a:hover {
                    color: #b69911;
                }


    .header-navigation {
        position: relative;
        display: block;
        padding-top: 16px;
    }
        /* Navigation */
        #nav {
            padding: 0;
            margin: 0;
            list-style: none;
            line-height: 1;
            text-align: right;
            font-size: 0;
        }
        #nav > li {
            display:inline-block;
            position: relative;
            padding: 0 1.5%;
        }
        #nav > li:last-child {
            padding-right: 0;
        }
        #nav > li > a {
            text-decoration: none;
            outline: none;
            color: #FFFFFF;
            font: 600 13px 'Muli', sans-serif;
            display: block;
            padding: 0 0 0;
            background: transparent;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }
        #nav > li:hover > a {
            color: #b69911;
            text-shadow: 0 0 3px #102229;
        }


/* FIXED HEADER */
.header-wrapper.fixed .header-logo {
    padding: 5px 0;
}
.header-wrapper.fixed .header-contacts {
    padding-top: 10px;
}
.header-wrapper.fixed .header-logo:after {
    height: 99px;
}
.header-wrapper.fixed #nav .sub-menu {
    padding: 16px 0 0;
}
.firefox-true .header-wrapper.fixed #nav .sub-menu {
    padding: 16px 0 0;
}




/* SLIDESHOW */
.slider-wrapper {
    position: relative;
    z-index: 1;
    background: #252525;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
/*#hpSlider {
    position: relative;
    display: block;
    height: 800px;
}*/
    .hp-slider {
        height: 100%;
        left: 0;
        position: relative;
        top: 0;
        width: 100%;
        z-index: 0;
    }
    .slider-wrapper:after {
        content: '';
        display: block;
        background: rgba(0,0,0,0.30);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: 0;
        opacity: 0;
        pointer-events: none;
    }


/* SLIDE TAGLINE */
.slide-tagline-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5;
    height: 100%;

}

.slide-tagline-wrapper div:not(.tagline) {
    height: 100%;
}

.slide-tagline-wrapper .textwidget {
    display: flex;
    flex-flow: column;
}

    .tagline {
        width: 100%;
        /* position: absolute;
        left: 0;
        bottom: 110px; */
        display: block;
        text-align: center;
    }

.tagline.center {
    bottom: 50%;
    transform: translateY(50%);
}

        .tagline h2 {
            position: relative;
            display: block;
            color: #FFFFFF;
            text-transform: uppercase;
            font: 500 34px/40px 'Poppins', sans-serif;
            text-shadow: 0 1px 2px rgba(0,0,0,0.5);
        }
        .tagline h2 span {
            text-transform: none;
            font: 200 34px/40px 'Poppins', sans-serif;
        }


/* QUICK SEARCH */
.qs-wrapper {
    position: relative;
    display: block;
    margin-top: -52px;
    z-index: 5;
}
    .qs-fields-wrap {
        position: relative;
        display: block;
        width: 100%;
        background: #252525;
        padding: 25px 0;
        font-size: 0;
    }
        .qs-title {
            position: relative;
            display: inline-block;
            vertical-align: middle;
            text-align: center;
            width: 22.81%;
        }
            .qs-title h2 span.qs-icon {
                position: relative;
                display: inline-block;
                vertical-align: middle;
                background: url("images/icon-magnify.png") center no-repeat;
                width: 48px;
                height: 48px;
                border: 1px solid #bca664;
            }
            .qs-title h2 {
                color: #FFFFFF;
                display: inline-block;
                vertical-align: middle;
                text-transform: uppercase;
                font: normal 20px 'Muli', sans-serif;
            }

        .qs-fields {
            position: relative;
            display: inline-block;
            vertical-align: middle;
            width: 77.19%;
        }
            .qs-group {
                position: relative;
                display: inline-block;
                vertical-align: top;
                margin-right: -1px;
            }
                .qs-group label {
                    display: none;
                }
                .qs-group select {
                    width: 100%;
                    height: 30px;
                    padding: 0 12px;
                    /*background: transparent url("images/qs-arrow-down.png") right 7px center no-repeat;*/
                    background: transparent;
                    border: 1px solid #6c6c6c;
                    -webkit-border-radius: 0;
                    -moz-border-radius: 0;
                    border-radius: 0;
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    appearance: none;
                    font: normal 11px 'Muli', sans-serif;
                    color: #ababab;
                }
                .qs-group.search .search-btn {
                    position: relative;
                    display: block;
                    color:#92af79;
                    font: bold 11px 'Muli', sans-serif;
                    background: #233f0c;
                    text-transform: uppercase;
                    border: none;
                    -webkit-border-radius: 0;
                    -moz-border-radius: 0;
                    border-radius: 0;
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    appearance: none;
                    text-align: center;
                    text-decoration: none;
                    width: 100%;
                    height: 30px;
                    -webkit-transition: all 0.3s ease-in-out;
                    -moz-transition: all 0.3s ease-in-out;
                    -ms-transition: all 0.3s ease-in-out;
                    -o-transition: all 0.3s ease-in-out;
                    transition: all 0.3s ease-in-out;
                }
                .qs-group.advanced a.advanced-btn {
                    position: relative;
                    display: block;
                    color:#233f0c;
                    font: bold 11px 'Muli', sans-serif;
                    background: #738a60;
                    text-transform: uppercase;
                    border: none;
                    -webkit-border-radius: 0;
                    -moz-border-radius: 0;
                    border-radius: 0;
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    appearance: none;
                    text-align: center;
                    text-decoration: none;
                    width: 100%;
                    height: 30px;
                    padding: 8px 0;
                    -webkit-transition: all 0.3s ease-in-out;
                    -moz-transition: all 0.3s ease-in-out;
                    -ms-transition: all 0.3s ease-in-out;
                    -o-transition: all 0.3s ease-in-out;
                    transition: all 0.3s ease-in-out;
                }

                /* HOVER */
                .qs-group.search .search-btn:hover {
                    background: #3a6914;
                }
                .qs-group.advanced a.advanced-btn:hover {
                    background: #46543b;
                }


                .qs-group.long {
                    width: 16.43%;
                }
                .qs-group.short {
                    width: 9.48%;
                }
                .qs-group.search {
                    width: 13.07%;
                }
                .qs-group.search {
                    width: 13.07%;
                    margin-left: 10px;
                }
                .qs-group.advanced {
                    width: 13.07%;
                }


/* WELCOME */
.welcome-wrapper {
    position: relative;
    display: block;
    width: 100%;
    margin-top: -46px;
    padding: 137px 0 68px;
    background: #545454;
}
.welcome-wrapper .tan-logo{
	padding: 20px 0 0;
}
.welcome-wrapper .tan-logo img{
	margin: 0 auto;
	width: 98%;
	max-width: 134px;
	display: block;
}
    .agent-content-holder {
        position: relative;
        display: block;
    }
        .agent-img{
			padding: 40px 0 0;
		}
        .agent-img img {
            width: 100%;
            max-width: 210px;
			display: block;
			margin: 0 auto 15px;
        }
        .agent-name h2 {
            display: block;
            /* color: #4a6532; */
            color: #fff;
            text-align: center;
            text-transform: uppercase;
            font: normal 20px/25px 'Libre Baskerville', serif;
        }
        .agent-position, .agent-dre {
            display: block;
            color: #FFFFFF;
            text-align: center;
            font: normal 12px/20px 'Poppins', sans-serif;
        }

    .welcome-content-wrap {
        position: relative;
        display: block;
        padding-top: 3px;
    }
        .welcome-title {
            position: relative;
            display: block;
        }
            .welcome-title h1 {
                /* color: #4a6532; */
                color: #fff;
                text-transform: uppercase;
                font: normal 42px 'Libre Baskerville', serif;
            }

        .welcome-text-content {
            position: relative;
            display: block;
            text-align: justify;
            color: #cccccc;
            padding-top: 35px;
            font: 200 16px/24px 'Muli', sans-serif;
        }
            .welcome-text-content ul {
                list-style-type: disc;
                color: #FFFFFF;
                margin-left: 65px;
                margin-top: 24px;
            }
            .welcome-text-content a.continue-reading {
                position: relative;
                display: block;
                outline: none;
                width: 192px;
                height: 45px;
                margin: 41px 0 0;
                padding: 14px 0;
                color: #738a60;
                background: transparent;
                letter-spacing: 1px;
                text-align: center;
                text-decoration: none;
                text-transform: uppercase;
                border: 1px solid #5e7b46;
                font: normal 11px 'Muli', sans-serif;
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -ms-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
            }
            .welcome-text-content a.continue-reading:hover {
                background: #5e7b46;
                color: #FFFFFF;
            }


/* FEATURED PROPERTIES */
.properties-wrapper {
    position: relative;
    display: block;
    background: url("http://aios3-staging.agentimage.com/m/marinbeautifulhomes_new.com/htdocs/wp-content/uploads/2019/04/iStock-477754371.jpg") center no-repeat;
    background-size: cover;
    width: 100%;
/*    height: 645px;*/
    padding: 77px 0;
    overflow: hidden;
}
    .properties-wrapper:after {
        content: '';
        display: block;
        background: rgba(0,0,0,0);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: 0;
    }
        .prop-content-wrap {
            position: relative;
            display: block;
            z-index: 5;
        }
            .prop-title {
                position: relative;
                display: block;
                text-align: center;
            }
                .prop-title h2 {
                    color: #233f0c;
                    text-transform: uppercase;
                    font: normal 25px 'Libre Baskerville', serif;
                }

            .properties-slider {
                position: relative;
                display: block;
                text-align: center;
                font-size: 0;
                margin: 72px -16px 0;
                padding: 0 0 0;
            }
                .properties-slider .prop-item {
                    position: relative;
                    display: block;
                    padding: 0 15px;
                }
                .properties-slider a {
                    position: relative;
                    display: block;
                    text-decoration: none;
                    outline: none;
                    box-sizing: border-box;
                    width: 100%;
                    padding: 0 0 0;
                    overflow: hidden;
                }
                    .prop-img-holder {
                        position: relative;
                        display: block;
                        background: center no-repeat;
                        background-size: cover;
                        width: 100%;
                        height: 278px;
                        bottom: 0;
                    }
                    .prop-desc {
                        /* position: absolute; */
                        width: 100%;
                        bottom: 0;
                        left: 0;
                        right: 0;
                    }
                        .prop-price {
                            position: relative;
                            display: block;
                            color: #FFFFFF;
                            z-index: 1;
                            padding-bottom: 8px;
                            font: 500 20px 'Poppins', sans-serif;
                        }
                        .prop-desc-border {
                            position: relative;
                            display: block;
                            width: 100%;
                            height: 11px;
                            -webkit-transition: all 0.3s ease-in-out;
                            -moz-transition: all 0.3s ease-in-out;
                            -ms-transition: all 0.3s ease-in-out;
                            -o-transition: all 0.3s ease-in-out;
                            transition: all 0.3s ease-in-out;
                            background: rgb(144,125,19);
                            background: -moz-linear-gradient(left, rgba(144,125,19,0.70) 25%, rgba(255,243,178,1) 49%, rgba(149,131,29,0.70) 75%);
                            background: -webkit-linear-gradient(left, rgba(144,125,19,0.70) 25%,rgba(255,243,178,1) 49%,rgba(149,131,29,0.70) 75%);
                            background: linear-gradient(to right, rgba(144,125,19,0.70) 25%,rgba(255,243,178,1) 49%,rgba(149,131,29,0.70) 75%);
                            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#907d13', endColorstr='#95831d',GradientType=1 );
                        }
                            .prop-desc-border:before {
                                content: '';
                                display: block;
                                background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
                                background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
                                background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
                                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 );
                                width: 100%;
                                height: 117px;
                                position: absolute;
                                bottom: 11px;
                                z-index: 0;
                                opacity: 1;
                            }

                        .prop-address {
                            position: relative;
                            display: block;
                            padding: 19px 0;
                            color: #b4b4b4;
                            background: rgba(0,0,0,0.90);
                            text-transform: capitalize;
                            font: normal 11px 'Muli', sans-serif;
                            -webkit-transition: all 0.3s ease-in-out;
                            -moz-transition: all 0.3s ease-in-out;
                            -ms-transition: all 0.3s ease-in-out;
                            -o-transition: all 0.3s ease-in-out;
                            transition: all 0.3s ease-in-out;
                        }

            .prop-view-more {
                position: relative;
                display: block;
                margin-top: 69px;
            }
                .prop-view-more a {
                    position: relative;
                    display: block;
                    outline: none;
                    text-decoration: none;
                    width: 192px;
                    height: 45px;
                    margin: 0 auto;
                    padding: 15px 0;
                    background: #233f0c;
                    color: #ffffff;
                    text-align: center;
                    text-transform: uppercase;
                    border: 1px solid #233f0c;
                    font: normal 11px 'Muli', sans-serif;
                    -webkit-transition: all 0.3s ease-in-out;
                    -moz-transition: all 0.3s ease-in-out;
                    -ms-transition: all 0.3s ease-in-out;
                    -o-transition: all 0.3s ease-in-out;
                    transition: all 0.3s ease-in-out;
                }

                /* HOVER */
                .properties-slider a:hover .prop-desc-border {
                    background: rgb(144,125,19);
                    background: -moz-linear-gradient(left, rgba(144,125,19,0.90) 25%, rgba(255,243,178,1) 49%, rgba(149,131,29,0.90) 75%);
                    background: -webkit-linear-gradient(left, rgba(144,125,19,0.90) 25%,rgba(255,243,178,1) 49%,rgba(149,131,29,0.90) 75%);
                    background: linear-gradient(to right, rgba(144,125,19,0.90) 25%,rgba(255,243,178,1) 49%,rgba(149,131,29,0.90) 75%);
                }
                .properties-slider a:hover .prop-address {
                    background: rgba(35,63,12,0.90);
                    color: #92af79;
                }
                .prop-view-more a:hover {
                    background: transparent;
                }
                .prop-view-more a:hover span {
                    color: #233f0c;
                }


/* FOOTER */
.footer-wrapper {
    position: relative;
    display: block;
    width: 100%;
    background: #252525;
    padding: 51px 0;
}
    .footer-content-holder {
        position: relative;
        display: block;
        text-align: center;
    }
        .fotoer-logo img {
            width: 100%;
            max-width: 115px;
        }
        .footer-contacts {
            position: relative;
            display: block;
            padding-top: 18px;
        }
            .footer-contacts .phone,
            .footer-contacts .email {
                position: relative;
                display: inline-block;
                vertical-align: middle;
                color: #bdbdbd;
            }
                .footer-contacts .phone {
                    margin-right: 20px;
                }
                .footer-contacts .phone:after {
                    content: '';
                    display: block;
                    background: #bdbdbd;
                    width: 1px;
                    height: 14px;
                    position: absolute;
                    top: 4px;
                    right: -10px;
                }
                    .footer-contacts .phone span.ai-font-phone-o {
                        color: #b3a456;
                        font-size: 14px;
                        margin-right: 6px;
                    }
                    .footer-contacts .email span.ai-font-envelope-o {
                        color: #b3a456;
                        font-size: 10px;
                        margin-right: 6px;
                    }
                    .footer-contacts em,
                    .footer-contacts a {
                        color: #bdbdbd;
                        font-size: 14px;
                        font-weight: bold;
                    }
                    .footer-contacts a:hover {
                        color: #b69911;
                    }
        .footer-copyright {
            position: relative;
            display: block;
            margin-top: 12px;
            color: #7b7b7b;
            font: normal 11px 'Muli', sans-serif;
        }
            .footer-copyright a {
                color: #7b7b7b;
            }
                .footer-copyright a:hover {
                    color: #fff;
                }

        .footer-bottom-logos {
            position: relative;
            display: block;
        }
            .footer-bottom-logos img {
                display: inline-block;
                vertical-align: middle;
                margin: 14px 9px 0;
            }



/*******************************************************
 *
 * 3. IP Styles
 *
 *******************************************************/
#inner-page-wrapper {
    padding-top: 137px;
}

/* 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: 74%; }
#content-full #content { width: 100%; }

/* Adjust width of sidebar */
.sidebar{
    width: 24%;
    margin-top: 75px;
    background: rgba(37,37,37,0.8);
    padding: 0 15px;
    color: #ababab;
    text-align: center;
}
    .sidebar .qs-fields {
        position: relative;
        display: block;
        width: 100%;
    }
        .sidebar .qs-group {
            margin-bottom: 5px;
        }
        .sidebar .qs-title {
            position: relative;
            display: block;
            text-align: center;
            width: 100%;
        }
            .sidebar .qs-title h2 span.qs-icon {
                display: block;
                margin: 0 auto 10px;
            }
            .sidebar .qs-group.long {
                width: 100%;
            }
            .sidebar .qs-group.short,
            .sidebar .qs-group.search,
            .sidebar .qs-group.advanced {
                width: 49%;
                margin-left: 0;
            }
            .sidebar .qs-group.left {
                float: left;
            }
            .sidebar .qs-group.right {
                float: right;
            }

    .sidebar .ai-default-cf7wrap input[type="text"],
    .sidebar .ai-default-cf7wrap input[type="tel"],
    .sidebar .ai-default-cf7wrap input[type="email"],
    .sidebar .ai-default-cf7wrap select,
    .sidebar .ai-default-cf7wrap textarea {
        border: 1px solid #6c6c6c;
        background: transparent;
        color: #ababab;
    }
    .sidebar input.wpcf7-form-control.wpcf7-submit {
        color: #92af79 !important;
        background: #233f0c !important;
    }
    .sidebar input.wpcf7-form-control.wpcf7-submit:hover {
        background: #3a6914 !important;
    }
    .sidebar .aidefcf-cl2 span {
        width: 100%;
    }


/* 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 post/page main headings (h1) */
#content .entry-title {
    color: #4a6532;
    text-transform: uppercase;
    font: normal 42px 'Libre Baskerville', serif;
}

/* Style category/archive/etc main headings (h1) */
#content .archive-title {
    color: #4a6532;
    text-transform: uppercase;
    font: normal 42px 'Libre Baskerville', serif;
}

/* Styles for category/archive/search/etc subheadings (h2) */
#content .archive-subtitle {

}

#breadcrumbs a {
    color: #4a6532;
}

div#inner-page-wrapper a {
    color: #4a6532;
}

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

.header-wrapper.fixed .header-logo img {
    max-width: 142px;
}
.bootstrap-select.btn-group .dropdown-menu.inner {
    max-height: 250px!important;
}
div#inner-page-wrapper a.view-details.pop-sold.listing-item,
div#inner-page-wrapper ul.list li .prop-det .view-details {
    color: #fff;
}

#inner-page-wrapper {
    z-index: initial;
}

#IDX-photoGallery .IDX-showcaseContent img {
    max-width: 100%;
}
#content #IDX-main ul {
    margin: 0;
}
#content .property-description .prop-cta a:hover,
.popup-wrap-mortage .mortage-calculator .m-form form div input[type="submit"]:hover {
    background: #233f0c;
}
.use-floating-validation-tip span.wpcf7-not-valid-tip {
    line-height: 1.2;
}
#content .listing-details-wrap .photo-slideshow .slick-prev,
#content .listing-details-wrap .photo-slideshow .slick-next {
    width: initial;
    height: initial;
}
#content a.roadmap-link {
    transform: translateY(-120px);
    display: block;
}
.admin-bar #content a.roadmap-link {
    transform: translateY(-152px);
    display: block;
}

aside.sidebar .use-floating-validation-tip span.wpcf7-not-valid-tip {
    width: auto;
}

.ip-container #main-wrapper {
    z-index: unset !important;
}

.sidebar .qs-fields .dropdown-menu {
    z-index: 10;
}

.prop-listing-title {
    font-size: 14px;
    line-height: normal;
    text-transform: uppercase;
    color: #FFF;
    z-index: 1;
    background: #000;
    position: absolute;
    top: 0px;
    padding: 10px 0;
    width: 100%;
}

#content .listing-details-wrap .details-head h2 {
    font-size: 26px;
}


.properties-slider a:before {
    position: absolute;
    top: 26px;
    left: -78px;
    content: 'sold';
    z-index: 999;
    width: 100%;
    font-size: 20px;
    background: red;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.4em;
    padding: 6px 0;
    transform: rotate(-44deg);
    opacity: 0;
}

.properties-slider a[href="http://www.marinbeautifulhomes.com/listing/305-vista-grande-greenbrae-ca-94904-1138/"]:before {
    opacity: 1;
}
.properties-slider a[href="http://www.marinbeautifulhomes.com/listing/80-reed-ranch-rd-tiburon-ca-94920-2056/"]:before {
    opacity: 1;
}
.properties-slider a[href="http://www.marinbeautifulhomes.com/listing/14-mann-dr-kentfield-ca-94904/"]:before {
    opacity: 1;
}

.properties-slider a[href="http://www.marinbeautifulhomes.com/listing/141-gilmartin-dr-belvedere-tiburon-ca-94920/"]:before {
    opacity: 1;
}



.tagline-holder {
    height: calc(100% - 203px) !important;
    position: absolute;
    top: 64%;
    left: 50%;
    transform: translate(-50% , -50%);
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    width: 100%;
}


.tagline:nth-child(3) h2 {
    font-size: 24px;
}

.tagline span.txt-s {
    font-size: 24px;
}




.properties-slider a[href="http://www.marinbeautifulhomes.com/listing/80-reed-ranch-rd-tiburon-ca-94920/"]:before {
    opacity: 1;
}
.properties-slider a[href="http://www.marinbeautifulhomes.com/listing/18-turner-dr-novato-ca-94949/"]:before {
    opacity: 1;
}