/* University Template over-ride
   Launched: 2020-10-16 
   Author: Shawn Maust, Notre Dame Web Team
   ----------------------------------------------------*/

@media only screen {
  .site-title a { display:block; height:6rem; margin:0 0.7em 0.5rem; border:none; color:#0c2340; text-decoration:none; text-indent:-99999px; background:url(images/ils_logo.svg) top left / contain no-repeat; }
  
   /* 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;}
 
  .page-header::before { background-image:url(images/c-bg-textiles-960.jpg); }

  .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); }
  
   
  .profile-image { max-width:20rem; }
  .profile-more { margin:2rem 0;} 
  
  .no-js .faculty-filter { display:none; }
  .department-filter-list { list-style:none; padding:0; margin:0; display:flex; flex-flow:row wrap; }
  .department-filter-list li { margin:0 0.5rem 0.5rem 0; }
  .department-filter-list label { padding:0.5rem 1rem 0.5rem 0.75rem; width:100%; border:1px solid #ccc; cursor:pointer; display:flex; align-items:center; }
  .department-filter-list .active { background:var(--sky-blue); }
  .department-filter-item { margin:0 0.25rem 0 0; vertical-align:middle;}
  .bookshelf-search__input { padding:0.5em; width:100%; }
      
}

/* 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; }
  .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;}
  .bookshelf-search__input { width:30em; margin-right:0.5em; }
}

/* 960px
----------------------------------------------------*/
@media only screen and (min-width:60em) {
  .site-title a { height:7rem; }
  .page-header::before { background-image:url(images/c-bg-textiles-1440.jpg); }
  .nav-top-true .page-header:before { min-height:30vh; }
  .page-main { margin-top: calc(30vh - 8rem); }
  .home .page-main { margin-top:0; }
  .nav-top-true .page-sidebar { margin-top: 30vh; }
  
  .nav-top .btn-search { padding-top:1.375rem; padding-bottom:1.375rem;}
  .home .page-main::before { left:var(--gutter-offset); right:var(--gutter-offset); }
  .home-primary { margin-top:-9.5rem; padding:3rem 4rem 0; max-width:73rem; }
  .home-callout { margin-top:4rem; margin-bottom:4rem; grid-gap:4rem; }
  .home-callout-image { margin-right:0; margin-top:-2rem; margin-bottom:-2rem; }
  .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) {
  .page-header::before { background-image:url(images/c-bg-textiles-1920.jpg); }

}

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

/* Print
----------------------------------------------------*/
@media print {
  .faculty-filter { display:none; }
}