/*
Theme Name: University of Michigan - CEW+
Author: Phire Group
Author URI: http://thephiregroup.com/
Version: 1.0
*/

@media screen {

	/* RESETS */

		html, body, div, span, applet, object, iframe,
		h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		a, abbr, acronym, address, big, cite, code,
		del, dfn, em, img, ins, kbd, q, s, samp,
		small, strike, strong, sub, sup, tt, var,
		b, u, i, center,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend,
		table, caption, tbody, tfoot, thead, tr, th, td,
		article, aside, canvas, details, embed, 
		figure, figcaption, footer, header, hgroup, main,
		menu, nav, output, ruby, section, summary,
		time, mark, audio, video {
			margin: 0;
			padding: 0;
			border: 0;
			font-size: 100%;
			font: inherit;
			vertical-align: baseline;
		}
		article, aside, details, figcaption, figure, 
		footer, header, hgroup, main, menu, nav, section {
			display: block;
		}
		body {
			line-height: 1;
		}
		ol, ul {
			list-style: none;
		}
		blockquote, q {
			quotes: none;
		}
		blockquote:before, blockquote:after,
		q:before, q:after {
			content: '';
			content: none;
		}
		table {
			border-collapse: collapse;
			border-spacing: 0;
		}



	/* WORDPRESS CLASSES */

	.alignnone {
		margin: 5px 20px 20px 0;
	}

	.aligncenter,
	div.aligncenter {
		display: block;
		margin: 5px auto 5px auto;
	}

	.alignright {
		float:right;
		margin: 5px 0 20px 20px;
	}

	.alignleft {
		float: left;
		margin: 5px 20px 20px 0;
	}

	a img.alignright {
		float: right;
		margin: 5px 0 20px 20px;
	}

	a img.alignnone {
		margin: 5px 20px 20px 0;
	}

	a img.alignleft {
		float: left;
		margin: 5px 20px 20px 0;
	}

	a img.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto
	}

	.wp-caption {
		background-color: #fafafa;
		border: 1px #d9d9d9 dotted;
		max-width: 96%;
		padding: 5px 5px 0 5px;
		text-align: center;
		border-radius: 3px;
	}

	.wp-caption.alignnone {
		margin: 5px 20px 20px 0;
	}

	.wp-caption.alignleft {
		margin: 5px 20px 20px 0;
	}

	.wp-caption.alignright {
		margin: 5px 0 20px 20px;
	}

	.wp-caption img {
		border: 0 none;
		height: auto;
		margin: 0;
		max-width: 98.5%;
		padding: 0;
		width: auto;
	}

	.wp-caption p.wp-caption-text {
		font-size: 11px;
		line-height: 17px;
		margin: 0 !important;
		padding: 0 0 10px 0;
	}
	
	.wp-caption p {
		margin: 0 !important;
	}

	.screen-reader-text {
		clip: rect(1px, 1px, 1px, 1px);
		position: absolute !important;
		height: 1px;
		width: 1px;
		overflow: hidden;
	}

	.screen-reader-text:focus {
		background-color: #f1f1f1;
		border-radius: 3px;
		box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
		clip: auto !important;
		color: #21759b;
		display: block;
		font-size: 14px;
		font-size: 0.875rem;
		font-weight: bold;
		height: auto;
		left: 5px;
		line-height: normal;
		padding: 15px 23px 14px;
		text-decoration: none;
		top: 5px;
		width: auto;
		z-index: 100000;
	}
	

	
	/* GLOBAL */
	
		body {
			font-family: 'Lato', sans-serif;
			font-size: 16px;
			text-align: center;
			position: relative;
			background-color: #00274c;
			color: #00274c;
		}
		
		a {
			text-decoration: none;
			transition: all 0.1s linear;
			color: #2f65a7;
		}
		
		i, em {
			font-style: italic;
		}
		
		b, strong {
			font-weight: 700;
		}
		
		p {
			margin-bottom: 1.5em;
		}
		
		.hide_on_desktop {
			display: none;
		}
		
		#main {
			background-color: #ffffff;
			width: 100%;
			max-width: 1440px;
			padding: 30px 0 100px 0;
			margin: 0px auto;
		}
		
		.row {
			width: 1170px;
			margin: 0px auto;
			text-align: left;
			position: relative;
			box-sizing: border-box;
		}
		
		.cew {
			font-size: 36px;
			font-weight: 900;
			line-height: 40px;
			color: #2f65a7;
			letter-spacing: -0.035em;
			margin: 0 0 0 15px;
		}
	
		h1 {
			font-size: 36px;
			font-weight: 900;
			line-height: 40px;
			color: #002d5d;
			letter-spacing: -0.035em;
			margin: 0 15px 40px 15px;
		}
	
		h2 {
			font-size: 18px;
			font-weight: 900;
			line-height: 20px;
			color: #002d5d;
			letter-spacing: 0.1em;
			text-transform: uppercase;
			margin: 0 0 15px 0;
		}
		
		.subnav h2 {
			font-size: 36px;
			font-weight: 700;
			line-height: 40px;
			color: #002d5d;
			letter-spacing: -0.035em;
			margin: 0 15px 40px 15px;
		}
	
		h3 {
			font-size: 24px;
			font-weight: 700;
		}
	
		h4 {
			font-size: 20px;
			font-weight: 700;
			margin-bottom: 25px;
		}
		
		a {
		
		}
		
		.clearfix::after {
			display: block;
			visibility: hidden;
			clear: both;
			height: 0;
			content: '';
		}
		
		.cl {
			clear: left;
		}
		
		.centered {
			text-align: center;
		}
		
		.quote_box {
			width: 100%;
			box-sizing: border-box;
			background-color: #ffcb05;
			color: #00274c;
		}


		/* header image */

			/*
			#header_image_container {
				top: 0;
				left: 0;
				position: fixed;
				width: 100%;
				height: 390px;
				text-align: center;
				z-index: -9;
			}
			*/
			
			.header_image {
				width: 100%;
				max-width: 1440px;
				height: 390px;
				background-repeat: no-repeat;
				background-position: center center;
				margin: 0px auto;
			}
		
		
		
		/* left subnav */
		
			.subnav {
				float: left;
				width: 225px;
				min-height: 500px;
				margin-right: 93px;
				border-top: 3px #d4d4d4 solid;
				padding: 30px 0 0 0;
				background-color: #ffffff;
			}
			
			.subnav_block {
				border-top: 1px #d4d4d4 solid;
				padding: 20px 15px 30px 15px;
			}
			
			.filter_head {
				font-size: 24px;
				letter-spacing: -0.035em;
				color: #002d5d;
				margin-bottom: 25px;
			}
			
			.anchor_links li {
				border-top: 1px #d4d4d4 solid;
				padding: 18px 0 28px 15px;
			}	
			
			.anchor_links li a {
				font-size: 14px;
				font-weight: 600;
				color: #00274c;
				letter-spacing: 0.025em;
				text-transform: uppercase;
			}
			
			.anchor_links li a:hover {
				text-decoration: underline;
			}

			.anchor_links.events-workshops li a {
				color: #cc6600;
			}	
			
			.anchor_links.events-workshops  {
				margin-bottom: 25px;
			}
			
			.sidebar_block {
				margin-top: 20px;
				border-top: 1px #d4d4d4 solid;
				padding: 25px 15px 30px 15px;
			}
			
			.sidebar_block h3 {
				font-size: 24px;
				line-height: 28px;
				color: #9a3324;
				margin-bottom: 10px;
			}
			
			.sidebar_block p {
				font-size: 14px;
				line-height: 18px;
				color: #002d5d;
				margin: 0;
			}
			
			.sidebar_block a {
				margin-top: 40px;
			}

	
	
		/* main_content */
		
			.main_content {
				float: left;
				width: 852px;
				min-height: 500px;
				border-top: 3px #d4d4d4 solid;
				padding: 30px 0 0 0;
				background-color: #ffffff;
			}
			
			.main_content h1 {
				font-size: 42px;
				line-height: 1.1em;
				font-weight: 400;
				color: #2f65a7;
				letter-spacing: -0.035em;
				margin-bottom: 55px;
			}
		
			.main_content ul {
				list-style-type: disc;
				
			}
			
			.main_content ol {
				list-style: decimal;
				margin: 0 0 30px 30px;
			}
			
			.main_content ol li {
				padding-left: 10px;
			}
			
			.mc_left {
				float: left;
				width: 200px;
				box-sizing: border-box;
				padding: 0 30px 0 0;
			}

			.mc_right {
				float: left;
				width: 652px;
				box-sizing: border-box;
				padding: 0 20px 0 0;
				font-size: 16px;
				line-height: 24px;
			}
			
			.mc_right table {
				border-spacing: 0;
			}
			
			.mc_right tr:nth-of-type(odd) {
				background-color: #f5f5f5;
			}
			
			.mc_right td {
				width: 50%;
				padding: 7px;
				box-sizing: border-box;
				font-size: 14px;
			}
			
			.mc_intro {
				font-size: 18px;
				line-height: 28px;
				border-bottom: 1px #d4d4d4 solid;
				margin-bottom: 55px;
				padding: 0 20px 10px 20px;
			}
			
			.main_content ul {
				margin: 0 0 30px 30px;
				list-style: none;
			}
			
			.main_content li {
				margin-bottom: 10px;
			}
			
			.main_content .audience_area ul li:before, .main_content .content_area ul li:before, .content_intro ul li:before, .content_area_wo_anch ul li:before{
				color: #7b9c91;
				content: "\2022";
				display: inline-block;
				width: 1em;
				margin-left: -1em;
			}
			
			.col1 {
				float: left;
				width: 290px;
				margin-right: 40px;
			}

			.col2 {
				float: left;
				width: 290px;
			}
			
			.content_intro {
				padding: 0 20px 40px 20px;
				font-size: 18px;
				line-height: 28px;
				letter-spacing: -0.02em;
			}
			
			.content_area {
				border-top: 3px #d4d4d4 solid;
				padding: 30px 0 30px 0;
			}
			
			.content_area_wo_anch {
				padding: 10px 0 70px 20px;
				font-size: 16px;
				line-height: 24px;
			}
			
			.content_area a, .content_area_wo_anch a {
				text-decoration: underline;
				color: #00274c;
			}
			
			.content_intro + .content_area_wo_anch {
				border-top: 3px #d4d4d4 solid;
				padding: 35px 0 70px 0;
			}
			
			.notes {
				font-size: 12px;
				line-height: 14px;
				font-style: italic;
				margin-bottom: 25px;
			}
			
			blockquote {
				padding: 0 20px 0 20px;
			}
			

		
		/* buttons */
		
			.more {
				background-color: #ffcb05;
				border-radius: 5px;
				font-size: 12px;
				font-weight: 900;
				color: #00274c;
				line-height: 45px;
				letter-spacing: 0.1em;
				padding: 0 24px 0 24px;
				display: inline-block;
				text-align: center;
				text-transform: uppercase;
			}
			
			.more:hover {
				background-color: #00274c;
				color: #ffffff;
			}
			
			.register {
				background-color: #ffcb05;
				color: #00274c;
			}
			
			
			/* history formatting from old site */
			
			.single-left {
				float: left;
				margin: 0 20px 20px 0;
			}
			
			.single-right {
				float: right;
				margin: 0 0 20px 20px;
			}
	

	
	/* HEADER */
	
		header {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 110px;
			text-align: center;
			z-index: 19;
		}
		
		header .row {
			width: 100%;
			max-width: 1440px;
			height: 110px;
			background-color: #00274c;
			/*
			background-color: rgba(0, 39, 76, 0.9);	
			*/
			margin: 0px auto;
			position: relative;
			overflow: hidden;
		}
		
		
		/* logo and nav */
		
			#logo {
				float: left;
				width: 120px;
			}
			
			.logo {
				display: block;
				margin: 21px 0 0 30px;
			}
			
			#nav {
				float: left;
				width: calc(100% - 120px);
			}
			
		/* top nav */
		
			#nav_top {
				width: 100%;
				text-align: right;
				margin: 13px 0 11px 0;
				box-sizing: border-box;
				padding-right: 40px;
				vertical-align: middle;
				line-height: 40px;
			}
			
			#nav_top ul li {
				display: inline;
				margin-left: 15px;
			}
			
			#nav_top a {
				font-size: 12px;
				color: #ffffff;
				letter-spacing: 0.025em;
				text-transform: uppercase;
			}
			
			#nav_top a:hover {
				color: #ffcb05;
			}
			
			#nav_top li.current-menu-item a {
				color: #ffffff;
			}
			
			#btn_search {
				/*
				background-repeat: no-repeat;
				background-position: top 3px right;
				background-size: 17px 16px;
				background-image: url(images/icon_search_2x.png);
				padding-right: 24px;
				cursor: pointer;
				*/
			}
			
			#btn_search:hover {

			}
			
			#btn_search_submit {
				display: inline-block;
				width: 17px;
				height: 16px;
				background-repeat: no-repeat;
				background-position: center center;
				background-size: 17px 16px;
				background-image: url(images/icon_glass_white_2x.png);
				cursor: pointer;
				margin-left: 10px;
				border: 0;
				background-color: rgba(0,0,0,0);
				appearance: none;
				vertical-align: middle;
			}
			
			.search_desktop {
				display: inline-block;
				margin-left: 20px;
				margin-right: -10px;
			}
			
			.search_desktop input.search_input {
				border: 0;
				width: 275px;
				height: 40px;
				background-color: #ffffff;
				box-sizing: border-box;
				padding: 10px 45px 10px 10px;
				font-size: 16px;
				line-height: 20px;
				background-repeat: no-repeat;
				background-size: 17px 16px;
				background-position: center right 10px;
				/*
				background-image: url(images/icon_glass_2x.png);
				*/
			}
			
				input[type="search"]::-webkit-search-decoration,
				input[type="search"]::-webkit-search-cancel-button,
				input[type="search"]::-webkit-search-results-button,
				input[type="search"]::-webkit-search-results-decoration { display: none; }
			

		
		/* left nav */
		
			#nav_left {

			}
			
			#nav_left ul li {
				display: inline;
				margin-right: 18px;
			}

			#nav_left a {
				font-size: 16px;
				color: #ffffff;
				letter-spacing: -0.01em;
			}
			
			#nav_left li.current-menu-item a {
				color: #ffcb05;
			}
			
			#nav_left a:hover {
				color: #ffcb05;
			}
			
			#get_started_link {
			
			}
			
			#nav_left #get_started_link a {
				color: #ffcb05;
				padding-left: 23px;
				background-repeat: no-repeat;
				background-position: center left;
				background-image: url(images/plus.png);
				cursor: pointer;
			}
		
		
		/* right nav */
		
			#nav_right {
				float: right;
				text-align: right;
				box-sizing: border-box;
				padding-right: 40px;
			}
			
			#nav_right ul li {
				display: inline;
				margin-left: 20px;
			}
		
			#nav_right a {
				font-size: 16px;
				color: #ffcb05;
				letter-spacing: -0.01em;
				text-transform: uppercase;
			}
			#nav_right li.current-menu-item a {
				color: #ffffff;
			}
			
			#nav_right a:hover {
				color: #ffffff;
			}
		
		/* get started nav */
		
			#get_started_row {
				position: fixed;
				top: 110px;
				left: 0;
				width: 100%;
				height: 50px;
				z-index: 9;
			}
			
			#get_started_row .row {
				overflow: hidden;
				position: relative;
				width: 100%;
				max-width: 1440px;
				height: 50px;
				margin: 0px auto;
			}
		
			#get_started {
				position: absolute;
				top: 0;
				left: -460px;
				width: 460px;
				height: 50px;
				background-color: #ffcb05;
				line-height: 50px;
				padding-left: 60px;
				box-sizing: border-box;
				padding-left: 30px;
				box-sizing: border-box;
			}
			
			#get_started li {
				display: inline;
				margin-right: 40px;
			}
			
			#get_started li.current_page_item a {
				text-decoration: underline;
			}
			
			#get_started li a {
				font-size: 14px;
				font-weight: 900;
				color: #00274c;
				text-transform: uppercase;
				letter-spacing: 0.025em;
			}
			
			#get_started li a:hover {
				text-decoration: underline;
			}
			
			#get_started li:last-of-type {
				margin-right: 0;
			}
			
		/* staff */
		
			.staff_box {
				padding-bottom: 40px;
			}
			
			.staff_box .mc_left {
				text-align: center;
			}
			
			.headshot {
				width: 100px;
				height: 100px;
				border-radius: 50px;
			}
			
			.staff_box h4 {
				margin-bottom: 0;
			}

			
			
	/* HOME */
		
			.main {
				background-color: #ffffff;
				width: 100%;
				max-width: 1440px;
				padding: 30px 0 0 0;
				margin: 0px auto;
				box-sizing: border-box;
			}
			
			video {
				position: fixed;
				width: 100%;
				height: auto;
				max-width: 1440px;
				max-height: 910px;
				/*top: 0%;
				left: 50%;
				transform: translate(-50%, 0%);*/
				z-index: -100;
			}
		
			.header_image_home {
				width: 100%;
				max-width: 1440px;
				height: 910px;
				margin: 0px auto;
			}	
			
			.home_fma {
				width: 100%;
				max-width: 1440px;
				height: 910px;
				position: relative;
				text-align: left;
				/*
				background-color: #ffffff;
				z-index: -101;
				*/
			}
			
			#trans_khaki {
				display: none;
				position: absolute;
				right: 0;
				bottom: 120px;
				box-sizing: border-box;
				width: 380px;
				height: 350px;
				background-color: rgba(155, 154, 109, 0.9);
				padding: 35px;
			}
			
			.trans_head {
				font-size: 40px;
				letter-spacing: -0.025em;
				color: #ffffff;
				margin-bottom: 30px;
			}
			
			.trans_slogan {
				font-size: 24px;
				letter-spacing: -0.025em;
				color: #ffffff;
				font-weight: 300;
			}
			.trans_slogan b {
				font-weight: 900;
			}
			
			.home_more {
				position: absolute;
				right: 0;
				bottom: 0;
				display: block;
				width: 120px;
				height: 40px;
				background-color: #00274c;
				text-align: center;
				font-size: 12px;
				font-weight: 900;
				line-height: 40px;
				color: #ffd029;
				letter-spacing: 0.1em;
				cursor: pointer;
				z-index: 18;
			}
			.home_more:hover {
				background-color: #ffd029;
				color: #00274c;
			}
			
			.home_about {
				/* height: 1541px; */
				background-color: #ffffff;
				background-image: url(images/bkg_about.jpg);
				background-position: top center;
				background-repeat: no-repeat;
			}
			
			.home_about .row {
				width: 910px;
				text-align: center;
				font-size: 22px;
				line-height: 32px;
				letter-spacing: -0.02em;
				padding: 40px 0 0 0;
			}
			
			.home_about .row .more {
				margin-top: 50px;
			}
			
			.icons {
				margin: 97px 0 155px 0;
			}
			
			.icon_block {
				float: left;
				width: 180px;
				text-align: center;
				font-size: 16px;
				line-height: 16px;
				letter-spacing: 0.1em;
			}
			
			.i1, .i3 {
				margin-right: 16px;
			}
			
			.icon_block .icon {
				width: 180px;
				height: 56px;
			}
			
			.icon_block .icon_text {
				display: block;
				border-top: 1px #8c99a7 solid;
				padding-top: 30px;
				margin-top: 20px;
				color: #00274c;
				text-transform: uppercase;
			}
			
			.logo_block {
				float: left;
				width: 156px;
				text-align: center;
				padding-top: 32px;
			}
			
			.main.home_slides {
				height: 699px;
				margin-top: -50px;
				text-align: center;
				padding: 0;
				background-color: rgba(255, 255, 255, 0);
			}
			
			.slide_active {
				float: left;
				width: 996px;
				height: 699px;
				background-color: #325785;
				position: relative;
				margin: 0 9px 0 9px;
				background-repeat: no-repeat;
				background-position: center center;
			}
			
			.prev_home {
				position: absolute;
				top: 0;
				right: 61px;
				width: 60px;
				height: 60px;
				background-image: url(images/icon_prev_2x.png);
				background-size: contain;
				background-repeat: no-repeat;
				background-position: center center;
				cursor: pointer;
				z-index: 15;
			}
			
			.prev_home:hover {
				background-image: url(images/icon_prev_over_2x.png);
			}
			
			.next_home {
				position: absolute;
				top: 0;
				right: 0;
				width: 60px;
				height: 60px;
				background-image: url(images/icon_next_2x.png);
				background-size: contain;
				background-repeat: no-repeat;
				background-position: center center;
				cursor: pointer;
				z-index: 15;
			}
			
			.next_home:hover {
				background-image: url(images/icon_next_over_2x.png);
			}
			
			.slide {
				position: absolute;
				top: 0;
				left: 0;
				width: 996px;
				height: 699px;
				background-repeat: no-repeat;
				background-position: center center;
			}
			
			.slide_p {
				position: absolute;
				top: 0;
				left: 0;
				width: 213px;
				height: 599px;
				background-repeat: no-repeat;
				background-position: center right;
				background-color: rgba(0, 39, 76, 1);
				background-blend-mode: multiply;
			}
			
			.slide_n {
				position: absolute;
				top: 0;
				left: 0;
				width: 213px;
				height: 599px;
				background-repeat: no-repeat;
				background-position: center left;
				background-color: rgba(0, 39, 76, 1);
				background-blend-mode: multiply;
			}
			
			.slide_prev {
				float: left;
				width: 213px;
				height: 599px;
				background-color: #325888;
				margin-top: 50px;
				background-repeat: no-repeat;
				background-position: center right;
				overflow: hidden;
				position: relative;
			}
			
			.slide_next {
				float: left;
				width: 213px;
				height: 599px;
				background-color: #325888;
				margin-top: 50px;
				background-repeat: no-repeat;
				background-position: center left;
				overflow: hidden;
				position: relative;
			}
			
			.home_event_info {
				position: absolute;
				right: 30px;
				bottom: 30px;
				width: 280px;
				height: auto;
			}
			.home_event_info_title {
				padding: 20px;
				text-align: left;
			}
			
			div div div.home_event_info_title:nth-child(4n+1) {
				background-color: rgba(71, 120, 188, 1);
			}
			div div div.home_event_info_title:nth-child(4n+2) {
				background-color: rgba(123, 156, 145, 1);
			}
			div div div.home_event_info_title:nth-child(4n+3) {
				background-color: rgba(187, 87, 26, 1);
			}
			div div div.home_event_info_title:nth-child(4n+4) {
				background-color: rgba(122, 18, 28, 1);
			}
			
			.home_event_info_title a h3 {
				color: #ffffff;
				font-size: 24px;
				line-height: 24px;
				font-weight: 400;
				text-align: left;
			}
			.home_event_info_dates_location {
				padding: 20px;
				background-color: rgba(255, 255, 255, 1);
				text-align: left;
			}
			
			
			.main.home_events {
				padding-top: 60px;
			}
			
			.home_events .row {
				border-top: 3px #d4d4d4 solid;
				padding: 35px 12px 50px 12px;
			}
			
			.home_events .row .events_block:nth-child(3n+3) {
				margin-right: 30px;
			}
			
			.home_events .row .events_block:nth-child(4n) {
				margin: 0;
			}
			
			.home_news .row {
				border-top: 3px #d4d4d4 solid;
				padding: 35px 12px 20px 12px;
			}
			
			.home_events h2, .home_news h2 {
				width: 140px;
				margin-bottom: 40px;
			}
			
			.home_news .row .news_block:nth-child(3n+3) {
				margin-right: 30px;
			}
			
			.home_news .row .news_block:nth-child(4n) {
				margin: 0;
			}
			
			.home_news .row .news_block {
				border-top: 1px #d4d4d4 solid;
			}

		
		
	/* STORIES */	
	
		.home_stories .story_blocks {
			width: 100%;
		}
		
		.home_stories .row {
			border-top: 3px #d4d4d4 solid;
			padding: 35px 12px 70px 12px;
		}
		
		.story_blocks {
			width: 882px;
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
		}
		
		.story_block {
			width: 264px;
			height: auto;
			margin-right: 30px;
			margin-bottom: 30px;
			box-sizing: border-box;
			display: flex;
			flex-direction: column;
		}
	
		.story_block:nth-child(3n+3) {
			/* margin-right: 0; */
		}
		
		.home_stories .story_block:nth-child(3n+3) {
			margin-right: 30px;
		}
		
		.home_stories .story_block:nth-child(4) {
			margin-right: 0;
		}
		
		.home_stories .row .story_block {
			height: 352px;
			margin-bottom: 0;
		}
		
		.home_stories h2 {
			margin-bottom: 40px;
		}
		
		.story_block a {
			color: #ffffff;
		}
		
		.story_block a h3 {
			font-size: 18px;
			line-height: 21px;
		}
		
		.story_image {
			width: 100%;
			height: 352px;
			background-color: #f5f5f5;
			background-repeat: no-repeat; 
			background-position: center center;
			position: relative;
			flex: 0 0 auto;
		}

		.story_title {
			padding: 17px 20px 20px 20px;
			width: 100%;
			height: auto;
			overflow: hidden;
			box-sizing: border-box;
		}
		
		.story_block:nth-child(4n+1), .story_block:nth-child(4n+1) .story_title {
			background-color: #2f65a7;
		}
		.story_block:nth-child(4n+2), .story_block:nth-child(4n+2) .story_title {
			background-color: #2f65a7;
		}
		.story_block:nth-child(4n+3), .story_block:nth-child(4n+3) .story_title {
			background-color: #2f65a7;
		}
		.story_block:nth-child(4n+4), .story_block:nth-child(4n+4) .story_title {
			background-color: #2f65a7;
		}

		.story_author {
			font-size: 16px;
			font-weight: 400;
			margin-top: 20px;
			text-transform: uppercase;
		}

		.story_block.story_cta {
			background: linear-gradient(rgba(71, 120, 188, 0.9), rgba(71, 120, 188, 0.9)), url(images/bkg_share_story.jpg);
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center center;
			display: flex;
			align-items: center;
			padding: 0 35px 0 35px;
			font-size: 24px;
			line-height: 1em;
			font-weight: 700;
			margin-right: 0;
		}
		
		.story_block.story_cta .tell_us {
			font-size: 18px;
			font-weight: 700;
			margin-top: 35px;
		}
		
		.story_block.story_cta .story_author {
			font-size: 18px;
			font-weight: 700;
			margin-top: 25px;
			text-transform: uppercase;
		}
	
		.main_story_image {
			float: right;
			padding: 0 0 30px 30px;
		}
		
		.story_area {
			border-top: 3px #d4d4d4 solid;
			padding: 35px 0 70px 0;
		}
		
		.story_area h2 {
		    margin-bottom: 40px;
		}
		
		.view_all_stories {
			margin-top: 40px;
		}

	
	/* STORY FORM */
	
		.wpcf7-form {
			font-size: 18px;
			font-weight: 400;
			letter-spacing: -0.02em;
		}
	
		.wpcf7-form label {
			display: block;
			font-size: 12px;
			font-weight: 700;
			color: #bb571a;
			letter-spacing: 0.1em;
			margin-bottom: 10px;
			text-transform: uppercase;
		}
		
		.wpcf7-form-control-wrap {
		}
		
		.wpcf7-form input[type="text"], .wpcf7-form input[type="email"] {
			border-bottom: 1px #33577b solid;
			border-top: 0;
			border-right: 0;
			border-left: 0;
			margin-bottom: 50px;
			font-family: 'Lato', sans-serif;
			font-size: 24px;
			line-height: 30px;
			color: #002d5a;
			width: 100%;
		}
		
		.wpcf7-form input[type="submit"] {
			background-color: #ffcb05;
			border-radius: 5px;
			font-size: 12px;
			font-weight: 900;
			color: #00274c;
			line-height: 45px;
			letter-spacing: 0.1em;
			padding: 0 24px 0 24px;
			display: inline-block;
			height: 45px;
			text-align: center;
			text-transform: uppercase;
			border: 0;
			margin-top: 30px;
			-webkit-appearance: none;
			appearance: none;
		}
		
		.form_two_col {
			max-width: 783px;
			display: flex;
			flex-wrap: wrap;
			flex-direction: row;
			justify-content: space-between;
		}
		
			
		.wpcf7-form .form_two_col label {
			width: 360px;
		}
		
		.wpcf7-form textarea {
			border: 1px #d4d4d4 solid;
			-webkit-appearance: none;
			width: 100%;
			height: 114px;
			font-family: 'Lato', sans-serif;
			font-size: 16px;
			line-height: 20px;
			padding: 10px;
			box-sizing: border-box;
		}
		
		.wpcf7-checkbox{
			display: block;
			column-count: 2;
			column-gap: 20px;
			max-width: 441px;
		}
		
		.campus .wpcf7-checkbox {
			column-count: 1;
		}
		
		.checkbox_columns {
			column-count: 2;
			column-gap: 20px;
		}
		
		.wpcf7-form span.wpcf7-list-item {
			display: block;
			margin: 0 0 7px 0;
			white-space: nowrap;
		}
		
		.wpcf7-list-item label {
			margin-bottom: 0;
		}
		
		.wpcf7-list-item-label {
			font-size: 18px;
			font-weight: 400;
			text-transform: none;
			letter-spacing: -0.02em;
			color: #002d5a;
			white-space: nowrap;
			padding-left: 30px;
			position: relative;
		}
		
		.wpcf7-list-item input[type="checkbox"] {
			opacity: 0;
			display: none;
		}
	
		.wpcf7-list-item-label::before {
			height: 20px;
			width: 20px;
			border: 1px #d4d4d4 solid;
			left: 0px;
			top: 1px;
		}
		
		.wpcf7-list-item-label::after {
			height: 5px;
			width: 11px;
			border-left: 2px solid;
			border-bottom: 2px solid;
			transform: rotate(-45deg);
			left: 4px;
			top: 7px;
		}
		
		
		.wpcf7-list-item-label::before, .wpcf7-list-item-label::after {
			position: absolute;
			content: "";
			display: inline-block;
		}
		
		/*Hide the checkmark by default*/
		.wpcf7-list-item input[type="checkbox"] + .wpcf7-list-item-label::after {
			content: none;
		}

		/*Unhide on the checked state*/
		.wpcf7-list-item input[type="checkbox"]:checked + .wpcf7-list-item-label::after {
			content: "";
		}

		/*Adding focus styles on the outer-box of the fake checkbox*/
		.wpcf7-list-item input[type="checkbox"]:focus + .wpcf7-list-item-label::before {
			outline: rgb(59, 153, 252) auto 5px;
		}
		
		.wpcf7-response-output {
			border: 0 !important;
			padding: 0 !important;
			font-size: 18px !important;
			font-weight: 700 !important;
		}



	/* SKIP TO MAIN CONTENT */
	
	.skip-link {
	  background-color: #ffffff;
	  color: #002d5a;
	  font-weight: 700;
	  left: 50%;
	  padding: 10px 20px;
	  position: absolute;
	  transform: translateY(-100%);
	  transition: transform 0.3s;
	}

	.skip-link:focus {
	  transform: translateY(0%);
	}
	
	

	/* EVENTS */
	
		.subnav_block li {
			color: #4778bc;
			letter-spacing: -0.035em;
			margin-bottom: 20px;
		}
		
		.intro {
			padding: 0 20px 30px 20px;
			font-size: 18px;
			line-height: 28px;
			color: #002d5a;
			letter-spacing: -0.02em;
			border-bottom: 1px #d4d4d4 solid;
			margin-bottom: 60px;
		}
		
		.intro a {
			color: #002d5a;
			text-decoration: underline;
		}
		
		.mc_left.event_head {
			margin-bottom: 35px;
		}
		
		.home_events .event_blocks {
			width: 100%;
		}
		
		.event_blocks {
			width: 882px;
		}
		
		.event_block {
			float: left;
			width: 264px;
			height: 520px;
			margin-right: 30px;
			margin-bottom: 30px;
			border-bottom: 1px #d4d4d4 solid;
			box-sizing: border-box;
			padding: 0 0 40px 0;
		}
	
		.event_block:nth-child(3n+3) {
			/* margin-right: 0; */
		}
		
		.home_events .event_block:nth-child(3n+3) {
			margin-right: 30px;
		}
		
		.home_events .event_block:nth-child(4) {
			margin-right: 0;
		}
		
		.home_events .row .event_block {
			height: 520px;
			margin-bottom: 0;
		}
		
		.event_block a {
			color: #ffffff;
		}
		
		.event_block a h3 {
			font-size: 18px;
			line-height: 21px;
		}
		
		.event_image {
			width: 100%;
			height: 350px;
			background-color: #f5f5f5;
			background-repeat: no-repeat;
			background-position: center center;
			position: relative;
		}
		
		.event_image a.ei {
			width: 100%;
			height: 339px;
			display: block;
		}
		
		.event_title {
			position: absolute;
			left: 0;
			bottom: 0;
			padding: 20px;
			width: 100%;
			height: 156px;
			overflow: hidden;
			box-sizing: border-box;
		}
		
		.event_block:nth-child(4n+1) .event_title {
			background-color: #2f65a7;
		}
		.event_block:nth-child(4n+2) .event_title {
			background-color: #2f65a7;
		}
		.event_block:nth-child(4n+2) .event_image:before {
			/*
			display: block;
			position: absolute; 
			bottom: 0; 
			left: 0;
			width: 100%;
			height: 30px;
			background-image: linear-gradient(to bottom, transparent, rgba(123, 156, 145, 0.9));
			z-index: 3;
			*/
		}
		.event_block:nth-child(4n+3) .event_title {
			background-color: #2f65a7;
		}
		.event_block:nth-child(4n+4) .event_title {
			background-color: #2f65a7;
		}
		
		.sidebar-box .read-more { 
			position: absolute; 
			bottom: 0; 
			left: 0;
			width: 100%; 
			text-align: center; 
			margin: 0;
			padding: 30px 0;

			/* "transparent" only works here because == rgba(0,0,0,0) */
			background-image: linear-gradient(to bottom, transparent, black);
		}
		
		.event_info {
			padding: 30px 20px 30px 20px;
			box-sizing: border-box;
			font-size: 16px;
			line-height: 21px;
		}
		
		#no_results {
			display: none;
		}
		
		.event_intro {
			padding: 0 20px 50px 20px;
			font-size: 18px;
			line-height: 28px;
			letter-spacing: -0.02em;
		}
		
		.btn_register_right {
			float: right;
			margin-left: 30px;
		}
		
		.btn_register {
			display: inline-block;
			width: 190px;
			height: 45px;
			background-color: #FFCB05;
			border-radius: 5px;
			line-height: 45px;
			background-repeat: no-repeat;
			background-size: 30px 30px;
			background-position: center right 14px;
			background-image: url(images/icon_ticket_2x.png);
			padding-left: 20px;
			box-sizing: border-box;
			color: #00274C;
		}
		
		.event_area {
			border-top: 3px #d4d4d4 solid;
			padding: 35px 0 100px 0;
		}
		
		.event_area:first-of-type {
			border-top: 0;
		}
		
		.speaker_title {
			font-size: 18px;
			margin-bottom: 30px;
		}
		
		.schedule_row {
			margin-bottom: 25px;
		}
		
		.schedule_datetime {
			float: left;
			width: 100px;
		}
		
		.schedule_activity {
			float: left;
			width: 532px;
		}
		
		.subnav .btn_register {
			margin-left: 20px;
		}
		
		.registration ul {
			margin: 0;
		}
		
		.registration li {
			background-image: url('images/bullet_check.png');
			background-repeat: no-repeat;
			background-position: left top;
			list-style: none;
			padding: 0 0 20px 40px;
		}
		
		.timeline .row {
			text-align: center;
			margin: 0px auto;
		}
		
		
	/* CALENDAR */
	
		table { border-spacing: 10px; border-collapse: separate; }
		table.calendar	{ margin-top: 40px; }
		tr.calendar-row	{  }
		td.calendar-day	{ min-height: 185px; height: 185px; font-size: 11px; position: relative; } * html div.calendar-day { height: 185px; }
			td.calendar-day .perf_name { font-size: 16px; padding: 15px 0 0 0; margin-bottom: 0; }
			/* td.calendar-day .perf_name a:hover { cursor:  url(images/totoro.png) 4 12, auto; } */
			td.calendar-day .perf_time { font-size: 12px; line-height: 24px; }
		td.calendar-day:hover	{ background: #f5f5f5; }
		td.calendar-day-np	{ background: #ffffff !important; border: 1px solid #d1d1d1 !important; min-height: 185px; border: 0; } * html div.calendar-day-np { height:185px; }
		td.calendar-day-head { width: 115px; color: #f07604; padding: 0 0 10px 0; text-transform: uppercase; font-size: 12px; box-sizing: border-box; }

		/* shared */
		td.calendar-day, td.calendar-day-np { width: 115px; padding: 20px; background-color: #e8e8e8; margin-right: 10px; }
		
		td.current-day { background-color: #d1d1d1; }

		/* td.current-day:hover { background-color: #000000; } */
		td.calendar-day .day-number { font-size: 14px; color: #3f4642; letter-spacing: 0.075em; text-align: right; }
		
		.calendar_month_year_and_nav { padding-top: 100px; }
		
		.cal_nav { float: right; font-size: 16px; text-transform: uppercase; }
		.calendar-day.current-day a { color: #ffffff; }
		
		a.cal_btn_prev { display: inline-block; box-sizing: border-box; text-align: right; width: 115px; padding: 15px 10px 15px 10px; border: 1px #ee7621 solid; font-size: 12px; color: #3f4642; background-image: url(images/arrow_prev.png); background-repeat: no-repeat; background-position: left 10px center; }
		a.cal_btn_next { display: inline-block; box-sizing: border-box; text-align: left; width: 115px; padding: 15px 10px 15px 10px; border: 1px #ee7621 solid; font-size: 12px; color: #3f4642; background-image: url(images/arrow_next.png); background-repeat: no-repeat; background-position: right 10px center; }
		a.cal_btn_prev:hover, a.cal_btn_next:hover { background-color: #f5f5f5; }
		
		
		/* MOBILE CALENDAR */
		
		.calendar_mobile {
			width: 197px;
			margin: 50px 0 50px 15px;
		}
		
		.days td { text-align: center; font-size: 12px; padding-bottom: 7px; }
		
		table.mobile-calendar { border-spacing: 1px; border-collapse: separate; }
		table.mobile-calendar{ margin: 10px 0 0 0; }
		
		.month_name { font-size: 16px; font-weight: 700; }
		
		tr.mobile-calendar-row	{  }
		td.mobile-calendar-day	{ background-color: #FFCB05; color: #00274C; height: 27px; font-size: 12px; position: relative; overflow: hidden; } * html div.mini-calendar-day { height: 27px; }
		
		td.mobile-calendar-day:hover	{ background: #e3e1e1; cursor: pointer; }
		td.mobile-calendar-day-np	{ background-color: #e9e9e9; font-size: 12px; text-align: center; vertical-align: middle; min-height: 27px; border: 0; } * html div.mini-calendar-day-np { height:27px; }
		td.mobile-calendar-day-head { width: 27px; text-transform: uppercase; font-size: 11px; text-align: center; vertical-align: bottom !important; }
		.mobile-calendar-day-np .mobile-day-number-nope		{ display: none; }
		/* shared */
		td.mobile-calendar-day, td.mini-calendar-day-np { width: 27px; vertical-align: middle; text-align: center; overflow: hidden; }
		td.mobile-calendar-day .tdoh { height: 27px; overflow: hidden; vertical-align: middle; line-height: 27px; }
		
		/*
		td.mobile-current-day { background-color: #000000 !important; color: #ffffff; }
		td.mobile-current-day:hover { background-color: #000000; color: #ffffff; }
		.mobile-calendar-day.current-day {  }
		*/
		
		td.event_today { background-color: #00274C !important; color: #ffffff; }
		td.event_today a { color: #ffffff; }
		
		.month_prev, .month_next { cursor: pointer; width: 16px; height: 16px; text-align: center; }
		.month_prev:hover, .month_next:hover { color: #4778bc; background-color: #d4d4d4; border-radius: 8px; }
		
		
	/* NEWS */
	
		.news_block {
			float: left;
			width: 264px;
			margin-right: 30px;
			margin-bottom: 29px;
			border-bottom: 1px #d4d4d4 solid;
			box-sizing: border-box;
			padding: 20px 0 20px 0;
			font-size: 16px;
			line-height: 24px;
			letter-spacing: 0.025em;
		}
		
		.news_block:nth-child(3n+3) {
			margin-right: 0;
		}
	
		.news_blocks a h3 {
			font-size: 24px;
			line-height: 24px;
			color: #00274c;
			margin-bottom: 20px;
			overflow: hidden;
		}
		
		.news_block a:hover h3 {
			color: #4778bc;
		}
		
		.news_blocks p {
			line-height: 1.3;
		}
		
		.news_block p {
			height: 100px;
			overflow: hidden;
		}
		
		.news_date {
			font-weight: 700;
			text-transform: uppercase;
			margin-bottom: 25px;
		}
		
		.news_img {
			width: 100%;
			height: 100px;
			background-color: #d4d4d4;
			margin-bottom: 25px;
		}
		
		.news_more {
			display: block;
			font-size: 12px;
			font-weight: 700;
			color: #9a3324;
			margin-bottom: 40px;
		}
		
		/* videos */
		
		.btn_video {
			float: right;
			width: 334px;
			height: auto;
			position: relative;
			margin: 0 0 20px 20px;
		}
		
		.vid_ind {
			font-size: 12px;
			line-height: 12px;
			font-weight: 900;
			color: #ffffff;
			letter-spacing: 0.1em;
			position: absolute;
			margin: 20px 0 0 20px;
		}

		.whole_thing {
			display: none; /* Hidden by default */
			position: fixed; /* Stay in place */
			z-index: 1000;
			left: 0;
			top: 0;
			width: 100%; /* Full width */
			height: 100%; /* Full height */
			overflow: auto; /* Enable scroll if needed */
			background-color: rgb(0,0,0); /* Fallback color */
			background-color: rgba(0,0,0,0.75); /* Black w/ opacity */
		}
		
		.video_modal {
			position: fixed;
			z-index: 99998; /* Sit on top */
			top: calc(50% - 253px);
			left: calc(50% - 450px);
			width: 900px;
			height: 506.25px;
			/* overflow: hidden; Enable scroll if needed */
			background-color: #000000;
			box-sizing: border-box;
			box-shadow: 0 0 35px #333344;
		}
		
		.video_close {
			position: absolute;
			top: 20px;
			right: 20px;
			/* font-family: 'Sofia-Pro-Regular', sans-serif; */
			font-size: 48px;
			color: #ffffff;
			z-index: 99998; /* Sit on top */
			cursor: pointer;
		}

		.btn_video {
			cursor: pointer;
		}
		

		/* pagi */
		
		.paginate {
			font-size: 18px;
			line-height: 40px;
		}
		
		a.page-numbers {
			line-height: 40px;
			padding: 0 12px 0 12px;
			background: #ffffff;
			text-decoration: none;
			border: 1px solid #00274C;
			/* border-radius: 3px; */
			display: inline-block;
			margin-right: 5px;
			color: #00274c;
		}
		 
		a.page-numbers:hover {
			background: #00274C;
			border: 1px #00274C solid;
			color: #fff;
		}	
		
		.page-numbers.current {
			padding: 0 12px 0 12px;
			background: #00274C;
			border: 1px #00274C solid;
			display: inline-block;
			/* border-radius: 4px; */
			color: #FFCB05;
			margin-right: 5px;
		}
		
		.prev.page-numbers {
			background-color: #FFCB05;
			color: #00274c;
			border: 1px #FFCB05 solid;
		}
		
		.next.page-numbers {
			background-color: #FFCB05;
			color: #00274c;
			border: 1px #FFCB05 solid;
		}
		
		
		
	/* AUDIENCES */
	
		.sidebar_block li {
		
		}
		
		.audience_area {
			border-top: 3px #d4d4d4 solid;
			padding: 35px 0 70px 0;
		}
		
		.audience_area:first-of-type {
			border-top: 0;
		}
		
		
	/* FUNDING */
	
		.funding_block {
			float: left;
			border-top: 1px #d4d4d4 solid;
			background-color: #f2f0f0;
			padding: 27px 20px 27px 20px;
			box-sizing: border-box;
			width: 274px;
			height: 300px;
			margin-right: 14px;
			margin-bottom: 14px;
			position: relative;
			font-size: 15px;
		}
		
		.funding_block:nth-child(3n+3) {
			margin-right: 0;
		}
		
		.funding_block h3 {
			font-size: 20px;
			line-height: 24px;
			color: #9a3324;
			margin-bottom: 14px;
			height: 70px;
		}
		
		.mc_right.funding, .mc_right.ai_intro {
			padding-bottom: 40px;
		}
		
		.specific {
			font-size: 12px;
			line-height: 30px;
			margin-bottom: 50px;
			vertical-align: top;
			display: inline;
		}
		
		.specific_block {
			margin-bottom: 20px;
		}
		
		.icon_u, .icon_g, .icon_f, .icon_c, .icon_s {
			width: 30px;
			height: 30px;
			border-radius: 15px;
			display: inline-block;
			line-height: 30px;
			font-size: 14px;
			font-weight: 700;
			color: #ffffff;
			margin-right: 7px;
			text-align: center;
		}
		.icon_u {
			background-color: #2f65a7;
		}
		.icon_g {
			background-color: #75988d;
			color: #000000;
		}
		.icon_f {
			background-color: #9a3324;
		}
		.icon_c {
			background-color: #d86018;
			color: #000000;
		}
		.icon_s {
			background-color: #00274c;
		}
		
		.specific_icon {
			margin-bottom: 7px;
		}

		.for_block {
			font-size: 14px;
			line-height: 20px;
		}
		
		.deadline {
			position: absolute;
			left: 20px;
			bottom: 27px;
			font-size: 15px;
		}
		
		.funding_col1 {
			float: left;
			width: 50%;
		}
		
		.funding_col2 {
			display: inline-block;
			width: 50%;
		}
	

	
	/* ADVOCACY INITIATIVES */
	
		.ai_block {
			float: left;
			border-top: 1px #d4d4d4 solid;
			background-color: #f5f5f5;
			padding: 27px 20px 27px 20px;
			box-sizing: border-box;
			width: 274px;
			height: 274px;
			margin-right: 15px;
			margin-bottom: 15px;
			position: relative;
			font-size: 14px;
			line-height: 18px;
		}
		
		.ai_block:nth-child(3n+3) {
			margin-right: 0;
		}
		
		.ai_block h3 {
			font-size: 20px;
			line-height: 24px;
			color: #9a3324;
			margin-bottom: 14px;
		}
		
		.acronym {
			font-size: 16px;
			color: #002d5d;
		}
	
	
	
	/* CHECKBOXES */
	
		.checkbox {
			font-size: 14px;
			line-height: 24px;
			box-sizing: border-box;
		}
	
		.checkbox input[type="checkbox"] {
			opacity: 0;
			display: none;
		}

		.checkbox label {
			position: relative;
			display: inline-block;
			
			/*20px width of fake checkbox + 10px distance between fake checkbox and text*/
			padding-left: 30px;
			
			color: #002d5d;
			letter-spacing: -0.035em;
			margin-bottom: 20px;
			
		}

		.checkbox label::before,
		.checkbox label::after {
			position: absolute;
			content: "";
			
			/*Needed for the line-height to take effect*/
			display: inline-block;
		}

		/*Outer box of the fake checkbox*/
		.checkbox label::before{
			height: 20px;
			width: 20px;
			
			border: 1px #d4d4d4 solid;
			left: 0px;
			
			/*(24px line-height - 20px height of fake checkbox) / 2 - 1px for the border
			 *to vertically center it.
			 */
			top: 1px;
		}

		/*Checkmark of the fake checkbox*/
		.checkbox label::after {
			height: 5px;
			width: 11px;
			border-left: 2px solid;
			border-bottom: 2px solid;
			
			transform: rotate(-45deg);
			
			left: 4px;
			top: 7px;
		}

		/*Hide the checkmark by default*/
		.checkbox input[type="checkbox"] + label::after {
			content: none;
		}

		/*Unhide on the checked state*/
		.checkbox input[type="checkbox"]:checked + label::after {
			content: "";
		}

		/*Adding focus styles on the outer-box of the fake checkbox*/
		.checkbox input[type="checkbox"]:focus + label::before {
			outline: rgb(59, 153, 252) auto 5px;
		}

		
	/* CONTACT MAP */

		#contact_map {
			width: 100%;
			height: 350px;
			margin: 30px 0 20px 0;
		}	
		
		
		
	/* MODAL */
	
	#modal_overlay {
		display: none;
		position: fixed;
		z-index: 1000;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		overflow: auto;
		background-color: rgb(0,0,0);
		background-color: rgba(0,0,0,0.75);
	}
	
	.modal_content {
		width: 280px;
		height: 280px;
		position: fixed;
		z-index: 99998;
		top: calc(50% - 140px);
		left: calc(50% - 140px);
		filter: drop-shadow(0 0 0.75rem black);
		background-color: #ffffff;
		padding: 40px 20px 20px 20px;
		border-radius: 10px;
		text-align: left;
		line-height: 1.2;
	}
	
	.modal_close {
		position: absolute;
		top: 10px;
		right: 10px;
		font-size: 24px;
		color: #63666a;
		z-index: 99998;
		cursor: pointer;
	}
		
		
		
		
	/* 404 */
		
		.b404 {
			width: 557px;
			background-color: #ffffff;
			margin: 0px auto;
			padding-top: 140px;
		}
	
		.big_404 {
			font-size: 300px;
			line-height: 300px;
		}
		
		.pnf {
			font-size: 24px;
			line-height: 24px;
			padding-bottom: 54px;
			border-bottom: 1px #d4d4d4 solid;
			margin: 30px 0 50px 0;
		}

		

	/* FOOTER */
	
		footer {
			background-color: #00274c;
			color: #ffffff;
		}
		
		footer .row {
			text-align: center;
			padding: 60px 0 40px 0;
			margin: 0px auto !important;
		}
	
		footer .row img {
			display: inline-block;
			vertical-align: top;
		}
	
		footer .stacked_logo {
			margin: 0 60px 40px 60px; 
		}
	
		footer .social {
			margin-top: 12px;
			transition: all 0.15s linear;
		}
	
		footer .social:hover {
			opacity: 0.7;
		}
	
		footer .address {
			font-size: 18px;
			line-height: 22px;
			color: #ffffff;
			letter-spacing: -0.03em;
			margin-bottom: 20px;
		}
		
		footer .address a {
			color: #ffcb05; 
		}
		
		.join_our {
			font-size: 14px;
			text-transform: uppercase;
			margin-bottom: 60px;
		}
		
		.join_our a {
			color: #ffcb05;
		}
		
		.join_our a:hover {
			color: #ffffff;
		}
		
		.copyright {
			font-size: 16px;
			line-height: 24px;
			letter-spacing: -0.03em;
		}
		
		.copyright li {
			display: inline;
			margin-right: 10px;
		}
		
		.copyright a {
			color: #ffcb05;
		}
		
		.copyright a:hover {
			color: #ffffff;
		}
		
		.copyright li:last-of-type {
			margin-right: 0;
		}
	
	

	/* EVENTS */
	
		.cal {
		
		}
		
		.calendar-day {
			background-color: #ffcb05;
			color: #00274c;
		}
	
		.has_event {
			background-color: #00274c;
			color: #ffffff;
		}
		
		.calendar-day-np {
			background-color: #;
			color: #;
		}
	

	
	/* SEARCH RESULTS */
	
		.search_results_page {
			margin-bottom: 35px;
		}
		
		.search_results_page input {
			border: 1px #d4d4d4 solid;
			width: 360px;
			height: 60px;
			background-color: #ffffff;
			box-sizing: border-box;
			padding: 0 45px 0 20px;
			font-size: 16px;
			line-height: 60px;
			background-repeat: no-repeat;
			background-position: center right 16px;
			background-image: url(images/icon_glass.png);
			webkit-appearance: none;
			border-radius: 0;
		}
	
		.search_results {
			font-size: 18px;
			font-weight: 700;
			letter-spacing: -0.02em;
			margin-bottom: 35px;
		}

		.search_result {
			margin-bottom: 35px;
		}
		
		.search_result a {
			color: #00274c;
		}
		
		.search_title {
			font-size: 24px;
		}
		
		.search_permalink {
			font-size: 18px;
			line-height: 24px;
			font-weight: 700;
			white-space: nowrap;
			margin: 10px 0 10px 0;
			width: 100%;
			overflow: hidden;
			position: relative;
			text-decoration: underline;
		}
		
		.search_permalink_fade {
			width: 100px;
			height: auto;
			position: absolute;
			top: 0;
			right: 0;
		}
	
	
	/* COVID-19 BANNER */
	
	.covid_banner {
		width: 100%;
		height: 40px;
		background-color: #ffcb05;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
	}
	
	.covid_banner .row {
		text-align: center;
		font-size: 16px;
		line-height: 40px;
		color: #002d5d;
	}
	
	.covid_banner a {
		color: #002d5d;
		text-decoration: underline;
	}
	
	#header_image_container {
		margin-top: 40px;
	}
	
	#get_started_row {
		top: 110px;
	}


	
}



/* TABLET */

@media screen and (min-width: 1024px) and (max-width: 1279px) {


		.row {
			width: 1000px;
		}
		
		.subnav {
			margin-right: 50px;
		}

		.main_content {
			width: 725px;
		}

		.mc_right {
			width: 525px;
		}
		
		.col1 {
			width: 250px;
			margin-right: 25px;
		}
		
		.col2 {
			width: 250px;
		}
		
		.content_area_wo_anch {
			padding: 10px 20px 70px 20px;
			box-sizing: border-box;
		}
		
		.funding_block, .news_block {
			width: 225px;
			margin-right: 15px;
		}
		
		.ai_block {
			width: 225px;
			margin-right: 15px;
			height: 320px;
			overflow: hidden;
		}
		
		.event_blocks {
			width: 755px;
		}
		
		.event_block {
			width: 225px;
			margin-right: 15px;
			background-size: cover;
		}
		
		.story_blocks {
			width: 755px;
		}
		
		.story_block {
			width: 225px;
			margin-right: 15px;
			background-size: cover;
			font-size: 
		}
		
		.story_block a h3 {
			font-size: 16px;
			line-height: 18px;
		}
		
		.funding_block h3 {
			font-size: 15px;
		}
		
		.funding_col1, .funding_col2 {
			font-size: 12px;
		}
		
		.deadline {
			font-size: 14px;
		}
		
		.col1 {
			width: 48%;
			margin-right: 4%;
		}
		.col2 {
			width: 48%;
		}
		
		.header_image_home {
			width: 100vw;
			height: calc(100vw * .6319);
		}
		
		.home_fma {
			width: 100vw;
			height: calc(100vw * .6319);
		}
		
		video {
		
		}
		
		#trans_khaki {
			bottom: 30px;
		}
		
		.home_news .row {
		    padding: 35px 10px 80px 10px;
		}
		
		.home_events .row {
			padding: 35px 10px 80px 10px;
		}
		
		.event_info {
			font-size: 14px;
		}

		.wpcf7-form .form_two_col label {
			width: 300px;
		}

}




/* MOBILE */

@media screen and (max-width: 1023px) {


	/* GLOBAL */
	
		.hide_on_mobile {
			display: none;
		}
		
		.hide_on_desktop {
			display: block;
		}
	
	
	/* HEADER */
	
		header {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 71px;
			z-index: 39;
			background-color: #00274c;
			text-align: left;
		}
		
		.header_mobile {
			text-align: left;
		}
	
		.logo_mobile {
			width: 46px;
			height: 50px;
			display: inline-block;
			margin: 10px 0 0 20px;
		}
	
		#nav_mobile {
			float: right;
			width: 20px;
			height: 20px;
			margin: 25px 20px 0 0;
		}
		
		#burger {
			width: 20px;
			height: 20px;
			background-size: contain;
			background-repeat: no-repeat;
			background-position: center center;
			background-image: url(images/burger.png);
		}
		
		#menu_mobile {
			width: 100vw;
			height: calc(100vh - 71px);
			background-color: #00274c;
			padding: 0 20px 50px 20px;
			box-sizing: border-box;
			position: fixed;
			left: 0;
			top: 71px;
			text-align: left;
			z-index: 21;
		}
		
		.search_mobile {
			margin: 10px 0 15px;
		}
		
		.search_mobile input {
			border: 0;
			width: 100%;
			height: 40px;
			background-color: #ffffff;
			box-sizing: border-box;
			padding: 10px 45px 10px 10px;
			font-size: 16px;
			line-height: 20px;
			background-repeat: no-repeat;
			background-size: 17px 17px;
			background-position: center right 10px;
			background-image: url(images/icon_glass_2x.png);
		}
		
		.mm_get_started {
			font-size: 16px;
			line-height: 24px;
			color: #ffd029;
		}
		
		#menu_mobile a {
			color: #ffffff;
			font-size: 16px;
			line-height: 24px;
		}
		
		#menu-item-207 {
			border-top: 1px #576981 solid;
			margin-top: 15px;
			padding-top: 15px;
		}
		
		#menu-item-208 {
			border-bottom: 1px #576981 solid;
			margin-bottom: 15px;
			padding-bottom: 15px;
		}
		
		#menu-item-211 a {
			color: #ffd029;
		}
		
		#menu-item-216 {
			margin-bottom: 25px;
		}
		
		#menu-item-216 a {
			color: #ffd029;
		}
		
		#menu-item-214, #menu-item-213, #menu-item-215, #menu-item-212, #menu-item-2271 {
			text-transform: uppercase;
			margin-right: 15px;
			display: inline;
		}
		
		#menu-item-214 a, #menu-item-213 a, #menu-item-215 a, #menu-item-212 a, #menu-item-2271 a {
			font-size: 14px;
			color: #9096a2;
		}
		
		#get_started_mobile {
			position: absolute;
			top: 71px;
			left: 0;
			width: 100%;
			box-sizing: border-box;
			background-color: rgba(255, 203, 5, 1);
			line-height: 50px;
			font-size: 14px;
			font-weight: 900;
			color: #00274c;
			text-transform: uppercase;
			padding-left: 20px;
			z-index: 1;
		}
		
		#gs_icon {
			position: absolute;
			top: 18px;
			right: 20px;
			width: 15px;
			height: 15px;
			background-image: url(images/icon_plus_blue_2x.png);
			background-repeat: no-repeat;
			background-size: contain;
		}
		
		#get_started_row {
			position: absolute;
			top: 121px;
			height: 90px;
			line-height: 40px;
			z-index: 1;
			background-color: rgba(255, 203, 5, 1);
		}
		
		#get_started_row .row {
			height: 90px;
		}
		
		#get_started_row  li {
			width: 48%;
			padding-left: 20px;
			box-sizing: border-box;
			display: inline-block;
			margin-right: 0;
		}
		
		#get_started {
			left: 0;
			width: 100%;
			height: 90px;
			line-height: 40px;
			padding-left: 0;
		}
		
		#header_image_container_mobile {
			width: 100%;
			height: 316px;
		}
		
		.header_image_pad {
			width: 100%;
			height: 121px;
		}
		
		.header_image_mobile {
			width: 100%;
			height: 195px;
			background-repeat: no-repeat;
			background-position: bottom center;
			background-size: cover;
		}
		
		.row {
			width: 100%;
		}
		
		.subnav {
			float: none;
			width: 80%;
			min-height: 0;
			margin: 0px auto;
			padding-bottom: 40px;
		}
		
		.main_content {
			float: none;
			width: 94%;
			margin: 0px auto;
			min-height: 0;
		}
		
		.mc_left {
			float: none;
			width: 100%;
			padding: 0 20px 30px 20px;
		}
		
		.mc_right {
			float: none;
			width: 100%;
			padding: 0 20px 30px 20px;
			overflow: hidden;
		}
		
		.main_content h1 {
			font-size: 30px;
			line-height: 34px;
		}
		
		.audience_area {
			padding: 30px 0 30px 0;
		}
		
		.content_area_wo_anch {
			padding: 10px 20px 70px 20px;
		}

		.content_intro + .content_area_wo_anch {
			padding: 30px 20px 30px 20px;
		}
		
		.event_blocks {
			width: 100%;
			padding: 0 20px 30px 20px;
			box-sizing: border-box;
		}
		
		.event_block {
			float: none;
			margin-right: 0;
			width: 100%;
		}
		
		.event_image {
			background-size: cover;
		}
		
		.story_blocks {
			width: 100%;
			padding: 0 20px 30px 20px;
			box-sizing: border-box;
		}
		
		.story_block {
			float: none;
			margin-right: 0;
			width: 100%;
			margin-bottom: 30px;
		}
		
		.home_stories .row .story_block {
			margin-bottom: 30px;
		}
		
		.home_stories .row .story_block:last-of-type, .story_block:last-of-type {
			margin-bottom: 0;
		}
		
		.story_image {
			background-size: cover;
		}	

		.main_story_image {
			float: none;
			padding: 0 0 30px 0;
		}		
		
		.funding_blocks {
			width: 100%;
			padding: 0 20px 30px 20px;
			box-sizing: border-box;
		}
		
		.funding_block {
			float: none;
			margin-right: 0;
			width: 100%;
		}
		
		.ai_blocks {
			width: 100%;
			padding: 0 20px 30px 20px;
			box-sizing: border-box;
		}
		
		.ai_block {
			float: none;
			margin-right: 0;
			width: 100%;
		}
		
		.news_blocks {
			width: 100%;
			padding: 0 20px 30px 20px;
			box-sizing: border-box;
		}
		
		.news_block {
			float: none;
			margin-right: 0;
			width: 100%;
		}
		
		.btn_video {
			width: 100%;
			height: auto;
		}
		
		.video_modal, .video_modal iframe {
			width: 90vw !important;
			height: 90vh !important;
		}

		.video_modal {
			top: 5vh;
			left: 5vw;
		}
		
		.video_close {
			top: 10px;
			right: 10px;
			z-index: 99999;		
		}
		
		.main_content .col1 ul {
		    margin: 0 0 0 30px;
		}
		
		
		/* home */
			
			.home_about {
				height: auto;
				background-image: none;
			}
			
			.home_about .row {
				width: 100%;
				height: auto;
				text-align: center;
				padding: 30px 20px 70px 20px;
			}
			
			.logo_block_mobile {
				width: 81px;
				height: 90px;
				margin: 0px auto;
				padding-bottom: 40px;
			}

			.icon_block {
				width: 50%;
				height: 160px;
				box-sizing: border-box;
				padding: 0 0 0 10px;
			}
			
			video {
				display: none;
			}
			
			.header_image_home {
				width: 100%;
				height: auto;
				padding-top: 121px;
			}
			
			.header_image_home img {
				width: 100%;
				height: auto;
			}
			
			.home_fma {
				position: static;
				width: 100%;
				height: 350px;
			}
			
			#trans_khaki {
				position: relative;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				display: block;
				width: 100%;
				height: 350px;
			}
			
			.icon_block .icon {
				width: 100%;
				text-align: center;
			}
			
			
			.icons {
				margin: 97px 0 0 0;
			}
			
			.i1, .i3 {
				margin-right: 0;
				padding: 0 10px 0 0;
			}
			
			.slide_prev, .slide_next {
				display: none;
			}
			
			.slide {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: auto;
				background-size: 100% 225px;
				background-position: top center;
			}
			
			.slide img {
				width: 100%;
				height: auto;
			}
			
			.slide_active {
				width: 100%;
				height: calc(100vw * 1.25);
				margin: 0;
				background-color: #ffffff;
			}
			
			.home_event_info {
				position: static;
				width: 100%;
			}
			.home_event_info_title {
				padding: 25px 40px 25px 40px;
				background-color: rgba(131, 178, 168, 1);
			}
			.home_event_info_dates_location {
				padding: 25px 40px 25px 40px;
				background-color: rgba(255, 255, 255, 1);
			}
			
			.prev_home {
				display: none;
			}
			.next_home {
				top: 0;
				right: 0;
			}
			
			.main.home_events {
				padding: 60px 10px 0 10px;
			}
			.main.home_news {
				padding: 0 10px 0 10px;
			}
			

		/* events */

			.schedule_datetime, .schedule_activity {
				float: none;
				width: 100%;
			}	

		/* funding */
		
		
		/* miscel */
		
			.content_area_wo_anch img {
				max-width: 100%;
				height: auto;
			}

		br.hide_on_desktop {
			height: 7px;
			content: ' ';
		}


	/* SHARE A STORY */
	
	.form_two_col {
		display: block;
	}
	
	.form_two_col {
		width: 100%;
	}
	
	.wpcf7-form .form_two_col label {
		width: 100%;
	}	
	
	.wpcf7-checkbox {
		column-count: 1;
	}

		.story_area h2 {
			margin-left: 20px;
		}

		.content_intro img {
			max-width: 100%;
			height: auto;
		}
		
		.view_all_stories {
			margin: 10px auto 0 20px;
		}
		
		.home_stories .view_all_stories {
			margin: 30px 0 0 0;
		}



	/* FOOTER */
	
		footer .row {
			width: 320px;
			text-align: center;
		}
		
		footer li {
			display: block;
			margin: 0;
		}
		
	/* COVID-19 BANNER	
		
		.covid_banner {
			height: 80px;
		}	

		.covid_banner .row {
			padding: 10px;
			font-size: 14px;
			line-height: 18px;
		}
			
		header {
			top: 80px;
		}
	
	 */
	
	.skip-link {
	  background-color: #ffffff;
	  color: #002d5a;
	  font-weight: 700;
	  left: 50%;
	  padding: 10px 20px;
	  position: absolute;
	  transform: translateY(-140%);
	  transition: transform 0.3s;
	}
	
	
}

@media screen and (max-width: 320px) {

		footer .row {
			width: 280px;
			text-align: center;
		}

}