﻿/* University Template over-ride
   Launched: 2020-09-29
   Author: Shawn Maust, Nevin McElwrath, Notre Dame Web Team
   ----------------------------------------------------*/

/* Notice */
/*.site-notice {display:flex; flex-flow:row; align-items:center; position:fixed; bottom:0; width:100vw; z-index:1000; padding:0; border-top:2px solid #0d223f; background:#fff; font-size:16px;}*/
/*  .site-notice a {display:block; padding:1rem; text-decoration:none;}*/
/*  .site-notice p {width:100%; margin:0; max-width:none;}*/
/*  .site-notice .notice-close {width:60px;}*/
/*  .site-notice .notice-close-button {margin:0; border:none; background:transparent;}*/
/*  .site-notice .notice-close-icon {fill:#333; width:24px; height:24px;}*/

.intercom-launcher,
.intercom-launcher-frame {bottom:90px !important;}

/*@media only screen and (min-width:43.75em) {*/
/*  .site-notice p {text-align:center;}*/
/*}*/

/*
Global (both screen & print)
----------------------------------------------------*/
.page-label { display:block; margin:0 0 0.5em; font-weight:400; font-size:0.9rem; letter-spacing:0.08em; text-transform:uppercase; }
.page-label + .page-title { margin:0; }
.card-image--icon { text-align:center; padding-top: 1.5rem; }
.card-image--icon img { width:auto; max-width:5rem; }
.experience-item__image img { width: auto; max-width: 5rem; }

.page-header .page-title-group {align-self:flex-end;}
.livestream-date {display:block; margin:0; font-size:0.9rem;}
.livestream-name {margin:0;}
.livestreams-past .livestream-excerpt {display:none;}

