/* CSS Document */
/* Filters */

#AlphaArtist{
	background:none;
	padding:50px 0;
	display: block;
	height:fit-content;
	position:relative; 
	overflow:hidden;
}

#filters {
  text-align: center;
  color: #ccc;
  font-size: 15px;
  padding: 15px 0 0 0;
}

#filters a {
  margin-left: 5px;
  margin-right: 5px;
  text-decoration: none;
  transition: all .2s ease-out;
}

#filters a:first-child { }

#filters a:hover,
 #filters a.active { font-weight:bold;  }

/* Sortlist */

#sortlist {
  position: relative;
  display: block;
  padding: 0;
  margin: 2.5em auto;  
  transition: all .4s ease-out;
}

#sortlist li {
  position: absolute;
  width: 250px;
  height: 150px;
  display: block;
  text-align: center;
  overflow: hidden;
  transition: all 0.4s ease-out;
  font-size:12px;
  text-transform:uppercase;

}
@media (max-width: 750px) {
	
	#sortlist li {
	  width: 200px;
 	  height: 150px;
	}
}

#sortlist > li:hover { color: #AAA; }

#sortlist li:nth-child(-2n+8),
 #sortlist li:nth-child(8) ~ li:nth-child(-2n+15),
 #sortlist li:nth-child(16) ~ li:nth-child(-2n+24),
 #sortlist li:nth-child(24) ~ li:nth-child(-2n+31),
 #sortlist li:nth-child(32) ~ li:nth-child(-2n+40),
 #sortlist li:nth-child(40) ~ li:nth-child(-2n+47),
 #sortlist li:nth-child(48) ~ li:nth-child(-2n+56),
 #sortlist li:nth-child(56) ~ li:nth-child(-2n+63) { background-color: white; }

#sortlist.filtered > li {
  background-color: white;
}
#sortlist.filtered > li img{
  height:70px;	
}