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

	p a {
		color:#1ca7da;
	}



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


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

	.book-p {
		font-family: 'GoodOT-Book', Verdana, sans-serif;
		font-size:1rem; /*16px*/		
	}
	.info-book-lc {
		font-family: 'GoodOT-Book', Verdana, sans-serif;
		font-size: 0.750rem; /*12px*/
	}

	.info-book-uc {
		font-family: 'GoodOT-Book', Verdana, sans-serif;
		font-size: 0.750rem; /*12px*/
		text-transform: uppercase;
	}

	.info-bold {
		font-family: 'GoodOT-Bold', Verdana, sans-serif;
		font-size: 0.750rem; /*12px*/
		text-transform: uppercase;
	}

	.info-cond-bold {
		font-family: 'GoodOT-CondBold', Verdana, sans-serif;
	}

	.paragraph-leader {
		text-transform: none;
	}


	svg {
		max-height: 100%;
	}

	svg.svg-timeline {
		width: 100%; 
		height: auto;
	}


	
/*foundation override*/


@media only screen and (max-width: 40em) {
	p {
		    margin-left: 1.5rem;
    margin-right: 1.5rem;
	}
}

/*wow js animation*/
/*.wow {
  visibility: hidden;
}*/


/*Top Nav*/


	/*nav sticky*/
	.nav-top-sticky {
		width: 100%;
		position: absolute;
	  z-index: 1000;
	  top: 0;
	  transition: all 0.25s cubic-bezier(0.7, 0.01, 0.3, 1);
	  background: rgba(0,0,0,0.5);
background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, transparent 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.5)), color-stop(100%, transparent));
background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%, transparent 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0.5) 0%, transparent 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0.5) 0%, transparent 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, transparent 100%);
	}
/*	.nav-top-sticky-down {
		background: rgba(0,0,0,0.25);
	}
*/
	.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-child {}

	.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 a.link-hide {
	opacity:1;
	  transition: all 0.25s cubic-bezier(0.7, 0.01, 0.3, 1);
	}

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


	/*nav content*/
	nav.nav-top {
		background-color:transparent;
		height:4.063rem;
	}
		@media only screen and (max-width: 64em) { 
			nav.nav-top { 
				height:2.938rem;}
		}


		/*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;
					padding-left:0;
				}

			}


		/*links*/
		ul.nav-links {
			padding-top:1.2rem;
			float:right;
			color:white;
		}

		ul.nav-links li {
			display:inline-block;
			margin-left: 1rem;
		}

			@media only screen and (max-width: 64em) {
				ul.nav-links li {
					font-size:.85rem;
				}

			}
			
			

		.nav-link {
			margin-left:0.313rem;
			font-family:'GoodOT-Book', Verdana, sans-serif;
			font-size:0.750rem;
		}

		.nav-title {
			font-family:'GoodOT-CondBold', Verdana, sans-serif;
			font-size:1rem;
			color:white;
			text-transform:uppercase;
			padding-left:0.625rem;
		}

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

				ul.nav-links {
					padding-top: .5rem;
				}

				.nav-link, .nav-title {
					font-size:1.1vw;
				}
			}

		.nav-right {
			float:right;
		}

		.nav-links-site {
			margin-top:-1.500rem; /*40px*/
			padding-bottom:2rem;
		}

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

		.nav-link-contact {
			padding:.5rem 1rem;
			transition: all 0.25s cubic-bezier(0.7, 0.01, 0.3, 1);
		}

		.nav-link-contact:hover {
			background-color: #00c7ae;
		}

		/*nav social*/

		li.row-shareDrawer {
			vertical-align: middle;
		}

		ul.list-shareDrawer {
			float:right;
			opacity:0;
			display:none;
		}
		.icon-share-nav {
			max-width:1.875rem;
			margin-left:0.3rem;
		}
			@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
				.icon-share-nav {
				max-width:1.50rem;
				margin-left:0.2rem;
				}
			}


	ul.nav-links li ul.nav-social li,
	ul.nav-links li#toggle {
		margin-left:.25rem;
	}




