/* ------------------------ */
/* BASIC SETUP */
/* ------------------------ */

section{
	margin-top: 30px;
}

html, body{
	font-family: 'helvetica', 'arial', 'lato', 'sans-serif';
	font-size: 16px;
	font-weight: 300;
	text-rendering: optimizeLegibility;
	overflow-x: hidden;
	background-color: #fff;
	color: #000;
}


.img{
	width: 100%;
}.img95{
	width: 95%;
}.img90{
	width: 90%;
}.img85{
	width: 85%;
}.img80{
	width: 80%;
}.img75{
	width: 75%;
}.img70{
	width: 70%;
}.img65{
	width: 65%;
}.img60{
	width: 60%;
}.img55{
	width: 55%;
}.img50{
	width: 50%;
}.img45{
	width: 45%;
}.img40{
	width: 40%;
}.img35{
	width: 35%;
}.img30{
	width: 30%;
}.img25{
	width: 25%;
}.img20{
	width: 20%;
}.img15{
	width: 15%;
}.img10{
	width: 10%;
}.img5{
	width: 5%;
}

img{
	padding: 5px;
}


.w3-row-padding{
	padding: 20px;
}

strong{
	font-weight: 800;
}

hr{
	border: 1px solid #0050b5;
}

.copy{
	line-height: 30px;
	margin-right: 11%;
	margin-left: 11%;
	text-align: justify;
}

.copytext{
	line-height: 30px;
	text-align: justify;
}

ul{
	line-height: 30px;
}

ol{
	line-height: 30px;
}

.link{
	color: #0050b5;
	text-decoration: none;
	font-weight: 400;
}


.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 48
}



/* ------------------------ */
/* HEADERS */
/* ------------------------ */

h4{
	color: #000;
	border-bottom: 1px solid #0050b5;
	padding-bottom: 5px;
	margin-top: 30px;
}

h4 a{
	text-decoration: none;
	color: #737373;
	font-size: 80%;
}

h3{
	margin-top: 75px;
}

/* ------------------------ */
/* NAVIGATION / BACKGROUND */
/* ------------------------ */

.w3-bar-item{
	color: white;
}

/* .w3-button:hover{
	background-color: white !important;
	color: #2a4aa7 !important;
	z-index: 1;
	border: 1px solid #2a4aa7;
} */

.headermain{
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/images/homepage.jpg);
	background-size: cover;
	background-position: center;
	height: 100vh;
	background-attachment: fixed;
	margin-top: 0;
}

/* .headermain .background img{
	width: 250px;
	padding: 25px;
	float: left;
	position: absolute;
	z-index: 0;
} */

/* .logo{
	position: absolute;
	margin: 150px 0 0 150px;
} */


/* .logo7{
	margin: 0 auto;
} */

/* .logo5{
	width: 400px;
	margin-top: 15vh;
}

.logo3{
	margin: 25 auto 0 -300;
} */


.apply .w3-button{
	background-color: #fff;
	border: 3px solid #0050b5;
	border-radius: 20px;
	width: 200px;
	height: 50px;
	font-weight: 900;
	font-size: 150%;
	padding-top: 5px;
	margin-top: 10vh;
}

.apply .w3-button:hover{
	background-color: white;
	border: 3px solid #0050b5;
	border-radius: 20px;
	width: 200px;
	height: 50px;
	font-weight: 900;
	font-size: 150%;
	padding-top: 5px;
	position: relative;
}

.currentbutton{
	margin-top: 25vh;
}

.currentannual .w3-button{
	margin-left: 10px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	font-size: 90%;
}

.currentannual .current{
	border: 3px solid #fff;
	border-right: 1px solid #000;
}

.current990 .w3-button{
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	font-size: 90%;
}

.current990 .current{
	border: 3px solid #fff;
	border-left: 1px solid #000;
}

.currentbutton .current:hover{
	border: 3px solid #0050b5;
	background-color: white !important;
	color: #2a4aa7 !important;
}

.currentbutton .last{
	margin-right: 5px;
}

.w3-dropdown-hover i{
	color: #fff;
	font-size: 150%;
}

.w3-bar-item{
	color: #0050b5 !important;
}

.w3-bar{
	color: #fff;
	font-size: 110%;
}

/* ------------------------ */
/* NEWS AND DATES */
/* ------------------------ */

.otto {
	  color: #202c2d;
	  font-size: 300%;
		text-shadow:
		  0 1px #808d93,
		  -1px 0 #cdd2d5,
		  -1px 2px #808d93,
		  -2px 1px #cdd2d5,
		  -2px 3px #808d93,
		  -3px 2px #cdd2d5,
		  -3px 4px #808d93,
		  -4px 3px #cdd2d5,
		  -4px 5px #808d93,
		  -5px 4px #cdd2d5,
		  -5px 6px #808d93,
		  -6px 5px #cdd2d5,
		  -6px 7px #808d93;
		  /* -7px 6px #cdd2d5,
		  -7px 8px #808d93,
		  -8px 7px #cdd2d5; */
	  }

