/*
 Theme Name:   California Crating
 Description:  Custom Child Theme of WordPress' Twenty Fourteen 
 Author:       vic@6foot8.com
 Template:     twentyfourteen
 Version:      1.0.0
*/

/*@import url("../twentyfourteen/style.css");*/

/* =Theme customization starts here
-------------------------------------------------------------- */


/* Start Globals */
*{
padding: 0; 
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;  
box-sizing: border-box;  
}
.clearfix { display: block; clear: both; }
.section{width: 100%; clear: both;}

html {}

body {
margin:0;
padding:0;
font-family: 'Open Sans', sans-serif;
color:#000;
font-weight:300;
width:100%;
background: url(images/bg-texture.png) repeat; 
background-color: #ceaf00;
}

p, div {
font-size:16px;
font-weight:300;
line-height:130%;
}

p {
margin:0 0 16px 0;
color: #454545;
}

li {
margin:0 0 10px 0;
font-size:16px;
line-height:130%;
font-weight:300;
list-style-type: none;
}

a {
color: #ceaf00;
text-decoration:none;
}

a:hover {
color:#000;
text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
color:#000;
margin:0 0 5px 0;
font-family: 'Open Sans', sans-serif;
font-weight:700;
line-height:110%;
}

h1 {
font-size:32px;
margin-top: 10px;
}

h2 {
font-size:26px;
}

h3, .widget-title {
font-size:20px;
color:#000;
}

h4 {
font-size:16px;
}

h6 {
font-size:16px;
margin-bottom:0px;
margin-top:10px;
}

	h6 a {
	color:#ffffff !important;
	padding:5px 10px;
	background:#000000 !important;
	}
	
		h6 a:hover {
		background:#ffffff !important;
		color:#2e314a !important;
		text-decoration:none;
		}

input, textarea {
color:#505050;
padding:7px;
background:#ffffff;
border:1px solid #a6a6a6;
/*box-shadow: 2px 2px 3px #2c0006;*/
border-radius:10px;
max-width:100%;
}

input[type=submit]:hover {
background:#2e314a;
color:#ffffff;
max-width:100%;
}

input[type=checkbox] {
padding:0;
}

input[type=radio] {
padding:7px;
border:0;
}

.form-address-city {
width:45%;
}

.form-address-state, .form-address-zip {
width:15%;
}
/* End Globals */


div.container{
	max-width: 900px;
	width: 90%;
	margin: 0 auto;
	height: auto;
	padding: 20px 0;
}

