/*
Theme Name: Track Group
Theme URI: https://www.track-club.com/
Description: Child Theme for Storefront
Version: 0.01
Author: Design Monkey Media Ltd <info@design-monkey.co.uk>
Author URI: https://www.design-monkey.co.uk/
Template: storefront
*/

@import url("../storefront/style.css");
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,300,700,800);

body{	
	font-family: Open Sans, Tahoma,Verdana,serif;
	color: #FFF;
}

a{
	font-weight: 500;
}

h1, h2, h3, h4, h5, h6{
	font-family: Open Sans, Tahoma,Verdana,serif;
	font-weight: normal;
	clear: none;
}

h1{
	font-size: 3em;
	font-weight: bold;
	text-transform: uppercase;
}

h1 strong{
	
}

select{
	color: #333;
	padding: 4px;
	font-family: Open Sans, Tahoma,Verdana,serif!important;
}

p strong{

}

h4{
	font-size: 1.4em;	
}

h4 strong{
	font-weight: normal;
}

.col-full{
	max-width: 72.141em;
}

#preheader{
	position: relative;
	z-index: 3;
}

#preheader .secondary-navigation{
	float: right;
	margin-bottom: 0;
	color: #333;
	font-size: 16px;
}

#preheader .secondary-navigation a{
	padding: .25em 0.5em;
	text-shadow: 1px 1px 1px #000;
}

#preheader ul.site-header-cart{
	float: right;
	margin-bottom: 0;
	color: #fff;
	text-shadow: 1px 1px #000;
	font-size: 16px;
	height: 42px;
	padding: 0.5em 0 0.5em 20px;
}

#preheader ul.site-header-cart a{
	color: #fff;
	font-size: 16px;
}

.site-header-cart .cart-contents:after{
	color: #eee;
	left: -8px;
	text-align: right;
}

.site-header-cart .product_list_widget li{
	background: #333;
	color: #fff;
	text-shadow: none;
	padding :10px;
}

.site-header-cart .cart-contents::after{
	color: #ffb400 !important;
}

#preheader ul.site-header-cart{
	height: 36px;
	padding: 0.35em 0 0.3em 20px;
}

#preheader ul.site-header-cart:hover{
	background: #333;
	color: #FFF;
}

.site-header-cart .widget_shopping_cart{
	min-width: 400px;
	left: auto !important;
	right: 0;
}

.widget_shopping_cart_content .paypal-express-checkout-button{
	display: block;
	margin: 10px 10% 0;
	text-align: center;
}

.site-header-cart .widget_shopping_cart{
	display: none!important;
}

.site-header-cart:hover .widget_shopping_cart{
	display: block!important;
}

.details_billing, .details_shipping{
	padding: 0;
	border: 0;
}


#masthead{
	background: #000000;
	background: rgb(0,0,0,0.7);
	background: rgba(0,0,0,0.7);
	border-bottom: none;
	border-top: none;
	clear: both;
	padding: 8px 0 0 0;
	position: relative;
	z-index: 2;
}
#preheader {
	margin: 0 auto;
}
#masthead .col-full {
	margin: 0 auto;
}
.site-header .site-branding, .site-header .site-logo-anchor{
	margin-bottom: 0;
	margin-right: 0;
}
#page .site-header .site-branding {
	float: left;
	max-width: 348px;
 	width: 90%;
  	margin: 0 5%;
}
#page .site-branding .site-title {
	float: left;
	max-width: 348px;
 	width: 100%;
 	text-indent: -3000px;
}

.site-branding .site-title a{
	background: url("images/logo.png") no-repeat scroll left top transparent;
	display: block;
	height: 63px;
	outline: medium none;
	max-width: 348px;
 	width: 100%;
 	background-size: contain;
}

.site-header .site-branding, .site-header .site-logo-anchor, .site-header .site-logo-link{
	width: 33%;
}

.woocommerce-active .site-header .main-navigation{
	width: 60%;
	clear: none;
	float: right;
	margin-right: 0;
	padding-top: 8px;
	text-shadow: none;
}

