/*Global*/

html {
	height:100%;
}

body {
	background-color:#2c2c2c;
}




/*foundation override*/
.row .row {
	margin:initial;
}

.flex-video {
	margin-bottom:0;
}

.flex-video.widescreen {
    padding-bottom: 36%;
}

.widescreen.fb-embed {
	padding-bottom:55%;
}


@media only screen and (max-width: 64em) {
	.flex-video.widescreen {
    padding-bottom: 44%;
	}
}


@media only screen and (max-width: 40em) {
	.flex-video.widescreen {
    padding-bottom: 50%;
	}
}

@media only screen and (min-width: 40em) {

.show-for-medium-up {
	display: inline-block !important;
}
}
/*general typography styles*/


h1, h2, h3, h4, h5, p, a, span {
	-webkit-transition:all 0.25s ease-in;
	-moz-transition:all 0.25s ease-in;
	transition: all 0.25s ease-in;
}


/*eyebrow headline*/

h1, h3, h5 {
	font-family: "GoodOT-CondBook", Arial, sans-serif;
	font-weight: normal;
	line-height: 1;
}

h1 {
	font-size:4rem;
	color:#fff;
}

h3 {
	font-size:1.5rem;
}

h5 {
	font-size: 1.2rem;
	line-height:1.3rem;
}


/*h1 variation*/




@media only screen and (max-width: 64em) {
	h1 {
	font-size:3rem;
	}

	h3 {
		font-size: 1.25rem;
	}
}

@media only screen and (max-width: 40em) {
	h1 {

	font-size:2.5rem;
	}
}



/*eyebrow*/
h2, h4, h6 {
	font-family: "GoodOT-Bold", Arial, sans-serif;
	text-transform: uppercase;
	
}

h2 {
	font-size:1rem;
}

h4 {
	font-size: .85rem;
}

@media only screen and (max-width: 64em) {


h4 {
	font-size: .7rem;
}

	}

/*h2 variations*/


h2.card-eyebrow {
	padding:.75rem;
	font-size: 1.25rem;
	margin-bottom:1rem;
	display: inline-block;
}

h4.card-eyebrow {
	font-size: .9rem;
	padding:.75rem 1rem;
	display: inline-block;
	margin-bottom:.75rem;
}
	@media only screen and (max-width: 64em) {
		h4.card-eyebrow {
		font-size: .8rem;
		padding:.5rem .75rem;
		}
	}


/*h3 variations*/

h3.large {
	font-size: 2.25rem;
	line-height: 1.2;
}

/*h5 variations*/

	/*photo credit*/
	section h5.credit,
	.caption-section-expand h5.credit {
		font-family: "FreigTexProBook", Georgia, serif;
		font-size:.75rem;
	  	text-transform: uppercase;
	  	margin-top:.75rem;	
	}

	.caption-text {
		font-size: .9rem;
		line-height: 1.5;
	}

		@media only screen and (max-width: 64em) {

			section h5.credit {
				margin-bottom:2rem;
			}
			.caption-text {
				margin-top:1rem;
			}

		}
	
	/*page title in navigation*/
	nav h5.credit {
		font-family: 'GoodOT-CondBold', Arial, sans-serif;
	    font-size: 1rem;
	    text-transform: uppercase;
	}



p {
	font-family: "FreigTexProBook", Georgia, serif;
	font-size: 1.1rem;
	line-height: 1.5;
	padding-bottom:1rem;
	-webkit-margin-before: 0em;
  	-webkit-margin-after: 0em;
}


p a, 
ul.list-intext a {
	color:#df8600;
}




 @media only screen and (max-width: 64em) {
 	p {
 		font-size: 1rem;
 	}

 }





/*blocks override*/

.subhead {
	font-size:1.5rem;
	line-height: 1.4;
	padding-bottom:1rem;
}

@media only screen and (max-width: 64em) {
.subhead {
	font-size: 1.5rem;

}


}

@media only screen and (max-width: 40em) {
.subhead {
	font-size: 1.2rem;

}
}

h3.subhead {
	font-size: 1.25rem;
	padding-bottom:0;
}


.card {
	margin:0;
}


/*global icons override*/

[class^="icon-"], [class*=" icon-"] {
    font-size: 1.5rem;
}


/*icons*/

/*icon next to heading*/
.icon-inline {
	font-size: 1.15rem;
    vertical-align: top;
    display: inline-block;
    margin-right: .25rem;
}

/*icon for photo in slideshow count*/
.icon-inline-photo {
	font-size:1rem;
	vertical-align: middle;
	display: inline-block;
    margin-right: .5rem;
    margin-left:.25rem;
    margin-top:.2rem;
}





