.elementor-5611 .elementor-element.elementor-element-7bec624e{--display:flex;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-5611 .elementor-element.elementor-element-23bda6ad{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-5611 .elementor-element.elementor-element-23bda6ad > .elementor-widget-container{background-color:var( --e-global-color-d4920ba );background-image:url("https://worldofskins.store/wp-content/uploads/2025/06/Rectangle-35.png");padding:50px 0px 0px 0px;background-position:top left;background-repeat:no-repeat;background-size:cover;border-radius:33px 33px 33px 33px;}.elementor-5611 .elementor-element.elementor-element-23bda6ad.elementor-element{--align-self:center;}body.elementor-page-5611:not(.elementor-motion-effects-element-type-background), body.elementor-page-5611 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d4920ba );}:root{--page-title-display:none;}@media(min-width:814px){.elementor-5611 .elementor-element.elementor-element-7bec624e{--content-width:1200px;}}/* Start custom CSS for shortcode, class: .elementor-element-23bda6ad *//* Default input field styles with gradient border */
.pieregWrapper #pie_register .fields .input_fields, 
.pieregWrapper #piereg_login .input_fields, 
.piereg_login_container .piereg_login_wrapper .piereg_resetpassform .input_fields {
    border-radius: 5px;
    border: 2px solid #C74E07;

    border-image-slice: 1;
    padding: 18px 21px;
    margin-top: 0px;
    margin-bottom: 0;
    width: 100%;
    display: inline-block;
    color: #ffffff !important;
    box-sizing: border-box;
    background-color: transparent;
}

/* Button styles scoped properly */
.pieregWrapper [type=button],
.pieregWrapper [type=submit],
.pieregWrapper button {
    display: inline-block;
    font-weight: 600 !important;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background: transparent;
    border: 2px solid #C74E07;
    padding: .8rem 6rem;
    font-size: 1rem;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
}

/* Hover style */
.pieregWrapper [type=button]:hover,
.pieregWrapper [type=submit]:hover,
.pieregWrapper button:hover {
    background: #C74E07;
    color: #ffffff;
    border: 1px solid #C74E07;
}

/* Show/hide password button adjustment */
#pie_register .fields .fieldset span.show-hide-password-innerbtn.pass-eye-login {
    right: 8px;
    bottom: inherit;
    top: 50px;
}

/* Label styles */
.pieregWrapper #pie_register .fields label {
    width: 30%;
    float: left;
    word-break: break-word;
    display: inline-block;
    color: #ffffff;
    margin-right: 10px;
    font-weight: bold;
    line-height: 1.5;
}

/* Terms section */
.pieregWrapper #pie_register .piereg-wrap-terms {
    width: 100%;
    margin-left: auto;
}

/* Button container */
.pieregWrapper #pie_register .fields .pie_wrap_buttons {
    display: flex;
    align-items: center;
    width: 100%;
    margin-left: auto;
    flex-direction: column;
}

/* Password strength */
#piereg_passwordStrength {
    padding: 15px 0px;
    text-transform: uppercase;
    margin-top: 0px;
    width: 100%;
    text-align: center;
    display: block;
    border-radius: 10px;
    float: left;
    transition: all 500ms;
}

/* Heading */
#piereg_pie_form_heading {
    text-align: center;
    color: #ffffff;
}



/* Forget me not */
.piereg_login_container .piereg_login_wrapper .piereg_loginform .forgetmenot {
    width: 100%;
    display: block;
    margin: 0px 0px 10px auto;
}

/* Login nav */
body .piereg_login_container.pieregWrapper .piereg_login_wrapper .piereg_loginform #nav {
    width: 100%;
    display: block;
    margin: 40px 0px 10px auto;
    text-align: left;
}

/* ===========================
   Responsive
=========================== */
@media (max-width: 768px) {
    .pieregWrapper #pie_register .fields .input_fields,
    .pieregWrapper #piereg_login .input_fields,
    .piereg_login_container .piereg_login_wrapper .piereg_resetpassform .input_fields {
        padding: 14px 18px;
    }

    .pieregWrapper [type=button],
    .pieregWrapper [type=submit],
    .pieregWrapper button {
        padding: .8rem 4rem;
        font-size: 0.9rem;
    }

    .pieregWrapper #pie_register .fields label {
        width: 100%;
        display: block;
    }

    #piereg_passwordStrength {
        padding: 12px 0px;
    }

    #piereg_pie_form_heading {
        padding: 0 15px;
    }

    .pieregWrapper #pie_register .fields .pie_wrap_buttons {
        flex-direction: column;
    }

    body .piereg_login_container.pieregWrapper .piereg_login_wrapper .piereg_loginform #nav {
        margin: 20px 0px 10px auto;
    }
}

@media (max-width: 480px) {
    .pieregWrapper #pie_register .fields .input_fields,
    .pieregWrapper #piereg_login .input_fields,
    .piereg_login_container .piereg_login_wrapper .piereg_resetpassform .input_fields {
        padding: 12px 16px;
    }

    .pieregWrapper [type=button],
    .pieregWrapper [type=submit],
    .pieregWrapper button {
        padding: .8rem 2rem;
        font-size: 0.85rem;
    }

    #piereg_pie_form_heading {
        padding: 0 10px;
    }

    #piereg_passwordStrength {
        padding: 10px 0;
    }
}






.pieregWrapper a {
    color: #ffffff !important;
    text-decoration: underline;
    transition: color 0.3s ease;
}

.pieregWrapper a:hover {
    color: #C74E07 !important;
    text-decoration: none;
}/* End custom CSS */