/* FullCalendar v7 – Classic theme palette, IATTC colours
   IATTC palette: #283655 #2f496e #216297 #397aaf #8fc1e3 #1995ad #c3c199 #f8f1e5 #efb509
   Load AFTER skeleton.min.css and themes/classic/theme.min.css */
:root {
    /* buttons (FullCalendar's own toolbar) */
    --fc-classic-button: #216297;
    --fc-classic-button-border: #216297;
    --fc-classic-button-strong: #283655; /* active / pressed: Space Cadet */
    --fc-classic-button-strong-border: #283655;
    --fc-classic-button-outline: #8fc1e380;
    --fc-classic-button-foreground: #ffffff;
    /* primary */
    --fc-classic-primary: #216297;
    --fc-classic-primary-foreground: #ffffff;
    /* calendar content */
    --fc-classic-event: var(--fc-classic-primary);
    --fc-classic-event-contrast: var(--fc-classic-primary-foreground);
    --fc-classic-background-event: #1995ad;
    --fc-classic-background-event-opacity: 12%;
    --fc-classic-background-event-foreground-opacity: 50%;
    --fc-classic-highlight: #8fc1e340; /* selection / hover */
    --fc-classic-today: #f8f1e5; /* cream */
    --fc-classic-now: #efb509; /* yellow accent */
    --fc-classic-small-dot-width: 8px;
    --fc-classic-large-dot-width: 10px;
    /* neutral backgrounds */
    --fc-classic-background: #ffffff;
    --fc-classic-faint: #f8f1e580;
    --fc-classic-muted: #f8f1e5;
    --fc-classic-strong: #c3c19966;
    /* neutral foregrounds */
    --fc-classic-foreground: #283655; /* dark navy text */
    --fc-classic-faint-foreground: #9a9a8a;
    --fc-classic-muted-foreground: #2f496e;
    /* neutral borders */
    --fc-classic-border: #e4e3d6; /* light sage grid lines */
    --fc-classic-strong-border: #c3c199;
}

/* Typography follows the site */
#calendar {
    font-family: inherit;
    font-size: .875rem;
}

    #calendar .fc-no-docs {
        cursor: default;
    }

    #calendar a {
        text-decoration: none;
    }

    #calendar .fc-event {
        cursor: pointer;
    }

    /* Events: wrap long meeting names onto several lines */
    #calendar .iattc-event,
    #calendar .iattc-event-inner,
    #calendar .iattc-event-title {
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
        height: auto !important;
    }

    #calendar .iattc-event-inner {
        flex-wrap: wrap;
    }

    #calendar .iattc-event-title {
        line-height: 1.25;
        padding: 2px 4px;
    }

    #calendar .iattc-event {
        cursor: pointer;
        margin-bottom: 2px;
    }

    #calendar .iattc-event.fc-no-docs {
        cursor: default;
    }