/*!
Launched:2017-11-30
Authors:Taylor Packet, Shawn Maust, Erik Runyon
Marketing Communications:Web

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

BRANDING
-----------------------------------------
1. COLORS
	 - Green:#3a634a

2. FONT STACKS
	 - Headings:Montserrat, "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=Montserrat:200,300,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:#ddd; 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.2em; line-height:1.7em;}
a {color:#fff; outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0); transition:all 125ms ease; }
a:visited {color:#fff; text-decoration:none; }
a:hover {color:#ccc; background:#000;}
a:active {color:#fff;}
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;}
strong, b {font-weight:bold;}
em, i {font-style:italic;}
h1,h2,h3,h4,h5,h6 {margin:1.4em 0 1em; line-height:1.2em; color:#eee; font-weight:700; text-rendering:optimizeLegibility; font-family:"Montserrat", "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:2em 0 0.5em; font-size:1.675em;}
h2:after {content:""; margin:0.5em 0 1em; display:block; height:5px; width:50px; background:#AE9142;}
h3 {font-size:1.45em;}
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:2.5em 0 2em; border:0; text-align:center;}
hr:after {content:"* * *"; color:#3a634a; font-size:3.5rem; font-family:"Montserrat", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-weight:700; line-height:1em;}

/* Quotes
----------------------------------------------------*/
blockquote { position:relative; margin:2rem 0; padding:0; font-size:1.3em; line-height:1em; text-align:left; }
blockquote p {margin:0; color:#fff; font-weight:700; line-height:1.5em; font-family:"Montserrat", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
blockquote p span {padding:0 0.15em; background:#3a634a;}
blockquote.pull p {margin:0; font-weight:bold; text-align:left;}
blockquote footer {display:block; padding:1em 0 0 1.8em; font-size:1rem; font-weight:normal; font-style:normal; font-family:"Montserrat", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}

/* Images
----------------------------------------------------*/
img {max-width:100%; width:auto; height:auto; border:none; vertical-align:bottom; -ms-interpolation-mode:bicubic; box-sizing:content-box; transition:all 125ms ease; }

figure {margin:0;}
figcaption {clear:both; margin:0.5em 0 0; font-size:0.95rem; text-align:left; width:98%; color:#ccc; line-height:1.4em; font-family:"Montserrat", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; }
figcaption a { color:#932e18; }
figcaption a:hover { color:#711e0e; }
figcaption a:visited { color:#713e33; }

/* Gallery */
.gallery { list-style:none; font-size:0; padding:0; width:102%; margin:2rem -1%; }
	.gallery-item { font-size:1rem; width:23%; margin:1%; display:inline-block; vertical-align:top; }
	.gallery-link { display:block; }

/* Canvas */
.bg-canvas { display:none; }

/* Animation */
section.horn {position:relative; height:500px; margin:1em 0;}
section.horn img {position:absolute; height:500px; display:block; margin:0 auto; left:0; right:0;}
section p {padding:0 0.45em; font-size:1rem; color:#fff; font-family:"Montserrat", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; z-index:999; background:#3a634a;}
.helmet {position:absolute; top:35px; right:100px;}
.spear {position:absolute; bottom:55px; left:80px;}

section.foodchain {position:relative; padding-bottom:75%; margin:2em 0;}
section.foodchain img {position:absolute; width:100%; display:block; border:1px solid #656565;}

.top {
	animation-name: fade;
	animation-timing-function:ease-in-out;
	animation-iteration-count:infinite;
	animation-duration:3s;
	animation-direction:alternate;
}

@keyframes fade {
	0%	 {opacity:1;}
	25%	{opacity:1;}
	75%	{opacity:0;}
	100% {opacity:0;}
}

/* Drop */
	.drop {float:left; display:inline-block; vertical-align:text-top; margin:0.25em 0.15em 0.2em 0;	font-family:"Montserrat", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-weight:700; font-size:5rem; color:#3a634a;}


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

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

/*************************************************************************************
 * 2. Screen Styles
 ************************************************************************************/
@media screen,projection {

	@-webkit-keyframes fadeInHold {
		from {
			bottom: -0.7rem;
			opacity: 0;
		}
		to {
			bottom: 0;
			opacity: 1;
		}
	}

	@keyframes fadeInHold {
		from {
			bottom: -0.7rem;
			opacity: 0;
		}
		to {
			bottom: 0;
			opacity: 1;
		}
	}

	body { background:#171615 url("images/bg.jpg") repeat; }
	figure {margin:1.35em auto;}
	.wrapper {height:100%; overflow:hidden; }
	.row {width:100%; margin:0 auto; *zoom:1; padding:0 1.5rem; }
	.row:before, .row:after {content:" "; display:table;}
	.row:after {clear:both;}

	.video {position:relative; display:block; text-align:center;}
		.video .play {position:absolute; top:-15px; left:15px; width:100%; height:100%; margin:0 auto; background:url('images/play-icon.svg') left bottom no-repeat; background-size:180px auto;}

	.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; width:100%; height:5px; border:none; z-index:9999; color:#3a634a; background-color:transparent;
		-webkit-appearance:none;
			 -moz-appearance:none;
						appearance:none;
	}
	progress::-webkit-progress-bar {background-color:transparent;}
	progress::-webkit-progress-value {background-color:#3a634a;}
	progress::-moz-progress-bar {background-color:#3a634a;}

	/* Header
	----------------------------------------------------*/
	.site-header {position:relative; z-index:9999; margin:0; }
		.brandbar { z-index:9999; position:relative; }
		.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 a {background-position:left 0;}

		.article-header {position:relative; padding:5vw 0 1vw; z-index:999; color:#fff; }
		.site-title {margin-bottom:0; font-family: 'Montserrat', sans-serif; font-weight:700; color: #fff; font-weight: 700; text-transform: uppercase; letter-spacing: 10px; font-size: 3.25rem; text-align: left; }
		.subtitle {margin:0; font-family:"Montserrat", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; opacity: 0; display: block; font-size: 1.45rem; font-weight: 200; letter-spacing: 0; color: #ccc; text-transform: none; line-height: 1.75rem;
			-webkit-animation: fadeInHold 3s forwards;
							animation: fadeInHold 3s forwards;
			-webkit-animation-delay: 2.35s;
							animation-delay: 2.35s;
		}

		.word {padding:0 0 0.25em; display: block; font-size: 1.45rem; letter-spacing: 4px; line-height: 1rem;
			-webkit-transform: translateY(-10px);
							transform: translateY(-10px);
			-webkit-transition: opacity 3s ease, -webkit-transform 2.6087s ease-out, -webkit-filter 3s ease;
			transition: opacity 3s ease, -webkit-transform 2.6087s ease-out, -webkit-filter 3s ease;
			transition: transform 2.6087s ease-out, filter 3s ease, opacity 3s ease;
			transition: transform 2.6087s ease-out, filter 3s ease, opacity 3s ease, -webkit-transform 2.6087s ease-out, -webkit-filter 3s ease;
			opacity: 0;
			-webkit-filter: blur(2px);
							filter: blur(2px);
		 }
		.word span {padding:0 0.25em; background:#3a634a;}
		.word.loaded {
			opacity: 1;
			-webkit-filter: blur(0);
							filter: blur(0);
			-webkit-transform: translateY(0);
							transform: translateY(0);
		}

		.letter {
			opacity: 0;
			display:inline-block;
			-webkit-transition: opacity 3s ease, -webkit-transform 3s cubic-bezier(0.43, 0.1, 0.57, 0.9), -webkit-filter 3s ease;
			transition: opacity 3s ease, -webkit-transform 3s cubic-bezier(0.43, 0.1, 0.57, 0.9), -webkit-filter 3s ease;
			transition: transform 3s cubic-bezier(0.43, 0.1, 0.57, 0.9), filter 3s ease, opacity 3s ease;
			transition: transform 3s cubic-bezier(0.43, 0.1, 0.57, 0.9), filter 3s ease, opacity 3s ease, -webkit-transform 3s cubic-bezier(0.43, 0.1, 0.57, 0.9), -webkit-filter 3s ease;
			-webkit-filter: blur(3px);
							filter: blur(3px);
		}
		.letter:nth-of-type(1) {
			-webkit-transform: translateY(32px);
							transform: translateY(32px);
			-webkit-transition-duration: 2.4s;
							transition-duration: 2.4s;
		}
		.letter:nth-of-type(2) {
			-webkit-transform: translateY(20px);
							transform: translateY(20px);
			-webkit-transition-duration: 1.81818s;
							transition-duration: 1.81818s;
		}
		.letter:nth-of-type(3) {
			-webkit-transform: translateY(30px);
							transform: translateY(30px);
			-webkit-transition-duration: 1.66667s;
							transition-duration: 1.66667s;
		}
		.letter:nth-of-type(4) {
			-webkit-filter: blur(6px);
							filter: blur(6px);
			-webkit-transform: translateY(58px);
							transform: translateY(58px);
			-webkit-transition-duration: 1.62162s;
							transition-duration: 1.62162s;
		}
		.letter:nth-of-type(5) {
			-webkit-transform: translateY(28px);
							transform: translateY(28px);
			-webkit-transition-duration: 1.5s;
							transition-duration: 1.5s;
		}
		.letter:nth-of-type(6) {
			-webkit-filter: blur(4px);
							filter: blur(4px);
			-webkit-transform: translateY(43px);
							transform: translateY(43px);
			-webkit-transition-duration: 1.71429s;
							transition-duration: 1.71429s;
		}
		.letter:nth-of-type(7) {
			-webkit-transform: translateY(32px);
							transform: translateY(32px);
			-webkit-transition-duration: 1.81818s;
							transition-duration: 1.81818s;
		}
		.letter.loaded {
			opacity: 1;
			-webkit-transform: translateY(0);
							transform: translateY(0);
			-webkit-filter: blur(0);
							filter: blur(0);
		}

		.flea-image { margin:2rem auto; width:27rem; height:30.2rem; background:url(images/header-flea.png) 50% 50% / 100% 100% no-repeat; }

	/* Content
	----------------------------------------------------*/
	.site-content {position:relative; padding:0;}
	.section {position:relative; padding:3rem 0; z-index:999;}
	 .section.main {margin:0 auto;}
	.section.title {padding:0.5em 0;}
	.section-intro {font-size:1.35rem;}
	.section-title { margin-top:1em; }

	.btn { display:inline-block; border-radius:50px; padding:0.5em 1.25em; text-decoration:none; text-transform:uppercase; letter-spacing:1px; background:#AE9142; font-family:"Montserrat", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-weight:700;}
	.btn:hover {background:#947b38;}
	a.btn,
	a.btn:visited {color:#fff;}

	/* Gallery */
	.gallery-item { width:48%; }

	/* Dividers */
	.divider {position:relative; padding-top:50%; margin:2em 0; background-position:center center; background-size:cover; background-repeat:no-repeat; box-shadow:inset 0px 0px 95px rgba(0,0,0,0.5); border-bottom:1px solid #656565; border-top:1px solid #656565;}
		.no-js .d1,
		.d1.lazyloaded {background-image:url("images/lower-skelton-700.jpg");}

	/* Videos */
	.bg-video { position:relative; margin:2rem 0; padding-bottom:56.25%; }

	/* Images */
	.image-right {float:right; margin:0 0 1.2em 1.2em;}
	.image-left {float:left; margin:0.5em 1.5em 1.2em 0;}

	/* Related Content */
	.related {margin:3rem 0;}
	.related-article {margin-bottom:0.75em; display:block; min-height:90px; vertical-align:top; background:#fff; transition:all 125ms ease;}
		.related-article:hover {text-decoration:underline;}
	.related-heading {margin:0 0 1em; padding:0 0 0.15em; border-bottom:1px solid #ccc; font-size:0.9em; text-transform:uppercase; letter-spacing:1px; color:#555; font-weight:400;}
		.related-heading:after {display:none;}
	.related-image {margin-right:0.75em; float:left; width:130px;}
	.related-headline {padding-top:0.15em; margin-top:0; font-size:1.15em; font-weight:400;}
	.related-link { display:block; text-decoration:none; vertical-align:top; color:#1a324e;}

	/* Byline */
	.byline:before {content:''; margin-bottom:1.5em; display:inline-block; height:5px; width:80px; background:#3a634a;}
	.byline {margin:3em 0 2em; font-style:italic; color:#ccc;}
	.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:#eee;}
	.byline li {margin:0;}
	.byline a {color:#1a324e;}

	/* Sidebar */
	.sidebar {margin:2.5em 0;}

	/* Footer
	----------------------------------------------------*/
	.site-footer {position:relative; clear:both; overflow:hidden; margin:0 auto; padding:1em 0; color:#eee; text-align:center; font-family:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; background:#111; border-top:1px solid #000;}
	.site-footer p {overflow:hidden; margin:0; font-size:0.875em;}
	.footer-inner {position:relative; margin:0 auto; padding:1em 0;}

	.site-info {margin:1em 0;}
	.site-info li {display:inline-block; margin:0 2%;}
	.site-footer a {color:#ccc; text-decoration:underline; background:none;}
	,site-footer a:hover,
	.site-footer a:visited {background:none;}
	.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) {
	blockquote.pull {font-size:1.35em;}
	.intro {bottom:2.5em; width:70%;}
	.site-title { font-size: 4.15rem; }

}

/* 700px
----------------------------------------------------*/
@media only screen and (min-width:43.75em) {
	html {background-attachment:fixed;}
	body {background-position:top left;}

	h2 {font-size:2.25em;}
	h3 {font-size:1.75em;}
	h4 {font-size:1.5em;}
	h5 {font-size:1.25em;}
	h6 {font-size:1.125em;}

	.brandbar li {margin:0 auto;}
	.row {max-width:90vw;}

	.figgroup {float:left; margin-bottom:2em;}
	.figgroup figure {float:left; width:49%; margin-left:1%; margin-right:1%; }
	.figgroup-3 figure {width:32%; margin-left:1%; margin-right:1%;}
	.figgroup-4 figure {width:23%; margin-left:1%; margin-right:1%;}

	.figgroup figure:first-child {margin-left:0;}

	.article-header {padding:14vw 0 20vw;}

	.figgroup figure:last-child {margin-right:0;}

	.gallery-item { width:23%; }
	.site-content { transform:translate3d(0, 0, 0,); }
	.pull .related-link {width:48%; margin-right:1%; display:inline-block;}
	.main .related-link {width:48.5%; margin:0 0.115em; display:inline-block;}

	.sidebar p {font-family:"Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:1rem; line-height:1.45rem;}
	.sidebar-heading { margin:0; }
	.sidebar-image { margin:0.5em 0; }

	.video .play {top:-20px; left:20px; background-size:300px auto;}

	.no-js .d1,
	.d1.lazyloaded { background-image:url("images/lower-skelton-1200.jpg"); background-attachment:fixed;}
	.is-ios .divider { background-attachment:scroll; }

	.image-right,
	.image-left {width:36%;}

	/* Header
	----------------------------------------------------*/
		.site-title {font-size: 8.35rem;}
		.subtitle {font-size: 2.2rem; line-height: 2.5rem;}
		.word {font-size: 2.45rem;}

	.site-header {text-align:left; }
	.brandbar {padding:0;}
		.brandbar li {float:left;}
	.intro {font-size:2rem; line-height:2.4rem; bottom:3rem; width:76%; margin:0 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;}
}

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

	/* Content
	----------------------------------------------------*/
	.section {width:65%; margin:0; }
	.section.title {width:60%;}
	.site-content.fixed-header { padding-top:190vh; }
	.fixed-header .article-header { position:fixed; opacity:1; top:50px; bottom:0; left:0; right:0; transition:opacity 800ms; }
	.article-header.fade-out { opacity:0; }

	.site-title {font-size:7rem;}
	.subtitle {width:80%;}
	.flea-image { width:23rem; height:26.2rem; position:absolute; margin:0; right:-26rem; top:-28%; transform:scale(0);}

	.no-js.flea-image {	transform:scale(1);	}
	.bg-canvas { position:fixed; display:block; top:0; width:100vw; height:100vh; left:0; transform:translateZ(0); z-index:-1; background:#171615; background:radial-gradient(ellipse at center, #2d2b29 0%,#121110 100%); }



	.pull { float:left; clear:left; width:38%; }
	.pull .related-link {width:100%;}
		.pull .related-image {width:100%; margin-bottom:0.25rem; }

	.figgroup {margin-left:-4em; margin-right:-4em;}

	blockquote {margin:0.5em 1.5em 1.5em;}
	blockquote.pull {font-size:1.25em;}
	blockquote.pull p {margin:0 0 0 -5em; padding-left:0; font-weight:bold; text-align:right; border:none;}
	blockquote.pull footer {text-align:center; padding:1em 0;}

	.image-right,
	.image-left {width:40%;}
	.image-left {margin-left:-5em;}
	.image-right {margin-right:-5em;}

	/* 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:85vw;}
	.titlebar-share {bottom:2rem;}

	.divider {height:600px; padding-top:0;	}
		.no-js .d1,
		.d1.lazyloaded { background-image:url("images/lower-skelton-1600.jpg"); }

	.titlebar { padding:8vw 0; min-height:40vw; }
}

/* 1400px
----------------------------------------------------*/
@media only screen and (min-width:87.5em) {
	.section.title {width:55%;}
	.site-title {font-size:8.35rem;}
	.flea-image {width:30rem; height:33.2rem; right:-35rem; top:-38%;}
	.pull {width:30%;}
}

/* 1600px
----------------------------------------------------*/
@media only screen and (min-width:100em) {
	.row { max-width:80em; }
}

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

/*************************************************************************************
 * 4. Themes
 ************************************************************************************/
@media screen, projection {
	/* Brand Bar
	----------------------------------------------------*/
	.brandbar {background:#111; border-bottom:1px solid #000;}
	.dept-nd a {width:301px; background-image:url('https://static.nd.edu/images/brandbar/dept-nd-white.png');}
}

/* 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');}
		body { background-image:url("images/bg@2x.jpg"); background-size:600px auto;}
}

/*************************************************************************************
 * 5. Plugins
 ************************************************************************************/

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

	/* Styles
	----------------------------------------------------*/
	a[href^="javascript:"]:after,
	a[href^="#"]:after {content:"";}
	.ndmark {width:150px;}

	/* HIDDEN
	----------------------------------------------------*/
	progress,
	.breadcrumbs,
	.header-util,
	.skip-links,
	.nav-mobile,
	.nav-site,
	.nav-page,
	.content-video,
	.nav-skip,
	.bg-video,
	.related {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; color:#3a634a}
		.site-header a,
		.site-title a,
		.subline a {color:#000;}
		.site-title {margin:4px 0 2px; font-size:2em;}
		.subline {font-size:1em;}

	.section-intro {font-size:1.35rem;}
	.section.title {font-family:"Montserrat","Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size:1.5rem;}

	.image-right {float:right; width:30%;}

	section img,
	figure img { width:50%; }
	.figgroup {float:left; width:100%; }
		.figgroup figure {float:left; width:49%; margin-left:1%; margin-right:1%;}
		.figgroup-3 figure {width:32%; margin-left:1%; margin-right:1%;}
		.figgroup figure:first-child {margin-left:0;}
		.figgroup figure:last-child {margin-right:0;}

	.pull { float:right; max-width:33%; padding:1rem; }
	.sidebar-heading { margin:0; }

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