#video-section {
	font-family: Tactic;
}

#video-section .list .month{
	background: grey;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}

#video-section .list .list-item .title{
	font-size: 6vw;
}

#video-section .list .list-item .title .banner-container {
	background: rgb(230, 237, 223);
}

/*************************/
/*************************/
/*DARK*/
/*************************/
/*************************/

#video-section .list .list-item.dark{
	background: rgb(0, 0, 255);
}

#video-section .list .list-item.dark .title{
	color: rgb(230, 237, 223);
}

#video-section .list .list-item.dark .title strong{
	-webkit-text-stroke: 2px rgb(230, 237, 223);
	color: transparent;
}


#video-section .list .list-item.dark .credits .autor{
	color: black;
}


#video-section .list .list-item.dark .credits .autor{
	color: black;
}


#video-section .list .list-item.dark .credits .publication-date{
	color: rgb(230, 237, 223);
}

/*************************/
/*************************/
/*LIGHT*/
/*************************/
/*************************/

#video-section .list .list-item.light{
	background: rgb(230, 237, 223);
}


#video-section .list .list-item.light .title strong{
	-webkit-text-stroke: 2px black;
	color: transparent;
}