.custom-main-navigation{
	padding-top: 4px;
}

.bigpageheader{
	text-shadow: 0 0 40px #000;
}

.page-template-template-homepage .site-main{
	padding-top: 0;
}


.hentry .entry-header h1{
	color: #000;
}

body.home header.entry-header{
	display: none;
}

.header-widget-region{
	margin-bottom: 0;
}

#preheader ul.site-header-cart a.button{
	color: #FFF;
}

.widget_shopping_cart p.buttons, .widget_shopping_cart p.total{
	color: #ffb400!important;
	font-size: 1.4em;
}

.widget_shopping_cart p.total{
	font-size: 1.2m;
	color: #000;
}

.home article.page{
	padding-top: 3.2em;
}

.site-content{
	position: relative;
	z-index: 1;
}

.site-main ul.products .owl-stage li.product{
	width: 100%!important;
}

.woocommerce-breadcrumb{
	margin-bottom: 1.236em!important;
}

body.page-template-default .content-area, body.single-product .content-area, body.single-post .content-area {
	padding: 1em;
	background: #FFF;
	color: #333;
	box-shadow: 2px 2px 4px #000;
}


body.archive .term-description{
	padding: 1em;
	background: #FFF;
	color: #333;
	box-shadow: 2px 2px 4px #000;
	position: relative;
	z-index: 3;
	min-height: 200px;
}

body.archive article.post, body.blog article.post{
	padding: 1em;
	background: #FFF;
	color: #333;
	box-shadow: 2px 2px 4px #000;
	position: relative;
	z-index: 3;
	min-height: 200px;
	magin-top: 10px;
}

body.archive article.post.hentry .entry-header .posted-on, body.archive article.post.hentry .entry-header .byline,
body.blog article.post.hentry .entry-header .posted-on, body.blog article.post.hentry .entry-header .byline{
	color: #666;
}

body.archive article.post.hentry .entry-header .posted-on a, body.archive article.post.hentry .entry-header .byline a,
body.blog article.post.hentry .entry-header .posted-on a, body.blog article.post.hentry .entry-header .byline a{
	color: #333;
}

body.page-template-default .content-area .entry-header{
	background: #ffb400;
	font-weight: 600;
	text-transform: uppercase;
	margin: -1em -1em 1em!important;
	padding: 1em;
}

body:not(.page-template-default) .content-area .site-main h1.page-title, body.single-post .content-area .entry-header{
	background: #ffb400;
	font-weight: 600;
	text-transform: uppercase;
	margin: -0.34em -0.34em 0.5em!important;
	padding: 0.4em;
}

body.single-post .content-area .entry-header{
	margin: -1em -1em 1em!important;
	padding: 1em;
}

body.page-template-default .content-area .entry-header h1, body.single-post .content-area .entry-header h1{
	color: #FFF;
	border-bottom: none;
	margin-bottom: 0;
}

body:not(.page-template-default).archive .content-area .site-main h1.page-title, body:not(.page-template-default).blog .content-area .site-main h1.page-title{
	margin: 0!important;
	position: relative;
	z-index: 5;
}


body.page-template-default .content-area h2, body.single-product .content-area h2{
	color: #000;
}

body.page-template-default .content-area h3, body.single-product .content-area h3, .products li.product h3{
	color: #333;
}

body.post-type-archive-product #secondary{
	display: none;
}

body.post-type-archive-product.left-sidebar .content-area{
	width: 100%;
}

.products li.product{
	background: #FFF;
	color: #333;
	box-shadow: 2px 2px 4px #000;
}

ul.products li.product h3{
	font-weight: 600;
	font-size: 1.3em!important;
}

ul.products li.product img{
	margin: 0 auto 1em;
}

ul.products li.product .button{
	display: block;
	padding: 16px;
	margin-bottom: 0!important;
}

.tm-extra-product-options ul.tmcp-elements li.tmcp-field-wrap{
	font-size: 0.9em!important;
}

h1.product_title{
	color: #000;
}

