/*
Theme Name: Offroad Designs
Author: Synchromedia Group
Author URI: http://www.smg.com.au/

/* =Reset
-------------------------------------------------------------- */

body {
	margin: 0px;
	padding: 0px;
	background-color: #000;
	background: url(images/back.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	color: #ccbead;
	font: 16px/25px 'Fresca';
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
margin-bottom: 30px;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#wrapper {
	max-width: 960px;
	padding:15px;
	margin: 0px auto;
	background: #000;
}
a {
	color: #FFF;
	font-weight: 700;
}
a:hover {
	color: #FEBC01;
}
img {
	border: 0px;
}
a:hover img {
	opacity: 0.9;
}
h1, h2, h3, h4, h5, p, form {
	margin: 0px;
	padding: 0px;
}
h1, h1 a {
	font: 28px/30px 'Fresca';
	color: #FEBC01;
	margin-bottom: 10px;
	text-decoration: none;
	clear:both;
	text-transform: uppercase;
}
h2, h3.widget-title {
	font: 28px/30px 'Fresca';
	color: #FEBC01;
	margin-bottom: 10px;
	text-transform: uppercase;
}
p {
	margin-bottom: 20px;
}
strong {
	color: #FFF;
}
#menu {
	background: #464548;

	border-radius: 20px;
	margin-bottom: 15px;
	-webkit-box-shadow: inset 1px 0px 16px 0px rgba(0,0,0,0.59);
	-moz-box-shadow: inset 1px 0px 16px 0px rgba(0,0,0,0.59);
	box-shadow: inset 1px 0px 16px 0px rgba(0,0,0,0.59);
}
#menu:after {
  content: "";
  display: table;
  clear: both;
}
/*

#menu ul {
	margin: 0px;
	padding: 0px;
	margin-left: 5px;
	margin-right: 5px;
}
#menu ul li {
	list-style: none;
	display: inline;
}
#menu ul li a {
	display: inline-block;
	float: left;
	padding: 0px 12px;
	font: 400 22px/50px 'Fresca';
	color: #FFF;
	text-decoration: none;
	text-transform:uppercase;
}
#menu ul li a:hover {
	line-height: 40px;
	margin-top: 5px;
	background: #000;
	border-radius: 15px;
}

*/

#menu ul												{ padding:0; margin:0; list-style:none;  	margin-left: 5px;
	margin-right: 5px;}
#menu ul li											{ padding:0; margin:0; list-style:none; text-shadow: black 0.1em 0.1em 0.2em; display:inline-block; *display: inline; zoom:1; }
#menu ul li a											{ 	text-transform:uppercase; padding:0px 10px; margin:0; color:#fff; font: 400 20px/50px 'Fresca'; line-height:50px; display:block; text-decoration:none; }
#menu ul li.current-menu-item > a,
#menu ul li.current-menu-parent > a					{ color:#fff; }
#menu ul li a:hover									{ 	line-height: 40px;
	margin-top: 5px;
	background: #000;
	border-radius: 15px;
	margin-bottom: 5px; }
#menu ul li ul.sub-menu								{ border-radius: 15px; opacity: 1; position:absolute; z-index: 999999999999; margin:0; padding:0; display:none; overflow:hidden; border:none; }
#menu ul li ul.sub-menu li							{ display:block; margin:0; padding:0; width:250px;}
#menu ul li ul.sub-menu li a							{ margin:0; padding:0 20px; font-size:18px; font-weight:normal; border:none; line-height:34px; display:block; background: #464548; border-radius: 15px; }
#menu ul li ul.sub-menu li a:hover,
#menu ul li ul.sub-menu li.current-menu-item a		{ background-color:#000; color:#fff; border-radius:15px;  }



#homeTitle h1 {
	padding-top: 5px;
	text-align: center;
	font: 42px/46px 'Fresca';
	margin-bottom: 20px;
	color:#FEBC01;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.box, #footer  {
	border-radius: 20px;
	padding: 20px;
	background: #111;
	margin-bottom: 15px;

-webkit-box-shadow: inset 0px 0px 29px -3px rgba(50, 50, 53, 0.75);
-moz-box-shadow:    inset 0px 0px 29px -3px rgba(50, 50, 53, 0.75);
box-shadow:         inset 0px 0px 29px -3px rgba(50, 50, 53, 0.75);
}
#header {
	margin-bottom: 5px;
	margin-top: 5px;
}
#header img {
	border-radius: 20px;
}
img{ max-width: 100%; height: auto; }
#contentArea{ clear:both; }
.flex{ display: flex; flex-wrap: wrap; justify-content: space-between; }
#leftCol {
	flex: 0 0 68%;


}
.post-type-archive #leftCol, .page-template-page-full #leftCol, .single-product #leftCol, .woocommerce-checkout #leftCol{ flex: 0 0 100%; }

.page-template-page-full #leftCol { width: 100%; margin: 0px; float: none; }


