/* University Template over-ride
   Launched: 2021-03-30
   Author: Shawn Maust, Aaron Greene, Notre Dame Web Team
   ----------------------------------------------------*/

 /* Utility */
.pb-0 { padding-bottom:0; }
.bg-full-bleed::before { left:var(--gutter-offset); right:var(--gutter-offset); }
.bg-full-bleed.block-center::before { left:-100vw; right:-100vw; }

.btn-group .btn { margin-right:1rem; }

 /* Sections */
.section { margin-top:2rem; padding:2rem 0; }

 /* People */
.person-item { margin-top:4rem; }
.person-item__image { max-width: 15rem; margin:0 auto; }

@media only screen {
  /* Header */
  .site-header { padding-top:1rem; }
  .site-title a { text-indent:-999em; height:6rem; max-width:26rem; background:url("images/tantur_logo.svg") 50% 50% / contain no-repeat; }
  .site-title span { position:absolute; border: 0; clip:rect(0 0 0 0); height: 1px; width: 1px; overflow: hidden; margin: -1px; padding: 0; white-space:nowrap; }
  
  .page-header::before { background-image:url('images/hdr-tantur-stone-800.jpg'); }
  .page-header.colored::before { background-image:url('images/hdr-tantur-stone-colored-800.jpg'); }
  .page-image { height:100%; }
  
  /* Footer */
  .site-footer::before { display:none; }
  
  /* Sections */
  .section--sky-blue { background-color:var(--sky-blue); }
  .section__links ul { margin:0; padding:0; }
  
  /* Home */
  .home .page-main { padding-bottom:0; }
  .section.p0 { padding:0; }
  .section--home-programs::before { background-image:url(images/home-programs-800.jpg); background-position:center center; }
    .program-btn { font-family:var(--font-heading-article); font-size:1.325em; line-height:1; margin-bottom:0; padding:0.4em 1.25em; }
    .program-btn::after { vertical-align:middle; padding:0 0 0 1.25em; line-height:1; }
  .section--home-groups .section__body { padding:2rem 0; }
    .section--home-groups::before { background:url('images/bg-jerusalem-skyline-800.jpg') right center no-repeat; background-size:cover; }
  .section--home-individuals .btn-inline:hover { background-color:#fff; }
  .section--home-individuals::before { background:url('images/bg-tantur-horizon-800.jpg') bottom center no-repeat #fff; background-size:cover; }
  
  /* Landing */
  .list--subpages { margin-top:3rem;}
  
  /* Programs */
  .program-item__summary { margin-bottom:0; }
  .program-item__dates { font-size:0.9rem; padding:0.75rem 1rem; background:var(--sky-blue-light);  margin:1rem 0 0.5em 0; }
  .program-item__dates strong { display:block; }
  .program-item__dates ul { list-style:none; padding:0; font-size:0.9rem; margin:0; }
  .program-item__dates li { margin:0.25em 0.5em 0.25em 0; padding:0 1em 0 0;  line-height:1.325; }
  
  .section--programs-quote.section-dark::before { background:url('images/bg-jerusalem-800.jpg') right center no-repeat; background-size:cover; left:var(--gutter-offset); right:var(--gutter-offset); }
  
  .program__title { margin-bottom:0; padding-bottom:0; }
  .btn.program__cta { align-self: flex-start; }
  .program__dates { display:block; padding:1.5rem 2rem 1.5rem 1.5rem; margin-bottom:1rem; background: var(--sky-blue-light); border-left: 0.25rem solid var(--sky-blue-dark); }
  .program__dates ul { margin:0; }
  .program__lede { margin-bottom:1rem; }
  .program__image, 
  .program__image img { width:100%;}
  
  /* Footer */
  .footer-contacts .footer-logo .site-link { text-indent:-999em; height:6rem; max-width:26rem; background:url("images/tantur_logo.svg") 50% 50% / contain no-repeat; display:block; }
  .footer-contacts .footer-logo .site-link span { position:absolute; border:0; clip:rect(0 0 0 0); height:1px; width:1px; overflow:hidden; margin:-1px; padding:0; white-space:nowrap; }
}

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

/* 768px
----------------------------------------------------*/
@media only screen and (min-width:48em) {
  /* Site Header */
  .site-header { padding-top:2.5rem; }
  
  /* Page Header */
  .page-header { --padding-top:8rem; }
    .page-header::before { background-image:url('images/hdr-tantur-stone-1200.jpg'); }
    .page-header.colored::before { background-image:url('images/hdr-tantur-stone-colored-1200.jpg'); }

  .page-image.full { max-height: 67vh; }
  .page-primary--offset { position:relative; margin-top:-8.5rem; background:#fff; padding:2rem 3rem; }
  .page-primary--offset::before { content:''; display:block; position:absolute; left:100%; right:-100vw; bottom:0; top:0; z-index:-1; background-color:inherit; }
  
  /* Sections */
  .section { margin-top:3rem; padding:3rem 0; }
  .section-title { font-size: 2.25rem; }
  .section--image-offset .section__image { margin-top:-2rem; margin-bottom:-2rem;}
  .section--image-offset .image-full-left { margin-right:0; }
  .section--image-offset .image-full-right { margin-left:0; }
  .full-width .section--image-offset { margin-left:-2rem}
  
  /* Home */
  .home .page-title { position:relative; margin-top:-3em; padding:2rem 2rem 0 0; background:#fff; max-width:calc(60% + var(--grid-gap)); }
  .home .page-title::before { content:''; display:block; position:absolute; right:100%; left:-100vw; bottom:0; top:0; z-index:-1; background-color:inherit; }
  .home-primary__body { padding-right:2rem; }
  .section--home-programs::before { background-image:url(images/home-programs-1200.jpg); }
  .section--home-groups { margin-top:4rem; }
    .section--home-groups::before { background-image:url('images/bg-jerusalem-skyline-1200.jpg'); left:0; }
    
  .section--home-individuals::before { background-image:url('images/bg-tantur-horizon-1200.jpg'); }
  
  /* Programs */
  .section--programs-quote { padding:2rem 0; }
    .section--programs-quote.section-dark::before { background-image:url('images/bg-jerusalem-1200.jpg') }

  .section--programs-apply { margin-top:5rem; margin-bottom:4rem;}
  .program__image { float:right; margin:0 0 2rem 2rem; max-width:50%; }
  .program__dates { max-width:calc(50% - 2rem); margin-bottom:2rem; }
  
  /* Footer */
  .site-footer { grid-template-columns:[screen-start] var(--gutter-width) [org-start] 1fr [org-end] var(--gutter-width)[screen-end]; }
  .footer-contacts { grid-template-columns:1fr 1fr 1fr; align-items:flex-start; }
  .footer-contacts .footer-logo { grid-column:1; grid-row:1; }
  .footer-contacts .footer-logo .site-link { margin:0; }
  .footer-contacts .contact-info { grid-column:2; grid-row:1; margin-left:2em; }
  .footer-contacts .social { grid-column:3; grid-row:1; }
  
}

/* 960px
----------------------------------------------------*/
@media only screen and (min-width:60em) {
  /* Home */
  .section--home-programs .section__links { border-left:2px solid rgba(255,255,255,0.8); margin-left:1rem; padding-left:1rem; }
}


/* 1280px
----------------------------------------------------*/
@media only screen and (min-width:80em) {
  .section { padding:4rem 0; margin-top:4rem; }
  .section--home-groups { margin-top:5rem; }
  
  /* Header */
  .page-header::before { background-image:url('images/hdr-tantur-stone-1600.jpg'); }
  .page-header.colored::before { background-image:url('images/hdr-tantur-stone-colored-1600.jpg'); }

  .subpage-item .card-image { --card-image-width:35%; }
  
  .home .page-title { padding-top:4rem; max-width:50%; }
  .home-primary__image { margin-top:-2rem; }
  .section--home-programs::before { background-image:url(images/home-programs-1600.jpg); }
  .section--programs-quote.section-dark::before { background-image:url('images/bg-jerusalem-1600.jpg') }
  
  .section--home-groups::before { background-image:url('images/bg-jerusalem-skyline-1600.jpg'); }
  
  .section--home-individuals::before { background-image:url('images/bg-tantur-horizon-1600.jpg'); }
  .program__dates {  }

  /* Footer */
  .footer-contacts { grid-template-columns:1fr 1fr 1fr 1fr; }
  .footer-contacts .contact-info { margin-left:5em; }
}

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

}

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

}

/* Print
----------------------------------------------------*/
@media print {
  .site-header span { text-transform: unset; font-family: unset; font-weight: unset; font-size: unset; line-height: unset; letter-spacing: unset; }
}