div#header-section{background-color: #FFF;}
		div#header-section div#logo{width: 55%; float: left;}
			div#header-section div#logo h1{font-size: 40px; margin-top: 5px; margin-bottom: 0px; line-height: 100%;}
	div#header-section div#headerContactInfo{width:40%; float: right; text-align: right;}
		div#header-section div#headerContactInfo h2{margin-bottom: 0px;}
		div#header-section div#headerContactInfo h3{font-weight: 300;}
		
	div#slogan-section{text-align: center;}
		div#slogan-section h1{color: #FFF; font-size: 28px; margin: 0px;}
	
	div#slideshow-section{background-color: #000; padding: 0px; margin-bottom: 20px;}
		div#slideshow-section .container{padding: 0px;}
	div#slideshow-section #slideshow-container{line-height: 80%;}
	
	div#mainContent-section{
	background-color: #FFF;
	}
		div#mainContent-section .container{padding: 0px;}
		div#mainContent-section div.mainContent{width: 65%; float: left; padding-bottom: 20px;}
		div#mainContent-section h1{color: #ceaf00; font-size: 28px;}
	
		div#mainContent-section div#sidebar{float: right; width: 35%; background: url(images/sidebar-bg-pattern.jpg) repeat-y; background-color: #353535; padding: 40px 20px 40px 20px;}
			div#mainContent-section div#sidebar .sidebar-post-container{
			text-align: center;
			background-color: #FFF;								
			padding: 15px;
			margin-bottom: 40px;
			}
				div#mainContent-section div#sidebar .sidebar-post-container:last-child{
				margin-bottom: 0px;
				}
				div#mainContent-section div#sidebar .sidebar-post-container h2{font-size: 22px; font-weight: 800; margin-top: 10px; color: #ceaf00;}
				
			div#mainContent-section div#sidebar div.sidebar-post-container #savesYouMoney, #durStrong{
			width: 100%; 
			padding: 10px;
			height: auto;			
			background: rgba(217,217,217,1);
			background: -moz-linear-gradient(left, rgba(217,217,217,1) 0%, rgba(255,255,255,1) 100%);
			background: -webkit-gradient(left top, right top, color-stop(0%, rgba(217,217,217,1)), color-stop(100%, rgba(255,255,255,1)));
			background: -webkit-linear-gradient(left, rgba(217,217,217,1) 0%, rgba(255,255,255,1) 100%);
			background: -o-linear-gradient(left, rgba(217,217,217,1) 0%, rgba(255,255,255,1) 100%);
			background: -ms-linear-gradient(left, rgba(217,217,217,1) 0%, rgba(255,255,255,1) 100%);
			background: linear-gradient(to right, rgba(217,217,217,1) 0%, rgba(255,255,255,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9d9d9', endColorstr='#ffffff', GradientType=1 );		
			}
			div#mainContent-section div#sidebar div.sidebar-post-container div#savesYouMoneyIcon, #durStrongIcon{width: 30%; height: auto; float: left;}
		
			
			div#mainContent-section div#sidebar div.sidebar-post-container div#ecoFriendly{
			padding: 10px;
			background: rgba(255,255,255,1);
			background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(217,217,217,1) 100%);
			background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(217,217,217,1)));
			background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(217,217,217,1) 100%);
			background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(217,217,217,1) 100%);
			background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(217,217,217,1) 100%);
			background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(217,217,217,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9d9d9', GradientType=1 );
			margin: 15px 0;
			}
			div#mainContent-section div#sidebar div.sidebar-post-container div#savesYouMoney h3{padding-top: 8px;}
			div#mainContent-section div#sidebar div.sidebar-post-container div#ecoFriendly h3{padding-top: 8px;}
			div#mainContent-section div#sidebar div.sidebar-post-container div#durStrong h3{padding-top: 8px;}
			div#mainContent-section div#sidebar div.sidebar-post-container div#ecoFriendlyIcon{width: 30%; height: auto; float: right;}
			
			div#mainContent-section div#sidebar a.videoLink{display: block; margin-bottom: 40px;}
				div#mainContent-section div#sidebar #videoContainer{background-size: cover;}
			
				
	div#footer-section{background-color: #000; margin-bottom: 30px;}
		div#footer-section .footer-col{width: 33.3%; float: left; border-left: solid 1px #FFF; padding-left: 20px;}				
					#footer-section .footer-col h3{color: #FFF;}
					#footer-section .footer-col p{margin-bottom: 5px; color: #FFF;}
					
					#footer-section a {
					color:white;
					}
	h6, a.btn{
	text-align: center;
	color: #FFF;
	background-color: #ceaf00; 
	padding: 10px; 
	border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
	}
	a.btn{padding: 10px 20px; display: inline-block; text-transform: uppercase; margin-top: 10px;}
		a:hover.btn{background-color: #000;}
	.contactUsToday h3{color: #FFF;}

	.borderradius{
		border-radius: 15px 15px 15px 15px;
		-moz-border-radius: 15px 15px 15px 15px;
		-webkit-border-radius: 15px 15px 15px 15px;
	}
	.boxshadow{
		-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
	}

	.size-thumbnail{width:125px !important; height: 125px !important;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	margin-top: 5px;
	margin-bottom: 5px;
	}
/* GENERAL WP STYLING */

strong, b{
font-weight:700;
}

em {
font-style:oblique;
}

.entry-meta, .more-link, .edit-link {
font-size:11px;
}

.entry-meta .cat-links {
font-size:12px;
font-weight:300;
text-transform:uppercase;
margin-top:30px;
display:block;
}

	.entry-meta .cat-links a {
	color:#2e314a;
	}
	
		.entry-meta .cat-links a:hover {
		}

article {
clear:both;
}

article .entry-content {
margin:10px 0 0 0;
}

article .entry-content .wp-post-image {
float:right;
margin-left:15px;
margin-bottom:15px;
}

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

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

#disclaimer p {
margin-top:40px;
font-size:11px;
color: #6e6e6e !important;
}

#disclaimer p a {
text-decoration:none;
}

