/* University Template over-ride
   Launched: 2021-09-11
   Author: Taylor Packet, Notre Dame Web Team
   ----------------------------------------------------*/
:root {
  --offset:-6vw;
}
@media only screen {
  p { margin:0 0 1.5em; }
  .lede { color:#333; }
  .about-wwyff p,.btn { font-family:var(--font-default); }
  .about-wwyff { background:#f7f8f9; margin:0 -5vw; padding:1rem 2rem 6rem; }
  .about-wwyff p.text-right { margin-bottom:0; }
  .about-wwyff p { font-size:1.2rem; }
  .navbar { display:none !important; }
  .hr { color:var(--brand-gold); font-size:3rem; margin:1.5rem 0; text-align:center; }
  
  .home .page-main { background:none; }
  .home .people,.other-stories .people{ display:none; }
  
  .nav-mobile ul { grid-column-gap: var(--grid-gap); display:grid; grid-template-columns:repeat(2, 1fr); }
  .page-header {display:grid; }
  .page-header .page-image {grid-row:1 /  -1;}
  .page-header .feature-play { background:url(images/play-btn.svg) 50% / auto 120px no-repeat; display:block; grid-column:1 /  -1; grid-row:1 /  -1; overflow:hidden; text-indent:-9999px; transform:scale(1); transition:all 125ms; z-index:0; }
  .page-header .feature-play:hover { color: #dcb83b; transform:scale(1.15); }
  
  /* Default Silhouette Settings */
  .silhouette-layers-grid { margin:0 -5vw; padding:0; }
  .silhouette-layers { margin:-20% 0 -15%; overflow:hidden; padding-top:59.5%; position:relative; z-index:-999; }
  .silhouette-layer { bottom:0; left:0; position:absolute; right:0; top:0; }
  .silhouette-layer svg { height:100%; left:0; position:absolute; top:0; width:100%; }
  .silhouette-layer-background { color:#aab5c1; z-index:10; }
  .silhouette-layer-depth2 { color:#bbc4cd; z-index:20; }
  .silhouette-layer-depth3 { color:#ccd3da; z-index:30; }
  .silhouette-layer-depth4 { color:#d6dde6; z-index:40; }
  .silhouette-layer-depth5 { color:#eef0f3; z-index:50; }
  .silhouette-layer-front { color:#f7f8f9; z-index:60; }
  .silhouette-layer-front:before { background: #f7f8f9; bottom:-100em; content:""; display:block; left:0; position:absolute; right:0; top:75%; }
  
  .page-sub { font-family:var(--font-default); margin-bottom:3em; }
  .intro,.page-lede,.page-sub { font-size: 1.25rem; }
  .page-sidebar { display:none; }
  .block-center { -webkit-font-smoothing: antialiased; font-family:var(--font-heading-article); font-size:1.25em; max-width:55rem;}
  .block-center,.block-center p { line-height:1.8em; }
  .page-title:after { margin-top:.4em; }
  .break:before { color:var(--brand-gold); content:"***"; display:block; font-size:2.5em; margin:1em 0 .5em; position:relative; text-align: center; }
  .breadcrumbs { font-family:var(--font-default); margin: 0 0 1em; }
  
 .image-full-left,.image-full-right,.image-left,.image-set .image-default { margin:3em 0 2em; }
 .image-right { margin:0 0 3em; }
 .captioned,.image-default,.image-right,figcaption,p.captioned,p.image-default { font-family:var(--font-default); line-height:1.5; }
  .image-right {margin:2em 0 3em; max-width:100%;}
  .listing { margin-bottom:2rem; }
  .image-set .image-default { margin:2em 0 1em; }
  
  blockquote { font-style:normal; margin:1em 0 2em;  }
  blockquote p { font-family:var(--font-default); font-size:1.5rem; line-height:1.5 !important; }
  blockquote.pull { padding:.5em 1.25em; }
  blockquote p cite { color:var(--gray); display:block; font-family:var(--font-secondary); font-size:1rem; font-style:normal; font-weight:400; margin:1rem 0 0; text-align:right; }

  .sm-quote { border:1px solid #ccc; padding:1em; }
  .sm-quote p { color:#555; font-family:var(--font-default); font-size:1.1rem; }
  
  .heading-action { margin-bottom:1em; }
  .site-content .other-stories { background:#f7f8f9; margin:3em -5vw 0; padding:3rem 5vw; }
  .page-main:before { background:none; }
  
  .archive-grid { border-bottom:1px solid var(--gray-light); margin:2em 0; padding:2em 0; }
  .archive-grid:last-child {border:none;}
  .archives-page { margin-top:0; }
  .archives-page li { font-size:1.1rem; margin:1.5em 0; }
  .archives-page .people { color:var(--gray); display:block; font-size:.95rem;  margin-bottom:.15em; }
  .archives-page a { font-size:1.25rem; }
  p.people { font-family:var(--font-default); font-size: 1rem !important; margin-bottom:0; }
  .browse { font-weight:700; }
  
  .card-body p { color:var(--gray); font-size:1.1rem; line-height:1.4; margin-bottom:.25em; }
  .card.hover-bg.hover-grow img { opacity:1; }
  .card img { opacity:.5 }
  .card h3 { color:#54595f; }
  
  .photo-quote { margin:3em 0; }
  .photo-quote figure { margin:0 auto; width:40%; }
  .photo-quote img { border-radius:100%; }
  

}
/* 480px
----------------------------------------------------*/
/* 768px
----------------------------------------------------*/
@media only screen and (min-width:48em) {
  .site-title-group {margin:0 0 2.5rem;}
  .page-title { font-size:3rem; }
  .page-sub { font-size:1.65rem; }
  .intro,.lede { font-size: 1.55rem; }
  .listing { margin-left:var(--gutter-width); margin-right:var(--gutter-width);}
  .browse { margin-right:2em; }
  .image-right { margin:0 0 1em 2em; }
  
  .sm-quote { padding:2em; }
  .sm-quote .image-right { margin-right:0; }
  blockquote.pull { margin-left:1em; width:55%; }
  .photo-quote { grid-column-gap:var(--grid-gap); display:grid; float:right; grid-template-columns:repeat(7, 1fr); margin:3rem 0; width:50%; }
  .photo-quote figure { grid-column:1 /  3; width:100%; }
  .photo-quote.pull { margin-bottom:0; margin-top:1rem; }
  .photo-quote.pull figure { grid-column:1 /  8; margin-bottom:1rem; width:40%; }
  .photo-quote.pull blockquote { grid-column:1 /  8; margin-bottom:0; margin-top:0; }
  .photo-quote.pull blockquote p { font-size:1.5rem; margin: 0 1em; }
  .photo-quote blockquote { grid-column:3 /  8; }
  .photo-quote blockquote p { margin:0 1em 2em; }
  
  .page-header .feature-play { margin-top:-4.25em;}
  .other-stories { margin-top:8rem; }
  
  .year { grid-gap:var(--grid-gap); display:grid; grid-template-columns:repeat(2, 1fr); margin:1em 0; }
  .archive-grid { grid-gap:var(--grid-gap); display:grid; grid-template-columns:repeat(3, 1fr); margin:2em; }
  .archives-page { grid-column:2 /  4; }
  
  .has-title+.page-main .prev-years.text-right { overflow:visible; width:auto; }

  .video-secondary { float:right; margin:0 0 1em 2em; width:60%; }
  
  #videobg.image-full { padding-bottom: 47vw; /*82%*/ position: relative; }
  #videobg blockquote { position: absolute; }
  #videobg .placeholder { display: none; }
    .fighting-to-explore-the-moon #videobg blockquote { display: block; font-family: GPC,Helvetica Neue,Helvetica,Verdana,Arial,sans-serif; font-weight: 600; right: 5em; top: 2em; width: 50%; }
    .fighting-to-explore-the-moon #videobg.image-full blockquote p { bottom: auto; color: #fff; font-size: 2em; font-style: italic; left: 0; position: relative; text-align: right; width: auto; }

}
/* 960px
----------------------------------------------------*/
@media only screen and (min-width:60em) {
  .mark-header {margin:0;}
  .home .page-title { font-size:2.25rem; }
  .page-title { font-size:3.75rem; margin:0; padding:0; }
  .page-sub { font-family:var(--font-default); font-size:1.95rem; line-height:1.45; margin-bottom:3em; width:90%; }
   .page-header.s1 { padding-top:4rem; }

 .has-title+.page-main .text-right {height:0; margin:0; overflow:hidden; padding:0; width:0;}
  .home .site-content { grid-template-columns: [screen-start]0 [container-start sidebar-start] var(--sidebar-width) [sidebar-end content-start] minmax(0, 1fr) [content-end container-end] 0 [screen-end]; }
  .page-header .page-lede,.page-header .page-title { padding-right:0; }
  .block-center { padding:.5em 1.5em; }
  .archives .block-center { max-width: 95rem; padding:1.5em; }
  .page-main { padding-bottom:0; padding-left:2em; }
  .home .page-main { padding-left:0; }
  .page-title-wrapper { padding:1rem 2rem .25rem 5vw; }
  .archives .page-main,.home .page-main{ margin-top:0; }
  .home .page-main { padding-bottom:0; }
  .page-main { margin-top:-4em; }
  
  .error .page-main { margin-top:0; }
  .error .block-center { max-width:85rem; padding:2rem; }
  
  .has-image~.page-main { padding-top:.5rem; } 
  .image-default { margin:4rem -6vw; margin:4rem var(--offset); }
  .image-right { margin-right:-6vw; margin-right:var(--offset); }
  .listing { margin-bottom:4rem; }
  blockquote.pull { margin:0 -6vw 1em 2rem; margin:0 var(--offset) 1em 2rem; width:46%; }
  
   /* Old code from previous years */
   .image-right { float: right; margin-left:2em;margin-right: -5rem; max-width: 50%; }
  .image-left { float: left; margin-left: -5rem; margin-right:2em; max-width: 50%; }
  
  .image-wide { margin: 3em -5rem; }
  .image-left-caption-right { float:left; font-size:.9rem;font-size:.95em; margin-bottom: 3.75em;  margin-top: 3em; width:100%; }
  
  .image-full {float:none; left:50%; margin: 3em -50vw; max-width:none; position:relative; right:50%; text-align: center; width:100vw; }
    .image-full p { bottom:10%; font-size:1.2rem; left:10%;position:absolute; text-transform:uppercase; width:40%;}
    .image-full img {width:100%;}
    
  .image-default img,.image-left img,.image-right img {border:none; box-shadow:none; margin:0 0 .5rem;}
  .video img {margin:0;}

  .image-set { margin-bottom:1.5em; margin-top: 1.5em; }
  .image-set-2up { margin-left:-6vw; margin-right:-7vw;overflow:hidden; }
    .image-set-2up figure { float:left; width:48%; }
    .image-set-2up figure:first-child { margin-right:2%; }
}
/* 1024px
----------------------------------------------------*/
@media only screen and (min-width:64em) {
  .page-image.full { display:grid; }
  .page-image .bg-video,.page-image.full img { grid-column:1 /  -1; grid-row:1 /  -1; }
  .page-image video {width:100vw;}
  .block-center { padding:.5em 0 2em; }
  .archive-grid { grid-gap:var(--grid-gap); display:grid; grid-template-columns:repeat(4, 1fr); margin:2em; }
  .archives-page { grid-gap:var(--grid-gap); display:grid; grid-column:2 /  5; grid-template-columns:repeat(2, 1fr); }
  .archives-page li:nth-child(odd) { grid-column:1 /  2; }
  .archives-page li:nth-child(2n) { grid-column:2 /  3; }
  .archives-year { grid-column:1 /  2; }
  .archives-page li { display:inline-block; margin:0; }
  
  .photo-quote.pull { margin:1rem -6vw 1rem 0; margin:1rem var(--offset) 1rem 0; }
  .photo-quote blockquote p { margin:1em 1em 2em; }
  .photo-quote.pull blockquote { grid-column:1 /  8; }
  .photo-quote.pull figure { grid-column:1 /  8; width:50%; }
}
/* 1280px
----------------------------------------------------*/
@media only screen and (min-width:80em) {
  .home .page-image.full { max-height:52vw; }
  .page-image.full { max-height:48vw; }
  .page-title-wrapper { padding:.75rem 1.75rem .25rem 5vw; }
  .has-image~.page-main { padding-top:2rem; } 
  .home .page-title { font-size:3rem; line-height:1.15; }
  .section-title { font-size:2.5rem; }
  .year { grid-template-columns:repeat(3, 1fr); }

}
/* 1400px
----------------------------------------------------*/
@media only screen and (min-width:87.5em) {
  .page-header .page-lede,.page-header .page-title { padding-right:1.25em; }
}
/* 1600px
----------------------------------------------------*/
/* 1920px
----------------------------------------------------*/
/* Print
----------------------------------------------------*/
@media print {
  .bg-video,.feature-play,.other-stories { display:none; }
  .photo-quote {float:right; margin:0 0 1em 2em; width:45%;}
  
  .h1,.page-title,h1 { font-size:3rem; }
}
/* Plugins
----------------------------------------------------*/
/*!
 * simpleLightbox
 * https://github.com/dbrekalo/simpleLightbox
 * Copyright (c) 2018 Damir Brekalo
 */
.slbOverlay,.slbWrap,.slbWrapOuter{bottom:0;left:0;position:fixed;right:0;top:0}
.slbOverlay{-webkit-animation:slbOverlay .5s;animation:slbOverlay .5s;background-color:#000;opacity:.85;overflow:hidden;z-index:2000}
.slbWrapOuter{overflow-x:hidden;overflow-y:auto;z-index:2010}
.slbWrap{position:absolute;text-align:center}
.slbWrap:before{content:"";height:100%}
.slbContentOuter,.slbWrap:before{display:inline-block;vertical-align:middle}
.slbContentOuter{box-sizing:border-box;margin:0 auto;max-width:100%;padding:0 10%;position:relative;text-align:left;z-index:2020}
.slbContentEl .slbContentOuter{padding:5em 1em}
.slbContent{position:relative}
.slbContentEl .slbContent{background-color:#fff;box-shadow:0 .2em 1em rgba(0,0,0,.4)}
.slbContentEl .slbContent,.slbImageWrap{-webkit-animation:slbEnter .3s;animation:slbEnter .3s}
.slbImageWrap{position:relative}
.slbImageWrap:after{background-color:#fff;bottom:5em;box-shadow:0 .2em 1em rgba(0,0,0,.6);content:"";display:block;left:0;position:absolute;right:0;top:5em;z-index:-1}
.slbDirectionNext .slbImageWrap{-webkit-animation:slbEnterNext .4s;animation:slbEnterNext .4s}
.slbDirectionPrev .slbImageWrap{-webkit-animation:slbEnterPrev .4s;animation:slbEnterPrev .4s}
.slbImage{box-sizing:border-box;display:block;height:auto;line-height:0;margin:0 auto;max-width:100%;padding:5em 0;width:auto}
.slbCaption{word-wrap:normal;bottom:0;color:#fff;color:hsla(0,0%,100%,.7);display:inline-block;font-size:1.4em;left:0;max-width:100%;overflow:hidden;padding:.71429em 0;position:absolute;right:0;text-align:center;text-overflow:ellipsis;white-space:nowrap}
.slbArrow,.slbCloseBtn{background:none;border:0;cursor:pointer;margin:0;padding:0}
.slbArrow::-moz-focus-inner,.slbCloseBtn::-moz-focus-inner{border:0;padding:0}
.slbArrow:hover,.slbCloseBtn:hover{opacity:.5}
.slbArrow:active,.slbCloseBtn:active{opacity:.8}
.slbCloseBtn{-webkit-animation:slbEnter .3s;animation:slbEnter .3s;color:#fff;font-size:3em;height:1.66667em;line-height:1.66667em;position:absolute;right:calc(10% - .5em);text-align:center;top:0;width:1.66667em}
.slbLoading .slbCloseBtn{display:none}
.slbLoadingText{color:#fff;color:hsla(0,0%,100%,.9);font-size:1.4em}
.slbArrows{left:0;position:fixed;right:0;top:50%}
.slbLoading .slbArrows{display:none}
.slbArrow{height:10em;margin-top:-5em;opacity:.7;overflow:hidden;position:absolute;text-indent:-999em;top:50%;width:5em}
.slbArrow:before{border:.8em solid transparent;content:"";left:50%;margin:-.8em 0 0 -.8em;position:absolute;top:50%}
.slbArrow.next{right:0}
.slbArrow.next:before{border-left-color:#fff}
.slbArrow.prev{left:0}
.slbArrow.prev:before{border-right-color:#fff}
.slbIframeCont{height:0;margin:5em 0;overflow:hidden;padding-top:56.25%;width:80em}
.slbIframe{background:#000;box-shadow:0 .2em 1em rgba(0,0,0,.6);height:100%;left:0;position:absolute;top:0;width:100%}
@-webkit-keyframes slbOverlay{0%{opacity:0}to{opacity:.85}}
@keyframes slbOverlay{0%{opacity:0}to{opacity:.85}}
@-webkit-keyframes slbEnter{0%{opacity:0;-webkit-transform:translate3d(0, -1em, 0)}to{opacity:1;-webkit-transform:translateZ(0)}}
@keyframes slbEnter{0%{opacity:0;transform:translate3d(0, -1em, 0)}to{opacity:1;transform:translateZ(0)}}
@-webkit-keyframes slbEnterNext{0%{opacity:0;-webkit-transform:translate3d(4em, 0, 0)}to{opacity:1;-webkit-transform:translateZ(0)}}
@keyframes slbEnterNext{0%{opacity:0;transform:translate3d(4em, 0, 0)}to{opacity:1;transform:translateZ(0)}}
@-webkit-keyframes slbEnterPrev{0%{opacity:0;-webkit-transform:translate3d(-4em, 0, 0)}to{opacity:1;-webkit-transform:translateZ(0)}}
@keyframes slbEnterPrev{0%{opacity:0;transform:translate3d(-4em, 0, 0)}to{opacity:1;transform:translateZ(0)}}
/* Overrides */
.slbOverlay { background-color:rgba(0,0,0,.7); }
.slbContent .card-label { margin: 0; }
.slbContent .card-title { font-size: 2.2em; margin-bottom: .1em; }
.slbContent .card-body .position-title { margin-bottom: 1em; }