/*2018 CIY Homepage Redev*/
/*Midwestern Interactive*/

/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
Base
Typography
Buttons
Desktop Navigation
	- Main Nav
	- Mega Nav
Mobile Navigation
Pagepiling
Home Page
Sub Pages
	- Programs
	- Staff
	- College Partners
	- Newsletters
	- Contact 
Footer
Utilities
Plugins
Animations
------------------------------------------------*/

/*/////////////////////////////////////////////
Base
////////////////////////////////////////////*/
html {
	scroll-behavior: smooth;
}

body {
	/*background-color: #000;*/
}

/*/////////////////////////////////////////////
Typography
////////////////////////////////////////////*/
p, a, button {
	font-family: aktiv-grotesk-1, aktiv-grotesk-2,sans-serif;
}
p a {
	color: #003BFF;
}
a {
	color: initial;
	transition: 0.2s;
}
a:hover {
	color: #003BFF;
	text-decoration: none !important;
}
h1 {
	font-family: aktiv-grotesk-1, aktiv-grotesk-2,sans-serif;
}
h2 {
	font-family: aktiv-grotesk-1, aktiv-grotesk-2,sans-serif;
}
h3 {
	font-family: aktiv-grotesk-1, aktiv-grotesk-2,sans-serif;
}




/*/////////////////////////////////////////////
Buttons
////////////////////////////////////////////*/
.btn {
	padding: 6px 12px !important;
	font-size: 14px !important;
	border-width: 2px !important;
	border-radius: 0px !important;
	border-style: solid !important;
	text-transform: uppercase;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.btn-black {
	background-color: #000;
	color: #fff;
	border-color: #000;
}
.btn-black:hover {
	background-color: transparent;
	color: #000;
}
.btn-black-rev {
	background-color: transparent;
	color: #000;
	border-color: #000;
}
.btn-black-rev:hover {
	background-color: #000;
	color: #fff;
}
.btn-white-rev {
	background-color: transparent;
	border-color: #fff;
	color: #fff;
}
.btn-white-rev:hover {
	background-color: #fff;
	color: #000;
}
.btn-blue {
	background-color: #003BFF;
	color: #fff;
}
.btn-blue:hover {
	background-color: transparent;
	border-color: #003BFF;
	color: #003BFF;
}
.btn-blue-rev {
	background-color: transparent;
	border-color: #003BFF;
	color: #003BFF;
}
.btn-blue-rev:hover {
	background-color: #003BFF;
	border-color: #003BFF;
	color: #fff;
}

/*/////////////////////////////////////////////
Desktop Navigation
////////////////////////////////////////////*/

/* Main Navigation 
----------------------------------------------*/
nav {
	background-color: #171717;
	width: 100%;
	top: 0px;
	left: 0px;
	padding: 0 50px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	display: table;
	position: fixed;
	z-index: 99999;
}
nav .left {
	float: left;
}
nav .right {
	float: right;
}
nav #logo {
	padding: 12px 15px 11px;
	top: -1px;
	position: relative;
}
nav #logo img {
	height: 35px;
}
nav a {
	color: #f7f7f7;
	background-color: #171717;
	padding: 17px 21px;
	display: inline-block;
	border-right: 1px solid #3f3f3f;
	text-decoration: none !important;
	font-weight: 400;
	-webkit-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
}
nav a:hover {
	background-color: #333;
	color: #fff;
}
nav a p {
	margin-bottom: 0px;
}
nav .dropdown {
	display: inline-block;
}
nav .dropdown-toggle	{
	color: #f7f7f7;
	background-color: #171717;
	border: none;
	padding: 17px 21px;
	display: inline-block;
	border-right: 1px solid #3f3f3f;
	text-decoration: none !important;
	font-weight: 400;
	-webkit-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
}
nav .dropdown-toggle:focus {
	outline: none;
}
nav .dropdown-menu {
	border: 0;
	margin: 0;
	padding: 0;
	width: 100%;
}
nav .dropdown-item {
	color: #f7f7f7;
	background-color: #171717;
	border: none;
	padding: 17px 21px;
	text-decoration: none !important;
	font-weight: 400;
	-webkit-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
}

