/*
 Theme Name:   Basel Child
 Theme URI:    http://demo.xtemos.com/basel/
 Description:  ThemeForest Premium Theme
 Author:       Xtemos
 Author URI:   http://themeforest.net/user/xtemos
 Template:     theme
 Version:      1.0.0
 Text Domain:  baselchild
 License:      GNU General Public License version 3.0
 License URI:  http://www.gnu.org/licenses/gpl-3.0.html
 Tags:          black, white, light, one-column, two-columns, right-sidebar, responsive-layout, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, sticky-post, translation-ready
*/

.woocommerce-payment-options {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 10px;
}

.woocommerce-payment-options label {
    flex: 40% 1 0;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;

    padding: 20px;
    border: 1px solid white;
    background-color: white;

    order: 0;
}

.woocommerce-payment-options label .name-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    margin-bottom: auto;
}
.woocommerce-payment-options label .check {
    position: relative;
    box-sizing: border-box;
    width: 30px;
    height: 30px;

    background: #FFFFFF;
    border: 1px solid #D3D3D3;
    border-radius: 50%;

    flex-shrink: 0;
}

.woocommerce-payment-options label .check .checked {
    opacity: 0;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #B2C23D;
    border-radius: 50%;
}


.woocommerce-payment-options label .name-wrap {
    width: 100%;
}

.woocommerce-payment-options label .name {
    font-family: "URW Gothic", Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: #181818;
}

.woocommerce-payment-options label .desc {
    font-family: "URW Gothic", Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #181818;
}

.woocommerce-payment-options label .icons {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
}

.woocommerce-payment-options label .icons img {
    width: 45px;
}

@media (max-width: 640px) {
    .woocommerce-payment-options label .icons img {
        width: 35px;
    }
}

.woocommerce-payment-options label .name-wrap .icons {
    margin-left: auto;
}

.woocommerce-payment-options label .name-wrap .icons img {
    width: 25px;
}

.woocommerce-payment-options .wc_payment_method-container {
    width: 100%;
    order: 1;
    display: none;
}

.woocommerce-payment-options input:checked + label {
    border-color: #B2C23D;
}

.woocommerce-payment-options input:checked + label .check .checked {
    opacity: 1;
}

.woocommerce-payment-options input:checked + label + div {
    display: block;
}

.woocommerce-payment-options-title {
    font-family: "URW Gothic", Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.02em;
    color: #1B1919;
    margin-bottom: 15px;

    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.woocommerce-payment-options-title span.txt {
    flex-shrink: 0;
}

.woocommerce-payment-options-title span.line {
    flex-grow: 1;
    width: 100%;
    height: 1px;
    background-color: #E6E6E6;
}

.secure-message {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #E6E6E6;
    flex-wrap: wrap;
}

.secure-message img {
    width: 189px;
}

.secure-message > div {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    flex-shrink: 0;
}