mark.count{
	background: none repeat scroll 0 0 #eee;
	border-radius: 30px;
	color: #888;
	font-size: 0.8em;
}

.hentry .entry-header{
	border-bottom: none;
	margin-bottom: 1.331em;
}

.hentry .entry-header h1{
	padding-bottom: 0;
}

.woocommerce-breadcrumb{
	margin-bottom: 3.236em;
}

.widget h1{
	font-weight: 500;
	border-bottom: 1px #bbbbbb solid;
	border-bottom-color: #bbbbbb!important;
}

table td, table th{
	padding: 0.557em 0.387em;
}

#order_review_heading, #order_review{
	background: #FFF;
}


.sp-scrollbar {
	width: 10px;
	margin: 4px;
	background-color: #ccc;
	cursor: pointer;
}

.sp-thumb {
	background-color: #aaa;
}

.sp-scrollbar.active .sp-thumb {
	background-color: #999;
}


.widget_layered_nav ul li .count{
	padding-right: 10px;
}

.demo_store{
	background-color: #999!important;
		text-align: center;
}

.woocommerce-info, .woocommerce-noreviews, p.no-comments, .woocommerce-message{
	background-color: #ffb400!important;
	text-shadow: none;
	color: #FFF;
}

.woocommerce-info h3, .woocommerce-noreviews h3, p.no-comments h3, .woocommerce-message h3{
	color: #FFF!important;
	font-weight: 700;
	text-transform: uppercase;
}

a:focus, .button:focus, .button.alt:focus, .button.added_to_cart:focus, .button.wc-forward:focus, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus{
	outline-color: transparent!important;
}

.woocommerce-tabs ul.tabs{
	width: 31.412%;
	margin-right: 3.882%;
}

.owl-prev{
	color: #fff;
	text-shadow: 2px 2px 2px #999;
	font-size: 40px;
	line-height: 0;
	padding: 5px 13px;
	position: absolute;
	left: -60px;
	top: 30%;
	width: auto;
}

.owl-next{
	color: #fff;
	text-shadow: 2px 2px 2px #999;
	font-size: 40px;
	line-height: 0;
	padding: 5px 13px;
	position: absolute;
	right: -60px;
	top: 30%;
	width: auto;
}

.owl-next:hover, .owl-prev:hover{
	text-shadow: 2px 2px 2px #666;
}

.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
}
.owl-theme .owl-controls .owl-nav .disabled {
    cursor: default;
    opacity: 0.5;
}
.owl-theme .owl-dots .owl-dot {
    display: inline-block;
}
.owl-theme .owl-dots .owl-dot span {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 30px;
    display: block;
    height: 10px;
    margin: 5px 7px;
    transition: opacity 200ms ease 0s;
    width: 10px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: none repeat scroll 0 0 #869791;
}

aside.widget_nav_menu{
	padding-bottom: 15px;
}

.widget_product_categories .children{
	margin-left: 0!important;
}

#secondary aside.widget ul{
	padding: 0 1em!important;
}

.widget_recent_entries ul .sub-menu, .widget_pages ul .sub-menu, .widget_categories ul .sub-menu, .widget_archive ul .sub-menu, .widget_recent_comments ul .sub-menu, .widget_nav_menu ul .sub-menu, .widget_links ul .sub-menu{
	margin-left: 0;
}

.widget_product_categories, .widget_categories{
	padding-bottom: 15px;
}

.widget_product_categories ul li::before{
	display: none;
}

.current-cat > a, .current-menu-item > a{
	color: #ffb400!important;
	text-decoration: underline;
}

.su-row.equalheight{
	display: flex;
}

.su-row.equalheight .su-column-inner{
	flex: 1;
	height: 100%;
}

.su-row.equalheight .su-column-inner .sue-photo-panel, .su-row.equalheight .su-column-inner .sue-panel{
	height: 100%;
}

.sue-photo-panel-head img{
	position: relative;
	z-index: 4;
}

.sue-panel-content .su-posts{
	margin: 0;
	padding: 0;
	list-style: none;
	max-height: 250px;
	overflow: auto;
}

