@charset "utf-8";
/* CSS Document */
#MOM_container{
	display: flex;
	flex-direction: row;
	flex-wrap:wrap;
	align-items: space-around;
	padding-top: 5px;
	padding-bottom: 10px;
	border: solid 1px #011526;
	border-radius: 5px;
	background-color:#F1F2D8;
	width: 100%;
}

#MOM_current{
	flex-grow: 8;
	padding-left: 5px;
	padding-right: 5px;
}

#MOM_archive{
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 5px;
	padding-bottom: 5px;
	border: solid 1px #011526;
	border-radius: 5px;
	background-color:#F1F2D8;
}

iframe{
	width:100%;
}

#archive{
	display: flex;
	flex-direction: column;
	align-self:center;
	align-items: center;
	margin-right: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	border: solid 1px #011526;
	border-radius: 5px;
	background-color:#F1F2D8;
}



/*QUEUE*/
.queue{
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	align-content: center;
	padding-top: 5px;
	padding-bottom: 5px;
	border: solid 1px #011526;
	border-radius: 5px;
	background-color:#F1F2D8;
}

.s_queue{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	align-content: center;
	padding-top: 0px;
	padding-bottom: 0px;
	border: none;
	background-color:#F1F2D8;	
}

.h_queue{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	align-content: center;
	padding-top: 0px;
	padding-bottom: 0px;
	border: none;
	background-color:#F1F2D8;
}

.qvid{
	flex-basis: 300px!important;
}

#q_more {
	display: none;
}

#a_more{
	display: none;
}

button {
  padding: 10px 15px;
  text-align: center;
  display: inline-block;
  font-size: 10px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
}

button {
	background-color: transparent; 
	color: black; 
	border: 2px solid #E1F25C;
	border-radius: 5px;
}

button:hover {
  background-color: #ff0000;
  color: white;
}




@media (max-width: 525px){
	

#MOM_container{
	flex-flow: column nowrap;
	align-items: center;
	justify-content: center;
	align-content: center;
}
	
#MOM_current{
	width: 100%;
}

#archive{
	display: none;
	margin:0px;
	padding-bottom:10px;
	color:#9BD1E5;
  	position: absolute;
  	background-color: #E1F25C;
  	min-width: 160px;
  	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  	padding: 12px 16px;
  	z-index: 1;
}
	
#archive div{
	display: flex;
	flex-direction: column;
	height: 15px;
}	
	
.dropdown:hover #archive{
	display:block;
}		
	
.queue{
	display: flex;
	flex-flow: column nowrap;
}	
		
}