/**
 * Registration Form CSS
 * https://www.jhwebdesigner.com
 *
 */

form.register div {
	display: block;
	margin: 0 0 12px;
	position: relative;
}
form.register div.form-row-first {
	float: left;
	overflow: visible;
	width: 47%;
}
form.register div.form-row-last {
	float: right;
	overflow: visible;
	width: 47%;
}
form.register div.form-row-wide {
	clear: both;
}
form.register label {
	display: block;
	font-weight: bold;
	margin: 0 0 6px;
}
form.register label strong {
	color: #ff0000;
}
form.register input.input-text {
	box-sizing: border-box;
	line-height: 1;
	padding: 12px;
	width: 100%;
}
form.register a.login-btn {
	display: inline-block;
	color: #444;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	padding: 4px 12px;
	margin: 0 0 0 24px;
}
form.register a.login-btn:hover {
	color: #001c26;
	text-decoration: none;
}
form.register div.g-recaptcha {
	display: block;
	margin: 24px 0;
}
div.error-msg {
	display: block;
	box-shadow: 0 0 6px #ccc;
	padding: 6px;
	margin: 0 0 12px;
}
div.error-msg strong {
	color: #cc0000;
}
div.error-msg:last-of-type {
	margin-bottom: 24px;
}
form.register div:nth-child(5) i.fa {
	cursor: pointer;
	font-size: 24px;
	position: absolute;
	top: 38px;
	right: 12px;
}
form.register div:nth-child(5) i.fa-eye-slash {
	display: none;
}
div.registration-complete-msg-box {
	display: block;
	margin: 0 0 24px;
}
div.registration-complete-msg-box h2 {
	display: block;
	color: #151515;
	font-size: 28px;
	font-weight: normal;
	line-height: 1.5;
	margin: 0 0 24px;
}
div.registration-complete-msg-box p {
	color: #444;
	margin: 0 0 24px;
}
div.registration-complete-msg-box p em {
	font-weight: bold;
}
div.registration-complete-msg-box p em::after {
	content: "'s";
}
div.registration-complete-msg-box p a {
	display: inline-block;
	background-color: #96588a;
	border: 1px solid #511746;
	color: #fff;
	font-size: 18px;
	line-height: 2;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px 12px;
	transition: all 0.35s ease 0s;
}
div.registration-complete-msg-box p a:hover {
	background-color: #511746;
	border: 1px solid #511746;
	color: #fff;
	transition: all 0.25s ease 0s;
}