.dry-calendar {
  &__day-header {
    background-color: #fff;
  }
}

.fc-toolbar-chunk {
  button {
    padding: 12px 20px !important;
    border-radius: 8px !important;
    border: 1px solid var(--Primary-600, #002b7a) !important;
    background: var(--Primary-600, #002b7a) !important;

    /* Shadow/xs */
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05) !important;

    display: flex;
    padding: 8px;
    justify-content: center;
    align-items: center;
    gap: 8px;
  }
  .fc-prev-button,
  .fc-next-button,
  .fc-today-button {
    border: unset;
    background-color: unset !important;
    color: #000 !important;
    border-color: unset;
  }
  .fc-today-button {
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    text-transform: capitalize;
  }
  .fc-prev-button,
  .fc-next-button,
  .fc-today-button {
    border: unset;
    background-color: unset !important;
    color: #000 !important;
    border-color: unset;
  }
  .fc-prev-button:hover,
  .fc-next-button:hover,
  .fc-today-button:hover,
  .fc-prev-button:focus,
  .fc-next-button:focus,
  .fc-today-button:focus,
  .fc-prev-button:active,
  .fc-next-button:active,
  .fc-today-button:active {
    border: unset !important;
    border-color: unset !important;
    color: #000 !important;
    box-shadow: unset !important;
  }
}

// ========================================
// Media Queries
// ========================================
// Adjusting desktop screens
@media (min-width: 1024px) {
}
// Adjusting  for tablet screens (between small tablets and desktops)
@media (max-width: 1023px) {
}
// Adjusting for smaller screens (small tablets and mobiles)
@media (max-width: 768px) {
}
// Adjusting  for smaller screens (mobiles)
@media (max-width: 480px) {
  .fc-header-toolbar {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
}