/* Enter Your Custom CSS Here */
.woocommerce-tabs p{
color:#242424;
}

.summary p, .price{
  color:#fff !important;
}

.hproduct ul li{
  vertical-align:top;
}
div.MagicToolboxSelectorsContainer a{
	margin: 0.5px !important;
}
.hproduct ul li img{
  width:100%;
  border-radius:0px;  
}

.top-right .t2 ul{
  padding:9px 7px;
}

td.label label{
color: #000;
margin-right: 10px;
margin-top: -7px;
}

.variation-Color p{
  color:#333333;
}

/*--woocommerce products--*/
.products .price, .products .add_to_cart_button{
  display:none !important;
}

.products{
  margin-bottom:0;
}

.products h3{
  text-align: center;
  margin-top: 0;
  padding-top: 0 !important;
}
.woocommerce-loop-product__title {
    text-align: center !important;
}
.woocommerce ul.products li.first, .woocommerce-page ul.products li.first{
  clear:none !important;
}

.woocommerce ul.products li.last, .woocommerce-page ul.products li.last{
  margin-right:3.8% !important;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
  width:16% !important;
  display: inline-block;
  vertical-align: top;
  float:none !important;
  margin-bottom:20px !important;
}

/*.woocommerce ul.products li:nth-child(5),
.woocommerce ul.products li:nth-child(10),
.woocommerce ul.products li:nth-child(15),
.woocommerce ul.products li:nth-child(20){
  margin-right:0 !important;
}*/

.term-description{
  margin-bottom:30px;
}

.woocommerce table.cart th{
  font-size:13px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before, .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active:before{
  box-shadow:none !important;
  border:none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce #content div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after{
   box-shadow:none !important;
  border:none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active:after, .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active:after, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active:after{
   box-shadow:none !important;
  border:none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs, .woocommerce #content div.product .woocommerce-tabs ul.tabs, .woocommerce-page div.product .woocommerce-tabs ul.tabs, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs{
  margin:0 !important;
  padding:0 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce #content div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after{
  box-shadow:none !important;
  border:none!important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li{
  margin:0 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce #content div.product .woocommerce-tabs ul.tabs li:before, .woocommerce #content div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after{
  width:0 !important;
  height:0 !important;
}
/*MDB added to test removal of old tabs on side 1DEC2015
*/
ul.tabs.wc-tabs {display: none;}
.woocommerce-tabs h2{
  display:block;
}

.woocommerce-tabs p{
  display:block;
  color:#242424 !important;
}

.woocommerce-tabs p:last-child{
  margin-bottom:0;
}

.woocommerce-tabs .panel{
  padding:15px !important;
}

.woocommerce-tabs h3{
  font-size: 13px;
  margin: 10px 0 !important;
  font-weight: bold;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li{
  padding:0 8px !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce #content div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a{
  padding:4px 0 !important;
  font-weight:bold !important;
}

.woocommerce-tabs textarea{
  padding:7px !important;
  height:50px !important;
}

.woocommerce-tabs form, .woocommerce-tabs .form-submit{
  margin-bottom:0 !important;
}

.caddress .six {
	color: #ebebeb !important;
}

.hproduct ul li{
  width:24%;
}

.ad-gallery, .ad-gallery .ad-image-wrapper{
  width:100% !important;
}

.cart_item .quantity .minus{
  bottom:-1px;
}

.cart_totals table{
  padding:5px !important;
}

#coupon_code{
  width:100%;
  max-width:100px;
}

/* edited by Tyra Belanger 7-10-2014 
	code to have caption display properly without scrolling
*/
div.MagicThumb-caption {
  height: auto !important;
}

/* edited by Tyra Belanger 7-10-2014 
	code to change description and review tabs within single product view
	to have a set height so scrolling is added
*/
div#tab-description {
	max-height: 400px;
	overflow: auto;
}
/* edited by Mike Breig 26-09-2015 
	code to change the review tab within single product view
	to have a set open height so scrolling is added and new reviews expand box
*/
div.description {
  	/* display: inline !important; */
	height: inherit;
	overflow: auto;
  	color: #ffb400;
}
/* edited by Mike Breig 01-10-2015 
	code to hide 2nd bottom proceed to check out button
	remove to see button
*/
div.wc-proceed-to-checkout  {
  	display: none; 
}
/* edited by Tyra Belanger 7-13-2014 
	code to change border width and color of search field
	within header of site
*/
.top-right .t2 input[type= "text"] {
	/*background: #878787;
  	color: #ffffff; */
  	border: 2px solid #343434;
}
/* edited by Mike Breig Aug-1-2015 
	code to change star rating color gold #ffb400 same as text on page
    .product updated Sep-25-2015 to make sure out of stock is white on page
*/
.star-rating span {
font-size:1em;
font-style: bold;
font-family: "star";
color: #ffb400;
}
.product .out-of-stock {
color: #ebebeb !important;
}

/* edited by Tyra Belanger 7-16-2014, 7-20-2014
	code needed in order to make psuedo columns behind 
	right and left page columns so columns remain same length at all times
*/
div#content-wrapper {
	/*background: #2d2d2d;*/
  	position: relative;
}

/* edited by Tyra Belanger 7-17-2014 
	code to change background color and appearance
	within sub-product category pages
	of content wrapper
*/
/*.right-side {
	background: #2d2d2d;
  	padding: 25px 25px 25px 25px;
}*/



/* edited by Tyra Belanger 7-18-2014
	code to make the footer sticky
*/
/*
* {
margin: 0;
}
html, body {
height: 100%;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -89px;
}
.footer, .push {
height: 89px;
}
*/


/*---media style--*/

/* edited by Tyra Belanger 7-23-2014
	code to change right and left columns to dynamically 
	match height of each other
*/
@media only screen and (min-width: 768px){
.right-side, .right-side:before {
      width:72%;
  }
  .right-side {
      float: right;
      padding: 25px;
  }
  .right-side:before {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      z-index: -1;
      left: 28%;
      background-color: #2d2d2d;
  }
  .left-side, .left-side:before {
      width:28%;
  }
  .left-side {
      float:left;
      padding: 20px;
  }
  .left-side:before {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      z-index: -1;
      left: 0;
      background-color: #565455;
  }  
  .woocommerce section.related.products ul.products li:nth-of-type(5n) {
    margin-right: 0 !important;;
  }
}

  /* edited by Tyra Belanger 7-27-2014
     customized code to change FAQ carots from 
	 gold to red to match color scheme of site
	 and give them focus on page
  */
 
.qafp-fa-caret-right:before {
	color: red;
}

  /* edited by Tyra Belanger 7-27-2014
     customized code to change unreadable text 
	within shipping field on shopping cart page
  */

.woocommerce .cart-collaterals .cart_totals p, 
.woocommerce-page .cart-collaterals .cart_totals p {
color: #5e5e5e;
}

  /* edited by Tyra Belanger 7-28-2014
     customized code to change unreadable text 
	 within payment boxes on check-out screen
  */

div.payment_box>p {
    color: #5e5e5e;
}

  /* edited by Tyra Belanger 7-28-2014
     customized code to change unreadable text 
	 within payment boxes on check-out screen
  */
tr.shipping p {
	color: #5e5e5e;
  	font-weight: normal;
}

/* edited by Tyra Belanger 8-14-2014
     code to change FAQ list items font color to white
  */
.qafp-faq-answer li {
color: rgb(235, 235, 235);
}

/* edited by Tyra Belanger 8-18-2014
     code to change all ordered list items font color to white
  */
body ol {
color: rgb(235, 235, 235);
}

  /* edited by Tyra Belanger 8-25-2014
     customized code to change unreadable paragraph text 
	 within drop down select boxes on check-out screen
  */
ul.chosen-results li {
color: rgb(68, 68, 68);
}
 
  /* edited by Tyra Belanger 9-5-2014
     customized code to change unreadable text 
	 within update file area
  */
input[type="file"] {
color: #ebebeb;
}

  /* edited by Tyra Belanger 2-7-2015
     customized code to change Includes Tax text that was 
	 too small to read within Cart Totals Area
  */
small.includes_tax {
    font-size: 100%;
}

  /* edited by Tyra Belanger 2-8-2015
     customized code to change Shipping and Tax text that was 
	 too small to read within Cart Totals Notes Area
  */

.woocommerce .cart-collaterals .cart_totals p small, .woocommerce-page .cart-collaterals .cart_totals p small {
    font-size: 100%;
}

/* edited by Tyra Belanger 7-28-2014
     testing custom CSS for plugin
  */

@media only screen and (max-width:767px) {
  .hproduct ul li:first-child{ padding-left:10px;}
  .hproduct ul li{ width:49%; margin-bottom:25px;}
  .hproduct ul li img{ max-height:inherit;}
  .hproduct ul li:last-child{ padding-right:10px;}
  
  .woocommerce ul.products li:nth-child(5), .woocommerce ul.products li:nth-child(10), .woocommerce ul.products li:nth-child(15), .woocommerce ul.products li:nth-child(20){ margin-right:3.8% !important;}
  .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{ width:28% !important;}
}

@media only screen and (max-width: 768px){
  .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{ margin:0 3.8% 2.992em 0}
}

@media only screen and (max-width: 440px){
   .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{ width:45% !important;}
}

@media only screen and (max-width: 419px){
  .product-remove, .product-quantity{ display:none;}
}
#wufdc_div {
    color: white;
    font-size: 16px;
    padding-top: ;
}

