@charset "UTF-8";


body.login-action-login,
body.login-action-register{
   background-size: cover;
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-position: center;
   overflow: hidden;

   display: flex;
   flex-wrap: wrap;
   align-content: center;
}

body.login-action-register{
   background-image: url("./images/register-background-image.jpg");
}

body.login-action-login{
   background-image: url("./images/login-background-image.jpg");
}



body.login-action-login div#login,
body.login-action-register div#login,
body.login-action-lostpassword div#login{
   max-width: 512px !important;
}


body.login div#login {
   width: 100% !important;
   margin: 50px auto 0 auto;
   padding: 0 0 20px 0;
}

body.login div#login h1 {}
body.login div#login h1 a {
   margin-bottom: 10px;
}

body.login div#login form#loginform,
body.login div#login form#registerform,
body.login div#login form#lostpasswordform{
   border: 1px dashed #20214F;
   box-shadow: none;
   margin: 0 0 20px 0;
   padding: 20px 20px;
   -webkit-border-radius:15px;
   -moz-border-radius:15px;
   border-radius:15px;
   background-color: rgba(255,255,255,0.5);
}


body.login div#login form#registerform::before{
   /* content: "Inserisci il nome utente. Puoi usare solo lettere e numeri, senza spazi bianchi o caratteri speciali."; */
   display: block;
   color: #2271b1;
   width: 100%;
   margin-bottom: 15px;
}


body.login .notice.register{
   margin-bottom: 5px;
   border-left: 0;
   text-align: center;
   font-weight: bold;
   color: #fff;
   background-color: #183a6f;
}

/*
body.login div#login form#registerform{
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}


body.login div#login form#registerform br,
body.login div#login form#registerform hr{
   display:none !important;
}

body.login div#login form#registerform p{
   width: 48%;
}

body.login div#login form#registerform select{
   width: 100%;
   padding:0 0 0 4px;
}

body.login div#login form#registerform .c4wp_captcha_field{
   margin-top: 20px;
}
*/


input[type=checkbox]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=radio]:focus,
input[type=text]:focus,
select:focus,
textarea:focus {
   border-bottom-color: #2271b1;
   box-shadow: none;
   outline: 0;
}

body.login div#login form#loginform p.forgetmenot { margin-bottom: 10px; }
body.login div#login form#loginform p.forgetmenot input#rememberme {}
body.login div#login form#loginform p.submit {}
body.login div#login form#registerform p.submit {
   margin-top: 15px;
}

body.login div#login form#loginform p.submit input#wp-submit,
body.login div#login form#registerform p.submit input#wp-submit,
body.login div#login form#lostpasswordform input#wp-submit {
   border-radius: 12px;
   -webkit-border-radius: 12px;
   -moz-border-radius: 12px;
   -o-border-radius: 12px;
   width: auto;
   width: 100%;
   min-height: 45px;
   line-height: 45px;
   padding: 0 10px;
   font-family: Fira Sans, sans-serif, 'Trebuchet MS';
   font-size: 15px;
   margin: 0 auto 10px auto;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   text-transform: none;

   background-color: #20214f;
   border: 1px solid #20214f;
   color: #fff;

   -webkit-transition: background-color 0.3s ease-in-out;
   -moz-transition: background-color 0.3s ease-in-out;
   -o-transition: background-color 0.3s ease-in-out;
   transition: background-color 0.3s ease-in-out;
}

body.login div#login form#loginform p.submit input#wp-submit:hover,
body.login div#login form#registerform p.submit input#wp-submit:hover,
body.login div#login form#lostpasswordform input#wp-submit:hover{   
   background-color: transparent;
   border: 1px solid #22376f;
   color: #22376f;
}

body.login div#login form#loginform p.submit input#wp-submit:focus,
body.login div#login form#registerform p.submit input#wp-submit:focus,
body.login div#login form#lostpasswordform input#wp-submit:focus{
   border: 0 !important;
}

body.login div#login p#nav,
body.login div#login p#backtoblog{
   display: inline-block;
   margin: 0;
   padding: 0;
   vertical-align: top;
   font-size: 12px;
}

@media screen and (min-width: 782px) {
   body.login div#login p#nav,
   body.login div#login p#backtoblog{
      font-size: 13px;
   }
}

body.login div#login p#nav{
   text-align: left;
   padding-left: 10px;
   width: 56%;
}

body.login div#login p#backtoblog {
   text-align: right;
   padding-right: 10px;
   width: 37%;
}

body.login-action-checkemail div#login p#backtoblog{
   width: 100%;
   padding: 0;
   text-align: center;
}


body.login div#login #reg_passmail{
   color: #575759;
}
body.login #backtoblog a,
body.login #nav a{
   color: #fff;
   -webkit-transition: color 0.3s ease-in-out;
   -moz-transition: color 0.3s ease-in-out;
   -ms-transition: color 0.3s ease-in-out;
   -o-transition: color 0.3s ease-in-out;
   transition: color 0.3s ease-in-out;
}

body.login #nav a.wp-login-log-in,
body.login #nav a.wp-login-register{
   color: #F8ECC1;
   text-transform: uppercase;
}

body.login #backtoblog a:hover,
body.login #nav a:hover{
   color: #F8ECC1;
}

body.login #nav a.wp-login-log-in:hover,
body.login #nav a.wp-login-register:hover{   
   color: #fff;
}

.login ins{
   color: red;
   text-decoration: none;
}

.login form .input{
   border: 1px solid #ccc;
}

body.login .privacy-policy-page-link{
   position: fixed;
   bottom: 20px;
   right: 20px;
   text-align: right;
}

body.login .privacy-policy-page-link .privacy-policy-link{
   color: #ddd;
}

body #login form p.privacy-policy-checkbox{
   margin-bottom: 10px;
}

.privacy-policy-checkbox input,
#login .mc4wp-checkbox-wp-registration-form input{
   border: 1px solid #8c8f94;
   -webkit-appearance: none;
   margin: 0 10px 0 0;
}



/**
* SIGNUP FORM
*/
#registerform #first_name,
#registerform #last_name{}



#registerform h2{
   display: none;
}

body.login div#login form#registerform p.wide-field{
   width: 100%;
   font-size: 14px;
   font-weight: 500;
}

body.login div#login form#registerform p#reg_passmail{
   width:100%;
}

#registerform .acf-fields::after{
   content: none;
}

@media screen and (min-width: 480px) {
   
}