/* University Template over-ride
   Launched: 2021-01-23
   Author: Notre Dame Web Team
   ----------------------------------------------------*/

@media only screen {
  .section-cta .btn-cta { margin-top:1em; }
  .card-image .icon { width:4em; height:4em; }
  .home--primary-features { margin-bottom:2rem; }
  .site-content .card-link.lightbox[href^="http"]::after { display: none; }
    
  .home--secondary-features-list { padding:2rem; margin:0 var(--gutter-offset); background-image:url(images/bg-commencement-stats-800.jpg); background-size:cover; background-position:right center; }
  .home--secondary-features .card-title { text-align:center; }
  .home--secondary-features .card-image { align-self:center; max-width:5em; min-width:4em; padding-top:0.5em; text-align:center; }
  .home--secondary-features .horizontal { align-items:center; }
  .home--secondary-features .card-body { padding:0; }
  .page-secondary { margin-bottom:5rem; }
  .page-section { margin-top: 4rem; margin-bottom: 4rem; }
  .heading-action h1 + .btn { margin-bottom:1rem; }
  
  .alert {padding:0.85rem 1rem 1rem 4.5rem; max-width:none; font-size:1.25rem; line-height:2rem; background:#dcb439 url(images/icon-caution.svg) 20px no-repeat; background-size: auto 40px; }
  .alert.urgent { background-color:#aa272f; color:#fff; }
  .alert.urgent a,
  .alert.urgent a:visited {color:#fff;}
  
  .monogram-card { background-color:var(--gray-extra-extra-light); }
  
  .article-header { margin-bottom:1rem; }
  .eventoptions { width:100%; text-align:center; border-bottom: 3px solid var(--gray-extra-light); padding-bottom:1rem; margin:0 0 1.5rem; }

  .page-header::before { background-image:url(images/hdr-commencement-800.jpg); }
  .class-landing .page-primary { overflow:visible; }
  .section-title::after { content: ''; display: block; width: 50px; height: 4px; margin: 0.2em 0 0.2em -0.2em; background-color: var(--brand-gold); }
  
  /* long title */
  .long-title { font-size:1.625rem; margin-bottom:0.5em }
  .long-title:after { content:none; }
  
  /** home livestream preview **/
  .page-image .pre-video { width:100%; }
  body .pre-video { position:relative; display:inline-block; overflow:hidden; }
  body .pre-video .play-preview { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; margin: 0 auto; background: rgba(12, 35, 64, 0.6) url('/stylesheets/images/play-soon-btn.svg') no-repeat left center / auto 100%; transform-origin: 12% 79%; transform: scale(1); transition: all var(--anim-duration-fast) cubic-bezier(0, 0, 0.25, 1); }
  body .pre-video:hover .play-preview { background-color: rgba(12, 35, 64, 0.8); } 
  body .pre-video .preview-text { position: absolute; left: 20%; top: 74%; z-index: 99; color:#fff; width:70%; font-size: 1rem; visibility:hidden; }
  body .pre-video:hover .preview-text { visibility:visible; transform:translateX(1em); transition:all var(--anim-duration-fast) cubic-bezier(0, 0, 0.25, 1); }
  
  .section--media-links .card { background: var(--sky-blue-light); }
  
  /* Home Simple */
  .home .home--primary-features .card {background:var(--sky-blue-light);}
  
   /** Events Page **/
  body.events #maybug {display:none;}
  .eventlist {display:none; margin:0; padding:1em; }
    .events .eventlist,
    .eventlist.events {display:block;}
    .eventlist ul {margin:0; padding:0; list-style:none;}
    .eventlist h2 {margin:0 0 0.85em; padding:0 0 0.25em; font-size:1.3rem; border-bottom:1px solid #ccc;}
      .eventlist h2 a {font-size:50%;}
    .eventlist h3 {margin:1.5em 0 0; font-size:0.9rem; font-style:normal; font-weight:bold;}
    .vevent h4 {margin-top:0;}
    .eventlist li {margin:0 0 12px; list-style:none;}
      .eventlist .title {font-size:1.1rem; font-family:GP, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
      .eventlist .location {display:none;}
      .eventlist .datetime {display:block; font-size:88%;}
      .eventlist .cevent {font-size:88%;}
  .vevent {margin-bottom:30px;}
  .events-print {margin:0 -1em -1em; padding:0.5em; text-align:center; background:#002b5b;}
    .events-print a {display:block; color:#fff; text-decoration:none;}
      .events-print:hover {background:#dcb439;}
  .no-events-msg {margin-bottom:0; font-size:smaller;}

  /** Events Map **/
  #map {width:100%; height:400px; margin-top:2rem; border:1px solid #333;}
    body.event #map {height:400px;}
    .infowindow {max-width:400px;}
    .infowindow h2 {margin:0 0 4px; padding:0 0 2px; font-size:16px; font-weight:bold;}
    .infowindow h3 {margin-top:0; font-weight:normal; font-size:12px;}
    .infowindow p {padding-top:0; font-size:11px;}
  .infoeventlist {font-size:11px; line-height:1.2em;}
    .infoeventlist li {margin:0;}
    .infoeventlist a {background:none; border:none;}

  .eventswrapper {margin:20px 0;}
  .daytabs {overflow:hidden; top:0.15em; position:relative;}
  .daytabs ul {float:left; margin:0; padding:0; list-style:none; font-family:GP, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
    .daytabs li {float:left; display:inline; margin:0;}
    .daytabs a {display:block; float:left; padding:0.5em; border:none; text-decoration:none; background-color:#eee; border:1px solid gray; border-width:1px 1px 0; color:#777;}
      .daytabs a.active {background-color:#fff; color:#444;}
    .daytabs input {float:right; margin:10px 10px 0 8px;}
    .day {padding:1em; background:#fff; border:1px solid gray;}
      .js .day {display:none;}
      .js .day.active {display:block;}
}

/* 480px
----------------------------------------------------*/
@media only screen and (min-width:30em) {
  .heading-action h1 + .btn { margin-bottom:1.5rem; }
}

/* 768px
----------------------------------------------------*/
@media only screen and (min-width:48em) {
  .context-cta { margin-top:-2rem; }
  .heading-action h1 + .btn { margin-bottom:2.25rem; }
  .home--primary-features { margin-bottom:0; padding-bottom:3rem; }
  .home--primary-features::before { top:35%; background:var(--gray-light); }
  .home--primary-features .card { background:#fff; }
  
  .home--secondary-features::before { background:var(--gray-light); bottom:50%; }
  .home--secondary-features-list { margin:0; background-image:url(images/bg-commencement-stats-1200.jpg); }
  .home--secondary-features .card-title { text-align:left; }
  .home--secondary-features .card-body { padding-left:0.5em; padding-top:1em; padding-bottom:1em; }
  .home--secondary-features .card-image { padding-left:.5em }
  
  body .pre-video .preview-text { font-size:1.25rem;top:76%; }
  .home-videos .card-image {min-width:50%;}

  .page-header::before { background-image:url(images/hdr-commencement-1200.jpg); }
  
  .home-primary { background:#fff; padding:2rem; margin:-6.5rem auto 3rem; }
  
  .long-title { font-size:1.75rem; }
  
  .class-feature-item .card-title { font-size:1.4em; }
}

/* 960px
----------------------------------------------------*/
@media only screen and (min-width:60em) {
  .heading-action h1 + .btn { margin-bottom:3rem; }
  
  .page-header.has-title.lede-only { grid-template-rows:[header-start] var(--padding-top) [title-start] 1fr [title-end lede-start] minmax(var(--padding-bottom), auto) [lede-end] var(--padding-bottom) [header-end]; --padding-bottom:2rem; }
  .page-header.has-title.lede-only::before { grid-row-end:lede-end; }
  .class-landing .page-primary {  min-height:var(--sidebar-height); }
  
  .lede-only .page-image img { height:100%; -o-object-fit:cover; object-fit:cover; }
  .lede-only .page-lede { grid-row:title-start/title-end; align-self:center; margin-top:2rem; margin-right:-10vw; padding:2rem 3rem; background:#fff; font-size:1em; }
  
  .section-title::after { margin-left: -0.5em; margin-top: 0.2em; margin-bottom: 0.7em; width: 1.5em; height: 0.1em; min-height: 5px; }
  
  .page-image.full { max-height: 50vh; }
  
  .class-feature-item .card-title { font-size:1.5em; }

}

/* 1280px
----------------------------------------------------*/
@media only screen and (min-width:80em) {
  .heading-action h1 + .btn { margin-bottom:3.5rem; }
  body .pre-video .preview-text { font-size:1.45rem; }

  .page-header::before { background-image:url(images/hdr-commencement-1600.jpg); }
  
  .page-header.has-title.lede-only { --padding-bottom:3.5rem; }
  .lede-only .page-lede { margin-right:-12vw; font-size:1.125em; }

  .home--secondary-features-list { background-image:url(images/bg-commencement-stats-1600.jpg); }
  
  .long-title { font-size:2.125rem; }
  
}

/* 1600px
----------------------------------------------------*/
@media only screen and (min-width:100em) {
  .heading-action h1 + .btn { margin-bottom:4rem; }
  .btn { font-size: 1.125rem; }
  .lede-only .page-lede { margin-top:0; }
}

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

}

/* Print
----------------------------------------------------*/
@media print {

}

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