/* @override http://dev.oc2clients.com/GaryRexTanner/wordpress/wp-content/themes/garyrextanner/style.css */

/* @override http://dev.oc2clients.com/GaryRexTanner/wordpress/wp-content/themes/garyrextanner/style.css */

/* @override http://dev.oc2clients.com/GaryRexTanner/wordpress/wp-content/themes/garyrextanner/style.css */

/*

Theme Name: Gary Rex Tanner

Theme URI: http://wordpress.org/

Description: WordPress Theme

Author: Oc2Interactive - http://www.oc2interactive.com

Version: 1.0

Tags: 

*/

@font-face {

    font-family: 'league_gothicregular';

    src: url('assets/fonts/leaguegothic-regular.eot');

    src: url('assets/fonts/leaguegothic-regular.eot?#iefix') format('embedded-opentype'),

         url('assets/fonts/leaguegothic-regular.woff') format('woff'),

         url('assets/fonts/leaguegothic-regular.ttf') format('truetype'),

         url('assets/fonts/leaguegothic-regular.svg#league_gothicregular') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'bebasregular';

    src: url('assets/fonts/bebas-webfont.eot');

    src: url('assets/fonts/bebas-webfont.eot?#iefix') format('embedded-opentype'),

         url('assets/fonts/bebas-webfont.woff') format('woff'),

         url('assets/fonts/bebas-webfont.ttf') format('truetype'),

         url('assets/fonts/bebas-webfont.svg#bebasregular') format('svg');

    font-weight: normal;

    font-style: normal;

}

/*html5 display rule*/

address, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section, summary {

	display: block;

	margin: 0;

	padding: 0;

}

body {

	margin: 0px;

	padding: 0px;

	font-size: 100%;

	color: #fff;

	font-family: Georgia, "Times New Roman", Times, serif;

	background: #121212;

}

:focus {

	outline: 0;

}

a {

	outline: none;

	color: #cfcfcf;

	text-decoration: underline;

	-webkit-transition: color .2s ease-in-out;

	-moz-transition: color .2s ease-in-out;

	transition: color .2s ease-in-out;

	-o-transition: color .2s ease-in-out;

}

a:hover {

	color: #fff;

	text-decoration: underline;

}

dd {

margin: 0 auto;

text-align center;

}

.clear {

	clear: both;

}

.left {

	float: left !important;

}

.right {

	float: right !important;

}

img {

	border: none;

	height: auto;

    margin: 0;

    max-width: 100%;

    vertical-align: middle;

}

.alignleft {

	float: left;

	margin: 0 1em 1em 0;	

}

.alignright {

	float: right;

	margin: 0 0 1em 1em;

}

.aligncenter {

	float: none;

	margin: 0 auto;

}

[hidden] {

    display: none;

}

/* Improve readability of pre-formatted text in all browsers */

pre {

	white-space: pre;

	white-space: pre-wrap;

	word-wrap: break-word;

}

/* =============================================================================

   Base

   ========================================================================== */

/*

 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units

 * 2. Force vertical scrollbar in non-IE

 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g

 */

html {

	overflow-y: scroll;

	-webkit-text-size-adjust: 100%;

	-ms-text-size-adjust: 100%;

}

/* =============================================================================

   Forms

   ========================================================================== */

form {

	margin: 0;

}

fieldset {

	border: 0;

	margin: 0;

	padding: 0;

}

/* Indicate that 'label' will shift focus to the associated form element */

label {

	cursor: pointer;

}

/*

 * 1. Correct color not inheriting in IE6/7/8/9

 * 2. Correct alignment displayed oddly in IE6/7

 */

legend {

	border: 0;

	*margin-left: -7px;

	padding: 0;

}

/*

 * 1. Correct font-size not inheriting in all browsers

 * 2. Remove margins in FF3/4 S5 Chrome

 * 3. Define consistent vertical alignment display in all browsers

 */

button, input, select, textarea {

	font-size: 100%;

	margin: 0;

	max-width: 95%;

	vertical-align: baseline;

	*vertical-align: middle;

}

/*

 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)

 * 2. Correct inner spacing displayed oddly in IE6/7

 */

button, input {

	line-height: normal;

	*overflow: visible;

}

/*

 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7

 */

