/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles in this file instead of style.css so it 
is easier to update the theme. Simply copy an existing style 
from style.css to this file, and modify it to your liking. */


/* 
GLOBAL STYLES
----------------
Add styles beneath this line that you want to be applied across your entire site */

#wrapper {
	position: relative;
	z-index: 1;
	margin-bottom: -50px;
}

.post img,
.hentry img,
.type-page img {
	border: none;
}

.breadcrumbs-wrap {
	margin-bottom: 10px !important;
}

.entry {
	padding-top: 0px !important;
}

.entry h1 {
	margin-bottom: 0px !important;
}

.breadcrumbs-wrap .breadcrumb .sep:after {
	text-align: center !important;
}

.flexslider .slides img {
	height: auto !important;
}

.flex-direction-nav a {
	z-index:10;
}

.slide-content {
	display: none;	
	}

div#topAd[style] {
	display: none !important;
}

.single-product table.variations td select {
  font-size: 16px !important;
  border: 0 !important;
}

.entry-content .sharedaddy {
  display:none !important;
}

ul.products li.product .img-wrap .price,
ul.products .featured li.product .img-wrap .price {
	-webkit-border-radius: 0em !important;
	border-radius: 0em !important;
	position: initial !important;
	text-align: center !important;
	}

#searchform,
.woocommerce-product-search {
  width: 100%;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  position: relative;
  border: 2px solid #e7e7e7;
  -webkit-border-radius: 0.382em;
  border-radius: 0.382em;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#searchform .s,
.woocommerce-product-search .s,
#searchform #s,
.woocommerce-product-search #s,
#searchform .search-field,
.woocommerce-product-search .search-field {
  padding: .78em 2.618em .78em 1.387em;
  width: 100%;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  margin: 0;
  border: 0;
  background: none;
  color: #364245;
  font-size: inherit;
  line-height: 1.618;
  -webkit-appearance: none;
}
#searchform .search-submit,
.woocommerce-product-search .search-submit,
#searchform #searchsubmit,
.woocommerce-product-search #searchsubmit,
#searchform input[type=submit],
.woocommerce-product-search input[type=submit] {
  position: absolute;
  top: 5%;
  right: .618em;
  border: none;
  overflow: hidden;
  margin: 0;
  padding: 1.618em;
  width: 20px;
  height: 0;
  background: url('images/ico-search.png') no-repeat center;
  background-size: 16px 16px;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  opacity: 0.2;
  filter: alpha(opacity=@opacity * 100);
  text-indent: -99em;
}
#searchform .search-submit:hover,
.woocommerce-product-search .search-submit:hover,
#searchform #searchsubmit:hover,
.woocommerce-product-search #searchsubmit:hover,
#searchform input[type=submit]:hover,
.woocommerce-product-search input[type=submit]:hover {
  opacity: 1;
  filter: alpha(opacity=@opacity * 100);
  background-color: transparent;
  -webkit-animation: none;
}
#searchform:hover,
.woocommerce-product-search:hover,
#searchform:focus,
.woocommerce-product-search:focus,
#searchform:active,
.woocommerce-product-search:active {
  border-color: #2ab6d6;
}
#searchform label,
.woocommerce-product-search label {
  display: none;
}

.woocommerce-product-search button {
	display: none;
}

#header ul.cart li.container a.cart-contents:before {
 display: inline !important;
}

#header ul.cart li.container a.cart-contents .amount {
 display: none !important;
}

.checkout h3 {
 /* clear:both; */
}

.home div.woocommerce ul.featured {
  border-bottom: 1px solid #eee;
  border-top: 4px solid #99cc00;
  background-color: #f9f9f9 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.home #content ul.products li.product .img-wrap img {
	-webkit-border-radius: 5px 5px 0px 0px !important;
	border-radius: 5px 5px 0px 0px !important;
  width: 100%;
}

.home #content ul.products li.product .img-wrap .price:after {
	display: none !important;
}

