/*
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.   ***************/
.product-summary > form.cart {
    margin-top: 1.3em;
}

.related.related-products-wrapper.product-section {
    background: #F1F1F1;
    padding: 20px 50px;
}
/*Coupon*/
.coupon-box-container {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 0.5rem 0;
}

.coupon-box-container .coupon-box {
    width: 160px;
    padding: 10px;
    border: 1px black dashed;
    border-radius: 5px;
    background-color: #f8f8f8;
}

.coupon-box-container .coupon-box .coupon-icon {
    height: 32px;
    width: auto;
    margin-bottom: 10px;
}

.coupon-box-container .coupon-box h2, .coupon-box-container .coupon-box p {
    margin: 0;
    padding: 0;
}

.coupon-box-container .coupon-box .coupon-title {
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 1.5;
}

.coupon-box-container .coupon-box .coupon-desc {
    font-size: 13px;
    line-height: 1;
}

/*Info box*/
.info-box:before {
    content: "";
    display: block;
    width: 40px;
    height: 32px;
    float: left;
    margin: 0 6px 0 0;
    background-size: 32px;
    background-repeat: no-repeat;
}
.info-box.ib-icon-delivery:before {
    background-image: url(/wp-content/themes/flatsome-child/assets/icons/info-box/delivery-truck.svg);
}
.info-box.ib-icon-money:before {
    background-image: url(/wp-content/themes/flatsome-child/assets/icons/info-box/pound-sterling.svg);
}
.info-box.ib-icon-bulk:before {
    background-image: url(/wp-content/themes/flatsome-child/assets/icons/info-box/package.svg);
}
.info-box.ib-icon-check:before {
    background-image: url(/wp-content/themes/flatsome-child/assets/icons/info-box/check.svg);
}
.info-box.ib-icon-information:before {
    background-image: url(/wp-content/themes/flatsome-child/assets/icons/info-box/information.svg);
}
.info-box.ib-icon-right-arrow:before {
    background-image: url(/wp-content/themes/flatsome-child/assets/icons/info-box/right-arrow.svg);
}


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


}