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

  
  .heading-action { margin-bottom:1em; }
  .site-content .other-stories { margin:3em -5vw 0; padding:3rem 5vw; background:#f7f8f9; }
  .page-main::before { background:none; }
  
  .archive-grid { margin:2em 0; padding:2em 0; border-bottom:1px solid var(--gray-light); }
  .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 {  margin-bottom:0.15em; display:block; color:var(--gray); font-size:0.95rem; }
  .archives-page a { font-size:1.25rem; }
  p.people { margin-bottom:0; font-family:var(--font-default); font-size: 1rem !important; }
  .browse { font-weight:700; }
  
  .card-body p { margin-bottom:0.25em; color:var(--gray); font-size:1.1rem; line-height:1.4; }
  .card.hover-bg.hover-grow img { opacity:1; }
  .card img { opacity:0.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
----------------------------------------------------*/
@media only screen and (min-width:30em) {
}

/* 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; }
  
  blockquote.pull { margin-left:1em; width:55%; }
  .photo-quote { float:right; width:50%; margin:3rem 0; 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 { margin-top:1rem; margin-bottom:0; }
  .photo-quote.pull figure { grid-column:1/8; width:40%; margin-bottom:1rem; }
  .photo-quote.pull blockquote { margin-top:0; margin-bottom:0; grid-column:1/8; }
  .photo-quote.pull blockquote p { margin: 0 1em 0; font-size:1.7rem; }
  .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 { display:grid; grid-template-columns:repeat(2, 1fr); grid-gap:var(--grid-gap); margin:1em 0; }
  .archive-grid { margin:2em; display:grid; grid-template-columns:repeat(3, 1fr); grid-gap:var(--grid-gap); }
  .archives-page { grid-column:2/4; }
  
  .has-title + .page-main .prev-years.text-right { width:auto; overflow:visible; }

  .video-secondary { margin:0 0 1em 2em; float:right; 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 { font-family: GPC, "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; font-weight: 600; display: block; top: 2em; right: 5em; width: 50%; }
    .fighting-to-explore-the-moon #videobg.image-full blockquote p { position: relative; width: auto; color: white; font-style: italic; font-size: 2em; left: 0; bottom: auto; text-align: right; }

}

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

 .has-title + .page-main .text-right {height:0; width:0; overflow:hidden; margin:0; padding: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-title,
  .page-header .page-lede { padding-right:0em; }
  .block-center { padding:0.5em 1.5em; }
  .archives .block-center { padding:1.5em; }
  .archives .block-center { max-width: 95rem; }
  .page-main { padding-left:2em; padding-bottom:0; }
  .home .page-main { padding-left:0; }
  .page-title-wrapper { padding:1rem 2rem 0.25rem 5vw; }
  .home .page-main,
  .archives .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:0.5rem; } 
  .image-default { margin:4rem var(--offset); }
  .image-right { margin-right:var(--offset); }
  .listing { margin-bottom:4rem; }
  blockquote.pull { margin:0 var(--offset) 0 2rem; width:46%; }
  
   /* Old code from previous years */
   .image-right {margin-right: -5rem; max-width: 50%; float: right; margin-left:2em; }
  .image-left { margin-left: -5rem; max-width: 50%; float: left; margin-right:2em; }
  
  .image-wide {margin-left:-5rem; margin-right:-5rem; margin-top: 3em; margin-bottom: 3em; }
  .image-left-caption-right { float:left; width:100%; font-size:0.9rem;  margin-top: 3em; margin-bottom: 3.75em; }
      .image-left-caption-right {font-size:0.95em}
  
  .image-full {float:none; position:relative; width:100vw; left:50%; right:50%; margin-left:-50vw; margin-right:-50vw; max-width:none;  margin-top: 3em; margin-bottom: 3em; text-align: center; }
    .image-full p {position:absolute; left:10%; bottom:10%; width:40%; text-transform:uppercase; font-size:1.2rem;}
    .image-full img {width:100%;}
    
  .image-default img, .image-right img, .image-left img {border:none; box-shadow:none; margin:0 0 0.5rem;}
  .video img {margin:0;}

  .image-set { margin-top: 1.5em; margin-bottom:1.5em; }
  .image-set-2up {overflow:hidden; margin-left:-3rem; margin-right:-6rem; }
    .image-set-2up figure {}
    .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.full img,
  .page-image .bg-video { grid-row:1/-1; grid-column:1/-1; }
  .page-image video {width:100vw;}
  .block-center { padding:0.5em 0; }
  .archive-grid { margin:2em; display:grid; grid-template-columns:repeat(4, 1fr); grid-gap:var(--grid-gap); }
  .archives-page { grid-column:2/5; display:grid; grid-template-columns:repeat(2, 1fr); grid-gap:var(--grid-gap); }
  .archives-page li:nth-child(odd) { grid-column:1/2; }
  .archives-page li:nth-child(even) { grid-column:2/3; }
  .archives-year { grid-column:1/2; }
  .archives-page li { margin:0; display:inline-block; }
  
  .photo-quote.pull { 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:0.75rem 1.75rem 0.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-title,
  .page-header .page-lede { padding-right:1.25em; }
}

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

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

/* Print
----------------------------------------------------*/
@media print {
  .bg-video,
  .feature-play,
  .other-stories { display:none; }
  .photo-quote {float:right; margin:0 0 1em 2em; width:45%;}
  
  h1, .h1, .page-title { font-size:3rem; }
}

/* Plugins
----------------------------------------------------*/
/*!
 * simpleLightbox
 * https://github.com/dbrekalo/simpleLightbox
 * Copyright (c) 2018 Damir Brekalo
 */
.slbOverlay,.slbWrapOuter,.slbWrap{position:fixed;top:0;right:0;bottom:0;left:0}.slbOverlay{overflow:hidden;z-index:2000;background-color:#000;opacity:0.85;-webkit-animation:slbOverlay 0.5s;animation:slbOverlay 0.5s}.slbWrapOuter{overflow-x:hidden;overflow-y:auto;z-index:2010}.slbWrap{position:absolute;text-align:center}.slbWrap:before{content:"";display:inline-block;height:100%;vertical-align:middle}.slbContentOuter{position:relative;display:inline-block;vertical-align:middle;margin:0px auto;padding:0 10%;box-sizing:border-box;z-index:2020;text-align:left;max-width:100%}.slbContentEl .slbContentOuter{padding:5em 1em}.slbContent{position:relative}.slbContentEl .slbContent{-webkit-animation:slbEnter 0.3s;animation:slbEnter 0.3s;background-color:#fff;box-shadow:0 0.2em 1em rgba(0,0,0,0.4)}.slbImageWrap{-webkit-animation:slbEnter 0.3s;animation:slbEnter 0.3s;position:relative}.slbImageWrap:after{content:"";position:absolute;left:0;right:0;top:5em;bottom:5em;display:block;z-index:-1;box-shadow:0 0.2em 1em rgba(0,0,0,0.6);background-color:#FFF}.slbDirectionNext .slbImageWrap{-webkit-animation:slbEnterNext 0.4s;animation:slbEnterNext 0.4s}.slbDirectionPrev .slbImageWrap{-webkit-animation:slbEnterPrev 0.4s;animation:slbEnterPrev 0.4s}.slbImage{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:5em 0;margin:0 auto}.slbCaption{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;font-size:1.4em;position:absolute;left:0;right:0;bottom:0;padding:.71429em 0;color:#fff;color:rgba(255,255,255,0.7);text-align:center}.slbCloseBtn,.slbArrow{margin:0;padding:0;border:0;cursor:pointer;background:none}.slbCloseBtn::-moz-focus-inner,.slbArrow::-moz-focus-inner{padding:0;border:0}.slbCloseBtn:hover,.slbArrow:hover{opacity:0.5}.slbCloseBtn:active,.slbArrow:active{opacity:0.8}.slbCloseBtn{-webkit-animation:slbEnter 0.3s;animation:slbEnter 0.3s;font-size:3em;width:1.66667em;height:1.66667em;line-height:1.66667em;position:absolute;right:calc(10% - 0.5em);top:0;color:white;text-align:center}.slbLoading .slbCloseBtn{display:none}.slbLoadingText{font-size:1.4em;color:#fff;color:rgba(255,255,255,0.9)}.slbArrows{position:fixed;top:50%;left:0;right:0}.slbLoading .slbArrows{display:none}.slbArrow{position:absolute;top:50%;margin-top:-5em;width:5em;height:10em;opacity:0.7;text-indent:-999em;overflow:hidden}.slbArrow:before{content:"";position:absolute;top:50%;left:50%;margin:-.8em 0 0 -.8em;border:.8em solid transparent}.slbArrow.next{right:0}.slbArrow.next:before{border-left-color:#fff}.slbArrow.prev{left:0}.slbArrow.prev:before{border-right-color:#fff}.slbIframeCont{width:80em;height:0;overflow:hidden;padding-top:56.25%;margin:5em 0}.slbIframe{position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:0 0.2em 1em rgba(0,0,0,0.6);background:#000}@-webkit-keyframes slbOverlay{from{opacity:0}to{opacity:0.85}}@keyframes slbOverlay{from{opacity:0}to{opacity:0.85}}@-webkit-keyframes slbEnter{from{opacity:0;-webkit-transform:translate3d(0, -1em, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0)}}@keyframes slbEnter{from{opacity:0;transform:translate3d(0, -1em, 0)}to{opacity:1;transform:translate3d(0, 0, 0)}}@-webkit-keyframes slbEnterNext{from{opacity:0;-webkit-transform:translate3d(4em, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0)}}@keyframes slbEnterNext{from{opacity:0;transform:translate3d(4em, 0, 0)}to{opacity:1;transform:translate3d(0, 0, 0)}}@-webkit-keyframes slbEnterPrev{from{opacity:0;-webkit-transform:translate3d(-4em, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0)}}@keyframes slbEnterPrev{from{opacity:0;transform:translate3d(-4em, 0, 0)}to{opacity:1;transform:translate3d(0, 0, 0)}}

/* Overrides */
.slbOverlay { background-color:rgba(0,0,0,0.7); }
.slbContent .card-label { margin: 0; }
.slbContent .card-title { font-size: 2.2em; margin-bottom: 0.1em; }
.slbContent .card-body .position-title { margin-bottom: 1em; }