﻿/*Set base color*/
.navbar .btn.btn-navbar,#footer_bar,#top_border,.navbar,.dropdown .dropdown-menu,.coverage_footer, .navbar-inverse .nav-collapse .dropdown-menu a:hover,.navbar-inverse .nav-collapse .nav>li>a:focus, .navbar-inverse .nav-collapse .dropdown-menu a:focus
{
    background-color: #7a6f66;
}

body {
    font-size:13px;
}

.dropdown .dropdown-menu
{
    background-color: #978c84;
}

.primary-nav > .open > a, .primary-nav  .open  a:hover, .primary-nav  .open  a:focus,.navbar-inverse .nav-collapse .nav>li>a:hover,.navbar-inverse .nav li.dropdown.active>.dropdown-toggle,.dropdown-menu>.active>a
{
    background: #4c433c !important;
}

.coverage4,a:link,.coverage2
{
    color: #8e8279;
}

a:link,a:visited
{
    color: #a07755;
}

a:hover {
    color: #8e8077;
}

ul.primary-nav li.dropdown ul.dropdown-menu li a:hover, ul.primary-nav li.dropdown ul.dropdown-menu li a:active,  ul.primary-nav li.dropdown ul.dropdown-menu li a:focus,
ul.primary-nav li.dropdown:hover > a {
        background-color:#4c433c;
        background-image: none;
}


/*******   Top Section other portal buttons *************************************************************************/
 
.top_button_text1 a:hover { color: #f1b9c6; font-family: Calibri, Helvetica, sans-serif; font-size: 13px; text-decoration: none; font-weight: bold; }

  
.top_button_text2 a:hover { color: #97ceec; font-family: Calibri, Helvetica, sans-serif; font-size: 13px; text-decoration: none; font-weight: bold; }



/*******   Middle Section Under the carousel,  or top image on sub pages *************************************************************************/

.middle_area {	
	background-position: center top;
	background-color: #ffffff;
	font-family: 'Lato', sans-serif;
}

/*Color of infobar          the Recent news,  Portal access,   and Current   Feature   sections*/
.infobar_header {
	color: #7a6f66;
	font-family: 'Roboto Slab', serif;
}

.infotext_area1 {
	background: #e9e5e3;
}

@media screen and (max-width: 991px) {
    .info_feature1 {        
        background-position: left top;
    }
}

/*Smartphone Portrait*/
@media screen and (max-width: 320px) 
{
    .info_feature1 {		
		background-position: left top;
	}
}

@media (min-width: 1200px) 
{
    #body_background {
	    overflow: visible;
	    margin-left: auto; 
	    margin-right: auto;
	    width: 100%;	    
	    background-position: center top;
    }

    #body_background_sub {
	    overflow: visible;
	    margin-left: auto; 
	    margin-right: auto;
	    width: 100%;
	    min-height: 690px;	    
	    background-position: center top;
    }
}
@media screen and (max-width: 1199px) 
{
	#body_background {
		overflow: visible;
		margin-left: auto; 
		margin-right: auto;
		width: 100%;		
		background-position: center top;
	}
	
	#body_background_sub {
		overflow: visible;
		margin-left: auto; 
		margin-right: auto;
		width: 100%;		
		background-position: center top;
	}
}
/*tablet Portrait*/
@media screen and (max-width: 991px) 
{
    #body_background 
    {		
		background-position: center top;
	}
	
	#body_background_sub 
    {		
		background-position: center top;
	}
}




/*---------- BODY AREA SUB Headers------------------------------------------------------------------------------ */
@media screen and (min-width: 1200px) 
{
    .sh_about {	    
	    background-position: center top;
	    background-color: #231f20;
	    min-height: 158px;
    }

    .sh_products {	    
	    background-position: center top;
	    background-color: #231f20;
	    min-height: 158px;
    }

    .sh_knowledge {	    
	    background-position: center top;
	    background-color: #231f20;
	    min-height: 158px;
    }

    .sh_homeowner {	    
	    background-position: center top;
	    background-color: #231f20;
	    min-height: 158px;
    }

    .sh_homebuilder {	    
	    background-position: center top;
	    background-color: #231f20;
	    min-height: 158px;
    }

    .sh_contact {	    
	    background-position: center top;
	    background-color: #231f20;
	    min-height: 158px;
    }
}
@media screen and (max-width: 1199px) {
	.sh_about {		
		background-position: center top;
		background-color: #231f20;
		min-height: 131px;
	}
	
	.sh_products {		
		background-position: center top;
		background-color: #231f20;
		min-height: 131px;
	}
	
	.sh_knowledge {		
		background-position: center top;
		background-color: #231f20;
		min-height: 131px;
	}
	
	.sh_homeowner {		
		background-position: center top;
		background-color: #231f20;
		min-height: 131px;
	}
	
	.sh_homebuilder {		
		background-position: center top;
		background-color: #231f20;
		min-height: 131px;
	}
	
	.sh_contact {		
		background-position: center top;
		background-color: #231f20;
		min-height: 131px;
	}
	}

	
/*change breadcrumb links color*/
.breadcrumb a {
        color: #7a6f66;
    }

.breadcrumb a:hover {
        color: #9c7a5e;
	    text-decoration: none;
    }

/*change active color*/
.breadcrumb > .active {
        color: #868686;
    }

/*change breadcrumb separator to raquo symbol*/
.breadcrumb > li + li:before {
        content: "\00BB";
        color: #868686;
}

/*---------- FOOTER AREA ------------------------------------------------------------------------------ */
@media (min-width: 992px) {
    .footer_button_portal2 {
    }

    .footer_button_portal2 {
    }
}
@media (max-width: 991px) {
    .footer_button_1 {
    }

    .footer_button_2 {
    }
}

#footer-nav .nav > li > a:hover, #footer-nav .nav > li > a:focus {
    background-color:#231f20 !important;
    color:#8e8077 !important;
}

#content {
    font-size:15px;
}

@media (max-width:534px) {
    .info_feature_text {
        margin-top:20px;
    }
}

@media (max-width:425px) {
    .info_feature_text {
        margin-top:5px;
    }
}

@media (max-width:320px) {
    .info_feature_text {
        margin-top:40px;
    }
}

