/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

 .product-flags li.product-flag.on-sale {
 	background-color: red !important;
 }
 
 .product-flags li.product-flag {
 	background-color: yellowgreen;	
 }
 
 a {
 	color: forestgreen;
 }
 
 a:hover {
 	color: darkgreen !important;
 }
 
 .btn-primary {
 	background-color: forestgreen;
 }
 
 .btn-primary:hover {
 	background-color: darkgreen;
 }

.wishlist-button-add i {
	color: indianred !important;
}

.block-social {
	position: fixed;
	left: 0;
	width: 100px;
}

.block-social ul li {
	position: relative;
	background-color: #24b9d7;
	cursor: zoom-in;
}

.block-social ul li:hover {
	transform: scale(1.15);
}

#product_form_open_help {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  height: 0 !important;
  width: 0 !important;
  overflow: hidden !important;
}

.subcategories-list .subcategory-image {
	display: none;
}

@media (min-width: 576px) {
	.contact-rich .block a[href^="mailto:"] {
		font-size: .750rem !important;
	}
}