@import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Patua+One&display=swap');

body, html {
	margin:0px;
	padding:0px;
	width:100%;
}

hr {
	width:90%;
	margin:0 auto;
	background-color:#3d3d3d;
	height:1px;
}

.divSpace{margin:20px 1%;}

/*Text Styling*/
#pageTitle{position:absolute;text-align:center;width:100%;top:90px;color:#fff;z-index:10;font-size:50px;font-family: 'Patua One', cursive;text-transform:uppercase;display:none;}
h2{text-align:center;color:#3d3d3d;font-family: 'Questrial', sans-serif;font-size:35px;font-weight:400;margin:0px 0px 20px 0px;}
h3{color:#3d3d3d;font-family: 'Questrial', sans-serif;font-size:26px;}
h4{color:#3d3d3d;font-family: 'Questrial', sans-serif;font-size:22px;}
p, ul{font-family: 'Questrial', sans-serif;font-size:18px;color:#3d3d3d;}
a {font-family: 'Questrial', sans-serif;font-size:18px;color:#0000DB;text-decoration:underline;}
ol > li{margin-bottom:20px;}

/*Top Navigation*/
#navigation{
	position:fixed;
	width:100%;
	height:60px;
	text-align:right;
	border-bottom:3px solid #3d3d3d;
	box-sizing:border-box;
	background-color:#3d3d3daa;
	z-index:100;
}

#navigation div {
	font-size:18px;
	font-family: 'Questrial', sans-serif;
	padding:0px 30px;
	box-sizing:border-box;
	display:inline-flex;
	flex-flow:flex-end;
	height:100%;
	justify-content:center;
	align-items:center;
	box-sizing:border-box;
	cursor:pointer;
}

#navigation a {
	color:#fff;
	text-decoration:none;
}

#navigation div:hover{
	background-color:#fff;
}

#navigation div:hover a{
	color:#3d3d3d;
}

/*Scroll Bar*/
body::-webkit-scrollbar {width: 12px;}
body::-webkit-scrollbar-track {background: #909090;}
body::-webkit-scrollbar-thumb {background: #495056;}
body::-webkit-scrollbar-thumb:hover {background: #384045;}

/*Resources Accordians*/
.collapse{margin-top:8px;}
.resAccord{background-color:#3d3d3d;border:none;width:100%;text-align:left;outline:none;margin:3px 0px;font-size:18px;font-family: 'Questrial', sans-serif;padding:10px 15px;}

button{background-color:#fff;border:none;border-radius:5px;padding:5px 40px;color:#3d3d3d;}
button:hover{background-color:#0069d9;color:#fff;}

/*Responsiveness*/
@media screen and (min-width:1350px){
	#trainVid{height:70vh;}
	/*h3{font-size:24px;}
	h4{font-size:20px;}
	p, ul{font-size:18px;}
	a {font-size:18px;}*/
}