/*icon arrows back and go*/

.icon-arrow-back {
	font-size: .75rem;
    margin-right: .5rem;
}

.icon-arrow-go {
	font-size: .75rem;
    margin-left: .5rem;
    vertical-align: middle;
}





/*share icon svg*/

	.share-nav {
		min-width:300px;
	}

	.share-area {
		margin-top:.5rem;
		border:#fff 1px solid;
		border-radius:2px;
		position: absolute;
		transition: all 0.25s ease-in-out;
		right:0;
	}

	.share-area-dark {
		border:#777777 1px solid;
	}

	.share-area:hover {
		background-color:#fff;
	}
	.share-area * {
		display: inline-block;
	}

	.label-share {
		display: inline-block;
		margin-left:-.25rem;
		margin-right:.5rem;
		color:#fff;
		font-family: "GoodOT-Book", Verdana, sans-serif;
		font-size: .8rem;
	}

	.label-share-dark {
		color:#777777;
	}

	svg.icon-share {
		width:2rem;
		height:2rem;
		vertical-align: middle;
	}

	svg path.icon-share-shape {
		fill:#ffffff;
	}

	svg path.icon-share-shape-dark {
		fill:#777777;
	}
	.share-area:hover svg path.icon-share-shape {
		fill:#777777;
	}


	/*ul.icons-share {
		display: none;
	}*/

	ul.icons-share {
		opacity:0;
		margin-left:-7rem;
		transition:all .25s ease-in-out;

	}

	ul.icons-share li {
		display: inline-block;
		margin-right:.5rem;
		opacity:1;
	}

	.icons-share img {
		width:1rem;
		height:1rem;
		max-width:1rem;
	}







/*Top Nav*/


	/*nav sticky*/
	.nav-top-sticky {
		width: 100%;
		position: fixed;
	  z-index: 1000;
	  top: 0;
	  transition: all 0.25s ease-in-out;
	  background: none;
	}

	.nav-top-sticky.active {
		background-color:#2c2c2c;
	}


	.nav-top-sticky-down {
/*		background-color:rgba(44,44,44,1);*/
	}

	.nav-top-sticky-down-bg {
		height:6.688rem;
	}

		@media only screen and (max-width: 40em) {
			.nav-top-sticky-down-bg {
			background-color:transparent;
			}
			.nav-top-sticky.active {
				background-color:transparent;
			}
	
		}


	.nav-top-sticky-up {
	  top: -4em;
	  background: none;
	}

	.nav-top-sticky.nav-top-sticky-up {
		background:none;
	}

		@media only screen and (max-width: 64em) {
			.nav-top-sticky-up {
			  top: -3.2em;
			}
		}

	.nav-top-sticky-down > .nav-top-sticky-child .link-hide {
	opacity:1;
	  transition: all 0.25s ease-in-out;
	}

	.nav-top-sticky-up > .nav-top-sticky-child .link-hide {
		opacity:0;
	}


	/*nav content*/



	nav.nav-top {
		position: relative;
		background-color:transparent;
		height:4.063rem;
		 -webkit-transition:all .25s ease-in;
		-moz-transition:all .25s ease-in;
		transition: all .25s ease-in;
	}



		@media only screen and (max-width: 64em) { 
			nav.nav-top { 
				height:2.938rem;}
		}


@media only screen and (max-width: 40em) { 
		nav.nav-top { 
		margin-left: -.5rem;
		}

		.fade-away {
		opacity:1;
		margin-top:0;
		}
}



		/*logos*/
		img.logo-ap {
			max-width:60px;
			width:60px;
			margin-right:75px;
		}




			@media only screen and (max-width: 64em) { 
				img.logo-ap {
					max-width:50px;
					width:50px;
					margin-right:0px;
				}


			}





		/*links*/
		

		.nav-link {
			font-family:'GoodOT-CondBook', Arial, sans-serif;
			font-size:1.2em;
		}

		.nav-title {
			font-family:'GoodOT-Bold', Arial, sans-serif;
			font-size:.85rem;
			text-transform:uppercase;
			margin-top:1rem;
		}

		.nav-right {
			float:right;
			text-align:right;
		}


		.nav-top .nav-title {
			font-family:'GoodOT-CondBold', Arial, sans-serif;
			font-size:1rem;
			line-height: 1.1;
			text-align: right;
		}



		.nav-top .prompt {
			    float: right;
			    margin-top:.5rem;
		}



		/*nav top index*/
