/*
Theme Name: wp-bootstrap
Theme URI: http://320press.com/wpbs
Description: A simple responsive theme based on the Bootstrap framework. Includes multiple page templates, two different sidebars and a theme options panel.
Version: 3.2
Author: Chris Barnes
Author URI: http://cbarn.es
Tags: black, white, one-column, two-columns, flexible-width, custom-background, custom-colors, custom-menu, full-width-template, theme-options
License: GNU General Public License v2.0 & Apache License 2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html http://www.apache.org/licenses/LICENSE-2.0
*/

/* HEADS UP: Everything that you will normally find here can be found in the library/less/wp.less */

h1{text-align: center;}
.bs{ -webkit-filter: drop-shadow(3px 3px 5px rgba(0,0,0,.85));filter: drop-shadow(3px 3px 5px rgba(0,0,0,.85));}
.myImage{width: 90% !important;max-width: 500px;}/*images on the site*/
.tall{	min-height: 500px;}/*make sure it is tall enough with a lack of content*/
span.myAddress, div.myAddress{display: block;width: 155px;margin: 0 auto !important;text-align: center;}/*the company name and address for schema*/
div.myAddress{width: 145px !important;margin-top: -1.5em !important;}/*make this smaller for better alignment*/
a.phoneButton{width: 280px;display: block;padding: 0.5em;background: #7b564e;color: #ffffff !important;text-align: center;margin: 1em auto 0 auto;}/*phone link near header*/
.su-tabs {   background: #55897d !important;}/*the actual container for the tabs*/
.su-tabs-pane{padding: 0 !important;font-size: 1rem !important;}/*removed the padding so images go to border*/
.optionBox1, .optionBox2, .optionBox3{	min-height: 235px;	background-position: center;}/*make sure both boxes have height*/
.optionBox1{background-image: url('http://retrorideteardrops.com/wp-content/uploads/2016/10/10-8.jpg');}/*background for this box*/
.optionBox2{background-image: url('http://retrorideteardrops.com/wp-content/uploads/2015/09/featurebox2.jpg');}/*background for this box*/
.optionBox3{background-image: url('http://retrorideteardrops.com/wp-content/uploads/2015/09/featurbox3.jpg');}/*background for this box*/

.optionBox1 ul.myList, .optionBox2 ul.myList, .optionBox3 ul.myList{padding-top: 2em;margin-bottom: 0 !important;color: #ffffff;text-shadow: 1px 1px 0px #000000;}/*styles for the inside elements*/
.optionBox1 ul.myList li:before, .optionBox2 ul.myList li:before, .optionBox3 ul.myList li:before{color: #ffffff;}/*color the icons*/
.white{	color: #ffffff;	padding: 2em;}/*sections with background image*/
.white h3.widget-title{	font-size: 1.5em;	margin-top: .25em;	text-shadow: 1px 1px 0px #000000;	text-align: center;}/*the headings for the section*/

.ngg-galleryoverview {
    text-align: center !important;
}
.ngg-gallery-thumbnail-box {
    float: none !important;
    display: inline-block !important;
}

div#content, div#main{	background: #ffffff !important;}/*,ake sure pages are white*/
ul.myList{	list-style-type: none;}/*the lists*/
ul.myList li:before{	font-family: FontAwesome;	content: "\f00c";	margin-right: 1em;	color: #55897d;}/*the lists*/
.alignnone, .alignNone {float: none;}
.alignleft, .alignLeft {float: left;padding-left:0.375em;}
.alignright, .alignRight {float: right; padding-right:0.375em;}
.aligncenter, .alignCenter {float: none; text-align: center !important;}
.myCenter{	width: 250px;	margin: 0 auto;}/*text widget to be centered*/
.myCenter h3{text-align: center;}/*center the heading*/
p.myDetails{text-align: center;	text-shadow: 1px 1px 0px #000000;}/*description paragraphs*/
span.learnMore{	margin: 0 auto;}/*the button link text*/
.panel-grid-cell a.learnLink{margin-top: .25em;}/*the button*/
div#pg-84-1 div.panel-row-style, div#pg-88-1 div.panel-row-style, div#pg-86-1 div.panel-row-style{	margin: 1em -15px !important;}/*the metslider panels need full width*/
div#pg-84-1 h3.widget-title, div#pg-88-1 h3.widget-title, div#pg-86-1 h3.widget-title{	text-align: center;color: #f4eeb4;font-size: 2em;padding: 1em;margin-bottom: 0;text-transform: uppercase;}/*the metslider heading*/
div.metaslider{	margin: 0 auto 2em auto;}/*sliders for the site*/
body.page-id-5 div.gform_wrapper{max-width: 400px;background: #cccccc;	margin: 0 auto;}/*main wrapper for the form*/
body.page-id-5 div.gform_wrapper form{	padding: 1em;}/*main wrapper for the form*/
.centerText h3{	text-align: center;	margin: 0 auto; !important;	max-width: 400px;	background: #7b564e;	padding: 1em;}/*header for the new form*/
body.page-id-5 span#input_2_1_3_container label, .gfield_required{display: none;}/*hide these labels*/
body.page-id-5 div.gform_body ul{padding-left: 0 !important;}/*remove the padding to align centered*/
body.page-id-5 div.gform_body ul li{list-style-type: none;}/*remove the list dots*/
body.page-id-5 li.gform_validation_container {display: none;}/*hide the honeypot*/
body.page-id-5 input{display: block;width: 75% !important;margin: 0 auto !important;}/*control the size of the inputs*/
body.page-id-5 input[type="submit"]{width: 75% !important;margin-left: 12.5% !important;}/*submit button*/
div#gform_confirmation_message{	max-width: 350px;font-size: 18px;text-align: center;}
footer p {font-size: 13px !important;}

.flex-video { position: relative; height: 0; padding-bottom: 75%; margin-bottom: 1rem; overflow: hidden;}
.flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.flex-video.widescreen {padding-bottom: 56.25%;}
.flex-video.vimeo {padding-top: 0;}

@media screen and (min-width: 768px){
	.mainHead { background: url("http://retrorideteardrops.com/wp-content/themes/retroride/images/teardrop-campers-header.jpg") no-repeat !important;}
	span.myAddress, div.myAddress{text-align: right;float: right;}/*the company name and address for schema*/
	div.myAddress{	margin-top: 0 !important;}/*normal spacing with float*/
	a.phoneButton{	float: left;margin-top: -.5em !important;}/*phone link near header*/}

@media screen and (min-width: 781px){.myCenter{	width: 300px;}}

@media screen and (min-width: 992px){
	.su-tabs-pane{font-size: 18px !important;}/*increase font*/
	.white h3.widget-title{	margin-top: 1.5em;	text-align: left;}/*the headings for the section*/
	p.myDetails{text-align: left;}
	.panel-grid-cell a.learnLink{	margin-top: 1.5em;	}/*move it down to match headings*/}

@media screen and (min-width: 600px) and (max-width: 780px){.optionBox1, .optionBox2, .optionBox3{background-size: cover;}/*make sure both boxes have height*/}