/*Footer*/

	footer {
		border-top:#777777 solid 1px;
		padding-top:1rem;
		padding-bottom:1rem;

	}

	body#coverage footer {
		border-top:none;
	}

	body#gallery footer {
		border-top:none;
		margin-top:15rem;
	}

	/*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', Verdana, sans-serif;
			text-transform: uppercase;
		}


		/*footer section link*/
		.footer-link {
			margin-bottom:.25rem;
			font-family:'GoodOT-Book', Verdana, sans-serif;
			font-size:.85rem;
		}

	/*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;
			background-color: #2c2c2c;
			padding-right: 1em;
		}


			@media only screen and (max-width: 64em) {
				.copyright {
					float:left;
				}

				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,
		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;
			}
		}

/*Sections*/

	/*Sections global*/


	main {
		padding-bottom:4rem;
		background-color: #fff;
	}

	@media only screen and (max-width: 40em) {
		a.fancybox-nav.fancybox-prev,
		a.fancybox-nav.fancybox-next {
			display:none;
		}
	}

	header {
		background-color: #fff;
	}

	

/*================================================================*/

	/*Page INDEX*/
	/*BODY full image background*/
	body#index {
		background-image: url(../assets/index/viewport/AP17748677527.jpg);
		background-position: top left;
		  background-repeat: no-repeat;
		  background-size: cover;
	}
		


	/*Page title position from top of viewport*/
	body#index div.ground {
		padding:0;
	}
	body#index div.page-title {
		margin-top: 12%;
		width: 100%;
	}

	/*Explore button position*/
	.page-title .button-primary {
		margin-top: 1rem;
	}


	body#index .bottom-left,
	body#story header .bottom-left 
	 {
		position: absolute;
		bottom:0;
		margin-left: .39063rem;
		}

	body#index figcaption.photo-caption-header {
			opacity:0;
			margin-bottom: 0;
			z-index:0;
	}

	body#index .caption-button {
		position: absolute;
		bottom:0;
		z-index: 1000;
	}


	body#index figcaption.photo-caption-header ul.social-icons {
		position:relative;
		margin-top:4rem;
	}





	/*copyright*/
	body#index .copyright {
		position:absolute;
		bottom:0;
		right:0;
		margin-right:4.375rem;

	}


	.copyright p {
		font-family: "GoodOT-Book", Verdana, sans-serif;
		font-size: 0.750rem;
		color:#b5b5b5;
		text-align: right;
	}



/*================================================================*/


	/*Page COVERAGE*/

	body#coverage header {
		height:100%;
		width:100%;
		margin-bottom:4rem;
	}

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

			body#coverage header {
				height:auto;
			}
		}

	body#coverage main {
		padding-bottom: 0;

	}



	.headerImg {
		background-image:url(../assets/index/header/AP17748677527.jpg);
		background-position: bottom left;
		background-repeat: no-repeat;
		background-size: cover;
		height:100%;
		width:100%;
		position: relative;
	}

	@media only screen and (max-width: 40em) { 
		.headerImg {
			background-position: center left;
			height:30%;
		}
	}

	.headerImg h1 {
		margin-bottom: 1rem;
	}

		@media only screen and (max-width: 40em) { 
			.headerImg h1 {
				font-size: 2rem;
			}
		}

	.headerImg .button-primary {
		display: inline;
		margin-top:1rem;
		background-color: #f1be00;
		-webkit-transition: all .6s ease;
	    -moz-transition:    all .6s ease;
	    -o-transition:      all .6s ease;
	}

	.headerImg .button-primary:hover {
		background-color: #d8a538;
	}

	.headerImg .button-primary img {
		display: inline;
		max-width:1.5rem;
		margin-left:.5rem;
	}

	body#coverage .page-title {
		padding-top:20%;
		z-index: 10;
		-webkit-transition: all .6s ease;
	    -moz-transition:    all .6s ease;
	    -o-transition:      all .6s ease;
	}

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

			body#coverage .page-title {
			padding-top:15%;
			}
		}


		@media only screen and (max-width: 40em) { 
				body#coverage .page-title {
					padding-top:50%;
				}

		}



	body#coverage .bottom-left,
	body#coverage .caption-button {
		position: absolute;
		bottom:0;
	}


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

					body#coverage .bottom-left,
					body#coverage .caption-button {
						display: none;
					}
			}

	body#coverage .caption-button {
		z-index: 2;
	}

	body#coverage figcaption.photo-caption-header {
		opacity:0;
		margin-bottom: 0; }



	body#coverage header p {
		padding-bottom: 2rem;
	}

	body#coverage .card {
		margin:0 0 2rem 0;
		padding:0 2rem 0 0;
	}

	@media only screen and (max-width: 40em) { 
		body#coverage .card {
		padding:0;
		}	

	}

	body#coverage .card figcaption {
		padding:1.5rem 0 1.5rem 2rem;
	}

	.coverage-card-story .eyebrow-headline {
		font-size: 2rem;
		line-height:1.2;
	}

		@media only screen and (max-width: 64em) { 
			.coverage-card-story .eyebrow-headline {
			font-size: 1.5rem;
			}

			.coverage-card-story p {
				font-size: .75rem;
			}
		}

	.coverage-card-story .eyebrow {
		font-size: .75rem;
	}

	.coverage-card-story p {
		padding-bottom: 0;
		padding-top:.25rem;
	}

	.coverage-card-story .icon-go-circle {
		    position: absolute;
		    bottom: 0;
		    right: 0;
		    margin-right: 1rem;
		    margin-bottom: 1rem;
			-webkit-transition: all .45s ease;
		    -moz-transition:    all .45s ease;
		    -o-transition:      all .45s ease;
	}

	.coverage-card-story .card:hover > .icon-go-circle {
		margin-right:.5rem;
	}

	.icon-go {
			max-height: 2rem;
		    height: 2rem;
		    display: inline-block;
	}

		@media only screen and (max-width: 64em) { 
			.icon-go {
					max-height: 1.5rem;
				    height: 1.5rem;
				    display: inline-block;
			}
		}

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

		body#coverage p {
			margin-left:0;
			margin-right:0;
			}
		}


