/* SpinnPrint custom auth forms v3 */
.spinnprint-forms-wrapper{max-width:540px;margin:14px auto;padding:22px}
.spinn-h{font-size:26px;margin:0 0 6px}
.spinn-sub{font-size:14px;opacity:.85;margin:0 0 16px}
.form-row{margin:0 0 12px}
.spinnprint-forms-wrapper .form-row{margin:0 0 18px !important}
.form-row input[type="text"],
.form-row input[type="password"],
.form-row input[type="email"]{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px}
.button{width:100%;padding:12px;border-radius:8px}
.spinn-secondary{width:100%;padding:12px;border-radius:8px;background:#f6f6f6;border:1px solid #e6e6e6}
.spinn-divider{position:relative;text-align:center;margin:16px 0}
.spinn-divider span{position:relative;padding:0 10px;background:#fff}
.spinn-divider:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#e5e5e5}
.spinn-hr{margin:16px 0;border:0;border-top:1px solid #e5e5e5}
.spinn-legal{font-size:12px;opacity:.75}
.spinn-remember-reset{display:flex;justify-content:space-between;align-items:center}
.spinn-forgot{text-decoration:underline}
.spinnprint-forms-wrapper h2 {
    color: #000000;
    font-size: 55px;
    margin-top: 60px;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
}
.spinnprint-forms-wrapper p.spinn-sub {
    color: #7A7A7A;
    font-size: 16px;
    line-height: 22px;
    margin-top: 20px;
    font-weight: 500;
    font-family: "Roboto", sans-serif;
}
.custom-spinn-rememeber-reset,
.newsletter-optin  {margin-bottom: 30px;}
.custom-spinn-rememeber-reset .spinn-remember-reset {font-family: "Roboto", sans-serif; font-size: 14px; }
.custom-spinn-rememeber-reset .spinn-remember-reset label {width: 50%; font-weight: 400; color: #6f6f6f;}
.custom-spinn-rememeber-reset .spinn-remember-reset .woocommerce-form__label-for-checkbox {margin-left: 0;    margin: 0;}

.custom-spinn-rememeber-reset .spinn-remember-reset .spinn-forgot {width: 50%;text-align: right; color: #6F6F6F;text-decoration: underline;}
.custom-spinn-rememeber-reset .spinn-remember-reset .spinn-forgot:hover {text-decoration: none;}

.login .custom-spinn-rememeber-reset .spinn-remember-reset .tm-checkbox {
    vertical-align: middle !important;
    height: 22px !important;
}
.spinnprint-forms-wrapper .woocommerce-form.woocommerce-form-register.register input::placeholder,
.spinnprint-forms-wrapper .woocommerce-form.woocommerce-form-login.login input::placeholder {
    font-family: "Roboto", sans-serif !important;
    color: #6f6f6f;
}
.spinnprint-forms-wrapper .tm-checkbox {
    background: url(img/checkbox-normal.svg) no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: relative;
    margin-right: 8px;
    background-size: 20px 20px;
}
.spinnprint-forms-wrapper .tm-checked {
    background: url(img/checkbox-selected.svg) no-repeat;
    cursor: pointer;
}

.custom-register-wordpress .woocommerce-form.woocommerce-form-login.login .button.login-btn,
.custom-register-wordpress .woocommerce-form.woocommerce-form-register.register .button.register-btn {
    width: 100%;
    border: #ff4c00 1px solid;
    background: #ff4c00;
    padding: 10px 25px;
    font-size: 18px;
    line-height: 22px;
    color: #fff;
    text-transform: capitalize;
    font-weight: 700;
}
.custom-register-wordpress .woocommerce-form.woocommerce-form-login.login .button.login-btn:hover,
.custom-register-wordpress .woocommerce-form.woocommerce-form-register.register .button.register-btn:hover {
    border: #ff4c00 1px solid;
    background: #fff;
    color: #ff4c00;
}
.custom-register-wordpress .woocommerce-form.woocommerce-form-login.login .spinn-secondary,
.custom-register-wordpress .woocommerce-form.woocommerce-form-register.register .spinn-secondary {
    width: 100%;
    border: #ff4c00 1px solid;
    background: #fff;
    padding: 10px 25px;
    font-size: 18px;
    line-height: 22px;
    color: #ff4c00;
    text-transform: capitalize;
    font-weight: 700;
    border-radius: 4px;
}
.custom-register-wordpress .woocommerce-form.woocommerce-form-login.login .spinn-secondary:hover,
.custom-register-wordpress .woocommerce-form.woocommerce-form-register.register .spinn-secondary:hover {
    border: #ff4c00 1px solid;
    background: #ff4c00;
    color: #fff;
}



.spinnprint-forms-wrapper .spinn-hr {margin: 30px 0 20px;}
.spinnprint-forms-wrapper .spinn-legal {
    color: #6f6f6f;
    font-family: "Roboto", sans-serif !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}
.spinnprint-forms-wrapper .spinn-legal a {color: #ff4c00 !important;}
.spinnprint-forms-wrapper .spinn-legal a:hover {text-decoration: underline;}

.spinnprint-register-form .two-col-section .form-row {
    float: left;
    width: 49%;
}
.spinnprint-register-form .two-col-section .form-row:nth-child(2) {
    float: right;
    width: 49%;
}
.spinnprint-register-form .newsletter-optin label {
    margin-left: 0;
    color: #6f6f6f;
    font-family: "Roboto", sans-serif !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}
.spinnprint-register-form .newsletter-optin label .tm-checkbox {margin-top: 2px;float: left;}

@media only screen and (max-width: 768px) {

.spinnprint-forms-wrapper h2 {
    font-size: 40px;
    margin-top: 0;
}

}

@media only screen and (max-width: 767px) {

.spinnprint-forms-wrapper {
    margin-top: 0;
    padding-top: 0;
    padding: 0 0 1px 0;
}


}

@media only screen and (max-width: 515px) {
.spinnprint-register-form .newsletter-optin label {
    line-height: 19px !important;
    display: flex !important;
}
.spinnprint-register-form .newsletter-optin label .tm-checkbox {
    width: 35px !important;
    margin-top: 3px !important;
    margin-right: 10px;
}


}
@media only screen and (max-width: 400px) {

.spinnprint-register-form .newsletter-optin label .tm-checkbox {
    margin-right: 5px;
    width: 40px !important;
}


}