:root {
    /* Colours,	Any colours added here should be represented in inc/setup/colours/get_theme_colours()
     * or added using the get_theme_colours filter.
     */
    --colour-white: #ffffff; /* White */
    --colour-grey1: #f7f7f7; /* Grey 1 */
    --colour-grey2: #dedede; /* Grey 2 */
    --colour-grey3: #dedede; /* Grey 3 */
    --colour-grey4: #797979; /* Grey 4 */
    --colour-grey5: #232323; /* Grey 5 */
    --colour-black: #000000; /* Black */
    --colour-red: #e4003b; /* Red */
    --colour-orange: #f49402; /* Orange */
    --colour-yellow: #fac51d; /* Yellow */
    --colour-green: #1cb083; /* Green */
    --colour-blue: #007397; /* Blue */
    --colour-blue2: #f2f7fb; /* Blue 2 */
    --colour-purple: #8f6398; /* Purple */
    --colour-pink: #ffd1db; /* Pink */
    --colour-fore: #000000;
    --colour-back: #ffffff;
    --colour-card: #ffffff;
    --colour-high: #e4003b;
    --colour-mids: #e4003b;
    --image-fore: none;
    --image-back: none;
    --head-bak-col: #e4003b;
    --head-txt-col: #ffffff;
    --head-high-col: #ffffff;
    --gradient-stop-1: #55c4a3;
    --gradient-stop-2: #41bccb;
    --agenda-title: #007397;
    --agenda-subtitle: #1cb083;
    --agenda-inverted: #ffffff;
    --agenda-hover: #e4003b;
    --colour-gradient-1: linear-gradient(135deg, var(--gradient-stop-1) 0%, var(--gradient-stop-2) 100%);
    --colour-gradient: linear-gradient(to top,
    hsl(0, 0%, 0%) 0%,
    hsla(0, 0%, 0%, 0.738) 19%,
    hsla(0, 0%, 0%, 0.541) 34%,
    hsla(0, 0%, 0%, 0.382) 47%,
    hsla(0, 0%, 0%, 0.278) 56.5%,
    hsla(0, 0%, 0%, 0.194) 65%,
    hsla(0, 0%, 0%, 0.126) 73%,
    hsla(0, 0%, 0%, 0.075) 80.2%,
    hsla(0, 0%, 0%, 0.042) 86.1%,
    hsla(0, 0%, 0%, 0.021) 91%,
    hsla(0, 0%, 0%, 0.008) 95.2%,
    hsla(0, 0%, 0%, 0.002) 98.2%,
    hsla(0, 0%, 0%, 0) 100%
    );

    /* Font sizes */
    --size-xtream: 2.650rem; /* 28px */
    --size-xxlarge: 1.750rem; /* 28px */
    --size-xlarge: 1.500rem; /*  24px */
    --size-large: 1.250rem; /*   20px */
    --size-medium: 1.000rem; /*  16px */
    --size-small: 0.875rem; /*   14px */
    --size-xsmall: 0.750rem; /*  12px */

    /* Font Stacks */
    --ff-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    --ff-icon: 'icomoon', 'centaur';
    --ff-serif: 'ff-more-web-pro', Georgia, Times, "Times New Roman", serif;
    --ff-sans1: 'proxima-nova', var(--ff-system);
    --ff-sans2: 'proxima-nova', var(--ff-system);
    --ff-sans3: "eurostile", "eurostile medium", eurostile-medium, var(--ff-system);
    --ff-serif2: 'linotype-didot-headline', serif;
    --duration: 200ms;

    /** 12 Columns & 11 gutters */
    --width-gutter: 16px;
    --width-column: 92px;
    --width-gutter-half: calc(var(--width-gutter) / 2);
    --width-01-col: calc(01 * var(--width-column) + 00 * var(--width-gutter));
    --width-02-col: calc(02 * var(--width-column) + 01 * var(--width-gutter));
    --width-03-col: calc(03 * var(--width-column) + 02 * var(--width-gutter));
    --width-04-col: calc(04 * var(--width-column) + 03 * var(--width-gutter));
    --width-05-col: calc(05 * var(--width-column) + 04 * var(--width-gutter));
    --width-06-col: calc(06 * var(--width-column) + 05 * var(--width-gutter));
    --width-07-col: calc(07 * var(--width-column) + 06 * var(--width-gutter));
    --width-08-col: calc(08 * var(--width-column) + 07 * var(--width-gutter));
    --width-09-col: calc(09 * var(--width-column) + 08 * var(--width-gutter));
    --width-10-col: calc(10 * var(--width-column) + 09 * var(--width-gutter));
    --width-11-col: calc(11 * var(--width-column) + 10 * var(--width-gutter));
    --width-12-col: calc(12 * var(--width-column) + 11 * var(--width-gutter));
}

@keyframes waitState {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}