table button, table input {

	*overflow: auto;

}

/*

 * 1. Display hand cursor for clickable form elements

 * 2. Allow styling of clickable form elements in iOS

 */

button, input[type="button"], input[type="reset"], input[type="submit"], [role="button"] {

	cursor: pointer;

	-webkit-appearance: button;

}

/*

 * Consistent box sizing and appearance

 */

input[type="checkbox"], input[type="radio"] {

	box-sizing: border-box;

	padding: 0;

}

input[type="search"] {

	-webkit-appearance: textfield;

	-moz-box-sizing: content-box;

	-webkit-box-sizing: content-box;

	box-sizing: content-box;

}

input[type="search"]::-webkit-search-decoration {

	-webkit-appearance: none;

}

/*

 * Remove inner padding and border in FF3/4: h5bp.com/l

 */

button::-moz-focus-inner, input::-moz-focus-inner {

	border: 0;

	padding: 0;

}

/*

 * 1. Remove default vertical scrollbar in IE6/7/8/9

 * 2. Allow only vertical resizing

 */

textarea {

	overflow: auto;

	vertical-align: top;

	resize: vertical;

}

/* =============================================================================

   Tables

   ========================================================================== */

table {

	border-collapse: collapse;

	border-spacing: 0;

}

td {

	vertical-align: top;

}

/* ==|== primary styles =====================================================

   Author:

   ========================================================================== */

*[hidden] {

	display: none;

}

.wrapper {

	margin: 0 auto;

	max-width: 940px;

	padding: 0 10px;	

}

.pageHeader {

	float: left;

	width: 100%;

	background: url(assets/images/header-bg.png) center top repeat-x #121212;	

}

.pageHeader .wrapper {

	max-width: 960px;

	padding: 0px;

}

.pageHeader .logo {

	float: left;

	width: 39.58333333333333%; /*380/960*100*/

	margin: 1.9375em 0 1.75em 1.125em; /*31/16 0 28/16 18/16*/

}

.pageHeader .logo img {

	float: left;

}

.pageHeader aside {

	float: right;

	background: #474747;

	font: normal 0.75em/150% Georgia, "Times New Roman", Times, serif; /*12/16 18/12*100*/

	padding: 0.5em 1em;

	margin: 0 0 1em 0;

	-moz-border-radius: 0px 0px 5px 5px;

	-webkit-border-radius: 0px 0px 5px 5px;

	border-radius: 0px 0px 5px 5px;

}

.pageHeader aside p {

	margin: 0px;

	padding: 0 0 0 32px;

	background: url(assets/images/mailing-icon.png) left center no-repeat;

}

.pageHeader aside a {

	color: #fff;

	text-decoration: none;

	font-weight:bold;

}

.pageHeader aside a:hover {

	color: #cfcfcf;

	text-decoration: none;

}

.pageHeader .social {

	float: right;

	clear: right;

	margin: 1em 0 0 0; /*16/16 0 0 0*/

}

.pageHeader .social img {

	float: left;

	margin: 0 0 0 0.5em;

	opacity: 0.8;

	-webkit-transition: all .2s ease-in-out;

	-moz-transition: all .2s ease-in-out;

	transition: all .2s ease-in-out;

	-o-transition: all .2s ease-in-out;

}

.pageHeader .social img:hover {

	opacity: 1;

	margin-top: -4px;

}

.contentNode {

	float: left;

	width: 100%;

	background: url(assets/images/content-bg.jpg) center top repeat;

	padding: 0 0 1.75em 0; /*0 0 28/16 0*/

}

.mainNav {

	width: 100%;

	text-align: center;	

	font: normal 1.875em/100% 'league_gothicregular'; /*30/16 30/30*100*/

	color: #cfcfcf;

	text-transform: uppercase;

}

.mainNav ul {

	padding: 0px;

	margin: 0px;

	list-style-type: none;

}

.mainNav ul li {

	padding: 1.133333333333333em 0.75em 1em;

	margin: 0px;

	display: inline-block;

	position: relative;

}

.mainNav ul li ul {

	display: none;

	position: absolute;

	left: 0px;

	top: 94px;

	width: 7.2em;

	background: #121212;

	z-index: 200;

}

