/*
Theme Name: Quaker State
Theme URI:
Author: Tim C
Author URI: www.higherimages.com
Description:
Version: 1.0
License:
License URI:
Tags:
*/

/* ==========================================================================
   Page Styles
   ========================================================================== */

.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;
}

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

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;
}

/* ==========================================================================
   General Styles
   ========================================================================== */

body {
	background: url('../../uploads/2014/06/tileable_wood_texture.png');
	overflow-x: hidden;
	font-family: 'Open Sans', sans-serif;
	color:#d1d1ba;
}

.clearfix {
	clear: both;
}

.wood-btn {
	background:#333;
	padding:20px;
	color:#333;
}

.wood-btn:hover {
	color:#fff !important;
	background:#333;
}

.post-13 li {
    line-height: 70px;
    list-style: none outside none;
}

.orange-border {
	border:3px solid #F06C22;
	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
}

.page-id-106 .gfield_label {
	display:inline !important;
}

.page-id-106 #gform_widget-3 {
	background: none repeat scroll 0 0 #633721;
    	border: 3px solid #ec6b23;
    	padding: 0 2% 0 5%;
}

.page-id-106 .widget-title {
	display:none;
}

input, button, select, textarea {
	color:#333;
}

.slogan {
	font-weight: 800;
	margin-top: 0;
	text-transform: uppercase;
}

.home .entry-title {
	display: none;
}

.image_link:hover{
    text-decoration: none;
}

/* ==========================================================================
   Responsive Google Maps Styles
   ========================================================================== */

.Flexible-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.Flexible-container iframe,
.Flexible-container object,
.Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#top-tan {
	height:20px;
	background:#d1d1ba;
}

#header {
	background:#633721;
	padding: 2% 0 1% 0;
}

#call h1 {
	text-align: right;
}

#call h1 span {
	font-size: .8em;
}

#call-top, #call-bottom {
	text-align: right;
}

#call-top li, #call-bottom li {
	list-style: none;
	display: inline;
	background: #D1D1BA;
}

#call-top li a , #call-bottom li a {
	text-decoration: none;
	color: #414141;
	padding: 3px;
}

#navigation {
	height:45px;
	background:#d1d1ba;
}

#conversions {
	background: url('../../uploads/2014/06/conversions-background.jpg') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding:3% 0;
}

#inside-top {
	border-bottom:2px solid #D1D1BA;
}

#inside-top img {
	width:100%;
}

.page-id-25 #inside-top {
	border-bottom:none !important;
}

#conversions-left #gform_widget-2 {
	border: 3px solid #EC6B23;
	background: #633721;
	padding: 0 2% 0 5%;
}

#box1 img, #box2 img, #box3 img {
	width:100%;
}

#quality {
	padding-bottom:18%;
	text-align:center;
}

#home-left h1, #home-left h2, #home-left h3, #home-left h4, #home-left h5, #home-left h6 {
	color: #f3b01a;
}

.entry-title {
	font-weight: 800;
	color: #D2D1BC !important;
}

.gfield_label {
	display: none !important;
}

.gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea {
	margin-bottom: 5% !important;
	color: #333;
}

.gform_button {
	background: #f3b01a;
	border: none;
	color: #fff;
	font-size: 2em !important;
	padding: 3% 10%;
}

.review_button {
    background: #f3b01a;
    display: block;
	border: none;
	color: #fff !important;
	font-size: 1.5em !important;
	padding: .5em;
    max-width: 10em;
    margin: 1em auto 0 auto;
}
.review_button:hover {
    text-decoration: none;
}

#home-right {
	text-align: center;
	padding: 2% 0 0 0;
}

#inside-left ul li a {
	text-decoration: none;
	color: #F3B01A !important;
}

#inside-left h2, #inside-left h3, #inside-left h4, #inside-left h5, #inside-left h6, strong {
	color: #F3B01A !important;
}

#inside-right {
	text-align:center;
	padding-top:2%;
}

#pre-footer {
	color: #f3b01a;
	margin-top: 0%;
	padding-top: 2%;
	text-align: center;
}

#pre-footer .container {
	border-top:2px solid #D1D1BA;
}

#pre-footer ul li {
	list-style: none;
	display: inline;
	padding: 0 3%;
	color: #fccf69;
	font-size: 2em;
	border-right: 2px solid #fccf69;
}

#pre-footer ul li:last-child {
	border: none;
}

#footer {
	background:#414042;
	color:#d1d1ba;
	border-top:3px solid #d1d1ba;
	text-align:center;
	padding-top: 2%;
}

#footer ul li {
	list-style: none;
	display: inline;
	padding: 0 1%;
	border-right: 2px solid #D1D1BA;
}

#footer a {
	color: #D1D1BA;
}

#footer ul li:last-child {
	border: none;
}

#footer img {
	padding: 2% 0;
}

.senior {
	color:#333;
	padding:0 3px;
}

/* ==========================================================================
   Mobile Styles
   ========================================================================== */

/* portrait & landscape */

@media only screen
and (min-width : 320px)
and (max-width : 568px) {

	img {
		max-width:100%;
	}

	#quality {
		display: none;
	}

	#conversions {
		padding-top: 5%;
	}

	#conversions-left {
		margin-bottom: 5%;
	}

	#box1, #box2, #box3 {
		margin-bottom: 5%;
	}

	#logo {
		margin-bottom: 2%;
	}

	#call h1 {
		text-align: center;
	}

	#call-top, #call-bottom {
		padding: 0;
		text-align: center;
	}

	#pre-footer h3 {
		font-size: 1.3em;
	}

	#pre-footer ul {
		padding: 0;
	}

	#pre-footer ul li {
		text-align: center;
		display: block;
		border: none;
	}

	#footer #menu-main-navigation {
		padding: 0;
	}

	#footer #menu-main-navigation li {
		display: block;
		text-align: center;
		border: none;
	}

	#footer img {
		max-width: 95%;
	}

}

/* landscape */

@media only screen
and (min-width : 320px)
and (max-width : 568px)
and (orientation : landscape) {

	#conversions-left #gform_widget-2 {
		margin: 0 auto;
		width: 75%;
	}

	#box1, #box2, #box3 {
		margin: 0% auto 5% auto;
		width: 76%;
	}

}

/* portrait */

@media only screen
and (min-width : 320px)
and (max-width : 568px)
and (orientation : portrait) {

}

/* ==========================================================================
   Tablet Styles
   ========================================================================== */

/* iPad mini in portrait & landscape */

@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1)  {

	img {
		max-width:100%;
	}

	#quality img {
		display: none;
	}

}

/* iPad mini in landscape */

@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  {

	#conversions-right {
		padding-top: 25.5%;
	}

}

/* iPad mini in portrait */

@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 1)  {

	#conversions {
		padding-top: 7%;
	}

	#conversions-left #gform_widget-2 {
		width: 110%;
	}

	#quality {
		padding: 20% 0 66.5% 0;
	}

}