@charset "utf-8";
/* PLAYLIST PAGE */



.play-section {
	height: 100%;
	padding-bottom: 20px;}


.most-played {padding-bottom: 25px;}


small {
    font-family: open sans;
    font-size: 1rem;
    font-style: normal;
    font-weight: normal;
}


#wrapper .lightcontainer .maincontent .play-section .most-played h3 {
    font-weight: bold;
    color: #d14949;
    font-size: 1.2rem;
    font-family: Roboto, "Roboto Slab";
}

#wrapper .lightcontainer .maincontent .play-section .events .event h4 {
    font-weight: bold;
    font-size: 1rem;
    font-family: Roboto, "Roboto Slab";
}

#wrapper .emptycontainer .maincontent h3.years {
	text-align: center;
	word-spacing: 20pt;
}

	.soon {
	color: #9966FF;
	font-style: normal;
	font-weight: bold;
}

/* PLAY SECTION */

.play-section h2 {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-gap: 1rem; }

.play-section h2::before {
  content: "";
  border-bottom: 1px solid #d14949;
  align-self: center; }

.play-section h2::after {
  content: "";
  border-bottom: 1px solid #d14949;
  align-self: center; }

/* Events Grid */

.events {
	display: grid;
	grid-gap: 10px;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.event {
	padding: 10px;
	border: 1px solid white;
	text-align: left;
	box-shadow: 0 0 4px  rgba(0,0,0,0.1);
	background-color: none;
}

.event .icon {
  font-size: 50px;
}
.event p {
    color: #333;
    line-height: 1.1;
    font-size: 1.1rem;
}

.events:nth-child(4) {
  flex-basis: 300px;
}

/* End of Events Grid */




/*  MEDIA  ============================================================================= */
/* Portrait phones and smaller */
@media (max-width: 480px) {


}



	@media
	  only screen 
    and (max-width: 760px), (min-device-width: 768px) 
    and (max-device-width: 1024px)  {