.sue-panel-content .su-posts li{
	margin-bottom: 10px;
}

.sue-panel-content .su-posts li a{
	font-weight: bold;
	color: #000;
	
}


.related.products{
	max-width: 72.141em;
	margin-left: auto;
 	margin-right: auto;
}

.titlebox h2{
	background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
	font-size: 18px;
	font-weight: 600;
	margin: -5em -0.84em 2em !important;
	padding: 0.8em;
	position: relative;
	text-transform: uppercase;
	z-index: 6;
	text-shadow: 1px 1px 1px #000;
}


.orangeheader h3{
	background: #ffb400;
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	margin: -0.84em -0.83em 1em !important;
	padding: 0.8em;
}

.orangeheader h3 .sue-icon{
	float: right;
}

.marginbottom{
	margin-bottom: 1em;
}

.widget_nav_menu ul li::before{
	display: none;
}

ul.products{
	display: flex;
	flex-flow: row wrap;
}

.price_slider_wrapper{
	padding: 0 10px 10px;
}

.site-footer{
	border-top: 0;
	box-shadow: 0;
	background: rgba(0, 0, 0, 0.7)!important;
}

.site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5, .site-footer h6{
	text-transform: uppercase;
	font-weight: 600;
}

.site-info{
	padding: 1.618em 0 2.8em;
}

.footer-widgets{
	padding-top: 2.236em;
}

.menu ul li:before{
	content: "";
	display: none;
}

.product_cat_thumb{
	max-width: 250px;
	height: auto;
	float: right;
	margin: 20px;
	position: relative;
	z-index: 4;
}

figure.productimage{
	width: 100%;
	height: 210px;
	display: block;
}

figure.productimage div{
	text-align: center;
}

figure.productimage div img{
	width: auto!important;
	max-width: 100%;
	margin: 0 auto;
	visibility: hidden;
}

.price .amount{
	font-size: 1.4em;
	color: #ffb400;
}

.woocommerce-tabs ul.tabs li.active a, ul.products li.product .price, .onsale{
	color: #333!important;
}

.gallery-item{
	text-align: center;
}

.gallery-item img{
	margin: 0 auto;
}

.hentry {
    margin: 0 0 1.236em;
    padding-bottom: 1.631em;
}

#pagegallery{
	background: none repeat scroll 0 0 #ffffff;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	box-shadow: 0 0 2px #999, 0 0 15px #ccc inset;
	padding: 20px 0;
	text-align: center;
	margin-bottom: 50px;
}

div.hr {
    background: url("images/split.png") no-repeat scroll center top transparent;
    clear: both;
    display: block;
    height: 64px;
    margin: 2px 0;
    width: 100%;
}

div.hr hr{
	display: none;
}

.su-posts-branded-list{
	list-style: none;
	margin: 20px 0;
	padding: 0;
}

.su-posts-branded-list li{
	margin: 0 0 20px 0;
	padding: 0 2%;
	width: 33%;
	float: left;
	text-align: center;
}

.su-posts-branded-list li img{
	margin: 0 auto;
}

.gallery-columns-3 .gallery-item{
	width: 33%;
	text-align: center;
}

.gallery-item .gallery-description{
	color: #a08552;
}

#shortcodes-ultimate-2{
	margin: none;
}

#comments .comment-list .reply a{
	color: #60646c !important
}


.hentry .entry-header .posted-on, .hentry .entry-header .byline{
	color: #ffe733;
}
.hentry .entry-header .posted-on a, .hentry .entry-header .byline a{
	color: #FFF;
	border-bottom: dotted #FFF 1px;
}


#secondary aside.widget{
	background: #FFF;
	color: #333;
	box-shadow: 2px 2px 4px #000;
}

#secondary .widget h3.widget-title{
	background: #333;
	padding: 0.6em 1em;
	text-transform: uppercase;
	font-weight: 600;
}

#secondary aside.widget ul{
	padding: 0 1em 0.6em 1em;
}

#secondary aside.widget a{
	color: #333;
}

.tagcloud{
	padding: 0 1em 1em;
}

