/* University Template over-ride
   Launched: 2020-10-14
   Author: Notre Dame Web Team
   ----------------------------------------------------*/
   
/* Common Styles
----------------------------------------------------*/
hr.no-border { padding: 1px 0 0; }

/* Sections */
.section { --section-padding:2rem; padding:var(--section-padding) 0; margin-bottom:var(--section-padding); margin-top:var(--section-padding); }
.section-image { margin:calc(-1 * var(--section-padding)) var(--gutter-offset) 0; width:100vw; }
.section-body { margin:0 var(--gutter-offset); padding:var(--section-padding);}
.section-image img { width:100%; }

/* FAQ */
.faq-item { margin: 0 -1rem 0 -1rem; }

/* Utility */
.pb-0 { padding-bottom:0; }
.pt-0 { padding-top:0; }
.pl-0 { padding-left:0; }
.pr-0 { padding-right:0; }
.mb-0 { margin-bottom:0; }
.mt-0 { margin-top:0; }
.ml-0 { margin-left:0; }
.mr-0 { margin-right:0; }


/* Media Queries
----------------------------------------------------*/
@media only screen {
  
  /* Sections */
  .section { z-index: 1; }
  .section--sky-blue { background-color:var(--sky-blue-light); }
    .section--sky-blue .card.hover-bg:hover { background: white; }
  .section-dark.section--home-contact::before { background: var(--brand-blue) url(/stylesheets/images/bg-admissions-pattern-blue-l.png) left center / auto repeat; }
  .section-sawtooth::after { content: ''; z-index: 2; display: block; position: absolute; left: var(--gutter-offset); right: var(--gutter-offset); bottom: 0; height: 1em; background: url(images/bg-pattern-sawtooth.svg) bottom center / 20px auto repeat-x; }
  
  .section-title::before { content:''; height: 1.25em; width: calc(var(--gutter-width) - 1rem); margin-left: calc(var(--gutter-width) * -1); position: absolute; background: url(/stylesheets/images/bg-pattern-hatch.svg) left center / auto repeat; }

  /* Header */
  .page-header { position: relative; }
  .page-header::before { background: url(images/bg-pattern-sawtooth.svg) bottom center / 20px auto repeat-x, url('images/hdr-admissions-pattern.jpg') left center / auto repeat; }
  .page-image.full { height:56.25vw; }
  .bg-video { height:100%; width:auto; min-width:100vw; }
  .page-image iframe { height:56.25vw; width:100vw;}
  .home .page-main { margin-top:-2rem; }
  .home .page-main .page-title,
  .home .page-main .page-lede { padding-left:1rem; padding-right:1; margin: 0 auto; }
  .page-lede .cta { margin-top: 3rem; }
  
  /* Home */
  .home .page-title-wrapper { background: none; }
  .home .page-title-wrapper .page-title { background-color: var(--brand-gold); color: white; display: inline-block; padding: 0.25em 0.5em; margin-bottom: 0; }
    .home .page-title-wrapper .page-title::after { display: none; }
  .home .page-header::before { content: ''; display: block; background: url(images/grid.svg); right: 25%; top: 70%; left: -3rem; bottom: 0; position: absolute; z-index: 1; background-size: cover; opacity: 0.5; }
  .home .page-header::after { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 1em; background: url(images/bg-pattern-sawtooth.svg) bottom center / 20px auto repeat-x; }
  
  .section--home-contact ul { text-align:center; justify-content:space-between; display:flex; flex-flow:column; align-items:center; }
  .section--home-contact ul::before { content:'Follow Us'; display:block; margin-bottom:1.5em; font-weight:700; font-size:1.4rem; color:#fff; }
  .section--home-contact li { margin-bottom:0.5rem; }
  .section--home-contact a { font-size:1.1rem; text-decoration:none; display:inline-flex; align-items:center; }
  .section--home-contact svg { font-size:2em; margin-right:0.25rem;}
  .section--home-contact .soc-facebook svg { margin-right:-0.25rem;}
  
  .section--home-other-programs ul { display:grid; list-style:none; padding:0; margin:0; gap:0.5rem;}
  .section--home-other-programs a { display:block; height:100%; text-align:center; text-decoration:none; background-color:var(--sky-blue); padding:1rem; transition:var(--anim-duration); font-family: var(--font-heading-article); color: var(--brand-blue); font-size: 1.4rem; }
  .section--home-other-programs a:hover { transform:scale(1.02); background-color:var(--sky-blue-dark); }
  
  .list--study-abroad-location li { max-width:65rem; }
  .list--study-abroad-gallery { margin:0; --grid-gap:1rem; }
  
  .card .card-title small { font-family: var(--font-default); font-size: 1rem; line-height: 1.4; display: block; margin-top: 0.5rem; }
  .card-title { margin-bottom: 0; }
  
  .director { margin-bottom: 3rem; }
  
  /* courses section anchor */
  .site-content [id="courses"]:not([href]) { scroll-margin-top:6.5rem; }
  
}

/* 480px
----------------------------------------------------*/
@media only screen and (min-width:30em) {
  .section--home-other-programs ul { grid-template-columns:1fr 1fr; }
  .section--home-contact ul::before { width:100%; }
  .section--home-contact ul { flex-flow:row wrap; align-items:center; }
}

/* 768px
----------------------------------------------------*/
@media only screen and (min-width:48em) {
  .section--home-contact li { margin-bottom:0; width:auto;}
}

/* 960px
----------------------------------------------------*/
@media only screen and (min-width:60em) {
  .home .page-title-wrapper { padding-bottom: 3rem; }
  .home .has-title + .page-main .page-lede { width: auto; height: auto; overflow:visible; }
  
  .list--home-programs { --gap:1rem; --item-width:33.3333%; display:flex; justify-content:center; flex-flow:row wrap; /*gap:var(--gap); not supported by safari */ }
  .list--home-programs li { width:calc(var(--item-width) - var(--gap)); padding: 0;  margin: calc(var(--gap) / 2); }
  .section--home-other-programs ul { grid-template-columns:1fr 1fr 1fr; }
  .section-dark.section--home-contact { --section-padding: 4rem; }
  .home .page-header.has-image { --image-width:4fr; --title-width:6fr; z-index:100; margin-bottom:2rem; }
  .page-title-wrapper { grid-column:2; grid-row:1/-1; padding:0 3rem; margin:0; }
  .page-title-wrapper .page-lede { padding:0; }
  
  .horizontal-lg .image-circle { margin-left: var(--card-padding); margin-top: var(--card-padding); }
}

@supports (display:grid) {
  @media only screen and (min-width: 60em) {
    .page-header.has-title.has-image::before { grid-row: header-start/title-end; }
  }
}

/* 1040px
----------------------------------------------------*/
@media only screen and (min-width: 65em) {
  .section--home-contact ul::before { width:auto; margin-bottom:0.5em; }
}

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

}

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


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

}

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

}

@supports (display:grid) {
  @media only screen and (min-width: 60em) {
    .home .page-header.has-title.has-image::before { grid-row: unset; }
  }
}

/* Print
----------------------------------------------------*/
@media print {
  .section--home-contact {display:none;}
}

/*!
 * 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: var(--brand-blue-dark);opacity:0.9;-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:6vh 6vw;box-sizing:border-box;z-index:2020;text-align:left;max-width:100%; max-height: 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:-.33333em;top:0;color:#fff;color:rgba(255,255,255,0.7);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: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.7}}@keyframes slbOverlay{from{opacity:0}to{opacity:0.7}}@-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)}}