/*include note on post preview card*/

.include-note {
	padding-top:.75rem;
	padding-bottom:.5rem;
}

.icon-note {
	max-height: 1.25rem;
    height: 1.25rem;
    display: inline-block;
    margin-right:.25rem;
    margin-top: -.1rem;
}

/*section card highlight for image gallery*/

body#coverage .card-highlight {
	padding-top:2rem;
}

.card-gallery {
	background-image:url(../assets/coverage/AP290102919666.jpg);
		background-position: bottom left;
		background-repeat: no-repeat;
		background-size: cover;
	min-height:20rem;
}

.card-gallery h2 {
	text-align: center;
	margin-top:15%;
	-webkit-transition: all .45s ease;
    -moz-transition:    all .45s ease;
    -o-transition:      all .45s ease;
}
	

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

			.card-gallery h2 {
				margin-top: 28%;
			}

		}

.card-gallery img {
	display: inline-blgraock;
	max-width:2rem;
	margin-left:1rem;
	vertical-align: middle;
}


.card-gallery:hover > h2 {
	padding-left:2rem;
}



body#coverage footer {
	padding-top:1rem;
	padding-bottom:1rem;
}

.card,
.card img,
.card figcaption * {
		-webkit-transition: all .6s ease;
    -moz-transition:    all .6s ease;
    -o-transition:      all .6s ease;

}


/*================================================================*/


	/*Page Video*/



	body#video .flex-video {
		margin-top:8.750rem;
	}



/*================================================================*/


	/*Page Gallery*/

	html#gallery {
		background-color: #000;
	}

	body#gallery {
		height:100%;
		background-color:rgba(44,44,44,.25);
	}

/*	section#gallery-area {
		height:80%;
	}*/

	body#gallery figure {
		max-height:650px;
	}



		/*xlarge screens */
		@media only screen and (min-width: 90.063em) { 
			
			body#gallery figure {
				max-height:900px;
			}

		}

/*GALLERY BUTTONS*/
.flickity-prev-next-button.previous {
    left: -2.5rem;
}

.flickity-prev-next-button.next {
    right: -2.5rem;
}

	@media only screen and (max-width: 64em) {
		.flickity-prev-next-button.previous {
		    left: 10px;
		}

		.flickity-prev-next-button.next {
		    right: 10px;
		}

	}



/*GALLERY NAV*/
	.gallery-nav {
		margin-top:1rem;
	}

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


		}


	.gallery-nav .gallery-cell {
		bottom:0;
		opacity:.5;
		-webkit-transition: all .45s ease;
	    -moz-transition:    all .45s ease;
	    -o-transition:      all .45s ease;
	}

	.gallery-nav .gallery-cell.is-nav-selected {
	  opacity: 1;
	}

	.gallery-nav .flickity-prev-next-button {
		top:30%;
	}





	.story-continue {
		opacity:0;
		margin-top:-35%;
		display: none;

	}

	.story-continue .button-primary {
		margin-top:1rem;
		margin-right:1rem;
	}

	.back-to-timeline {
		opacity:0;
	}

	/* Fade CSS */

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

