/* Arts & Letter Template over-ride
   Launched: 2019-02-22
   Author: Shawn Maust, Aaron Greene
   ----------------------------------------------------*/

/* Faculty */
.people-list { margin-right:-1rem; padding:0; list-style:none; display:flex; flex-flow:row wrap; }
.people-list-item { width:50%; padding-right:1rem; display:inline-flex; }

.people-item { width:100%; height:100%; display:block; background:#fff; padding:1rem; text-decoration:none; color: #333; }
.people-item-image { margin:-1rem -1rem 1rem; }
.people-item-name { margin:0; }
.people-item-title { margin:0; }
 
.no-js .filters-affiliations { display:none; }
.faculty-form-input { padding:1rem; width:100%; border:1px solid #ccc; }
.filters-affiliations ul { list-style:none; padding:0; margin:0; display:flex; flex-flow:row wrap; }
.filters-affiliations .filter-item { cursor:pointer; padding:0.5rem 1rem; margin:0 0.5rem 0.5rem 0; border:1px solid #ccc;  }
  .filters-affiliations .filter-item::before { content:'\2610'; display:inline-block; font-size:1.5em; margin-right:0.25em; }
.filters-affiliations .active { background:#333; color:#fff; }
  .filters-affiliations .active::before { content:'\2611 '; }  
   
@media only screen { 
  .event .vevent { padding:0; }
  .site-header { background-attachment:scroll; background-position-y:0%; }
  .site-title { background:#fff; padding:1rem; border-bottom: 0.25rem solid #dcb439; 
  }
  .site-title a { width:100%; background:url(images/reilly_logo_hp.jpg) 0 50% / contain no-repeat;  text-indent:-100vw; height:0; padding-bottom:7rem; padding-top:0; }
  .feature-title { -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
}

/* 580px
----------------------------------------------------*/
@media only screen and (min-width:36.250em) {
  .site-title a { max-width:100%; width:22rem; }
}

/* 700px
----------------------------------------------------*/
@media only screen and (min-width:43.75em) {}
  .people-list-item { width:33.3%; }
  .people-image { max-width:40%; margin-left:2rem; float:right; }
  
/* 960px
----------------------------------------------------*/
@media only screen and (min-width:60em) {}

/* 1200px
----------------------------------------------------*/
@media only screen and (min-width:75em) {
  .people-list-item { width:25%; }
}

/* Hi-res
----------------------------------------------------*/
@media
  only screen and (-webkit-min-device-pixel-ratio:1.5),
  only screen and (min-device-pixel-ratio: 1.5),
  only screen and (min-resolution:144dpi),
  only screen and (min-resolution:1.5dppx){}