@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

@font-face {
    font-family: 'Rawline Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Rawline Regular'), url('/fonts/rawline-400.woff') format('woff');
}

@font-face {
    font-family: 'Rawline Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Rawline Bold'), url('/fonts/rawline-700.woff') format('woff');
}
	
.mj-main-js {
	/*height: 660px!important;*/
	height: 90vh!important;
    background-image: url('/images/Kempex-background.jpg');
	background-size: cover;
	background-position-x: center;
	align-items: flex-start !important;
	padding-top: 170px;
}

#mojoauth-login-card {
    background-color: #333333;
    color: #FFFFFF;
	width: 355px;
	height: 575px;
	border-radius: 10px;
	padding: 15px;
}

#mojoauth-login-card.mj-card-js .header .title h1 {
    color: #FFFFFF;
}

/* New Molly CSS */

#masthead {
	display: none;
}

.simple-nav {
	width: 100%;
	height: 97px;
	background: white;
	display: flex;
	justify-content: center;
	align-items: center;
}

.simple-nav img {
	width: 250px;
	height: 35px;
}

.mj-card-js .header .logo img {
	width: 318px;
	height: 240px;
	max-width: 318px !important;
	max-height: 240px !important;
	background: url('/images/kembla-horizontal-logo-transparent.png');
	padding-left: 318px;
	background-size: cover;
	background-repeat: no-repeat;
}

.mj-card-js .header .logo {
	margin-bottom: 25px!important;
}

.title {
	font-size: 20px !important;
	line-height: 17px !important;
	color: #FECE04!important;
	font-family: "Raleway", sans-serif;
	font-weight: 700 !important;
	text-align: center;
}

.subtitle {
	font-family: 'Rawline Regular';
    font-size: 14px;
    line-height: 15px;
    text-align: center;
    font-weight: 600;
    color: white!important;
    padding-top: 10px;
}

#resend {
	font-family: 'Rawline Regular';
    font-weight: 700;
}

#otp-submit-button {
	background: #FECE04 !important;
    border: 1px solid #FECE04 !important;
    color: #333333 !important;
    font-family: "PT Sans", sans-serif !important;
    font-weight: 700 !important;
    font-style: normal !important;
    font-size: 15px !important;
    line-height: 21px !important;
}

#otp-submit-button:hover {
	background: #E36C09!important;
	border: 1px solid #E36C09!important;
	color: white!important;
	filter: opacity(1)!important;
}

.login-title {
	font-size: 15px!important;
	line-height: 17px!important;
	color: #FECE04;
	font-family: "Raleway", sans-serif;
	font-weight: 700!important;
	text-align: left;
	margin: 0px!important;
	padding: 5px 0px;
}

.messaging_content h3 {
	display: none;
}

.please-note-text {
	font-family: 'Rawline Regular';
	font-size: 11px;
	line-height: 15px;
	text-align: left;
	font-weight: 600;
	margin: 0px!important;
	padding: 5px 0px;
}

#mojoauth-login {
	margin: 25px 0px 15px 0px!important;
}

.input-control label {
	display: none!important;
}

#mojoauth-passwordless-email {
	background: transparent!important;
	border: 1px solid #FECE04!important;
	height: 45px!important;
	font-size: 14px!important;
	color: white;
	font-family: "Raleway", sans-serif;
}

#mojoauth-passwordless-email:focus-visible {
	border: 1px solid #E36C09!important;
}

#mojoauth-passwordless-email::placeholder {
	color: #f3f3f3!important;
}

#mojoauth-signin-button {
	background: #FECE04!important;
	border: 1px solid #FECE04!important;
	color: #333333!important;
	font-family: "PT Sans", sans-serif!important;
    font-weight: 700!important;
    font-style: normal!important;
	font-size: 15px!important;
	line-height: 21px!important;
	margin-top: -10px;
}

#mojoauth-signin-button:hover {
	background: #E36C09!important;
	border: 1px solid #E36C09!important;
	color: white!important;
	filter: opacity(1)!important;
}

#mojoauth-brand-footer,
#mojoauth-brand-footer a {
	color: white!important;
}

#mojoauth-brand-footer a svg path {
	fill: white!important;
}

.text-below-form {
	font-size: 11px;
    line-height: 15px;
    text-align: center;
	font-family: 'Rawline Regular';
	margin-top: 20px;
    font-weight: 600;
}

.text-below-form a{
	color: white;
}

.custom-footer {
	background: #939598;
    border-top: 0.5px solid black;
	font-family: 'Rawline Regular';
	margin-top: -50px;
	z-index: 9999;
	position: absolute;
	width: 100%;
}

.custom-footer .fusion-copyright-content {
	width: 60%;
    margin: 0 auto;
    color: white;
    padding: 15px 0px;
	display: flex;
	flex-wrap: wrap;
}

.custom-footer .fusion-copyright-content a,
.custom-footer .fusion-copyright-content strong,
.custom-footer .fusion-copyright-content span,
.custom-footer .fusion-copyright-content {
	color: white;
	font-size: 12px;
	line-height: 18px;
}

.custom-footer .fusion-copyright-content strong {
	font-family: 'Rawline Bold';
}

.custom-footer .fusion-copyright-content a:hover {
	color: #333333;
	text-decoration: none!important;
}

.fusion-copyright-notice {
	width: 60%;
}

.fusion-copyright-notice a[href$=".pdf"],
.fusion-copyright-notice a[href$=".pdf"]::before,
.fusion-copyright-notice a[href$=".pdf"]::after {
	content: " "!important;
	padding: 0 0 0 0!important;
}

.fusion-social-links-footer {
	width: 40%;
}

.footer-social-network-icon {
	background: #000;
	width: 25px;
	height: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5px;
	border-radius: 5px;
	position: relative;
}

.footer-social-network-icon[title]:hover::after {
  content: attr(title);
  position: absolute;
  top: -82%;
  left: -13px;
  background: #606060;
  color: white;
  padding: 3px 7px 5px 7px;
  border-radius: 5px;
}

.fusion-social-networks-wrapper {
	display: flex;
	justify-content: flex-end;
	column-gap: 10px;
}

.footer-svg {
	width: 20px;
	height: 20px;
}

/* Login failed validation */

dnn_ctr563_ctl02_dnnSkinMessage {
	position: absolute;
	top: 15vh;
	z-index: 999999;
	background: #da0000;
	color: white;
	left: 50%;
	transform: translate(-50%, 0);
}

.messaging_content {
	margin: -15px 0px -15px 0px;
}


@media screen and (max-width: 600px) {
	#dnn_ContentPane {
		padding: 0px!important;
	}
	.mj-main-js {
		padding-top: 0px;
		background-position-y: 0px;
	}
	#mojoauth-login-card {
		margin-top: 10px;
	}
	.fusion-copyright-notice,
	.fusion-social-links-footer	{
	  width: 100%;
	}
	.fusion-social-networks-wrapper {
	  justify-content: center;
	}
	.custom-footer .fusion-copyright-content {
		width: 90%;
	}
	.fusion-copyright-notice div {
		text-align: center;
		margin-bottom: 20px;
	}
	#Form {
		margin-bottom: 90px;
	}
	.custom-footer {
	  /*margin-top: -185px;*/
	  margin-top: -100px;
	  left: -20px;
	  padding: 10px 0px 20px 0px;
	}
	/* Login failed validation */

	dnn_ctr563_ctl02_dnnSkinMessage {
		top: 10vh;
		width: 90%;
		text-align: center;
	}
}