/* CSS for log-in page */
/* pages/log-in.php */

/* Login page */ 
.mn__left-header {
	font-weight: 600;
	font-size: 46px;
	font-family: 'Gilroy';
	margin-bottom: 20px;
}
.mn__left-text-1,
.mn__left-text-2 {
	margin-bottom: 2rem;
}
.mn__right-header {
	font-weight: 600;
	font-family: 'Gilroy';
	margin: 35px 0 12px 0;
}
.mn__right-text-1 {
	margin-bottom: 30px;
}
.mn__email > input,
.mn__password > input {
	background-color: var(--pink);
	height: 45px;
	border: none;
}
.mn__forgot-password {
	display: block;
	color: var(--grey);
	text-decoration: underline;
	font-size: 14px;
}
.mn__login-btn {
	color: var(--white);
	background-color: var(--green);
	border-radius: 22px;
	padding: 10px 60px;
	margin: 24px 0 35px 0;
}
.mn__login-list {
	list-style-image: url('icons/check.svg');	
}
.mn__list-text {
	margin-bottom: 0;
	margin-left: 5px;
}
/* ================= */ 
/* = Media queries = */ 
/* ================= */
@media (max-width: 768px) {
	.mn__login-ctn {
		flex-direction: column;
	}
	.mn__left-ctn,
	.mn__right-ctn {
		width: 100%;
		margin-top: 20px;
	}
	.mn__left-header {
		font-size: 36px;
	}
}
/* ================= */ 
/* = Hover effects = */ 
/* ================= */
.mn__forgot-password:hover,
.sb__forgot-password:hover {
	color: var(--grey);
}
.mn__login-btn:hover {
	background-color: var(--light_green);
	border-color: var(--light_green);
	color: var(--white);
}
/* ================= */ 
/* = Focus effects = */ 
/* ================= */ 
.mn__email > input:focus,
.mn__password > input:focus {
	background-color: var(--pink);
	box-shadow: none;
}