/* Events Widgets */
.calEventBox { width: calc((100% / 7) - 2px); font-size: 14px; line-height: 20px; border: 1px solid #FFFFFF; }
.calMenu .calEventBox { width: 20%; }
.calMenu .calEventBox.box0, .calMenu .calEventBox.box6 { display: none; }
.calEventBox:hover { background: #F6F6F6; border: 1px solid #CC2027; }
.calDate { display: block; border-bottom: 1px solid #EEEEEE; font-weight: 700; margin: 0 5px; padding: 5px 4px; font-size: 15px; line-height: 21px; }
.calEvents { padding: 0 0 10px; min-height: 100px; }
.widgetEvent { display: block; margin: 10px 9px 0; overflow-wrap: break-word; }
.widgetEvent a { color: #000000; text-decoration: none; font-weight: 700; font-size: 15px; line-height: 21px; }

.headerBox, .headerBox:hover { background: #CC2027; color: #FFFFFF; font-weight: 700; padding: 5px; border: 0; margin: 0 0 1px; }
.calRow { display:flex; border-spacing: 1px; }
#calendarHeader h2 { float: left; }
.nextMonth { float: right; line-height: 31px; margin: 17px 0 0; width: 300px; text-align: right; }
.nextMonth a, #calendarFooter a { text-decoration: none; }
.lastMonth { float: left; line-height: 22px; margin: 0; width: 150px; }
.printMonth { float: left; width: calc(100% - 300px); text-align: center; }
#calendarFooter { width: 100%; margin: 17px 0; padding: 17px 0 0; border-top: 1px solid #EEEEEE; }
#calendarFooter .nextMonth { margin: 0; line-height: 22px; }

.fancybox-slide iframe { width: 100%; display: block; margin-top: 20px; border: 0; }
.event-overlay { width: 600px; max-width: 100%; }
.widgetEvent a:hover { text-decoration: underline; }

@media screen and (max-width: 1120px) {
    .calRow { display: block; width: 100%; border-spacing: 0; }
    .calEventBox { width: calc(100% - 10px); display: block; margin-bottom: 10px; }
    .calEvents { min-height: 0; }
    .headerBox, .emptyBox { display: none !important; }
}