/*	.nav-top-container {
		position: relative;
	}*/
	.nav-top-index {
		margin-top:12rem;
		z-index: 1000;	
	}


 @media only screen and (max-width: 64em) {
 	.nav-top-index {
 		margin-top:10rem;
 	}


 }

 @media only screen and (max-width: 40em) {
	.nav-top-index {
 		margin-top:0;
 	}

 }



	

		

		/*prompt*/

		.prompt {
			width:60px;
			height:8px;
		}
			 @media only screen and (max-width: 64em) {

	 			.prompt {
					width:50px;
					height:7px;
				}

			 }



/*mobile nav: offcanvas*/

@media only screen and (max-width: 40em) {


/*lightens overlay box shadow*/
.move-left .exit-off-canvas {
	  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.2), 4px 0 4px rgba(0, 0, 0, 0.2);
}

a.right-off-canvas-toggle {
	z-index:10000;
}

.right-off-canvas-toggle .icon-menu {
	max-width:2rem;
	margin-top:-1rem;
	margin-left:.5rem;
}

.nav-item-sticky .right-off-canvas-toggle .icon-menu {
	margin-left:1.75rem;
}


.right-off-canvas-menu {
	background-color: #2c2c2c;
}


.right-off-canvas-menu .inner-wrapper {
	position: fixed; 
top: 0; 
overflow-y: hidden; 
    height: 100%;
    width: 100%;
}


.right-off-canvas-menu li {
	font-family: "GoodOT-Book", Arial, sans-serif;
	color:#ececec;
	font-size:.9rem;
	line-height:1.5;
}
.right-off-canvas-menu ul {
	padding:2rem 1rem;
}

.right-off-canvas-menu ul li a.eyebrow {
	margin-top:2rem;
	font-size:.9rem;
}

.right-off-canvas-menu ul li.active {
	color:#f1be00;
}

.right-off-canvas-menu ul li.active ul {
	padding-left:0;
	padding-bottom:0;
	margin-top:-.5rem;
}


.right-off-canvas-menu ul li.active ul li{
	color:#f1be00;
}

.right-off-canvas-menu ul li.active .prompt {
	width:40px;
	height:5px;
}

.display-none {
	display:block;
}


.right-off-canvas-menu .contact-button {
	margin-top:2rem;
	font-size:1rem;
}


.icon-menu {
	width:2.5rem;
	max-width:2.5rem;
	height:2.5rem;
	max-height:2.5rem;
	position: absolute;
	right:-.5rem;
	top:2rem;
}

.right-off-canvas-menu li a.link-sub {
	font-size:1rem;
	margin-left:.5rem;
}

.right-off-canvas-menu li.link-section {
	margin-top:.75rem;
}


}









/*Footer*/

	/*top button*/

	.button-top {
		float:right;
	}

	/*site footer*/
	div.footer-site {
		padding:1.563rem 0; /*25px*/
		font-size:0.938rem; /*15px*/
	}
		div.footer-site p {
			font-size: 0.938rem; /*15px*/
		}

		/*footer section title*/
		.footer-title {
			margin-bottom:.5rem;
			padding-bottom:0;
			font-family:'GoodOT-Bold', Arial, sans-serif;
			text-transform: uppercase;
			color:#ececec;
		}


			@media only screen and (max-width: 40em) { 
				.footer-site .footer-title {
					margin-top:2rem;
				}
			}

			@media only screen and (min-width: 90em) {

			div.footer-site {
				padding-top:4rem;
			}


			}


		/*footer section link*/
		.footer-link {
			margin-bottom:.25rem;
			font-family:'GoodOT-Book', Arial, sans-serif;
			color:#ececec;
		}

	/*global AP footer*/

	div.footer-global {
		padding:1.563rem 0; /*25px*/
		border-top:#777777 1px solid;
		font-size:0.625rem; /*10px*/
	}




		/*links*/
		ul.footer-global-links li {
			display:inline-block;
		}

		ul.footer-global-links li.footer-link {
			margin-left:1rem;
		}

		.copyright {
			float:right;
		}


			@media only screen and (max-width: 64em) {

				ul.footer-global-links li.footer-link.copyright {
					margin-left:0;
				}
			}

		ul.footer-social {
			float:right;
		}
			@media only screen and (max-width: 40em) { 
				ul.footer-social {
					float:left;
				}
			}

		ul.footer-social p.second {
			margin-top: 0.625rem;
		}

		ul.nav-social li {
			margin-left:.5rem;
		}

		ul.nav-social li,
		ul.footer-social li {
			display: inline-block;
		}


		.footer-social img {
			max-width:1.563rem;
		}

		@media only screen and (max-width: 40em) { 
			.copyright {
				float:left;
			}
			ul.footer-global-links li {
			display:block;
			}
			ul.footer-global-links li.footer-link {
			display:none;
			}

			ul.footer-global-links li.footer-link.copyright {
			display:block;
			}
		}