/* .news p{
	font-size: 300%;
	color: #1b00ff;
	text-shadow: 0px 1px 0px #898989, 0px 2px 0px #696969, 0px 3px 0px #595959, 0px 4px 0px #505050, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135;
	font-family: cursive;
} */

.news a{
	text-decoration: none;
}

.important .news{
	box-shadow: inset 4px 4px 10px #a2a2a2;
}

.dates p{
	text-align: justify;
}

.important .dates{
	padding-left: 20px;
}


/* ------------------------ */
/* ABOUT US */
/* ------------------------ */

.aboutus{
	background-image: linear-gradient(rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85)), url(/images/homepage.jpg);
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
}

.aboutus p{
	text-align: justify;
}

.aboutus{
	color: #fff;
}

.aboutus .values h2{
	text-align: center;
}

.aboutus h2{
	border-bottom: 3px solid #0050b5;
	padding-bottom: 12px;
}


/* ------------------------ */
/* CONCTACT US */
/* ------------------------ */

.contact .who p{
	text-align: justify;
}

.contact .staff{
	text-align: left;
}

.contact .staff h4,
.contact .staff p,
.contact .staff ul{
	padding-left: 10%;
}

.contact .staff p{
	margin: 0;
}

.contact h2{
	text-align: center;
}

.contact h4{
	border-bottom: 4px solid #0050b5;
	padding-bottom: 9px;
}

.contact .staff a{
	text-decoration: none;
}

.google-map{
	position: relative;
	padding-bottom: 75%; // This is the aspect ratio
	height: 0;
	overflow: hidden;
}

.google-map iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}


/* ------------------------ */
/* FAQ PAGE */
/* ------------------------ */

.list{
	line-height: 20px;
}


/* ------------------------ */
/* ------------------------ */
/* ------------------------ */
/* ------------------------ */
/* OTHER PAGES BASIC SETUP */
/* ------------------------ */
/* ------------------------ */
/* ------------------------ */
/* ------------------------ */

.gplogo img{
	width: 55px;
}

.gplogotxt{
	font-weight: 300;
	font-size: 130%;
	padding-top: 40px;
	color: #fff;
}

.header{
	background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(/images/homepage.jpg);
	background-size: cover;
	background-position: center;
}

.black{
	color: #000;
}

/* ------------------------ */
/* ------------------------ */
/* ------------------------ */
/* ------------------------ */
/* GRANT PROGRAM PAGE */
/* ------------------------ */
/* ------------------------ */
/* ------------------------ */
/* ------------------------ */

.applyfor .w3-button{
	background-color: #fff;
	border: 3px solid #0050b5;
	border-radius: 20px;
	width: 200px;
	height: 50px;
	font-weight: 900;
	font-size: 150%;
	padding-top: 5px;
	margin-top: 20px;
}

.applyfor .w3-button:hover{
	background-color: #0050b5;
	border: 3px solid #fff;
	border-radius: 20px;
	width: 200px;
	height: 50px;
	font-weight: 900;
	font-size: 150%;
	padding-top: 5px;
}


/* ------------------------ */
/* ------------------------ */
/* ------------------------ */
/* ------------------------ */
/* KEY TERM PAGE */
/* ------------------------ */
/* ------------------------ */
/* ------------------------ */
/* ------------------------ */

ol a{
	text-decoration: none;
}

.key li{
	margin-top: 30px;
}

.keytext{
	font-style: italic;
	color: #0050b5;
	font-weight: 600;
}


/* ------------------------ */
/* ------------------------ */
/* ------------------------ */
/* ------------------------ */
/* GRANT PROGRAM PAGE */
/* ------------------------ */
/* ------------------------ */
/* ------------------------ */
/* ------------------------ */

.faqlist ul a{
	text-decoration: none;
}

.faqlist ul li{
	list-style-image: none;
}

.faqlist a:hover{
	color: #0050b5;
}


/* ----------------------------- */
/* FORM */
/* ----------------------------- */

.noteGCN{
	background-color: #a8a8a8;
	border: 3px solid #0050b5;
}


/* ------------------------ */
/* FOOTER */
/* ------------------------ */

.footermain{
	margin-top: 50px;
	background-color: #191919;
	color: #626262;
}

.footermain p{
	margin: 0;
	display: inline-block;
	vertical-align: middle;
	font-size: 80%;
}