#wufdc_div input[type="file"]{
padding-top:15px;
}
/*remove a.button add to cart button under product on category pages etc Mike Breig Oct-14-2016 */
ul.products li.product .button {
    display: none;
}
/*menu hack*/
ul.sub-menu li.menu-item-has-children > a:after{
  content: "\20D7";
  color: white;
  font-size: 18px;
  font-weight: bold;
  vertical-align: middle;
  position: relative;
  top: 3px;
  left: 8px;
  text-shadow: 0px 0px 1px gray;
}

ul.sub-menu ul.sub-menu {
position: absolute;
left: 160px;
}

.removeCartItem:before {
 content: '\A'!important;   
    white-space: pre-wrap;
}

.woocommerce-demo-store .demo_store {
   background-color: #1382AC;
}
p.demo_store {
    top: 1px;
  	width: 40%;
  	left: 30%;
    padding: 0cm 0;
}

.woocommerce-terms-and-conditions p, .woocommerce-terms-and-conditions li {
    color: black;
}

.remove::before {
    content: "\e013";
    font-family: WooCommerce;
    color: red !important;
}

.woocommerce ul.products li.last, .woocommerce-page ul.products li.last {
    margin-right: 0 !important;
}
@media only screen and (max-width: 768px) {
  .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    margin: 0 3.8% 2.992em 0 !important;
	}
}

.woocommerce div.product p.sf_price, .woocommerce div.product span.sf_price {
    font-size: 1.25em;
}
.woocommerce div.product p.sf_price del, .woocommerce div.product span.sf_price del {
    opacity: 0.5;
    display: inline-block;
}
.sf_price ins {
    color: #fff;
    background: transparent;
    font-weight: 700;
}