/*Pages*/

	/*headers*/


	header.page section {	
		margin-top:10rem;
		padding-bottom:6rem;
	}

	body.index header.page section {
		padding-bottom:10rem;
	}


		@media only screen and (max-width: 64em) { 

			header.page section {	
				margin-top:8rem;
				padding-bottom:4rem;
			}

			body.index header.page section {
				padding-bottom: 4rem;
			}


	}

	@media only screen and (max-width: 40em) { 
			header.page section {
			    padding-bottom:3rem;
		}
	}





	body.index header.page h1 {
		font-family: "GoodOT-Bold", Arial, sans-serif;
		text-transform: uppercase;
		color:#df8600;
	}

	header.page .subhead {
		font-size:1.35rem;
	}


	header.page ul.byline {
		margin-top:1.5rem;
	}

	header.page ul.byline li.date {
		margin-left:2rem;
	}
	

	header.page ul.byline li {
		font-family: "FreigTexProBook", Georgia, serif;
		font-size: 1.1rem;
		color:#fff;
		display: inline-block;
		vertical-align: top;
		position: relative;
	}

	
	header.page ul.byline li a {
		position: absolute;
		font-family: "GoodOT-Book", Arial, sans-serif;
		font-size: .9rem;
		color:#f1be00;
	}


		@media only screen and (max-width: 64em) { 

			header.page .subhead {
				font-size: 1.1rem;
			}

			header.page ul.byline li {
					font-size:.95rem;
					line-height: 3;
				}

			header.page ul.byline li a {
					font-size:.85rem;
					line-height:.25;
				}
		}


		@media only screen and (max-width: 40em) { 

				ul.byline li.small-screen-block a {
					margin-left:1rem;
				}
		

		}
	



	/*header images*/

	body.index section.header-area {
		background: url("../proj-assets/schoolhouse-header.jpg") no-repeat right 30%;
		background-size: cover;
		background-position: top;

	}	



	/*main*/

	main {
		padding-top:3rem;
		padding-bottom:4rem;
	}



	body.index main {
		padding-bottom:1rem;
	}






	@media only screen and (max-width: 40em) { 
		main {
			padding-top:2rem;
		}
	}





	body.index main * {
    -webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	transition: all .5s ease;
	}





	/*all matrix modules*/


	/*content modules matrix*/

	span.dateline {
		font-family: "GoodOT-Bold", Arial, sans-serif;
		font-weight: normal;
	}



	.transparent {
		opacity:0;
	}


	ul.list-dashed li {
		margin-left:.5rem;
	}

	ul.list-dashed li:before {
    content: "\2013 \00a0 \00a0";
    margin-left: -.75rem;
	}


	ul.list-dashed li.eyebrow {
		margin-left:-.25rem;
	}

	ul.list-dashed li.eyebrow:before {
		content:none;
	}

	ul.list-intext {
		font-family: "FreigTexProBook", Georgia, serif;
		margin-left:.5rem;
		margin-right:2rem;
	}

	ul.list-intext li {
		margin-bottom:.5rem;
	}








		@media only screen and (max-width: 64em) {

			.matrix-intro {
				margin-top:-6rem;
				padding:1rem 1rem 0 1rem;
			}
			.matrix-intro p {
				font-size: .9rem;
			}

			.matrix-map {
				margin-top:-6rem;
			}

		}





	@media only screen and (max-width: 40em) { 
			.matrix-intro {
				margin-top:1rem;
				padding:1rem 1rem 0 1rem;
			}
			.matrix-intro p {
				font-size: 1.1rem;
			}

			.matrix-map-intro {
				margin-top: 0;
			}

			.matrix-map,
			.matrix-map-intro .matrix-map
			 {
				margin-top:2rem;
			}
	}

	

	.matrix-quote {
		background-color:#fff;
		padding:0 2rem 1rem 2rem;
	}

	.matrix-quote p {
		font-family: "FreigTexProBook", Georgia, sans-serif;
		padding-bottom: .5rem;
		padding-top:1rem;
		font-size:1.5rem;
		line-height:1.4;
	}

	.matrix-quote p.indent {
		text-indent: -0.42em; 
	}

	p.credit-second {
		font-size:1rem;
		font-family: "GoodOT-Book", Arial, sans-serif;
		padding-top:0;

	}

