/* @group Calendar view
------------------------------------ */

/* @group Calendar
------------------------------------ */
.events-container .calendarView table { width: 100%; border-collapse: separate; }
.events-container .calendarView caption { font: 700 4em / 1em var(--proxima-font); letter-spacing: .05em; text-transform: uppercase; margin: 0 auto 5.6rem; color: var(--navy-blue); position: relative; }
.events-container .calendarView caption .row { justify-content: space-between; }
.events-container .calendarView caption a { color: var(--yellow); flex: 0 1 33.3%; }
.events-container .calendarView table th { height: 4.2rem; position: relative; font-weight: 700; font-size: 2em; line-height: 1em; letter-spacing: .1em; color: var(--navy-blue); }
.events-container .calendarView table th.header { display: table-cell; margin: 0 .5rem; }
.events-container .calendarView table td.day { margin: 0 .5rem; height: 18.9rem; position: relative; border: .5rem solid var(--white); width: 14.28%; }
.events-container .calendarView table th::after,
.events-container .calendarView table td.day::after { content: ''; position: absolute; left: 0; height: .2rem; width: 100%; background: var(--navy-blue); }
.events-container .calendarView table th::after { bottom: -.75rem; }
.events-container .calendarView table td.day::after { top: 0; }
.events-container .calendarView table tr:nth-child(2) td.day::after { content: none; }

.events-container .calendarView table td.day { padding-top: 6.7rem; vertical-align: top; }
.events-container .calendarView table td.day > span { position: absolute; top: 2rem; right: 0; font-weight: 700; font-size: 1.8em; letter-spacing: .11em; color: var(--navy-blue); display: inline-block; width: 4.2rem; height: 4.2rem; border-radius: 100%; background-color: var(--white); }
.events-container .calendarView table td.day a { font-weight: 600; font-size: 1.6em; line-height: 1.68em; letter-spacing: .125; text-transform: uppercase; margin: 0 0 .75rem; position: relative; padding-left: 1.5rem; color: var(--navy-blue); display: inline-block; }
.events-container .calendarView table td.day a::before { content: '\2022'; display: inline-block; border-radius: 50%; color: var(--navy-blue); position: absolute; left: .25rem; top: 0; }
.events-container .calendarView table td.day a:hover,
.events-container .calendarView table td.day a:hover::before { color: var(--yellow); }

@media only screen
and (min-width : 961px) {
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
}