/* If No event */
/* .no_upcoming_event{display:none} */
.left {float: left;}
.right {float: right;}
.monthname {width: 18em;}
.pointer {cursor: pointer;user-select: none;}
.group:after {content: "";display: table;clear: both;}
.calendar p {line-height: 1.5em;margin: 0;color: #444;}
.calendar {padding: 0;max-width: 20em;height:100%;}
ul{list-style:none}
.calendar li {float: left;width: calc(100% / 7);text-align: center;padding: .35em 0;cursor: pointer;color:#fff}
.calendar li.empty {pointer-events: none;}
.calendar li:hover {color: fff;}
.calendar li.active,
.calendar li.active:hover {background-color: red;color: #fff;}
.calendar li:nth-child(-n+6) {color: #fff;}
.center {text-align: center;}
.group.header{background-color:transparent}
.group.header p {color: #fff;}
img.white-mode-image {display: none !important;}
.white-mode img.black-mode-image {display: none !important;}
.white-mode img.white-mode-image {display: block !important;}
.tab__content div#tab-1 .upcoming_multi_card a.button_style {color: #FFFFFF;background: #009EEE;border: 0;}

@media(max-width:767px){
  .past__event .upcoming_card > div {flex: 0 0 100% !important;max-width: 100% !important;}
  .calendar__event .upcoming_multi_card_inner .calendar__view, .calendar__event .upcoming_multi_card_inner .multicard__inner, .calendar__event .upcoming_multi_card_inner .multicard__inner {flex: 0 0 100% !important;max-width: 100% !important;}   
  .calendar {max-width: 100% !important;}
  .marketing_event_mod .top__heading h1 {font-size: 35px;line-height: 45px;}
  .marketing_event_mod .top__paragraph p br {display: none;}
  .marketing_event_mod .tab__content {margin-top: 40px !important;} 
  .marketing_tab_section .tabs {overflow: scroll;justify-content: center;	flex-wrap: nowrap;gap: 0px !important;}
  .marketing_tab_section .tabs .tab {white-space: nowrap;padding: 12px !important;display: inline-block;}
  .calendar .group {padding: 0;}  
  )