.WaGadgetEvents.WaGadgetEventsStateCalendar .EventListCalendar td>div {background-color: #0f3d8c;}

.WaGadgetEvents.WaGadgetEventsStateCalendar .EventListCalendar td>div.eventContainerHover {
  background-color: #0e2647 !important;
}

.EventListCalendarHeader {
  color: #ffffff !important;   /* Make font white */
  font-weight: 600;            /* Optional: make it stand out */
  text-transform: uppercase;   /* Optional: styled look */
}
/* Ensure child elements (like links or spans) also appear white */
.EventListCalendarHeader a,
.EventListCalendarHeader span {
  color: #ffffff !important;
}
#FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_calendar
a:not(.calendarDate):not(.yearViewHeader) {
  color: #ffffff !important;   /* white text */
}

/* Hover/focus font color for event titles */
#FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_calendar
a:not(.calendarDate):not(.yearViewHeader):hover,
#FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_calendar
a:not(.calendarDate):not(.yearViewHeader):focus {
  color: #ffffff !important;   /* keep white text on hover too */
}

.eventHover, .eventContainerHover, #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_calendar a:not(.calendarDate):not(.yearViewHeader):hover, #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_calendar a:not(.calendarDate):not(.yearViewHeader):focus { background-color: #0e2647 !important; /* deep blue instead of orange */ }


#FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_calendar
td.EventListCalendarItemInactive > div:has(.eventContainerHover) {
  background-color: #0e2647 !important;
}

/* Header login widget */
.loginBoxLinkButton {
  background-color: #ffffff !important;
  color: #0e2647 !important;
  text-decoration: underline;
}

/* Hover/focus: change font color to #0f3d8c */
.loginBoxLinkButton:hover,
.loginBoxLinkButton:focus {
  color: #0f3d8c !important;
  text-decoration: underline; /* keep underline on hover */
  font-weight: 1000;  
}

/* Hide specific header elements on phones */
@media (max-width: 768px) {

  /* Header menu (content gadget with the nav links) */
  #id_Jp6v7zl {               /* "WaGadgetContent" in header with Home/About/Events links */
    display: none !important;
  }

  /* Social icons block (right side of header) */
  #id_HcvRRlG {               /* content gadget wrapping FB/IG/LinkedIn icons */
    display: none !important;
  }

/* Block desktop header background */
   #id_iH3wLnW {               
    display: none !important;
  }

  /* Login bar / profile links (top-right gadget) */
  #id_qaISEe5,                /* WaGadgetLoginButton instance */
  .WaGadgetLoginButton {
    display: none !important;
  }

  /* Breadcrumbs under the header */
  .WaGadgetBreadcrumbs {
    display: none !important;
  }
}


