/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  font-family: Raleway;
  font-weight: bold;
  background-color: inherit;
  cursor: pointer;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s; 
}

.dark{
	color: #424040;
}

.light{
	color: #e5e5e5;
}

.accordion .film-desc{	
	font-size: calc(14px + (18 - 14) * ((100vw - 400px) / (1920 - 400)));
}

.selected-accordion{	
   background-color: #0B0B0B;
   color: white;
}

.selected-accordion #accordian-title{	
   color: white;
}

.accordion #accordian-title:before{	
	content: "Show";
}

.selected-accordion #accordian-title:before{	
	content: "Hide";
}

.accordion #accordian-title:after{	
  	margin-left: 8px;
	content: "+";
}

.selected-accordion #accordian-title:after{	
  	margin-left: 8px;
	content: '-';
}

.accordion:hover {
  color: white;
  background-color: #0B0B0B;
}


/* Style the accordion panel. Note: hidden by default */
.panel {
  background-color: #0B0B0B;
  padding: 0 18px;
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.2s ease-out;
}