/* General styles
   - Grey BG Styles
     V1 - For use with columns
     V2 - For use with modules. Adds left & right margin.*/
.gray-bg .fl-col-content, .gray-bg-v2 { color: #969696; background-color: #f2f2f2; }
.gray-bg h1, .gray-bg h2, .gray-bg h3, .gray-bg h4, .gray-bg h5, .gray-bg h6  { color: #969696; }
.gray-bg-v2 { margin: 0px 20px; padding: 10px 0px 0px 10px; }

/* - Button padding, use alongside .fl-button or .button to use
     Beaver Builder's global styling in product descriptions,
     HTML / Text editor modules etc. where the button module isn't
     otherwise available. */
.button-padding { padding: 8px 12px; }

/* - Increase variable dropdown height / prominence.
     Only tested on S&S but should be able to add to egV2 too. */
table.variations select {

	-webkit-appearance: menulist-button;
	height: 30px;
	border: 2px solid #cdcdcd;

}

body.fl-builder #smart-secure-blog-content > .fl-module-content {

	margin-left: 0px; margin-right: 0px;

}

/* WooCommerce Tweaks
   - Recolour "Add to Basket", "Select Options" and "Read More" buttons, plus prevent reverting to
     original WooCommerce colour. */
	 .woocommerce button.button.alt, .add_to_cart_button, .button.wp-element-button.product_type_simple, .button.wp-element-button.product_type_variable, .added_to_cart.wc-forward.button.alt, .button.product_type_simple, .button.product_type_variable {
	/* background-color: #74c1ce !important; */
	background-color: #007CBE !important;
	color: #ffffff !important;
}

/* Override styles for the sale tag next to images of on sale products */
.fl-page .fl-module span.onsale, .woocommerce ul.products li.product .onsale, .woocommerce-page ul.products li.product .onsale, .woocommerce span.onsale, .woocommerce-page span.onsale {
	color: #ffffff !important;
	background: #EF232F !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
}