/* Mega Nav 
-----------------------------------------------*/
.navigation-background {
	width: 100%;
	height: 100%;
	position: fixed;
	background-color: rgba(0,0,0,0.95);
	z-index: 999;
	opacity: 0;
	z-index: -1;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
	top: 0;
	padding-top: 54px;
}
.navigation-background.open {
	opacity: 1;
	z-index: 9999;
}
.main-nav-wrap {
	position: relative;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	display: inline-block;
	width: 100%;
	max-width: 900px;
	margin: 0px 15px;
}
.main-nav .main-nav-content {
	padding: 15px;
}
.main-nav .nav-tabs {
	border-bottom: 0px;
	margin-bottom: 50px;
	display: inline-block;
	left: 50%;
	position: relative;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
}
.main-nav .squeeze {
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
	width: 75%;
}
.main-nav .nav-item {
	color: #ccc;
	display: inline;
	text-align: center;
	position: relative;
	padding: 10px 40px;
}
.main-nav .nav-link {
	background-color: transparent !important;
	border-radius: 0px;
	border: 0px;
	color: #999;
	display: inline-block !important;
	letter-spacing: 2px;
	padding: 8px 0px;
	text-align: center;
	font-size: 14px;
}
.main-nav .nav-link:hover {
	color: #ccc !important;
}
.main-nav .nav-link.active {
	background: transparent;
	color: #ccc;
}
.underline {
	position: absolute;
	top: 200px;
	z-index: 9999;
	background-color: #fff;
	height: 1px;
	width: 100px;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
	display: block;
}
.main-nav .tile-container {
	padding: 1px;
}
.main-nav .tile-wrap {
	padding-top: 100%;
	position: relative;
	width: 100%;
}
.main-nav .tile {
	background-color: #252525;
	-webkit-box-shadow: 0 0 50px rgba(0,0,0,0.0);
	        box-shadow: 0 0 50px rgba(0,0,0,0.0);
	height: 100%;
	left: 50%;
	opacity: 0;
	position: absolute;
	top: 50%;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	width: 100%;
	z-index: 9;
}
.main-nav .tile:hover {
	background-color: #444;
	-webkit-box-shadow: 0 0 50px rgba(0,0,0,0.9);
	        box-shadow: 0 0 50px rgba(0,0,0,0.9);
	height: 110%;
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	width: 110%;
	z-index: 999;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}
.main-nav .tile:hover .program-logo.color {
	opacity: 1;
}
.main-nav .tile:hover .program-logo.bw {
	opacity: 0;
}
.main-nav .tile:hover .program-title {
	color: #ccc;
}
.main-nav .tile.dud {
	background-color: transparent;
}
.main-nav .tile.dud:hover {
	width: 100%;
	height: 100%;
	-webkit-box-shadow: 0 0 50px rgba(0,0,0,0);
	        box-shadow: 0 0 50px rgba(0,0,0,0);
}
.main-nav .program-logo {
	left: 50%;
	max-width: 140px;
	max-height: 85px;
	padding-bottom: 25px;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}
.main-nav .program-logo.color {
	opacity: 0;
	z-index: 999;
}
.main-nav .program-title {
	color: #666;
	font-size: 16px;
	left: 50%;
	position: absolute;
	top: 70%;
	text-align: center;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);	
	-webkit-transition: 0.4s;	
	-o-transition: 0.4s;	
	transition: 0.4s;
	width: calc(100% - 30px);
}

/*/////////////////////////////////////////////
Mobile Nav
////////////////////////////////////////////*/
.mobile-nav {
	background-color: #000;
	position: fixed;
	top: -100%;
	z-index: -1;
	opacity: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.mobile-nav.down {
	top: 0;
	opacity: 1;
	overflow: scroll;
	z-index: 999999;
}
.mobile-nav .top-links {
	list-style-type: none;
	padding: 0;
	width: 100%;
}
.mobile-nav .top-links li {
	display: inline-block;
	float: left;
	padding: 15px 0;
	text-align: center;
	width: 25%;
}
.mobile-nav .top-links li:hover {
	cursor: pointer;
}
.mobile-nav .top-links li:hover i, .mobile-nav .top-links li:hover a {
	color: #fff;
}
.mobile-nav .top-links li img {
	display: block;
	left: 50%;
	position: relative;
	transform: translateX(-50%);
	height: 33px;
}
.mobile-nav .top-links li a {
	color: #aaa;
	font-weight: 600;
	font-size: 12px;
}
.mobile-nav .top-links li a:hover {
	text-decoration: none;
}
.mobile-nav .site-search {
	padding: 10px 15px;
	width: 100%;
}
.mobile-nav .site-search input {
	width: 100%;
	border-radius: 5px;
	border: none;
	padding: 5px 15px;
	font-size: 18px;
}
.mobile-nav #accordion {
	top: 80px;
	position: absolute;
	width: 100%;
	z-index: 999;
}
.mobile-nav .card {
	border: 0px;
	border-radius: 0px;
	margin-bottom: 0px;
}
.mobile-nav .card a {
	text-decoration: none;
}
.mobile-nav .card .card-header {
	background-color: #000;
	border-bottom: 1px solid #333;
	border-radius: 0px;
	display: block;
	padding: 15px 20px;
}
.mobile-nav .card .card-header .card-title {
	color: #fff;
	font-family: sans-serif;
	margin-bottom: 0;
}
.mobile-nav .card .card-header .card-title:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\2212";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: #fff;         /* adjust as needed */
}
.mobile-nav .card .card-header.collapsed .card-title:after {
    /* symbol for "collapsed" panels */
    content: "\002b";    /* adjust as needed, taken from bootstrap.css */
}
.mobile-nav .card .card-header.no-children .card-title:after {
	content: '';
}
.mobile-nav .card .card-body {
	padding: 0;
}
.mobile-nav .card .card-body ul {
	list-style: none;
	padding: 0px;
	margin-bottom: 0px;
}
.mobile-nav .card .card-body ul li {
	width: 100%;
}
.mobile-nav .card .card-body ul li a {
	border-bottom: 1px solid #ccc;
	display: block;
	width: 100%;
	padding: 10px 15px 10px 35px;
	text-decoration: none;
	color: #000;
}