#rightCol {
    flex: 0 0 30%;
}
.post-type-archive-product #rightCol, .single-product #rightCol {
	display: none;
}
.post-type-archive-product #leftCol, .single-product #leftCol {
	width: 100%;
}
.woocommerce div.product form.cart{ border: 3px solid #FFF; background: #555; }
.related{ clear:both; }

#footer {
	clear: both;
	text-align:center;
}
#footer img {
	margin-right: 30px;
}
#sitemap {
	width: 100%;
}
#sitemap ul {
	margin: 0px;
	padding: 0px;
	margin-left: 5px;
}
#sitemap ul li {
	list-style: none;
	display: inline;
}
#sitemap ul li a {
	display: inline-block;
	float: left;
	padding: 0px 12px;
	font: 700 11px/30px 'Open Sans';
	color:  #837b6a;
	text-decoration: none;
	text-transform:uppercase;
}
#sitemap ul li a:hover {
	line-height: 20px;
	margin-top: 5px;
	background: #000;
	color: #FFF;
	border-radius: 15px;
}
.alignright {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
	border-radius: 10px;
}
.alignleft {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	border-radius: 10px;
}
.alignnone {
	margin-bottom: 20px;
	border-radius: 10px;
}
a.more {
	padding: 10px;
	border-radius: 10px;
	background: #e5362d;
	font-weight: 700;
	text-decoration: none;
	color: #FFF;
	margin-right: 15px;
	margin-bottom: 20px;
	text-transform: uppercase;
}
a.order {
	padding: 10px;
	border-radius: 10px;
	background: #f48513;
	font-weight: 700;
	text-decoration: none;
	color: #FFF;
	margin-bottom: 20px;
	text-transform: uppercase;
}
.cycloneslider img {
	border-radius: 20px;
	overflow:hidden;
}
.cycloneslider-template-standard {
	margin-bottom: 15px !important;
	border-radius: 20px;
	overflow:hidden;
}
.woocommerce div.product form.cart .button, .woocommerce #content div.product form.cart .button, .woocommerce-page div.product form.cart .button, .woocommerce-page #content div.product form.cart .button {
	border-radius: 10px;
	text-transform: uppercase;
	padding: 10px;
}
.woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img, .images img {
	border-radius: 10px !important;
}

.woocommerce div.product div.images div.thumbnails a, .woocommerce #content div.product div.images div.thumbnails a, .woocommerce-page div.product div.images div.thumbnails a, .woocommerce-page #content div.product div.images div.thumbnails a {
	margin-bottom: 3.8%;
}
ins {
	text-decoration: none;
}
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce #content input.button, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce-page #respond input#submit, .woocommerce-page #content input.button, a.button {
	border-radius: 10px !important;
	text-transform: uppercase;
	padding: 10px;
}
.woocommerce div.product span.price, .woocommerce div.product p.price, .woocommerce #content div.product span.price, .woocommerce #content div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content div.product p.price {
	font-size: 2em !important;
		color: #F68C23 !important; 
}

.woocommerce ul.products li.product .price{
		color: #F68C23 !important; 
}

.textwidget .woocommerce ul.products li.product, .textwidget .woocommerce-page ul.products li.product {
	width: auto !important;
	background: #111;
	padding: 20px; 
	border-radius: 20px;
	margin: 0px; 
	margin-bottom: 15px;
-webkit-box-shadow: inset 0px 0px 29px -3px rgba(50, 50, 53, 0.75);
-moz-box-shadow:    inset 0px 0px 29px -3px rgba(50, 50, 53, 0.75);
box-shadow:         inset 0px 0px 29px -3px rgba(50, 50, 53, 0.75);
}
.gallery img {
	border: 0px !important;
	border-radius: 15px;
}
#sitemap {
	height: 50px;
}
.wcmenucart-contents {
	color: #febc01;
}
#payment {
	color: #333;
}
.woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 {
	font-size: 1.2em !important;
}
input[type="text"], input[type="email"], input[type="tel"], textarea, select {
	width: 96%;
	padding: 8px;
	border-radius: 10px !important;
}

.woocommerce-checkout #leftCol{  width: 100%; }
.woocommerce-checkout #rightCol{ display: none; }
.wpcf7 {
	width: 70%;
}
.textwidget .woocommerce {
	margin-top: -20px;
}
.woocommerce ul.products li.product .price {
	float: right;
	font-size: 1.5em;
}
.ui-widget {
	font: 16px/24px 'Fresca';
}
.ui-widget h3 {
	font-size: 16px;
	font-weight: 700;
}
.ui-state-default {
	background: #464548;
	color: #FFF;
	border: 0px;
}
.ui-state-active {
	background: #666;
	color:#FFF;
	border: 0px;
}
.ui-widget-content {
	background: url(images/boxback.png);
	color: #ccbead;
	border: 0px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.8em;
}
.ui-accordion .ui-accordion-header {
	margin-top: 6px;
}
.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: 100% !important;
	margin-bottom: 0px !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 {
	float: left !important;
}
.woocommerce div.product .woocommerce-tabs, .woocommerce #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs {
	clear: none !important;
	float: left !important;
	width: 45%;
	margin-left: 3%;
}
}
.woocommerce div.product div.images div.thumbnails a, .woocommerce #content div.product div.images div.thumbnails a, .woocommerce-page div.product div.images div.thumbnails a, .woocommerce-page #content div.product div.images div.thumbnails a {
	width: 6.83% !important;
	margin-right: 1.5% !important;
}
.woocommerce div.product div.images div.thumbnails a, .woocommerce #content div.product div.images div.thumbnails a, .woocommerce-page div.product div.images div.thumbnails a, .woocommerce-page #content div.product div.images div.thumbnails a {
	width: 6.83% !important;
	margin-right: 1.5% !important;

}