#secondary aside.widget .tagcloud a{
	display: inline-block;
	padding: 4px;
	background: #ffb400;
	margin: 2px 1px;
	white-space: nowrap;
	color: #FFF;
	font-weight: bold;
}

#secondary aside.widget{
	margin: 0 0 1.631em;
}

.su-gmap.su-responsive-media-yes{
	margin: -1em -1em 1.5em !important;
}

footer.site-footer .sub-menu{
	display: none;
}


.page-template-template-homepage .entry-content, .page-template-template-homepage .entry-header {
    max-width: 100% !important;
}


.site-header-cart .cart-contents {
    padding:0 !important;
}

#masthead{
	position:relative;
}

.storefront-primary-navigation{
	position: absolute;
	top:0;
	right:0;
	width:100%;
}

.widget_recent_entries ul li, .widget_pages ul li, .widget_categories ul li, .widget_archive ul li, .widget_recent_comments ul li, .widget_nav_menu ul li, .widget_links ul li, .widget_product_categories ul li, .widget_layered_nav ul li, .widget_layered_nav_filters ul li {
    padding-left: 0 !important;
}

.site-footer a {
    text-decoration: none !important;
}

.main-navigation ul li a, .site-title a, ul.menu li a, .site-branding h1 a, button.menu-toggle, button.menu-toggle:hover, .handheld-navigation .dropdown-toggle {
    color: white !important;
}


h1, h2, h3, h4, h5, h6{
	color: #fccc31 !important;
}

.entry-header h1, .woocommerce-products-header h1{
	color: white !important;
}

body{
	font-size:0.9em !important;
}

.bigpageheader{
	width: 100% !important;
	text-align:left !important;
}

.bigpageheader h1{
	max-width:700px !important;
}

.ubermenu-responsive-toggle{
	display: none !important;
	justify-content: center;
	position:relative !important;
	color: #fc9d27 !important;
}

.site-header-cart .cart-contents {
    display: block !important;
}

.storefront-handheld-footer-bar {
    display: none !important;
}

table, th, tr, td, .place-order, .order_details{
	background: #fbfbfb !important;
	color: black !important;
}

.order_details::before, .order_details::after{
	display:none !important;
}

table.cart td.actions {
	border-top: none !important;
}

#secondary div{
	background: #FFF;
	background-image: initial;
	background-position-x: initial;
	background-position-y: initial;
	background-size: initial;
	background-repeat-x: initial;
	background-repeat-y: initial;
	background-attachment: initial;
	background-origin: initial;
	background-clip: initial;
	background-color: rgb(255, 255, 255);
	color: #333 !important;
	box-shadow: 2px 2px 4px #000;
}

#secondary div span, #secondary div ul{
	padding: 0.5em 1em;
	font-weight: normal !important;
	text-decoration: none !important;
}

.widget-area .widget a {
    font-weight: normal !important;
    text-decoration: none !important;
}	

.widget-area .widget a, .hentry .entry-header .posted-on a, .hentry .entry-header .post-author a, .hentry .entry-header .post-comments a, .hentry .entry-header .byline a {
    color: black !important;
}

.widget_categories ul li::before {
    display: none !important;
}

#secondary .widget-title {
    background: #333;
    padding: 0.6em 1em;
    text-transform: uppercase;
    font-weight: 600;
    color: #fccc31 !important;
}

.ubermenu-submenu li a span {
    color: #fc9927 !important;
}

.widget_shopping_cart{
	background-color:#333333 !important;
}

@media (max-width:900px){
	.ubermenu-responsive-toggle{
		display:flex !important;
	}
}

@media (max-width:600px){
	.storefront-primary-navigation{
		position: relative !important;
	}
}

.site-info{
	color:white !important;
}

@media handheld, only screen and (max-width: 1224px) {
	.owl-prev{ left: 10px; }
	.owl-next{ right: 10px; }
}

