/*!
Launched:2020-11-10
Authors:Taylor Packet, 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
 - Blue: #0c2340
 - Gold: #ae9142

2. FONT STACKS
 - Headings: GPC, "Arial Narrow", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif
 - Body/Default: Sumana, Georgia, "Times New Roman", Times, serif
 - Captions/Secondary: "Libre Franklin", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif
*/

/*************************************************************************************
* 1. Common Styles
************************************************************************************/

 :root {
	--brand-blue:#0c2340;
	--brand-gold:#ae9142;
	--link-blue:#0c2340;
	--link-focus:#15a6b5;

	--font-default:Sumana, Georgia, "Times New Roman", Times, serif;
	--font-secondary:"Libre Franklin","Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	--font-heading:Knockout, "Arial Narrow", "Libre Franklin", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;

	--gray:#555;
	--gray-dark:#333;
	--gray-extra-dark:#2b2b28;
	--gray-light:#d2d2d2;
	--gray-extra-light:#e2e2e2;

	--sky-blue:#f3f2e9;
	--sky-blue-light:#edf2f9;
	--sky-blue-extra-light:#f2f6fb;
	--sky-blue-dark:#e6e5dd;

	--grid-gap:1.5rem;
	--anim-duration:325ms;
	--anim-duration-fast:125ms;
	--anim-duration-slow:500ms;
	--anim-ease:ease-in-out;

	--offset:-8vw;
}
 *, *:before, *:after { 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 { margin:0; color:#383838; font:1em/1.5em var(--font-default); background:#cce7d3; }
article, aside, details, figcaption, .figcaption, figure, footer, header, main, menu, nav, section, summary { display:block; }
audio, canvas, progress, video { display:inline-block; vertical-align:baseline; max-width:100%; }
audio:not([controls]) { display:none; height:0; }
[hidden] { display:none; }
[tabindex="-1"]:focus { outline:none !important; }
p { margin:0 0 1.5em; font-size:1.25em; line-height:1.8em; }
a { color:var(--brand-blue-bright); overflow-wrap:break-word; -webkit-text-decoration-skip:ink; text-decoration-skip:ink; text-decoration-skip-ink:auto; background-color:transparent; -webkit-tap-highlight-color:rgba(0,0,0,0); }
a:visited { color:var(--brand-blue); }
a:hover { color:var(--brand-blue-bright); }
a:active { color:var(--brand-gold); }
a:focus { outline:thin dotted; }
strong, b { font-weight:bolder; }
em, i { font-style:italic; }
small { font-size:80%; }
iframe, embed { width:100%; }
sub,sup { position:relative; vertical-align:baseline; line-height:0; font-size:smaller; }
sup { vertical-align:super; }
sub { vertical-align:sub; }
pre, code, kbd, samp { overflow:auto; font-family:monospace, sans-serif; }
hr { clear:both; margin:3rem 5%; max-width:calc(65rem - 10%); border:1px solid var(--gray-light); }
a, area, button, [role="button"], input:not([type="range"]), label, select, summary, textarea { touch-action:manipulation; }

/* Headings
---------------------------------------------------*/
h1,h2,h3,h4,h5,h6 { margin:1.4em 0 0.25em; line-height:1.4em; color:var(--gray-extra-dark); font-weight:700; text-rendering:optimizeLegibility; font-family:var(--font-heading); text-transform:uppercase; letter-spacing:1px; }
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:var(--gray-extra-dark); }
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:1.5em 0 0.25em; font-size:2.75em; }
h3 { font-size:1.75em; }
h4 { font-size:1.375em; }
h5 { font-size:1.188em; }
h6 { font-size:1em; }

/* Lists
----------------------------------------------------*/
ol, ul, dl { margin:1rem 0; padding:0 0 0 2rem; font-family:var(--font-secondary); }
li { margin:0 0 0.75rem; }
nav ul { list-style:none; }
nav ul,nav li { margin:0; padding:0; }
nav a { text-decoration:none; }

/* Tables
----------------------------------------------------*/
table { width:100%; margin:2em 0; border-collapse:collapse; border-spacing:0; border:1px solid var(--gray-light); }
tr { border-top:1px solid var(--gray-light); }
tr:nth-child(even) td { background:var(--gray-extra-extra-light); }
th,thead th { text-align:left; background-color:var(--gray-extra-light); color:var(--gray-dark); border-right:1px solid var(--gray-light); font-family:var(--font-default); font-weight:600; font-size:1em; border-bottom:3px solid var(--gray); }
tfoot th { text-align:right; }
th, td { padding:0.5em 0.75em; }
td { border-right:1px solid var(--gray-light); border-left:1px solid var(--gray-light); }
td, td img { vertical-align:top; }

