/** CSS FOR WP-MEMBERS PLUGIN
/* Version: 1.0
*/

/*--- WP MEMBERS ---*/
/*LOGIN PAGE*/
#top #login-form .container {max-width: 1100px; padding-top: 0px;}
#top #login-form .container .content {width: 100% !important;max-width: initial !important;}
#top #login-form .flex_column_table {background: var(--bg-dark);; border-radius: 5px !important; overflow: hidden; box-shadow: var(--sd-dark); min-height: 600px;}
#top #login-form .flex_column {padding: 0 !important;}
#top #login-form .flex_column + .av-flex-placeholder {width: 0;}
#top #login-form .loginbox-left {padding: 60px 20px 20px 20px !important;}
#top #login-form .loginbox-right .av_textblock_section::before {content: ''; position: absolute !important; top: 0; left: 0; height: 100%; width: 100%; background: radial-gradient(rgba(0,0,0,0.5) 25%, rgba(0,0,0,0)); z-index: -1;}
#top #login-form .login-form {background: var(--bg-dark) !important; width: 100% !important; margin: auto; padding: 20px !important;}
#top #wpmem_login {padding: 20px !important; background: var(--bg-dark); width: 100%; margin: auto; color: var(--white) !important;}
#top #wpmem_login .div_text {width:100% !important}
#top #wpmem_reg input, 
#top #wpmem_login input#log,
#top #wpmem_login input#pwd {font-size: 16px;line-height: 20px; font-weight: 400; border-radius: 5px;
 border: none !important; background-color: var(--bg-lightdark); height: 42px; padding: 8px 12px; color: var(--white); margin: 0 0 5px;}
#top #wpmem_reg input:hover,
#top #wpmem_login input:hover, 
#top #wpmem_reg textarea:hover,
#top #wpmem_login textarea:hover, 
#top #wpmem_reg select:hover,
#top #wpmem_login select:hover {box-shadow: none;}
#top #wpmem_reg input:focus,
#top #wpmem_login input:focus, 
#top #wpmem_reg textarea:focus,
#top #wpmem_login textarea:focus, 
#top #wpmem_reg select,
#top #wpmem_login select:focus {border-color: var(--primary) !important; box-shadow: none;}
#top #wpmem_reg input[type="submit"],
#top #wpmem_login input[type="submit"] {color: var(--grey) !important; border: 1px solid var(--primary) !important; border-radius: 20px !important; padding: 10px 20px !important; background: transparent;}
#top #wpmem_reg input[type="submit"]:hover,
#top #wpmem_login input[type="submit"]:hover {color: var(--white) !important; background:var(--primary) !important; border-color: var(--primary) !important; transition: all .3s;}
#top #wpmem_login .link-text {padding: 4px 0; width: 100% !important; text-align: center; font-size: 14px;}
#top #wpmem_login .button_div, 
#top #wpmem_reg .button_div {width: 100% !important;padding: 6px 0;text-align: right;}
#top #wpmem_reg legend,
#top #wpmem_login legend {display: none;}
#top #wpmem_login label, 
#top #wpmem_reg label {display: initial; font-size: 14px !important; font-weight: 400;}
#top #wpmem_login .button_div, 
#top #wpmem_reg .button_div {width: 100%; padding: 6px 0; text-align: center;}
#top #wpmem_reg, .wpmem_msg {width: 100%;}

#top .logo-login {width: 30%;}
#top #wpmem_profile_form fieldset legend, 
#top #wpmem_profile_form fieldset .text,
#top #wpmem_profile_form fieldset .req-text {color: var(--white) !important;}

#top .wp-pw #wpmem_login {background: transparent !important;}

/*REGISTRATION*/
#top .wpmem_msg {width: 100%; background: var(--bg-tertiary) !important; padding: 8px 12px;border: 0;}

/*--- RESPONSIVE DESIGN---*/
@media only screen and ( max-width: 989px) {  
    /*--- WP MEMBERS ---*/
    .responsive #top #login-form .container .content {width: 100% !important; max-width: 100% !important; margin-left: 0px !important;}
    .responsive #top #login-form .loginbox-left {padding: 5px !important;}
    .responsive #top #login-form .loginbox-left #wpmem_login {padding: 0px !important; width: 100%;}
    .responsive #top #login-form .loginbox-left .login-form {width: 100% !important; padding:5px !important}
    .responsive #top #login-form .loginbox-right {margin-bottom: 0 !important;}
    .responsive #top #login-form .loginbox-right .av_textblock_section img {position: absolute; left: 25%; top: 25%;}
}
@media only screen and ( max-width: 430px )   {  
    /*--- WP MEMBERS ---*/
	.logo-login {width: 50%;}

}