/*!
Launched:2019-11-15
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):#676731
	 - Blue (Links):#5A5A2A

2. FONT STACKS
	 - Headings:"Kadwa", Sumana, "Times New Roman", Times, serif
	 - Body:font-family:Sumana, "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-x:hidden;
	-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 Sumana, Georgia, "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 1.5em; font-size:1.25em; line-height:1.8em;}
a {color:#5A5A2A; 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:#143865;}
a:active {color:#0645AD;}
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 0.25em; line-height:1.4em; color:#676731; font-weight:700; text-rendering:optimizeLegibility; font-family:"Kadwa", Sumana, "Times New Roman", Times, 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:1.65em;}
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:2em 0 3em; border:1px solid #dadada; border-width:1px 0 0;}

/* Quotes
----------------------------------------------------*/
	blockquote {margin:2rem 0; padding:0; line-height:1em; text-align:left; padding:0.25em 0; color:#fff; overflow:hidden; }
	blockquote p {margin:0; color:#676731; font-size:1.25rem;line-height:1.6; font-family:"Kadwa", Sumana, "Times New Roman", Times, serif; font-weight:400;}
	blockquote.pull {font-style:normal;}
	blockquote.pull p {padding-left:0; color:#676731; font-weight:bold; font-size:1.5rem; text-align:left; border:none;}
	blockquote p cite {display:block; margin:1rem 0 0; font-size:1rem; color:#555; text-align:right; font-weight:normal; font-style:normal; font-family:"Libre Franklin", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}

/* Images
----------------------------------------------------*/
		.figgroup {margin:0.75rem 0 2.5rem;}
		figure.full {margin:2rem 0;}
	figure {margin:1rem 0;}
	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; }
	figcaption,
	.editor-note {margin-top:1rem; font-size:0.95rem; text-align:left; width:98%; color:#595959; line-height:1.6; font-family:"Libre Franklin", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
	.editor-note {display:block; margin-top:1.5rem; font-size:0.85rem;}
	.image-right {margin: 20px 0;}
	.figure-3up img {margin:1rem 0 0;}

/* 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;}
	.visually-hidden {position:absolute; border:0; clip:rect(0 0 0 0); height:1px; width:1px; overflow:hidden; margin:-1px; padding:0; white-space:nowrap;}

	.section-intro {font-size:1.35rem;}
	.section-title {margin:0 0 2rem;}

	.note {margin:2rem 0 4rem; font-style:italic; font-size:0.95rem; color:#555; font-family:"Libre Franklin", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}

/*************************************************************************************
 * 2. Screen Styles
 ************************************************************************************/
@media screen,projection {
	body {background:#fffffe;}
	body.home,
	.row.about {background:#191919;}
		.figure-inline {margin:1.5em -1rem;}
			.figure-full figcaption {margin:0.5rem 0;}
		.figure-2up img {margin-bottom:1rem;}
	.wrapper {height:100%;}
	.row {width:90vw; margin:0 auto; *zoom:1;}
	 .row.landing {width:100vw; max-width:100vw; border-bottom: 2px solid #444;}
	.row:before, .row:after {content:" "; display:table;}
	.row:after {clear:both;}

	.home .top-nav,
	.top-nav {display:none;}

	.about {padding:3rem 2rem;}
		 .about .title h1 {margin:0; color:#fff; font-size:3rem;}
		 .about .title h1:after {content:''; display:block; width:50px; height:4px; margin:0.25rem 0 1rem 0; background:#676731;}
		 .about .title p {font-size:1.25rem; font-family:"Libre Franklin", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
	.about p {color:#eee;}

	.video { position:relative; display:inline-block; margin-bottom:-1.25rem; text-align:center; overflow: hidden; }
	 .video .play { position:absolute; bottom:0; left:0; width:100%; height:100%; margin:0 auto; background:rgba(0, 0, 0, 0.1) url('images/play-btn.svg') no-repeat left center / auto 100%; -webkit-transform-origin: 12% 79%; transform-origin: 12% 79%; -webkit-transform: scale(1); transform: scale(1); transition: all 125ms cubic-bezier(0, 0, 0.25, 1); }
	 .video:hover .play { background-color: rgba(0, 0, 0, 0); -webkit-transform: scale(1.15); transform: scale(1.15); }

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

		.divider {position:relative; padding-top:50%; margin:1em 0 3em; height:60vh; background-size:cover; box-shadow:inset 0px 0px 95px rgba(0,0,0,0.5);}
		.d1 {background:url('images/tantur_night_full-800.jpg') center center / cover no-repeat;}
		.d2 {background:url('images/tantur_full-800.jpg') center center / cover no-repeat;}



	/* Header
	----------------------------------------------------*/
	.site-header {position:relative; z-index:1; margin:0; }
	.brandbar { position:absolute; top:0; left:0; z-index:9999; bottom:0; right:0; height:100%; }
		.brandbar li {margin:0 -0.9375em; padding:0;}
		.brandbar a {display:block; margin:0.5rem auto; text-decoration:none; height:65px; text-indent:-9999px; overflow:hidden; background-repeat:no-repeat;}
		.dept-nd img {display:none;}
			.dept-nd a {background-position:center 0;}
			.dept a {background-position:right 0;}

	.titlebar {position:relative; z-index:1000; font-family:Sumana, "Times New Roman", Times, serif; min-height:72vh; display:flex; flex-flow:column; justify-content:center; }

	.category {color:#555; font-family:"Libre Franklin", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-weight:400; text-transform:uppercase; letter-spacing:0.08em;}
	.site-title {margin:1rem 0 0; font-size:2.5rem; line-height:1.1em; font-weight:700; font-family:"Kadwa", GPC, "Arial Narrow", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; color:#676731;}
		.site-title:after {content:''; display:block; width:50px; height:1px; margin:0.75rem 0 1.875rem 0; background:#bbb;}
	.subtitle {margin:1em 0 1rem; font-size:1.35rem; line-height:1.45em; font-weight:300; font-family:"Libre Franklin", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; color:#333;}

	.full-video { position:absolute; top:0; left:0; right:0; bottom:0; z-index:-1; }
		.full-video video { object-fit:cover; min-height:100%; min-width:100%; max-width:none; }
		.full-video.unearthing-the-past {background:url('videos/unearthing-header.jpg') center center/cover no-repeat;}
		.full-video.tantur {background:url('videos/tantur.jpg') center center/cover no-repeat;}
		.full-video.tel-azekah {background:url('videos/tel_azekah.jpg') center center/cover no-repeat;}
		.full-video.living-stones {background:url('videos/living_stones-header.jpg') center center/cover no-repeat;}
		.full-video.holy-land {background:url('videos/holy_land-header.jpg') center center/cover no-repeat;}


	/* Content
	----------------------------------------------------*/
	.site-content {position:relative; padding:0; z-index:0;}
	.section { display:flex; flex-flow:column; position:relative; z-index:-1;}
	.section-copy {padding:6rem 2rem 0;}

	.intro {font-size:1.35rem;}

	.slide {padding:0.5rem 0; display:flex; flex-flow:column; justify-content:center;}
	 .slide p {color:#fff; text-shadow:0 0 10px #000, 0 0 10px rgba(0,0,0,0.25), 0 0 15px rgba(0,0,0,0.25); font-family:"Kadwa", Sumana, "Times New Roman", Times, serif;}

	 .tantur-map figcaption,
	 .tel-azekah-map figcaption,
	 .diagram figcaption {margin:0 auto 2rem;}

	 .tantur-map img,
	 .tel-azekah-map img {border:1px solid #ccc;}

	 /* Articles */
	 .landing article {display:block; vertical-align:top; color:#fff; transition:all 125ms ease-in-out; text-align:left; cursor:pointer; box-shadow:inset 0 -12rem 12rem rgba(0,0,0,0.25);}
	 .landing article a {text-decoration:none;}
	 .landing article h2 {margin:0 0 0.25rem; padding:0 0 0.15em; font-size:1.5rem; color:#fff; text-shadow:0 0 10px rgba(0,0,0,0.35), 0 0 25px rgba(0,0,0,0.25);}
	 .landing article p {margin-bottom:0; font-family:"Libre Franklin", Helvetica, Arial, Verdana, sans-serif; font-size:1rem; line-height:1.5em; color:#ddd; text-shadow:0 0 10px #000, 0 0 10px rgba(0,0,0,0.25);}
	 .landing .category {color:#aaa; font-size:0.9rem;}
	 .landing article .image {margin-right:0.75em; float:left; width:50%;}

		.article-content {z-index:999; width:100%;}

	.card {position:relative; min-height:52vh;}
		.card.clues-from-the-past {background:url('images/clues_from_the_past-horz.jpg') center center / cover;}
		.card.tantur-hill {background:url('images/tantur_hill-horz.jpg') center center / cover;}
		.card.two-journeys {background:url('images/two_journeys-horz.jpg') center center / cover;}

	.card:after {content:''; position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.6); opacity:0.8; transition: all 0.5s;}
	.card:hover:after {opacity:1;}

	.card-link,
	.card-link:hover,
	.card-link:visited {color:#fff;}

	.card-title {margin:0;}
	.card-body {padding:1rem 2.75rem 0.25rem 2rem; position:absolute; bottom:2rem;}

		.card-label.category {font-size:1rem; margin:0.5rem 0; color:#555; font-family:"Libre Franklin", Helvetica, Arial, Verdana, sans-serif; font-weight:400; letter-spacing:0.08rem; text-transform:uppercase;}

		.card-link {display: block; text-decoration:none;}
		.card-link:hover {text-decoration: none;}
		.card-link::before {content: ""; display: block; position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 2;}

		.hover-more {padding-right:2.5rem; transition:0.5s; background-position: calc(100% - 1.5rem) 50%; background-size: 1rem; background-repeat: no-repeat; background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512"%3E%3Cpath fill="%23676731" d="M166.9 264.5l-117.8 116c-4.7 4.7-12.3 4.7-17 0l-7.1-7.1c-4.7-4.7-4.7-12.3 0-17L127.3 256 25.1 155.6c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0l117.8 116c4.6 4.7 4.6 12.3-.1 17z"/%3E%3C/svg%3E');}
	.hover-more .card-body {padding-right:2rem;}

		/* Related Content */
	.related {margin:3rem 0;}
		.related article {margin-bottom:1em; padding-right:2.5rem; display:block; vertical-align:top; border-bottom:4px solid transparent; vertical-align:top; color:#1a324e; transition:all 125ms ease-in-out;}
		.related article a {text-decoration:none;}
		.related article:hover {background:#e1e8f2; border-bottom:4px solid #c1cddd; transform:scale(1.0125);}
		.related h2 {margin:0 0 1rem; padding:0 0 0.25em; border-bottom:1px solid #ddd; font-size:0.8rem; line-height:1.25rem; color:#555; font-weight:400; text-transform:uppercase; letter-spacing:1px; font-family:"Libre Franklin", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
		.related .image {margin-right:0.75em; float:left; width:130px;}
		.related .headline {overflow:hidden}
		.related .category {font-size:0.85rem;}
		.related .headline h3 {margin-top:0; font-size:1.2rem; line-height:1.25em; font-weight:400; font-family:"Kadwa", Sumana, "Times New Roman", Times, serif; color:#0c2340;}
		.related article:hover:after {content:''; width:1rem; position:absolute; opacity:1; bottom:0; top:0; right:1rem; transition:all 125ms ease-in-out; color:#ae9142; display:block; background:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512"%3E%3Cpath fill="%23ae9142" d="M166.9 264.5l-117.8 116c-4.7 4.7-12.3 4.7-17 0l-7.1-7.1c-4.7-4.7-4.7-12.3 0-17L127.3 256 25.1 155.6c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0l117.8 116c4.6 4.7 4.6 12.3-.1 17z"/%3E%3C/svg%3E') 50% 50% / 1rem no-repeat; }
		.related article {width:100%; display:inline-block;}

	.side-cta {margin:2.25em 0; font-family:"Libre Franklin", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
	.side-cta h2 {font-size:1.75rem; color:#0c2340;}
	.side-cta .category {margin:0.5rem 0 0; font-size:1rem;}
	.side-cta p {margin-bottom:1em; font-size:1rem; line-height:1.4em;}
	.side-cta img {margin-bottom:0.5em;}

	/* Side info */
	.side-info {margin:4rem 0 3rem; padding:0; border:1px solid #ccc; font-family:"Libre Franklin", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size:0.95rem;}
	 .side-info strong {margin:1.25rem 0 0.25rem; display:block; text-transform:uppercase; font-size:0.85rem; letter-spacing:1px; color:#504e4c;}
	 .side-info ul {padding:0 2rem 0.25rem; list-style-type:none;}
	 .side-info li {clear:both; line-height:1.45;}
	 .side-info li ul {margin:0; list-style-type:disc;}

	 .side-info h2 {margin-top:-1.5rem; display:block; text-align:center; font-weight:700; font-family:"Kadwa", GPC, "Arial Narrow", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size:2rem; color:#676731;}
		.side-info h2 span {padding:0 1rem; background:#fff;}

	 .side-info.key-players {margin:4rem 0; padding:0 0 1rem;}
		.side-info.key-players img {display:none;}
		.side-info.key-players ul {padding:0 1rem 0.25rem;}
		.side-info.key-players li {margin-top:1.75rem; min-height:4.5rem;}

		/* Animation */
	.fade-animation {position:relative; padding-bottom:75%;}
	.fade-animation img {position:absolute; display:block;}

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

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

	/* Buttons */
	.btn {display:inline-block; padding:0.8rem 1rem; border:3px solid transparent; border-radius:0.6rem; line-height:1.5rem; text-decoration:none; transition:all 125ms ease-in-out; font-size:1rem; font-family:"Libre Franklin", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
		.btn:focus {border-color:#15a6b5; outline:none; }
		.btn:visited {color:#0c2340;}
		.btn svg {vertical-align:middle; transition:transform .25s ease-in-out}
		.btn:hover svg {transform:translateX(0.325em);}

	.btn-inline {color:#0c2340;}
		.btn-inline:hover {color:#0c2340; background-color:#e1e8f2; transform:scale(1.02);}
		.btn-inline:active {color:#0c2340; background-color:#e1e8f2;}
		.btn-inline svg {fill:#ae9142;}
	.text-right {text-align:right;}


	/* Footer
	----------------------------------------------------*/

	/* Byline */
	.byline:before {content:''; margin-bottom:1.5em; display:block; height:4px; width:80px; background:#ae9142;}
	.byline {margin:3.5em 0 0; color:#0c2340; }
	.byline p {margin:0; font-size:1.25em; font-weight:700; font-family:GPC, "Libre Franklin", Helvetica, Arial, Verdana, sans-serif;}
	.byline ul {padding:0; list-style:none; font-size:0.9em; font-weight:400; font-family:"Libre Franklin", Helvetica, Arial, Verdana, sans-serif; font-style:normal; color:#555;}
	.byline ul strong {color:#333;}
	.byline a {color:#1a324e;}

	.site-footer {position:relative; text-align:center; margin-top:2rem; font-family:"Libre Franklin", Helvetica, Arial, Verdana, sans-serif; background:#f5f5f5;}
		.site-footer p {clear:both; margin:0; font-size:1rem;}
		.site-footer a {color:#555;}
		.site-footer svg {fill:#555;}

	.footer-global {padding:2rem 0;}
		.footer-global li { padding: 0.5rem 0; }
		.social {margin:2rem 0;}
		.copyright {font-weight:bold;}
		.address {display:block; margin:0;}
		.ndmark {width:200px; margin:2em auto;}

	.footer-global-links {padding:1rem 0; background:#d2d2d2; font-size:1rem;}
		.footer-global-links a {padding:0.45rem 1rem; border-radius:0.5rem; transition:all 125ms ease-in-out; text-decoration:none; transition:all 125ms ease-in-out;}
		.footer-global-links a:hover {text-decoration:underline;}
		.footer-global-links nav a:hover {text-decoration:none; background-color:#f0f0f0;}

	.footer-global-links li {margin:0 1rem; padding:0.5rem 0;}
	.footer-links-content {text-align:center;}
	.footer-links-policy {justify-content:flex-end; text-align:center;}

	.home .site-footer {margin:0;}

}

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

/* 580px
----------------------------------------------------*/
@media only screen and (min-width:36.25em) {
	.image-right,
	.image-left {max-width:50%; font-size:0.9rem; text-align:left; color:#888; line-height:1.4em; font-family:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
	.image-right { float:right; margin:0 0 1.2rem 2rem; }
	.image-left { float:left; margin:0 1.2rem 2rem 0; }
	.intro {font-size:1.5rem;}
	.side-info.key-players {margin:6rem 0 4rem;}
	.side-info.key-players img {display:block; margin:-0.25rem 1rem 1rem; border-radius:100%; width:4.25rem; float:left;}
}

/* 768px
----------------------------------------------------*/
@media only screen and (min-width:48em) {
	html {background-attachment:fixed;}

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

	.site-title {font-size:3.5rem;}
	.site-title:after {margin-left:-1.35rem; margin-top:1rem; width:70px;}
	.subtitle {font-size:1.5rem;}

	.titlebar {min-height:100vh;}
	.row {max-width:90vw;}
	.brandbar li {margin:0 auto;}

	.quote-img {margin:3em 0 1em;}
	.quote-img img {display:block; float:left; width:100px; height:100px;}

	.header-overlay {width:270px; height:60px; margin:0 auto; max-width:300px;}

	.about {padding:4rem 0;}
	.about .title {float:left; width:40%; margin-right:5%;}
		 .about .title h1:after {width:60px; height:5px; margin:0.25rem 0 1rem -1.35rem;}
	.about .desc {float:left; width:55%;}

	figure.full.bottom {margin-bottom:0;}

	.divider {height:100vh; background-size:cover;}
	.d1 {background-image:url('images/tantur_night_full-1200.jpg');}
	.d2 {background-image:url('images/tantur_full-1200.jpg');}

	.tantur-map img,
	.tel-azekah-map img {border:none;}

	.side-cta img {margin-right:1em; width:30%; float:left;}

	/* Header
	----------------------------------------------------*/
	.site-header {text-align:left;}
	.brandbar {padding:0;}
	.brandbar li {margin:0 auto;}
	.header-image {height:600px; background:url('images/header-1000.jpg') center center no-repeat; background-size:cover;}

	.top-nav {display:block; position:fixed; top:0; width:100%; z-index:999; opacity:0.85}
	 .top-nav .current {font-weight:700;}
	.sticky-nav {padding:0.75rem 1rem 0.5rem; height:3.75rem; background:#111; font-family:"Libre Franklin", Helvetica, Arial, Verdana, sans-serif;}
		.sticky-nav li { display:inline-block; padding:0.75rem 0; font-size:0.9rem;}
		.sticky-nav a { display:block; padding:0 1rem; color:#eee;}
		.sticky-nav a:hover {color:#888;}
			.sticky-nav .series {border-right:1px solid #444; color:#fff; text-transform:uppercase; letter-spacing:1px; font-size:0.8rem;}

	.sticky-nav {position:absolute; top:-8px; left:0; bottom:0; right:0; opacity:0; transition:opacity 0.5s ease-out;}
	.sticky-nav.in {opacity:1;}
	.sticky-nav.out {opacity:0;}

	/* Content
	----------------------------------------------------*/
	/* Related */
	.related.float-right article {width:48%; margin-right:1%; display:inline-block;}
	.related.main article {width:49%; margin:0 0.115em; display:inline-block;}
	.related article {width:48%; display:inline-block; margin-right:1%;}

	/* Video Slides */
	.slide {width:80%; margin:0 auto; padding:1rem 2rem 0.5rem 6rem;}
	 .slide p {font-size:1.5rem; line-height:1.45}

 .full-video.tantur:before {content:''; display:inline-block; z-index:999; width:100%; height:100%; background:url('images/map-tantur.svg') no-repeat bottom left; background-size:14rem auto;}
	 .full-video.tel-azekah:before {content:''; display:inline-block; z-index:999; width:100%; height:100%; background:url('images/map-tel_azekah.svg') no-repeat bottom left; background-size:14rem auto;}

	.section-copy {margin:2rem 0; padding:0 2rem;}

	.figure-3up img {display:block; width:46%; margin:0; float:left;}
	.figure-3up img:first-child {width:50%; margin-right:3%;}
	.figure-3up img:nth-child(3) {margin-top:3.45%; margin-bottom:1.5em;}

	blockquote p {margin:3rem 4rem;}
	blockquote.pull p {margin:0.5rem 4rem;}

	 .tantur-map figcaption,
	 .tel-azekah-map figcaption,
	 .diagram figcaption {margin:0 auto 4.5rem; padding:0 6vw;}
	 .editor-note {margin:4rem auto 4.5rem; padding:0 6vw;}

	 .side-info h2 {margin-top:-2.25rem; font-size:3rem;}


	/* Footer
	----------------------------------------------------*/
	.social li {display:inline-block; margin:0 0.25rem;}
	.footer-links-content li {margin-right:0.5rem; display:inline-block;}
	.footer-links-policy li {margin-left:0.5rem; display:inline-block;}
}

/* 1000px
----------------------------------------------------*/
@media only screen and (min-width:62.5em) {
	.category {font-size:1.2rem; margin:0 0 0.5rem;}
	 .related .category {margin:0;}
	.site-title {font-size:4.25rem;}
	.site-title:after {width:80px;}
	 .subtitle {font-size:1.85rem;}

	.brandbar {padding:0;}
	.image-right {margin-right:-3vw;}
	.header-overlay {margin-left:-2.25em;}

	figure {margin:1rem auto;}
	 figure.full {margin:3.25rem 0 3rem; margin-left:-3vw; margin-right:-3vw;}
		figure.full.group {margin-bottom:0;}
	 figure.full.top {margin-top:0;}
	.figgroup {float:left; margin-left:-3vw; margin-right:-3vw;}
		.figgroup figure {float:left; width:48%; 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;}
		.figgroup figure:last-child {margin-right:0;}

		.side-cta {margin:0 -4% 0 2rem; width:40%; float:right;}
		.side-cta img {margin-right:0; width:100%; float:none;}

		/* Articles */
	 .landing article {width:33.33%; float:left; box-shadow:inset 0 -15rem 12rem rgba(0,0,0,0.25)}
	 .landing article h2 {font-size:2.25rem; line-height:1.2;}
	 .landing article p {font-size:1.2rem;}
	 .article-content {min-height:14rem; vertical-align:top;}
	 .card {height:100vh;}
		.card.clues-from-the-past {background:url('images/clues_from_the_past-vert.jpg') center center / cover;}
		.card.tantur-hill {background:url('images/tantur_hill-vert.jpg') center center / cover;}
		.card.two-journeys {background:url('images/two_journeys-vert.jpg') center center / cover;}
	.hover-more {background-position-x: calc(100% - 2rem); background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512"%3E%3Cpath fill="transparent" d="M166.9 264.5l-117.8 116c-4.7 4.7-12.3 4.7-17 0l-7.1-7.1c-4.7-4.7-4.7-12.3 0-17L127.3 256 25.1 155.6c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0l117.8 116c4.6 4.7 4.6 12.3-.1 17z"/%3E%3C/svg%3E');}
	.card:hover .hover-more, .hover-more:hover {background-position-x: calc(100% - 1.5rem); background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512"%3E%3Cpath fill="%23676731" d="M166.9 264.5l-117.8 116c-4.7 4.7-12.3 4.7-17 0l-7.1-7.1c-4.7-4.7-4.7-12.3 0-17L127.3 256 25.1 155.6c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0l117.8 116c4.6 4.7 4.6 12.3-.1 17z"/%3E%3C/svg%3E');}

	 .landing.featured article {width:27.5%;}
	 .landing.featured article.first {width:45%;}
	 .landing.featured article.first h2 {font-size:3rem;}
	 .landing.featured article.first p {font-size:1.35rem;}
	 .landing.featured .article-content {min-height:16rem;}
	 .landing .category {font-size:1.1rem;}

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

	/* Content
	----------------------------------------------------*/
	blockquote .share {position:relative;}
	.pull {width:40vw; margin-right:-15vw; float:right;}

	.site-title {margin-left:-0.1em;}

	.related {margin:3rem 0 3rem;}
	.related.float-right {float:right; padding-left:2em; width:40vw; margin-right:-18vw;}
	.related.float-right article {width:100%;}

	.section { flex-flow:row; position:relative; transition:opacity .9s ease-in-out; }
		.js .section {	opacity:0; }
		.section.active,
		.js .section.no-fade { opacity:1; }
		.section.media-full { flex-flow:column; }
		.section.no-copy { padding-top:100vh; }
		.section.media-left { justify-content:flex-end; }

	 .intro {position:relative;}

	 .side-info,
	 .side-info.key-players {margin-right:-8vw; margin-left:3rem; float:right; width:22rem;}
	 .side-info.key-players {margin-top:2.5rem; padding:0; width:26rem;}

	/* Media Layouts */
	.section-media { width:100%; height:100vh;	}
		.js .section-media { z-index:-1; position:absolute; }
		.active .section-media { z-index:99; position:fixed; top:0; bottom:0; }
		.media-full .section-media { width:100%; }
		.media-right .section-media { right:0; left:50%; }
		.media-left .section-media { right:50%; left:0; }
		.media-full .section-media { left:0; right:0; }
		.section-media figure { height:100%; width:100%; }
		.section-media figcaption { bottom:20vh; max-width:40vw; font-size:1.75em; }
		.section-media.quote-up figcaption {bottom:32vh;}
			.media-right figcaption { left:-4vw; }
		.section-media img { height:100%; width:100%; object-fit: cover; object-position: 50% 50%; }

	.section-copy { z-index:100; padding:0 15vw; width:100vw; max-width:68rem; margin:0 auto; }
		.slide { padding:2rem 2rem 2rem 8rem; min-height:100vh; }
		.media-right .section-copy,
		.media-left .section-copy { width:50%; padding:0 5vw; margin:0; }
		.media-right .section-copy { order:-1; }

	 .section-copy.tel-azekah-map,
	 .section-copy.tantur-map,
	 .section-copy.diagram {margin-top:25vw; margin-bottom:20vw;}

	 .slide p {font-size:2rem;}

	/* Footer
	----------------------------------------------------*/
	.footer-global {padding:3rem 0 2rem;}
	.footer-global li {padding:0;}
	.footer-global .col {display:flex; justify-content:space-between;}
	.footer-global .social {justify-self:center; max-width:500px;}
	.footer-global .social svg { margin-right:0.25rem; vertical-align:text-bottom; margin-bottom:2px; }
	.footer-global .social ul {display:grid; grid-template-columns:repeat(3, 1fr); grid-gap:0.5rem; justify-items:start;}
	.footer-global .ndmark {margin:0;}
	.footer-global .social {margin:0;}
	.footer-global .vcard {text-align:left;}

	.social li {display:inline-block; margin:0 0.25rem; font-size:1rem;}
	.social a {color:#555; padding:0.5rem 1rem; margin-top:-0.5rem; display:block; border-radius:0.6rem; border:3px solid transparent; transition:all 125ms ease-in-out;}
		.social a:hover { background-color:#e1e8f2; color:#0c2340;}
		.social a:focus { border-color:#15a6b5; outline:none;}
		.social a:active {color:#0c2340;	background-color:#c1cddd;}
		.social a:hover svg {fill:#0c2340;}

	.footer-global-links {font-size:.875rem;}
	.footer-global-links nav {display:flex;}
	.footer-global-links ul {width:50%; margin:0;}

	.footer-links-content {text-align:left;}
		.footer-links-content li {margin:0; display:inline-block;}

	.footer-links-policy {justify-content:flex-end; text-align:right;}
		.footer-links-policy li {margin-left:0.5rem; display:inline-block;}
}

/* 1200px
----------------------------------------------------*/
@media only screen and (min-width:75em) {
	blockquote {font-size:1.2em;}
	.row {max-width:80vw;}
	.pull {width:32vw; margin-right:-12vw;}
	.titlebar-share {bottom:2rem;}
	.header-image { height:650px; background:url('images/header-1600.jpg') top center no-repeat; background-size:cover;}
 .related.float-right {width:32vw; margin-right:-10vw;}

 .image-right {margin-right:-8vw;}
 figure.full {margin-left:-8vw; margin-right:-8vw;}
 .figgroup {margin-left:-8vw; margin-right:-9.25vw;}
 .diagram svg	{display:block; width:80%; margin:0 auto;}
 .slide {padding:2rem 2rem 2rem 4rem;}

 .d1 {background-image:url('images/tantur_night_full-1600.jpg');}
 .d2 {background-image:url('images/tantur_full-1600.jpg');}

 .article-content {min-height:12rem;}

}

/* 1400px
----------------------------------------------------*/
@media only screen and (min-width:87.5em) {
	.section-copy {max-width:75rem;}
	.slide {width:70%;}
}

/* 1600px
----------------------------------------------------*/
@media only screen and (min-width:100em) {
	.image-right, .image-left {max-width:50%;}
	.image-right {margin-right:-5vw;}
	.related.float-right {width:26vw; margin-right:-5vw;}
	.section-media figcaption {max-width:30vw;}
	.section-copy {max-width:82rem;}
	.d1 {background-image:url('images/tantur_night_full-1800.jpg');}
	.d2 {background-image:url('images/tantur_full-1800.jpg');}
}

/* 2000px
----------------------------------------------------*/
@media only screen and (min-width:125em) {
.section-copy {max-width:100rem;}
}

	/* Icons
	<span class="icon" data-icon="nd-monogram"></span>
	https://dev.conductor.nd.edu/icons/
----------------------------------------------------*/
	.icon {display:inline-block; width:1em; height:1em; fill:currentColor;}
		[data-icon="nd-monogram"] {fill:#0c2340;}


/* Fonts
	 https://dev.conductor.nd.edu/fonts/
----------------------------------------------------*/
@font-face {font-family:GPC; font-weight:700; font-style:normal; font-display:swap;
	src:url('https://static.nd.edu/fonts/gp-min/gpc-bold.woff2') format('woff2'),
			url('https://static.nd.edu/fonts/gp-min/gpc-bold.woff') format('woff'),
			url('https://static.nd.edu/fonts/gp-min/gpc-bold.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){
}

/*************************************************************************************
 * 4. Themes
 ************************************************************************************/
@media screen, projection {
	/* Brand Bar
	----------------------------------------------------*/
	.dept-nd a {width:260px; background-image:url('https://www.nd.edu/assets/css/images/marks/white/mark-stories.svg');}
}

/*************************************************************************************
 * 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 {margin:2rem 0 0; 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,
	.content-video,
	.timelapse-video,
	.nav-skip,
	.full-video,
	.related,
	.footer-global-links,
	.social,
	.section-media .highlight,
	.titlebar,
	.top-nav,
	.key-players,
	.slide {display:none;}

	/* STRUCTURE
	----------------------------------------------------*/
	body, h1, h2, h3, ol, ul, div {width:auto; border:0; margin:0 3%; padding:0; float:none; position:static; overflow:visible;}
	.site-header {overflow:hidden; position:relative; margin:0 0 20px; padding:0; border-bottom:1px solid gray;}
		.brandbar {margin:2rem 0 1rem; font-size:9px; text-transform:uppercase; font-family:"Adobe Garamond", Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif; text-align:center; letter-spacing:1px;}
	 .brandbar i {text-transform:none;}
	.site-title,
	.subline {margin:0; display:block; font-family:"Libre Franklin", Helvetica, Arial, Verdana, sans-serif; font-weight:400;}
	.site-header a,
	.site-title a,
	.subline a {color:#000;}

	.intro {font-size:1.2rem;}
	.site-title {margin:4px 0 2px; font-size:1.75em; font-family:"Kadwa", Sumana, "Times New Roman", Times, serif; font-size:2.25rem;}
	.subtitle {font-family:"Libre Franklin", Helvetica, Arial, sans-serif; font-size:1.3rem;}
	.category {margin-left:0; margin-top:1rem; font-family:"Libre Franklin", Helvetica, Arial, sans-serif; text-transform:uppercase; letter-spacing:1px; color:#555;}
	.byline {font-size:0.9rem;}
	 p {font-size:1rem;}

	.section-copy {margin:4rem 0;}

	.figgroup {float:left;}
	.figgroup figure {float:left; width:48%; margin-left:1%; margin-right:1%;}

	.figure-3up img {display:block; width:46%; margin:0; float:left;}
	.figure-3up img:first-child {width:50%; margin-right:3%;}
	.figure-3up img:nth-child(3) {margin-top:3.45%; margin-bottom:1.5em;}

	.fade-animation img {width:50%; float:left; margin:2rem 0 4rem;}

	.side-info {margin:4rem 0 3rem; padding:0; border:1px solid #ccc; font-family:"Libre Franklin", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size:0.95rem;}
	.side-info strong {margin:1.25rem 0 0.25rem; display:block; text-transform:uppercase; font-size:0.85rem; letter-spacing:1px; color:#504e4c;}
	.side-info ul {padding:0 2rem 0.25rem; list-style-type:none;}
	.side-info li {clear:both; line-height:1.45;}
	.side-info li ul {margin:0; list-style-type:disc;}
	.side-info h2 {margin-top:-1.5rem; display:block; text-align:center; font-weight:700; font-family:"Kadwa", GPC, "Arial Narrow", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size:2rem; color:#676731;}
	.side-info h2 span {padding:0 1rem; background:#fff;}
	.side-info { margin-left:3rem; float:right; width:20rem;}
	.section.title {font-family:"Libre Franklin", Helvetica, Arial, Verdana, sans-serif; font-size:1.5rem;}

	.media-right img,
	.media-left img,
	.image-left,
	.image-right {float:right; width:33%; margin:0 0 0 2rem;}

	.media-full img { width:55%; margin:0 auto 2rem; }

	figcaption {clear:both; text-align:left;}
	.media-left figcaption,
	.media-right figcaption { float:right; max-width:33%; padding:0.5rem; }

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