/*
THEME NAME: AAA Heating and Cooling
THEME URI: http://www.m.boomervets.com
DESCRIPTION: Custom theme for AAA Heating and Cooling
VERSION: 2.0
AUTHOR: Madfish SEO
AUTHOR URI: http://www.madfishseo.com
*/

@charset "UTF-8";

/* Colors

	AAA Red: #e81d25
		Brightness 71%: #b5161b
		Brightness 61%: #9c1317
		Brightness 51%: #821013
	Border Color: #ddd
	Dark Slate Grey: #272b30
	
	Campaign Colors
		Blue: #2871b5;
		Red: #e8991b;
		Gold: #e9b20e;
		Gray: #5E5E5E;

   ========================================================================== */

/* Layout
   ========================================================================== */
body
{
	background-color: #fafafa;
	color: #666;
}

h1, h2, h3, h4
{
	font-weight: 300;
}

.home-page h1{color:#000;}
.home-page h2{color:#000;}
.home-page h3{color:#000;}

h1.title
{
	margin-top: 0px;
}

blockquote
{
	border-color: #bbb;
}


/* Masthead
   -------------------------------------------------------------------------- */
.masthead
{
	background-color:#fff;
}

.brand-marketing
{
	padding-bottom: 20px;
	padding-top: 20px;
	background:#fff url('images/AAA_Header.jpg');
	background-repeat:no-repeat;
	background-position:0 0;
}

@media screen and (max-width: 767px){
	.brand-marketing {background:none;}	
}


.brand h1, .brand h2
{
	margin: 0;
	padding: 0;
}

.brand h1 span, .brand h2 span
{
	background-image: url('images/branding-with-background.png');
	/* background-image: url('images/branding.png'); */
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: cover;
	display: inline-block;
	height: 140px;
	outline: 0 none !important;
	text-indent: -9999px;	 
	width: 180px;
}

.masthead-information
{
	text-align: right;
}

.masthead-information h2
{
	font-weight: 400;
	margin-top: 0;
}

.masthead-information .btn
{
	margin-top: 6px;
}


/* Main Navigation
   -------------------------------------------------------------------------- */
.navbar
{
	background-color: #272b30;
	margin-bottom: 0;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form
{
	border-color: #272b30;
}

.navbar-inverse .navbar-nav > li > a
{
	color: #ccc;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus
{
	background-color: #272b30;
	color: #fff;
}


/* Content
   -------------------------------------------------------------------------- */
main
{
	padding-bottom: 20px;
}

.container
{}

.container-border-top
{
	border-top: 1px solid #ddd;
}

.page-content,
.sidebar
{
	margin-top: 40px;
}

section
{
	margin-top: 30px;
}

article
{}

.product-description
{
	border-bottom: 1px solid #ddd;
	clear: left;
	margin-top: 20px;
	padding-bottom: 20px;
}

.product-description h3
{
	margin-top: 0;
}

.no-border
{
	border: none;
}

.no-padding
{
	padding: 0;
}


/* Sidebar
   -------------------------------------------------------------------------- */
.sidebar {}

.sidebar .widget
{
	margin-bottom: 20px;
}

/* Secondary Navigation */
.sidenav {}

.sidebar .sidenav ul
{
	padding-top: 0;
}

.sidebar .nav>li>a
{
	color: #999;
	display: block;
	padding: 4px 10px;
}

.sidebar .nav > li > a:hover,
.sidebar .nav > li > a:focus
{
	background-color: #272b30;
	color: #fff;
}

.sidebar .nav > .active > a,
.sidebar .nav > .active:hover > a,
.sidebar .nav > .active:focus > a
{
	background-color: #272b30;
	color: #fff;
	/* font-weight: 700; */
}


/* Home Page Elements
   -------------------------------------------------------------------------- */
.jumbotron
{
	background-image: url('images/bkg-jumbotron.png');
	/*background-position-y: 100%;*/
	background-position:bottom center;
    background-size: cover;
    margin-bottom: 60px;
    padding: 70px 0 20px;
}

.lead
{
	background-color: rgba(0, 0, 0, 0.80);
	border-radius: 10px;
	color: #fafafa;
	margin-bottom: 30px;
	padding: 40px 40px 20px;
	text-shadow: 0px 2px 0px rgba(0, 0, 0, 1);
}

.lead p
{
    font-size: 18px;
}

.lead img
{
	border-color: #ddd;
	outline-color: #ddd;
}


/* Campaign Elements
   -------------------------------------------------------------------------- */
.campaigns
{
	padding-bottom: 40px;
}

.campaigns a
{
	color: #fff;
}

.campaigns a:hover,
.campaigns a:focus
{
	color: #fff;
	text-decoration: none;
}

.campaigns h4
{
	margin-bottom: 4px;
}

.campaign
{
	background-repeat: no-repeat;
	background-size: 64px 64px;
	background-position: 96% 50%;
	border-radius: 6px;
	display: block;
	margin-bottom: 10px;
	padding: 40px 80px 40px 20px;
}

.campaign.air-conditioning
{
	background-color: #2871b5;
	background-image: url('images/icn-thermometer.png');
}

.campaign.duct-cleaning
{
	background-color: #798210;
	background-image: url('images/icn-air.png');
}

.campaign.estimate
{
	background-color: #0D3C68;
	background-image: url('images/icn-dollar.png');
}

.campaign.heating
{
	background-color: #e8991b;
	background-image: url('images/icn-flame.png');
}

.campaign.service
{
	background-color: #C1453E;
	background-image: url('images/icn-wrench.png');
}

/* Sidebar Styles */
.sidebar .campaigns
{
	border-top: 1px solid #ddd;
	margin-top: 20px;
	padding-top: 30px;
}

.sidebar .campaign
{
	background-size: 48px 48px;
	border-radius: 4px;
	font-size: 16px;
	padding: 20px 10px;	
}


/* Page Elements
   -------------------------------------------------------------------------- */
/* Images */
img
{
	display: block;
	margin-bottom: 20px;
}

.img-border
{
	border: 1px solid #ddd;	
}

.img-frame
{
	border: 5px solid #fff;
	outline: 1px solid #ddd;
}

.inline-left {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
}


/* Tables */
.table-bordered th
{
	background-color: #eee;
}


/* Blog Elements - Uncomment if Needed
   -------------------------------------------------------------------------- */
/* .blog-post-listing
{
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.blog-post
{
	border-bottom: none;
	padding-bottom: 0;
}

.blog-post-title
{
	margin-bottom: 6px;
}

.blog-post-title a
{
	color: #666;
}

.blog-post-title a:hover,
.blog-post-title a:focus
{
	color: #2871b5;
	text-decoration: none;
}

.blog-post-meta
{}

.pager
{
	list-style: none;
	margin: 40px 0;
	padding-left: 0;
	text-align: left;
}

.pager li > a,
.pager li > span
{
	background-color: transparent;
	color: #666;
	border-radius: 5px;
}

.pager li > a:hover,
.pager li > a:focus
{
	color: #555;
} */


/* Footer
   -------------------------------------------------------------------------- */
footer
{
	background-color: #1a1a1a;
	border-top: 10px solid #b5161b;
	padding-bottom: 40px;
	padding-top: 40px;
}

footer a
{
	color: #666;
}

footer a:hover,
footer a:focus
{
	color: #777;
}

.footer-links
{
	margin-bottom: 20px;
}


/* Navigation Elements
   -------------------------------------------------------------------------- */
a
{
	color: #2871b5;
}

a:hover,
a:focus
{
	color: #22619c;
}

.btn-default
{
	background-color: #272b30;
	border-color: #272b30;
	color: #fff;
}

.btn-default:hover
{
	background-color: #3c424a;
	border-color: #3c424a;
	color: #fff;
}

.btn-primary
{
	background-color: #b5161b;
	border-color: #b5161b;
}

.btn-primary:hover
{
	background-color: #9c1317;
	border-color: #9c1317;
}


/* Social Media
   -------------------------------------------------------------------------- */
.social-media
{
	margin-bottom: 12px;
	text-align: right;
}

.social-media .icon
{
	background-size: cover;
	border-radius: 4px;
	float: left;
	height: 60px;
	margin-bottom: 6px;
	margin-right: 6px;
	width: 60px;
}

.social-media .facebook {background-image: url('images/icn-facebook.png');}

.social-media .googleplus {background-image: url('images/icn-googleplus.png');}

.social-media .linkedin {background-image: url('images/icn-linkedin.png');}

.social-media .twitter {background-image: url('images/icn-twitter.png');}

.social-media .youtube {background-image: url('images/icn-youtube.png');}


/* Certifications
   -------------------------------------------------------------------------- */
.certifications
{}

.certifications .icon
{
	background-size: cover;
	border-radius: 4px;
	float: left;
	height: 90px;
	margin-bottom: 10px;
	margin-right: 10px;
	width: 90px;
}

.certifications .cert-etoo-ta {background-image: url('images/cert-etoo-ta.png');}

.certifications .cert-nadca-safety {background-image: url('images/cert-nadca-safety.png');}

.certifications .cert-nadca {background-image: url('images/cert-nadca.png');}

.certifications .cert-nate {background-image: url('images/cert-nate.png');}

.certifications .cert-oracca {background-image: url('images/cert-oracca.png');}

/* Placeholder */
.certifications .cert-name {background-image: url('images/cert-placeholder.png');}



/* Responsive Layout
   ========================================================================== */
@media screen and (max-width: 320px)
{}

@media screen and (max-width: 767px)
{
	.brand
	{
		text-align: center;
	}
	.brand h1, .brand h2 {
		margin: 0;
		padding: 0;
	}
	.masthead-information
	{
		margin-top: 20px;
		text-align: center;
	}
	.lead
	{
		border-radius: 0;
	}
	.lead p
	{
		font-size: 16px;
	}
	.certifications .icon
	{
		 height: 80px;
		 width: 80px;
	}
}

@media screen and (max-width: 768px)
{
	.jumbotron
	{
		padding-top: 40px;
	}
	.lead img
	{
		margin-top: 20px;
	}
	.certifications
	{
		border-top: 1px solid #555;
		padding-top: 20px;
	}
	.page-content
	{
		margin-top: 0;
	}
	.sidebar
	{
		border-top: 1px solid #ddd;
		margin-top: 20px;
		padding-top: 30px;
	}
}

@media screen and (min-width: 1025px)
{
	.campaign
	{
		padding-right: 120px;
	}
}


/* Redirect to new location of font folder. bootstrap.css points to /bootstap/fonts/
   ========================================================================== */
@font-face
{
	font-family: 'Glyphicons Halflings';
	src: url('bootstrap/fonts/glyphicons-halflings-regular.eot');
	src: url('bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('bootstrap/fonts/glyphicons-halflings-regular.woff') format('woff'), url('bootstrap/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}


/* WordPress */
.alignleft {display:inline-block; float:left;}
.alignright {display:inline-block; float:right;}
#trcallbutton{display:none;}

@media screen and (max-width: 767px){
.product-description img.featured {margin:0 auto 20px;}	
}
.product-description h1 {}
.product-description h2 {font-size:20px; line-height:20px; font-weight:bold; margin:0 0 30px; color:#444444;}
.product-description h3 {font-size:20px; font-weight:bold; color:#000000;}
.product-description h4 {}
.product-description strong {color:#444444;}
.product-description h2.title {font-size:26px; font-weight:bold; color:#B5282D; margin-bottom:5px;}

.navbar-nav .dropdown-menu li > a.has-submenu.highlighted {color:#16202A!important;}
@media screen and (max-width: 767px){
		.navbar-nav span.sub-arrow {
			position:absolute!important;
			display:block!important; 
			width:20px!important; 
			height:20px!important;
			border:none!important;
			background-color:#B5282D;
			border-radius: 50%;
			font-weight:bold;
			font-size:20px;
			line-height:20px;
			color:#ffffff;
			text-align:center;
		}
		.navbar-nav li > a {position:relative; padding-left:35px!important;}
		.navbar-nav li > a span.sub-arrow {left:0px; top:10px;}
		
		.navbar-nav .dropdown-menu li > a {position:relative; padding-left:60px!important;}
		.navbar-nav .dropdown-menu li > a span.sub-arrow {left:25px; top:5px;}
}

.blog-post-content {display:block;}
.blog-post-content.image-height {min-height:120px;}

.blog-post-title {font-size:20px; line-height:22px; margin-bottom:0px!important;}
.blog-post-title a,
.blog-post-title a:hover {color:#B5161B;}
.blog-post-meta a,
.blog-post-meta a:hover {color:#555555;}

.pager li > a,
.pager li > span {background-color:#B5161B; color:#ffffff;}
.pager li > a:hover,
.pager li > a:focus {background-color:#E81D24;}

.widget.sidenav {}
.widget.sidenav ul {display:block; padding-left:0px; background-color:#EDEDED; border:1px #AFAFAF solid; border-radius:5px; padding:20px 10px;}
.widget.sidenav li {list-style-type:none; color:#555555; padding:2px 0px;}
.widget.sidenav li a {color:#555555; padding:2px 5px; }
.widget.sidenav li:hover {background-color:#E0E0E0;}
.widget.sidenav li:hover,
.widget.sidenav li:hover a,
.widget.sidenav li a:hover {color:#B5282D;}
.widget.sidenav li.all {font-weight:bold;}

.team {width:100%;}
.team h4 {font-weight:bold;}
@media screen and (min-width: 480px){
	.team {position:relative; min-height:300px; padding-left:215px; margin-bottom:20px;}
	.team img {position:absolute; top:0px; left:0px; float:none; width:200px; }
}
@media screen and (max-width: 479px){
	.team {margin-bottom:20px;}
	.team img {width:150px; height:auto; display:block; float:none; margin:0 auto;}
	#trcallbutton{display:inline-block !important;}
}

@media screen and (min-width: 768px){
	#404 {min-height:400px;}

}

.mx-auto{margin:auto!important;}
.mx-2{margin-left:1rem!important;margin-right:1rem!important;}
.mx-4{margin-left:2rem!important;margin-right:2rem!important;}
.mt-4{margin-top:2rem!important;}
.mt-2{margin-top:1rem!important;}
.mb-4{margin-bottom:2rem!important;}
.mb-2{margin-bottom:1rem!important;}

.px-2{padding-left:1rem!important;padding-right:1rem!important;}
.px-4{padding-left:2rem!important;padding-right:2rem!important;}
.py-2{padding-top:1rem!important;padding-bottom:1rem!important;}
.py-4{padding-top:2rem!important;padding-bottom:2rem!important;}