@media only screen and (max-width: 64em) {
		
		.matrix-quote p.orange-bright {
			font-size:1.25rem;
		}


}

@media only screen and (max-width: 40em) { 

		.matrix-quote {
			padding-bottom:0;
		}

		.matrix-quote p {
			font-size: 1.25rem;
		}
		p.credit-second {
			font-size: .875rem;
		}
}





		





	/*story link on index page*/

	.story-link-index {
		margin-bottom:2rem;
	}

	.story-link-index.story-1 {
		margin-top:-10rem;
	}


	.stories-related .story-link-index.story-1,
	.stories-related .story-link-index {
		margin-top:.5rem;
	}

	.story-link-index header {
		padding:2rem 1.75rem 2rem 2rem;
	}

	.story-link-index h3 {
		font-size: 2rem;
	}

	.story-link-index h3.subhead {
		font-size: 1.25rem;
	}

	.story-link-index .byline {
		margin-top:2rem;
	}

	.story-link-index .story-link-preview {
		position: absolute;
		bottom:1rem;
		right:1rem;
		width:40%;
	}

	.story-link-index-preview {
		margin:1rem 1rem 0 0;
	}

	.story-link-index-previews {
		margin-bottom:4rem;
	}

	.story-link-index .icon-arrow-go.icon-bottom-right {
		font-size: .85rem;
		bottom:1.25rem;
		right:1.25rem;
	}


		@media only screen and (max-width: 64em) {
				.story-link-index.story-1 {
					margin-top:-5rem;
				}

					.story-link-index h3 {
						font-size: 1.5rem;
					}

					.story-link-index h3.subhead {
							font-size: 1.1rem;
					}

			.story-link-index .story-link-preview {
				display: none;
			}


		}






	/*story links elsewhere*/

	aside.stories-related article.story-link header {
		padding:1rem 2rem 1rem 1.25rem;

	}

	article.story-link header .byline {
		margin-top:1rem;
	}

	.story-link h1 {
		font-size: 2rem;
		color:#000;
	}

	.story-link-preview p {
		font-size:.95rem;
		font-family: "FreigTexProBook", Georgia, serif;
		padding:1rem;
		line-height: 1.4;

	}



	.story-link-preview span.icon-arrow-go {
		font-size: .5rem
	}


		@media only screen and (max-width: 64em) {



				
				.cta-bottom-left {
					padding:1.5rem 0 .75rem 1.5rem;
					width:94.4%;
				}

					.story-link h1 {
						font-size: 1.75rem;
					}

		

		}


	span.icon-bottom-left {
		position: absolute;
		z-index: 100;
		bottom:1rem;
		left:1rem;
		font-size: 1rem;
		border:1px solid transparent;
		border-radius:50%;
		padding:.75rem;
		margin-left:0rem;

	}
	aside a:hover > span.icon-bottom-left,
	article a:hover > span.icon-bottom-left {
		border:1px solid white;
		margin-left:.5rem;
	}

	span.icon-bottom-right {
		position: absolute;
		z-index: 100000;
		bottom:1rem;
		right:1rem;
		font-size: 1rem;
/*		border: 1px solid white;*/
	    padding: .55rem .5rem .5rem .55rem;
	    /*border-radius: 50%;*/
	    margin-top:4rem;
	}


		@media only screen and (max-width: 64em) {
			span.icon-bottom-left {
				font-size: .75rem;
				padding:.5rem .5rem .45rem .5rem;
			}
		}





	.matrix-gallery {
		margin-top:1rem;
		margin-bottom: 2rem;
	}

	.matrix-gallery .card-gallery {
		background-color:#fff;
		padding:3rem 1rem 3rem 1rem;
	}

	.card-gallery span.icon-bottom-right {
		z-index:1;
	}

	.matrix-gallery img {
		padding-left:.75rem;
	}


	@media only screen and (max-width: 64em) {
		.matrix-gallery .card-gallery h3 {
			margin-bottom:2rem;
			font-size:1.25rem;
			margin-right:.5rem;
		}

	}


	@media only screen and (max-width: 40em) {
	.matrix-gallery img {
		background-color: #fff;
    	padding-bottom: .5rem;
    	padding-right:.5rem;
	}

	.matrix-gallery .card-gallery {
		padding:1rem;
	}

	.matrix-gallery .card-gallery h3 {
			margin-bottom:0;
	}

	}






	.matrix-note p {
		font-family: "GoodOT-Book", Arial, sans-serif;
		font-size: .9rem;
		margin-top:.75rem;
		color:#878781;
		padding:0;
	}

	.matrix-note p a {
		color:#df8600;
	}




	/*matrix margins*/
	.matrix-img,
	.matrix-video,
	.matrix-video-aside,
	.matrix-quote,
	.matrix-quote-indent,
	.matrix-excerpt {
		margin-top:1rem;
		margin-bottom:2rem;
	}


	.matrix-video-aside header,
	.matrix-gallery-aside header {
		background-color:#fff;
		padding:0 1.5rem 1.5rem 2rem;
	} 

	.matrix-video-aside h6,
	.matrix-gallery-aside h6,
	.matrix-link-photo h6,
	.matrix-link-headline h6 {
		margin-top:1rem;
		margin-bottom:.3rem;
	}

		@media only screen and (max-width: 40em) {
			.matrix-video-aside,
			.matrix-gallery-aside,
			.matrix-link-photo,
			.matrix-link-headline,
			.matrix-link-eyebrow,
			.matrix-infographic,
			.matrix-excerpt {
				margin-top:1rem;
				margin-bottom:2rem;
			}

			.matrix-video header {
				margin-top:1rem;
			}

		}





	.icon-count {
		position: absolute;
		top:0;
		margin:1.5rem 0 0 1.5rem;
		display: inline-block;
		background-color:rgba(0,0,0,.5);
	    -webkit-border-radius: 185px 185px 185px 185px;
	    border-radius: 185px 185px 185px 185px;
	    border: white 1px solid;
	    padding-left: .25rem;
	    padding-right: .25rem;
	}

	.icon-count h5 {
		color: white;
    font-family: "GoodOT-CondBook", Verdana, sans-serif;
    margin: .25em .5rem .25rem 0;
    text-align: right;
    display: inline-block;
	}

	.icon-count .icon-play-rect,
	.icon-count .icon-photo-rect {
		display: inline-block;
		font-size: 1rem;
		margin:.65rem .5rem .25rem .5rem;
		vertical-align: top;
	}



	@media only screen and (max-width: 64em) {
	.matrix-video-aside header,
	.matrix-gallery-aside header {
		padding:0 .5rem 1rem 1.5rem;
	} 

	.icon-count {
		margin:1rem 0 0 1rem;
	}

	.icon-count h5 {
		font-size:1rem;
	}

	}





	.matrix-link-button {
		position: relative;
		text-align:center;
	}

	.center-middle-wrap {
 -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center; 
  justify-content: center; 
	}

	.matrix-link-button .icon-arrow-go {
/*		margin:auto;
		margin-top:50%;*/
		  text-align: center;
		  padding-top:55%;
		  margin:auto;
	}


	
