/*
Theme Name:   Realty Child Theme
Theme URI:    http://demo.themetrail.com/realty/
Description:  Realty Child Theme
Author:       ThemeTrail
Author URI:   http://themetrail.com
Template:     realty
Version:      1.0
Text Domain:  realty_child
*/

@import url("../realty/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */
.property-item .property-content .property-title > h3{
    min-height: 108px;
}
.property-item .property-content .property-meta{
    min-height: 92px;
}
/* ---------- HEADER ---------- */
#header .top-header{
	display: none;
}
#header > .container{
	width: 100% !important;
	margin: 0px !important;
	padding: 0px;
}
#header > .container > .site-branding{
    max-width: 424px !important;
    margin-left: auto;
    margin-right: auto;
}
#header > .container > .site-branding .site-title{
    max-width: 424px !important;
    width: auto;
}
#header .site-title > a > img{
    border: 2px solid #fff;
}
#header > .container > .site-branding .contact-info{
    
}
.top-header > .container .primary-tooltips{
    display: none;
}
.top-header-sidebar{
    height: 50px; !important;
}
.top-header-sidebar,
.top-header-sidebar .textwidget{
    width: 100% !important;
}
.top-header-sidebar .textwidget a{
    color: #fff;
}
.top-header-sidebar .textwidget .float-left{
    float: left;
}
#header > div.top-header > div > div.top-header-sidebar > div > a:nth-child(3){
	margin-right: 30px;
}
.top-header-sidebar .textwidget .float-right{
    float: right;
}
.top-header-sidebar .textwidget a span{
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    margin-right: 10px;
}

/* Main Menu */
#header > .container > .main-navigation{
    width: 100%;
}
#header > .container > .main-navigation > .primary-menu{
    max-width: 1200px;
    margin-left: auto !important;
    margin-right: auto !important;
}
#header > .container > .main-navigation > .primary-menu li a{
    color: #fff;
    line-height: 60px !important;
    padding: 5px 20px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}
/* Underline Effect */
.primary-menu > li > a::after {
    display: block;
    content: "";
    width: 30%;
    height: 2px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 35%;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    opacity: 0;
    margin-bottom: 10px;
}
.primary-menu > li > a:hover::after {
    width: calc(100% - 30px);
    left: 15px;
    opacity: 1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/* ---------- FOOTER ---------- */
.site-footer{
	margin-top: 0px !important;
}
/* Footer Top */
.site-footer .site-footer-top{
    background: #007ad7;
    padding-top: 20px !important;
}
.site-footer-top a{
    color: #fff;
}
.site-footer-top i{
    margin-right: 20px;
}
.site-footer-top h5.widget-title{
    font-weight: 600;
    margin-top: 20px;
}
#footer-top a:hover{
    color: #011786 !important;
}
#footer > #footer-top > .container > .row > div span{
    font-weight: 600;
    font-size: 14px
}

/* Footer Bottom */
.site-footer .site-footer-bottom{
    background: #011786 !important;
    padding: 10px 0px !important;
    color: #fff !important;
}
.site-footer .site-footer-bottom a{
    color: #fff !important;
}

/* ---------- CONTACT PAGE ---------- */
iframe{
    width: 100%;
}

/* Contact Form */
#post-60 #wpcf7-f10-p60-o1 h3{
    text-align: center;
    color: #011786 !important;
    font-weight: 600;
}
#post-60 #wpcf7-f10-p60-o1 p{
    width: 49%;
}
#post-60 #wpcf7-f10-p60-o1 > form > p:nth-child(6){
    float: right;
    margin-top: -168px;
}
#post-60 #wpcf7-f10-p60-o1 > form > p:nth-child(6) > span > textarea{
    height: 208px;
    border-radius: 5px;
}
#post-60 #wpcf7-f10-p60-o1 > form > p:nth-child(7) > input{
    width: 100%;
}

/* ------------ PROPERTY PAGE ------------ */
#content{
    margin-bottom: 0px !important;
}
.property-template-default #content #main-content #agent,
.property-template-default #content #main-content #similar-properties,
.property-template-default #property-layout-full-width > div.property-header-container > div > div > h1 > span:nth-child(3){
    display: none;
}
.property-icons .add-to-favorites,
.property-icons .compare-property{
    display: none;
}
.slide-item .wrapper .inner{
    vertical-align: bottom !important;
}
.slide-item .excerpt.description p:nth-child(1){
    display: none;
}
.slide-item .property-data{
    border-top: 0px !important;
    padding-top: 0px !important;
}
.slide-item .property-price{
    margin-right: 20px;
}

/* 
=========================================================================
							MEDIA QUEIRIES
=========================================================================
*/

/* ------------------------- 1170px ------------------------- */ 

@media (max-width: 1170px){
	#header .primary-menu > li > a{
		padding: 5px 11px !important;
	}
}

/* ------------------------- 1024px ------------------------- */ 

@media (max-width: 1024px){
	.top-header{
		display: none;
	}
	#header .primary-menu > li > a{
		padding: 5px 7px !important;
	}
}

/* ------------------------- 991px ------------------------- */ 

@media (max-width: 991px){
	#header > .container > .site-branding {
		max-width: 100% !important;
	}
	#header > .container > .site-branding .site-title{
		margin-left: auto !important;
		margin-right: auto !important;
	}
	#header #toggle-navigation{
		top: 80px;
    	right: 50px;
	}
	#toggle-navigation i:before,
	#toggle-navigation i,
	#toggle-navigation i:after{
		background-color: #fff !important;
	}
	.main-navigation{
		max-width: 30% !important;
		background: #007ad7 !important;
		padding: 0px;
	}
	.main-navigation #menu-primary-menu li a{
		text-align: center;
		color: #fff !important;
		border-bottom: 1px solid #fff !important;
	}
	.main-navigation #menu-primary-menu li a:hover{
		background: #011786 !important;
	}
}

/* ------------------------- 1024px ------------------------- */ 

@media (max-width: 1024px){

}

/* ------------------------- 600px ------------------------- */ 

@media (max-width: 600px){
    #header > .container > .site-branding .site-title{
        margin-left: 10px !important;
        margin-right: auto !important;
    }
    #header .site-title > a > img{
        max-width: 70% !important;
    }
    #header #toggle-navigation{
        top: 70px;    
    }
    #post-60 #wpcf7-f10-p60-o1 p{
        width: 100%;
    }
    #post-60 #wpcf7-f10-p60-o1 > form > p:nth-child(6){
        margin-top: 0px;
    }
}

/* ------------------------- 470px ------------------------- */ 

@media (max-width: 470px){
    #header #toggle-navigation{
        top: 60px;
        right: 20px;
    }
}