.calEventBox { width: calc((100% / 7) - 10px); padding: 5px; background: #FFF; font-size: 12px; line-height: 19px; }
.calMenu .calEventBox { width: 20%; }
.calEventBox.box0 { margin-left: 0; }
.calMenu .calEventBox.box0, .calMenu .calEventBox.box6 { display: none; }
.calEventBox:hover { background: #F6F6F6; padding: 4px; border: 1px solid #2E368F; }

.calDate { display: block; border-bottom: 1px solid #D2D4D6; font-weight: 700; }
.calEvents { min-height: 100px; }
.calDivider { clear: both; height: 20px; }
.headerBox, .headerBox:hover { background: #2E368F; color: #FFF; font-weight: 700; padding: 5px; border: 0; }
.emptyBox, .emptyBox:hover { background: #D2D4D6; padding: 5px; border: 0; }
.calRow { display:flex; border-spacing: 1px; }
#calendarHeader h2 { float: left; }
#calendarHeader a.button { float: left; margin: -3px 0 0 10px; }
.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 #D2D4D6; }
#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%; }

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

@media print { 
  .headerBox { background: #D2D4D6; color: #000000; }
  .headerContainer { background: #FFFFFF; }
  .headerNavigation, .alert, .pageHeaderContainer, .contentRightContainer, footer, .pageIntro, #calendarFooter, #calendarHeader a { display: none; }
  .contentLeft { width: calc(100% - 40px); margin: 20px; padding: 0; }
  .headerLogo { margin-top: 5px; }
  h2, h3 { display: none; }
  #calendarHeader h2 { display: block; text-align: center; width: 100%; margin-bottom: 10px; }
}