/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

.woocommerce-input-wrapper .select2-selection {
    border-color: #e1e1e1 !important;
    background-color: #ffffff !important;
    color: #8d8d8d !important;
    border-radius: 0 !important;
}

.woocommerce-input-wrapper .select2-selection .select2-selection__rendered {
    color: #8d8d8d !important;
    font-size: 12px !important;
}

.wc_payment_methods .payment_method_stripe {
    width: 100% !important;
}

.wc_payment_methods .payment_method_stripe .wc-credit-card-form {
    margin-bottom: 0 !important;
}

.wc_payment_methods .payment_method_stripe .wc-credit-card-form .form-row {
    padding: 0 !important;
    margin-bottom: 1rem !important;
}

.html_visible_cart .cart_dropdown {
    right: 8px;
}

body.woocommerce-cart .cross-sells .woocommerce-loop-product__title {
    font-size: 1em !important;
    text-transform: none !important;
    text-align: center !important;
}

body.woocommerce-cart .cross-sells > h2 {
    font-size: 18px;
    text-transform: none !important;
    margin-bottom: 1rem;
}

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
    .woocommerce-checkout .col-1, .woocommerce-checkout .col-2 {
        width: 100% !important;
    }
}