/*/////////////////////////////////////////////
Slides
////////////////////////////////////////////*/

/* Base
---------------------------------------------*/
.slide {
	background-size: cover;
	background-position: center;
	/*display: flex;
	padding: 0;
	overflow: hidden;
	position: relative;
	min-height: 100vh;*/
}

/* Modifiers
-------------------------------------------*/
.slide.slide-skinny {
	/*padding: 100px 0;*/
}
.slide.slide-dark {
	background-color: #000;
}
.slide.slide-dark h2, .slide.slide-dark h3, .slide.slide-dark p {
	color: #fff;
}

.slide.slide-overlay:after, .slide.slide-video-bg:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	top: 0;
	left: 0;
}
.slide.slide-overlay h2, .slide.slide-video-bg h2 {
	color: #fff;
}
.slide.slide-overlay h2:after, .slide.slide-video-bg h2:after {
	background-color: #fff;
}
.slide.slide-overlay h3, .slide.slide-video-bg h3 {
	color: #fff;
}
.slide.slide-overlay h3:after, .slide.slide-video-bg h3:after {
	background-color: #fff;
}
.slide.slide-overlay p, .slide.slide-video-bg p {
	color: #fff;
	line-height: 2;
}
.slide.slide-overlay .next-slide, .slide.slide-video-bg .next-slide {
	color: #fff;
}
.slide.slide-overlay .next-slide:after, .slide.slide-video-bg .next-slide:after {
	content: url(../images/downarrow.png);
}

/* Content 
------------------------------------------*/
.slide .container {
	align-items: center;
	position: relative;
	z-index: 9;
}
.slide .container.flex {
	display: flex;
}
.slide .content-wrap {
	color: #000;
	z-index: 999;
}
.slide .content-wrap.white {
	color: #fff !important;
}
.slide p {
	color: inherit;
}
.slide h2 {
	color: inherit;
	font-size: 90px;
	font-weight: 600;
	margin-bottom: 50px;
	position: relative;
	text-transform: capitalize;
}
.slide h3 {
	font-size: 38px;
	font-weight: 600;
	line-height: 54px;
	margin-bottom: 50px;
	position: relative;
}
.slide .slide-heading:after {
	content: '';
	background-color: #000;
	height: 4px;
	position: absolute;
	left: 0;
	bottom: -25px;
	width: 260px;
	z-index: 999;
}
.slide .content-wrap.white .slide-heading:after {
	background-color: #fff;
}
.slide .slide-label {
	font-size: 22px;
	font-weight: 100;
	margin-top: 32px;
	line-height: 1.3;
}
.slide-divider	{
	display: block;
	height: 2px;
	background-color: #ddd;
	margin-top: 32px;
	width: 100%;
}
.slide a {
	padding: 10px 20px !important;
}
.slide .video-wrap {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
.slide .video-link {
	padding: 0 !important;
}
.slide .video-link:after {
	content: url(../images/play.png);
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.slide .video-poster {
	width: 100%;
}
.slide .quote {
	font-size: 40px;
	font-weight: bold;
}
.slide .next-slide {
	bottom: 100px;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	left: 50%;
	letter-spacing: 2px;
	position: absolute;
	text-transform: uppercase;
	transform: translateX(-50%);
	z-index: 999;
}
.slide .next-slide:hover {
	text-decoration: none;
}
.slide .next-slide:after {
	content: url(../images/downarrow-dark.png);
	display: block;
	position: absolute;
	font-size: 18px;
	width: 20px;
	height: 8px;
	left: 50%;
	transform: translateX(-50%);
}

@media(max-width: 991px) {
	.slide h3 {
		font-size: 24px;
		line-height: 1.4;
	}
	.slide .video-wrap {
		position: relative;
		top: auto;
		right: auto;
		transform: translateY(0);
		margin-bottom: 25px;
	}
	.slide .content-wrap {
		position: relative;
		top: auto;
		transform: translateY(0);
	}
}

@media(max-width: 768px) {
	.slide h2 {
		font-size: 38px;
	}
}

/* Program Slides
----------------------------------------------------*/
.programs-header .fa-chevron-down {
	position: absolute;
	bottom: 0px;
	color: #000;
	left: 50%;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
	font-size: 60px;
	-webkit-animation: Bounce 1s ease 2s infinite;
	        animation: Bounce 1s ease 2s infinite;
}
.programs-header p {
	color: #000 !important;
}
.programs-header .divider {
	background-color: #000 !important;
}
.program {
	background-size: cover !important;
	/*padding: 15px;*/
}
.program .fp-tableCell {
	padding-top: 66px;
}
.program .container {
	align-items: flex-end;
	height: 100%;
}
.program .container .row {
	height: 90%;
	align-items: flex-end;
}
.program .container .row .col-xs-12 {
	height: 100%;
}
.program .buttons {
	top: 30px;
	right: 15px;
	position: absolute;
}
/*.program .main-content {
	max-width: 700px;
	width: 100%;
}*/
.program .logo {
	max-width: 700px;
	max-height: 125px;
}
.program .divider {
	width: 150px;
	height: 2px;
	background-color: #fff;
	left: 0px;
	margin: 15px 0px;
}
.program .description {
	max-width: 500px;
	color: #fff;
	font-size: 18px;
	line-height: 2;
}
/*Hide navigation dot for footer*/
#fp-nav ul li:nth-child(9) {
	display: none;
}
/*Hide fullpage navigation dots on footer slide*/
body.fp-viewing-8 #fp-nav {
	opacity: 0;
}

