/*
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.   ***************/

@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

* {
    font-family: 'Raleway', sans-serif;
    -webkit-font-feature-settings: "lnum";
    -moz-font-feature-settings: "lnum";
    font-feature-settings: "lnum";
}

.adt-fp-box-text p {
    font-family: Raleway;
    line-height: 26px;
    letter-spacing: 1px;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
}

.woocommerce-loop-product__title {
    line-height: 150%;
    font-size: 18px;  
    font-weight: 600;
} 

.product-small .price {
    font-size: 16px;
    font-weight: 700;
    margin-top: 10px;
}

.product-small .badge-container {
    background-color: #f47a22;
    color:#ffffff;  
    right: 0;
    left: unset;

}

span.onsale {
    font-size: 11px;  
    font-weight: 700;
    line-height: 26px;
    padding: 0 8px 0 12px;  
    height: 26px !important;
    display: block;
}

span.onsale::before {
    border-right-color: #f47a22 !important;
}

span.onsale::before, .woocommerce .wc-new-badge::before, .woocommerce .out-of-stock-badge::before, .woocommerce .free-badge::before {
    content: "";
    float: left;
    position: absolute;
    top: 0; 
    left: -15px;
    width: 0;
    height: 0;
    border-color: #fff0 #ef3f32 #fff0 #fff0;
    border-right-color: rgb(239, 63, 50);
    border-style: solid;
    border-width: 14px 15px 12px 0;
}

span.onsale::after, .woocommerce .wc-new-badge::after, .woocommerce .out-of-stock-badge::after, .woocommerce .free-badge::after {
    content: "";
    position: absolute;
    top: 10px;
    left: -2px;
    float: left;
    width: 7px;
    height: 7px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: #fff;
}

/*Styling from old site*/
.woocommerce .woocommerce-info, .woocommerce-page .woocommerce-info {
    border-color: #f47a22 !important;
}

.woocommerce .woocommerce-message, .woocommerce-page .woocommerce-message {
    color: #222222;
    display: none;
}

.woocommerce .woocommerce-info, .woocommerce-page .woocommerce-info, .woocommerce .woocommerce-message, .woocommerce-page .woocommerce-message, .woocommerce .woocommerce-error, .woocommerce-page .woocommerce-error {
    box-shadow: none;
    border: 2px solid #e3e3e3;
    border-top-color: rgb(227, 227, 227);
    border-right-color: rgb(227, 227, 227);
    border-bottom-color: rgb(227, 227, 227);
    border-left-color: rgb(227, 227, 227);
    border-radius: 0;
    text-shadow: none;
    padding: 15px 30px 15px 50px !important;
    margin-top: 20px !important;
    margin-bottom: 40px !important;
    background: transparent !important;
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}