.mainNav ul li ul li {	

	padding: 0;

	text-align: left;

	border-bottom: 1px dotted #4c4c4c;

}

.mainNav ul li ul li a {

	width: 5em;

	display: block;

	padding: 0.5em 1.1em;

}

.mainNav ul li ul li a:hover {

	background: #1b1b1b;

}

.mainNav ul li:hover > ul {

	display: block;

}

.mainNav a {

	color: #cfcfcf;

	text-decoration: none;

	-webkit-transition: all .2s ease-in-out;

	-moz-transition: all .2s ease-in-out;

	transition: all .2s ease-in-out;

	-o-transition: all .2s ease-in-out;

}

.mainNav a:hover, .mainNav ul li:hover > a, .mainNav .current-menu-item a, .mainNav .current-menu-parent > a {

	color: #fff;

	text-decoration: none;

}

.homeBanner {

	float: left;

	clear: both;

	width: 65.95744680851064%; /*620/940*100*/

	min-height: 449px;

	position: relative;

	z-index: 100;

	padding: 0 0 28px 0;

	background: url(assets/images/slider-shadow.png) center bottom no-repeat;

}

.homeBanner figcaption {

	position: absolute;

	bottom: 0px;

	left: 0px;

	width: 90%;

	color: #fcfcfa;

	font: normal 1.125em/116.6666666666667% Georgia, "Times New Roman", Times, serif; /*18/16 21/18*100*/

	padding: 0.6111111111111111em 5%; /*11/18*/

	background: url(assets/images/slider-caption-bg.png);

	border-top: 1px solid #000;

}

.homeBanner figcaption h2 {

	font: normal 1.777777777777778em/100% 'bebasregular'; /*32/18 32/32*100*/

	padding: 0.34375em 0 0 0; /*11/32 0 0 0*/

	margin: 0px;

	text-transform: uppercase;

	word-spacing: 3px;

}

.homeBanner figcaption p {

	padding: 0.3333333333333333em 0; /*6/18 0*/

	margin: 0px;

}

.twitterNode {

	float: right;

	width: 29.78723404255319%; /*280/940*100*/

	padding: 0.8125em 0.625em; /*13/16 10/16*/

	border: 1px solid #000;

	background: url(assets/images/twiiter-bg.png) center top repeat-y #000;

	-moz-box-shadow: 1px 1px 2px #0a0a0a;

	-webkit-box-shadow: 1px 1px 2px #0a0a0a;

	box-shadow: 1px 1px 2px #0a0a0a;

	filter: progid:DXImageTransform.Microsoft.Shadow(strength = 1, direction = 135, color = '#0a0a0a');

	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 1, Direction = 135, Color = '#0a0a0a')";

}

.twitterNode h3 {

	text-align: center;

	color: #cfcfcf;

	font: normal 1.875em/100% 'league_gothicregular'; /*30/16 30/30*100*/

	padding: 0.1333333333333333em 0 0.7em 0; /*4/30 0 21/30 0*/

	margin: 0px;

	text-transform: uppercase;

}

.twitterNode iframe {

	max-height: 362px;

}

.midCallouts {

	float: left;

	clear: both;

	width: 100%;

	padding: 0 0 0.875em 0; /*0 0 14/16 0*/

}

.midCallouts h3 {

	text-align: center;

	font: normal 1.875em/100% 'league_gothicregular'; /*30/16 30/30*100*/

	color: #cfcfcf;

	text-transform: uppercase;

	padding: 0.1666666666666667em 0; /*5/30 0*/

	margin: 0 0 0.7em 0; /*0 0 21/30 0*/

}

.midCallouts p {

	clear: both;

	font-size: 1.125em; /*18/16*/

	padding: 1em 0; /*18/18 0*/

	margin: 0px;

	text-align: center;

}

.midCallouts a {

	color: #fff;

	text-decoration: none;

}

.midCallouts a:hover {

	color: #cfcfcf;

	text-decoration: none;

}

.midCallouts .youtubeNode {

	float: left;

	width: 30.53191489361702%; /*287/940*100*/

	padding: 0 2.1875em 0 0.375em; /*0 35/16 0 6/16*/

}

.midCallouts .youtubeNode iframe {

	float: left;

	width: 100%;

	height: 214px;

}