@media(max-width: 991px) {
	.program .main-content {
		width: 100%;
	}
	.program .logo {
		max-width: 100%;
	}
	.program .description {
		font-size: 16px;
		line-height: 1.5;
	}
}

/* Header 
----------------------------------------------------*/
header {
	background-size: cover;
	background-position: center;
	width: 100vw;
	height: 100vh;
}
header.slide {
	/*padding: 100px 0;*/
}
header .container {
	height: 100%;
	position: relative;
	z-index: 9;
}
header .logo {
	height: 37px;
	position: absolute;
	top: 0;
}
header .buttons {
	position: absolute;
	right: 15px;
	top: 0;
}
header .row {
	position: relative;
/*	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);*/
	z-index: 99;
}
header h2 {
	font-size: 90px !important;
	color: #f7f7f7;
	font-weight: 700 !important;
	text-align: left;
}
header p {
	color: #f7f7f7;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.8;
	text-align: left !important;
	/*width: 50%;*/
}
header .divider {
	width: 150px;
	height: 3px;
	background-color: #f7f7f7;
	left: 0px;
	margin: 30px 0px;
}
header .fa-chevron-down {
	position: absolute;
	bottom: 0px;
	color: #fff;
	left: 50%;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
	font-size: 60px;
	-webkit-animation: Bounce 1s ease 2s infinite;
	        animation: Bounce 1s ease 2s infinite;
}

@media(max-width: 768px) {
	header .logo {
		left: 50%;
		transform: translateX(-50%);
		margin: 0 auto;
		display: block;
	}
	header .buttons {
		top: 52px;
		text-align: center;
		right: auto;
		left: 50%;
		transform: translateX(-50%);
	}
	header h2 {
		font-size: 38px !important;
	}
	header p {
		width: 100%;
	}
}

/*/////////////////////////////////////////////
Home Page
////////////////////////////////////////////*/

#how {
	background-color: #fff;
}

/* Newsletter Sign Up
----------------------------------------------------*/
.newsletter {
	background: #000;
}
.newsletter .container {
	display: block;
}
.newsletter h3 {
	color: #fff;
	margin-bottom: 50px !important;
	text-align: center;
}
.newsletter form .ao-form-label {
	color: #fff;
	font-size: 22px;
	font-weight: 700;
}
.newsletter form .ao-form-submit {
	font-size: 18px !important;
	background-color: transparent !important;
	border-color: #fff !important;
	color: #fff !important;
	padding: 6px 12px !important;
	font-size: 14px !important;
	border-width: 2px !important;
	border-radius: 0px !important;
	border-style: solid !important;
	text-transform: uppercase !important;
	-webkit-transition: 0.3s !important;
	-o-transition: 0.3s !important;
	transition: 0.3s !important;
}
.newsletter form .ao-form-submit:hover {
	background-color: #fff !important;
	color: #000 !important;
}


