/* woocommerce ropes main page */
.term-ropes.woocommerce #container .products li { margin: 0 0 40px !important }


/* fitness-ropes item containers */
.label-ropesgeneral .woocommerce .post-4033 ul.products li.product {
	padding: 10px !important;
    list-style: none !important;
    width: calc((100% / 4) - 20px) !important;
    margin: 9px !important;
    min-height: 22em !important;
    background: #000000;
    min-width: 215px !important;
}



/* commerce container */
.woocommerce #content { margin: 1.8em 0 !important; }

/* item container */
.woocommerce #container .products li {
	padding: 10px !important;
	background-color: #000 !important;
	width: calc((99% / 4) - 20px) !important;
}

/* item image */
body.woocommerce ul.products li.product a img {
	margin: 0 !important;
    padding: 0 0 10px !important;
}

/* item title */
body.woocommerce ul.products li.product h3 { padding: 0 0 10px !important; }

/* item price */
.woocommerce ul.products li.product .price {
	margin: 0 !important;
}

/* item individual prices */
.woocommerce .amount {
    font-size: 28px !important;
    letter-spacing: 2px !important;
}

/* woocommerce buttons */
.woocommerce #container a.button, div.gform_footer input.button, .woocommerce .cart_totals a.button, .content .woocommerce a.button, .woocommerce #container a.button.alt, .woocommerce #container button.button,
.woocommerce #container input.button, .woocommerce form input.button, .woocommerce #container #respond input#submit, .woocommerce #payment input#submit {
	min-width: 9.75em;
    height: 2.6875em;
    line-height: 2.6875em;
    
    border: 2px solid #D8F800 !important;
    
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;

    padding: 0 1em !important;
    color: #FFF !important;
    background: transparent;
}

/* woocommerce button :hover effects */
.woocommerce #container a.button:hover, div.gform_footer input.button:hover, .woocommerce .cart_totals a.button:hover, .content .woocommerce a.button:hover, .woocommerce #container a.button.alt:hover,
.woocommerce .cart_totals a.button.alt:hover, .content .woocommerce a.button.alt:hover, .woocommerce #container button.button:hover, .woocommerce #payment button.button:hover, .woocommerce #container input.button:hover,
.woocommerce #payment input.button:hover, .woocommerce #container #respond input#submit:hover, .woocommerce #payment input#submit:hover, .woocommerce form input.button:hover {
	color: #000 !important;
	background-color: #D8F800 !important;
}

 .woocommerce .cart_totals a.button.alt, .woocommerce #container button.button.single_add_to_cart_button, .woocommerce .woocommerce-message a.button.wc-forward, .content .woocommerce a.button.alt,
 .woocommerce #payment button.button, .woocommerce #payment input.button, .woocommerce-cart tr.shipping .shipping-calculator-button, .woocommerce tr.shipping button.button,
 .woocommerce #container #respond input#submit, .woocommerce #container .woocommerce-Tabs-panel a.button, .woocommerce a.single_add_to_cart {
 	color: #000 !important;
 	background-color: #D8F800 !important;
 }

 .woocommerce .cart_totals a.button.alt:hover, .woocommerce #container button.button.single_add_to_cart_button:hover, .woocommerce .woocommerce-message a.button.wc-forward:hover, .content .woocommerce a.button.alt:hover,
 .woocommerce #payment button.button:hover, .woocommerce #payment input.button:hover, .woocommerce-cart tr.shipping .shipping-calculator-button:hover, .woocommerce tr.shipping button.button,
 .woocommerce #container #respond input#submit:hover, .woocommerce #container .woocommerce-Tabs-panel a.button:hover, .woocommerce a.single_add_to_cart:hover {
 	opacity: .5 !important;
 }



/* Coupon code input | apply coupon button */
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce .shop_table .actions input.button {
	height: 45px !important;
}




@media (max-width: 1050px) {
	.woocommerce #container .products li { 
		width: calc((99% / 3) - 20px) !important;
	}

	.woocommerce #container a.button, div.gform_footer input.button, .woocommerce .cart_totals a.button, .content .woocommerce a.button, .woocommerce #container a.button.alt, .woocommerce .cart_totals a.button.alt, .content .woocommerce a.button.alt
	.woocommerce #container button.button, .woocommerce #payment button.button, .woocommerce #container input.button, .woocommerce #payment input.button, .woocommerce form input.button, .woocommerce #container #respond input#submit, .woocommerce #payment input#submit {
		min-width: auto !important;
		width: 85% !important;
	}
}

@media (max-width: 768px) {
	.woocommerce #content .products ul,
	.woocommerce #content ul.products {
		display: flex !important;
		flex-flow: row wrap;
		justify-content: flex-start;
		align-items: stretch;
	}

	.woocommerce #container a.button, div.gform_footer input.button, .woocommerce .cart_totals a.button, .content .woocommerce a.button, .woocommerce #container a.button.alt, .woocommerce .cart_totals a.button.alt, .content .woocommerce a.button.alt
	.woocommerce #container button.button, .woocommerce #payment button.button, .woocommerce #container input.button, .woocommerce #payment input.button, .woocommerce form input.button, .woocommerce #container #respond input#submit, .woocommerce #payment input#submit {
		min-width: auto !important;
		width: 80% !important;
	}
}

@media (max-width: 750px) {
	.woocommerce #container .products li { 
		width: calc((99% / 2) - 20px) !important;
	}
}

@media (max-width: 500px) {
	.woocommerce #container .products li { 
		width: calc(100% - 20px) !important;
	}
}