.news > .date {
margin: 20px 0 10px;
font-weight: bold;
}
.news > .item {
margin: 10px 0;
}
.news > .item:before {
display: inline-block;
width: 75px;
padding: 5px 0;
margin-right: 10px;
text-align: center;
}
.news > .item[data-type="event"]:before {
content: 'EVENT';
background-color: #fdffb6;
}
.news > .item[data-type="song"]:before {
content: 'SONG';
background-color: #ffadad;
}
/*
* Citizen skin
*/
body.skin-citizen .news > .item:before {
color: hsl(206.7, 5.1%, 34.7%);
border-radius: var(--border-radius--small);
}