/*///////////////////////////////////////////////////////////////
Sub Pages
////////////////////////////////////////////////////////////////*/

/* General
----------------------------------------------------*/
.header {
	background-color: #000;
	padding: 50px 15px;
	margin-top: 54px;
}
.header h1 {
	color: #fff;
	font-weight: 700;
	position: relative;
}
.header h1:after {
	content: '';
	position: absolute;
	width: 100px;
	height: 3px;
	color: #fff;
	background-color: #fff;
	display: block;
	bottom: -15px;
}

section.content-wrap {
	padding: 50px 0;
}
section.content-wrap:first-of-type {
	padding-top: 109px !important;
}
section.content-wrap.extra-padding {
	padding-top: 200px !important;
	padding-bottom: 200px !important;
}
section.content-wrap .section-title {
	border-bottom: 2px solid #ddd;
	font-weight: 600;
	margin-bottom: 50px;
	padding-bottom: 40px;
	width: 100%;
}
section.content-wrap p {
	line-height: 2.5;
	font-size: 18px;
}

/*Staff
----------------------------------*/

/* Leadership Team */
.leader-member {
	margin-bottom: 50px;
}
.leader-member .leader-images {
	position: relative;
}
.leader-member .leader-images:hover .leader-color {
	opacity: 1;
	cursor: pointer;
}
.leader-member .leader-bw {
	margin-bottom: 15px;
	width: 100%;
}
.leader-member .leader-color {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	transition: 0.4s;
}
.leader-member .leader-name {
	color: #000;
	font-size: 28px;
	font-weight: 600;
	line-height: 1;
	margin-bottom: 10px;
}
.leader-member .leader-title {
	color: #000;
	line-height: 1;
	margin-bottom: 0;
}

/* Staff */
.staff-member {
	margin-bottom: 25px;
}
.staff-member .staff-name {
	font-size: 22px;
	font-weight: 600;
	line-height: 1;
	margin-bottom: 5px;
}
.staff-member .staff-title {
	font-size: 16px;
	line-height: 1;
	margin-bottom: 5px;	
}
.staff-member .staff-email {
	font-size: 16px;
	line-height: 1;
	margin-bottom: 5px;	
}
.staff-member .staff-ext {
	font-size: 16px;
	line-height: 1;
	margin-bottom: 5px;	
}

/* Board */
.board-member {
	margin-bottom: 25px;
}
.board-member .board-name {
	font-size: 22px;
	font-weight: 600;
	line-height: 1;
	margin-bottom: 5px;
}
.board-member .board-title {
	font-size: 16px;
	line-height: 1;
	margin-bottom: 5px;	
}
.board-member .board-email {
	font-size: 16px;
	line-height: 1;
	margin-bottom: 5px;	
}
.board-member .board-ext {
	font-size: 16px;
	line-height: 1;
	margin-bottom: 5px;	
}

/* Staff Single */
.staff-single .staff-image {
	width: 100%;
}
.staff-single .staff-name {
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 10px;
}
.staff-single .staff-title {
	font-size: 18px;
	margin-bottom: 25px;
}
.staff-single .staff-bio {
	line-height: 1.8;
	font-size: 18px;
	font-weight: 400;
	position: relative;
}
.staff-single .staff-bio:after {
	content: '';
	width: 50%;
	height: 2px;
	background-color: #ccc;
	display: block;
	left: 0;
	top: -10px;
	position: absolute;
}
.staff-single .staff-email {
	display: inline-block;
	margin-right: 15px;
}
.staff-single .staff-ext {
	display: inline-block;
}

@media(max-width: 991px) {
	.staff-single .staff-image {
		margin-bottom: 25px;
	}
}


/* Mission / Beliefs
-----------------------------------------------*/
.mission p{
	font-size: 90px;
	font-weight: bold;
	line-height: 1.3;
}
.mission .slide-label {
	margin-top: 42px;
}
.mission .slide-divider {
	margin-top: 60px;
}
.beliefs {
	list-style-type: none;
	padding-left: 0;
}
.beliefs .slide-label {
	margin-top: 12px;
}
.beliefs li p{
	font-size: 64px;
	font-family: aktiv-grotesk-1, aktiv-grotesk-2,sans-serif;
	font-weight: bold;
	font-style: normal;
	line-height: 1;
	margin-bottom: 64px;
}
.mission-how .slide-label {
	margin-top: 12px;
}
.mission-how ul{
	list-style-type: none;
	padding-left: 0;
}
.mission-how li p {
	font-size: 60px;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 48px;

}