.woocommerce div.product .stock{   color: #ff6600; }

.last {
	margin-right: 0px;
}
.summary form {
	padding: 15px;
	background: #222;
	border-radius: 10px;
}
.attachment-thumbnail {
	float: right;
	margin-left: 30px;
	margin-bottom: 30px;
	border-radius: 10px;
}
.wp-post-image {
	border-radius: 10px;
	margin-bottom:15px;
}
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce #content input.button, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce-page #respond input#submit, .woocommerce-page #content input.button {
	font-size: 16px !important;

	background: #F68C23 !important;
	color: #FFF !important;
	border: 0px !important;
	text-shadow: none !important;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce #content input.button:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page #content input.button:hover {
	background: #e5362d !important;
}
.woocommerce span.onsale, .woocommerce-page span.onsale{
	text-transform:uppercase;
	font-size: 16px !important;

}

.menucart {
	float: right;
	margin-right: 7px;
}
.cartname {
	color: #FFF;
	font-size: 18px;
	margin-right: 15px;
	line-height: 50px;
}
a.cart-contents {
	color: #AAA;
	text-decoration: none;
	margin-right: 15px;
	font-weight: 400 !important;
	font-size: 18px;
}
.clear{ clear:both; }

div.pp_overlay{ background: #000 !important; }


.menucart a.button{  font-size: 20px !important; }

.woocommerce-ordering{ display: none; }

.gallery .attachment-thumbnail{ margin: 0px; float: left; }



/*
 * Wholesale Order Form
 */
.wholesale-orders .wpcf7 { width: 100%; }
.wholesale-orders  h3 { margin: 40px auto 40px auto; }
.wholesale-orders label { float: left; width: 180px; margin: 0 10px; line-height: 30px; }
.wholesale-orders input.short { max-width: 40px; }
.wholesale-orders input.medium { max-width: 300px; }
.wholesale-orders input[type="text"], .wholesale-orders input[type="email"] { margin-top: 5px; padding: 4px 8px; line-height: 21px; height: 18px; border: 1px solid #aaa; border-radius: 5px !important; }
.wholesale-orders select  { margin-top: 5px; padding: 4px 8px; line-height: 21px; height: 26px; border: 1px solid #aaa; border-radius: 5px !important; }
.wholesale-orders input[type="number"]  { margin-top: 5px; padding: 4px 0 4px 8px; line-height: 26px; height: 22px; border: 1px solid #aaa; border-radius: 5px !important; }

.wholesale-orders .product-row { clear: both; }
.wholesale-orders .product-row br { display: none; }
.wholesale-orders .product-row > a { display: inline-block; float: left; height: 50px; width: 20%; }
.wholesale-orders .product-row > h3 { display: inline-block; float: left; height: 50px; width: 60%; margin: 0 !important; }
.wholesale-orders .product-row > p { display: inline-block; float: left; height: 50px; width: 20%; text-align: center; }
.wholesale-orders input[type="submit"] { float: right; border: none; font-size: 16px !important; background: #F68C23 !important; color: #FFF !important; border: 0px !important; text-shadow: none !important; border-radius: 10px !important; text-transform: uppercase; padding: 10px; font: 16px/25px 'Fresca'; }

.woocommerce-info a{ color: #1e85be; }

.single-product .wc-tabs{ display: none !important; }
/* New */

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3{  text-transform: capitalize; font-size: 1.2em !important;     line-height: 1.4 !important;  } 
.woocommerce-product-gallery__wrapper{ margin-bottom: 20px !important; }

.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2){ width: 52px;
    display: inline-block;
    margin-right: 5px;
    
}
.up-sells{ clear:both; }
@media only screen and (max-width: 767px) {
 #header{ margin-top: -15px; margin-left: -15px; margin-right: -15px; overflow: hidden; }
 #header img{ border-radius: 0px; width: 130%; max-width: initial; height: auto;  }
 #leftCol, #rightCol{ flex: 0 0 100%; }
 
 .woocommerce div.product .woocommerce-tabs, .woocommerce #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs{ width: 100% !important;  margin-left: 0 !important;}
 
 .textwidget .woocommerce ul.products { display: flex; flex-wrap: wrap; justify-content: space-between; }
.textwidget .woocommerce ul.products li.product{ flex: 1 0 28%; }
}