/* Apply the custom font to specific elements */
body { font-family: 'Equip', sans-serif; }
.heroSection { color: #fff; padding-top: 8rem; padding-bottom: 4rem; position: relative; z-index: 1; }
  .heroSection h1 { line-height: 1.6 }
  .heroSection.titleExists::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(6,34,52,1) 0%, rgba(6,34,52,0.5973739837731968) 100%); z-index: -1; opacity: 0.65 }
  .heroSection .container { max-width: 1100px }
.container { width: 100%; max-width: 1100px; margin-left: auto; margin-right: auto; }
.fc .fc-daygrid-day-top { flex-direction: inherit !important; }
.fc .fc-daygrid-day.fc-day-today { background-color: white !important; }
  .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-top { color: white; background-color: #007bff; border-radius: 50%; width: 25px; height: 25px; text-align: center; }
.fc-toolbar-chunk { display: flex !important; }
.fc .fc-toolbar > * > :first-child { display: flex !important; }
.fc .fc-toolbar-title { font-size: 18px; color: #343a40; font-weight: bold; }
.fc .fc-toolbar .fc-button { background-color: #fff; color: black; border: none; font-size: 14px; cursor: pointer; }
  .fc .fc-toolbar .fc-button:hover { background-color: #fff; }
/* Style the view switcher buttons (dayGridMonth, timeGridWeek, etc.) */
.fc .fc-button-group .fc-button { background-color: #6c757d; /* Gray background for view buttons */ color: white; /* White text color */ border: none; /* Remove the border */ border-radius: 4px; /* Rounded corners */ padding: 5px 10px; /* Padding inside the buttons */ margin: 0 5px; /* Spacing between buttons */ font-size: 14px; /* Font size for the buttons */ cursor: pointer; /* Change cursor to pointer */ }
  /* Active state for view switcher buttons */
  .fc .fc-button-group .fc-button.fc-button-active { background-color: #007bff; /* Blue background for active state */ font-weight: bold; /* Bold text for active state */ }
  /* Hover effect for view switcher buttons */
  .fc .fc-button-group .fc-button:hover { background-color: #5a6268; /* Darker gray on hover */ }
.fc-event { background-color: #FBFBFB !important; border: 0px !important; }
.fc-event-dot { background-color: #00CAFD !important; display: block; width: 10px; height: 10px; border-radius: 5px; position: relative !important; padding-right: 10px !important; }
.custom-event-content { display: flex; color: black; align-items: center; background-color: #e8eff1; }
#filterList { position: absolute; right: 0; background: white; width: 200px; border: 1px solid #ccc; padding: 10px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); z-index: 1000; }
.filter-label { display: block; margin-bottom: 8px; }
.event-details-box { position: absolute; z-index: 100; background: #fff; border: 1px solid #ccc; padding: 10px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); margin-top: 5px; color: black; top: 20px; left: 50%; transform: translateX(-10%); width: 280px; border-radius: 4px; }
  .event-details-box * { white-space: pre-wrap }
.event-details-box-date { color: #8A8A8A; font-size: 12px; margin-bottom: 5px; }
.event-details-box-title { font-size: 18px; font-weight: bold; margin-bottom: 5px; }
.fc-daygrid-event { position: relative; }
.more-events { font-size: 12px; color: #007bff; text-align: center; padding-top: 2px; border-top: 1px solid #ddd; margin-top: 5px; }
.md-chips .md-chip-input-container { display: none; }
.md-chips { cursor: default !important; box-shadow: none !important; padding: 0; }
  .md-chips .md-chip-input { display: none; }
md-chips.md-default-theme md-chip, md-chips md-chip { font-size: 14px; background-color: black; color: #fff; }
  md-chips.md-default-theme md-chip md-icon, md-chips md-chip md-icon { color: #fff; }
    md-chips.md-default-theme md-chip md-icon, md-chips md-chip md-icon svg { width: 15px; margin-left: 8px; }
.clear-all-chip { background-color: #fff; color: #000; text-decoration: underline; }
.fc-list-event-time { color: black !important; }
.fc-direction-ltr .fc-list-table .fc-list-event-graphic { display: none !important; }
.fc-daygrid-dot-event .fc-event-title { margin-left: 5px !important; }
.fc-h-event .fc-event-title { margin-left: 5px !important; }
.fc-event-title { font-weight: bold !important; margin-left: 5px; }
.custom-event-image { width: 150px; height: 100px; margin-right: 10px; }
.custom-event-details { display: flex; flex-direction: column; }
.custom-event-time { width: 75ch; /* Adjust width to fit 50 characters; 'ch' units are based on the width of the "0" character */ overflow: hidden; /* Hide any overflow */ white-space: nowrap; /* Prevent text from wrapping */ text-overflow: ellipsis; /* Add ellipsis (...) for overflowed text */ box-sizing: border-box; height: 30px; font-weight: normal !important; }
.custom-event-title { font-weight: bold; font-size: 1em; }
.fc-list-event-title { width: 100% !important; }
.fc .fc-daygrid-day.fc-day-today { background-color: #F4F4F4 !important; }
.fc-timegrid-col-events { width: 100% !important; }
.fc .fc-timegrid-axis-frame { text-transform: capitalize; }
.fc-direction-ltr .fc-list-day-side-text, .fc-direction-rtl .fc-list-day-text { float: left !important; margin-left: 5px; }
.fc-list-day-side-text { display: none !important; }
.custom-event-read-more { color: #00CAFD !important; }
.icsIcon a { margin-right: 10px; }
  .icsIcon a img { height: 22px; width: 22px; }
  .icsIcon a:last-child { margin-right: 0px; }
.fc .fc-daygrid-event { z-index: unset !important; }
td:nth-child(7) .event-details-box { left: auto; right: 30px; transform: translateX(0); }
._md-select-value > span:not(._md-select-icon) ._md-text { margin-left: 3px !important; }

footer { display: none }
/*header nav li a { color: #fff !important; }*/
.event-calendar-header { height: auto }
.event-calendar-logo { max-width: 280px; display: block }
.event-calendar-logo img { max-width: 100%; width: auto; max-height: 48px; height: 48px; display: block; object-fit:contain }
.md-chip-remove { display: block; }
  .md-chip-remove md-icon { display: block; font-size: 18px; }
.md-chips .md-chip-input-container { display: none; }
.md-chips { cursor: default !important; box-shadow: none !important; padding: 0; }
  .md-chips .md-chip-input { display: none; }
md-chips.md-default-theme md-chip, md-chips md-chip { font-size: 14px; background-color: black; color: #fff; }
  md-chips.md-default-theme md-chip md-icon, md-chips md-chip md-icon { color: #fff; }
    md-chips.md-default-theme md-chip md-icon, md-chips md-chip md-icon svg { width: 15px; margin-left: 8px; }
.clear-all-chip { background-color: #fff; color: #000; text-decoration: underline; }
.calendar a { color: #000; }
.fc-button .fc-button-primary.fc-prev-button { color: #000; background-color: #fff; border: 0; padding: 0 !important; }
.fc-button .fc-button-primary.fc-next-button { color: #000; background-color: #fff; border: 0; padding: 0 !important; margin-left: 0 !important; }
.fc-toolbar-title { font-size: 14px !important; }
.fc-toolbar-chunk { display: flex; align-items: center; }
.fc-theme-standard .fc-scrollgrid { border: 0 !important; }
.fc-scrollgrid-sync-table { border-left: 1px solid !important; }
.fc-col-header-cell { border-top: 0 !important; text-align: left !important; font-weight: lighter !important; color: #151515 !important; text-transform: uppercase !important; font-size: 12px !important; border-right: 0 !important; border-left: 0 !important; }
.fc-scrollgrid-section.fc-scrollgrid-section-header > th { border: 0 !important; }
.fc-daygrid-day { border: 1px solid #ccc !important; }
.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-top { background-color: #00CAFD !important; }
.fc .fc-daygrid-day .fc-daygrid-day-top { font-size: 14px; font-weight: 600; }
.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-top a { color: #fff !important; }
.fc .fc-button { background: #fff !important; box-shadow: none !important; }
.date-header { font-weight: bold; font-size: 18px; background-color: #f2f2f2; padding: 10px; border-radius: 5px 5px 0px 0px; border: 1px solid #ddd; }
.event { display: flex; align-items: flex-start; border: 1px solid #ddd; padding: 15px; margin-bottom: 10px; background-color: #fff; border-radius: 0px 0px 5px 5px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); }
  .event img { width: 150px; height: 100px; margin-right: 10px; }
.event-details { flex: 1; }
  .event-details h4 { margin: 0 0 5px; font-size: 16px; }
  .event-details p { margin: 0 0 10px; color: #666; font-size: 14px; }
  .event-details a { color: #007bff; text-decoration: none; }
    .event-details a:hover { text-decoration: underline; }
.event-actions { display: flex; gap: 10px; margin-top: 10px; }
  .event-actions img { width: 24px; height: 24px; }
.event-time { height: 25px; }
.tooltip { margin-left: 5px; position: relative; display: inline-block; opacity: unset !important; }
  .tooltip .tooltiptext { visibility: hidden; background-color: black; color: #fff; border-radius: 5px; padding: 5px; position: absolute; z-index: 1; bottom: 125%; left: 50%; margin-left: -60px; opacity: 0; transition: opacity 0.3s; }
  .tooltip:hover .tooltiptext { visibility: visible; opacity: 1; }
._md-select-value > span:not(._md-select-icon) { max-height: 65px; overflow-y: auto; }
td:nth-child(6) .event-details-box { left: auto; right: 0; transform: translateX(0); }
._md-select-menu-container { max-width: calc(100% - 16px); }

header { top:48px !important }
.eventCalendarHeader { top:0 !important; box-shadow:none }

@media screen and (min-width:0) and (max-width:575px) {
  .heroSection { padding: 3rem 0 !important; }
  .heroSection h1 { font-size: 2rem; }
  .event { display: block; }
  .event img { width: 100%; height: auto; margin-bottom: 15px; }
  .heroSection h1 { font-size: 2rem; }
}


.imexbar2025 { display:none !important }
.helloBarActive header { top:0!important }