@media(max-width: 991px) {
	.slide-label {
		margin-bottom: 50px;
	}
	.slide-divider {
		margin-top: 0;
		margin-bottom: 50px;
	}
	.mission .slide-divider {
		margin-top: 0;
	}
	.mission p{
		font-size: 48px;
	}
	.beliefs li p {
		margin-bottom: 32px;
	}
	.mission-how li p {
		margin-bottom: 32px;
	}
}

@media(max-width: 768px) {
	.mission {
		font-size: 46px;
	}
	.beliefs li p {
		font-size: 32px;
	}
	.mission-how li p {
		font-size: 32px;
	}
}

/*College Partners
----------------------------------------------*/
.partner-logo {
	/*max-height: 100px;*/
	padding: 15px;
	display: block;
	text-align: center;
	width: 100%;
}
.partner-logo img {
	max-height: 100px;
	max-width: 100%;
}


/*Newsletter
-----------------------------------------------*/
.newsletter-form-wrap {
	display: none;
	position: fixed;
	z-index: 999;
	background-color: black;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 75%;
	max-width: 600px;
	padding: 25px;
}
.newsletter-form-wrap h1 {
	color: #fff;
}
.newsletter-form-wrap #newsletterClose {
	color: #fff;
	position: absolute;
	right: 15px;
	top: 15px;
	font-size: 24px;
}
.newsletter-form-wrap .ao-block-wrapper {
	width: 48%;
	float: left;
	clear: none !important;
	margin: 1%;
}
.newsletter-form-wrap .ao-block-wrapper:last-of-type {
	width: 100%;
	margin: 0;	
}
.newsletter-form-wrap label {
	color: #fff;
}
.newsletter-form-wrap .ao-form-error-message {
	color: red;
}
.newsletter-form-wrap button {
	padding: 6px 12px !important;
	font-size: 14px !important;
	border-width: 2px !important;
	border-radius: 0px !important;
	border-style: solid !important;
	text-transform: uppercase;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	background-color: transparent !important;
	border-color: #fff !important;
	color: #fff !important;
}
.newsletter-single {
	margin-bottom: 50px;
}
.newsletter-single img {
	margin-bottom: 20px;
}
.newsletter-single .title {
	font-size: 28px;
	font-weight: 300;
	line-height: 1;
	margin-bottom: 20px;
}
.newsletter-single .buttons {
	text-align: center;
}
.newsletter-single .buttons a {
	width: 100%;
	margin-bottom: 15px;
}

.newsletter-form-wrap .ao-block-wrapper {
	width: 98% !important;
}

@media(max-width: 450px) {
	/*.newsletter-form-wrap*/
	.newsletter-form-wrap .ao-block-wrapper {
		margin: 0;
		width: 100%;
	}
}

/* Job Openings / Internships
-------------------------------------------------*/
.dataTables_length {
	display: none;
}
.dataTables_filter {
	display: none;
}
.dataTables_info {
	display: none;
}
.dataTables_paginate {
	display: none;
}
.table {
	margin-bottom: 50px !important;
	border-bottom: none !important;
}
.table thead h2 {
	font-size: 38px;
}
.table thead tr td:first-child {
	width: 33%;
} 
.table thead td {
	border: none !important;
}
.table thead td * {
	font-weight: bold;
}
.table td {
	vertical-align: baseline;
	padding: 20px 15px !important;
}
.table td p {
	color: #000;
	margin-bottom: 0;
}
.table td a {
	color: blue;
}
.table .job-title {
	font-weight: bold;
}

/* Get Involved
-------------------------------------------------*/
.testimony-wrap {
	margin-bottom: 100px;
}
.testimony-name {
	font-size: 32px !important;
	font-weight: 600;
	margin-bottom: 25px;
}
.testimony-image {
	background-size: cover;
	background-position: center;
	padding-top: 66%;
	margin-bottom: 100px;
	width: 100%;
}

@media(max-width: 991px) {
	.testimony-name {
		line-height: 1 !important;
	}
	.testimony-image {
		margin-bottom: 25px;
	}
}


/* History
-------------------------------------------------*/
.quote {
	color: #fff;
	font-size: 40px;
	line-height: 1.5;
}
.quote-author {
	color: #fff;
	font-size: 22px;
}