.gallery-slideshow .flickity-slider {
  transform: none !important;
}

.gallery-slideshow .gallery-cell {
  left: 0 !important;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  z-index: -1;
}

.gallery-slideshow .gallery-cell.is-selected {
  opacity: 1;
  z-index: 0
}

} 



}

/*================================================================*/

	/*Page STORY*/
	body#story main {
		background-color: #fff;
		padding-top:2rem;
	}

	.main-text {
		padding-top:3rem;
	}



	body#story 	.nav-top-sticky {
		width: 100%;
		position: absolute;
	  z-index: 1000;
	  top: 0;
	  transition: all 0.25s cubic-bezier(0.7, 0.01, 0.3, 1);
	  background: transparent;
	}

	body#story .nav-top-sticky .row {
		    background: rgba(0,0,0,0.5);
    background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, transparent 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.5)), color-stop(100%, transparent));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%, transparent 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0.5) 0%, transparent 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0.5) 0%, transparent 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, transparent 100%);
	}


	/*header size*/
	body#story header {
		max-height:40rem;
		 position: relative;
		overflow: hidden;
	}

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

			body#story header {

			}
		}
		

	body#story header figure { 
	display: block; 
	position: relative; 
	background-color: #000;
	}

	body#story header figure img.figure-bg {
	opacity:.75;
	-webkit-transition: all .6s ease;
	-moz-transition:    all .6s ease;
	-o-transition:      all .6s ease;	
	}



	body#story header .section-title {
	position:absolute;
	top:0;
	padding-bottom:2rem;
	-webkit-transition: all .6s ease;
	-moz-transition:    all .6s ease;
	-o-transition:      all .6s ease;
	}

	/*Page title position from top of viewport*/
	body#story header div.page-title {
		margin-top: 12rem; 
	}

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

			body#story header div.page-title {
				margin-top: 8rem; 
			}

			body#story header div.page-title .eyebrow-headline {
			font-size: 3rem;
			}



		}

		@media only screen and (max-width: 40em) { 
			body#story header div.page-title {
			margin-top: 4.313rem; /*69px or 1 logo height*/
			}
		}

	/*byline positioning*/
	.block-byline {
		margin-top:1rem;
	}
	.block-byline p {
		padding-bottom:0;
	}


	/*header caption styles*/
	header ul.social-icons {
		position:relative;
		margin-top:3rem;
	}

		/*header caption hover*/

		figure.header-img {
			-webkit-transition: all .6s ease;
			-moz-transition:    all .6s ease;
			-o-transition:      all .6s ease;		}

		figure.header-img .caption-button {
			position:absolute;
			bottom:0;
			opacity:1;
			z-index:1000;
			background-color: rgba(0,0,0,.75);
			margin-bottom:.5rem;
			padding:.5rem;
			font-size:.75rem;
			-webkit-transition: all .6s ease;
			-moz-transition:    all .6s ease;
			-o-transition:      all .6s ease;
		}

		figcaption.photo-caption-header {
			opacity:0;
			margin-bottom: -30%;
			padding-bottom: 1rem; 
			-webkit-transition: all .6s ease;
			-moz-transition:    all .6s ease;
			-o-transition:      all .6s ease;
			background: #000000; /* Old browsers */
			background: -moz-linear-gradient(top,  transparent 0%, rgba(0,0,0,0.85) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,transparent), color-stop(100%,rgba(0,0,0,0.85))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  transparent 0%,rgba(0,0,0,0.85) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  transparent 0%,rgba(0,0,0,0.85) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  transparent 0%,rgba(0,0,0,0.85) 100%); /* IE10+ */
			background: linear-gradient(to bottom,  transparent 0%,rgba(0,0,0,0.85) 100%); /* W3C */

		}