/* Quotes
----------------------------------------------------*/
 blockquote { position:relative; margin:2rem 1rem; padding:0; font-family:var(--font-default); text-align:left; }
 blockquote p { margin:0 0 1rem; font-size:1.45rem; line-height:1.6em; color:var(--gray-extra-dark); }
 blockquote p cite { display:block; margin:1rem 0 0; font-size:1rem; line-height:1.5; color:var(--gray); text-align:right; font-weight:normal; font-style:normal; font-family:var(--font-secondary); }
 .inline-quote { margin:2em 0; padding-left:0.5em; border-left:3px solid var(--gray-extra-dark); }
 .inline-quote p { font-family:var(--font-secondary); font-size:1rem; line-height:1.9; }

/* Images & Videos
----------------------------------------------------*/
 img { max-width:100%; min-width:100%; width:auto; height:auto; border:none; vertical-align:bottom; -ms-interpolation-mode:bicubic; box-sizing:content-box; }
 figure { display:block; margin:0; }
 figure img {border:4px solid var(--gray-extra-dark); border-radius:3px;}
 figcaption,
 .figcaption { clear:both; margin:0.75em 0; font-size:0.95rem; text-align:left; color:var(--gray); line-height:1.4em; font-family:var(--font-secondary); }

 .full,
 .figgroup-2,
 .figgroup-3,
 .figgroup-3-combo,
 .figgroup-4,
 .image-right { margin:2rem 0; }
 .figgroup-2,
 .figgroup-3 { display:grid; grid-template-columns:1fr; }
 .figgroup-3-combo img, .figgroup-4 img { margin:0.75rem 0 0; }

 .photo-quote { margin:3em 0; }
 .photo-quote figure { margin:0 auto; width:50%; }
 .photo-quote img { border-radius:100%; }

 .video { min-width:100%; position:relative; display:inline-block; 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.05) 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); }
 .video-container { margin-bottom:0; }


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

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

