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

@media only screen {
   /* Full Bleed Backgrounds */ 
  .bg-full-bleed { position:relative; }
  .bg-full-bleed > * { position:relative; z-index:1; }
  .bg-full-bleed::before { content:''; z-index:0; position:absolute; top:0; bottom:0; right:-100vw; left:-100vw; display:block; background-color:inherit;}
 
  .home-callout { color:#fff; background:var(--brand-blue);}
  .home-callout h2, 
  .home-callout p { color:#fff; }
  .home-callout-body  { padding-bottom:2rem; }
  .home-callout-image { position:relative; margin:0 var(--gutter-offset); }
  .home-primary .btn { margin-left:0.75rem; margin-right:0.75rem; }
  .profile-image { max-width:20rem; }
  .profile-more { margin:2rem 0;}
  
  .page-secondary hr.no-border { margin-bottom:0; }
}

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

/* 768px
----------------------------------------------------*/
@media only screen and (min-width:48em) {
  .home-primary { background:#fff; padding:2rem; margin:-6.5rem auto 2rem; }
  .home-callout-image { margin-right:0; margin-top:-2rem; margin-bottom:-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 { grid-column:aside; grid-row:2; display:flex; flex-flow:column; align-items:center;}
  .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; padding:3rem 4rem; max-width:73rem; }
  .home-callout { margin-top:4rem; margin-bottom:4rem; grid-gap:4rem; }
  .bookshelf-list .horizontal-sm .card-image { min-width:17%; width:17%; }
}

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

}

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

}

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

/* Print
----------------------------------------------------*/
@media print {

}