.home #content ul.products li.product .categories {
	display: none !important;
}

.home #content .widget h2 {
	font-size: 0.8em !important;
	margin-bottom: 0 !important;
}

.home div.woocommerce-wrap ul.products {
	padding: 20px 0px 0px;
	border-top: 5px solid #f4f4f4;
	border-bottom: 5px solid #f4f4f4;
}

.single-product .summary .product_meta .tagged_as, .single-product .summary .product_meta .hwp-gtin {
	display: none !important;	
}

div.product_meta span.posted_in {
	display: none !important;
	}

body.term-medical h1.page-title,
body.term-vibe h1.page-title,
body.term-pursuit h1.page-title,
body.term-aspire h1.page-title,
body.term-cycling h1.page-title,
body.term-outdoor h1.page-title,
body.term-performance h1.page-title,
body.term-triathlon h1.page-title,
body.term-golf h1.page-title,
body.term-running h1.page-title,
body.term-zero-inches h1.page-title,
body.term-one-inches h1.page-title,
body.term-two-inches h1.page-title,
body.term-four-inches h1.page-title,
body.term-seven-inches h1.page-title,
body.term-12-inches h1.page-title {
	display: none !important;
}

.quantity {
	width: 7.5em !important;
}

.quantity label {
	vertical-align: middle !important;
	line-height: 40px !important;
	float:left !important;
	margin-right: 5px !important;
}

.quantity input {
	float:left !important;
	max-width: 50% !important;
	border-radius: 5px !important;
}

p.stock {
    line-height: 40px !important;
    margin-bottom: 0px !important;
}

@media only screen and (max-width: 767px) {
	/* Desktop styles go here */
	body {
	background: #fff !important;	
	}
	#header .nav-toggle:after {
	height: 2em;
	width: 2em;
	line-height: 2em;	
	}
	.summary ul {
	margin-left: 40px;
	}

	img.brand {
	width: 50% !important;
	}
}

/* 
DESKTOP STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */

@media only screen and (min-width: 768px) {
	/* Desktop styles go here */
	
	#top {
 	background: #99cc00 !important;
	}

	#top a {
 	color: #fff !important;
	}

	#header .header-top,
	#navigation {
  	width: 100% !important;
  	margin: 0 !important;
	}

	#content {
	background: #fff !important;
	padding-top:20px;	
	margin-top: -3rem;
	}
	

	#top .top-nav ul.sub-menu, #top .top-nav ul.children {
    background: #99cc00 !important;
    border: none;
    border-top: 0;
	}
	
	#top .top-nav ul > li a {
    padding: .618em 1.2em !important;
	}

	img.brand {
	width: 33% !important;
	}

	.woocommerce_tabs, .woocommerce-tabs {
	max-width: 1010px;
	margin: 0 auto;
	}
	.slide-content {
	display: none;	
	}
	.single-product .summary .price {
	clear: right !important;
	font-weight: bold !important;
	margin-bottom: 1.6rem !important;
	}

	.home div.woocommerce-wrap ul.featured li.featured {
	width: 22.22222222% !important;
	}
	
	.home #content div.woocommerce-wrap ul.featured li.product.first {
	clear: none !important;
	}

	.home div.woocommerce-wrap ul.featured li.featured .img-wrap {
	width:100%;
	}
	h2.woocommerce-loop-product__title,
	.home #content ul.products.featured li.featured h3 {
	width:100%;
	font-size: 13px;
	padding: 10px 0 0 0;
	text-align: center !important;
	}
	.home #content ul.products.featured li.featured .excerpt {
	display: none;
	}
	.home div.woocommerce-wrap ul.featured li.featured .rating-wrap {
    	width: 25%;
	}
	.home #content ul.products.featured li.featured .button {
    	float:left;
	}
	.home #content .widget h1 {
	border-bottom: none;
	}
	a[href="https://www.googletagmanager.com/gtag/js?id=UA-60997491-1"]{
    visibility:hidden !important;
	}
}