.head {
	border-bottom: 1px solid #dddddd;	
}

.eventInfo {
	font-size: 30px;
	margin-left: 15px;
	margin-bottom: 10px;
	margin-top: 10px;
	color: #9d88cd;
}

li.list-group-item-warning {
	color:black !important;	
	background-color: rgba(195, 169, 255, 0.31);
}

li.list-group-item {
	border: 1px solid #a3a3a3;
}

.layout {
  /* width: 100%;
  display: flex; */

  /* display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px; */

  display: flex;
  flex-wrap: wrap;
  grid-template-columns: repeat(3, minmax(0, 1fr)); /* Creates 3 equal columns */
  gap: 10px; /* Optional spacing between columns */
  width: 100%;
}

.columns {
  /* width: 100%;
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: 1fr;
  gap: 8px; */

   /* flex: 1; 
   padding: 15px; 
   border: 1px solid #ccc; 
   box-sizing: border-box;  */

    flex: 1 1 60px;
   	padding: 30px;
   	overflow: hidden; 
   	word-wrap: break-word;
	min-width: 360px;
}

.column img {
  width: 100%;      /* Make image span the full width of the column */
  height: auto;     /* Maintain aspect ratio */
  display: block;   /* Remove the tiny gap at the bottom of images */
}

.cell1 {
	display: flex;
    justify-content: center;
    align-items: center;
}

.cell2 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.media-section {
	border: 1px solid black;
	background-color: #ffffff;
    min-height: 190px;
    top: 0px;
    margin: 5em 0em 10px;
    padding: 5%;
	align-items: center;

	display: grid;
	grid-template-rows: 72px 20px 358px 40px 80px;
    row-gap: 5px;
    max-width: 510px;
}

.media-section .title {
	font-size: 48px;
	font-family: Open Sans;
	color: rgb(85, 85, 85);
	margin-top: 10px;
	margin-bottom: 10px;
}

.media-section .title .song {
	font-size: 38px;
	font-weight: 500;
	float: left;
    position: relative;
    width: 100%;
}

.media-section .title .type {
	font-size: 12px;
	font-weight: normal;
	margin-left: 10px;
}

.purchase-info {
    font-size: 10px;
    color: rgb(85, 85, 85);
    margin-top: 10px;
    margin-bottom: 10px;
}

.media-buttons {
    float: left;
    position: relative;
}

.media-button {
	display: inline-block;
    height: 40px;
    /* width: 154px; */
}

.spotify{
    width: 130px;
    height: 50px;
}

.album-embed {
    grid-row: span 3;
}

.embed-apple-music {
  width: 100%;
  max-width: 660px;
  height: 450px;
  overflow: hidden;
  border: none;
  display: block;
  background:transparent;
}