@charset "UTF-8";
/* CSS Document */

*{
	margin: 0;
}

body {
   font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
   font-weight: 300;
}

a{
	text-decoration: none;
	color: inherit;
}

.red{
	color: #e92329;
}

.orange{
	color: #f69321;
}

.yellow{
	color: #fcc016;
}

.green{
	color: #269045;
}

.blue{
	color: #198ece;
}

.purple{
	color: #882a8c;
}

.curriculum{
	font-family: "HelveticaNeueThin", "HelveticaNeue-Thin", "Helvetica Neue Thin", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Arial", sans-serif; font-weight:200; font-stretch:normal;
}

.intro-curriculum h1{
	font-size: 2.8em !important;
}

.bold{
	font-weight: 900;
	padding-bottom: 1em;
}

.intro-curriculum{
	width: 80vw;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10vh;
}

.intro-column{
	width: 40vw;
	background-color: white;
	border-radius: 15px;
	box-shadow: 0 0 4rem 0.25rem rgba(46, 43, 55, 0.2);
	margin: 1em;
	padding: 2em;
}

.first{
	padding-right: 4em;
}

.intro-text{
	display: flex;
	justify-content: space-between;
}

.intro-italic{
	display: flex;
	padding-top: 2em;
	padding-bottom: 2em;
}

.intro-italic img{
	width: 50%;
    height: 100%;
	padding-left: 3em;
}

@media screen and (max-width: 480px) {
	.intro-header{
		width: 80vw;
		margin-left: auto;
		margin-right: auto;
	}
	
	.intro-curriculum{
		width: 95vw;
	}
	
	.intro-column{
		width: 95vw;
		flex-wrap: wrap;
	}
	
	.intro-text{
		flex-wrap: wrap;
	}
	
	.intro-italic{
		flex-wrap: wrap;
	}
	
	.intro-italic img{
		width: 100%;
		height: auto;
		padding-top: 1em;
		padding-left: 0em;
	}
}

.header{
	width: 100vw;
	background-color: white;
	height: 6em;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	box-shadow: 0 2rem 4rem 0.25rem rgba(46, 43, 55, 0.1);
	z-index: 1000;
}

.header-container{
	height: 4em;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding-left: 10vw;
	padding-right: 10vw;
}

.header-logo{
	height: 100%;
	display: flex;
    align-items: center;
}

.header-logo img{
	height: 80%;
	width: auto;
}

.header-nav ul{
	list-style-type: none;
	display: flex;
}

.header-nav li{
	font-weight: 900;
	font-size: 1.2em;
	padding-left: 1em;
	padding-right: 1em;
}

.nav-links{
	color: #4c4c4c;
	text-decoration: none;
}

.nav-links:hover{
	color: rgba(76,76,76,0.70);
}

@media screen and (max-width: 480px) {
	.header{
		height: 10em;
	}
	
	.header-nav ul{
		list-style-type: none;
		display: flex;
		justify-content: center;
		padding-inline-start: 0;
		padding-top: .5em;
	}
	
}

/*Content Area*/

.content-wrapper{
	width: 80vw;
	margin:auto;
	padding-top: 6em;
}

.module-header{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.fa-arrow-right{
	font-size: 3em;
	font-weight: lighter;
}

.btn:hover{
	color: rgba(113,113,113,1.00);
}

.module-header h1{
	font-size: 3em;
	font-weight: 100;
	font-family: "HelveticaNeueThin", "HelveticaNeue-Thin", "Helvetica Neue Thin", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Arial", sans-serif; font-weight:200; font-stretch:normal;
}

.module-header h4{
	font-size: 1em;
	margin-bottom: 15px;
	text-transform: uppercase;
	letter-spacing: 5px;
	font-family: "HelveticaNeueBlack", "HelveticaNeue-Black", "Helvetica Neue Black", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosBold', "Arial Black", sans-serif; font-weight:800; 
}

.header-line{
	border-bottom-color: black;
	border-bottom-style: solid;
	border-bottom-width: medium;
	width: 20%;
	margin-top: 20px;
}

.lesson-container{
	padding-top: 2em;
	display: flex;
	flex-wrap: wrap;
}

.lesson{
	width: 25%;
	background-color: white;
	border-radius: 15px;
	box-shadow: 0 0 4rem 0.25rem rgba(46, 43, 55, 0.2);
	margin: 1em;
	padding: 2em;
}

.lesson a{
	color: #4c4c4c;
	text-decoration: none;
}

.lesson a:hover{
	color: rgba(76,76,76,0.70);
}

.lesson-header-number{
	font-size: .8em;
	text-transform: uppercase;
	letter-spacing: 5px;
	font-family: "HelveticaNeueBlack", "HelveticaNeue-Black", "Helvetica Neue Black", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosBold', "Arial Black", sans-serif; font-weight:800; 
}

.lesson-overview{
	padding-top: 10px;
	padding-right: 1em;
}

.sections-header{
	padding-top: 10px;
}

.section-names{
	list-style-type: none;
}

.section-names li{
	padding-top: 5px;
}

@media screen and (max-width: 480px) {
	.content-wrapper{
		width: 90vw;
	}
	
	.header-line{
		width: 40%;
		margin-top: 20px;
	}
	
	.lesson{
		width: 100%;
		background-color: white;
		border-radius: 15px;
		box-shadow: 0 0 4rem 0.25rem rgba(46, 43, 55, 0.2);
		margin: 1em;
		padding: 2em;
	}
	
	.module-header h1{
		font-size: 2em;
	}
	
	.module-header h4{
		font-size: .75em;
	}
	
	.header-container{
		justify-content: center;
	}
}

.download{
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color: white;
	flex-direction: column;
	padding-top: 3rem;
}

.download-btn{
	padding-top: .75em;
    padding-bottom: .75em;
    padding-left: 1.75em;
    padding-right: 1.75em;
    background: #198ece;
	box-shadow: 0 0 4rem 0.25rem rgba(46, 43, 55, 0.2);
	margin-bottom: .75em;
}

.download-btn:hover{
	background: rgba(19,109,159,1.00);
}

.download a{
	color: white !important;
}