/*!
McGrath Institute for Church Life
Launched: 2019-05-07

Authors: Shawn Maust, Aaron Greene
Marketing Communications:Web
Derived from NDT 2.4, Erik Runyon

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

BRANDING
-----------------------------------------
1. COLORS
   - Blue: #0c2340
   - Gold: #dcb439

2. FONT STACKS
   - Headings: GPC, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif
   - Body: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif

3. GALAXIE POLARIS FONT WEIGHTS
   - 100 light
   - 300 book
   - 400 medium (normal)
   - 700 bold
   - 900 heavy
*/

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

*, *: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%; -moz-text-size-adjust:100%; text-size-adjust:100%; font-smoothing:antialiased; -webkit-font-smoothing:antialiased; }
body {width:100%; margin:0; padding:0; color:#333; font:1em/1.65em Georgia, Times, "Times New Roman", serif;}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {display:block;}
audio, canvas, progress, video {display:inline-block; vertical-align:baseline;}
audio:not([controls]) {display:none; height:0;}
[hidden] {display:none;}
p {margin:0 0 1em;}
a {color:#134481; background-color:transparent; -webkit-tap-highlight-color:rgba(0,0,0,0);}
a:visited {color:#4a3651;}
a:hover {color:#0c2340}
a:active {color:#aa272f;}
a:focus {outline:thin dotted;}
::-moz-selection,
::-moz-selection {background:#0058cf; color:#fff; text-shadow:none;}
::-moz-selection {background:#0058cf; color:#fff; text-shadow:none;}
::-moz-selection,
::selection {background:#0058cf; color:#fff; text-shadow:none;}
strong, b {font-weight:bold;}
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; width:100%; margin:2em auto; border:3px solid #ccc; border-width:3px 0 0;}

a[href*="//"]:not([href*="mcgrath.nd.edu"]).related-item .related-title::after { content:''; display:inline-block; width:1rem; height:1rem; background:url(images/external.svg); margin-left:0.75rem; background-size:contain; }

/* Headings
----------------------------------------------------*/
h1,h2,h3,h4,h5,h6 {margin:1.4em 0 0.5em; line-height:1.4em; color:#0c2340; font-weight:300; text-shadow:0 1px rgba(255,255,255,0.6); text-rendering:optimizeLegibility; font-family:GPC, "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, a:visited {color:#134481;}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {text-decoration:underline;}
h1 {margin-top:0; font-size:2.25rem;}
h2 {font-size:1.8rem; }
h3 {font-size:1.5rem; }
h4 {font-size:1.35rem; color:#777;}
h5 {font-size:1.2rem; text-transform:uppercase; color:#777; letter-spacing:1px;}
h6 {font-size:1rem; color:#0c2340; text-transform:uppercase; letter-spacing:1px;}
h1 + h2,
h2 + h3,
h3 + h4,
h4 + h5,
.image-right + h2,
.image-left + h2 {margin-top:0;}

/* Lists
----------------------------------------------------*/
ol, ul {margin:1em 0; padding:0 0 0 2em;}
li {margin:0 0 0.25em;}
nav ul {list-style:none;}
nav ul,
nav li {margin:0; padding:0;}
nav a {text-decoration:none;}
.no-bullets {list-style-type:none; padding-left:0;}

/* Tables
----------------------------------------------------*/
table {width:100%; margin:1em 0 2em; border-collapse:collapse; border-spacing:0; border-bottom:3px solid #d4d4d4;}
tr {border-top:3px solid #ccc;}
tr:nth-child(odd) td {background:rgba(0,0,0,0.085);}
th,
thead th {text-align:left; background-color:#0c2340; color:#eee; border:3px solid #0a1d35; font-family:GPC, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-weight:300; font-size:1.25em;}
tfoot th {text-align:right;}
th, td {padding:0.5em 0.75em;}
  .number {text-align:right;}
td {border-right:3px solid #d4d4d4; border-left:3px solid #d4d4d4;}
td, td img {vertical-align:top;}

/* Form Elements
----------------------------------------------------*/
form {margin:0 0 1em;}
fieldset {margin:0 2px; padding:0.35em 0.625em 0.75em; border:1px solid #c0c0c0;}
legend {padding:0; border:0;}
label {display:block; font-weight:bold;}
button[type="submit"] {}
button, input, optgroup, select, textarea {margin:0; margin:0 0 1em; color:inherit; font-size:100%; vertical-align:baseline;}
button {width:auto; overflow:visible;}
button, input {line-height:normal;}
button,
select {text-transform:none;}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {cursor:pointer; -webkit-appearance:button;}
input[type="checkbox"],
input[type="radio"] {padding:0;}
input[type="search"] {-webkit-appearance:textfield;}
button::-moz-focus-inner,
input::-moz-focus-inner {border:0; padding:0;}
button[disabled],
html input[disabled] {cursor:default;}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {height:auto;}
input[type="search"] {-webkit-appearance:textfield; box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
textarea {overflow:auto; vertical-align:top;}
optgroup {font-weight:bold;}

/* Quotes
----------------------------------------------------*/
blockquote { margin:1.25rem 3rem; padding:0 0 0 1em; font-weight:200; line-height:1.75rem; color:#0c2340; font-size:1rem; font-style:italic; }
blockquote footer { display:block; margin-top:1em; color:#666; line-height:1.5rem; font-style:italic; font-size:0.8rem; }
blockquote.pull { float:right; font-style:normal; }

/* Images
----------------------------------------------------*/
svg:not(:root) {overflow:hidden;}
img {max-width:100%; width:auto; height:auto; border:none; vertical-align:bottom; -ms-interpolation-mode:bicubic; box-sizing:content-box;}
.image-default,
.image-right,
.image-left {margin:0 0 1em; font-family:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-style:italic; font-size:0.9rem; color:#777;}
.image-right {float:right; margin:0 0 1em 1em;}
.image-left {float:left; margin:0 1em 1em 0;}
.image-right,
.image-left {max-width:46%;}
.image-center {text-align:center;}
.image-default a,
.image-right a,
.image-left a {display:block; text-decoration:none; border:none;}
.image-left + h2 {margin-top:0;}
.captioned img {margin-bottom:0.5em;}
.no-js .lazy { display: none; } /* Hide .lazy elements if JavaScript is off */

figure {margin:0 0 1em; max-width:100%;}
aside.right,
figure.right {float:right; max-width:100%;}
aside.right p {margin-right:0;}
figure.left {float:left;}
figcaption {display:block; text-align:left; line-height:1.5em;}

/* 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;}
.dept-nd a {background:none;}
  .dept-nd svg {display:block; position:relative; top:18px; width:300px; height:16px; margin:0 auto;}
  .dept-nd span {display:none;}

/* General Classes
----------------------------------------------------*/
.noborder,
.noborder img {border:none !important; box-shadow:none !important}
.webcal {font-weight:bold;}
  .webcal i {font-weight:normal;}
a[href$=".pdf"] { padding-left:1.75rem; background-image:url('/images/icons/pdf.gif'); background-repeat:no-repeat; background-position:left 0.25rem center;}
a.btn[href$=".pdf"] { padding-left:2.5rem; background-position:left 0.75rem center; }
.ndmark {display:block; width:200px; max-width:100%; text-decoration:none;}
.visibility-hidden {position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden;}
p span.dropcap { float: left; padding: 0.125rem 0.3125rem 0 0; font-size: 4.75rem; font-weight: bold; line-height: 1; }

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

.bars {padding:0 0 30px; background:url('/stylesheets/themes/ndt/v2.4/images/bars-gray.png') bottom left repeat-x;}

.video {position:relative; display:block; text-align:center;}
.video .play {position:absolute; top:0; left:0; width:100%; height:100%; margin:0 auto; background:url('/stylesheets/themes/ndt/v2.4/images/play-btn.png') center center no-repeat; background-size:auto 100%;}

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

.skip-links {position:absolute; left:0; top:0; width:100%; margin-left:0; text-align:center; list-style:outside none;}
.skip-links a {position:absolute; left:-100vw; top:0.5em; transition:0.25s;}
.skip-links a:active,
.skip-links a:focus,
.skip-links a:hover {left:0.5em; width:auto; height:auto; overflow:visible; background:#dcb439; padding:0.5em 1em; color:#0c2340; font-weight:bold; font-size:14px; box-shadow:0 0 10px 0 #000; z-index:10001;}

.nav-desktop { display:none; }

/* Breadcrumbs
----------------------------------------------------*/
.breadcrumbs {margin:0 0 1em; padding:0; list-style:none; font-size:0.8rem; text-align:right; }
  .breadcrumbs li {display:inline-block; margin:0 4px 0 0; color:#777;}
  .breadcrumbs a {text-decoration:none;}
    .breadcrumbs a:hover {text-decoration:underline;}
    .breadcrumbs a:visited {color:#134481;}

/* Card */
.card { display:flex; flex-grow:1; flex-flow:column;}
.card-image { overflow:hidden; order:-1; margin:0; max-width:none; }

/* Fonts
   https://dev.conductor.nd.edu/fonts/
----------------------------------------------------*/
@font-face {font-family:GPC; font-weight:300; font-style:normal; font-display:swap;
  src:url('https://static.nd.edu/fonts/gp-min/gpc-book.woff2') format('woff2'),
      url('https://static.nd.edu/fonts/gp-min/gpc-book.woff') format('woff'),
      url('https://static.nd.edu/fonts/gp-min/gpc-book.ttf') format('truetype');
}

@font-face {font-family:GPC; font-weight:400; font-style:normal; font-display:swap;
  src:url("https://static.nd.edu/fonts/gp-min/gpc-medium.woff2") format("woff2")
      url("https://static.nd.edu/fonts/gp-min/gpc-medium.woff") format("woff"),
      url('https://static.nd.edu/fonts/gp-min/gpc-medium.ttf') format('truetype');
}

/* NEWS & EVENTS
----------------------------------------------------*/
article {margin-bottom:3em;}
article header {margin:0 0 1em;}
.additional-links {margin:0 0 1em; padding:0; list-style:none;}
  .additional-links li {display:inline-block; margin:0;}
  .additional-links a {text-decoration:none;}
.entry-title {margin:0 0 0.25em; padding:0; font-family:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-weight:400; }
  .entry-title.page-title {border:none;}
  .news-entry-title {margin:0 0 0.25em; }
.meta-item {display:block; margin:0.2em 0 0; color:#333; font-size:0.9rem; font-weight:normal; font-family:inherit;}
.entry-meta .meta-item { color:#555; }
.entry-content { letter-spacing:0px; }
.meta-item b,
.posted-in {color:#999; font-weight:bold;}
.author { font-size:1.125rem; font-weight:600; }
.author a {text-decoration:none;}
  .author a:hover {text-decoration:underline;}
.entry-summary {margin:1em 0;}
.description {margin:1em 0;}
.posted-in {display:none;}
.news-hentry .posted-in,
.event .posted-in {display:block;}
.attribution {font-style:italic;}
.article-more span {position:absolute; left:-999em;}
.featured-image { margin-bottom:2rem; }
/*.entry-badge { width:2rem; height:2rem; background:url(images/news-badge.png) center center no-repeat; margin:1rem auto; }*/
.entry-badge { border-bottom:1px solid #ccc; padding-bottom:1rem; margin-bottom:2rem; }

/* People
----------------------------------------------------*/
.person-item { margin-bottom:2em; align-items:center; }
.person-item-image { border-radius:100%; overflow:hidden; max-width:20rem; }
.person-item-name { font-size:1.5em; margin:0 0 0.25em; font-family:GPC, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; color:#333; }
.person-item-title { margin:0 0 1em; font-style:italic; }
.person-item-email { margin:0; }
.person-item-bio { margin-bottom:1rem; }
.person-title { font-size:1.5rem; }
.person-image img { border-radius:50%; margin:0 0 2em; }

.news-hentry .person-item { display:flex; align-items:center; border-bottom:1px solid #ccc; padding-bottom:1rem; align-items:top; }
.news-hentry .person-item h2 { font-size:0.9rem; font-family:Georgia, Times, "Times New Roman", serif; font-style:italic; color:#555; margin-top:0; }
.news-hentry .person-item-name { margin-bottom:0.75rem; }

/* SEARCH
----------------------------------------------------*/
.search-count,
.search-time {font-family:inherit;}
.search-count {margin:0; font-size:1.4rem;}
  .search-query i {font-style:normal; font-weight:700;}
.search-time {margin:0 0 1em; color:#666; font-size:1.2rem;}
.search-results {margin:1em 0; padding:0; list-style:none;}
  .search-results li {overflow:hidden; margin:0 0 2rem;}
    .search-record {display:flex; flex-flow:row wrap; margin:0;}
    .search-result-img {max-width:120px; width:100%; margin-right:1rem;}
    .search-result-img + .search-result-text {max-width:calc(100% - 120px - 1em);}
    .search-result-text {}
    .search-record header {margin:0 0 0.5em;}
    .search-result-title {font-family:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size:1.4rem;}
    .search-result-title b {font-weight:500;}
    .search-result-url {font-size:0.9rem; font-family:inherit; word-break:break-all;}
      .search-result-url a {color:#388222; font-weight:700;}
    .search-result-excerpt {margin:0 0 0.5em; line-height:1.3em;}
    .search-result-excerpt br {display:none;}
    .search-result-meta {color:#999; font-size:0.9rem;}

/* Social Share */
.social-share ul {display:flex;}
.social-share li {margin:0 0.2rem;}
.social-share a {position:relative; display:block; padding:6px 6px 4px; line-height:1rem; color:#fff; background:#565656; transition:all 0.3s ease; border-radius:3px;}
  .social-share a::after {content:""; top:0; left:0; width:100%; height:100%;}
  .social-share a > svg,
  .social-share a > img {pointer-events:none;}
  .social-share a:hover {transform:translateY(-2px);}
  .social-share svg {fill:#fff;}
  .social-share .share-facebook {background-color:#3b5998;}
  .social-share .share-twitter {background-color:#00aced;}
  .social-share .share-pinterest {background-color:#cd2029;}
  .social-share .share-gmail {padding:2px 0; background-color:#fff; border:1px solid #d14836;}
    .social-share .share-gmail img {width:30px; height:22px;}

/*************************************************************************************
 * 2. Screen Styles
 ************************************************************************************/
@media screen,projection {
  p {max-width:65em;}
  .image-default img,
  .image-right img,
  .image-left img {border:1px solid #222; box-shadow:0 1px 5px rgba(0, 0, 0, 0.4);}
  .tablewrap {position:relative; overflow-y:auto; margin:0 auto;}

  /* Buttons
  ----------------------------------------------------*/
  .btn,
  .more,
  .excerpt_continuation { position:relative; display:inline-block; margin:0.25em 0; padding:0.425em 0.75em 0.425em; cursor:pointer; font-size:1rem; letter-spacing:0.075em; line-height:1.2em; text-decoration:none; text-align:left; vertical-align:middle; font-weight:400; font-family:GP, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; color:#0B2240; background:#FFF; box-shadow:0 4px #0B2240; border:1px solid #0B2240; text-transform:uppercase; }
  .btn::after, .more::after, .excerpt_continuation::after { content: "\2192"; margin:0 0 0 1em; font-size:1.4325em; }
  .btn:visited {color:#0B2240;}
  .btn:hover,
  .btn.active:hover,
  .more:hover {color:#FFF; background-color:#0B2240;}
  .btn:active,
  .more:active {background-color:#081B34; border-color:#081B34;}
  .btn-small {font-size:0.8rem;}
  .btn-gold {box-shadow:0 4px #D39F10; color:#938263; background-color:#FEF8EB; border-color:#D39F10;}
    .btn-gold:visited{color:#938263;}
    .btn-gold:hover{color:#FFF; background-color:#D39F10;}
    .btn-gold:active {background-color:#E2BF5C; border-color:#E2BF5C;}
  .btn-blue { background-color:#eff5fc; }
  .btn [data-icon] {margin:0.1rem 0.5rem 0 0; fill:#EEC442;}
  .btn-gold [data-icon] {fill:#003269;}
  .more,
  .excerpt_continuation {clear:both; display:block; float:none; font-size:1rem; line-height:1em; background:#003269; color:#eee;}
    .more:visited {color:#eee;}
    .more:hover{color:#eee;}
    .more.right {display:block; text-align:right;}

  .news-nav ul { margin:0 0 2em; display:flex; flex-flow:row wrap; justify-content:space-between; }
  .pager-nav { width:40%; margin-right:10%; }
    .pager-nav p { font-size:0.9rem; font-style:italic; color:#555; margin-bottom:0; }
    .pager-nav a { color:#0B2240; text-decoration:underline; }
    .pager-nav a:hover { color:#134481; }
  .pager-nav-next { text-align:right; margin-left:10%; margin-right:0; }

  /* Forms
  ----------------------------------------------------*/
  /* Hubspot overrides */
  .hbspt-form .field,
  .hbspt-form .hs-input { margin-bottom:0!important;  }
  .hbspt-form .actions.actions { margin-top:0; }
  .hbspt-form .actions .hs-button { text-shadow:none; border-radius:0; position:relative; display:inline-block; white-space:nowrap; margin:0.25em 0; padding:0.425em 0.75em 0.425em; cursor:pointer; font-size:1rem; letter-spacing:0.075em; line-height:1.2em; text-decoration:none; text-align:left; vertical-align:middle; font-weight:400; font-family:GP, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; box-shadow:0 4px #D39F10; color:#938263; background:#FEF8EB; border:1px solid #D39F10; text-transform:uppercase; }
  .hbspt-form .actions .hs-button:hover:not(.inactive), .hbspt-form .actions .hs-button:focus:not(.inactive), .hbspt-form .actions .hs-button:active:not(.inactive) { color:#FFF; background-color:#D39F10; border:1px solid #D39F10; box-shadow:0 4px #D39F10; font-size:1rem; font-family:GP, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; }
  .hbspt-form .actions .hs-button:active:not(.inactive):not(.link) { background-color:#E2BF5C; border-color:#E2BF5C; box-shadow:0 4px #D39F10; font-size:1rem; font-family:GP, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; }
  .hbspt-form .hs-form-field label { font-size:1rem; margin-top:1em; }
  .home .hbspt-form .hs-form-field label:not(.hs-error-msg) { color:#fff; }
  .hbspt-form input.hs-input,
  .hbspt-form textarea.hs-input,
  .hbspt-form select.hs-input { font-size:1rem; line-height:1; padding:0.5rem; border-color:#0c2340; border-radius:0; color:#333; }
  .hbspt-form input.hs-input::-webkit-input-placeholder,
  .hbspt-form textarea.hs-input::-webkit-input-placeholder,
  .hbspt-form select.hs-input::-webkit-input-placeholder { color:#888; }
  .home-signup .hs-form { max-width:35rem; margin:0 auto; }
  .home-signup .hs-form label { color:#fff; text-align:center; }
  .home-signup .hs-form .hs-email { padding-bottom:1rem; }
  .home-signup .hs-form .actions { margin:0; padding:0; }
  .home-signup .hs-form .hs-error-msgs { padding:0; }
  .home-signup .hs-form .hs_error_rollup { display:none; }

  /* Structure
  ----------------------------------------------------*/
  html {height:100%; background:#0c2340; }
  body {height:100%; padding:0 0.75rem; margin:0;}
  .wrapper {overflow:hidden; }
  .site-content { background:#fff; padding-top:1em; padding-bottom:1em;}
  .beta {padding:0 0 1em; border-top:1px solid #dadada; box-shadow:inset 0 1px 0 rgba(255,255,255,0.9); margin-top:2em; }
  .main,
  .aside {text-shadow:0 1px 0 #fff;}
  .aside {margin-top:1em;}
    .aside h2 {margin:0 0 0.75em; padding:0 0 0.5em; font-size:1.4rem; background:url('/stylesheets/themes/ndt/v2.4/images/border-double.png') left bottom repeat-x;}
    .aside img {margin-bottom:1em;}
    .aside ul {padding:0 0 0 1em; list-style:none;}
    .aside li a {text-decoration:none; font-weight:bold; font-size:0.9rem;}
      .aside li a:hover {text-decoration:underline;}
    .aside .entry-title {font-size:1.2rem;}
    .aside article footer {display:none;}
  .page-title {margin:0 0 0.5rem; padding:0; font-family:Georgia, Times, "Times New Roman", serif; font-weight:200; font-size:2.5em; line-height:1.25em; }
    .page-title.no-subhead { margin:0 0 0.5em; padding-bottom:0.125em; border-bottom:2px solid #eee; }
    .home .page-title { padding:0 0 0.25em; }
    
    .home-hero-content {background:#fff;}
    .home-hero .entry-article { padding-top:20vw; }
    /*.home-hero .entry-meta { order:-1; }*/
    .home-hero img { display:none; }

  /* Page Border */
  .page-border { position:fixed; background:#0c2340; transform:translateZ(0); z-index:200; }
  .bl, .br { top:0; bottom:0; width:0.75rem; }
  .bt, .bb { position:fixed; left:0; right:0; height:0.75rem; background:#0c2340; }
  .bl { left:0; }
  .br { right:0; }
  .bt { top:0; }
  .bb { bottom:0; }

  /* Cards
  ----------------------------------------------------*/
  .card { display:flex; flex-flow:column; position:relative; margin-bottom:2rem; text-decoration:none; box-shadow: 0 0.125rem 0.5rem rgba(0,0,0,0.2); transition:all 0.5s; background:#fff; }
  .card-image img { width:100%; }
  .card:hover { box-shadow:0 0.5rem 2rem rgba(0,0,0,0.325); }
  .card:hover { transform:scale(1.01); }
  .card .meta-item { display:inline-block; }
    .card .author { font-size:1rem; font-weight:400; }
  .card-body { padding:1rem; text-align:left; }
  .card-title { margin:0 0 0.5em; font-size:1.2rem; font-family:Georgia, Times, "Times New Roman", serif; font-weight:400; text-rendering:optimizeLegibility; line-height:1.4em; }
  .card-link { text-decoration:none; color:#0c2340; }
  .card-link:visited { color:#4a3651; }
  .card-link:hover { text-decoration:underline; }
  .card-link::after { content:''; display:block; z-index:10; position:absolute; top:0; left:0; right:0; bottom:0; }

  .card.overlay { margin:0 0.9375rem; }
    .card.overlay:hover { transform:none; }

  /* Header
  ----------------------------------------------------*/
  .site-header { text-align:center; position:relative; }
    .home .site-header { padding-bottom:0; background:#fff; }

  .header-image { position:absolute; top:0; height:100%; left:0; right:0; z-index:0; will-change: transform; background:url('images/bg-pattern-grey.png') repeat #0c2340; }
    .home .header-image { background-size:cover; background-repeat:no-repeat; background-color:#0c2340; position:relative; height:12em; }

  .brandbar { background:#0c2340; position:relative; z-index:100;}
  .titlebar {overflow:hidden; position:relative; }
      .titlebar::before, .home .titlebar::before, .event-category .titlebar::before { content:""; display:block; position:absolute; left:0; right:0; top:0; bottom:0; background:#133054; }
    .dept {display:none; border-top:1px solid  #000; box-shadow:0 1px rgba(0,122,217,0.4) inset;}
    .brandbar li {margin:0 -0.9375rem; padding:0;}
    .brandbar a {display:block; margin:0 auto; text-decoration:none; height:50px; text-indent:-9999px; overflow:hidden; background-repeat:no-repeat;}
    .brandbar a:focus {background-color:rgba(255,255,255,0.2);}
      /*.dept-nd a {background-position:left 0;}*/
      .dept a {background-position:right 0;}
    .titlebar {padding:0.75em 0;}
    .site-title {max-width:80%; position:relative; margin:0; font-size:2.4em; font-size:1.75rem; line-height:1.75rem; font-weight:400; text-align:left; font-family:GPC, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; z-index:2; }
      .site-title a {display:block; padding:0.5em 0; border:none; color:#fff; text-decoration:none;}
      .site-title a:visited {color:#fff;}
      .site-title a:hover {text-decoration:none;}
      .site-title a:focus {background-color:rgba(255,255,255,0.2);}
       .subtitled .site-title {margin:0; line-height:1.15em; }
       .subtitled .site-title a {padding-bottom:0;}
       .site-subtitle {clear:left; max-width:80%; margin:0; position:relative; z-index:100; color:#fff; font-style:italic; font-family:Georgia, Times, "Times New Roman", serif; font-size:1.2rem; text-align:left; }
       .site-subtitle a {color:#fff; text-decoration:none; }

  .header-util {display:none; position:relative; margin:0 auto; padding:0 1em; text-align:center;}
    .search-form {display:none; overflow:hidden; width:91%; margin:0 auto 0.5em; padding:2px 2px 2px 6px; border-bottom:0.25em solid #fff; line-height:1.1em; background-color:none; }
    .search-form label {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;}
    .search-input {display:inline-block; vertical-align:middle; width:86%; margin:0; padding:0; border:none; font-family:inherit; font-size:1.2rem; color:#fff; -webkit-appearance:textfield; background:transparent;}
      .search-input::-webkit-input-placeholder {color:#fff; }
      .search-input::-moz-placeholder {color:#fff; }
      .search-input:-ms-input-placeholder {color:#fff; }
      .search-input::-ms-input-placeholder {color:#fff; }
      .search-input::placeholder {color:#fff; }
    .search-button {display:inline-block; float:right; position:relative; margin:0; padding:0; line-height:1rem; border:none; background:none; transition:0.2s color; cursor:pointer; }
      .search-button .icon {position:relative; left:2px; width:2em; height:2em; margin:0; color:#fff;}
      .search-button span {display:inline-block; text-indent:-9999px; overflow:hidden; height:0;}
      .search-button:hover { color:#edd854; }
      .search-button:active { color:#cc921f; }
  .header-util nav ul {margin:0.4em 0 0; text-align:center; line-height:1em;}
  .header-util nav li {display:inline-block; width:32%;}
  .header-util nav a {display:block; padding:.625em; color:#0c2340; font-family:"HelveticaNeue", Helvetica, Arial, sans-serif; font-weight:bold; text-decoration:none; text-shadow:0 1px rgba(255,255,255,.9); border:1px solid #562e07;}

  /* Hero Space */
  .home-hero { border-bottom:1px solid #ccc; margin-bottom:1.5em; }
  .home-hero .card { box-shadow:none; margin-bottom:0; padding-top:0.5em; background:none; }
  .home-hero .card:hover { transform:none; }
  .home-hero .card-title { font-size:1.5em; }
  .home-hero .card-link { color:#0c2340; }

  .hero { color:#fff; }
    .home .hero { padding:2rem 2rem 0; text-align:center; }
    .hero .page-title { border:none; font-size:2.25em; line-height:1.25em; font-weight:400; color:#fff; max-width:10em; margin:0 auto 0.5rem; text-shadow:2px 2px 0px rgba(0, 0, 0, 0.5); }
    .page-subhead {  border-bottom:2px solid #eee; padding-bottom:1em; line-height:1.25em; color:#aa8617; font-size:1.325em; font-weight:400; margin-bottom:1.5em; }
    .hero .page-subhead { text-shadow:2px 2px 0px rgba(0, 0, 0, 0.5); color:#fff;  border-bottom:none; }
      .home .hero .page-subhead { text-shadow:none; margin-bottom:0; }
    .hero a { color:#fff; }
  .header-video { height:100%; width:100%; opacity:0.9; }

  /* Offscreen Nav
  ----------------------------------------------------*/
  body, html {-ms-overflow-style:none !important;} /* Needed for WinPhone to allow vertical scrolling in nav */
  .nav-mobile {overflow-y:scroll; position:fixed; top:0.75rem; bottom:0.75rem; transition:0.15s ease; right:-13.755rem; width:13.755rem; height:auto; padding:1em; border-left:1px solid rgba(0,0,0,0.3); background-color:#e4d7bc; }
    .lt-ie9 .nav-mobile {display:none;}
  .nav-mobile.active {right:0.75rem;}
    .nav-mobile .search-form {display:block; width:100%; margin:0 auto 1.5em; padding:1px 1px 1px 4px; border:1px solid #888; font-size:0.75rem; line-height:1.1em; background-color:#fff; border-radius:3px;}
    .nav-mobile .search-input {width:82%;}
    .nav-mobile .search-button .icon { color:#0b2240; }
    .nav-mobile .search-input::-webkit-input-placeholder { color:#0b2240; }
    .nav-mobile .search-input::-moz-placeholder { color:#0b2240; }
    .nav-mobile .search-input:-ms-input-placeholder { color:#0b2240; }
    .nav-mobile .search-input::-ms-input-placeholder { color:#0b2240; }
    .nav-mobile .search-input,
    .nav-mobile .search-input::placeholder { color:#0b2240; }

  .wrapper {position:relative; right:0; transition:0.15s ease;}
  .wrapper.active {right:13.755rem;}

  /* Old mobile nav button */
  .nav-skip {position:absolute; top:1.25rem; right:1.125rem; display:block; width:2.6rem; height:2.6rem; padding:0.5em 0; text-indent:4em; font-size:1.3rem; line-height:1.9em; text-align:center; text-decoration:none; border:1px solid #001227; border-radius:3px; background:#e4d7bc; z-index:2; }
    .nav-skip span {position:relative; top:0.4em; margin:0 auto; transition-duration:0s; transition-delay:0.2s;}
    .nav-skip span:before,
    .nav-skip span:after {position:absolute; content:'';}
    .nav-skip span,
    .nav-skip span:before,
    .nav-skip span:after {width:1.3em; height:3px; background-color:#0b2240; display:block; transition-duration:0.2s; transition-delay:0.2s, 0;}
    .nav-skip span:before {top:-0.45em;}
    .nav-skip span:after {top:0.45em;}
    .nav-skip.toggled span {background-color:rgba(0,0,0,0.0); transition-delay:0.2s;}
    .nav-skip.toggled span:before,
    .nav-skip.toggled span:after {top:0; transition-delay:0, 0.2s;}
    .nav-skip.toggled span:before {transform:rotate(45deg);}
    .nav-skip.toggled span:after {transform:rotate(-45deg);}

  /* New mobile nav button */
  .btn-nav-mobile {position:absolute; top:0.9rem; right:0.8rem; display:block; width:2.6rem; height:2.6rem; padding:0.3rem; text-decoration:none; border:1px solid #001227; border-radius:3px; background:#0c2340;}
    .ni {transition-duration:0.5s; transition-delay:0.2s, 0;}
      line.ni {stroke:#fff; transform:rotate(0deg);}
      g.ni {fill:#fff;}
      .toggled .ni1 {transform:translate(5px, 2px) rotate(45deg);}
      .toggled .ni2 {transform:translate(-3px, 11.4px) rotate(-45deg);}
      .toggled .ni3 {opacity:0; transform:translate(0, 6px);}

  /* Top Nav
  ----------------------------------------------------*/
  .nav-top {display:none; position:relative; z-index:10; bottom:0; width:100%; background:#fff; transform:translateZ(0); }
    .nav-top li {display:inline-block; vertical-align:top; font-family:GPC, Helvetica, Arial, Verdana, sans-serif; font-size:1.25rem;}
    .nav-top a {display:table-cell; vertical-align:middle; text-transform:uppercase; font-weight:300; padding:.75em 1em; text-align:center; transition:all 250ms ease-in-out; color:#0c2340; }
      .nav-top a:hover {color:#be9824; }
    .nav-top .active a {color:#fff; background:#be9824; }
      .nav-top .active a:hover {color:#fff; background:#aa8617; }

  /* General Nav
  ----------------------------------------------------*/
  .nav-site {}
  .nav-site ul {padding:0 0 1em;}
    .nav-site li {margin:0.2em 0;}
    .nav-site a {display:block; padding:0.2em 0 0.2em 1em; text-indent:-1em; line-height:1.2em; text-transform:none; color:#0c2340; font-size:1.45rem; font-weight:300; font-family:GPC, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; border-bottom:2px solid transparent;}
    .nav-site a:hover {border-bottom:2px solid #0c2340; color:#134481;}
    .nav-site a:active,
    .nav-site a:focus {outline:1px dotted #0c2340;}
    .nav-site ul > .active > a {color:#134481;}
  .nav-site ul ul {padding:0; border-left:1px solid #ccc; }
    .nav-site ul ul a {padding:0 0 0 25px; text-indent:-0.6em; color:#444; font-size:1rem; font-family:inherit; border:none;}
    .nav-site ul ul li {margin:0.5em 0;}
    .nav-site ul ul a { font-weight:400; }
    .nav-site ul ul a:hover {color:#134481; border:none;}
    .nav-site ul ul > .active > a {color:#134481; border:none; font-weight:500; }
    .nav-site ul ul > .active > .current-last { color:#be9824; }
    .nav-site li.last{margin-bottom:1em;}
  .nav-site ul ul ul {margin-left:1em; padding:0; font-size:0.9rem;}
    .nav-site ul ul ul a:hover {background:none;}
    .nav-site ul ul ul .active > a {color:#555; font-weight:bold;}
    .nav-site ul ul ul .active > .current-last {color:#be9824;}
    .nav-site ul ul ul ul a {padding:0 0 0 1.5em;}
  .nav-site ul ul ul ul ul {margin-left:1.5em;}
  .nav-section {display:none;}

  .nav-site .protected svg { margin:0 0 -0.125em 0.25em; opacity:0.8;}
  .nav-site .protected .protected svg { display:none; }

  /* Home
  ----------------------------------------------------*/
  .home .site-content { padding:0; }
  .home-primary { text-align:center; position:relative; padding:1em 0 2em; }
  .home-signup { text-align:center; position:relative; padding:4rem 0; color:#fff; background:#001122 url(images/bg-pattern-blue.png) 50% 50% repeat; }
    .home-signup::before { content:'';  display:block; position:absolute; left:50%; top:0; transform:translate(-50%, -1.7rem); height:3rem; width:3rem; background:url(images/compass-point-white.png) 50% 50% / contain no-repeat }
    .home-signup h2 { color:#fff; text-shadow:none; margin:0; }
  .section-title { text-transform:uppercase; margin:1rem 0 0.5em; font-size:2em; color:#0c2340; }
  .section-header .btn { margin-top:1rem; }
  .home-primary .section-title { margin-bottom:0; font-size:2em; }

  /* Custom Pages
  ----------------------------------------------------*/
  /* Grid Items */
  .site-content { padding:1em; }
  .subpage-grid { margin-top:2em; }
  .grid-item { text-decoration:none; display:block; margin-bottom:3em; position:relative; }
  .grid-item-header { position:relative; margin:0 0 0.5em;}
  .item-title { margin:0; padding:0.5em 1em; font-size:1.5rem; background:rgba(12,27,64,0.7); position:absolute; bottom:0; left:0; right:0; z-index:2; color:#fff; }
  .item-summary { color:#333; }

  .section-heading { font-family:Georgia, Times, "Times New Roman", serif; color:#0c2340; font-size:2.5em; margin-top:0;}

  /* Related Items */
  .related-item { display:block; text-decoration:none; }
  .related-title { font-size:1.5rem; margin:0.5em 0 1em; }

  /* Footer
  ----------------------------------------------------*/
  .site-footer {position:relative; clear:both; overflow:hidden; text-align:center; color:#fff; background:#0c2340; }
    .site-footer a { color:#fff; }
    .footer-inner {position:relative; margin:0 auto; padding:1em 0; }
    .site-footer p {clear:both; margin:0; font-size:0.875rem;}
  .site-info {margin:1em 0;}
  .site-info li {display:inline-block; margin:0 2%;}
  .site-info a {text-decoration:underline;}
  .address {display:block; margin:0;}
  .site-link,
  .org,
  .tel {display:block;}
  .list-social { margin:1em 0 0; }
    .list-social li { display:inline-block; }
    .list-social li + li { margin-left:0.75rem; }
    .list-social .icon { font-size:1.25rem; fill:#fff; }
    .list-social .icon:hover { fill:#e2bf5c; }
    .list-social a span { display:none; }
    .site-footer .list-social .icon { font-size:2rem; }
  .ndmark {width:200px; height:47px; margin:2em auto; text-indent:-100vw; background:url(//static.nd.edu/images/marks/white/ndmark300.png) 50% 50% / contain no-repeat; }
  .site-footer .ndmark img {display:none;}
}

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

/* 580px
----------------------------------------------------*/
@media only screen and (min-width:36.250em) {
  .image-right,
  .image-left {max-width:none;}
  .dept {display:block; border:none;}

  .site-title { font-size:2.25em; }
  .nav-skip { top:1.5rem; }

   /* Forms
  ----------------------------------------------------*/
  /* Hubspot overrides */
  .home-signup .hs-form { }
  .home-signup .hs-form .hs-email { padding-bottom:0; }
  .home-signup .hs-form .hs-email label { padding-left:0.25rem; }
  .home-signup .hs_clj_external_blog_subscription_status { width:70%; float:left;  }
  .home-signup .hs-form .actions { margin-top:1rem; text-align:right !important; }
}

/* 700px
----------------------------------------------------*/
@media only screen and (min-width:43.75em) {
  h1 {font-size:2.4rem;}
  h2 {font-size:2rem;}
  h3 {font-size:1.5rem;}
  h4 {font-size:1.325rem;}
  h5 {font-size:1.2rem;}
  h6 {font-size:1rem;}

  blockquote.pull {width:30%;}

  .image-right img,
  .image-left img {max-width:auto;}
  .tablewrap {background:none;}

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

  .bl, .br { width:0.75rem; }
  .bt, .bb { height:0.75rem; }

  /* Structure
  ----------------------------------------------------*/
  body, html {-ms-overflow-style:auto !important;}
  body {display:flex; flex-direction:column;}
  .wrapper {flex:1 0 auto; display:flex; flex-direction:column;}
  .site-header {flex:0 0 auto;}
  .site-content {flex:1 0 auto; padding-top:2em; padding-bottom:2em; padding-left:0; padding-right:0; }
    .nav-top-true.home .alpha {display:block; width:auto; left:0; margin:0;}
    .home .site-content { padding-bottom:0; }
  .titlebar::before { background-color:#0c2340; }
  .beta {border:none; box-shadow:none; margin-top:0; }
  .site-footer {flex:0 0 auto;}

  .breadcrumbs { width:100%;  }
  .nav-desktop { display:block; }

  .article-info { display:flex; justify-content:space-between; }
  .addthis_inline_share_toolbox { margin-top:1rem; }

  /* Header
  ----------------------------------------------------*/
  .site-header {text-align:left; padding-bottom:5rem; }
    .top-level .site-header { height:55vh; max-height:32em; }
    .event-category .site-header { padding-bottom:25vw;}

  .home .hero { padding:7rem 2rem;  }
  .home-hero { margin-bottom:0; border-bottom:0; position:relative; }
  .home .header-image { position:absolute; height:auto; top:-2rem; bottom:0; }

  .brandbar, .titlebar {padding:0;}
    .titlebar { padding-bottom:2rem; }
    .home .titlebar { z-index:2; }
    .brandbar li {margin:0 -2em;}
    .titlebar.subhead {padding:0.7em 1em;}
  .site-title {text-align:left; width:auto; margin:0; padding:0; font-size:3.25rem; max-width:100%; }
    .site-title a { padding:0.65em 0 0.75em; text-shadow:none; color:#fff; line-height:1em;}
      .site-title a:visited { color:#fff; }
  .site-subtitle { margin:0.5rem 0 0; text-align:left; }
  .home-hero-content {background-color:transparent;}
  .hero .page-title { text-shadow:4px 4px 0px rgba(0, 0, 0, 0.5); }

  .dept {border-top:none; box-shadow:none;}
  .brandbar li {margin:0;}
    .dept {float:right;}
    .dept-nd {float:left;}

    .page-title { font-size:2.9em; }

  /* Hero Space */
    .hero { display:flex; flex-flow:column; justify-content:center; }
      .hero .page-title { font-size:3em; }

  /* Cards
  ----------------------------------------------------*/
  li > .card { min-height:calc(100% - 2rem); }
  .card-body { display:inline-flex; flex-flow:column; align-items:flex-start; flex-grow:1; }
  .card-title { font-size:1.25rem; margin-bottom:0.5rem; }

  .home-hero { margin-bottom:8em; }
  .home-hero .card { padding-top:22em; margin:0 0 -8em; }
  .home-hero .card-body { background:#0c2340; padding:2em 3em; }
  .card.overlay { margin:0 0 8em 0; }
  .card.overlay .card-body > *, .home-hero .card-body > * { max-width:100%; }
  .home-hero .card-body { color:#fff; }
  .card.overlay .card-title, .home-hero .card-title { line-height:1.25em; margin-bottom:0.5em; }
  .card.overlay .card-body { position:absolute; left:2em; right:2em; bottom:-8em; z-index:20; background:#0c2340; padding:2em 3em; color:#fff; }
  .card.overlay .card-title,
  .home-hero .card-title { font-size:1.75rem; font-family:Georgia, Times, "Times New Roman", serif; font-weight:400; color:#fff; }
  .card.overlay .card-link,
  .home-hero .card-link { color:#fff; }
  .card.overlay .meta,
  .home-hero .meta { color:#be9824; }
  .card.overlay .meta-item,
  .home-hero .meta-item { color:#ddd; }

  .card.overlay .card-image { max-height:45rem; display:flex; }
    .card.overlay .card-image img { -o-object-fit:cover; object-fit:cover; -o-object-position:center center; object-position:center center; }

  /* Home
  ----------------------------------------------------*/
  .home-primary { }
    .home-primary .section-title { font-size:2.5em; }
    .home-primary p { display:block; }

    .row.home-events { padding:0; }
    .home-events .featured-event { padding-bottom:70%; }
    .home-events .featured-event-title {  }
    .feature-item i { margin-top:1em; }

  .home-featured, .news-group, .home .article-grid { padding:3rem 0; }

  /* People
  ----------------------------------------------------*/
  .person-image { width:33%; float:right; }
  .person-bio { width:67%; float:left; padding-right:2rem; }
  .news-image { width:33%; float:left; }
  .news-image + .news-details { width:67%; padding-left:1rem; float:right; }
  .person-item-name { font-size:2em; margin:0 0 0.25rem; }
  .person-item-image { margin-bottom:0; }

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

/* 960px
----------------------------------------------------*/
@media only screen and (min-width:60em) {
  .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;}
  .card.overlay .card-title, .home-hero .card-title { font-size:2.5em; }
  .card.horizontal { flex-flow:row wrap; }
    .card.horizontal .card-body, .card.horizontal .card-image { width:50%; }
  .entry-content, .news-hentry .hentry footer { padding:0 2rem; }

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

/* 1024px
----------------------------------------------------*/
@media only screen and (min-width:64em) {
  .search-input {float:left; width:auto; font-size:0.9rem; line-height:1.4rem;}
  a.nav-skip, .btn-nav-mobile {display:none;}
  .header-util {display:block; float:right; margin-top:-5rem; margin-bottom:2rem; padding:0; text-align:right; z-index:100;}
    .subhead .header-util {top:1.9em;}
    .search-form {display:block; width:auto; margin:0;}
    .header-util nav {display:block; margin:3px 0;}
    .header-util nav ul {margin:0;}
    .header-util nav li {width:auto; display:block; text-align:right;}
    .header-util nav a {font-size:0.825rem; font-weight:normal;}
    .header-util nav a,
    .header-util nav a:hover {display:inline; padding:0; border:0 none; background:none; box-shadow:0 0 rgba(255,255,255,0) inset, 0 0 rgba(0,0,0,0);}
    .header-util nav a:hover {color:#0c2340; text-decoration:underline; text-shadow:0 1px rgba(255,255,255,.9);}
    .header-util .search-toggle {display:none;}
    .search-button .icon {width:18px; height:20px;}
    .titlebar::before, .home .titlebar::before, .event-category .titlebar::before { bottom:1.75em; }

    .home-hero .entry-article { padding-top:26rem; }

    .card-title { font-size:1.325em; }
    .breadcrumbs { margin-bottom:2em; }
    .article-wrapper { margin-right:2em; }
    .newsletter-title { margin-top:0.5rem; }

  /* Navigation
  ----------------------------------------------------*/
  .nav-top-true .nav-top,
  .nav-top-true .nav-section {display:block;}
  .nav-top-true .nav-full,
  .nav-top-true.home .beta {display:none;}

  .brandbar {padding:0;}
  .hero .page-title { font-size:6em;}
  .hero .page-subhead { max-width:70%; margin:0 auto; }
  .titlebar { padding-bottom:0; }
  .site-content { padding-top:3em; padding-bottom:3em; }
  .home-primary { padding:2em 0 5em;}
  .home-intro { font-size:2.125em; padding:3rem 8rem 8rem; }
  .home-signup h2 { font-size:2.5em; }
  .home-signup .hs-email input { width:calc(100% - 1rem); }
  .home-signup .list-social svg { fill:#fff; }
  .site-footer .list-social { position:absolute; top:2rem; right:calc(50% - 16rem); }
}

/* 1200px
----------------------------------------------------*/
@media only screen and (min-width:75em) {
  blockquote { margin:1.25rem 2rem; }
  .bl, .br { width:1rem; }
  .bt, .bb { height:1rem; }
  .home-hero .entry-article { padding-top:33rem; }
  .card-body { padding:1.5rem; }
  .card-body > * { width:100%; max-width:65.5rem; margin:0 auto; }
  .card-body > .card-title { margin-bottom:0.5rem; }
  .card.overlay { margin-bottom:8em; }
  .card.overlay .card-body { left:4em; right:4em; bottom:-8em; }
  .card.overlay .card-title, .home-hero .card-title { font-size:2.75em; margin-bottom:1rem; }
  .card.overlay .card-title, .card.overlay .entry-excerpt, .card.overlay .entry-meta { max-width:70rem; }

  .entry-content, .news-hentry .hentry footer { padding:0 4rem; }
}

/* 1600px
----------------------------------------------------*/
@media only screen and (min-width:100em) {
  .alpha { font-size:1.125rem; line-height:1.7em; }
}

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

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

  /* Brand Bar
  ----------------------------------------------------*/
  .brandbar {background:#0c2340;}
  /*.dept-nd a   {width:301px; background-image:url('https://static.nd.edu/images/brandbar/dept-nd-white.png');}*/

}

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

/*************************************************************************************
 * 5. Grid
 * Author:http://foundation.zurb.com/
 * Version:6.0.5
 * Documentation:http://foundation.zurb.com/sites/docs/flex-grid.html
 * Updated:2015-12-04
 * Heavily modified. Do not update from Zurb without comparing styles
 ************************************************************************************/
.row { max-width:80rem; display:flex; flex-direction:column; flex-wrap:nowrap; margin-left:auto; margin-right:auto; }
.row .row,
.column-row .row { margin-left:-0.9375rem; margin-right:-0.9375rem; }
.row.collapse > .column,
.row.collapse > .columns {padding-left:0; padding-right:0;}
.row.collapse .row {margin-left:0; margin-right:0;}
.column,
.columns { flex:1 1 auto; padding-left:0.9375rem; padding-right:0.9375rem; }
.row.align-right { justify-content:flex-end; }
.row.align-center { justify-content:center; }
.row.align-justify { justify-content:space-between; }
.row.align-spaced { justify-content:space-around; }
.row.align-top { -webkit-box-align:start; -webkit-align-items:flex-start; -ms-flex-align:start; -ms-grid-row-align:flex-start; align-items:flex-start; }
.column.align-top { align-self:flex-start; }
.row.align-bottom { -webkit-box-align:end; -webkit-align-items:flex-end; -ms-flex-align:end; -ms-grid-row-align:flex-end; align-items:flex-end; }
.column.align-bottom { align-self:flex-end; }
.row.align-middle { -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; -ms-grid-row-align:center; align-items:center; }
.column.align-middle { align-self:center; }
.row.align-stretch { -webkit-box-align:stretch; -webkit-align-items:stretch; -ms-flex-align:stretch; -ms-grid-row-align:stretch; align-items:stretch; }
.column.align-stretch { align-self:stretch; }
.small-1 { flex:0 0 8.33333%; max-width:8.33333%; }
.small-2 { flex:0 0 16.66667%; max-width:16.66667%; }
.small-3 { flex:0 0 25%; max-width:25%; }
.small-4 { flex:0 0 33.33333%; max-width:33.33333%; }
.small-5 { flex:0 0 41.66667%; max-width:41.66667%; }
.small-6 { flex:0 0 50%; max-width:50%; }
.small-7 { flex:0 0 58.33333%; max-width:58.33333%; }
.small-8 { flex:0 0 66.66667%; max-width:66.66667%; }
.small-9 { flex:0 0 75%; max-width:75%; }
.small-10 { flex:0 0 83.33333%; max-width:83.33333%; }
.small-11 { flex:0 0 91.66667%; max-width:91.66667%; }
.small-12 { flex:0 0 auto; max-width:100%; }
.small-order-1 { order:1; }
.small-order-2 { order:2; }
.small-order-3 { order:3; }
.small-order-4 { order:4; }
.small-order-5 { order:5; }
.small-order-6 { order:6; }
.small-offset-0 { margin-left:0%; }
.small-offset-1 { margin-left:8.33333%; }
.small-offset-2 { margin-left:16.66667%; }
.small-offset-3 { margin-left:25%; }
.small-offset-4 { margin-left:33.33333%; }
.small-offset-5 { margin-left:41.66667%; }
.small-offset-6 { margin-left:50%; }
.small-offset-7 { margin-left:58.33333%; }
.small-offset-8 { margin-left:66.66667%; }
.small-offset-9 { margin-left:75%; }
.small-offset-10 { margin-left:83.33333%; }
.small-offset-11 { margin-left:91.66667%; }
.small-collapse > .column, .small-collapse > .columns { padding-left:0; padding-right:0; }
.small-uncollapse > .column, .small-uncollapse > .columns { padding-left:0.9375rem; padding-right:0.9375rem; }

/* 700px
----------------------------------------------------*/
@media only screen and (min-width:43.75em) {
  .row { flex-direction:row; flex-wrap:wrap; }
  .column,
  .columns { flex:1 1 0%; }
  .medium-1 { flex:0 0 8.33333%; max-width:8.33333%; }
  .medium-2 { flex:0 0 16.66667%; max-width:16.66667%; }
  .medium-3 { flex:0 0 25%; max-width:25%; }
  .medium-4 { flex:0 0 33.33333%; max-width:33.33333%; }
  .medium-5 { flex:0 0 41.66667%; max-width:41.66667%; }
  .medium-6 { flex:0 0 50%; max-width:50%; }
  .medium-7 { flex:0 0 58.33333%; max-width:58.33333%; }
  .medium-8 { flex:0 0 66.66667%; max-width:66.66667%; }
  .medium-9 { flex:0 0 75%; max-width:75%; }
  .medium-10 { flex:0 0 83.33333%; max-width:83.33333%; }
  .medium-11 { flex:0 0 91.66667%; max-width:91.66667%; }
  .medium-12 { flex:0 0 100%; max-width:100%; }
  .medium-expand { flex:1 1 0px; }
  .medium-order-1 { order:1; }
  .medium-order-2 { order:2; }
  .medium-order-3 { order:3; }
  .medium-order-4 { order:4; }
  .medium-order-5 { order:5; }
  .medium-order-6 { order:6; }
  .medium-offset-0 { margin-left:0%; }
  .medium-offset-1 { margin-left:8.33333%; }
  .medium-offset-2 { margin-left:16.66667%; }
  .medium-offset-3 { margin-left:25%; }
  .medium-offset-4 { margin-left:33.33333%; }
  .medium-offset-5 { margin-left:41.66667%; }
  .medium-offset-6 { margin-left:50%; }
  .medium-offset-7 { margin-left:58.33333%; }
  .medium-offset-8 { margin-left:66.66667%; }
  .medium-offset-9 { margin-left:75%; }
  .medium-offset-10 { margin-left:83.33333%; }
  .medium-offset-11 { margin-left:91.66667%; }
  .medium-collapse > .column, .medium-collapse > .columns { padding-left:0; padding-right:0; }
  .medium-uncollapse > .column, .medium-uncollapse > .columns { padding-left:0.9375rem; padding-right:0.9375rem; }
}

/* 1024px
----------------------------------------------------*/
@media screen and (min-width:64em) {
  .large-1 { flex:0 0 8.33333%; max-width:8.33333%; }
  .large-2 { flex:0 0 16.66667%; max-width:16.66667%; }
  .large-3 { flex:0 0 25%; max-width:25%; }
  .large-4 { flex:0 0 33.33333%; max-width:33.33333%; }
  .large-5 { flex:0 0 41.66667%; max-width:41.66667%; }
  .large-6 { flex:0 0 50%; max-width:50%; }
  .large-7 { flex:0 0 58.33333%; max-width:58.33333%; }
  .large-8 { flex:0 0 66.66667%; max-width:66.66667%; }
  .large-9 { flex:0 0 75%; max-width:75%; }
  .large-10 { flex:0 0 83.33333%; max-width:83.33333%; }
  .large-11 { flex:0 0 91.66667%; max-width:91.66667%; }
  .large-12 { flex:0 0 100%; max-width:100%; }
  .large-expand { flex:1 1 0px; }
  .large-order-1 { order:1; }
  .large-order-2 { order:2; }
  .large-order-3 { order:3; }
  .large-order-4 { order:4; }
  .large-order-5 { order:5; }
  .large-order-6 { order:6; }
  .large-offset-0 { margin-left:0%; }
  .large-offset-1 { margin-left:8.33333%; }
  .large-offset-2 { margin-left:16.66667%; }
  .large-offset-3 { margin-left:25%; }
  .large-offset-4 { margin-left:33.33333%; }
  .large-offset-5 { margin-left:41.66667%; }
  .large-offset-6 { margin-left:50%; }
  .large-offset-7 { margin-left:58.33333%; }
  .large-offset-8 { margin-left:66.66667%; }
  .large-offset-9 { margin-left:75%; }
  .large-offset-10 { margin-left:83.33333%; }
  .large-offset-11 { margin-left:91.66667%; }
  .large-collapse > .column, .large-collapse > .columns { padding-left:0; padding-right:0; }
  .large-uncollapse > .column, .large-uncollapse > .columns { padding-left:0.9375rem; padding-right:0.9375rem; }
}

/* 1200px
----------------------------------------------------*/
@media only screen and (min-width:75em) {
  .xlarge-1 { flex:0 0 8.33333%; max-width:8.33333%; }
  .xlarge-2 { flex:0 0 16.66667%; max-width:16.66667%; }
  .xlarge-3 { flex:0 0 25%; max-width:25%; }
  .xlarge-4 { flex:0 0 33.33333%; max-width:33.33333%; }
  .xlarge-5 { flex:0 0 41.66667%; max-width:41.66667%; }
  .xlarge-6 { flex:0 0 50%; max-width:50%; }
  .xlarge-7 { flex:0 0 58.33333%; max-width:58.33333%; }
  .xlarge-8 { flex:0 0 66.66667%; max-width:66.66667%; }
  .xlarge-9 { flex:0 0 75%; max-width:75%; }
  .xlarge-10 { flex:0 0 83.33333%; max-width:83.33333%; }
  .xlarge-11 { flex:0 0 91.66667%; max-width:91.66667%; }
  .xlarge-12 { flex:0 0 100%; max-width:100%; }
  .xlarge-expand { flex:1 1 0px; }
  .xlarge-order-1 { order:1; }
  .xlarge-order-2 { order:2; }
  .xlarge-order-3 { order:3; }
  .xlarge-order-4 { order:4; }
  .xlarge-order-5 { order:5; }
  .xlarge-order-6 { order:6; }
}

.shrink { flex:0 0 auto; }
.row.medium-unstack .column { flex:0 0 100%; }
.row.large-unstack .column { flex:0 0 100%; }
@media screen and (min-width:43.75em) { .row.medium-unstack .column { flex:1 1 0px; } }
@media screen and (min-width:64em) { .row.large-unstack .column { flex:1 1 0px; } }

/* Grid Customizations
--------------------------------------------------------------------------------------*/

/* 700px
----------------------------------------------------*/
@media only screen and (min-width:43.75em) {
  .row-container {max-width:96%;}
  .full-width .alpha {flex:0 0 100%; max-width:100%;}
  .full-width .beta {display:none;}
}

/* 1200px
----------------------------------------------------*/
@media only screen and (min-width:75em) {
  .row-container {max-width:90%;}
}

/* 1360px
----------------------------------------------------*/
@media only screen and (min-width:85em) {
  .row-container {max-width:80rem;}
}

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


/* IE Fallback
----------------------------------------------------*/
@media screen and (min-width:43.75em) and (-ms-high-contrast:active),
       screen and (min-width:43.75em) and (-ms-high-contrast:none) {
  .card { height:auto; display:block; }
  .card-body { display:block; }
}

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

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

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


/*************************************************************************************
 * 6. Print Styles
 ************************************************************************************/
@media print {
  @page {margin:0.5cm;}
  body {font-size:13pt; line-height:1.3; 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 {page-break-inside:avoid;}
  blockquote {page-break-inside:avoid;}
  h1, h2, h3, h4, h5, h6 {page-break-after:avoid; page-break-inside:avoid;}
  img {page-break-inside:avoid; page-break-after:avoid;}
  table, pre {page-break-inside:avoid;}
  ul, ol, dl {page-break-before:avoid;}
  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;}
  article {overflow:hidden;}

  /* HIDDEN
  ----------------------------------------------------*/
  .article-more,
  .breadcrumbs,
  .header-util,
  .list-social,
  .skip-links,
  .nav-mobile,
  .nav-site,
  .nav-top,
  .nav-skip,
  .news-nav,
  .newsletter-signup,
  .social-share,
  .btn-nav-mobile,
  .addthis_inline_share_toolbox {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:Georgia, Times, "Times New Roman", serif; }
      .brandbar i {text-transform:none;}
    .site-title,
    .site-subtitle {margin:0; color:#333; font-family:Georgia, Times, "Times New Roman", serif; }
    .site-header a,
    .site-title a,
    .site-subtitle a {color:#000; text-decoration:none;}
    .site-title {margin:4px 0 2px; font-size:2rem;}
    .site-subtitle {font-size:1rem;}

  .hero { padding:2rem 1rem; }

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

  /* Grid */
  .alpha .row { flex-flow:row wrap; width:100%; }
  .alpha .medium-3 { max-width:25%; }
  .alpha .medium-4 { max-width:33%; }
  .alpha .medium-6,
  .alpha .large-6 { max-width:50%; }
  .alpha .medium-8 { max-width:67%; }
  .alpha .medium-9 { max-width:75%; }

  .grid-item { display:block; margin-bottom:2rem; }
  .item-title { margin:0.5rem 0 0; }

  /* Home */
  .home .featured-event { background:none !important; }
  .home .events-list { max-width:100%; }

  /* Footer  */
  .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 {display:none;}
    .tel {display:block;}
    .site-footer .ndmark {position:absolute; top:20px; right:0;}
}