﻿/***GENERAL***/
html {
	overflow-y: scroll;
}

body {
	 font-family: Arial, Helvetica, sans-serif;
	 background-color: #477CA8;
}

.row {
	max-width: none;
}

.large-12 {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	float: none;
}

/***HEADER***/
.header-background {
	background-image: url('/includes/templates/images/header_bg.jpg');
	background-repeat: no-repeat;
	background-size: contain;
}

.logo {
}

.logo img {
	width: 35%;
	padding: 0 3% 15%;
    margin: 1% 15% 3%;
}

.services-container {
	max-height: 70px;
	overflow: hidden;
}

/***MENUS***/
.mainMenu, #mainMenu {
	margin: 0;
	background-color: #E6201F;
}

.mainMenu li {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0 10px;
	font-size: 1.5rem;
	border-left: 0px #000 solid;
	border-right: 0px #000 solid;
}

.mainMenu a, .mainMenu a:hover {
	color: #fff;
}

#header-toggle {display: none;}

/***LINKS***/
a {color: #008CBA;}

a:hover {color: #2cbcec;}

/***FORMS***/
form div p {
	height: 2.3125rem;
	margin: 0 0 1rem;
	text-align: right;
	font-weight: bold;
}

.memlogin p {
	font-size: 1.2rem;
}

form.columns p {
	height: 30px;
}

.alert {
	font-size: 0.7rem;
	color: red;
}
.alert-box {
	margin-bottom: 0;
}



/***@MEDIA***/
@media (max-device-width: 800px) {
	
	mainMenu {display: none;}
	.mainMenu li {display: block; background-color: #E6201F;}
	.mainMenu li a {display: block; border-top:1px #000 solid; border-bottom:1px #000 solid; padding:10px 0; color: #FFF;}
	.mainMenu li a:hover {color: #FFF;}
	#header-toggle {display: block; margin: 0; padding: 10px 10px; background-color: #D21D1C; font-size: 1.5rem;}
	.header-background {background-image: url('../images/homeinspectors_backgrd1.png'); background-size: cover;}
	.logo {}
	.logo img {margin: 0; width: 100%;}
	.hide-mobile {display: none;}
	
}
#headerMenu .top-bar-section ul li {background-color: transparent;}
@media only screen and (min-width: 40.0625em) {
#headerMenu .top-bar-section 
li:not(.has-form) a:not(.button) {
    background: transparent;
	min-width: 100px;
    text-align: center;
}
#headerMenu .top-bar-section li:not(.has-form) a:not(.button):hover, 
#headerMenu .top-bar-section ul li:hover:not(.has-form) > a {
    background: #380F0F;
}
}
#headerMenu.top-bar {
  background: #751514;
}
#headerMenu.top-bar.expanded .title-area {
    background: #380F0F;
}
#headerMenu.top-bar.expanded .toggle-topbar a, 
#headerMenu.top-bar.expanded .toggle-topbar a span::after {
    color: #DADADA;
}
#headerMenu .top-bar-section ul li:hover:not(.has-form) > a {
    color: #FFFFFF;
    background: #380F0F;
}

tr.listing-premium {
    background-color: #EAE782 !important;
    font-weight: 700;
}
div.listing-premium {
    background-color: #EAE782;
}
.tabs-content {
	background: #fff;
	border: #000 1px solid;
}