/*
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-price-suffix{display:none;}*/
.woocommerce-breadcrumb.breadcrumbs {display:none;}
.pswp__caption {display:none;}
.woocommerce-ordering {display:none;}
.grecaptcha-badge {display: none;}
.onsale {display: block;}

/*Store Notice*/
.demo_store {
    padding: 10px;
    margin: 0;
    text-align: center;
    background-color: #8b2100d7;
    color: #FFF;
}

/*Variation Availability*/
.woocommerce-variation-availability p.stock.in-stock {
    color: #7a9c59;
    text-transform: uppercase;
}
.woocommerce-variation-availability p.stock.available-on-backorder {
    color: #ccaa41;
    text-transform: uppercase;
}
.woocommerce-variation-availability p.stock.out-of-stock {
    color: #cc0000;
    text-transform: uppercase;
}

/*Variation Availability Radio Plugin*/
.woovr-variation-availability p.stock.in-stock {
    color: #7a9c59;
    text-transform: uppercase;
}
.woovr-variation-availability p.stock.available-on-backorder {
    color: #ccaa41;
    text-transform: uppercase;
}
.woovr-variation-availability p.stock.out-of-stock {
    color: #cc0000;
    text-transform: uppercase;
}

/*Buy now button colour*/
.ux-buy-now-button {
    background-color: #fca92c;
    color: #FFF;
}

/*Cart Secure Checkout Icon*/
.checkout-button::before {
    content: "\f023"; /* Padlock */
    font-family: "Font Awesome 6 Free";
    font-weight: 900; /* Use solid icons */
    margin-right: 8px; /* Space between icon and text */
    display: inline-block;
}

/*Checkout Login & Coupon Messages*/
.container .message-container {
    padding-left: 0;
    padding-right: 0;
    font-weight: bold;
    text-transform: uppercase;
    color: #ccaa41;
}
.showlogin::before {
    content: "\f007"; /* User */
    font-family: "Font Awesome 6 Free";
    font-weight: 900; /* Use solid icons */
    margin-right: 8px; /* Space between icon and text */
    display: inline-block;
}
.showcoupon::before {
    content: "\f02b"; /* tag */
    font-family: "Font Awesome 6 Free";
    font-weight: 900; /* Use solid icons */
    margin-right: 8px; /* Space between icon and text */
    display: inline-block;
}


html {
    overflow-x: initial !important;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.woocommerce-breadcrumb.breadcrumbs {display:none;}
.header-top {display:none;}
.pswp__caption {display:none;}
.grecaptcha-badge {display:none;}
}