@charset "UTF-8";

.wpmem_msg{text-align:center;margin:2em 0;font-size:1.25em;}

#wpmem_login{
	& fieldset{display:flex;padding:0em;flex-wrap:wrap;border:0;width:100%;max-width:450px;
		& legend{display:none;}
		& label{width:8em;flex-shrink:0;margin-bottom:1em;margin-right:1em;}
		& .div_text{flex-grow:1;margin-bottom:1em;width:calc(100% - 13em);
			& input[type=text],& input[type=email],& textarea,& input[type=password]{width:100%;
				font-size:1em;padding:0.2em;box-sizing:border-box;border:2px solid #FFF;background:none;color:#FFF;font-weight:600;
			}
		}
		& .button_div{width:100%;
			& input[type=submit]{display:flex;align-items:center;justify-content:center;margin:1em 0;height:3em;font-size:1em;text-align:center;width:100%;background:#182A87;color:#FFF;border-radius:0.5em;border:0;cursor:pointer;
				&:hover{background:#DAB300;}
			}
		}
	}
	& .link-text{display:block;margin-top:1em;font-size: 0.825em;font-family: sans-serif;
		& .link-text-forgot,
		& .link-text-register,
		& .link-text-username{
			& a{text-decoration:underline;}
		}
	}
}

.page{
	#wpmem_login{
		& #wpmem_pwdchange_form,
		& #wpmem_pwdreset_form,
		& #wpmem_login_form{width:90vw;max-width:450px;margin:0 auto 3em;background: #f1f1f1;padding: 2em;border-radius: 1em;
			& fieldset{flex-direction: column;display:flex;padding:0em;flex-wrap:wrap;border:0;width:100%;max-width:450px;
				& label{width:100%;text-align:center;margin-right:0;}
				& .div_text{width:100%;
					& input[type=text], & input[type=email], & textarea, & input[type=password]{background:#FFF;color:#666;}
				}
			}
		}
	}
}

.top_mv_login_form{
	#wpmem_login #wpmem_login_form{color:#FFF;
		& fieldset .div_text{
			& input[type=text], & input[type=email], & textarea, & input[type=password]{border:1px solid #FFF;color:#FFF;}
		}
	}
}

#wpmem_reg{width:90vw;max-width:900px;margin:3em auto;
	& fieldset{display:flex;padding:2em;flex-wrap:wrap;border:0;
		& legend{display:block;text-align:center;font-size:2em;width:100%;}
		& label{width:12em;flex-shrink:0;margin-bottom:1em;margin-right:1em;}
		& .div_text{flex-grow:1;margin-bottom:1em;width:calc(100% - 13em);
			& input[type=text],& input[type=email],& textarea{width:100%;
				font-size:1em;padding:0.5em;box-sizing:border-box;border:1px solid #ccc;
			}
		}
		& .button_div{width:100%;
			& input[type=submit]{display:flex;align-items:center;justify-content:center;margin:2em auto;height:3em;font-size:1.25em;text-align:center;width:60%;max-width:400px;background:#182A87;color:#FFF;border-radius:0.5em;border:0;cursor:pointer;
				&:hover{background:#DAB300;}
			}
		}
		& .req-text{width:100%;text-align:center;}
	}
}


.member_cont_links{
	& > ul{
		& > li{
			& a{display:flex;background:#5666A8;border:0;border-radius:1em;height:3em;color:#FFF;padding:0 2em;font-size:1.25em;margin-left:auto;margin-right:auto;font-weight:700;align-items:center;position:relative;transition:all 0.3s;line-height:1.25;box-sizing:border-box;text-align:center;justify-content:center;min-width:10em;width:20em;}
		}
	}
}
.controll{
	& > p{display:flex;justify-content:space-between;
		& > .btn{max-width:49%;}
		& > .wpcf7-spinner{display:none;}
	}
}


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

.top_mv_login_form{

#wpmem_login{width:100%;
	& fieldset{margin:5vw auto;}
}

}



}