@import url("pages/index.css");
@import url("pages/cpr.css");
@import url("pages/firstTime.css");
@import url("pages/interim.css");
@import url("pages/journey.css");
@import url("pages/partTime.css");
@import url("pages/retreats.css");
@import url("pages/slc.css");
@import url("pages/str.css");
@import url("pages/training.css");
@import url("pages/urLearning.css");

@font-face {
	font-family: Varsity; src: url('/fonts/varsity_regular.ttf');
} 

/* Global css */

html {
	font-size: 1vw;
	scroll-behavior: smooth;
}

body {
	height: 100vh;
	margin: 0;
}

a {
	text-decoration: none;
}

.main-content p {
	text-align: left;
	font-size: 1.5vw;
}

.main-content {
	margin-bottom: 2vw;
}

.main-content img {
	width: 40%;
}

.main-content h2 {
	margin-bottom: 0vw;

}

.info {
	font-size: 1.5vw;
	text-align: left;
	margin-left: 1vw;
}

.options, .list{
	text-align: left;
	font-size: 1.5vw;
	font-family: "Verdana";
}

/* Main-content */
.bold-text {
	font-weight: bold;
}
.main-content {
	font-family: "Roboto", sans-serif; 
	height: 100%;
	margin-left: 17%;
	background-color: white;
	margin-top: 0px;
	text-align: center;
}

.main-content h1 {
	margin-top: 0vw;
	padding-top: 1vw;
	font-size: 4vw;
}

.main-content h2 {
	margin-top: 0vw;
	font-size: 2vw;
}

.highlight {
	background-color: #FFFF00;
}

.center {
	text-align: center;
}

.parallax {
	background-attachment: fixed;
}

.nav-fixed {
	position: fixed;
	top: 0;
  	width: 100%;
}

.nav-active {
	color: #800000;
	transition: color .1s ease-in-out;
}

/* Navigation */

header nav {
	background-color: #000a35;
	display: inline-block;
	width: 17%;
	height: 100%;
	position: fixed;
	z-index: 10;
	float: left;
}

header nav .nav-logo {
	width: calc((7.5vw + (.3vw * 2)) * 1.3);
	float: left;
	margin-left: 3vw;
}

.nav-logo {
	border-radius: 25%;
}

header nav ul {
	padding-bottom: .25vw;
	background-color: #000a35;
	display: inline-block;
	list-style-type: none;
	text-align: center;
}

header nav li {
	text-align: center;
	margin-left: -1vw;
}

header nav a {
	color: #A0A0A0;
	font-family: 'Quicksand';
	font-size: 1.5vw;
	transition: color .1s ease-in-out;
}

header nav a:hover {
	color: #800000;
	transition: color .1s ease-in-out;
}

/* Footer */

footer {
	margin-left: 17%;
	width: 83%;
	position: static;
	background-color: #404040;
	height: 4.25vw;
	display: inline-block;
	vertical-align: middle;
	font-size: 1.25vw;
}

footer p {
	display: inline-block;
	font-family: 'Quicksand';
	color: white;
	float: right;
	padding-right: 2vw;
}

footer a {
	float: left;
	padding-left: 2vw;
}