/*************************************************************************************
* 2. Screen Styles
************************************************************************************/
@media screen {
 .wrapper { height:100%; }
 .site-content { margin:auto; display:grid; grid-template-columns:1fr minmax(0, 25em) minmax(0, 25em) 1fr; grid-gap:var(--grid-gap); }
 .site-content.bg { background:#fffef6; border-top:4px solid #b8d0be; border-bottom:4px solid #b8d0be; }
 .section { grid-column:2/4; margin:2em 0; }
	h2.top { margin-top:0; }

 .full-bleed { display:grid; grid-template-columns:1fr minmax(0, 23em) minmax(0, 23em) 1fr; grid-gap:var(--grid-gap); grid-row-gap:0.8em; }
 .full-bleed img,
 .full-bleed video { object-fit:cover; overflow:hidden; height:50vh; grid-column:1/5; }
 .full-bleed figcaption { margin:0 0 2rem; grid-column:2/4; }

 .bgvid { position:relative; overflow:hidden; }
 .bgvid img { position:absolute; top:0; left:0; right:0; bottom:0; }

 .page.page1 { margin:6rem 0 0; }

 .embed-inner { position:relative; padding:0; }
 .embed-inner iframe,
 .embed-inner object,
 .embed-inner embed { position:absolute; top:0; left:0; width:100%; height:100%; }
 progress { position:fixed; left:0; top:0; z-index:10; width:100%; height:5px; border:none; color:var(--gray-extra-dark); background-color:transparent; -webkit-appearance:none; appearance:none; }

 progress::-webkit-progress-bar { background-color:transparent; }
 progress::-webkit-progress-value { background-color:var(--gray-extra-dark); }
 progress::-moz-progress-bar { background-color:var(--gray-extra-dark); }

/* Header
----------------------------------------------------*/
 .site-header { position:relative; z-index:1; margin:0; }

 .brandbar { position:absolute; z-index:1; top:0; left:0; bottom:0; right:0; height:100%; }
 .brandbar li { margin:0; 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 { margin:1rem 0 4rem; position:relative; }
		 .header-image { position:relative; height:50vh; background:#ccc url('images/crown-800.jpg') center center no-repeat; background-size:cover; box-shadow:inset 0px 80px 100px rgba(0,0,0,0.45); border-top:4px solid var(--gray-extra-dark); }

 .category { margin:0 0 1rem; padding:0.35em 1.25em 0.25em; display:inline-block; border-radius:28px; background:#83837c; color:#fff; font-family:var(--font-secondary); font-weight:400; text-transform:uppercase; letter-spacing:0.08em; }
 .pubdate { margin:2em 0 0; text-transform:capitalize; letter-spacing:0; color:var(--gray); font-family:var(--font-secondary); font-weight:400; }
 .site-title { margin-bottom:0; font-size:3.35rem; line-height:1em; font-weight:700 !important; font-family:var(--font-heading); color:var(--gray-extra-dark); }
 .subtitle { margin:0.5em 0 0; font-size:1.35rem; line-height:1.45em; font-weight:300; font-family:var(--font-secondary); color:#41413c; }

 .page.page2 { margin-bottom:15%; }

/* Content
----------------------------------------------------*/
 .lede { margin-top:2em; font-size:1.35rem; }

 .byline:before { content:''; margin-bottom:1.5em; display:block; height:4px; width:80px; background:var(--brand-gold); }
 .byline { margin:3.5em 0 0; color:var(--gray-extra-dark); }
 .byline p { margin:0; font-size:1.1em; font-weight:700; font-family:var(--font-secondary); }
 .byline ul { padding:0; list-style:none; font-size:0.9em; font-weight:400; font-family:var(--font-secondary); font-style:normal; color:var(--gray); }
 .byline ul strong { color:var(--gray-dark); }
 .byline li { margin-bottom:0.25rem; }
 .byline a { color:var(--gray-extra-dark); }

 .sidebar { margin:2rem 0; padding:1rem 1.5rem; background:#444; border:4px solid var(--gray-extra-dark); border-radius:3px; color:#f7f7f7; }
 .sidebar h3 { margin-top:0.25em; color:#fffef6; letter-spacing:1.5px; }
 .sidebar p { font-family:var(--font-secondary); font-size:1rem; line-height:1.6; }

/* Related Content
----------------------------------------------------*/
 .related { margin:4rem 0 3rem; }
 .related h2 { margin-top:0.45rem; font-size:1.95rem; color:var(--gray-extra-dark); font-weight:700; font-family:var(--font-heading); }
 .related .image { margin-right:0.75em; float:left; width:130px; }
 .related .category { display:block; padding:0; margin:0.75rem 0 0; font-size:0.8rem; line-height:1.25rem; color:var(--gray); background:none; }
 .related p.subtitle { margin-top:0; font-size:0.925rem; font-family:var(--font-secondary); font-weight:400; }
 .related .text-right { margin:0; grid-column:2/4; }

	/* CTA */
	.side-cta {margin:2.25em 0; font-family:var(--font-default);}
	.side-cta h3 {margin-top:0.25em; line-height:1;}
	.side-cta .category {margin:0.5em 0 0; padding:0; font-size:0.9rem; background:none; color:#555;}
	.side-cta p {margin-bottom:1em; font-size:1rem; line-height:1.4em;}
	.side-cta img {margin-bottom:0.5em;}

/* Cards
----------------------------------------------------*/
 .card-label { color:var(--gray); font-family:var(--font-default); }
 .card-link, .card-link:visited { display:block; text-decoration:none; color:var(--gray-extra-dark); }
 .card-link:hover { text-decoration:none; color:var(--gray-extra-dark); }
 .card-link::before { content:''; display:block; position:absolute; top:0; bottom:0; right:0; left:0; z-index:2 }

/* Cards (flexible content containers)
----------------------------------------------------*/
 .card { display:flex; flex-flow:column; width:100%; position:relative; margin:0; width:100%; }
 .card-body { padding:0 1rem 1rem; font-size:1rem; }
 .card-title { margin:0 0 1rem; font-size:1.35rem; text-transform:capitalize; letter-spacing:0; padding-top:0; font-family:var(--font-heading-article); font-weight:400; }
 .card-label { font-size:1rem; margin:0 0 0.5em; font-size:0.875rem; font-weight:normal; letter-spacing:0.08em; text-transform:uppercase; }
 .card-image { order:-1; margin:0; width:100%; }
 .card-image img { width:100%; }

/* Hover Effects
----------------------------------------------------*/
 [class*="hover-"], [class*="hover-"]::after, [class*="hover-"]::before { transition:all var(--anim-duration) cubic-bezier(0, 0, 0, 1); }
 .hover-grow { transform:scale(1); margin-bottom:0.75rem; }
 .hover-grow:hover { transform:scale(1.01); }
 .hover-bg { border-bottom:0.25rem solid transparent; }
 .hover-bg:hover,
 .hover-bg:focus-within { background-color:var(--sky-blue); border-color:var(--sky-blue-dark); }
 .hover-bg:focus-within a:focus { outline:none; }
 .hover-more { padding-right:3rem; background-position:calc(100% - 2rem) 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="%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'); }
 .hover-more.card { padding-right:0; }
 .hover-more.card-body,
 .hover-more .card-body { padding-right:3rem; }

/* 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:var(--font-secondary); }
 .btn:focus { border-color:var(--link-focus); outline:none; }
 .btn:visited { color:var(--gray-extra-dark); }
 .btn svg { vertical-align:middle; transition:transform .25s ease-in-out}
 .btn:hover svg { transform:translateX(0.325em); }
 .btn-inline { color:var(--gray-extra-dark); }
 .btn-inline:hover { color:var(--gray-extra-dark); background-color:var(--sky-blue); transform:scale(1.02); }
 .btn-inline:active { color:var(--gray-extra-dark); background-color:var(--sky-blue); }
 .btn-inline svg { fill:var(--brand-gold); }
 .btn-hidden { display:none; }
 .btn-hidden-mobile { display:block; }

 .text-right { text-align:right; }

/* Footer
----------------------------------------------------*/
 .site-footer { position:relative; text-align:center; font-family:"Libre Franklin", Helvetica, Arial, Verdana, sans-serif; background:var(--sky-blue); }
 .site-footer p { clear:both; margin:0; font-size:1rem; }
 .site-footer a { color:var(--gray); }
 .site-footer svg { fill:var(--gray); }
 .footer-global { padding:2rem 0 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:var(--sky-blue-dark); 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; }
 .vcard { margin-bottom:2rem; }
}

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

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

/* Header
----------------------------------------------------*/
 .lede { font-size:1.5rem; }
 .header-image { height:60vh; min-height:31.25rem; }

/* Images & Video
----------------------------------------------------*/
 .image-right,
 .image-left { max-width:52%; font-size:0.9rem; text-align:left; color:#888; line-height:1.4em; font-family:"Libre Franklin", Helvetica, Arial, Verdana, sans-serif; }
 .image-right { float:right; margin:0 0 0.75em 3em; }
 .video-right {width:52%; float:right; margin:0 0 1.2em 3em;}
}
/** 768px **
----------------------------------------------------*/
@media only screen and (min-width:48em) {

	/* Header
	----------------------------------------------------*/
	 html { background-attachment:fixed; }
	 .brandbar li { margin:0 auto; }
		.header-image { height:75vh; min-height:43.75rem; background:#ccc url('images/crown-1200.jpg') no-repeat center center / cover; }
	 .category { font-size:1.1rem; margin:0 0 0.5rem; }
	 .site-title { font-size:4.75rem; }
	 .subtitle { font-size:1.5rem; }


	/* Content
	----------------------------------------------------*/
 h2 { font-size:4.5em; }
 h3 { font-size:2.5em; }
 h4 { font-size:1.5em; }
 h5 { font-size:1.25em; }
 h6 { font-size:1.125em; }

 blockquote.pull { font-size:1.35em; }
 .inline-quote { margin:2.5em 1.75em; padding-left:1em;}
 .inline-quote p { font-size:1.1rem; }

 .related { display:grid; grid-template-columns:repeat(3, 1fr); grid-gap:var(--grid-gap); }
 .related article { width:48%; display:inline-block; margin-right:1%; }
 .related.float-right article { width:48%; margin-right:1%; display:inline-block; }
 .related.main article { width:49%; margin:0 0.115em; display:inline-block; }
 .sidebar {width:48%; margin:0 0 1rem 2rem; float:right;}

 .photo-quote { display:grid; grid-template-columns:repeat(7, 1fr); grid-column-gap:var(--grid-gap); }
	.photo-quote figure { grid-column:1/3; width:100%; }
	.photo-quote.pull figure { grid-column:1/8; width:40%; margin-bottom:1rem; }
	.photo-quote.pull blockquote { grid-column:1/8; }
	.photo-quote.pull blockquote p { margin: 0 1em 2em; }
	.photo-quote blockquote { grid-column:3/8; }
	 .photo-quote blockquote p { margin:0 1em 2em; }

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


	/* Buttons/Hover
	----------------------------------------------------*/
 .btn-hidden { display:block; }
 .btn-hidden-mobile { display:none; }
 .hover-more { background-image:none; }
 .hover-more:hover,
 .hover-more:focus-within { background-image: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'); background-position-x:calc(100% - 1.5rem); }

 /* Images
 ----------------------------------------------------*/
 .full,
 .figgroup-2,
 .figgroup-3,
 .figgroup-3-combo,
 .figgroup-4,
 .photo-quote { margin:3rem 0; }
 .photo-quote.pull { margin-top:1rem; margin-bottom:0; }
 .full-bleed img,
 .full-bleed video { height:80vh; }
 .full-bleed { margin:4rem 0; }
 .figgroup-2 { grid-template-columns:repeat(2, 1fr); grid-column-gap:var(--grid-gap); }
 .figgroup-3 { grid-template-columns:repeat(3, 1fr); grid-column-gap:var(--grid-gap); }
 .figgroup-3-combo img,
 .figgroup-4 img { margin:0; }
 .figgroup-3-combo figure,
 .figgroup-4 figure { margin:0; }
 .figgroup-3-combo figcaption,
 .figgroup-4 figcaption { margin:-0.65em 0 0; grid-column:1/9; }
 .figgroup-3-combo { display:grid; grid-template-columns:repeat(8, 1fr); grid-gap:1.5rem; }
 .figgroup-3-combo img:nth-child(1) { grid-column:1/5; grid-row:1/9; }
 .figgroup-3-combo img:nth-child(2) { grid-column:5/9; grid-row:1/6; }
 .figgroup-3-combo img:nth-child(3) { grid-column:5/9; grid-row:6/9; }
 .figgroup-4 { display:grid; grid-template-columns:repeat(8, 1fr); grid-gap:var(--grid-gap); }
 .figgroup-4 img:nth-child(1) { grid-column:1/3; grid-row:1/2; }
 .figgroup-4 img:nth-child(2) { grid-column:3/5; grid-row:1/2; }
 .figgroup-4 img:nth-child(3) { grid-column:1/5; grid-row:2/9; }
 .figgroup-4 img:nth-child(4) { grid-column:5/9; grid-row:1/9; }

 /* 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) {

.titlebar .title-crown { position:absolute; left:29em; padding:3.4em; background:url('images/crown.png') no-repeat center/contain; }
 .category { margin:0 0 1em; font-size:1.3rem; }
 .site-title { font-size:9em; line-height:0.85; }
 .subtitle { font-size:2.15rem; }

 .page,
 .page.page1,
 .page.page2,
 .page.page3 { margin:2rem var(--offset); top:10vh; }

 .page.page2 { margin-bottom:20%; }

 .section { margin:2em 0; }
 .site-content.bg .section { margin:2em 2em; }

 /* Header
 ----------------------------------------------------*/
	.page-wrapper { height:300vh; }
	.page { display:grid; gap:1rem; margin:2rem; position:sticky; top:8vh; }
	.js .page .frame { margin:2rem 0; opacity:0.1;	filter:grayscale(100%) blur(6px); transition: opacity 0.25s ease-in;}
	/* .js .page1 .frame1 { opacity:1; } */
	.js .page .frame.visible { opacity:1; filter:none; }

	.js .frame .text-fade,
	.js .frame .object-fade	{ opacity:0; transition: opacity 0.65s ease-in; transition-delay:0.25s; }
		.js .frame.visible .text-fade,
		.js .frame.visible .object-fade { opacity:1; }

	.js .frame .object-fade { transition-delay:0.1s; }
	.js .frame .object-fade2 { transition-delay:1.75s; }

	.arrow { position:absolute; bottom:0; left:50%; margin-left:-30px; width:55px; height:85px; background: url('images/arrow.svg') no-repeat; background-size:contain; }

/* Images
----------------------------------------------------*/
 .full,
 .figgroup-2,
 .figgroup-3,
 .figgroup-3-combo,
 .figgroup-4 { margin:4rem var(--offset); }
 .page .full { margin:0 var(--offset);}

 .figgroup-3-combo figcaption { margin:0 8vw 0.75em; }
 .figgroup-2 figure:nth-of-type(1) figcaption { margin:1em 0 0.75em 8vw; }
 .figgroup-2 figure:nth-of-type(2) figcaption { margin:1em 8vw 0.75em 0; }

 .photo-quote { margin:4rem 0; }
	.photo-quote blockquote p { margin:1em 1em 2em; }
	 .photo-quote.pull blockquote { grid-column:2/8; }
	 .photo-quote.pull figure { grid-column:2/8; width:60%; }

 .image-right,
 .video-right { margin-right:var(--offset); }

 /* Animation
----------------------------------------------------*/

.bounce {
		 -webkit-animation:bounce 2s infinite;
		 animation:bounce 2s infinite;
}

 .fall {
 	 -webkit-animation:speed 0.2s ease-in-out reverse forwards infinite;
		 animation:speed 0.2s ease-in-out reverse forwards infinite;
}

 .fall.delay {
	 -webkit-animation:speed2 0.3s ease-in-out reverse forwards infinite;
		 animation:speed2 0.3s ease-in-out reverse forwards infinite;
}

 .frame.visible .object-fade2.falling {
 	 -webkit-animation:falling 1s ease-in-out alternate forwards 1;
		 animation:falling 1s ease-in-out alternate forwards 1;
}

 @-webkit-keyframes bounce {
		 0%, 20%, 50%, 80%, 100% {
				 -webkit-transform: translateY(0);
				 transform: translateY(0);
		}
		 40% {
				 -webkit-transform: translateY(-30px);
				 transform: translateY(-30px);
		}
		 60% {
				 -webkit-transform: translateY(-15px);
				 transform: translateY(-15px);
		}
}

 @keyframes bounce {
		 0%, 20%, 50%, 80%, 100% {
				 -webkit-transform: translateY(0);
				 transform: translateY(0);
		}
		 40% {
				 -webkit-transform: translateY(-30px);
				 transform: translateY(-30px);
		}
		 60% {
				 -webkit-transform: translateY(-15px);
				 transform: translateY(-15px);
		}
}

 @keyframes speed {
		 0% {
				 -webkit-transform:translateY(1px);
				 transform:translateY(1px);
		}
		 50% {
				 -webkit-transform:translateY(0);
				 transform:translateY(0);
		}
		 0% {
				 -webkit-transform:translateY(1px);
				 transform:translateY(1px);
		}
}

 @keyframes speed2 {
		 0% {
		 	 -webkit-transform:translateY(-1px);
				 transform:translateY(-1px);
		}
		 50% {
				 -webkit-transform:translateY(0);
				 transform:translateY(0);
		}
		 0% {
				 -webkit-transform:translateY(-1px);
				 transform:translateY(-1px);
		}
}

 @keyframes falling {
		 0% {
				 -webkit-transform:rotate(-8deg);
				 transform:rotate(-8deg);
		}
		 100% {
		 	 -webkit-transform:rotate(0deg);
				 transform:rotate(0deg);
		}
}

/* Pulse */
.frame.visible .object-fade.animate-pulse {
	transform-origin: left center;
	-webkit-animation:pulse 2s linear infinite;
	animation: pulse 2s linear infinite;
}

@keyframes pulse {
	from {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}

	50% {
		-webkit-transform: scale(1.035, 1.035);
		transform: scale(1.035, 1.035);
	}

	to {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}
}

/* Float */
@keyframes float_1 {
	0% {
	-webkit-transform:translateY(0%);
	transform:translateY(0%);
	 }
	50% {
	-webkit-transform:translateY(-4%);
	transform:translateY(-4%);
	}

	100% {
	-webkit-transform:translateY(0%);
	transform:translateY(0%);
	 }
}
@keyframes float_2 {
	0% {
	-webkit-transform:translateY(0%);
	transform:translateY(0%);
	 }
	50% {
	-webkit-transform:translateY(-2%);
	transform:translateY(-2%);
	 }
	100% {
	-webkit-transform:translateY(0%);
	transform:translateY(0%);
	 }
}

.animate-float_1 {
	-webkit-animation:float_1 10s linear infinite;
	animation: float_1 10s ease-in-out reverse forwards infinite;
}

.animate-float_2 {
	-webkit-animation:float_2 6s linear infinite;
	animation: float_2 6s ease-in-out reverse forwards infinite;
}

/* Sway */
@keyframes sway1 {
	0%,to {
	-webkit-transform:rotate(3deg) translateY(5px);
	transform:rotate(3deg) translateY(5px);
	}
	50% {
	-webkit-transform:rotate(1deg) translateY(5px);
	transform:rotate(1deg) translateY(5px);
	}
}

@keyframes sway2 {
	0%,to {
	-webkit-transform:rotate(1deg);
	transform:rotate(1deg);
	}
	50% {
	-webkit-transform:rotate(-2deg);
	transform:rotate(-2deg);
	}
}

.animate-sway {
	 transform-box:fill-box;
	 transform-origin:bottom;
	 -webkit-animation:sway1 5s ease-in-out reverse forwards infinite;
	 animation:sway1 5s ease-in-out reverse forwards infinite;
}

.animate-sway_2 {
	 transform-box:fill-box;
	 transform-origin:bottom;
	 -webkit-animation:sway2 4s ease-in-out reverse forwards infinite;
	 animation:sway2 4s ease-in-out reverse forwards infinite;
}

@keyframes sway3 {
	0%,to {
	-webkit-transform:rotate(2deg);
	transform:rotate(2deg);
	}
	50% {
	-webkit-transform:rotate(-2deg);
	transform:rotate(-2deg);
	}
}

.animate-sway_crown {
	 transform-box:fill-box;
	 transform-origin:top;
	 -webkit-animation:sway3 4s ease-in-out reverse forwards infinite;
	 animation:sway3 4s ease-in-out reverse forwards infinite;
}

/* Stomp */
@keyframes stomp {
	0%,to {
	-webkit-transform:translateY(-1px) translateX(1px);
	transform: translateY(-1px) translateX(1px);
	}
	50% {
	-webkit-transform: translateY(4px) translateX(3px);
	transform: translateY(4px) translateX(3px);
	}
}

.frame.visible .animate-boot {
	 transform-box:fill-box;
		transform-origin:bottom;
	 -webkit-animation:stomp 2s ease-in-out forwards infinite;
	 animation:stomp 2s ease-in-out forwards infinite;
}

/* Stomp Crown */
@keyframes skew_crown {
	0%,to {
	-webkit-transform:skewY(1deg);
	transform:skewY(1deg);
	}
	50% {
	-webkit-transform:skewY(2deg);
	transform:skewY(2deg);
	}
}

.frame.visible .animate-skew_crown {
	 transform-box:fill-box;
	 transform-origin:top;
	 -webkit-animation:skew_crown 2s ease-in-out reverse forwards infinite;
	 animation:skew_crown 2s ease-in-out reverse forwards infinite;
}

/* Shoot */
.frame.visible .object-fade.animate-gun {
	-webkit-animation: shoot 1.35s linear 3 normal forwards;
	animation: shoot 1.35s linear 3 normal forwards;
	transform-origin: bottom;
}

	@keyframes shoot {
	50%, 100% {
		-webkit-transform: translate(8px) rotate(0deg);
			transform: translate(8px) rotate(0deg);
	}
	60% {
		-webkit-transform: translate(8px) rotate(-3deg);
		transform: translate(8px) rotate(-3deg);
	}
	80%, 40% {
		-webkit-transform: translate(8px) rotate(-0.1deg);
		transform: translate(8px) rotate(-0.1deg);
	}
	0% {
		-webkit-transform: translate(8px) rotate(0deg);
		transform: translate(8px) rotate(0deg);
	}
}

/* Smoke */
.frame.visible .object-fade.animate-smoke {
	opacity:1;
	-webkit-animation: smoke-fade 1.35s linear 3 normal forwards;
	animation: smoke-fade 1.35s linear 3 normal forwards;
	}

@keyframes smoke-fade {
	20% {
		opacity: 1;
	}
	60% {
		opacity: 0;
	}
}

/* Pow */
.frame.visible .object-fade.animate-pow { opacity:1; animation: quick-fade 1.35s linear 3 normal forwards; transform-origin:left;	}

@keyframes quick-fade {
	50%, 100% {
			transform: rotate(0deg);
	}
	60% {
		transform: rotate(-0.75deg);
	}
	80%, 40% {
		transform: rotate(-0.075deg);
	}
	0% {
		transform: rotate(0deg);
	}
}

/* Glow */
.frame.visible .object-fade.animate-glow { opacity:1; animation: glow 1.35s linear infinite normal forwards;	}

@keyframes glow {
	20% {
		opacity: 1;
	}
	60% {
		opacity: 0;
	}
}

.frame.visible .object-fade.animate-1,
.frame.visible .object-fade.animate-2,
.frame.visible .object-fade.animate-3 { transition: opacity 0.35s ease-in; }
.frame.visible .object-fade.animate-1 { transition-delay:0.01s; }
.frame.visible .object-fade.animate-2 { transition-delay:0.5s; }
.frame.visible .object-fade.animate-3 { transition-delay:0.7s; }

/* Struggle */
@keyframes struggle_1 {
	0% {
	-webkit-transform:translateX(0.1%) translateY(0%);
	transform:translateX(0.1%) translateY(0%);
 }
	50% {
	-webkit-transform:translateX(-0.1%) translateY(-0.25%);
	transform:translateX(-0.1%) translateY(-0.25%);
 }
	100% {
	-webkit-transform:translateX(0.1%) translateY(0%);
	transform:translateX(0.1%) translateY(0%);
 }
}

.frame.visible .animate-cop_1 {
	-webkit-animation:struggle_1 1.35s linear infinite;
	animation: struggle_1 1.35s ease-in-out reverse forwards infinite;
}

.frame.visible .animate-cop_2 {
	-webkit-animation:struggle_2 1.35s linear infinite;
	animation: struggle_2 1.35s ease-in-out reverse forwards infinite;
}

@keyframes struggle_2 {
	0% {
	-webkit-transform:translateX(0.125%);
	transform:translateX(0.125%);
	 }
	50% {
	-webkit-transform:translateX(-0.15%);
	transform:translateX(-0.15%);
	 }
	100% {
	-webkit-transform:translateX(0.125%);
	transform:translateX(0.125%);
	 }
}

@keyframes struggle_board {
	0% {
	-webkit-transform:translateX(0.1%) translateY(0%);
	transform:translateX(0.1%) translateY(0%);
 }
	50% {
	-webkit-transform:translateX(-0.1%) translateY(-0.15%);
	transform:translateX(-0.1%) translateY(-0.15%);
 }
	100% {
	-webkit-transform:translateX(0.1%) translateY(0%);
	transform:translateX(0.1%) translateY(0%);
 }
}

.frame.visible .animate-board {
	-webkit-animation:struggle_board 1.35s linear infinite;
	animation: struggle_board 1.35s ease-in-out reverse forwards infinite;
}


 /* Content
 ----------------------------------------------------*/
 blockquote { margin:0; }
 blockquote.pull p { margin-top:0; }
 .pull { width:40vw; margin-right:-8vw; float:right; }
 .sidebar,
 .side-cta {margin:0 var(--offset) 1rem 2rem;}

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

 /* Footer
 ----------------------------------------------------*/
 .footer-global { padding:3rem 0 0; }
 .footer-global li { padding:0; }
 .footer-global .col { display:flex; justify-content:space-between; max-width:90vw; margin:0 auto 0; }
 .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:var(--gray); 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:var(--sky-blue); color:var(--brand-blue); }
 .social a:focus { border-color:var(--link-focus); outline:none; }
 .social a:active { color:var(--brand-blue); background-color:var(--sky-blue-dark); }
 .social a:hover svg { fill:var(--brand-blue); }
 .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; }
 .vcard p { font-size:0.875rem; line-height:1.6rem; }
}


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

/* Header
----------------------------------------------------*/
 .header-image { height:85vh; min-height:43.75rem; background:#ccc url('images/crown-1600.jpg') no-repeat center center / cover; }


 /* Images
----------------------------------------------------*/
 .full-bleed img,
 .full-bleed video { width:100vw; height:100vh; }
 .full-bleed figcaption { margin:0 var(--offset); }

/* Content
----------------------------------------------------*/
 blockquote { font-size:1.2em; }
 .pull { width:32vw; }
 .social li { font-size:1.125rem; }
}

/** 1400px **
----------------------------------------------------*/
@media only screen and (min-width:87.5em) {
 .related .category { font-size:0.9rem; }
 .related .headline h3 { font-size:1.35rem; }
 .footer-global .col { max-width:78vw;}
}

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

}

/** 1800px **
----------------------------------------------------*/
@media only screen and (min-width:112.5em) {
 .pull { width:25vw; }
}

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

/* 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')
}
@font-face {font-family:Knockout; font-weight:400; font-style:normal; font-display:swap;
 src:url('fonts/knockout-regular.woff2') format('woff2'),
		 url('fonts/knockout-regular.woff') format('woff')
}

/*************************************************************************************
 * 4. Themes
 ************************************************************************************/

@media screen {
 /* Brand Bar
 ----------------------------------------------------*/
 .dept-nd a {width:260px; background-image:url('https://www.nd.edu/assets/css/images/marks/blue/mark-stories.svg');}
}
/*************************************************************************************
 * 5. Print Styles
 ************************************************************************************/
@media print {

 @page {margin:1.5cm;}
 body {font-family:Georgia, "Times New Roman", Times, serif; color:#000; margin: 0 2%; }
 img,
 tr,
 .full-bleed {page-break-inside:avoid; width:100%;}
 p, h2, h3 {orphans:3; widows:3;}
 h2, h3 {page-break-after:avoid;}

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

 .pubdate { margin:2em 0; text-transform:capitalize; letter-spacing:0; color:var(--gray); font-family:var(--font-secondary); font-weight:400; }

 body, h1, h2, h3, ol, ul, div {width:auto; border:0; padding:0; position:static; overflow:visible; }

 /* HIDDEN
 ----------------------------------------------------*/
	progress,
 .skip-links,
 .video,
 .video-caption,
 .related,
 .footer-global-links,
 .social {display:none;}

	/* Images
 ----------------------------------------------------*/
 .image-right {float:right; margin:0 0 1em 2em; width:45%;}
 .image-left {float:left; margin:0 2em 1em 0; width:45%;}

 .full-bleed { display:grid; grid-template-columns:1fr minmax(0, 23em) minmax(0, 23em) 1fr; grid-gap:var(--grid-gap); grid-row-gap:0.8em; }
 .full-bleed img,
 .full-bleed video { object-fit:cover; overflow:hidden; width:100%; grid-column:1/5; }
 .full-bleed figcaption { margin:0 0 2rem; grid-column:2/4; }

 .full, .figgroup-2, .figgroup-3, .figgroup-4 { margin:3rem 0; }
 .full-bleed { margin:4rem 0; }
 .full-bleed figcaption { margin:0 var(--offset); }
 .figgroup-2 { grid-template-columns:repeat(2, 1fr); grid-column-gap:var(--grid-gap); }
 .figgroup-3 img, .figgroup-4 img { margin:0; }
 .figgroup-3 figure, .figgroup-4 figure { margin:0; }
 .figgroup-3 figcaption, .figgroup-4 figcaption { margin:-0.65em 0 0; grid-column:1/9; }
 .figgroup-3 { display:grid; grid-template-columns:repeat(8, 1fr); grid-gap:1.5rem; }
 .figgroup-3 img:nth-child(1) { grid-column:1/5; grid-row:1/9; }
 .figgroup-3 img:nth-child(2) { grid-column:5/9; grid-row:1/6; }
 .figgroup-3 img:nth-child(3) { grid-column:5/9; grid-row:6/9; }
 .figgroup-4 { display:grid; grid-template-columns:repeat(8, 1fr); grid-gap:var(--grid-gap); }
 .figgroup-4 img:nth-child(1) { grid-column:1/3; grid-row:1/2; }
 .figgroup-4 img:nth-child(2) { grid-column:3/5; grid-row:1/2; }
 .figgroup-4 img:nth-child(3) { grid-column:1/5; grid-row:2/9; }
 .figgroup-4 img:nth-child(4) { grid-column:5/9; grid-row:1/9; }

 .figgroup-3-combo { display:inline-grid; grid-template-columns:repeat(8, 1fr); grid-gap:1.5rem; page-break-after:avoid; }
 .figgroup-3-combo img:nth-child(1) { grid-column:1/5; grid-row:1/9; }
 .figgroup-3-combo img:nth-child(2) { grid-column:5/9; grid-row:1/6; }
 .figgroup-3-combo img:nth-child(3) { grid-column:5/9; grid-row:6/9; }
 .figgroup-3-combo figcaption { grid-column:1/9; }

 #comic-1,
 #comic-2 { width:100%; }

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

 .sidebar { padding:0 2em 0.35em; margin:2em 0; border:1px solid #ccc; font-family:"Libre Franklin", Helvetica, Arial, Verdana, sans-serif; }

 .lede {font-size:1.2rem;}
 .site-title {margin:4px 0 2px; font-size:3.75em; font-family:var(--font-heading); font-weight:700; }
 .subtitle {font-family:"Libre Franklin", Helvetica, Arial, sans-serif; font-size:1.3rem;}
 .category {margin-top:1rem; padding:0; font-family:"Libre Franklin", Helvetica, Arial, sans-serif; text-transform:uppercase; letter-spacing:1px; color:var(--gray);}
 .byline {font-size:0.9rem;}
 p {font-size:1rem;}

 .sidebar-heading { margin:0; }

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