/*header responsive*/
		@media only screen and (max-width: 40em) { 

		body#story header figure img.figure-bg {
		opacity:.5;
		}

		.img-timeline,
		figure.header-img .caption-button,
		figcaption.photo-caption-header {
			display: none;
		}
 
		body#story header {
			min-height:20rem;
		}


		body#story header div.page-title .eyebrow-headline {
			padding-top:2rem;
			font-size:2rem;
			margin-left:1.5rem;
			margin-right:1.5rem;
		}

	}
	/*external link button*/

	.button-external-link {
		margin-top:-2rem;
	}

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

				.button-external-link {
					margin-bottom:2rem;
				}
		}

	
	.right {
		float: right;
	}

	.button-external-link .button-text-go-white {
		padding:0;
		margin-top:.5rem;
	}

	.button-external-link .button-text-go-white:after {
	  background-image: url(../globals/icons/svg/icon-go/icon-go-circle-white.svg);
	  float:right;
	  width: 2em;
	 height: 2em;

	  
	}
	.title-external-link {
		font-family: "GoodOT-CondBook", Verdana, sans-serif;
		font-size:1.5rem;
		text-transform: none;
		line-height:1;
		padding-bottom: 0;
	}
	.subtitle-external-link {
		font-family: "GoodOT-Book", Verdana, sans-serif;
		font-size:1rem;
		text-transform: none;
	}

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

			.button-external-link .button-text-go-white {
				display: none;
			}
 			.button-external-link {
 				margin-bottom:1rem;
 			}

		}
	/*pull quote*/

	.pull-quote {
		padding-left:2rem;
	}
	

	.pull-quote p {
		text-indent: -0.42em; 
		font-size:3rem; /*64px*/
		line-height: 1.25;
		padding-bottom:0;
		font-family: 'FreigTexProBookIt', Georgia, serif;
	}


	.pq-small p{
		font-size: 2.25rem;
	}
	
	.no-quote p{
		text-indent: 0em;
	}

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

				.pull-quote p { 
					font-size:2rem;
				}
				
				.pq-small p{
					font-size: 1.5rem;
				}


		}


		@media only screen and (max-width: 40em) { 
			.pull-quote {
				padding-left:1rem;
				padding-bottom:1rem;
			}


		}

	/*.pull-quote ul.social-icons {
    position: relative;
    margin-top: .5em;
}

	.pull-quote img.icon-social {
		opacity:0;
		-webkit-transition: all 0.6s ease;
		-moz-transition:    all 0.6s ease;
		-o-transition:      all 0.6s ease;
	}

	.pull-quote:hover img.icon-social {
		opacity:1;
	}

	@media only screen and (max-width: 40em) {
		.pull-quote ul.social-icons {
			margin-left:1.5rem;
			margin-top:1rem;
		}

		.pull-quote .icon-share-toggle {
			display: none;
		}

		.pull-quote img.icon-social {
			opacity:1;
		}

	}*/


	/*video block in sidebar*/

	.block-video {
		margin-left:3rem;
	}



	/*link block in sidebar*/

	.block-link {
		margin-bottom:1rem;
	}


/*================================================================*/

/* START THIS SHOULD REPLACE PHOTO CAPTION HOVER STYLES IN BLOCKS.CSS */

/*================================================================*/

	/*figure with caption and also block links*/

		figure.with-caption { 
		display: block; 
		position: relative; 
		overflow: hidden; 
		}

		figure.full-row {
			margin:2rem 0;
		}

		figure.right-column-img {
			margin-bottom:2rem;
		}


		.left-column-p {
			padding-right:2rem;
		}


		/*block link icon style*/
		.block-link-icon-large {
			position:absolute;
			max-height:3rem;
			max-width:3rem;
			margin: 1rem;
		}

		.block-link-icon-small {
			position:absolute;
			max-height:2rem;
			max-width:2rem;
			margin: .75rem;
		}	


		/*figcaption position styles*/
		.with-caption figcaption {
			position:absolute;
			bottom:0;
			padding:1rem;
			background: #000000; /* Old browsers */
			background: -moz-linear-gradient(top,  transparent 0%, rgba(0,0,0,0.85) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,transparent), color-stop(100%,rgba(0,0,0,0.85))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  transparent 0%,rgba(0,0,0,0.85) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  transparent 0%,rgba(0,0,0,0.85) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  transparent 0%,rgba(0,0,0,0.85) 100%); /* IE10+ */
			background: linear-gradient(to bottom,  transparent 0%,rgba(0,0,0,0.85) 100%); /* W3C */
		}

