.product-attributes {
    background: var(--blue);
    padding: 20px;
    margin: 10px;
    width: 300px;
    color: var(--light-grey);
}


.product-attributes .woocommerce-Price-amount.amount {
    color: var(--light-grey);
}

.product-attributes table {
    border: 0px;
}

.product-attributes table td {
    text-align: left;
}

.product-attributes table td:first {
    background: var(--light-grey);
}

.product-attributes .single_add_to_cart_button {
    border: 2px solid var(--light-grey);
}

.product-article {
    display: inline-block;
    list-style: none;
    margin: 0px -2px 20px -2px;
}

.product-post-card {
    padding: 20px;
    overflow: hidden;
    position: relative;
    background-color: #fff;
    width: 100%;
    min-height: 100%;
    border-radius: 3px;
    border: 0 solid #818a91;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.15);
    height: 370px;
}

.product-post-container {
    font-size:12px;
    height: 270px;
}

.product-post-container h2 {
    font-size: 19px;
    color: var(--yellow);
    font-weight: bold;
}

.product-post-container h3 {
    font-size: 18px;
    font-weight: bold;
    color: var(--yellow);
    margin-top: 10px;
}

.product-post-container ul {
    padding: 5px 20px;
}

.product-post-text {
    height: 200px;
    overflow: auto;
}

.woocommerce-Price-amount.amount {
    color: var(--blue);
    font-size: 16px;
}

.product-post-meta {
    padding-top: 20px;
}

.woocommerce-cart-form__cart-item.cart_item img,
.woocommerce-placeholder.wp-post-image {
    display:none;
}

.shop_table.shop_table_responsive.woocommerce-cart-form__contents .coupon input {
    margin-left: 10px;
    margin-right: 10px;
}

/* BUTTONS */
.woocommerce button, .btn-primary, input[type="button"], input[type="reset"], input[type="submit"], .btn-outline-primary, .button.add_to_cart_button, .wc-proceed-to-checkout .checkout-button.button, .price_slider_amount button[type="submit"],
.shop_table.shop_table_responsive.woocommerce-cart-form__contents button[type="submit"], .form-row.place-order button[type="submit"], .single-product .summary.entry-summary button[type="submit"] {
    background-color: var(--blue);
    color: var(--white);
    border-radius: 0px;
    border: 0px;
    margin-top: 0px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    line-height: 1.5;
    padding: 10px;
}

.woocommerce button:hover, .btn-primary:hover, .btn-primary:active, .btn-primary:focus, input[type="button"]:hover, input[type="button"]:active, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus, .btn-primary:not(:disabled):not(.disabled):active, .button.add_to_cart_button:hover, .wc-proceed-to-checkout .checkout-button.button:hover, .price_slider_amount button[type="submit"]:hover,
.shop_table.shop_table_responsive.woocommerce-cart-form__contents button[type="submit"]:hover, .form-row.place-order button[type="submit"]:hover, .single-product .summary.entry-summary button[type="submit"]:hover {
    color: var(--light-grey);
    background-color: var(--dark-grey) !important;
    border-color: var(--dark-grey);
}

.woocommerce .page-title-main, .woocommerce h3.page-title  {
    display:none;
}

/* INPUTS */
.woocommerce-input-wrapper {
    width: 100%;
}

.woocommerce-billing-fields label {
    color: var(--blue);
    font-weight: bold;
}

ul.wc_payment_methods.payment_methods.methods {
    padding: 0px;
}

li.wc_payment_method.payment_method_mpesa img {
    width: 100px;
}

.cart-badge {
    font-size: 11px;
    top: -9px;
    position: relative;
    left: -17px;
    background-color: var(--light-grey);
    color: var(--dark-grey);
    font-family: sans-serif;
}

@media (max-width: 992px) {

    .product-attributes {
        width: 100%;
        margin: 0 0 40px 0px;
    }

    .product-post-text {
        height: 150px;
    }
}

.payment_method_mpesa label {
    color: white;
    margin-left: -105px;
}

.payment_method_woocommerce_3g label {
    color: white;
    margin-left: -62px;
}

.payment_method_mpesa img, .payment_method_woocommerce_3g img {
    width: 430px;
    margin-left: 23px;
}

.woocommerce-checkout-payment {
    padding: 20px;
}

.payment_box.payment_method_mpesa p {
    display: none;
}

ul.products {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.woocommerce-cat-banner {
    margin-bottom: 40px;
}