.midCallouts .galleryNode {

	float: left;

	width: 30%; /*282/940*100*/

}

.midCallouts .facebookNode {

	float: right;

	width: 30%; /*282/940*100*/

	border-bottom: 1px solid #d8dfea;

	overflow: hidden !important;

}

.midCallouts .facebookNode iframe {

	float: left;

	width: 100% !important;

	height: 255px !important;

	overflow: hidden !important;

}

.botCallouts {

	float: left;

	clear: both;

	width: 100%;

	font: normal 0.875em/121.4285714285714% Georgia, "Times New Roman", Times, serif; /*14/16 17/14*100*/

	color: #fff;

	padding: 1em 0; /*14/14 0*/

}

.botCallouts p {

	padding: 0.5714285714285714em 0; /*8/14 0*/

	margin: 0px;

}

.botCallouts p a {

	color: #fff;

	text-decoration: none;

}

.botCallouts a:hover {

	color: #cfcfcf;

	text-decoration: none;

}

.botCallouts .instagramNode {

	float: left;

	width: 31.48936170212766%; /*296/940*100*/

	text-align: center;

}

.botCallouts .instagramNode .hdImg {

	margin: 0px auto 0.5714285714285714em; /*0/14 auto 8/14*/

}

.botCallouts .instagramNode p {

	text-align: left;

	padding: 1.357142857142857em 0 0.5714285714285714em 0; /*19/14 0 8/14 0*/

}

.botCallouts .newsNode {

	float: right;

	width: 65.95744680851064%; /*620/940*100*/

}

.botCallouts .newsNode h3 {

	font: normal 2.142857142857143em/100% 'league_gothicregular'; /*30/14 30/30*100*/

	color: #cfcfcf;

	text-transform: uppercase;

	padding: 0px;

	margin: 0 0 0.6666666666666667em 0; /*0 0 20/30 0*/

}

.botCallouts .newsNode .newsBlock {

	clear: both;

	border-bottom: 1px solid #8a8979;

	margin: 0 0 0.7142857142857143em 0; /*0 0 10/14 0*/

}

.botCallouts .newsNode .newsBlock img {

	float: left;

	max-width: 135px;

	height: auto;

	margin: 0 1.428571428571429em 0.9285714285714286em 0; /*0 20/14 13/14 0*/

}

.botCallouts .newsNode .newsBlock h4 {

	font: bold 1.285714285714286em/100% Georgia, "Times New Roman", Times, serif; /*18/14 18/18*100*/

	padding: 0px;

	margin: 0 0 0.2777777777777778em 0; /*0 0 5/18 0*/

}

.botCallouts .newsNode .newsBlock h4 span {

	color: #959595;

	font-size: 0.8888888888888889em; /*16/18*/

	font-weight: normal;

}

.botCallouts .newsNode .newsBlock p {

	padding: 0.2857142857142857em 0; /*4/14 0*/

	margin: 0px;

}

.botCallouts .newsNode .newsBlock p.readMore {

	text-align: right;

	font-weight: bold;

}

.pageFooter {

	float: left;

	width: 100%;

	padding: 1.625em 0 1.1875em 0; /*26/16 0 19/16 0*/

	color: #fff;

	background: url(assets/images/footer-bg.png) center top repeat-x #121212;

}

.pageFooter a {

	color: #fff;

	text-decoration: none;

}

.pageFooter a:hover {

	color: #cfcfcf;

	text-decoration: none;

}

.pageFooter .logo {

	float: left;

	margin: 0 1.25em 0 0.1875em; /*0 20/16 0 3/16*/

}

.pageFooter .logo img {

	float: left;

}

.pageFooter address {

	float: left;

	font: normal 0.75em/116.6666666666667% Georgia, "Times New Roman", Times, serif; /*12/16 14/12*100*/

}

.pageFooter nav {

	float: right;

	font: bold 0.875em/114.2857142857143% Georgia, "Times New Roman", Times, serif; /*14/16 16/14*100*/

	padding: 0.5714285714285714em 0; /*8/14 0*/

}

.pageFooter nav ul {

	float: left;

	padding: 0px;

	margin: 0px;

	display: block !important;

}

.pageFooter nav ul li {

	float: left;

	padding: 0 0.3571428571428571em; /*0 5/14*/

	margin: 0px;

	display: inline;

}

