body.single-calendar aside { flex: 0 0 33%; }
body.single-calendar .flex > * > .inside { padding: 0 15px; }
body.single-calendar .flex > *:first-child > .inside { padding-left: 0; }
body.single-calendar .flex > *:last-child > .inside { padding-right: 0; }

.calendar-date-block { font-size: 50px; color: #698878; border-bottom: 1px solid #698878; margin-bottom: 20px; }
.calendar-date-block .startDate , .calendar-date-block .endDate { display: inline-block; }

.calendar-details-block .detailsRow { display: flex; flex-flow: row nowrap; padding: 10px 0; border-bottom: 1px solid #009be0; }
.calendar-details-block .detailsRow:first-child { padding-top: 0; }
.calendar-details-block .detailsRow:last-child { padding-bottom: 0; border-bottom: 0; }
.calendar-details-block .detailsRow .detailsLabel  { flex: 0 1 100px; font-weight: bold; color: #3e5567; }
.calendar-details-block .placeName , .calendar-details-block .dateTime  { font-weight: bold; }


@media screen and ( max-width: 1024px ) {
}

@media screen and ( max-width: 768px ) {
	body.single-calendar .flex { flex-flow: row wrap; }
	body.single-calendar aside { flex: 0 0 100%; }
	body.single-calendar .flex > * > .inside { padding: 0; }
}

@media screen and ( max-width: 480px ) {
}