.calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 5px;
}
.day-name, .calendar-day {
  padding: 10px;
  border: 1px solid #ccc;
  text-align: center;
}
.calendar-day.has-event {
  background-color: #e0f7fa;
  cursor: pointer;
}

#agenda-view-list{
	color:#000;
	display:flex;
	align-items: stretch;
	flex-wrap: wrap;
	text-align:left;
}

.agenda_years {
    padding: 1rem;
    flex: 0 0 50%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.agenda_years h2 {
	text-transform: uppercase;
	font-weight:bold;
}

.agenda_years h3 {
	text-transform: uppercase;
	font-weight:bold;
	font-size: 100%;
}

.agenda_years li {
    padding-bottom: 10px;
}

.agenda_years .manifestation {
	font-size: 120%;
}



.agenda_years .manifestation > span {
    font-family: "Times New Roman";
	font-weight: lighter;
    font-size: 80%;
}

#calendar-event-list {
  margin-top: 1em;
}

@media print {
  body * { visibility: hidden; }
  #agenda-calendar, #agenda-calendar * { visibility: visible; }
  #agenda-calendar { position: absolute; top: 0; left: 0; }
}

@media screen and (max-width:760px){
	.agenda_years {
		flex: 0 0 100%;
	}
}