/*matrix - infographic*/

	.matrix-infographic {
		background-color:#df8600;
		padding:0 1.5rem 6rem 2rem;
	}

	.story .matrix-infographic {
		margin-top:1rem;
		margin-bottom:2rem;
	}

	.matrix-infographic .prompt {
		margin-bottom:1.5rem;
	}

	.matrix-infographic p {
		font-family: "GoodOT-Book", Arial, sans-serif;
		color:#fff;
		padding-bottom: 0;
	}

	.matrix-infographic p.large {
		font-size: 3.5rem;
		line-height: 1;
	}

	.matrix-infographic.ruler-orange {
		background-image:url("../proj-assets/all/ruler-7.svg");
		background-repeat: repeat-x;
		background-position: bottom;
	}

	.matrix-infographic.ruler-cerulean {
		background-image:url("../proj-assets/all/ruler-cerulean.svg");
		background-repeat: repeat-x;
		background-position: bottom;
		background-color:#0a3175;
	}


		@media only screen and (max-width: 64em) {

		.matrix-infographic p.large {
			font-size: 3rem;
		}

		}


/*matrix - link to a third level page */

.matrix-link-third {
		background-color:#0a3175;
		padding:2rem 1.5rem 6rem 2rem;
		margin-top:1rem;
		margin-bottom:2rem;
}

.matrix-link-external {
		background-color:#df8600;
		padding:2rem 1.5rem 6rem 2rem;
		margin-top:1rem;
		margin-bottom:2rem;	
}

.bg-ocr {
		background-image:url("../proj-assets/story-6/ocr-guidance.png");
		background-repeat: repeat-x;
		background-position: bottom;	
}

	.ruler-cerulean {
		background-image:url("../proj-assets/all/ruler-cerulean.svg");
		background-repeat: repeat-x;
		background-position: bottom;
	}

	.bar-cerulean {
		background-image:url("../proj-assets/all/bar-cerulean.svg");
		background-repeat: repeat-x;
		background-position: bottom;
		background-size:160%;
	}


	.ruler-cerulean.gallery-cell {
		background-size:220%;
	}