.nocomments {
display:none;
}

#nav-single {
display:none;
}

.widget {
margin-bottom:30px;
}

.nav-previous, .nav-next {
font-size:12px;
margin:10px;
}

.assistive-text {
display:none;
}

img, embed, object {
max-width:100%;
height:auto;
outline: none;
border: none;
}

iframe {
max-width:100%;
}

.wp-caption {
background:#ffffff;
border:1px solid #cecece;
padding:5px;
width:1px;
}

	.wp-caption p {
	font-size:12px;
	text-align:center;
	margin:0;
	}
	
.post-navigation .screen-reader-text {
display:none;
}
.paging-navigation .screen-reader-text {
display:none;
}

.post-navigation .nav-links {
display:none;
}

.post-navigation .nav-links {
font-size: 12px;
}

.post-navigation .nav-links a {
display:block;
}

.post-navigation .nav-links a:after {
content:"";
}

.post-navigation .nav-links a .meta-nav {
font-weight:700;
}

.post-navigation .nav-links a .meta-nav:after {
content:": ";
}

.entry-meta .byline .author:before {
content:" | by ";
}

.entry-meta .byline .author:after {
content:"  ";
}

div#secondary{display: none;}
	
.widget {
}

	.widget ul{
	/*list-style:none;*/
	margin: 0 0 0 20px;
	padding:0;
	}
	
	.widget li {
	}

.paging-navigation .screen-reader-text {
font-size:12px;
}

.easingsliderpro-slide-content div {
background:#000000;
/*padding:15px !important;*/
text-align:left;
opacity: 0.80;
filter: alpha(opacity=80);
position: absolute!important;
bottom: 0!important;
left: 0!important;
width:100%;
}

.easingsliderpro-slide-content div h2 {
color:#ffffff;
padding:15px 15px 2px 15px;
margin-bottom:0;
font-size:20px;
}

.easingsliderpro-slide-content div p {
color:#ffffff;
line-height:100%;
font-size:14px;
padding:0 15px 15px 15px;
margin-bottom:0;
}

#secondary .site-description {
display:none;
}

blockquote {
width:50%;
float:right;
margin:20px;
border-top:2px solid #356ba0;
border-bottom:2px solid #356ba0;
padding:20px 0 10px 0;
}

	blockquote p {
	color:#8b8b8b;
	font-size:20px;
	font-style:itlaic;
	font-style:oblique;
	font-weight:700;
	}


/* GENERAL WP STYLING END */