@media handheld, only screen and (max-width: 767px) {
	.su-row.equalheight{ display: block; }
	ul.products li.product{ width: 45%!important; float: left!important; margin: 20px 2%!important; }
	ul.products li.product:nth-child(2n+1){ clear: both!important;  }
	.single-product div.product .images img{ text-align: center; margin: 5px auto; }
	.secondary-navigation{ display: block; }
	.secondary-navigation ul{ list-style: none; margin: 4px 10px; padding-right: 10px; }
	.secondary-navigation ul li{ float: left; } 
	.secondary-navigation ul li a{ font-size: 14px; padding: 0.787em 0.557em; } 
	.site-header-cart .cart-contents::after{ left: -2px; }
	.full-col{ margin-left: 1.618em;  margin-right: 1.618em; }
	.site-header-cart .widget_shopping_cart{ position: absolute; top: 0px; }
	.product_cat_thumb{ max-width: 40%; height: auto; }
	.woocommerce-active .site-branding, .woocommerce-active .site-logo-anchor{ float: left !important; margin: 0; }
	.custom-primary-navigation{ display: none; }
	.menu-toggle::before{ margin-right: 0; font-size: 21px; }
	.menu-toggle{ margin: 1.618em auto 0.418em auto; }
	#mobilemenu{ display: block; font-size: 38px; margin-top: 12px; }
	#menu-secondary-menu #menu-item-1243, #menu-secondary-menu #menu-item-740{ display: none; }
}

@media handheld, only screen and (max-width: 567px) {
	ul.products li.product{ width: 96%!important; float: none!important; margin: 20px 2%!important; }
	.product_cat_thumb{ max-width: 30%; height: auto; }
}

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

	.short-description, .product_meta, body.woocommerce div.product .woocommerce-tabs, body.woocommerce #content div.product .woocommerce-tabs { display: none; }
	body.woocommerce .images { float: none !important; width: auto !important; margin-bottom: 40px !important; clear: both !important; }

	table .product-thumbnail { display: none; }

	.woocommerce-page #content div.product form.cart .variations { margin-left: 0; }

	table.cart th, #content table.cart th, table.cart td, #content table.cart td, table.cart tr, #content table.cart tr, #content-area table tr, #content-area table td, #content-area table th { padding: .857em 0.287em; }
	.woocommerce .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { width: 100% !important; }
	.woocommerce .woocommerce form .form-row, .woocommerce-page form .form-row { width: auto !important; float: none !important; }

	#order_review .shop_table { margin-left: 0; }
}


@media only screen and ( max-width: 479px ) {
	body {
		font-size: 80%;
	}
}

.site-header .ubermenu-responsive-toggle {
	width: 100%;
	border-bottom: 1px solid #FFF;
	font-size: 24px;
}
#custom-site-navigation { 
	padding-top: 0;
	width: 100%;
	font-size: 24px;
	padding: 0;
	clear: both;
	text-align: center;
}
.ubermenu-responsive-toggle {
	position: absolute;
	top: -3px;
	right: 5px;
	padding: 1em;
}
.col-full {
	padding: 0;
}

@media screen and (min-width: 65.141em){
	.col-full {
		padding: 0 1em;
	}
}

@media only screen and (min-width: 540px){
	.site-header .ubermenu-responsive-toggle {
		width: auto;
		border-bottom: 0;
		float: right;
		padding: 0;
		margin: .875em 1em 0;
	}
	#custom-site-navigation {
		clear: none;
	}
	#masthead {
		padding-bottom: 15px;
	}
}

@media only screen and (min-width: 768px){
	.su-row .su-column {
	  	margin: 0 0 0 4%;
	}
	.su-row .su-column:first-child {
	  	margin-left: 0;
	}
	#preheader .secondary-navigation a {
 		padding: .875em;
	}
}

@media only screen and ( min-width: 952px ) {
	.ubermenu-responsive-toggle, .ubermenu-sticky-toggle-wrapper {
	  	display: block;
	}
	#ubermenu-main-6-primary {
		margin-top: 6px;
	}
}
@media only screen and ( min-width: 1024px ) {
	#page .site-header .site-branding {
	  	margin: 0;
	}
}

.woocommerce-loop-category__title{ color: #000; }