html,
body {
  margin: 0;
  padding: 0;
  font-size: 16px;
}

.fc .fc-scrollgrid {
  overflow-y: hidden; /* This will remove the vertical scrollbar */
  max-height: 100%; /* Adjust the max-height as needed */
  background: white;
}

#calendar {
  /*max-width: 1200px;*/
  margin: 2.5rem auto;
}

.fc-day-today {
  background-color: white !important;
  box-shadow: inset 0 0 0 2px #003da5;
}

.fc-day-today .fc-daygrid-day-number {
  font-weight: bold !important;
  position: relative;
  color: white !important;
}
.fc-day-today .fc-daygrid-day-number:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 100px;
  background-color: #003da5;
  top: 50%;
  left: 50%;
  z-index: -1;
  margin-left: -10px;
  margin-top: -10px;
}

.fc-daygrid-day-top {
  padding: 7px;
}

/* Dropdown button styles */
.fc-header-toolbar .dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

/* Dropdown link styles */
.fc-header-toolbar .dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Show the dropdown menu */
.show {
  display: block !important;
}

/* Position the dropdown content below the button */
.fc-header-toolbar .dropdown-content {
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1000; /* high z-index to ensure it's on top */
  display: none; /* hidden by default */
  left: 0;
  right: 0;
}

/* Assuming the button is within a container with the 'fc-header-toolbar' class */
.fc-header-toolbar {
  position: relative; /* This allows absolute positioning within the container */
}
.subscribe-button-container {
  position: relative;
  display: inline-block;
}

.fc .fc-button {
  padding: 0.65em 0.95em;
  border-radius: 6px !important;
}
.fc .fc-myYearView-button {
  border-radius: 6px 0 0 6px !important;
}
.fc .fc-myMonthView-button {
  border-radius: 0 !important;
}
.fc .fc-myListWeek-button {
  border-radius: 0 6px 6px 0 !important;
}
.fc-myYearView-button,
.fc-myMonthView-button,
.fc-myListWeek-button {
  background-color: #ebf2ff !important;
  border: none !important;
  border-right: 0 !important;
  color: var(--navy-blue, #002e5d) !important;
  font-weight: bold !important;
  padding: 0.6em 1.5em !important;
  height: 48px !important;
  line-height: 1.5 !important;
}
.fc-myYearView-button:hover,
.fc-myMonthView-button:hover,
.fc-myListWeek-button:hover {
  background-color: #d9e6ff !important;
}

.fc-myYearView-button.active,
.fc-myMonthView-button.active,
.fc-myListWeek-button.active {
  background-color: white !important;
  border-radius: 0.375rem !important;
  box-shadow: 0 0 0 2px var(--navy-blue, #002e5d) !important;
  z-index: 30;
}

.fc-view {
  border: 0 !important;
}
.fc-next-button,
.fc-prev-button,
.fc-today-button {
  font-weight: bold !important;
  border: 0 !important;
  color: var(--navy-blue, #002e5d) !important;
  background-color: var(--royal-10, #ebf2ff) !important;
  height: 48px !important;
  line-height: 1.5 !important;
}

.fc-next-button:hover,
.fc-prev-button:hover,
.fc-today-button:hover {
  background-color: var(--royal-20, #d9e6ff) !important;
}

.fc-direction-ltr .fc-button-group > .fc-button:not(:first-child) {
  border-top-right-radius: 0.375rem !important;
  border-bottom-right-radius: 0.375rem !important;
}

.fc .fc-today-button:disabled {
  pointer-events: none;
}

.fc .fc-next-button {
  border-radius: 0 6px 6px 0 !important;
}
.fc .fc-prev-button {
  border-radius: 6px 0 0 6px !important;
}

.fc-header-toolbar.fc-toolbar.fc-toolbar-ltr {
  margin-bottom: 1.5rem;
  padding: 0 1.2rem;
}

.fc-multiMonthYear-view.fc-view.fc-multimonth.fc-multimonth-multicol.fc-multimonth-compact {
  margin: 0 -20px;
}

.fc-multimonth-title {
  background-color: #e8e8ea;
  border-radius: 6px 6px 0px 0px;
  padding: 12px 0px;
}

.fc .fc-multimonth-title {
  font-size: 18px;
}

@media (max-width: 768px) {
  .fc-toolbar-chunk {
    margin-bottom: 16px;
    width: 100%;
    text-align: center;
  }

  .fc-header-toolbar.fc-toolbar {
    display: flex;
    flex-direction: column;
  }

  .fc-header-toolbar .fc-toolbar-chunk {
    order: 2; /* Default order for all chunks */
  }

  .fc-header-toolbar .fc-toolbar-chunk:nth-child(2) {
    order: 1; /* Make the second chunk appear first */
  }
}

.first-last-day {
  background-color: #f9dede;
}

.fc-event {
  order: 0;
  background-color: #008055;
  padding: 8px;
  margin: 0 8px;
  color: white;
}
.fc-daygrid-dot-event:hover {
  background-color: #006141;
}
.fc-event .fc-event-main {
  display: none;
}

.fc-daygrid-more-link {
  display: none !important;
}
.fc-daygrid-event-harness {
  visibility: visible !important;
  margin-top: -8px;
  margin-right: 4px;
  margin-left: 4px;
}
.fc-daygrid-event-harness .fc-event {
  padding: 6px;
}
.fc-multimonth .fc-daygrid-dot-event {
  text-indent: -9999px;
  height: 1px;
}
.fc-dayGridMonth-view .fc-daygrid-dot-event {
  text-wrap: inherit;
}
.fc-multimonth .fc-daygrid-day-top {
  padding: 7px 7px 4px;
}

.region-content-bottom {
  padding-top: 4rem;
  padding-bottom: 4rem;
  background-color: var(--royal-10, #ebf2ff);
}

@media (min-width: 768px) {
  .region-content-bottom {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}

.region-content-bottom .block-byu-events-block {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
@media (min-width: 1024px) {
  .region-content-bottom .block-byu-events-block {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
    max-width: 1280px;
    margin: 0 auto;
  }
}