/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/

/*body.woocommerce-checkout .woocommerce-message{
	display: none;
}*/

.email-field-custom-note {
    font-size: 13px;
    line-height: 18px;
    opacity: 0.6;
    margin-bottom: 10px !important;
}

.custom-email-note-after:after {
    content: 'Please ensure your email address is entered correctly as this will be the email address you will use to login to your account.' !important;
    font-size: 13px;
    line-height: 18px;
    opacity: 0.6;
    margin-bottom: 10px !important;
    padding-top: 5px;
}

.custom-email-note-field {
    float: right;
    width: 49%;
    margin-bottom: 0;
    padding-bottom: 0;
}

.form-row.custom-email-note-field {
    margin:0 !important;
    padding-top: 27px !important;
}

.custom-email-note-field label {
    font-size: 12px !important;
    line-height: 18px !important;
    opacity: 0.6 !important;
    margin-bottom: 10px !important;
}
.custom-email-note-field .optional {
    display: none;
}
.custom-email-note-field input {
    display: none;
}



.custom-container {
    max-width: 1140px;
    margin:0 auto;
}

.custom-container h1 {
    margin-bottom: 15px;
}

.custom-container .row {
    display: flex;
    flex-direction: row;
}

.custom-container .row .col-6 {
    width: 50%;
    padding: 0 10px;
}

@media (max-width: 768px) {
    .custom-container .row {
        flex-direction: column;
    }

    .custom-container .row .col-6 {
        width: 100%;
    }
}

.custom-container .row .col {
    width: 100%;
    padding: 0 10px;
}

.custom-container .text-center {
    text-align: center;
}

.custom-container .u-columns {
    padding:0 !important;
}

.custom-container form {
    margin-bottom: 0 !important;
    padding-bottom: 0;
}

.custom-container .bb_customer_login {
    background: #D6D8DB;
    padding: 20px !important;
    border: 1px solid #D6D8DB;
    border-radius: 5px;
}

.custom-container .bb_customer_register {
    background: white;
    padding: 20px !important;
    border: 1px solid #D6D8DB;
    border-radius: 5px;
}

.custom-container button {
    background: #7BC6B9 !important;
    border-radius: 50px !important;
    border: 0 !important;
}

.custom-container .woocommerce-LoginBtn, .custom-container .woocommerce-RegisterBtn {
    margin-bottom: 0 !important;
    text-align: right;
}

.custom-container h3 {
    text-align: center;
}

.custom-container .bsMyAccount {
    margin-bottom: 0 !important;
}

.padding-top-m {
    margin-top: 50px;
}
.padding-bottom-m {
    padding-bottom: 50px;
}

.padding-top-s {
    margin-top: 25px;
}

.woocommerce-checkout #billing_email_field, .woocommerce-checkout #billing_options_field {
    display: none;
}

.signin-button {
    background: #D88C39 !important;
    color: white !important;
    border-radius: 0 !important;
    padding: 2px 12px !important;
}
.signin-button:hover {
    background: #5EBAAC !important;
    color: white !important;
}