/* Mobile styling */
@media all and (max-width: 768px) {

body {
width:100%;
min-width:0;
}

.mobile-width-one-hundred-percent {
width:100% !important;
max-width:100% !important;
margin-left:0 !important;
margin-right:0 !important;
float:none !important;
clear:both;
}

.mobile-width-ninety-five-percent {
width:95% !important;
max-width:95% !important;
margin-left:auto !important;
margin-right:auto !important;
float:none !important;
clear:both;
}

.mobile-width-ninety-percent {
width:90% !important;
max-width:90% !important;
margin-left:auto !important;
margin-right:auto !important;
float:none !important;
clear:both;
}

.mobile-text-align-center {
text-align:center !important;
}

.mobile-padding-none {
padding:0 !important;
}

.mobile-margin-top-percent {
margin-top:4% !important;
clear:both;
}

.mobile-margin-bottom-percent {
margin-bottom:4% !important;
clear:both;
}

.mobile-display-block {
display:block !important;
}

.mobile-display-inline {
display:inline !important;
}

.mobile-display-none {
display:none !important;
}

.mobile-float-none {
float:none !important;
}
	
div#slideshow{margin-bottom: 20px;}

div#mainContent-section{padding-top: 10px;}
div#mainContent-section div#sidebar{background-image: none !important;}
div.sidebar-post-container{width: 100% !important;}
	div.sidebar-post-container h3{font-size: 14px;}
	div.sidebar-post-container #savesYouMoney, #ecoFriendly, #durStrong{
	background: rgba(255,255,255,1) !important;
	background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 47%, rgba(204,204,204,1) 83%, rgba(204,204,204,1) 100%) !important;
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(247,247,247,1)), color-stop(83%, rgba(204,204,204,1)), color-stop(100%, rgba(204,204,204,1))) !important;
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 47%, rgba(204,204,204,1) 83%, rgba(204,204,204,1) 100%) !important;
	background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 47%, rgba(204,204,204,1) 83%, rgba(204,204,204,1) 100%) !important;
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 47%, rgba(204,204,204,1) 83%, rgba(204,204,204,1) 100%) !important;
	background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 47%, rgba(204,204,204,1) 83%, rgba(204,204,204,1) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc', GradientType=1 ) !important;	
	width: 31% !important; 
	float: left;
	}
	#savesYouMoneyIcon, #ecoFriendlyIcon, #durStrongIcon{width: 50% !important; float: none !important; margin: 15px auto 0 auto !important;}
	#ecoFriendly{margin: 0px !important;}
	#savesYouMoney, #ecoFriendly{margin-right: 3.5% !important;}
div#footer-section .footer-col{border-left: none; padding: 20px 0 20px 0px !important; border-top: solid 1px #FFF;}
	div#footer-section .footer-col:first-child{border-top: none; padding-top: 0px !important;}
	
}

@media all and (max-width: 482px) {
div.sidebar-post-container #savesYouMoney, #ecoFriendly, #durStrong{width: 100%% !important; float: none !important; padding: 10px; margin-bottom: 10px;}
div#savesYouMoneyIcon, #ecoFriendlyIcon, #durStrongIcon{width: 50% !important; float: none !important; margin: 15px auto 0 auto !important;}
div#ecoFriendly{margin-bottom: 10px !important;}
div#mainContent-section div#sidebar div.sidebar-post-container h3{margin-top: 10px !important; padding-top: 0px !important;}
div#mainContent-section div#sidebar div.sidebar-post-container div#savesYouMoney, #durStrong{
width: 100% !important; 
padding: 10px;
height: auto;			
background: rgba(217,217,217,1) !important;
background: -moz-linear-gradient(left, rgba(217,217,217,1) 0%, rgba(255,255,255,1) 100%) !important;
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(217,217,217,1)), color-stop(100%, rgba(255,255,255,1))) !important;
background: -webkit-linear-gradient(left, rgba(217,217,217,1) 0%, rgba(255,255,255,1) 100%) !important;
background: -o-linear-gradient(left, rgba(217,217,217,1) 0%, rgba(255,255,255,1) 100%) !important;
background: -ms-linear-gradient(left, rgba(217,217,217,1) 0%, rgba(255,255,255,1) 100%) !important;
background: linear-gradient(to right, rgba(217,217,217,1) 0%, rgba(255,255,255,1) 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9d9d9', endColorstr='#ffffff', GradientType=1 ) !important;		
}
div#mainContent-section div#sidebar div.sidebar-post-container div#ecoFriendly{
width: 100% !important; 
background: rgba(255,255,255,1) !important;
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(217,217,217,1) 100%) !important;
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(217,217,217,1))) !important;
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(217,217,217,1) 100%) !important;
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(217,217,217,1) 100%) !important;
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(217,217,217,1) 100%) !important;
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(217,217,217,1) 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9d9d9', GradientType=1 ) !important;
}
}
/* 'MOBILE' STYLING **** END */

#disclaimer, #disclaimer a {
color:#6e6e6e;
text-align:left;
}

	#disclaimer a:hover {
	color:#ffffff;