.lb-livestream {background:#fff;}
.lb-livestream .lb-iframe {width:100%; height:calc(80vw*0.56); padding:0; margin:0;}
.lb-livestream .lb-iframe iframe {position:relative;}
.lb-livestream .lb-content {padding:2rem;}
.livestream h3 a[href^='http']::after, .livestream .h3 a[href^='http']::after,
a[href^='http://giveto.nd.edu']::after, a[href^='https://giveto.nd.edu']::after,
.section-dark .btn[href^="https://giveto.nd.edu"]:after,
.section-dark .btn[href^="http://giveto.nd.edu"]:after,
.h2 a[href^='http://giveto.nd.edu']::after, h2 a[href^='https://giveto.nd.edu']::after { display: none !important; }
.more-external-link { margin-top: 2rem; }


/* Screen
----------------------------------------------------*/
@media only screen {

  :root {
    --color-cream:#f6efe4;
  }

  /* Sections */
  .section { --section-padding:2rem; padding:var(--section-padding) 0; margin-bottom: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%; }
  .section--sky-blue { background:var(--sky-blue); }
  .section--cream { background:var(--color-cream); }
  .section--cream .hover-bg:hover,
  .section--sky-blue .hover-bg:hover { background:#fff; }
  .section-title--underline::after { content:''; display:block; width:50px; height:4px; margin:0.2em 0 0.2em -0.2em; background-color:var(--brand-gold); }
  .section-dark .card-link[href^="http"]::after { background-image:url('../image/external-link-light.svg'); }

  /* 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; }
  .no-wrap { display:block; }


  /* Cards */
  .card--down { padding-bottom:3rem; }
  .card--down::after { content:''; display:block; position:absolute; bottom:0.5rem; left:calc(50% - 1rem); transform:rotate(90deg); height:3rem; width:1.5rem; background: url('../image/chevron-gold.svg') 50% 50% / contain no-repeat; }
  .card--white { background:#fff; }

  /* Navigation */
  .nav-site a[href="/give-now/"],
  .nav-top a[href="/give-now/"] { font-weight:bold; }

  /* Giving Widget */
  .giving-widget { display:flex; }
  .giving-widget__form { padding:1.5rem 1rem; display:flex; flex-flow:column; align-items:center;  }
  .giving-widget__heading { text-align:center; margin:0 0 2rem; font-family:var(--font-heading-article); font-weight:400; padding:0; }
  .giving-widget__subhead { text-transform:uppercase; font-weight:300; font-size:0.9rem; letter-spacing:0.08em; color:var(--gray); }
  .giving-widget__submit { align-self:unset; }
  .giving-widget__amount-wrapper { border:1px solid; border-radius:0.5rem; padding:0.5rem; background:var(--sky-blue-light); }
  .giving-widget__amount { border:none; background:transparent; margin:0; }
  .giving-widget__why { margin:1rem 0 0; }

  .giving-widget-container--inline .giving-widget { background:var(--brand-blue); margin-bottom:1rem; }
  .giving-widget-container--inline .giving-widget__form { margin:0 auto; max-width:24rem; padding:1.5rem; background:var(--brand-blue); }
  .giving-widget-container--inline .giving-widget__subhead { display:none; }
  .giving-widget-container--inline .giving-widget__heading { color:#fff; font-size:2rem; }
   .giving-widget__submit.btn-cta,
   .section-dark .btn-cta { background-color: var(--brand-blue-light); }
   .giving-widget__submit.btn-cta::hover,
   .section-dark .btn-cta:hover { background-color: var(--brand-blue-bright); }

  .giving-widget-container--full .giving-widget { justify-content:center; width:100%; background:var(--brand-blue) url(../image/bg-campus-blue.jpg) center center / cover no-repeat; }
  .giving-widget-container--full .giving-widget__heading { color:#fff; font-size:2rem; }
  .giving-widget-container--full .giving-widget__subhead { display:none; }

  /* Header */
  .page-label { color:var(--gray); font-family:var(--font-default); }
  .page-header { position:relative; }
  .page-header .giving-widget {  z-index:10; margin:-4rem 1rem 1rem; }
  .page-header .giving-widget__form { background:#fff; margin:0 auto; border-bottom:0.25rem solid var(--sky-blue); }
  .page-image.full.centered-v img { -o-object-position:center bottom; object-position:center bottom; }

  /* Home */
  .home .page-main { padding-top:0; }
  .section--home-features { margin-bottom:0; }
  .section--home-features::before { background-image:url(../image/pattern-1-gold.svg); background-size:10rem; background-position:50% 50%; background-repeat:repeat; }
  .section--home-video::after { content:''; display:block; position:absolute; opacity:0.15; height:10rem; bottom:0; left:var(--gutter-offset); right:var(--gutter-offset); background:url(../image/grid-sky-blue.svg) 50% 50% / 4rem repeat; }
  .section--home-callout::after { content:''; display:block; position:absolute; opacity:0.33; height:10rem; bottom:0; left:var(--gutter-offset); right:var(--gutter-offset); background:url(../image/grid-sky-blue.svg) 50% 50% / 4rem repeat; }

  /* Priorities */
  .section.section--priorities-callout { margin-bottom:2rem; }

  /* Impact */
  .section.section--impact-callout { --section-padding:6rem;  background:none; }
  .section--impact-callout::before { left:var(--gutter-offset); right:var(--gutter-offset); background:url(../image/campus-blue-800.jpg) 50% 50% / cover repeat; }

  /* Giving Societies  */
  .section--giving-societies-detail-experiences::after { content:''; display:block; position:absolute; top:0; bottom:0; left:var(--gutter-offset); width:6rem; background:url(../image/pattern-1-gold.svg) 50% 50% / 10rem repeat; }
  .section--giving-societies-detail-callout::after { content:''; display:block; position:absolute; bottom:0; left:var(--gutter-offset); right:var(--gutter-offset); height:8rem; background:url(../image/pattern-2.svg) 50% 0% / 10rem repeat; }
  .experience-item__summary { }
  .experience-item__note { font-size:0.8em; }

  .testimonial-item__body { background:var(--sky-blue); }
  .testimonial-item__quote::before { content:"\201C"; line-height:1; font-size:4rem; color:var(--brand-gold); position:absolute; margin-top:-0.5rem; margin-left:-2.5rem; }
  .section--giving-societies-impact-features { padding:0; }
  .section--giving-societies-impact-features .section-title { color:var(--brand-gold); }

  .section--giving-societies-detail-levels .grid > * { overflow:auto; }


  /* Ways to Give */
  .section--ways-to-give-how::after { content:''; display:block; position:absolute; top:0; bottom:0; left:var(--gutter-offset); width:6rem; background:url(../image/pattern-1-gold.svg) 50% 50% / 10rem repeat; }

  /* Watch */
  .livestream .card-body { display:flex; flex-flow:column; }
  .livestream .card-body .livestream-excerpt { order: 3; margin-top: 0.5rem; }

  /* Contact */
  .section--contact-info { background:var(--sky-blue); padding:2rem; }
  .section--contact-info :last-child { margin-bottom:0; }
  .section--contact-info a { text-decoration:none; }
  .section--contact-team { border-top:2px solid var(--gray-light); margin-top:2rem; padding-top:2rem;  }

  .team-item { --card-padding:1rem 0; }
  .team-item a { text-decoration:none; }

  /* Footer */
  .section--footer-give { margin:0 var(--gutter-offset); padding:4rem var(--gutter-width); background:url(../image/bg-pano-800.jpg) 50% 50% / cover no-repeat; }
  .section--footer-give .giving-widget__form { margin:0 auto; justify-self:flex-start; background:var(--sky-blue); }
}

/* 480px
----------------------------------------------------*/
@media only screen and (min-width:30em) {
  .section--footer-give .giving-widget__form { margin:0; }
  .experience-item__image { text-align:right; }
}

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

  .page-primary { min-height:var(--sidebar-height); }
  .page-label { font-size:1rem; }

  /* Sections */
  .section { --section-padding:3rem; }

  .section-title--underline::after { width:1.5em; height:0.1em; margin:0.2em 0 0.7em -0.5em; min-height:5px; }

  .section-image {  --vertical-offset: calc(-2 * var(--section-padding));  --horizontal-offset: var(--gutter-offset); margin:0; width:auto; }
  .section-image.pull-top { margin-top:var(--vertical-offset); }
  .section-image.pull-bottom { margin-bottom:var(--vertical-offset); }
  .section-image.pull-left { margin-left:var(--horizontal-offset);}
  .section-image.pull-right { margin-right:var(--horizontal-offset);}

  .section-body { margin:0 auto; padding:0 2rem;}

  .section--testimonial { display:grid; position:relative; align-items:center; grid-template-columns:[body-start] 1fr [image-start] 2rem  [body-end] 1fr [image-end];  grid-template-rows:[image-start] 2rem [body-start] auto [body-end] 2rem [image-end]; } .section--testimonial .section-image { grid-area:image; z-index:10; }
  .section--testimonial .section-body { padding:2rem; grid-area:body; }

  /* Home */
  .home .page-header { z-index:30; }
  .page-header .giving-widget { grid-row:1; grid-column:2; justify-self:flex-start; align-self:flex-end; margin:2rem 0 -2rem; }
  .page-header .giving-widget_form { margin:0; }
  .section--home-features { padding-top:6rem; padding-bottom:8rem; }
  .section--home-video { padding-bottom:4rem; }

  /* Giving Societies */
  .section.section--giving-societies-detail-callout { margin-top:8rem; margin-bottom:4rem; }

  /* Livestreams */
  .livestream .card-body { display: flex; flex-flow: column; }
  .livestream .card-body .livestream-excerpt { order: 3; margin-top: 0.5rem; }

  /* Footer Widget */
  .giving-widget__form { padding:2rem; }
  .giving-widget__heading { padding:0 1em; }
  .section--footer-give { margin:0; background-image:url(../image/bg-pano-1200.jpg); }
}

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

  /* Sections */
  .section--offset-bg { display:grid; position:relative; align-items:center; grid-template-rows:[image-start] 3rem [bg-start body-start] auto [body-end image-end] 3rem [bg-end];  grid-template-columns:[image-start] 25% [bg-start] 25% [image-end body-start] 50% [body-end bg-end];  }
  .section--offset-bg::before { content:''; display:block; position:absolute; top:0; right:0; bottom:0; left:0; z-index:-1; grid-area:bg; background-color:var(--sky-blue); }
  .section--offset-bg .section-image { margin:0 0 0 var(--horizontal-offset); grid-area:image; }
  .section--offset-bg .section-body { padding:2rem; max-width:50rem; grid-area:body; }
  .section--offset-bg .section-image { align-self:flex-start;}
  .section--offset-bg .video { width:100%; }

  /* Header */
  .page-header .page-title-group { grid-area:title; }
  .page-main .page-title-group { display:none; }
  .page-header .giving-widget { grid-row:header; grid-column:container; }

  /* Giving Widget */
  .giving-widget-container--inline { margin-bottom:2rem; margin-left:2rem; float:right; }
}

/* 1280px
----------------------------------------------------*/
@media only screen and (min-width:80em) {
  /* Footer */
  .section--footer-give { background-image:url(../image/bg-pano-800.jpg); }
}

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

}

/* 1920px
----------------------------------------------------*/
@media only screen and (min-width:120em) {
  /* Sections */
  .section-image { --horizontal-offset:-6rem; }
}

/* Print
----------------------------------------------------*/
@media print {
  .giving-widget,
  .page-image { 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)}}