/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.woocommerce-page #payment .form-row select.input-text {
    width: 100%;
}

.woocommerce-page #payment .form-row .options {
    display: flex;
}

.woocommerce-page #payment .form-row .options select.input-text {
    width: auto;
}


.woocommerce-checkout .alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.woocommerce-checkout .alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}

.woocommerce-checkout #payment ul.payment_methods li img {
    max-width: 100px
}

#add_payment_method #payment ul.payment_methods li.wc_payment_method,
.woocommerce-cart #payment ul.payment_methods li.wc_payment_method,
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method {
    margin-bottom: 15px
}

#add_payment_method #payment div.payment_box .wc-credit-card-form-card,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card {
    font-size: 1.5em;
    padding: 8px;
    background-repeat: no-repeat;
    background-position: right .618em center;
    background-size: 32px 20px;
}