.toggleMenu {

	padding: 0.5em 0;

}

.mainContent {

	float: left;

	width: 100%;

	min-height: 20em;

	font: normal 14px/16px Georgia, "Times New Roman", Times, serif; /*14/16 - 16/14*100*/

	padding: 1em 0;

}

.mainContent h1, .mainContent aside h2 {

	font: normal 2.333333333333333em/114.2857142857143% 'bebasregular';

	color: #fff;

	padding: 0.25em 0;

	margin: 0 0 0.5em 0;

	border-bottom: 1px dotted #8a8979;

	word-spacing: 5px;

}

.mainContent p {

	padding: 0 0 1.25em 0;

	margin: 0px;

}

.mainContent h2, .mainContent h3, .mainContent h4, .mainContent h5, .mainContent h6 {

	padding: 0.5em 0;

	margin: 0px;

}

.mainContent h2 {

	font-size: 1.75em;

}

.mainContent h3 {

	font-size: 1.6em;

}

.mainContent h4 {

	font-size: 1.45em;

}

.mainContent h5 {

	font-size: 1.3em;

}

.mainContent h6 {

	font-size: 1.15em;

}

.mainContent ol, .mainContent ul {

	padding: 0.5em 0 1em 0;

	margin: 0 0 0 1.333333333333333em;

}

.mainContent li {

	padding: 2px 0;

	margin: 0px;

}

.mainContent aside {

	float: left;

	width: 20%;

}

.mainContent ul {

	padding-bottom: 3em;

}

.mainContent article.blog {

	float: right;

	width: 78%;

}

.innerBanner {

	float: left;

	width: 100%;

	padding: 0 0 1em 0;	

}

.innerBanner img {

	float: left;	

}

/*Blog Styling*/

.blogInfo {

	padding: 2.142857142857143em 0.3571428571428571em 0.7142857142857143em; /*30/14 - 5/14 - 10/14*/

	margin: 0 0 2.142857142857143em 0; /*0 - 0 - 30/14 - 0*/

	border-bottom: 1px dotted #3c3c3c;

}

.blogInfo p {

	padding: 0px;

	margin: 0px;

	display: inline;

}

.blogInfo p.blogReadMore {

	float: right;

	padding: 0px;

}

.blogInfo ul.post-categories {

	display: inline;

	padding: 0px;

	margin: 0px;

	list-style-type: none;

}

.blogInfo ul.post-categories li {

	padding: 0 0.3571428571428571em; /*0 - 5/14*/

	margin: 0px;

	display: inline;

	border-right: 1px solid #3c3c3c;

	background: none;

}

/*Comments Styling*/

#comments, #respond {

	margin-top: 60px;

}

.commentlist {

	list-style-type: none;

	margin: 0 0 0 10px !important;

}

.commentlist li {

	background: none;

	padding: 10px 0 0 0;

}

.avatar {

	float: left;

	margin-right: 20px;

}

.comment-author, .comment-meta {

	padding-bottom: 5px;

}

.comment-body p {

	padding-left: 52px;

}

.wp-paginate {

	padding: 20px 0 20px 0 !important;

}

.wp-paginate .title {

	color: #e1e1e1 !important;

}

.wp-paginate .current {

	background: #474747 !important;	

	border: 1px solid #fff !important;

}

.wp-paginate li {

	margin-left: 5px !important;

}

.post-container {

	clear: both;	

	border-bottom: 1px dotted #8a8979;

	padding: 1em 0 0 0;

}

.blog .attachment-thumbnail {

	float: left;

	margin: 0 1em 1em 0;

	border: 2px solid #8a8979;

}

.gallery br {

	display: none;

}

.gallery-item {

	float: left;

	padding: 3px;

	margin: 11px;

	background: #222;

}

.gallery-item img {

	float: left;

}

.wp-caption {

	float: left;

	border: 1px solid #999;

	text-align: center;

	background: #fff;

	padding: 5px;

	margin: 0px 45px 50px 25px ;

	color: #000;

	text-transform: uppercase;

	max-width: 85%;

	width: 385px!important;

}

.wp-caption p {

	clear: both;

	margin: 5px 0px !important;

	padding: 0px !important;

}

