/* University Template over-ride
   Launched: 2020-01-31
   Author: Shawn Maust, Aaron Greene
           Notre Dame Web Team
   ----------------------------------------------------*/

@media only screen {
  iframe[src*="vimeo.com"],iframe[src*="youtube-nocookie.com"],iframe[src*="youtube.com"] { height:auto; } /* for responsive videos using aspect ratio */
  
   /* Full Bleed Backgrounds */
  .bg-full-bleed,.bg-full-bleed>* { position:relative; }
  .bg-full-bleed>* { z-index:1; }
  .bg-full-bleed:before { background-color:inherit; bottom:0; content:""; display:block; left:-100vw; position:absolute; right:-100vw; top:0; z-index:0;}
 
  .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;}
  
  .page-secondary hr.no-border { margin-bottom:0; }
}

/* 480px
----------------------------------------------------*/

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

@media only screen and (min-width:48em) {
  .home-primary { background:#fff; margin:-6.5rem auto 2rem; padding:2rem; }
  .home-callout-image { margin-bottom:-2rem; margin-right:0; margin-top:-2rem; }
  .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;}
  .profile-contact { margin:0 auto;}
  
  .footer-contacts .social { min-width: 6rem; }
}

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

@media only screen and (min-width:60em) {
  .home .page-main:before { left:var(--gutter-offset); right:var(--gutter-offset); }
  .home-primary { margin-top:-9.5rem; max-width:73rem; padding:3rem 4rem; }
  .home-callout { grid-gap:4rem; margin-bottom:4rem; margin-top:4rem; }
  .bookshelf-list .horizontal-sm .card-image { min-width:17%; width:17%; }
}

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

/* 1600px
----------------------------------------------------*/

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

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

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