.matrix-link-third p,
.matrix-link-external p {
	font-family: "GoodOT-Book", Arial, sans-serif;
	margin-top:1rem;
	font-size: 1rem;
}


.card-states {
	background-image: url(../proj-assets/states/header.png);
    background-size: cover;
    background-position: bottom;
}

.gallery-cell.card-states {
    background-size: 125%;
    background-repeat: no-repeat;
}



/*matrix - excerpt*/

.matrix-excerpt {
    padding: 1.5rem 3rem .5rem 1.5rem;
	border-left:2px solid #df8600;
	background:#fff;
}


/*matrix - iframe embed*/

.iframe-container {
	position: relative;
    padding-bottom: 60%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
    height: 0;
    overflow: hidden;
}

.iframe-container iframe {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}



/*third page*/

.page-third-states .header-area {
		background-image: url("../proj-assets/states/header.png");
		background-size: cover;
		background-position:top;
}

.page-third-research .header-area {
		background-image:url("../proj-assets/all/ruler-cerulean.svg");
		background-repeat: repeat-x;
		background-position: bottom;
		background-size:50%;
		background-color:#0a3175;
}


.page-third-numbers .header-area {
		background-image:url("../proj-assets/all/bar-cerulean.svg");
		background-repeat: repeat-x;
		background-position: bottom;
		background-size:150%;
		background-color:#0a3175;
}



.page-third .card {
	padding:2rem 2.5rem 2rem 2rem;
	margin-right:1rem;
	margin-bottom:2rem;
}

.page-third .card-small {
	padding:1rem 1.75rem .25rem 2rem;
	margin-right:1rem;
}

.page-third .card p {
	line-height: 1.45;
	padding-bottom:0;
	padding-top:.5rem;
}

.page-third .card h3 {
	margin-bottom:.5rem;
}

.page-third .card h3.large-extra {
	margin-bottom:0;
}

.page-third .card p.p-extra {
	line-height: 1;
	padding-top:0;
	padding-bottom: 1rem;Students sexually abused at school face lengthy legal fights
}


.page-third .matrix-infographic {
	background-color: #0a3175;
	margin-right: 1rem;
	padding:1.5rem 2rem 1.5rem 2rem;
	margin-top:1rem;
}

.page-third .matrix-infographic p.large {
	font-size:2.5rem;
	line-height:1;
}

.page-third .matrix-infographic p {
	line-height: 1.25;
}


.highlight-orange {
	background-color: rgba(223,134,0,.33);
/*	background-color: rgba(10,49,117,.33);*/
/*	color:white;*/
	padding-left:.25rem;
	padding-right:.25rem;
}


.eyebrow-section-title {
	margin-top:1rem;
	margin-bottom:.5rem;
}


.page-third-numbers .eyebrow-section-title {
	margin-top: 3rem;
}

.chart-title {
	font-size: 1.5rem;
	line-height: 1.15;
}

.page-third .card-chart {
	padding-left:1.5rem;
	margin-top: 1rem;
}



.page-third .card-chart p {
	font-size: .9rem;
}

.story .card-chart {
	margin-top: 1rem;
	margin-bottom:2rem;
}

.card-chart a {
	margin-top:2rem;
	display: inline-block;
}

.card-chart .caption-credit {
	margin-top:1rem;
}




button.cerulean-rich-bg:hover {
	background-color: #104ba5;
	color:#fff;
}

.page-third .matrix-excerpt {
	margin-bottom:1rem;
}
@media only screen and (max-width: 64em) {
	.page-third .card {
	padding:1.25rem;
	}

	.page-third .card h3 {
		font-size: 1.25rem;
		margin-bottom:1rem;
	}

	.page-third .card p {
		font-size: .95rem;
	}

	.card-chart a {
	margin-top:0;
	margin-bottom:2rem;
}

	.page-third-states .card-chart img {
	margin-top:2rem;
}

.card-chart .caption-text {
	margin-top:0;
}

}


/*iframe*/

.page-third-states iframe.ap-embed  {
	margin-top:-6rem;
	height:75rem;
	padding:1rem;
	background-color:#fff;
	overflow:visible;
}

@media only screen and (max-width: 40em) {

	.page-third-states iframe.ap-embed  {
		margin-top:2rem;
	}

}

