/*!
Launched: 2016-04-04
Authors: Nevin McElwrath, Shawn Maust
Marketing Communications:Web

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

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

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

/*************************************************************************************
 * 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:#383838; font:1em/1.5em GP, "Helvetica Neue", Helvetica, Arial, Verdana, sans-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:1em; line-height:1.7em;}
a {color:#fdcb23; outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0); text-decoration:underline;
	-webkit-transition:all 125ms ease;
		 -moz-transition:all 125ms ease;
			 -o-transition:all 125ms ease;
					transition:all 125ms ease;
}
a:visited {color:#d6a80d;}
a:hover {color:#d6a80d;}
a:active {color:#d6a80d;}
a:focus {outline:thin dotted;}
a.tapped {background-color:rgba(220,179,57,0.5);}
::-moz-selection,
::selection {background:#0058cf; color:#fff; text-shadow:none;}
p { text-indent:2em; }
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; font-weight:300; 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:2em;}
h2 {margin:0; 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:1.5em 1em; padding:2em 0; text-align:center; font-size:1.1em; line-height:1em; text-align:center; border-top:1px solid #fff; border-bottom:1px solid #fff; }
blockquote p { line-height:1.75em; margin:0; text-indent:0; }
blockquote footer { text-align:right; font-size:0.8em; text-transform:uppercase; font-weight:bold; color:#656565; }
blockquote.pull {font-style:normal;}
blockquote.pull p {padding-left:0; border:none;}
blockquote cite {margin-top:1em; display:block; font-size:0.75em; line-height:1.4em; font-weight:bold; font-style:normal; color:#656565}
blockquote cite:before {content:"– "}

/* Images
----------------------------------------------------*/
figure {margin:0;}
figcaption {margin:0.5em 0 0; font-size:0.9em; text-align:center; width:90%; font-style:italic; line-height:1.4em; font-family:GP, "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;}

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

@-moz-keyframes spin { 100% { -moz-transform: rotate(-360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(-360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(-360deg); transform:rotate(-360deg); } }

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

/*************************************************************************************
 * 2. Screen Styles
 ************************************************************************************/
@media screen,projection {
	html {	background: -moz-linear-gradient(top, rgba(0,0,0,0.33) 20%, rgba(0,0,0,1) 100%), url('images/dirt.jpg') top repeat ;
					background: -webkit-linear-gradient(top, rgba(0,0,0,0.33) 20%, rgba(0,0,0,1) 100%), url('images/dirt.jpg') top repeat;
					background: -ms-linear-gradient(top, rgba(0,0,0,0.33) 20%, rgba(0,0,0,1) 100%), url('images/dirt.jpg') top repeat;
					background: linear-gradient(to bottom, rgba(0,0,0,0.33) 20%, rgba(0,0,0,1) 100%), url('images/dirt.jpg') top repeat;
					background-color:#000;
					background-size:100% 150%, 480px auto;
	}
	body { color:#fff; }
	h2 { text-transform:uppercase; border-bottom:2px solid #fff; padding-bottom:0.25em; margin-bottom:0.75em;	}
	blockquote { padding:0.5em;}
	figure {margin:1.5em auto; position:relative; }
		figure img {margin:0 auto;}
	.wrapper {height:100%;}
	.row {width:100%; margin:0 auto; *zoom:1;}
	.row:before, .row:after {content:" "; display:table;}
	.row:after {clear:both;}

	.btn {position:relative; margin:0 auto; padding:0.4em 0.75em; text-align:center; letter-spacing:1px; color:#eee; background: transparent; border-radius:3px; text-transform:uppercase; font-size:0.725em; font-weight:bold; text-decoration:none; }
	.btn:link, .btn:visited {color:#eee;}
	.btn:hover { background: rgba(0, 0, 0, 0.3); color: #fdcb23; }



	/* Animations
	----------------------------------------------------*/
	@-webkit-keyframes bgfade {
		0%{background-position:50% 0%;}
		50%{background-position:50% 100%;}
		100%{background-position:50% 0%;}
	}

	@-moz-keyframes bgfade {
		0%{background-position:50% 0%;}
		50%{background-position:50% 100%;}
		100%{background-position:50% 0%;}
	}

	@keyframes bgfade {
		0%{background-position:50% 0%;}
		50%{background-position:50% 100%;}
		100%{background-position:50% 0%;}
	}

	/* Header
	----------------------------------------------------*/
	.site-header {position:relative; z-index:1; margin:0; overflow:hidden; background: #000; z-index:0; }
		.site-header:before{ content:''; opacity:0.5; display:block; position:absolute; left:0; right:0; top:0; bottom:0; z-index:-1;
			/* Fading background colors*/
			background: linear-gradient(0deg, #001848, #301860, #604878);
			background-size: 600% 600%;
			-webkit-animation: bgfade 30s ease infinite;
			-moz-animation: bgfade 30s ease infinite;
			animation: bgfade 30s ease infinite;
		}

	.header-stars { width:600%; left:-250%; height:600%; top:-300%; position:absolute; z-index:1; transform-origin:50% 50%;
		background:url(images/stars.png) 16% 16% repeat,
							 url(images/stars.png) 33% 33% repeat,
							 url(images/stars.png) 25% 25% repeat,
							 url(images/milkyway75.png) 50% 40% / 80% auto no-repeat;

		-webkit-animation:spin 600s linear infinite;
		-moz-animation:spin 600s linear infinite;
		animation:spin 600s linear infinite;
		animation-delay: -200s;
	}
	.header-shooting-stars { display:none; width:100%; left:0; height:100%; top:0; position:absolute; }
		.header-shooting-stars.playing { display:block; }
	.header-overlay { position:absolute; top:0; bottom:0; left:0; right:0; z-index:-1;
		background: -moz-radial-gradient(50% 75%, ellipse cover,	rgba(0,0,0,0) 30%, rgba(0,0,0,1) 100%);
		background: -webkit-radial-gradient(50% 75%, ellipse cover, rgba(0,0,0,0) 30%,rgba(0,0,0,1) 100%);
		background: radial-gradient(ellipse at 50% 75%,	rgba(0,0,0,0) 30%,rgba(0,0,0,1) 100%);
	}

	.brandbar,
	.titlebar {overflow:hidden; position:relative; z-index:100;}
		.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; text-align:center; color:#fff; }
		.site-title { margin-top:1em; color:#fff;	font-size:1.5em; text-align:center; letter-spacing: 0.15em; font-weight: 200; line-height: 1.2;	}
		.site-title span { display:block; text-transform:uppercase; font-size: 1.5em; }
		.site-title strong { font-weight: inherit; text-transform: uppercase; }
	.tagline { display:inline-block; position:absolute; top:60%; left:0; right:0; line-height:1.5em; text-shadow:0 1px 0.5em rgba(0,0,0,0.75),0 1px 10px rgba(0,0,0,0.85), 0 0 30px rgba(0,0,0,0.75), 0 0 40px rgba(0,0,0,0.85);}

.header-video { text-align:center; margin-bottom:2em; }
	.btn-play { display:inline-block; width:175px; margin:0 auto; height:100px; text-indent:-999em; box-shadow:none; z-index:1000;	padding: 0; }
	.btn-play svg { color: white; display: block; width: 100%; height: 100%; transition: all 125ms ease;	}
		.btn-play:hover svg { color: #fdcb23; }

.header-mountains { padding-top:20%; position:relative; z-index:100; background:url(images/mountains.svg) 50% 100% no-repeat; background-size: 100% auto; }

/* Navigation
----------------------------------------------------*/
.nav-page { display:none; background:#222; width:100%; font-size:0.75em; letter-spacing:2px; text-transform:uppercase; }
	.nav-page .title { line-height:40px; margin:0; font-weight:700; }
	.nav-page ul { margin:0; padding:0; }
	.nav-page li { line-height:40px; width:25%; margin-right:-0.5em; display:inline-block; text-align:center; padding:0 1em; }
	.nav-page .title,
		.nav-page a { color:#fff; display:inline-block; line-height:40px; }
		.nav-page .active { border-bottom:4px solid rgb(157,14,37); }

	/* Content
	----------------------------------------------------*/
	.site-content {position:relative; padding:4em 0 0; z-index:200; }
		.site-content:before { content:''; display:block; position:absolute; left:0; right:0; top:0; margin-top:-4em; height:5em; background:url(images/grass-roots.png) repeat-x; background-size:auto 100%;}
	.intro { font-size:1.4em; }
	.section {position:relative; padding:1em;}
	.journey-map { text-align:center; position:relative;}

	.fancybox-video-wrapper { display:none; }
	.fancybox-inner video { width:80vw; height:45vw; background:#000; }

	.byline {margin:1.5em 0; font-size:0.9em;}
	.byline p {margin:0; font-family:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; text-indent:0; }
/*	 .byline a { color: ; } */
	.byline strong { font-weight:400; text-transform:uppercase; letter-spacing:1px;	}
	.byline dl {padding:0; font-family:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
	.byline dt {text-transform:uppercase; letter-spacing:1px; margin:0 0 0.5em; padding-right:1em; float:left; clear:left; }
	.byline dd {margin:0; float:left; }

	/* Dividers */
	.divider {position:relative; padding-top:40%; margin:2em 0 4em; background-position:center top; background-size:cover; background-repeat:no-repeat; box-shadow:inset 0px 0px 95px rgba(0,0,0,0.5); }
		.divider .caption {display:block; position:absolute; bottom:0; right:0; background-color: rgba(0, 0, 0, 0.8); color:rgba(255, 255, 255, 0.8); font-size:0.9em; font-family:GP, "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; padding:0.3em 1em; margin:0 2em; text-align:left;}
		.d1 {background-image:url('images/d1-700.jpg'); }
		.d2 {background-image:url('images/d2-700.jpg'); }
		.d3 {background-image:url('images/d3-700.jpg'); }
		.image-float { width:100%; display:block; }

	.fancybox-video .overlay-container { position: relative; display: block; height: 100%; }
	.fancybox-video .video-overlay { width: 100%; height: 100%; position: absolute; display: block; left:0; top:0; padding: 22.5% 30%; }
		.fancybox-video .video-overlay svg { color: white; margin: auto; transition: all 125ms ease; width: 128px; height: 72px; background: rgba(0, 0, 0, 0.3); }
		.fancybox-video:hover .video-overlay svg { color: transparent; background: rgba(0, 0, 0, 0); }

	/* Footer
	----------------------------------------------------*/
	.site-footer {position:relative; clear:both; overflow:hidden; margin:0 auto; padding:1em 0; text-align:center; font-family:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; border-top:1px solid #ccc; background:#000; }
		.footer-inner {position:relative; margin:0 auto; padding:1em 0;}
		.site-footer p {margin:0; font-size:0.875em; text-indent:0; }
	.site-info {margin:1em 0;}
	.site-info li {display:inline-block; *display:inline; *zoom:1; margin:0 2%;}
	.site-footer a {color:#eee; 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; text-indent:-999em; background:url(//static.nd.edu/images/marks/white/ndmark300.png) top right no-repeat; background-size:contain; }

}

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

/* 580px
----------------------------------------------------*/
@media only screen and (min-width:36.25em) {
	blockquote {font-size:1.35em;}
	.divider.caption {top:0; right:1em; width:auto;}
	.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; }
}

/* 700px
----------------------------------------------------*/
@media only screen and (min-width:43.75em) {
	p { font-size:1.15em; }
	h2 {font-size:2.3em;}
	h3 {font-size:1.75em;}
	h4 {font-size:1.5em;}
	h5 {font-size:1.25em;}
	h6 {font-size:1.125em;}

	.bq-wide { margin-left:-1em; margin-right:-1em; }
	.row {max-width:90vw;}
	.brandbar li {margin:0 auto;}

	.site-title { margin-top:1em; font-size:2em; }
	.tagline { font-size:1.3em; }
	.site-header-caption {max-width:50%;}

	/* Header
	----------------------------------------------------*/
	.site-header {text-align:left; }
	.brandbar {padding:0;}
		.brandbar li {float:left;}
	.header-stars { height:400%; top:-225%; width:400%; left:-150%;
		background:url(images/stars.png) 16% 16% repeat,
							 url(images/stars.png) 33% 33% repeat,
							 url(images/stars.png) 25% 25% repeat,
							 url(images/stars.png) 50% 50% repeat,
							 url(images/milkyway75.png) 50% 40% / 50% auto no-repeat;
	}

	/* Navigation
	----------------------------------------------------*/
	.nav-page { display:block; position:fixed; top:0; left:0; right:0;
	 -webkit-transition:all 0.5s ease-in-out;
			-moz-transition:all 0.5s ease-in-out;
					 transition:all 0.5s ease-in-out;
		-webkit-transform:translateY(-100%);
			 -moz-transform:translateY(-100%);
						transform:translateY(-100%);
	}
	.nav-page.visible {
		-webkit-transform:translateY(0);
			 -moz-transform:translateY(0);
						transform:translateY(0);
	}
	/* Content
	----------------------------------------------------*/
	.site-content:before { margin-top:-6em; height:8em; }

	/* Dividers */
	.divider h2 { font-size:4em; }
	.d1.lazyloaded {background-image:url('images/d1-1000.jpg');}
	.d2.lazyloaded {background-image:url('images/d2-1000.jpg');}

	/* Images */
	.image-float {width:45%; margin:0 1%; display:inline-block;}
	figure.pull-left { float:left; width:50%; margin-right:2em; }
	figure { position:relative; overflow:hidden; }
		figure img { position:relative; z-index:-1; }
	figcaption { position:absolute; top:-1px; left:0; bottom:-1px; width:100%; margin:0; z-index:-1; opacity:0; background:rgba(0,56,121,0); transition:all 0.4s; }
		figcaption p { text-indent:0; position:absolute; left:50%; top:50%; width: 100%; padding: 1em; font-size: 1.1em;
			-webkit-transform:translate(-50%,-50%);
			transform:translate(-50%,-50%);
		}
	figure:hover figcaption { opacity:1; background:rgba(0,56,121,0.6)}

	.figgroup { position:relative; }
		.figgroup a,
		.figgrid a { position:absolute; display:block; top:0; left:0; right:0; bottom:0; }
		.figgroup figure { width:32%; float:left; margin-right:2%; padding-top:18%; }
			.figgroup figure:last-child { margin-right:0; }

	.figgrid { position:relative; padding-top:60%; margin:2em 0; }
		.figgrid figure { position:absolute; overflow:hidden; margin:0; }
		.figgrid img { position:absolute; top:0; height:100%; min-width:100%; max-width:none; left:50%;
			-webkit-transform:translateX(-50%);
			transform:translateX(-50%);
		}
		.fg1 { width:60%; top:0; left:0; padding-top:34%; }
		.fg2 { width:37%; top:0; right:0; padding-top:25%; }
		.fg3 { width:37%; bottom:0; left:0; padding-top:23%; }
		.fg4 { width:20%; bottom:0; left:40%; padding-top:23%; }
		.fg5 { width:37%; bottom:0; right:0; padding-top:31%; }

	.unique-journey { padding-left:40vw; position:relative; }
	.journey-map { position:absolute; top:0; left:-5vw; width:40vw; -webkit-transform:translateZ(0); transform:translateZ(0);}
		.journey-map.sticky { position:fixed; }
		.journey-map.bottom { position:absolute; top:auto; bottom:0; margin-bottom:0; }
	.map-location { height:3.7%; width:2.7%; background: #fdcb23; border-radius:1em; left:39.5%; margin-left:-1.35%; margin-top:-1.35%; top:13.5%; position: absolute; }

	.byline dt { width:40%; text-align:right; }
	.byline dd { width:60%; }

	/* 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;}
}

/* 1000px
----------------------------------------------------*/
@media only screen and (min-width:62.5em) {
	h2 { margin-left:-2em; margin-right:-2em; }
	blockquote.pull { font-size:1.75em}
	.brandbar {padding:0;}
	.site-title {margin-bottom:0.5em; font-size:3.2em;}
		.site-title div {font-size:0.9em;}
	.tagline { font-size:1.6em; }
		.divider .caption {width:60%;}
	.image-right {margin-right:-20vw;}

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

	/* Content
	----------------------------------------------------*/
	.section {width:70vw; margin-left:10vw; padding:0;}
		.header-intro { padding:0 10vw; text-indent:0; }
	.pull { float:right; width:33vw; margin-right:-10vw; }
	figure.pull-left { margin-left:-10vw; }
	.figgroup { width:90vw; margin-left:-10vw; }
	.byline { font-size:1em; }

	/* 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;}

	/* IE8 Over-rides */
	.lt-ie8 .header-util nav li {float:right;}
	.lt-ie8 .search-form {width:300px;}
	.lt-ie8 .search-input {float:left;}
}

/* 1200px
----------------------------------------------------*/
@media only screen and (min-width:75em) {
	blockquote {font-size:2em;}
	.row {max-width:80vw;}
	.section {width:60vw; padding:0;}
	.pull { width:28vw; }
	.figgroup { margin-left:-15vw; }
	.unique-journey { padding-left:30vw; }
	.journey-map { left:-10vw; width:35vw; max-width:600px;}

	.site-header { }
	.site-content:before { margin-top:-10em; height:12em; }

	.divider {height:600px; padding-top:0;	}
		.divider h2 { font-size:5em; }
		.d1.lazyloaded {background-image:url('images/d1-1600.jpg');}
		.d2.lazyloaded {background-image:url('images/d2-1600.jpg');}
		.divider .caption {width:40%;}
}


/* 1600px
----------------------------------------------------*/
@media only screen and (min-width:100em) {
	.divider {height:800px;}
}

/* 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;}

		.header-stars { -moz-animation:none !important; }
		.site-content:before { background: url(images/grass-roots@2x.png) repeat-x; background-size: auto 100%; }
}

/*************************************************************************************
 * 4. Themes
 ************************************************************************************/
@media screen, projection {

	/* Brand Bar
	----------------------------------------------------*/
	.dept-nd a	 {width:301px; background-image:url(//static.nd.edu/images/brandbar/dept-nd-white.png);}
	.brandbar {background:transparent; border-bottom:1px solid #fff;}

}

/* 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(//static.nd.edu/images/brandbar/dept-nd-white@2x.png);}

}

/*************************************************************************************
 * 5. Plugins
 ************************************************************************************/
/*! 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; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.fancybox-opened { z-index: 8030; }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.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: 15px; 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: -18px; right: -18px; 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('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('fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ }
}

/*************************************************************************************
 * 6. 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;}
	h2 { margin-bottom:0.5em; }

	/* 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;}
	blockquote { border-color:#000; }

	/* HIDDEN
	----------------------------------------------------*/
	.breadcrumbs,
	.header-util,
	.skip-links,
	.nav-mobile,
	.nav-site,
	.nav-page,
	.header-video,
	.header-shooting-stars,
	.fancybox-video-wrapper,
	.nav-skip { 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:GP, "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) "] "; display:inline-block; font-size:11px; font-family:inherit; }
	.site-content abbr:after {content:" (" attr(title) ")";}
	.site-content a[href^="images"]:after { content:'';}

	/* Images */
	figure.pull-left { float:left; max-width:40%; margin:1em 1em 1em 0; }
	figure.full { margin-bottom:1.5em; width:100%; }

	.figgrid { position:relative; padding-top:60%; margin:2em 0; }
		.figgrid a { position:absolute; top:0; left:0; bottom:0; right:0; }
		.figgrid figcaption { display:none; }
		.figgrid figure { position:absolute; overflow:hidden; margin:0; }
		.figgrid img { position:absolute; top:0; height:100%; max-width:none; left:50%;
			-webkit-transform:translateX(-50%);
			transform:translateX(-50%);
		}
		.fg1 { width:60%; top:0; left:0; padding-top:34%; }
		.fg2 { width:37%; top:0; right:0; padding-top:25%; }
		.fg3 { width:37%; bottom:0; left:0; padding-top:23%; }
		.fg4 { width:20%; bottom:0; left:40%; padding-top:23%; }
		.fg5 { width:37%; bottom:0; right:0; padding-top:31%; }

	.figgroup { overflow:hidden; margin:1em 0; }
	.figgroup figure { width:32%; margin:0 1%; float:left;}
	.figgroup figcaption { display:none; }
	.figgroup figure:first-child { margin-left:0; }
	.figgroup figure:last-child { margin-right:0; }

	.journey-map { float:left; width:40%; margin:0 1em 1em 0; }

	.byline p { text-indent:0; }
	.byline dl {padding:0; font-family:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
	.byline dt {text-transform:uppercase; letter-spacing:1px; margin:0 0 0.5em; padding-right:1em; float:left; clear:left; }
	.byline dd {margin:0; float:left; }

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