/*
Theme Name: Campbell Brothers Towing

*/



/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
@font-face {
    font-family: 'RobotoBlack';
    src: url('fonts/Roboto-Black.ttf') format('truetype');
    font-weight: 400;
}
@font-face {
    font-family: 'RobotoMed';
    src: url('fonts/Roboto-Medium.ttf') format('truetype');
    font-weight: 400;
}
body{
	font-family: 'RobotoMed';
}
h1{
	text-align:center;
}
/***********************************************************************  NON WordPress Core CSS *********************************************************/
#headerRow{
	background-color:#a50c03;
}
#truckContainer{
	background-color:#a50c03;
	padding-bottom: 65px;
}
#hereText{
	color: #ffffff;
	font-size: 60px;
	font-family: 'RobotoBlack';
	line-height: 1;
	padding-bottom: 15px;
}
#towingNeeds{
	color: #ffffff;
	font-size: 18px;
}
.menuText{
	color: #ffffff;
	font-size: 18px;
	text-align: center;
	padding-top: 5px;
	padding-right: 15px;
	font-family: 'RobotoMed';
}
#truckImg{
	padding-top: 30px;
}
#callButton{
	padding-top: 20px;
	padding-bottom: 20px;
}
#whyChoose{
	color: black;
	font-size: 45px;
	font-weight: bold;
	font-family: 'RobotoBlack';
}
#us{
	color: #a3090e;
	font-size: 45px;
	font-weight: bold;
	font-family: 'RobotoBlack';
	padding-left: 5px;
}
.chooseUsTitle{
	color: black;
	font-weight: bold;
	font-size: 20px;
	font-family: 'RobotoBlack';
}
.chooseUsText{
	color: black;
	font-size: 13px;
	font-family: 'RobotoMed';
}
#callUsContainer{
	background-color:#a50c03;
}
#callUsText{
	color: #ffffff;
	font-size: 55px;
	font-weight: bold;
	font-family: 'RobotoBlack';
}
.footerTitle{
	color: #ffffff;
	font-weight: bold;
	font-size: 20px;
	padding-bottom: 5px;
	font-family: 'RobotoBlack';
}
.footerText{
	color: #ffffff;
	font-size: 13px;
	font-family: 'RobotoMed';
}
#footerPics{
	padding-bottom: 10px;
}
#copyright{
	background-color:#222222;
	padding-top: 40px;
	padding-bottom: 15px;
}
a#emailLink{
	color: white !important;
}
a#emailLink:hover{
	text-decoration: none !important;
	color:#a50c03 !important;
}

#galleryContainer {
	margin-top: -60px;
	text-align: center;
	background-color: #FFF;
}

.truckImgGrid {
	margin: 4px;
}

#truckGridMiddleLeft {
	margin-top: 6px !important;
	margin-bottom: 6px !important;	
}

#truckGridTopCenter {
	margin-bottom: 6px !important;
}
.ngg-galleryoverview {
text-align:center;
}

.ngg-gallery-thumbnail-box {
float:none !important;
display:inline-block;
}
#homepageLink a{
	color: #a50c03!important;
}


footer{
/*	background-image: url('images/campbell-brothers-towing-footerbg-blend.png');
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top;*/
	/*background-color: #6F0;*/
}

#footerContent {
	padding-top: 50px;
	padding-bottom: 50px;
}
@media (max-width: 767px) {
	footer{
		background-image: url('');
		background-color: #222222;
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-position: top center;
	}
	#footerContent {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	#copyright{
		padding-top: 15px;
	}
}

@media (min-width: 768px) {
	footer{
		text-align: center;
		background-image: url('images/campbell-brothers-towing-footerbg-blend.png');
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-position: top center;
		background-color: #222222;
	}
	#footerContent {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	#copyright{
		padding-top: 5px;
	}
}


#contactForm {
	padding-top: 10px;
	padding-bottom: 10px;
}

.container-fluid{
	margin:0;
	padding: 0;
}
@media (min-width: 1209px) and (max-width: 1920px) {
	#callButton{
		padding-left: 15px;
	}
}

#footerContactInfo {
	text-align: center;
}

#fbLogo {
	margin: 0 auto;
}
html > body.page-template-default.page.page-id-21.responsive-menu-slide-left > div.container > div.row > div.col-xs-12.col-md-4 > aside#sidebar > div#primary.widget-area > ul.xoxo > li#black-studio-tinymce-2.widget-container.widget_black_studio_tinymce > div.textwidget > h1{
	list-style-type: none !important;
}
html > body.page-template-default.page.page-id-21.responsive-menu-slide-left > div.container > div.row > div.col-xs-12.col-md-4 > aside#sidebar > div#primary.widget-area > ul.xoxo > li#black-studio-tinymce-2.widget-container.widget_black_studio_tinymce{
	list-style-type: none !important;
}
/*Added media only screens to small screens to fix spacing 8/1/17 -AS*/
@media only screen  
and (min-width : 1px)
and (max-width : 804px) {
	#truckImg{
		margin-left: -10px;
		padding-bottom: 50px;
		padding-top: 50px;
	}
}
@media only screen  
and (min-width : 1px)
and (max-width : 880px) {
	#truckImg{
		margin-left: -10px;
		padding-bottom: 50px;
		padding-top: 50px;
	}
}
@media only screen  
and (min-width : 1px)
and (max-width : 975px) {
	#truckImg{
		margin-left: -10px;
		padding-bottom: 50px;
		padding-top: 50px;
	}
}
@media only screen  
and (min-width : 1px)
and (max-width : 983px) {
	#truckImg{
		margin-left: -10px;
		padding-bottom: 50px;
		padding-top: 50px;
	}
}
/*Added media only screens to make contact responsive 8/1/17 -AS*/
@media only screen  
and (min-width : 1px)
and (max-width : 467px) {
	#contactForm{
		padding-left: 40px !important;
	}
	#contactInfo{
		padding-left: 40px !important;
	}
}
@media only screen  
and (min-width : 1px)
and (max-width : 541px) {
	#contactForm{
		padding-left: 40px !important;
	}
	#contactInfo{
		margin-bottom: -300px !important;
		padding-left: 40px !important;
	}
}

#aboutPageImage {
	border-radius: 25px;
	border: 4px solid #f2f0f2;
}