/*asides*/


	/*aside for third pages*/


	.pages-third {
		margin-top:2rem;
		font-size: 2rem;
	}

	.pages-third .card {
	padding:1.75rem;
	color:#fff;
	margin-bottom:0;
	}

	.pages-third .card h3 {
		margin-bottom:5rem;
		line-height: 1.1;
		margin-top:.25rem;
	}

	.gallery-third .flickity-prev-next-button {
		background: rgba(0,0,0,.75);
		height: 2.5rem;
    	width: 2.5rem;
    	top:5.5rem;
    	border: 2px solid #df8600;
	}


	.gallery-third .flickity-prev-next-button .arrow {
		fill:#df8600;
	}


	.gallery-third:hover .flickity-prev-next-button.next {
		right:5px;
	}

	.gallery-third:hover .flickity-prev-next-button.previous {
		left:5px;
	}

	.gallery-third .card {
		margin-right:1rem;
	}



	/*aside stories related*/

	aside.stories-related {
		background-color: #666666;
		padding-top:3rem;
		padding-bottom: 3rem;
	}


	aside.stories-related header.topic-title a {
		font-family: "GoodOT-Book", Arial, sans-serif;
		display: inline-block;
		text-align: right;
	}



	aside p {
			font-family: "GoodOT-Book", Arial, sans-serif;
			padding-bottom: 0;
			display: block;
	}

	.story-link {
		margin-top: 1rem;
	}

	.story-link header {
		margin-top:.5rem;
	}

	.story-link .byline {
		font-
		color:#878781;
		font-size: .9rem;
	}



	

	@media only screen and (max-width: 40em) {
		aside.stories-related header.topic-title a {
		margin-top: 0;
		margin-bottom:1rem;
		}


		aside.stories-related article.story-link {
			margin-top:1.5rem;
		}

	}



   /*aside about contact*/

   aside.about-contact {
   	padding-bottom:4rem;
   }

   body.index aside.about-contact {
   	padding-top:4rem;
   }

   p.info,
   p.info-long {
   		font-family: "FreigTexProBook", Georgia, sans-serif;
   		color:#fff;
   		font-size: .95rem;
   }


   p.info-long {
   		padding-bottom:.5rem;
   		line-height: 1.4;
   		color:#ece8df;
   }

   .about-contact h2 span {
   	text-transform: none;
   	font-family: "GoodOT-Book", Arial, sans-serif;
   }


   /*button*/

   button {
   	padding:.75rem 1rem;
   	border-radius: 2px;
   	background-color:rgba(44,44,44,.5);
   	color:#fff;
   	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	margin-bottom:1rem;
   }

   button:hover {
   	background-color:rgba(44,44,44,1);
   	color:#b5b5b5;
   }



/*fancybox slideshow*/
			
			.button-secondary {
				font-size: .85rem;
			}




			/*background color*/
			.image {
				background-color: #2c2c2c;
			}


			/*fancybox captions*/
			.caption-section-expand {
				padding-bottom:2rem;
				padding-top:3rem;
				transition: all 0.25s ease-in-out;
				opacity:1;
			}

			.caption-section-expand .slide-count {
				float:none;
				padding:0;
				border:none;

			}


			.caption-section-expand .slide-count .icon-inline-photo {
				margin-left: 0;
			}


			/* Regular media queries for a smaller desktop */
			@media only screen 
			and (min-device-width : 768px) 
			{
				.caption-section-expand {
				opacity:0;
				}
			
				.fancybox-outer:hover .caption-section-expand {
					opacity:1;
				}

			} 

			/* iPads (portrait and landscape) ----------- */
			@media only screen 
			and (min-device-width : 768px) 
			and (max-device-width : 1024px) {
				.caption-section-expand {
				opacity:1;
				}
			}


			@media only screen and (max-width: 40em) { 
					.caption-section-expand {
					opacity:1;
					position: relative;
					padding-top: 0;
					background:#2c2c2c;
					}

					div.slide-count {
						margin-left: 0;
					}

				}



			img.expand-photo {
				max-width: auto;
				max-height:45rem;
			}

			div.fancybox-inner {
				overflow: hidden !important;
			}

				@media only screen and (min-width: 105em) { 
				img.expand-photo {
					max-width: auto;
					max-height:50rem;
				}
				}



				@media only screen and (max-width: 64em) { 
				img.expand-photo {
					max-width: auto;
					max-height:36rem;
				}

			}
				/*caption scrollable on mobile*/
				@media only screen and (max-width: 40em) { 
					div.fancybox-inner {
						overflow: auto !important;
					}

				}



				/*fancybox with video*?*/


				.fancybox-wrap.fancybox-desktop.fancybox-type-iframe.fancybox-opened {
					top:25% !important;
				}

				.fancybox-type-iframe .fancybox-inner {
					height:100% !important;
				}