@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;700&family=Roboto:wght@300;400;700&display=swap');
/*
font-family: 'Raleway', sans-serif;
font-family: 'Roboto', sans-serif;
*/

html { scroll-behavior: smooth; }
html, body { background-color: #f5f5f5; width: 100%; height: 100%; margin:0; }

h1, h2, h3, h4, h5, h6 {
	font-family: 'Raleway', sans-serif;
	margin-top: 0;
	margin-bottom: 0;
	font-weight: 700;
	letter-spacing: 0;
}

p {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	line-height: 1.66667;
	font-weight: 300;
}

small { font-family: 'Roboto', sans-serif; font-weight: 300; }

a {
	font-family: 'Roboto', sans-serif;
	color: #006eb7;
	-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
			  transition: all 0.2s ease-in-out;
}
a:hover, a:focus { color: #000; text-decoration: none; }
a:focus { outline: none !important; }

li {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	line-height: 1.66667;
	font-weight: 300;
}

label {
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
	font-size: 12px;
}

label span { color: #0e4d83; }



/* NAVBAR
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.nav-inspire2u { z-index: 9; }
.nav-inspire2u .navbar-nav .nav-link { font-family: 'Roboto', sans-serif; font-size: 18px; color: rgba(255, 255, 255, 1); }
.nav-inspire2u .navbar-nav .nav-link:focus, .nav-inspire2u .navbar-nav .nav-link:hover { color: #40cdf8; }
.nav-inspire2u .navbar-brand { color: #40f878; }
/* .nav-inspire2u .dropdown-menu {  } */
.nav-inspire2u .dropdown-item { color: #FFF; }
.nav-inspire2u .dropdown-item:hover { background-color: #0e4d83; color: #FFF; }
.link-logout, .link-profile { color: #40cdf8; font-size: 25px; }
.link-logout:hover { color: #f84040; }
.link-profile:hover { color: #FFF; }



/* HEADER JUMBOTRON & TAGLINE
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.jumbo-main {
	position: relative;
	margin-top: -165px;
	z-index: 7;
	height: 550px;
}
@media screen and (max-width : 768px) { .jumbo-main { margin-top: 0; } }

.tagline { background-color: rgba(16, 35, 51, 1); z-index: 8; margin-top: -80px; }
.tagline h3 { color: #FFF; padding: 20px 40px 0 0; }

@media screen and (max-width : 768px) {
	.tagline { margin-top: 0; }
	.tagline h3 { font-size: 20px; padding: 10px 40px 10px 0; }
}



/* FORM
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.inspire-btn, .inspire-btn-outline {
	background-color: #2d69bb;
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #FFF;
	padding: 15px 25px 10px 25px;
	border: 3px solid #8fdeff;
	-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		  -o-border-radius: 5px;
		 -ms-border-radius: 5px;
			  border-radius: 5px;

  	-webkit-transition: all 0.5s;
  		-moz-transition: all 0.5s;
  		  -o-transition: all 0.5s;
  		 -ms-transition: all 0.5s;
  			  transition: all 0.5s;
}
.inspire-btn:hover, .inspire-btn-outline:hover { background-color: #020b12; color: #fff; }
.inspire-btn-outline { background-color: #020b12; color: #fff; }
.inspire-btn-outline:hover { background-color: #2d69bb; color: #051829; }

.cust-radio input[type=radio], .cust-radio input[type=checkbox] { display:none; }
.cust-radio input[type=radio] + label, .cust-radio input[type=checkbox] + label {
	display:inline-block;
	margin:0;
	padding: 20px 40px;
	margin-bottom: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	line-height: 1.66667;
	font-weight: 700;
	color: #333;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255,255,255,0.75);
	vertical-align: middle;
	cursor: pointer;
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
	background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
	background-image: -o-linear-gradient(top,#fff,#e6e6e6);
	background-image: linear-gradient(to bottom,#fff,#e6e6e6);
	background-repeat: repeat-x;
	border: 1px solid #000;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	border-bottom-color: #b3b3b3;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}

.cust-radio input[type=radio]:checked + label, .cust-radio input[type=checkbox]:checked + label {
	background-image: none; outline: 0;
	-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
		-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
			  box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
	background-color:rgba(2, 104, 77, 1);
	color: #FFF;
}

.cust-file { border: 1px solid grey; padding: 6px 10px 1px 10px; margin-top: 20px; }
.cust-file input[type=file]{ width:90px; color:transparent; }

.frm-placement-sel {
	font-family: 'Raleway', sans-serif;
	padding: 8px 5px 8px 5px;
	font-size: 12px;
	max-width: 120px;
	vertical-align: middle;
	align-self: center;
}
.frm-placement-btn {
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	min-width: 110px;
}


/* OTHER
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.title-p p { line-height: 1.3; margin-bottom: 0; }
.title-p span { color: #0e4d83; }
.bg-blue-dark { background-color: rgba(16, 35, 51, 1); }
.bg-body { background-color: #f5f5f5; }
.bg-gradient { background: linear-gradient(360deg, rgba(157,198,47,0.5) 0%, rgba(47,190,198,0.5) 100%); }
.bg-lvlOne { background-color: rgba(0, 166, 255, 0.1); }
.bg-lvlTwo { background-color: rgba(0, 166, 255, 0.3); }
.bg-lvlThree { background-color: rgba(0, 166, 255, 0.5); }

.blink_inf { animation: blinker 1s linear infinite; }
@keyframes blinker { 50% { opacity: 0; } }

.f-w-700 { font-weight: 700; }

.view-title { margin-bottom: 0; font-size: 12px; font-weight: bold; }
.view-info  { margin-top: 0; }


/* FOOTER
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.footer { background-color: #0e0e0e; }
.footer h4, .footer p, .footer small { color: #FFF; }
.footer a:hover { color: #FFF; text-decoration: underline; }