/** dinder.css
 * 
 * Theme Name:	The Bootstrap
 * Theme URI:	http://en.wp.obenland.it/the-bootstrap/
 * Description:	Aditional Styles for Temp Control Arizona
 * Author:		Mike Dinder
 * Author URI:	http://ganymedewebdesign.com/
 * Version:		2.0.1
 * Text Domain:	the-bootstrap
 * Domain Path:	/lang */
 

/* ----------------------------------------------------------------------------------------------
---------------------------------- Master - Global Objects --------------------------------------
------------------------------------------------------------------------------------------------- */
body { font-family: 'Lato', Arial, sans-serif; font-weight: 300; color: #ffffff; }

/* Custom Fonts
---------------------------------------
---------------------------------------*/
.fanwoodRegular { font-family: 'Roboto Slab', Garamond, serif; font-weight: 300; }
.fanwoodRegularItalic { font-family: 'Roboto Slab', Garamond, serif; font-style: italic; font-weight: 300; }
.fanwoodBold { font-family: 'Roboto Slab', Garamond, serif; font-weight: 400; }
.fanwoodBoldItalic { font-family: 'Roboto Slab', Garamond, serif; font-style: italic; font-weight: 300; }
.LatoRegular { font-family: 'Lato', Arial, sans-serif; font-weight: 300; }
.LatoRegularItalic { font-family: 'Lato', Arial, sans-serif; font-style: italic; font-weight: 300; }
.LatoBold { font-family: 'Lato', Arial, sans-serif; font-weight: bold; }
.LatoBoldItalic { font-family: 'Lato', Arial, sans-serif; font-style: italic; font-weight: bold; }

/* Header
---------------------------------------
---------------------------------------*/
header hgroup { display: block; height: 89px; padding: 0 1.2%; }
header #logoBtn { color: transparent; text-indent: -99999px; background: url(../img/Logo.png) no-repeat top center; width: 437px; height: 89px; display: block; margin: 0; padding: o; background-size: 437px 89px; }
header #logoBtn span { display: none; }
header #headerRight { width: 400px; height: 89px; display: block; float: right; }
header h1, header h2, header h3 { display: block; margin: 0; padding: 0; }
header h1 { width: 437px; height: 89px; float: left; }
header h2 { font-size: 19px; width: 100%; height: 44px; text-align: right; line-height: 20px; color: #283891; }
/* header h2 { font-size: 22px; width: 100%; height: 52px; text-align: right; line-height: 24px; color: #283891; } */
header h3 { font-size: 40px; width: 100%; height: 37px; text-align: right; clear: both; color: #e01e25; line-height: 32px; }
header nav { width: 111.15%; margin-left: -5.5%; }
header nav, header .nav, header .nav li { height: 47px; }
header .nav { padding-right: 6.5%; text-align: right; }
.nav > li { position: relative; display: inline-block; }
header .nav > li > a { font-size: 16px; color: #ffffff; padding: 0; line-height: 47px; font-family: 'Roboto Slab', Garamond, serif; font-weight: 600; }
header .nav > li > a:hover, header .nav > li > a:active, header .nav > li > a:focus { background-color: transparent; color: #445ef2; text-shadow: 1px 1px #000000; outline: 0 none; }
header .btn-navbar { display: none; }
header .headerContainer { width: 100%; height: 47px; }
header .nav span { display: inline-block; }
header .pipe { padding: 0 40px; color: #ffffff; }
header .navbar-inverse { background: url(../img/headerGeradient.jpg) repeat-x top center; border: 0 none; }

/* Global Body Objects
---------------------------------------
---------------------------------------*/
.container { width: 100% !important; margin: 0 auto !important; padding: 0 !important; }
.innerContainer { padding: 20px 5% 0; background-color: #ffffff; }
.innerContainer2 { padding: 20px 5% 0; background: url(../img/bkgdGradient.jpg) repeat-x; background-size: 1.5em 100em; background-position: 0 -11.5em; }
.topContainer { padding: 0; margin: 25px auto 4%; }
#page { margin: 0 auto; padding: 0; background-color: #283890; }
article.page { margin-bottom: 0; }
#content { float: left; display: block; }
#primary { width: 67%; display: block; padding-right: 3%; }
#primary footer { background-color: transparent; margin-top: 0; }
#primary footer .edit-link { margin: 5px 0 15px 5%; width: 50px; display: block; background-color: #000000; }
#secondary { width: 33%; display: block; float: right; border-radius: 8px; border: 2px solid #000000; box-shadow: 0px 0px 5px 2px #000000 inset; -webkit-box-shadow: 0px 0px 5px 2px #000000 inset; -moz-box-shadow: 0px 0px 5px 2px #000000 inset; background-color: #dad8d8; margin-bottom: 5%; }
#secondary .well { margin-bottom: 0; padding: 14px 20px; background-color: transparent; }
#secondary h2 { color: #e01e25; font-size: 25px; font-family: 'Roboto Slab', Garamond, serif; font-weight: 400; text-align: center; }
#secondary p { color: #000000; font-size: 18px; font-family: 'Lato', Arial, sans-serif; font-weight: 300; text-align: justify; }
.page-header { margin: 0 0 14px 0 !important; padding: 0 !important; }
.page-header .entry-title { float: none; height: 52px; }

/* CAROUSEL
---------------------------------------
---------------------------------------*/
#homeCarousel { border: 4px solid #000000; }
#homeCarousel .carousel-caption { width: 45%; height: 49%; left: 1.2%; bottom: 2%; padding-bottom: 20px; background-color: rgba(0,0,0,0.62); }
#homeCarousel .carousel-caption h3 { font-size: 60px; text-align: left; padding-left: 3.5%; margin: 1% 0 0; }
#homeCarousel .carousel-caption .btn { width: 126px; height: 46px; font-size: 22px; background-color: #283891; border-radius: 4px; line-height: 46px; padding: 0; color: #ffffff; position: absolute; right: 4%; bottom: 8%; }
#homeCarousel .carousel-caption .btn:hover, #homeCarousel .carousel-caption .btn:active, #homeCarousel .carousel-caption .btn:focus { background-color: #222f78; text-shadow: 1px 1px #000000; }
#homeCarousel .carousel-control { z-index: 110; }
#homeCarousel .carousel-indicators { top: 103%; }
.page-id-6 #homeCarousel, .page-id-13 #homeCarousel, .page-id-8 #homeCarousel { display: none }

/* Footer
---------------------------------------
---------------------------------------*/
footer { width: 111.15%; margin: 4.5% 0 0 -5.5%; background-color: #000000; color: #dad8d8; clear: both; display: block; }
footer .well { background-color: #000000; border: 0 none; border-radius: 0; padding: 0 5%; }
footer .column { width: 33%; display: inline-block; float: left; padding: 56px 35px 0 0; }
footer .column3 { padding-right: 0; }
footer .credits { display: inline-block; width:100%; float: none; clear: both; text-align: center; margin: 25px 0 !important; }
footer #page-footer { margin-bottom: 0; }

/* ----------------------------------------------------------------------------------------------
------------------------------------- Page Specific CSS -----------------------------------------
------------------------------------------------------------------------------------------------- */

/* Home Page, Page Class = .home 
---------------------------------------
---------------------------------------*/
.home header.page-header, .home #placeHolder { display: none; }
.home header .homeBtn { color: #445ef2; text-shadow: 1px 1px #000000; }
.page-id-6 .innerContainer2 { background-position: 0 -23em; }

/* Our Services Page, Page Class = .page-id-6
---------------------------------------
---------------------------------------*/
.page-id-6 header .servicesBtn { color: #445ef2; text-shadow: 1px 1px #000000; }
.page-id-6 .innerContainer2 { background-position: 0 -23em; }

/* Our Family Page, Page Class = .page-id-13
---------------------------------------
---------------------------------------*/
.page-id-13 header .familyBtn { color: #445ef2; text-shadow: 1px 1px #000000; }
.page-id-13 .innerContainer2 { background-position: 0 -23em; }

/* Contact Us Page, Page Class = .page-id-8
---------------------------------------
---------------------------------------*/
.page-id-8 header .contactBtn { color: #445ef2; text-shadow: 1px 1px #000000; }
.page-id-8 .innerContainer2 { background-position: 0 -23em; }

/* ----------------------------------------------------------------------------------------------
----------------------------------- Browser Specific CSS ----------------------------------------
------------------------------------------------------------------------------------------------- */

/* Standard Tablets - 992 View (**Bootstrap Built-In View Setting**) */
@media screen and (min-width: 992px) and (max-width:1199px) {
	.innerContainer, .innerContainer2 { padding: 17px 5% 0; }
	.topContainer { margin: 25px auto 4.5%; }
	.page-id-6 .innerContainer2 { background-position: 0 -25em; }
	.page-id-8 .innerContainer2 { background-position: 0 -25em; }
	.page-id-13 .innerContainer2 { background-position: 0 -25em; }
	.innerContainer2 { background-position: 0 -16.5em; }
	header h1 { width: 361px; height: 73px; }
	header #logoBtn { width: 361px; height: 73px; background-size: 361px 73px; margin-top: 5px; }
	header .pipe { padding: 0 33px; }
	#secondary h2 { font-size: 23px; }
	#secondary p { font-size: 16px; }
	#homeCarousel .carousel-caption h3 { font-size: 50px; }
	#homeCarousel .carousel-caption .btn { font-size: 20px; width: 120px; height: 44px; line-height: 44px; }
}

/* Small Tablets - 768 View */
@media screen and (min-width: 768px) and (max-width:991px) {
	.page-id-6 .innerContainer2 { background-position: 0 -26.5em; }
	.page-id-8 .innerContainer2 { background-position: 0 -26.5em; }
	.page-id-13 .innerContainer2 { background-position: 0 -26.5em; }
	.innerContainer, .innerContainer2 { padding: 13px 5% 0; }
	.topContainer { margin: 25px auto 5%; }
	.innerContainer2 { background-position: 0 -20.5em; }
	header h1 { width: 279px; height: 56px; }
/*	header #logoBtn { width: 279px; height: 56px; background-size: 279px 56px; } */
	header #logoBtn { width: 375px; height: 80px; background-size: 375px 80px; }
	header .pipe { padding: 0 26px; }
	#secondary .well { padding: 14px; }
	#secondary h2 { font-size: 18.5px; }
	#secondary p { font-size: 14px; }
	#homeCarousel .carousel-caption h3 { font-size: 38px; }
	#homeCarousel .carousel-caption .btn { font-size: 15px; width: 93px; height: 34px; line-height: 34px; }
}

/* 640 View */
@media screen and (max-width:767px) {
	.page-id-6 .innerContainer2 { background-position: 0 -17.5em; }
	.page-id-8 .innerContainer2 { background-position: 0 -17.5em; }
	.page-id-13 .innerContainer2 { background-position: 0 -17.5em; }
	.innerContainer, .innerContainer2 { padding: 11px 5% 0; }
	.topContainer { margin: 25px auto 7%; }
	.innerContainer2 { background-size: 3em 70em; background-position: 0 -13em; }
	header hgroup { height: 207px; }
	header h1 { width: 488px; height: 102px; margin: 0 auto; float: none; text-align: center; }
	header #logoBtn { width: 100%; height: 102px; background-size: 100% 100%; }
	header #headerRight { float: none; margin: 14px auto 0; width: 90%; }
	header h2, header h3 { text-align: center; }
	header .navbar { border-radius: 4px; }
	header .nav { padding-right: 0; text-align: center; }
	header .pipe { padding: 0 22px; }
	#content { width: 100%; }
	#primary { padding-right: 0; }
	#primary #content { text-align: justify; }
	#primary footer .edit-link { margin: 5px auto 15px; }
	#primary, #secondary { width: 100%; float: none; }
	#secondary { margin-bottom: 25px; clear: both; }
	#secondary p { font-size: 14px; }
	#homeCarousel .carousel-caption h3 { font-size: 31.5px; }
	#homeCarousel .carousel-caption .btn { font-size: 12.5px; width: 77.5px; height: 28px; line-height: 28px; }
	footer .column { width: 100%; padding: 5% 0 0; clear: both; text-align: justify; }
}

/* 480 View */
@media screen and (max-width:639px) {
	.page-id-6 .innerContainer2 { background-position: 0 -18.5em; }
	.page-id-8 .innerContainer2 { background-position: 0 -18.5em; }
	.page-id-13 .innerContainer2 { background-position: 0 -18.5em; }
	.innerContainer, .innerContainer2 { padding: 8px 5% 0; }
	.topContainer { margin: 25px auto 7.5%; }
	.innerContainer2 { background-position: 0 -14em; }
	header hgroup { height: 176px; margin-bottom: 10px !important; height: 166px; }
	header h1 { width: 407px; height: 85px; }
	header #logoBtn { height: 85px; }
	header #headerRight { margin-top: 9px; height: 72px; }
	header h2 { font-size: 17px; line-height: 18px; height: 42px; }
	header h3 { font-size: 30px; line-height: 24px; }
	header .pipe { padding: 0 17px; }
	#homeCarousel .carousel-caption h3 { font-size: 23px; }
	#homeCarousel .carousel-caption .btn { font-size: 10px; width: 58px; height: 21px; line-height: 21px; }
}

/* 320 View */
@media screen and (max-width:479px) {
	.page-id-6 .innerContainer2 { background-position: 0 -20em; }
	.page-id-8 .innerContainer2 { background-position: 0 -20em; }
	.page-id-13 .innerContainer2 { background-position: 0 -20em; }
	.innerContainer, .innerContainer2 { padding: 5px 5% 0; }
	.topContainer { margin: 25px auto 9%; }
	.innerContainer2 { background-position: 0 -17em; }
	header hgroup { height: 117px; margin-bottom: 8px !important; }
	header h1 { width: 271px; height: 58px; }
	header #logoBtn { height: 58px; }
	header #headerRight { margin-top: 5px; }
	header h2 { font-size: 12px; line-height: 15px; height: 30px; }
	header h3 { font-size: 24px; line-height: 20px; }
	header .pipe { padding: 0 3px; }
	header .nav > li > a { font-size: 12px; }
	#homeCarousel .carousel-caption h3 { font-size: 15px; }
	#homeCarousel .carousel-caption .btn { font-size: 10px; width: 39px; height: 14px; line-height: 14px; }
	#secondary h2 { font-size: 23px; }
}

 @media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Chrome */
	.someClass { color: red; }

    /* Safari only override */
    ::i-block-chrome, .someClass { color:blue; }
}
.wpcf7-textarea { color:black; }
.wpcf7-text { color:black; }
.wpcf7-form-control { background-color: #dad8d8; }
.wpcf7-submit { color:black; }

.textwidget {
	color:#000000;
}