.history-video-wrap:before {
	background-color: rgba(0,0,0,0.5);
	content: '';
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.history-video-wrap:after {
	content: url(../images/play.png);
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.history-video {
	width: 100%;
}

@media(max-width: 991px) {
	.quote {
		font-size: 28px;
	}
}

/*Contact
-------------------------------------------------*/
.form-group {
	margin-bottom: 25px;
}
.form-group .control-label {
	font-size: 18px;
	font-weight: 100;
	color: #333;
	margin-bottom: 15px;
	letter-spacing: 1px;
	position: relative;
}
.form-group .control-label.required:after {
	content: 'Required';
	color: #aaa;
	display: block;
	font-size: 14px;
	font-weight: 700;
	position: absolute;
	top: 0px;
	right: 0;
}
.form-group .form-control {
	border-radius: 0px !important;
	background-color: #f7f7f7;
	-webkit-box-shadow: none;
	        box-shadow: none;
	border-color: #ddd;
	position: relative;
}
.form-group button {
	padding: 10px 35px !important;
	text-transform: none !important;
	font-weight: 500 !important;
	font-size: 16px !important;
}

.contact-info h2 {
	margin-bottom: 5px;
}
.contact-info p {
	font-weight: 200;
	letter-spacing: 1px;
	margin-bottom: 0px;
}
.contact-form .ao-column {
	margin: 0 15px;
}
.contact-form .ao-form input:not([type="radio"]):not([type="checkbox"]) {
	font-size: 26px;
	padding: 10px;
	border-radius: 0;
}
.contact-form select {
	font-size: 26px;
	padding: 5px 15px !important;
}
.contact-form label {
	color: #aaa;
	font-weight: 100;
}
.contact-form textarea {
	border-color: #ccc;
	height: 250px !important;
}
.contact-form .ao-form-submit {
	padding: 11px 50px !important;
	font-size: 12px !important;
	border-width: 2px !important;
	border-radius: 0px !important;
	border-style: solid !important;
	text-transform: uppercase;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	background-color: #003BFF !important;
	color: #fff !important;
	letter-spacing: 1px !important;
}
/* Terms and Conditions
-------------------------------------------------*/
.terms h2 {
	font-size: 18px !important;
	font-weight: 700;
	margin-bottom: 10px;
}
.terms p {
	font-size: 14px !important;
	line-height: 1.3 !important;
}

/*/////////////////////////////////////////////
Footer
////////////////////////////////////////////*/
footer {
	background-color: #000;
	padding: 50px 0;
	position: relative;
}
footer .footer-newsletter {
	margin-bottom: 50px;
}
footer .footer-logo {
	width: 300px;
}
footer .footer-donate {
	float: right;
	/*left: 50%;
	position: relative;
	transform: translateX(-50%);*/
}
footer a {
	color: #fff;
}
footer p {
	color: #fff;
	line-height: 2;
}
footer hr {
	border-color: #aaa !important;
}
footer .link-group {
	margin-bottom: 25px;
}
footer .link-group h3 {
	color: #fff;
	font-size: 14px;
	margin-bottom: 8px;
	line-height: 1.3;
}
footer .link-group a {
	display: block;
	color: #aaa;
	font-size: 12px;
	letter-spacing: 1px;
	margin-bottom: 8px;
	padding: 0 !important;
}
footer .link-group a h3 {
	margin-bottom: 0;
}
footer .highlights a {
	color: #fff !important;
}
footer .fine-print {
	text-align: center;
	color: #fff;
}
footer .ecfa {
	bottom: 0px;
	position: absolute;
	right: 15px;
}
@media(max-width: 991px) {
	footer .footer-donate, footer .footer-newsletter {
		float: none;
		left: 50%;
		position: relative;
		transform: translateX(-50%);
	}
}
@media(max-width: 768px) {
	footer .ecfa {
		position: relative;
	}
}

/*/////////////////////////////////////////////
Newsletter Modal
////////////////////////////////////////////*/
#newsletterModal .modal-header {
	border-bottom: none;
}
#newsletterModal .close {
	color: #fff;
}
#newsletterModal .modal-content {
	background-color: #000 !important;
}
#newsletterModal .ao-column {
	padding: 0 7px;
}
#newsletterModal label {
	color: #fff !important;
}
#newsletterModal .ao-form-submit {
	padding: 6px 12px !important;
	font-size: 14px !important;
	border-width: 2px !important;
	border-radius: 0px !important;
	border-style: solid !important;
	text-transform: uppercase !important;
	-webkit-transition: 0.3s !important;
	-o-transition: 0.3s !important;
	transition: 0.3s !important;
	background-color: transparent !important;
	border-color: #fff !important;
	color: #fff !important;
}

/*/////////////////////////////////////////////
Utilities
////////////////////////////////////////////*/
.full-screen {
	width: 100%;
	height: 100%;
}
.squeeze {
	max-width: 900px !important;
}
.center {
	text-align: center;
}
.no-gutter {
	padding-left: 0;
	padding-right: 0;
}
.wide-load {
	width: 100%;
}

