/*
Theme Name: Mediax Child
Theme URI: https://wordpress.themeholy.com/mediax
Template: mediax
Author: The African Boss
Author URI: https://theafricanboss.com
Description: Mediax WordPress Theme
Tags: one-column,flexible-header,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,rtl-language-support,sticky-post,threaded-comments,translation-ready
*/

:root {
    --theme-color: rgb(15,177,140);
    --theme-color2: rgb(15,177,140);
    --title-color: rgb(15,177,140);
}

.th-btn, .th-btn:before {
    background: var(--theme-color)!important;
    border-radius: 0!important;
}

.tab-icon-btn {
    display: inline-block;
    position: relative;
    width: var(--btn-size, 56px);
    height: var(--btn-size, 56px);
    line-height: var(--btn-size, 54px);
    font-size: var(--btn-font-size, 20px);
    text-align: center;
    background-color: var(--theme-color);
    color: var(--white-color);
    border: 1px solid var(--theme-color);
    border-radius: 0;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}
.tab-icon-btn:hover {
    background-color: var(--icon-bg, #fff);
    color: var(--title-color);
    border-color: var(--th-border-color);
}

.th-product .actions .tab-icon-btn {
    --btn-size: 40px;
    font-size: 14px;
    border-color: var(--white-color);
    -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
    color: var(--title-color);
    border-radius: 99px;
    margin-bottom: 10px;
    -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.08);
}
.th-product .actions .tab-icon-btn:hover {
    color: var(--white-color);
    border-color: var(--theme-color);
}

div#payment-method-message.StripeElement {
    margin-bottom: 1rem!important;
}

.woocommerce-checkout-payment .payment_box {
    background-color: transparent!important;
}

.checkout_coupon { display: flex!important; }
input[name="coupon_code"] { margin-bottom: 0!important; }

.woocommerce-checkout-review-order-table { margin-bottom: 100px!important; }