.wpcf7-form strong {

	display: inline-block;

	width: 20%;	

}

.wpcf7-form .paddingLeft {

	padding-left: 20%;

}

.wpcf7-captchar {

	width: 50px;

	margin-left: 5px;	

}

.videosPage {

	float: left;

	width: 100%;

	padding: 0px !important;

	margin: 0px !important;

	list-style-type: none;	

}

.videosPage li {

	float: left;

	width: 46%;

	padding: 0 2% !important;

	margin: 0px !important;

}

.videosPage li iframe {

	width: 100%;

	height: 300px;

}

.videosPage li p {

	clear: both;

	padding: 1em 0;

}

.woocommerce div.product div.images, .woocommerce #content div.product div.images, .woocommerce-page div.product div.images, .woocommerce-page #content div.product div.images{

width:30%!important;

}

.woocommerce div.product div.summary, .woocommerce #content div.product div.summary, .woocommerce-page div.product div.summary, .woocommerce-page #content div.product div.summary{

width:65%!important;

font-size:80%!important;

}

.woocommerce div.product .woocommerce-tabs .panel, .woocommerce #content div.product .woocommerce-tabs .panel, .woocommerce-page div.product .woocommerce-tabs .panel, .woocommerce-page #content div.product .woocommerce-tabs .panel{

font-size:80%!important;

}

/*-  MEDIA QUERIES

----------------------------------------------------------------------*/

@media screen and (max-width: 1024px) {

.mainNav ul li {

	padding: 0.6em;	

}

}

@media screen and (max-width: 768px) {

body {

	font-size: 90%;	

}

.mainNav ul li {

	padding: 0.5em;	

}

.mainNav ul li ul {

	top: 68px;

}

.mainNav ul li ul li a {

	width: 5.7em;

	padding: 0.5em 0.75em;

}

.pageHeader aside {

	margin-right: 1em;

}

.pageHeader .social {

	margin-right: 1em;

}

.homeBanner {

	min-height: 357px;	

}

.pageFooter {

	background-image: none;	

}

.pageFooter address {

	clear: left;

	padding: 0.5em 0 0 0;	

}

.twitterNode iframe {

	max-height: 279px;

}

.midCallouts .facebookNode iframe {

	height: 220px !important;

}

.midCallouts .youtubeNode iframe {

	height: 170px !important;

}

.mainContent aside {

	width: 25%;

}

.mainContent article.blog {

	width: 73%;

}

.wpcf7-form strong {

	width: 25%;	

}

.wpcf7-form .paddingLeft {

	padding-left: 25%;

}

.videosPage li iframe {

	height: 230px;

}

}

