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

@media only screen {
  .site-title {font-size:1.8rem;}
  
  .home-callout { background:var(--brand-blue); color:#fff;}
  .home-callout h2,.home-callout p { color:#fff; }
  .home-callout-body  { padding-bottom:2rem; }
  .home-callout-image { margin:0 var(--gutter-offset); position:relative; }
  .home-primary .btn { margin-left:.75rem; margin-right:.75rem; }
  
  .profile-image { max-width:20rem; }
  .profile-more { margin:2rem 0;}
  
  .long-title { font-size:1.625rem; margin-bottom:.5em }
  .long-title:after { content:none; }
  
  .section-title:after { background:var(--brand-gold); content:""; display:block; height:4px; margin:.75rem 0 1.875rem; width:50px; }
  .section-title.text-center:after { display:none; }
  
  .external-link:after { background-size:.7em; }
  
  .embed-outer { clear:right; }
}

/* 768px
----------------------------------------------------*/

@media only screen and (min-width:48em) {
  .site-title {font-size:2.5rem;}
  .home-primary { background:#fff; margin:-6rem auto 2rem; padding:2rem; }
  .home-callout-image { margin-bottom:-2rem; margin-right:0; margin-top:-2rem; }
  .home-callout-body { padding-top:2em; }
  .home-callout-body h2 { padding-top:0; }
  .profile-grid {  grid-template-columns:[main-start] 2fr [main-end aside-start] 1fr [aside-end]; grid-template-rows:auto 1fr; } 
  .profile-image { grid-column:aside; grid-row:1; margin:0 auto;}
  .profile-body { grid-column:main; grid-row:span 2;}
  .profile-aside { align-items:center; display:flex; flex-flow:column; grid-column:aside; grid-row:2;}
  .long-title { font-size:1.75rem; }
}

/* 960px
----------------------------------------------------*/

@media only screen and (min-width:60em) {
  .home .page-image.full { aspect-ratio:2/1; max-height:none; }
  
  .home .page-main:before { left:var(--gutter-offset); right:var(--gutter-offset); }
  .home-primary { margin-top:-7.5rem; max-width:73rem; padding:3rem 4rem; }
  .home-callout { margin-bottom:4rem; margin-top:4rem; grid-gap:4rem; }
  
  .home-news { margin-top:5.5rem; }
  
  .section-title:after { height:4px; margin-left:-.75rem; margin-top:1.125rem; width:70px }
}

/* 1280px
----------------------------------------------------*/

@media only screen and (min-width:80em) {
  .long-title { font-size:2.125rem; }
}

/* 1920px
----------------------------------------------------*/

@media only screen and (min-width:120em) {
  .home-callout-image { margin-left:-6rem; }
}

/* Print
----------------------------------------------------*/