/*		.with-caption figcaption.photo-caption-v{
			padding-bottom: 2rem;
		}

		.with-caption figcaption.photo-caption-h{
			padding-bottom: 1rem;
		}

			@media only screen and (max-width: 40em) { 
				.hidden .with-caption figcaption.photo-caption-v,
				.hidden .with-caption figcaption.photo-caption-h {
					padding-bottom: 3rem;
				}

			}

*/

		.with-caption figcaption.on-hover {
			/*slide effects*/
			opacity: 0;
			bottom: -30%; 
			left: 0;
			-webkit-transition: all 0.6s ease;
			-moz-transition:    all 0.6s ease;
			-o-transition:      all 0.6s ease;
		}

			@media only screen and (max-width: 64em) { 
				.with-caption figcaption.on-hover {
					opacity: 1;
					bottom:0;
				}

			}

			@media only screen and (max-width: 40em) { 
				.with-caption figcaption.on-hover {
					opacity: 1;
					bottom:0;
				}

			}


		.with-caption:hover figcaption.on-hover {
			opacity: 1;
			bottom:0;
		}

		.with-caption:hover figcaption.on-hover.photo-caption-v {
			padding-bottom:1rem;
		}

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

			.caption-icons-left {
				padding-left:.5rem;
			}


			figcaption.on-hover.photo-caption-v .icon-expand {
				float:left;
				margin-bottom: 0rem;
			}
			}

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

			.with-caption:hover figcaption.on-hover.photo-caption-v {
				padding-bottom:2rem;
			}

			.icon-expand {
				float:left;
			}

			figcaption.on-hover.photo-caption-v .icon-expand {
				margin-bottom: 0;
				margin-left:0rem;
			}


			}

		.with-caption:hover figcaption.on-hover.photo-caption-h {
			padding-bottom:1rem;
		}


			/*figcaption text styles for video link*/
			.with-caption figcaption .eyebrow {
				font-size:.750rem;
				padding-bottom: .25rem;
			}

			.with-caption figcaption .eyebrow-headline {
				font-size:1rem;
			}


			/*fig caption text styles for photo captions */
			.caption-text, 
			.caption-credit {
				font-size: 0.875rem;
			}








/*================================================================*/

/* END THIS SHOULD REPLACE PHOTO CAPTION HOVER STYLES IN BLOCKS.CSS */

/*================================================================*/




	/*image stream*/

	.img-stream {
		margin-top:2rem;
		margin-bottom:2rem;
	}


	/*prompt*/

	.prompt {
		margin: auto 0;
	    height: 8px;
	    width: 75%;
	}

	/*figure right of prompt position for even spacing*/
	.prompt-img-r {
		margin-right: 1rem;
    	margin-left: -1rem;
	}


			@media only screen and (min-width: 90.063em) { 
				.prompt {
					margin-left:.5rem;
					height:8px;
					width:60px;
				}

			}
			

			@media only screen and (max-width: 64em) {
				.prompt {
					margin:0 auto;
					height:6px;
					width:45px;
				}

				.prompt-img-r {
					margin-right: 1rem;
			    	margin-left: 0rem;
				}

			}


	/*reporting note at the end of the story*/
	.reporting-note {
		margin-top:2rem;
		border-top:1px solid #000;
		padding-top:1rem;
	}

	.reporting-note p {
		font-family: 'GoodOT-Book', Verdana, sans-serif;
		font-size: .75rem;
	}
	
	.reporting-note .good-bold {
		font-family: 'GoodOT-Bold', verdana, sans-serif !important;
	}


/*================================================================*/

/*next story section*/
section.next-story {
	padding-bottom:2rem;
}

/*next story timeline position*/
section.next-story .img-timeline {
	margin-top:4.5rem;
	margin-bottom:2rem;
}


section.next-story figure { 
display: block; 
position: relative; 
background-color: #000;
max-height: 30rem;
overflow: hidden;
}

section.next-story figure img.figure-bg {
	opacity:.75;
	-webkit-transition: all 0.6s ease;
	-moz-transition:    all 0.6s ease;
	-o-transition:      all 0.6s ease;	
}

section.next-story:hover figure img.figure-bg {
	opacity:.5;
	-webkit-transition: all 0.6s ease;
	-moz-transition:    all 0.6s ease;
	-o-transition:      all 0.6s ease;	
}


section.next-story figcaption {
position:absolute;
top:0;
padding-bottom:2rem;
margin-top: 4rem;
width:100%;
}

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

		section.next-story .eyebrow {
			font-size: .75rem;
		}
		section.next-story .eyebrow-headline {
			font-size: 2rem;
		}

		section.next-story figure img.figure-bg {
			opacity:.5;
		}
	}

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

		section.next-story {
			max-height:30rem;
			
		}

		section.next-story .block-byline p {
			margin-left:0;
			padding-left:0;
		}

	}