@media screen and (max-width: 480px) {

body {

	font-size: 80%;	

}

.pageHeader .logo {

	width: 50%;	

}

.pageHeader aside {

	font-size: 1em;

}

.pageHeader .social {

	margin: 0 0.75em 0.75em 0;	

}

.pageHeader .social img {

	width: 22px;

	margin: 0 0.2em;

}

.pageHeader .social img:hover {

	margin-top: 0px;

}

.mainNav ul {

	width: 100%;

	padding-bottom: 0.5em;

}

.mainNav ul li {

	width: 100%;

	padding: 0;

	display: block;

}

.mainNav ul li ul {

	display: block;

	width: 100%;

	position: relative;

	left: 0px;

	top: 0px;

	padding: 0px;

	background: none;

}

.mainNav ul li ul li {	

	text-align: center;

	border-bottom: none;

}

.mainNav ul li:hover > ul {

	display: block;

}

.mainNav a {

	width: auto !important;

	padding: 0.25em 0 !important;

	display: block;

}

.mainNav ul li a {

	border-bottom: 1px dotted #4c4c4c;

}

.mainNav ul li a:hover, .mainNav ul li ul li a:hover {

	background: #121212 !important;

}

.homeBanner {

	width: 100%;

	min-height: 333px;

}

.flex-direction-nav a {

	top: 35% !important;	

}

.twitterNode {

	width: 95%;

	padding: 0.8em 2.5%;

	margin-bottom: 1em;

	text-align: center;

}

.midCallouts {

	padding: 0;	

}

.midCallouts .youtubeNode, .midCallouts .galleryNode, .midCallouts .facebookNode {

	float: left;

	width: 95%;

	padding: 0px 2.5%;

	text-align: center;

	margin-bottom: 1em;

	border-bottom: 1px dotted #4c4c4c;

}

.midCallouts .youtubeNode img, .midCallouts .galleryNode img, .midCallouts .facebookNode img, .twitterNode img {

	float: none;

}

.midCallouts .facebookNode {

	padding-bottom: 1em;

}

.botCallouts {

	padding: 0;	

}

.botCallouts .newsNode, .botCallouts .instagramNode {

	float: left;

	width: 95%;

	padding: 0 2.5%;

	margin-bottom: 1em;

}

.botCallouts .instagramNode .hdImg {

	display: block;	

}

.botCallouts .instagramNode p {

	text-align: center;

	font-size: 1.125em;	

	padding: 1em 0;	

}

.botCallouts p {

	font-size: 1.125em;	

}

.pageFooter {

	text-align: center;	

}

.pageFooter .logo, .pageFooter .logo img {

	float: none;

	margin: 0;

}

.pageFooter nav, .pageFooter nav ul, .pageFooter nav ul li, .pageFooter address {

	float: none;	

}

.twitterNode iframe {

	max-height: 350px;

}

.midCallouts .facebookNode iframe {

	height: 395px !important;

}

.midCallouts .youtubeNode iframe {

	height: 280px !important;

}

.mainContent aside {

	width: 100%;

}

.mainContent article.blog {

	width: 100%;

}

.wpcf7-form strong {

	width: 100%;

	padding-bottom: 0.5em;	

}

.wpcf7-form .paddingLeft {

	padding-left: 0;

}

.videosPage li {

	width: 92%;

	padding: 0 4% !important;

}

.videosPage li iframe {

	height: 270px;

}

}

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

body {

	font-size: 75%;	

}

.pageHeader {

	background-image: none;

	text-align: center;

}

.pageHeader aside {

	float: none;

	margin: 0 auto;

	display: inline-block;

}

.pageHeader .logo {

	float: none;

	width: 75%;

	margin: 1em auto;

}

.pageHeader .logo img {

	float: none;

}

.pageHeader .social {

	float: none;

	margin: 0 0 0.75em 0;	

}

.pageHeader .social img {

	float: none;

}

.homeBanner {

	min-height: 217px;

}

.homeBanner figcaption {

	width: 96%;

	font-size: 1em;

	padding: 0.5em 2%;

}

.homeBanner figcaption h2 {

	font-size: 1em;

	padding: 0.255em 0 0 0;

}

.homeBanner figcaption p {

	padding: 0.25em 0;

}

.pageFooter nav ul li {

	display: inline-block;

	padding: 0.4em 0.75em;	

}

.midCallouts .youtubeNode iframe {

	height: 200px !important;

}

.videosPage li {

	width: 100%;

	padding: 0px !important;

}

.videosPage li iframe {

	height: 200px;

}

}

@media screen and (max-width: 240px) {

body {

	font-size: 70%;	

}

.pageHeader .social img {

	width: 20px;

	margin: 0 0.15em;

}

.homeBanner {

	min-height: 159px;

}

.homeBanner figcaption {

	font-size: 0.8em;

	line-height: 100%;	

}

.botCallouts .newsNode .newsBlock h4 {

	clear: both;

}

.midCallouts .youtubeNode iframe {

	height: 160px !important;

}

.videosPage li iframe {

	height: 150px;

}

}

.woocommerce .related ul li.product, .woocommerce .related ul.products li.product, .woocommerce .upsells.products ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .related ul.products li.product, .woocommerce-page .upsells.products ul li.product, .woocommerce-page .upsells.products ul.products li.product {

width:150px!important;

}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {

	width:150px!important;

}

.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price {

color: #85AD74;

display: block;

font-weight: normal;

margin-bottom: .5em;

font-size: .8em;

}

.woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 {

padding: .5em 0;

margin: 0;

font-size: .8em;

}



.chosen-container .chosen-results li {

	color: #444!important;

}

body.login{

	background: #111 !important;

}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
background: #443C44!important;
border: 1px solid #443C44!important;

}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
color: #fff!important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
 background: #0f0f0f!important;

}