/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
#woocommerce_before_checkout_form .message-container.container.success-color.medium-text-center{
	display: none;
}
.woocommerce-order-overview.order_details .payment_loading_alert {display: none;}
.add-to-cart-container.form-minimal.is-xlarge .woocommerce-variation-price>.price>.woocommerce-Price-amount.amount>bdi {
	font-size:24px;
	color: #af0f00;
}

.hurrytimer-campaign.hurrytimer-campaign-61110{
	display: inline-block;
	margin-left: 5px !important;
}
.sales-text{
/* 	vertical-align: middle ; */
	
}
@media(max-width:565px){
	.countdown-container{
	margin-top: 0px !important;
		padding-top: 8px !important;
	}
	.hurrytimer-campaign.hurrytimer-campaign-61110{
		margin-top: -10px !important;
	}
}

/* Coupon code checkout page styling */
.woocommerce>.wpmc-steps-wrapper>.woocommerce_checkout_coupon>.woocommerce-form-coupon-toggle>.woocommerce-info.message-wrapper>.message-container.container.medium-text-center {
	text-align:center;
	padding: 5px;
    border-width: 2px;
    border-color: black;
    border-style: dashed;
}
.woocommerce>.wpmc-steps-wrapper>.woocommerce_checkout_coupon>.woocommerce-form-coupon-toggle>.woocommerce-info.message-wrapper>.message-container.container.medium-text-center>a {
	font-weight: bold;
}

/* UNDERLINE "Lost your password?" on login page*/
.woocommerce_checkout_login.wp-multi-step-checkout-step>form>.lost_password {
	text-decoration: underline;
}



/* increase-z-index */
.increase-z-index {
	z-index:999;
}

/* sales & specials page "SHOP NOW" button" */

.section.grid_items .button.secondary.is-outline.expand {
	padding-bottom:5px;
	padding-top:5px;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	
	@media screen and (max-width: 550px) {
		.combo-variant-description{
			width:100% !important;
		}
}
	
	@media (max-width: 1170px) and (min-width: 850px){
		.loyality-main-banner{
			height: 100% !important;
		}
	}
	@media screen and (min-width: 850px)
	.large-6{
			max-width: 100% !important;
		}
	}