/*================================================================*/

/*block links section*/

section.block-links {
	padding-top:2rem;
	padding-bottom: 2rem;
}


section.block-links .with-caption figcaption {
	padding-bottom:0;
}

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

		section.block-links .with-caption {
			margin-bottom:1rem;
		}
	}


/*================================================================*/

	
	
	/*book card*/	
		.book-card {
			margin-top: 5rem;
			cursor: pointer;
			padding: 0 !important;
			position: absolute;
			right: 4.375rem;
			bottom: 2.5rem;
			border-radius: 2px;
		}
				
			.book-text:hover{
				background-color: white;
				color: black;
				transition: .75s;
			}
			
			.book-cover:hover + .book-text{
				background-color: white;
				color: black;
				transition: .75s;
			}
		
		.book-cover {
			padding: 0 !important;
			width: 3.75rem;
			float: left;
			background-color: black;
		}
		
		.book-text {
			padding: 1rem 1rem .75rem 1rem;
			float: left;
			margin-left: .75em;
			transition: .75s;
			color: white;
		}
		
		.book-text-text{
		}
		
		.book-title {
			font-size: 1.25rem;
			font-family: "GoodOT-CondBook", sans-serif;
		}
		
		.book-eyebrow {
			font-size: .75rem;
			font-family: "GoodOT-Bold", "Arial", sans-serif;
		}
		
		.arrow {
			width: 1.5rem;
		}



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

		.book-card {
			bottom: none;
			right: none;
			visibility: hidden;
		}
		
		.book-text {
			color: black;
			background-color: white;
		}
	}


				

	/*form styles*/

		/*form validation*/
			.leadSuccessx2 {
			  position: absolute;
			  left: -999em;
			  opacity:0;
			}

		/*form layout*/
			div.form-section {
				margin-bottom:1rem;
			}




		/*form text inputs*/

			/*on default*/
			input[type=text], input[type=email], input[type=tel], input[type=password] {
 			border-bottom-width: 1px;
 			transition: all 0.25s cubic-bezier(0.7, 0.01, 0.3, 1);
 			margin-bottom:0; /*removing of margin-bottom since label is below*/
 		}

			/*on focus*/
			input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=password]:focus {
			    border-bottom-color: #00a3a8;
			    border-bottom-width: 2px;
			}



		/*input label reveal*/

			/*input label layout*/
			.input-section {
				height:100%;
				margin-top:1rem;
			}

			label.form-input-title {
		    font-size: 0.750em;
		    font-family: "GoodOT-Bold", Verdana, sans-serif;
		    text-transform: uppercase;
		    padding-bottom: 0em;
		    color:#00a3a8;
		    margin-top:-3rem;
				margin-bottom:3rem;
		    display:block;

			}
/*
			label#form-input-title-username {
				margin-top:-3rem;
				margin-bottom:3rem;
			}*/

			/*input label visibility change on focus*/
			label#form-input-title-username,
			label#form-input-title-password {
				opacity:0;
				transition: all 0.25s cubic-bezier(0.7, 0.01, 0.3, 1);
			}

			input#username:focus + #form-input-title-username,
			input#password:focus + #form-input-title-password {
		   	opacity:1;
			}

			/*remember username checkbox position*/
			.checkbox-remember label {
				float:right;
			}


			
			/*remember username checkbox color*/
			input[type=checkbox]:not(old) + label > span, input[type=radio ]:not(old) + label > span {
				border: .1em solid #777777;
			}

			input[type=checkbox]:not(old):checked + label > span:before {
				color:#777777;
			}

			/*login button adjust margin-top*/
			form.login button {
				margin-top:.25rem;
			}



@media screen and (min-width:0\0) {
    

div#rsr {
	height:600px;
}

 ul.social-icons li {
    margin-left:-2rem;
  }


.card-total {
	background-color: yellow;
}

.with-caption figcaption {
	background:rgba(0,0,0,.5);
}
}

/*gallery in small mobile*/

@media only screen and (max-width: 40em) {
	body#gallery .with-caption figcaption {
		position:relative;
		bottom:none;
	}

	body#gallery .flickity-prev-next-button {
		top:25%;
	}