/*!
Launched:2017-XX-XX
Authors:Taylor Packet, Erik Runyon
Marketing Communications:Web

CONTENTS
-----------------------------------------
1. Common Styles
2. Screen Styles
3. Media Queries
4. Themes
5. Print Styles

BRANDING
-----------------------------------------
1. COLORS
	 - Blue (Headings):#002b5b
	 - Blue (Links):#004da3
	 - Gold:#dcb439

2. FONT STACKS
	 - Headings:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif
	 - Body:font-family:Lora, "Times New Roman", Times, serif
*/

@import url('https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');

/*************************************************************************************
 * 1. Common Styles
 ************************************************************************************/
*, *:before, *:after {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
@-ms-viewport {width:device-width; zoom:1;}
@-o-viewport {width:device-width; zoom:1;}
@viewport {width:device-width; zoom:1;}

html {width:100%; margin:0; padding:0; font-size:100%; overflow-y:scroll;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	text-size-adjust:100%;
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	font-smoothing:antialiased;
}
body {width:100%; margin:0; padding:0; color:#eee; font:1em/1.5em Lora, "Times New Roman", Times, serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {display:block;}
audio, canvas, video {max-width:100%; width:100%; display:inline-block; *display:inline; *zoom:1;}
audio:not([controls]) {display:none;}
[hidden] {display:none;}
p {margin:0 0 1em; font-size:1.15em; line-height:1.7em;}
a {color:#37486a; outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-transition:all 125ms ease;
		 -moz-transition:all 125ms ease;
			 -o-transition:all 125ms ease;
					transition:all 125ms ease;
}
a:visited {color:#4a3651; text-decoration:none; }
a:hover {color:#5873a9;}
a:active {color:#37486a;}
a:focus {outline:thin dotted;}
a.tapped {background-color:rgba(220,179,57,0.5);}
a img {outline:none;}
::-moz-selection,
::selection {background:#0058cf; color:#fff; text-shadow:none;}
strong, b {font-weight:bold;}
em, i {font-style:italic;}
h1,h2,h3,h4,h5,h6 {margin:1.4em 0 0.25em; line-height:1.2em; color:#fff; font-weight:700; text-rendering:optimizeLegibility; font-family:"GP", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {text-decoration:none;}
h1 a:visited,h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited,h6 a:visited {color:#004da3;}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {text-decoration:underline;}
h1 {margin-top:0; font-size:2.5em;}
h2 {margin:0 0 0.25em; font-size:2.4em; }
h3 {font-size:1.563em;}
h4 {font-size:1.375em;}
h5 {font-size:1.188em;}
h6 {font-size:1em;}
h1 + h2,
h2 + h3,
h3 + h4,
h4 + h5 {margin-top:0;}
ol, ul {margin:1em 0; padding:0 0 0 2em;}
li {margin:0 0 0.25em;}
nav ul {margin:0; padding:0; list-style:none;}
nav li {margin:0; padding:0;}
nav a {text-decoration:none;}
iframe, embed {width:100%;}
sup {vertical-align:super; font-size:smaller;}
sub {vertical-align:sub; font-size:smaller;}
pre, code, kbd, samp {font-family:monospace, sans-serif;}
hr {clear:both; width:100%; margin:1em 0; border:1px solid #dadada; border-width:1px 0 0;}

/* Quotes
----------------------------------------------------*/
blockquote {position:relative; margin:1rem 0; padding:0; font-size:1.3em; line-height:1em; text-align:left;}

	.slide-text blockquote p {padding:0 0 0 2.5em; font-size:1.25rem; background:url(images/quote.svg) no-repeat; background-size:35px auto;}
	.alex-kawooya .slide-text blockquote p {background-image: url(images/quote2.svg);}
	.mildred-apenyo .slide-text blockquote p {background-image: url(images/quote3.svg);}

/* Images
----------------------------------------------------*/
figure {margin:0;}
figure.inline {margin:2em auto;}
figcaption {clear:both; margin:0.5em 0 0.75em; font-size:0.95rem; text-align:left; width:98%; color:#888; line-height:1.4em; font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; }
figcaption a { color:#932e18; }
figcaption a:hover { color:#711e0e; }
figcaption a:visited { color:#713e33; }
img {max-width:100%; width:auto; height:auto; border:none; vertical-align:bottom; -ms-interpolation-mode:bicubic;
	-webkit-box-sizing:content-box;
		 -moz-box-sizing:content-box;
					box-sizing:content-box;
	-webkit-transition:all 125ms ease;
		 -moz-transition:all 125ms ease;
			 -o-transition:all 125ms ease;
					transition:all 125ms ease;
}

/* General Classes
----------------------------------------------------*/
.noborder {border:none !important;}
.ndmark {display:block; width:200px; max-width:100%; text-decoration:none;}

.cf:before, .cf:after {content:"\0020"; display:block; height:0; overflow:hidden;}
.cf:after {clear:both;}
.cf {zoom:1;}

.btn	{ padding:0.5rem 1rem; display:inline-block; text-decoration:none; border:1px solid; }

.skip-links {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;}
.skip-links:active, .skip-links:focus {clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto;}

.visibility-hidden {display:none !important;}
.no-margin {margin:0;}

/* Safari
----------------------------------------------------*/
.safari .hero {height: 78vh; }
.safari .hero:before {padding:0; display:none;}
.safari .page-title:after {content: ""; margin: 0.7em 0; display: block; height: 6px; width: 100px; background: #C99700;}

/*************************************************************************************
 * 2. Screen Styles
 ************************************************************************************/
@media screen,projection {
	body {background:#222;}

	.row {width:100%; margin:0 auto; *zoom:1;}
	.row:before, .row:after {content:" "; display:table;}
	.row:after {clear:both;}

	.wrapper {height:100%; position:relative; right:0; overflow:hidden; -webkit-transition:0.15s ease; transition:0.15s ease;}
		.wrapper.active {right:13.755rem;}

	.nav-footer {padding:0.5em 1.75em; background:#333;}
	 .nav-footer nav li {margin:0.75em 0; font-size:1.2rem; font-family:GP, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
	 .nav-footer nav li a {color:#eee;}
	 .eve-zalwango .nav-footer nav li.eve,
	 .alex-kawooya .nav-footer nav li.alex,
	 .mildred-apenyo .nnav-footer nav li.mildred,
	 .home .nav-footer nav li.home,
	 .safari .nav-footer nav li.safaris {font-weight:bold;}

	.nav-mobile {overflow-y:scroll; position:fixed; top:0; bottom:0; -webkit-transition:0.15s ease; transition:0.15s ease; right:-13.755rem; width:13.755rem; height:auto; padding:1em; border-left:1px solid rgba(0,0,0,0.3); background-color:rgba(200,200,200,0.2); box-shadow:0 0 8px 0 rgba(0,0,0,0.25) inset;}
	.nav-mobile.active {right:0;}
	.nav-mobile .search-form {display:block; margin:0 auto 1.5em; padding:1px 1px 1px 4px; border:1px solid #888; font-size:0.75rem; line-height:1.1em; background-color:#fff; border-radius:3px;}
	.nav-mobile .search-input {width:82%;}

	.nav-skip {position:absolute; top:3.6rem; right:0.8rem; display:block; width:2.6rem; height:2.6rem; padding:0.5em 0; text-indent:2.1875em; font-size:1.3rem; line-height:1.9em; text-align:center; text-decoration:none; border:1px solid #001227; border-radius:3px; background:#0c2340; box-shadow:0 1px #007ad9 inset, 0 -12px 3px -10px rgba(0,0,0,0.4) inset; }
	.nav-skip span {position:relative; top:0.4em; margin:0 auto; -webkit-transition-duration:0s; transition-duration:0s; -webkit-transition-delay:0.2s; transition-delay:0.2s;}
	.nav-skip span:before,
	.nav-skip span:after {position:absolute; content:'';}
	.nav-skip span,
	.nav-skip span:before,
	.nav-skip span:after {width:1.3em; height:3px; background-color:#eee; display:block; -webkit-transition-duration:0.2s; transition-duration:0.2s; -webkit-transition-delay:0.2s, 0; transition-delay:0.2s, 0;}
	.nav-skip span:before {top:-0.45em;}
	.nav-skip span:after {top:0.45em;}
	.nav-skip.toggled span {background-color:rgba(0,0,0,0.0); -webkit-transition-delay:0.2s; transition-delay:0.2s;}
	.nav-skip.toggled span:before,
	.nav-skip.toggled span:after {top:0; -webkit-transition-delay:0, 0.2s; transition-delay:0, 0.2s;}
	.nav-skip.toggled span:before {-webkit-transform:rotate(45deg);transform:rotate(45deg);}
	.nav-skip.toggled span:after {-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}

	.nav-top { display:none; background:#111; border-bottom:3px solid #353535; font-family:GP, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
		.nav-top li { display:inline-block; padding:0.75rem 0; }
		.nav-top a { display:block; padding:0.25rem 1rem; color:#eee;}
		.nav-top a:hover {color:#888;}
			.nav-top .home {font-weight:700; border-right:1px solid #777; color:#fff;}

	.nav-slides { position:fixed; bottom:0; right:0; z-index:1000; padding:0.25em 1em 0.25em 0.25em; background:rgba(0,0,0,0.8); display:none; }
		.nav-slides a { display:inline-block; padding:0 1rem; line-height:3rem; height:3rem; color:#fff;}
		.nav-slides .disabled { opacity:0.45; }
		.nav-slides #next-slide,
		.nav-slides #prev-slide {text-indent: -9999px; width:60px; background-size:60px auto;}
		.nav-slides #prev-slide {background:url('images/arrow-prev.svg') no-repeat center center;}
		.nav-slides #next-slide {background:url('images/arrow-next.svg') no-repeat center center;}

	.video-link {position:relative; display:block; padding:1.65rem 1rem 1rem 5.5rem; font-family:GP, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; color:#fff; font-size:1.1rem; text-transform:uppercase; letter-spacing:1px; text-decoration: none;}
		.video-link .play { position:absolute; top:0; left:0; width:5rem; height:5rem; margin:0 auto; background:url('images/play-btn.svg') center center no-repeat; background-size:5rem; }
	.slide-bg .video-link { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-shadow: 0 0 20px #000;}
	.overlay .video-link { display:none; }
	a.video-link:visited {color:#eee;}

	.embed-inner {position:relative; padding:0;}
	.embed-inner iframe,
	.embed-inner object,
	.embed-inner embed {position:absolute; top:0; left:0; width:100%; height:100%;}

	progress {position:fixed; left:0; top:0; z-index:10; width:100%; height:5px; border:none; color:#0C2340; background-color:transparent;
		-webkit-appearance:none;
			 -moz-appearance:none;
						appearance:none;
	}
	progress::-webkit-progress-bar {background-color:transparent;}
	progress::-webkit-progress-value {background-color:#0C2340;}
	progress::-moz-progress-bar {background-color:#0C2340;}

	.share,
	.replay {position:relative; float:right; display: block; margin:0.5rem 0 0; padding-right:1.25rem; font-size:14px; cursor:pointer; color:#fff; text-align:right; text-transform:uppercase; font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; letter-spacing:1px; font-weight:400; background:url('images/share-arrow.svg') right center no-repeat; background-size:14px auto;}
	.share:hover {color:#fff; font-weight:bold;}
		.addthis_inline_share_toolbox {opacity:0; position:absolute; top:-4rem; left:4.75rem; transition:opacity 0.7s;}
		.share.active .addthis_inline_share_toolbox {opacity:1;}

	/* Header
	----------------------------------------------------*/
	.site-header {position:relative; z-index:1000; margin:0; }
	.brandbar,
	.titlebar {}
		.brandbar li {margin:0 -0.9375em; padding:0;}
		.brandbar a {display:block;	margin:0 auto; text-decoration:none; height:50px; text-indent:-9999px; overflow:hidden; background-repeat:no-repeat;}
		.dept-nd img {display:none;}
			.dept-nd a {background-position:left 0;}
			.dept a {background-position:right 0;}
	.titlebar {position:relative; z-index:9999; color:#fff; font-family:Lora, "Times New Roman", Times, serif; }
		.site-title {margin-bottom:0.5em; font-size:2.25em; color:#fff; font-family:GP, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-weight:700;}
		.site-title span {margin-top:0.25em; color:#656565; display:block; line-height:1.25em; font-size:0.65em}
		.site-title:after {content:""; margin-top:0.5em; display:block; height:6px; width:100px; background:#C99700;}

	.titlebar-share {position:relative; bottom:2.25rem; margin:0 auto;}
		.share-item {display:inline-block; float:none; margin:0; color:#fff;}
		.header-share {margin-right:1rem; background-image:url('images/header-share.svg');}
		.header-replay {background-image:url('images/spinner.svg');}

		.float-right {float:right;}

	/* Content
	----------------------------------------------------*/
	.site-content {position:relative; padding:0;}
	.section {position:relative; padding:1.5rem; background:none;}

	.hero {position:relative; padding:18vw 1.5rem; min-height:95vh; text-align:center; background:url('images/home-hero-700.jpg') top center no-repeat; background-size:cover; box-shadow: inset 0 -50px 130px rgba(0, 0, 0, 0.75), inset 0 -90px 100px rgba(0, 0, 0, 0.35), inset 0 -200px 200px rgba(0, 0, 0, 0.25); background-attachment: fixed;}
	.hero:before {content:''; position:absolute; bottom:0; display:block; left:0; right:0; padding-top:8.5%; background:url(images/header-shapes.svg) 50% 100% / cover no-repeat;	}

		.hero-content { display:inline-block; margin:0 auto; text-align:left; max-width:40rem; color:#eee; font-family:GP, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
		.hero-content p {font-size:1.275rem;}
		.hero-content a {color:#ccc; border-bottom:1px dotted #C99700; text-decoration:none;}
		.hero-content a:hover {background:#C99700; color:#fff}

	.grid { display:flex; flex-flow:column; }
	.grid-item { display:flex; flex-flow:column; padding:1.5rem; padding-top:60%; text-decoration:none; box-shadow:inset 0 -50px 130px rgba(0,0,0,0.75), inset 0 -90px 100px rgba(0,0,0,0.35), inset 0 -200px 200px rgba(0,0,0,0.25), inset 0 -225px 150px rgba(0, 0, 0, 0.45); background:#222; outline: 2px solid rgba(255, 255, 255, 0.30); outline-offset: -2.25rem; transition:all 225ms ease-in;}
	.grid-item p {margin:0 0 1.5em 2em; padding-right:1.5em; font-size:1rem; line-height:1.45rem; color:#eee; font-family:GP, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; }
	.grid-item:hover {box-shadow:inset 0 -60px 150px rgba(0,0,0,0.85), inset 0 -90px 150px rgba(0,0,0,0.5), inset 0 -300px 300px rgba(0,0,0,0.3);}
	.grid-item a {text-decoration: none; transition:all 225ms ease-in;}
	.grid-item-eve { background:url('images/home-eve.jpg') 50% 50% / cover no-repeat;}
	.grid-item-mildred {background:url('images/home-mildred.jpg') 50% 40% / cover no-repeat; }
	.grid-item-alex {background:url('images/home-alex.jpg') 50% 30% / cover no-repeat; }

	.grid-item h2 {position:relative;}
	.grid-item-eve h2:after,
	.grid-item-mildred h2:after,
	.grid-item-alex h2:after,
	h1.page-title:after {content:''; display:block; margin:-20px 0 0 -5px; height:22px;}

	.grid-item-eve h2:after {background-color:#5aabbc; width:280px;}
	.grid-item-mildred h2:after {background-color:#c99700; width:315px;}
	.grid-item-alex h2:after {background-color:#999623; width:285px;}

	.eve-zalwango h1.page-title:after {background-color:#5aabbc; width:305px;}
	.alex-kawooya h1.page-title:after {background-color:#999623; width:310px;}
	.mildred-apenyo h1.page-title:after {background-color:#c99700; width:335px;}


	.gallery { display:flex; flex-flow:row wrap;	}
	.gallery-item {width:50%; transition:all 300ms ease;}
	.gallery-item:hover {opacity:0.55}

	.byline { position:relative; z-index:1000; padding:3em 1.5rem 1em; font-style:italic; color:#fff; background:#292929; }
	.byline p {margin:0; font-size:1.1em; font-family:Lora, "Times New Roman", Times, serif;}
	.byline ul {padding:0; list-style:none; font-size:0.9em; font-family:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-style:normal;}
	.byline ul strong,
	.byline li {color:#ccc;}
	.byline li {margin:0;}
	.byline a {color:#1a324e;}

	/* Page 'Slides' */
	.slide { position:relative;}
	.slide.intro img {outline: 2px solid rgba(255, 255, 255, 0.30); outline-offset: -1rem;}
	.slide.intro .page-title { position:absolute; bottom:100%; }
	.slide-content { padding:1.5rem; position:relative;	}
	.slide-content p,
	.slide.intro .slide-content p {font-size:1.2rem; font-family:GP,"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; color:#fff;}
	.slide-bg figure { height:100%; min-width:100%; }
	.slide .embed-inner { width:100%; padding-top:56.25%; }
	.safari-cta { position:relative; z-index:1000; padding:1.5rem; background:url('images/safari-1600.jpg') 50% 50% / cover no-repeat; background-position: top; color:#fff; font-family:GP,"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; }
	.safari-cta .btn {background:none; border:3px solid #fff; color:#fff; text-transform:uppercase; letter-spacing:1px; font-size:0.9em;}
	.safari-cta .btn:hover {background:#fff; color:#222;}

	.slide-content:first-child {background:#efefef;}

	.slide.intro .slide-content {font-weight:bold;}

	/* Sub Pages */
	 .eve-zalwango .nav-top {border-bottom:3px solid #5aabbc;}
	 .eve-zalwango .nav-top .current {color:#5aabbc;}

	 .alex-kawooya .nav-top {border-bottom:3px solid #999623;}
	 .alex-kawooya .nav-top .current {color:#999623;}

	 .mildred-apenyo .nav-top {border-bottom:3px solid #c99700;}
	 .mildred-apenyo .nav-top .current {color:#c99700;}

	 .header-image {outline: 2px solid rgba(255, 255, 255, 0.30); outline-offset: -2.25rem; }
	 .alex-kawooya .nav-slides,
	 .mildred-apenyo .nav-slides {}

	 /* Nav */

	 .nav-skip {background:#fff; box-shadow:none; border-radius:0}
	 .nav-skip span, .nav-skip span:before, .nav-skip span:after {background:#333;}

	 .nav-mobile {background:#eee; font-family:GP,"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
	 .nav-mobile nav li {margin:0.75em 0; font-size:1.2rem}
	 .nav-mobile nav li a {color:#444;}
	 .eve-zalwango .nav-mobile nav li.eve,
	 .alex-kawooya .nav-mobile nav li.alex,
	 .mildred-apenyo .nav-mobile nav li.mildred,
	 .home .nav-mobile nav li.home,
	 .safari .nav-mobile nav li.safaris {font-weight:bold;}

	/* Footer
	----------------------------------------------------*/
	.site-footer {position:relative; clear:both; overflow:hidden; margin:0 auto; padding:1em 0; color:#fff; text-align:center; font-family:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; background:#222; border-top:1px solid #111; z-index:100;}
		.footer-inner {position:relative; margin:0 auto; padding:1em 0;}
		.site-footer p {overflow:hidden; margin:0; font-size:0.875em;}
	.site-info {margin:1em 0;}
	.site-info li {display:inline-block; margin:0 2%;}
	.site-footer a {color:#ccc; text-decoration:underline;}
	.geo,
	.country-name {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;}
	.address {display:block; margin:0;}
	.site-link,
	.org,
	.tel {display:block;}
	.ndmark {width:200px; height:70px; margin:2em auto;}

}

/*************************************************************************************
 * 3. Media Queries
 ************************************************************************************/

/* 580px
----------------------------------------------------*/
@media only screen and (min-width:36.25em) {
	.image-right,
	.image-left {max-width:40%;}
	.image-right { float:right; margin:0 0 1.2em 1.2em; }
	.image-left { float:left; margin:0 1.2em 1.2em 0; }
	.header-image {height:450px; background-size:cover;}
}

/* 700px
----------------------------------------------------*/
@media only screen and (min-width:43.75em) {

	.site-title {font-size:4em;}

	.titlebar.row {margin-top:-6.5em;}
	.titlebar-share {position:absolute; bottom:0.5rem; right:3rem;}

	/* .row {max-width:90vw;} */
	.row { padding:0 1.5rem }
	.brandbar li {margin:0 auto;}

	.eve-zalwango h1.page-title:after {width:350px;}
	.alex-kawooya h1.page-title:after {width:358px;}
	.mildred-apenyo h1.page-title:after {width:394px;}

	.nav-footer {display:none;}

	/* Header
	----------------------------------------------------*/
	.site-header {text-align:left; }
	.brandbar {position:relative; padding:0;}
		.brandbar li {float:left;}

	.slide.intro img {outline: 2px solid rgba(255, 255, 255, 0.30); outline-offset: -2.25rem;}

	.hero {background-image:url('images/home-hero-1200.jpg');}

	/* Navigation
	----------------------------------------------------*/

	.nav-skip { display:none; }
	.nav-top { display:block; position:fixed; top:0; left:0; right:0; z-index:1000; transform:translateY(-200%); transition:transform 600ms; }
		.home .nav-top { display:none; }
		.nav-top .current { font-weight:700; }
	.has-sticky-nav .nav-top { transform:translateY(0); }
	.nav-slides { display:block; }

	/* Content
	----------------------------------------------------*/
	.grid { display:flex; flex-flow:row; }
	.grid-column { width:50%; display:flex; flex-flow:column; }
	.grid-item { padding-top:0; }
	.grid-item-eve { padding-top:40%; flex-grow:1; }
	.grid-item h2 { margin-top:auto; }
	.grid-item-alex,
	.grid-item-mildred { min-height:48vh; flex-grow:1; }

	.gallery-item { width:25%; }

	.slide { position:relative; min-height:100vh; }
		.slide-bg { position:absolute; opacity:0; top:0; height:100vh; left:0; right:0; bottom:0; z-index:-1;	transition:opacity 600ms }

		.slide-bg iframe { height:calc(100% - 57px); }
		.slide.active { z-index:99; }
			.slide.active .slide-bg,
			.slide.visible .slide-bg { position:fixed; opacity:1; }
			.slide-bg img { min-height:100%; min-width:100%; object-fit:cover; }
			.slide.image { min-height:66vh; }
			.slide.overlay { color:#fff; min-height:50vh; }
			.slide.overlay.hide { height:0; overflow:hidden; }
			.slide.overlay .slide-bg { opacity:0; background:rgba(11,11,11,0.8); }
			.slide.overlay.active .slide-bg { opacity:1; }
	.slide-content { text-align:center; min-height:100vh; z-index:100; padding-top:25vh; }
	.js .slide-text { text-align:left; margin:0 auto; max-width:35rem; opacity:0; transform:translateY(0); }
		.active .slide-text { opacity:1; transform:translateY(-6.5rem);}

	.slide.text-only .slide-bg { background:#222; }
		.slide.text-only { color:#fff; }
	.slide.intro { min-height:133vh; }
	.slide.intro .slide-content {font-weight:normal;}
	.slide.intro .slide-content p {margin: 0 0 1.75em 1.75em;}
	.slide.intro .page-title { position:static; }
	.slide.intro .slide-content { text-align:left; position:absolute; left:50vw; top:60vh; padding:0; min-height:0; }
	.slide.active .embed-inner { position:fixed; width:100%; padding-top:56.25%; }

	.slide-bg .video-link { display:none; }
	.video-link .play { top:1.35em;}
	.overlay .video-link { margin-top:2em; padding-top:2.4em; display:block; position:relative; top:0; left:0; transform:none; border-top:1px solid rgba(255,255,255,0.75);}
	.video .slide-bg { background:#000; }
	.video .embed-inner { position:absolute; top:50%; left:50%;transform:translate(-50%,-50%);}

	.byline { padding:3rem 0 1.5rem; }
	.safari-cta { padding:12vh 0; }
		.safari-cta .row { display:flex; }
		.safari-cta .cta-heading { min-width:40%; }

		.grid-item::after {content:'View Story'; padding:0 0 0 3em; margin:0 0 2em 2em; height:0; overflow:hidden; color:#fff; font-family:GP,"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; fill:#fff;	background:url('images/more-arrow.svg') no-repeat; background-size:35px auto; transition:height 400ms; }
	.grid-item:hover::after { height:35px; }
	.grid-item-mildred::after {background-image:url('images/more-arrow_gold.svg')}
	.grid-item-alex::after {background-image:url('images/more-arrow_green.svg')}

	 figure.inline {margin:3.5em auto;}
	 figure.inline {margin-left:-1rem; margin-right:-1rem;}

	 blockquote {margin:-2rem 0;}
	 .slide-text blockquote p {padding:0 0 0 3em; font-size:1.5rem; background:url(images/quote.svg) no-repeat; background-size:50px auto;}

	/* Footer
	----------------------------------------------------*/
	.site-footer {text-align:left;}
		.footer-inner {padding:1em 0 2em;}
		.ndmark {position:absolute; right:0; top:2.2em; margin:0;}
		.site-link {display:block;}
		.org {display:inline;}
}

/* 875px
----------------------------------------------------*/
@media only screen and (min-width:54.6875em) {
	h1 {font-size:3em;}
	h2 {font-size:3em;}
	h3 {font-size:1.75em;}
	h4 {font-size:1.5em;}
	h5 {font-size:1.25em;}
	h6 {font-size:1.125em;}

	.grid-item-eve h2:after {width:350px;}
	.grid-item-mildred h2:after {width:394px;}
	.grid-item-alex h2:after {width:358px;}

}

/* 1000px
----------------------------------------------------*/
@media only screen and (min-width:62.5em) {
	.brandbar {padding:0;}

	.site-title {font-size:5em;}
	.hero {padding-top:8vw;}

	.byline {padding-bottom:3em;}
	.byline li {margin:0 4% 0 0; width:44%; float:left;}

	figure.inline {margin-left:-15rem; margin-right:-15rem;}

	.grid-item {box-shadow:inset 0 -50px 130px rgba(0,0,0,0.75), inset 0 -90px 100px rgba(0,0,0,0.35), inset 0 -200px 200px rgba(0,0,0,0.25);}
	.grid-item p {font-size:1.1rem; line-height:1.65rem;}

	/* Navigation
	----------------------------------------------------*/
	.nav-page .title { width:33%; float:left; }
	.nav-page ul { width:66%; float:left; }

	/* Content
	----------------------------------------------------*/
	.section {width:70vw; margin:0 auto;}

	/* Footer
	----------------------------------------------------*/
	.contact-info {margin:0;}
	.site-link,
	.address,
	.site-link,
	.tel,
	.email {float:left; margin:0 1em 0 0;}
	.site-link {margin-right:0.5em;}
	.phone {clear:left;}
}

/* 1200px
----------------------------------------------------*/
@media only screen and (min-width:75em) {
	/* .row {max-width:80vw;} */
	.titlebar-share {bottom:2rem;}
	.hero {background-image:url('images/home-hero.jpg');}
}

/* 1400px
----------------------------------------------------*/
@media only screen and (min-width:87.5em) {
}

/* 1600px
----------------------------------------------------*/
@media only screen and (min-width:100em) {
	.image-right, .image-left {max-width:30%;}
	.image-right {margin-right:-5vw;}
}

/* Fonts
	 https://dev.conductor.nd.edu/fonts/
----------------------------------------------------*/
@font-face {font-family:GP; font-weight:200; font-style:normal;
	src:url('https://static.nd.edu/fonts/gp-min/gp-light.woff') format('woff'),
			url('https://static.nd.edu/fonts/gp-min/gp-light.ttf') format('truetype');
}
@font-face {font-family:GP; font-weight:400; font-style:normal;
	src:url('https://static.nd.edu/fonts/gp-min/gp-book.woff') format('woff'),
			url('https://static.nd.edu/fonts/gp-min/gp-book.ttf') format('truetype');
}
@font-face {font-family:GP; font-weight:600; font-style:normal;
	src:url('https://static.nd.edu/fonts/gp-min/gp-bold.woff') format('woff'),
			url('https://static.nd.edu/fonts/gp-min/gp-bold.ttf') format('truetype');
}
@font-face {font-family:GP; font-weight:700; font-style:normal;
	src:url('https://static.nd.edu/fonts/gp/gp-heavy.woff') format('woff'),
			url('https://static.nd.edu/fonts/gp/gp-heavy.ttf') format('truetype');
}

/* Hi-res
----------------------------------------------------*/
@media
	(-webkit-min-device-pixel-ratio:1.5),
	only screen and (min--moz-device-pixel-ratio:1.5),
	(min-resolution:144dppx){
		.dept-nd a,
		.dept a {background-size:auto 50px;}
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{ padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; color: #444; text-shadow: none; }
.fancybox-opened { z-index: 8030; }
.fancybox-opened .fancybox-skin {}
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 0px; white-space: nowrap; }
.fancybox-image,
.fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span { background-image: url('images/fancybox_sprite.png'); }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }
#fancybox-loading div { width: 44px; height: 44px; background: url('images/fancybox_loading.gif') center center no-repeat; }
.fancybox-close { position: absolute; top: 25px; right: 25px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('images/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }
.fancybox-prev span { left: 10px; background-position: 0 -36px; }
.fancybox-next span { right: 10px; background-position: 0 -72px; }
.fancybox-nav:hover span { visibility: visible; }
.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }

/* Overlay helper */
.fancybox-lock { overflow: hidden !important; width: auto; }
.fancybox-lock body { overflow: hidden !important; }
.fancybox-lock-test { overflow-y: hidden !important; }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('images/fancybox_overlay.png'); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }

/* Title helper */
.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
		 only screen and (min--moz-device-pixel-ratio: 1.5),
		 only screen and (min-device-pixel-ratio: 1.5){
	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('images/fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ }
	#fancybox-loading div { background-image: url('images/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ }
}


/*************************************************************************************
 * 4. Themes
 ************************************************************************************/
@media screen, projection {
	/* Brand Bar
	----------------------------------------------------*/
	.dept-nd a	 {width:301px; background-image:url('https://static.nd.edu/images/brandbar/dept-nd-white.png');}
	.brandbar {background:#fff; border-bottom:1px solid #181b20;}
	.brandbar.theme-bb-blue {background:#0C2340; border-bottom:1px solid #001123;}
}

/* Hi-res
----------------------------------------------------*/
@media
	(-webkit-min-device-pixel-ratio:1.5),
	only screen and (min--moz-device-pixel-ratio:1.5),
	(min-resolution:144dppx){
		.dept-nd a {background-image:url('https://static.nd.edu/images/brandbar/dept-nd-white@2x.png');}
}

/*************************************************************************************
 * 5. Print Styles
 ************************************************************************************/
@media print {

	@page {margin:0.5cm;}
	body {font-family:Georgia, "Times New Roman", Times, serif; color:#000;}
	img, tr {page-break-inside:avoid;}
	p, h2, h3 {orphans:3; widows:3;}
	h2, h3 {page-break-after:avoid;}

	/* Styles
	----------------------------------------------------*/
	a[href^="javascript:"]:after,
	a[href^="#"]:after {content:"";}
	.ndmark {width:150px;}
	.image-right img {float:right; margin:0 0 1em 2em;}
	.image-left img {float:left; margin:0 2em 1em 0;}

	/* HIDDEN
	----------------------------------------------------*/
	progress,
	.breadcrumbs,
	.header-util,
	.skip-links,
	.nav-mobile,
	.nav-site,
	.nav-page,
	.nav-skip,
	.nav-top,
	.nav-slides {display:none;}

	/* STRUCTURE
	----------------------------------------------------*/
	.site-header {overflow:hidden; position:relative; margin:0 0 20px; padding:0 0 20px; border-bottom:1px solid gray;}
		.brandbar {font-size:12px; text-transform:uppercase; font-family:"Adobe Garamond", Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;}
			.brandbar i {text-transform:none;}
		.site-title,
		.subline {margin:0; display:block; font-family:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
		.site-header a,
		.site-title a,
		.subline a {color:#000;}
		.site-title {margin:4px 0 2px; font-size:2em;}
		.subline {font-size:1em;}

	.site-content a:link:after {content:" [link:" attr(href) "] "; font-size:11px; font-family:inherit;}
	.site-content abbr:after {content:" (" attr(title) ")";}

	.site-footer {position:relative; clear:both; margin:20px 0 0; padding:20px 0 0; border-top:1px solid gray;}
		.site-footer p {margin:0;}
		.geo,
		.country-name {display:none;}
		.tel {display:block;}
		.site-footer .ndmark {position:absolute; top:20px; right:0;}
}