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

/* @group Calendar
------------------------------------ */
.events-container .calendarView article {
    margin-bottom: 4.5rem; 
    margin-top: 4rem;
}
.events-container .calendarView table { 
    width: 100%; 
    border-collapse: separate; 
}
.events-container .calendarView caption { 
    text-transform: uppercase; 
    font-weight: var(--font-weight-bold);
    font-size: 4.5rem;
    line-height: 1em;
    letter-spacing: .07em;
    margin: 0 auto 7rem; 
    position: relative; 
    color: var(--orange);
}
.events-container .calendarView caption a { 
    margin: 0 10rem; 
    color: var(--alt-orange); 
    opacity: .5;
}
.events-container .calendarView table th { 
    height: 5rem; 
    position: relative; 
}
.events-container .calendarView table th.header { 
    display: table-cell; 
    border: 1px solid var(--white);
}
.events-container .calendarView table td.day { 
    margin: 0 .5rem; 
    height: 18.9rem; 
    position: relative; 
    width: 14.28%; 
    border: 1px solid var(--white);
}
.events-container .calendarView table th::after,
.events-container .calendarView table td.day::after { 
    content: ''; 
    position: absolute; 
    left: 0; 
    height: 2px; 
    width: 100%; 
    background: var(--alt-orange); 
}
.events-container .calendarView table th::after { 
    bottom: -0.5px; 
}
.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 th,
.events-container .calendarView table td.day > span { 
    color: var(--alt-orange);
    font-size: 2.2rem;
    line-height: 1.08em;
    letter-spacing: .12em;
    font-weight: var(--font-weight-regular);
}
.events-container .calendarView table th {
    font-size: 1.8rem;
    letter-spacing: .12em;
}
.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; 
}
.events-container .calendarView table td.day :is(a, p) { 
    position: relative; 
    padding-left: 1.5rem; 
    color: var(--blue); 
    text-transform: uppercase;
    font-size: 1.6rem;
    line-height: 1.2em;
    letter-spacing: .1em;
    display: inline-block; 
    margin: 0 0 1.3rem;
}
.events-container .calendarView table td.day :is(a, p)::before { 
    content: '\2022'; 
    display: inline-block; 
    border-radius: 50%; 
    color: var(--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(--alt-orange); 
}

@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) {
}