.vert-scroll {
	overflow-y: scroll;
}
.vertical-align-wrap {
	height: 100%;
}
.vertical-align {
	align-items: center;
	display: flex;
}
.vertical-align .row {
	width: 100%;
}
/*.dark {
	background-color: #000;
	color: #fff;
}*/
.mobile-only {
	display: none;
}
@media(min-width: 1400px) {
	.container {
		max-width: 1370px;
	}
}
@media(max-width: 991px) {
	.mobile-only {
		display: block;
	}
	.desktop-only {
		display: none !important;
	}
}

/*/////////////////////////////////////////////
Plugins
////////////////////////////////////////////*/

/*LightGallery
--------------------------------*/
.lg-backdrop {
	z-index: 99999;
}
.lg-outer {
	z-index: 99999;
}

/* Full Page
---------------------------------*/
#fp-nav {
	opacity: 1;
	transition: 0.3s;
}
#fp-nav ul li .fp-tooltip {
	right: 75px !important;
	overflow: visible;

}
#fp-nav ul li .fp-tooltip:after {
	content: "";
	width: 50px;
	height: 1px;
	background-color: #fff;
	position: absolute;
	display: block;
	bottom: 0;
	right: -56px;
	top: 47%;
	transform: translateY(-50%);
}
#fp-nav ul li a span, .fp-slidesNav ul li a span {
	background-color: #fff !important;
}
@media(max-width: 900px) {
	#fp-nav {
		display: none;
	}
}
/*#fullPage .divider {
	width: 150px;
	height: 3px;
	background-color: #f7f7f7;
	left: 0px;
	margin: 30px 0px;
}
#fullPage .fp-bg {
	background-size: cover !important;
	background-position: center center !important;
}
#fullPage .fp-bg.arrows {
	background-color: #ffffff;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='72' viewBox='0 0 36 72'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23eeeeee' fill-opacity='0.4'%3E%3Cpath d='M2 6h12L8 18 2 6zm18 36h12l-6 12-6-12z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
#fullPage .fp-bg.hideout {
	background-color: #ffffff;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23eeeeee' fill-opacity='0.4'%3E%3Cpath d='M0 38.59l2.83-2.83 1.41 1.41L1.41 40H0v-1.41zM0 1.4l2.83 2.83 1.41-1.41L1.41 0H0v1.41zM38.59 40l-2.83-2.83 1.41-1.41L40 38.59V40h-1.41zM40 1.41l-2.83 2.83-1.41-1.41L38.59 0H40v1.41zM20 18.6l2.83-2.83 1.41 1.41L21.41 20l2.83 2.83-1.41 1.41L20 21.41l-2.83 2.83-1.41-1.41L18.59 20l-2.83-2.83 1.41-1.41L20 18.59z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
#fullPage .fp-bg.bubbles {
	background-color: #ffffff;
	background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23eeeeee' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
}
#fullPage .fp-bg.black-squares	{
	background-color: #000000;
	background-image: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Page-1' fill='none' fill-rule='evenodd'%3E%3Cg id='bevel-circle' fill='%23333333' fill-opacity='0.4'%3E%3Cpath d='M10.414 29l-8 8h33.172l-8-8H10.414zM9 27.586l-8 8V2.414l8 8v17.172zM10.414 9l-8-8h33.172l-8 8H10.414zM29 10.414l8-8v33.172l-8-8V10.414zM11 11h16v16H11V11zm8 14c3.314 0 6-2.686 6-6s-2.686-6-6-6-6 2.686-6 6 2.686 6 6 6zm0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zM0 0h38v38H0V0z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
#fullPage .pp-tableCell {

}
#fullPage .page h2 {
	font-size: 60px;
	margin-bottom: 25px;
	font-weight: 700;
}*/

/*#fullPage .program .fp-tableCell {
	vertical-align: bottom !important;
	transform: translateY(-10%);
}*/

@media(max-width: 991px) {
	#fullPage .page h2 {
		font-size: 42px;
	}
}

/*/////////////////////////////////////////////
Animations
////////////////////////////////////////////*/
@-webkit-keyframes Bounce {
	0% { bottom: 15px; }
	50% { bottom: 30px; }
	100% { bottom: 15px; }
}
@keyframes Bounce {
	0% { bottom: 15px; }
	50% { bottom: 30px; }
	100% { bottom: 15px; }
}


/* Background Grdients */
.gradient-bgb {
	background: -webkit-linear-gradient(135deg, rgba(16,84,147, 1), rgba(51,197,181, 1));
	background: -o-linear-gradient(135deg, rgba(16,84,147, 1), rgba(51,197,181, 1));
	background: linear-gradient(-45deg, rgba(16,84,147, 1), rgba(51,197,181, 1));
}