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

.wpwh-container:after{
    content: '';
    display: block;
    clear: both;
}

/*
    honeypot
 */
.wpwh-registerform-field-container.v4hp {
    display: block !important;
    overflow: hidden !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Events Manager Pro */
.em-booking-form-details {
    width: auto;
    float: none;
}

div.wpwh-login,
div.wpwh-register,
div.em-booking-login,
div.em-booking-register {
    width: 100%;
    padding: 0;
    margin: 0 0 1rem;
    float: left;
    border: none;
}

@media screen and (min-width: 1024px) {
    div.wpwh-login,
    div.wpwh-register{
        width: 48%;
    }
}

div.wpwh-login{
    margin-right: 4%;
}

/* END Events Manager Pro */

.wpwh-form {
    position: relative;
}

.wpwh-form > div > * {
    width: 100%;
}

.wpwh-form--account {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.wpwh-form--account > * {
    width: 100%;
}

.wpwh-form--account > div {
    width: 48%;
}

.wpwh-form--account > div.full {
    width: 100%;
}

.wpwh-container .error,
.wpwh-container .success {
    display: block;
    width: 100%;
    color: red;
}
.wpwh-container .success {
    color: green;
}

.wpwh-container .error.error--main,
.wpwh-container .success.success--main {
    font-weight: 700;
}

.wpwh-form > div:not(#loading-wrapper) {
    margin: 0 0 1em 0;
}

.wpwh-registerform-field-container{
    margin: 1em 0;
}

#wpwh_registerform .error{
    color: red;
}

#wpwh_registerform .success{
    color: green;
}

.em-booking-form h3 > label{
    width: auto;
    float: none;
    cursor: pointer;
}

.em-booking-form label,
.em-booking-form-details input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.em-booking-form-details select,
.em-booking-form-details textarea{
    width: 100%;
    float: none;
}
/*@media screen and (min-width: 1024px) {*/
/*    .em-booking-form label{*/
/*        width: 25%;*/
/*    }*/
/*    .em-booking-form-details input.input,*/
/*    .em-booking-form-details select,*/
/*    .em-booking-form-details textarea{*/
/*        width: 75%;*/
/*    }*/
/*}*/

.billing_address_alternate_wrapper:after {
    display: block;
    clear: both;
    content: '';
}
#billing_address_alternate + .billing_address_alternate_fields,
.form_toggle_wrapper + *{
    display: none;
}
#billing_address_alternate:checked + .billing_address_alternate_fields,
.form_toggle_wrapper.opened + *{
    display: block;
}

#em-booking-form .input-group.input-field-billing_address_country {
    margin-bottom: 0;
}

.wpwh-register,
.em-booking-register{
    position: relative;
}

.em-booking-buttons{
    clear: both;
}

.em-booking-form-details{
    width: auto;
    float: none;
    padding: 0;
}
div.em-booking-login{
    padding: 0;
    margin: 0;
    border: none;
}

/*.wpwh-my-account-view + .wpwh-my-account-edit{*/
/*    display: none;*/
/*}*/
.wpwh-form.edit .wpwh-my-account-view,
.wpwh-form.edit .wpwh-my-account-view-toggle:not(.wpwh-my-account-view-toggle--cancel),
.wpwh-form:not(.edit) .wpwh-my-account-view-toggle.wpwh-my-account-view-toggle--cancel,
.wpwh-form:not(.edit) .wpwh-my-account-edit{
    display: none;
}

/*
    oauth
 */

a.oauth-provider:after {
    /**
        for preloading images
     */
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    z-index: -1;
}

a.oauth-provider {
    background-color: transparent !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    min-width: 191px !important;
    min-height: 46px !important;
    border: none !important;
    color: transparent !important;
    display: inline-block !important;
}

a.oauth-provider:hover,
a.oauth-provider:focus,
a.oauth-provider:active {
    box-shadow: none !important;
    outline: none !important;
    border: none !important;
    color: transparent !important;
    background-color: transparent !important;
}

a.oauth-provider.oauth-provider--google:after {
    /**
        preload images
     */
    content: url("../img/oauth/google/btn_google_signin_dark_normal_web@2x.png") url("../img/oauth/google/btn_google_signin_dark_focus_web@2x.png") url("../img/oauth/google/btn_google_signin_dark_pressed_web@2x.png");
}

a.oauth-provider.oauth-provider--google {
    background-image: url("../img/oauth/google/btn_google_signin_dark_normal_web@2x.png");
}

a.oauth-provider.oauth-provider--google:hover {
    background-image: url("../img/oauth/google/btn_google_signin_dark_focus_web@2x.png");
}

a.oauth-provider.oauth-provider--google:focus {
    background-image: url("../img/oauth/google/btn_google_signin_dark_pressed_web@2x.png");
}

a.oauth-provider.oauth-provider--google-light:after {
    /**
        preload images
     */
    content: url("../img/oauth/google/btn_google_signin_light_normal_web@2x.png") url("../img/oauth/google/btn_google_signin_light_focus_web@2x.png") url("../img/oauth/google/btn_google_signin_light_pressed_web@2x.png");
}

a.oauth-provider.oauth-provider--google-light {
    background-image: url("../img/oauth/google/btn_google_signin_light_normal_web@2x.png");
}

a.oauth-provider.oauth-provider--google-light:hover {
    background-image: url("../img/oauth/google/btn_google_signin_light_focus_web@2x.png");
}

a.oauth-provider.oauth-provider--google-light:focus {
    background-image: url("../img/oauth/google/btn_google_signin_light_pressed_web@2x.png");
}

.woocommerce-info a.oauth-provider{
    float: none;
}

/*
    END oauth
 */

/*
    booking recommended popup
 */
.em-booking-form .em-booking-section.em-booking-section--popup,
.em.em-event-booking-form .em-booking-section.em-booking-section--popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    z-index: 9999999999;
}
.em-booking-form .em-booking-section.em-booking-section--popup .em-booking-section--popup-content,
.em.em-event-booking-form .em-booking-section.em-booking-section--popup .em-booking-section--popup-content {
    background: white;
    padding: 15px 20px;
    max-width: 90%;
    width: 550px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 90%;
    overflow-y: auto;
}