/* Calculations */
:root {
    --boldr-columns-1: calc(var(--boldr-columns-width) * 1 + var(--boldr-spacers-width) * (1 - 1));
    --boldr-columns-2: calc(var(--boldr-columns-width) * 2 + var(--boldr-spacers-width) * (2 - 1));
    --boldr-columns-3: calc(var(--boldr-columns-width) * 3 + var(--boldr-spacers-width) * (3 - 1));
    --boldr-columns-4: calc(var(--boldr-columns-width) * 4 + var(--boldr-spacers-width) * (4 - 1));
    --boldr-columns-5: calc(var(--boldr-columns-width) * 5 + var(--boldr-spacers-width) * (5 - 1));
    --boldr-columns-6: calc(var(--boldr-columns-width) * 6 + var(--boldr-spacers-width) * (6 - 1));
    --boldr-columns-7: calc(var(--boldr-columns-width) * 7 + var(--boldr-spacers-width) * (7 - 1));
    --boldr-columns-8: calc(var(--boldr-columns-width) * 8 + var(--boldr-spacers-width) * (8 - 1));
    --boldr-columns-9: calc(var(--boldr-columns-width) * 9 + var(--boldr-spacers-width) * (9 - 1));
    --boldr-columns-10: calc(var(--boldr-columns-width) * 10 + var(--boldr-spacers-width) * (10 - 1));
    --boldr-columns-11: calc(var(--boldr-columns-width) * 11 + var(--boldr-spacers-width) * (11 - 1));
    --boldr-columns-12: calc(var(--boldr-columns-width) * 12 + var(--boldr-spacers-width) * (12 - 1));

    --boldr-spacers-1: calc(var(--boldr-spacers-width) * 1 + var(--boldr-columns-width) * (1 - 1));
    --boldr-spacers-2: calc(var(--boldr-spacers-width) * 2 + var(--boldr-columns-width) * (2 - 1));
    --boldr-spacers-3: calc(var(--boldr-spacers-width) * 3 + var(--boldr-columns-width) * (3 - 1));
    --boldr-spacers-4: calc(var(--boldr-spacers-width) * 4 + var(--boldr-columns-width) * (4 - 1));
    --boldr-spacers-5: calc(var(--boldr-spacers-width) * 5 + var(--boldr-columns-width) * (5 - 1));
    --boldr-spacers-6: calc(var(--boldr-spacers-width) * 6 + var(--boldr-columns-width) * (6 - 1));
    --boldr-spacers-7: calc(var(--boldr-spacers-width) * 7 + var(--boldr-columns-width) * (7 - 1));
    --boldr-spacers-8: calc(var(--boldr-spacers-width) * 8 + var(--boldr-columns-width) * (8 - 1));
    --boldr-spacers-9: calc(var(--boldr-spacers-width) * 9 + var(--boldr-columns-width) * (9 - 1));
    --boldr-spacers-10: calc(var(--boldr-spacers-width) * 10 + var(--boldr-columns-width) * (10 - 1));
    --boldr-spacers-11: calc(var(--boldr-spacers-width) * 11 + var(--boldr-columns-width) * (11 - 1));
    --boldr-spacers-12: calc(var(--boldr-spacers-width) * 12 + var(--boldr-columns-width) * (12 - 1));

    --boldr-legible-primary-color: var(--boldr-primary-color);
    --boldr-legible-highlight-color: var(--boldr-highlight-color);
}

*, *::before, *::after {
    box-sizing: border-box;
}

/* Auxiliary classes for bundles */

.boldr-text {
    font-family: var(--boldr-text-font-family);
    font-size: var(--boldr-text-font-size);
    font-style: var(--boldr-text-font-style);
    font-weight: var(--boldr-text-font-weight);
    line-height: var(--boldr-text-line-height);
    color: var(--boldr-text-color);
}

.boldr-admin-button {
    position: fixed;
    top: 0px;
    right: 20px;
    background-color: black;
    color: white;
    font-size: 12px;
    border-radius: 0px 0px 5px 5px;
    padding: 8px 20px;
    z-index: 10000;
    text-decoration: none;
}

@media screen and (max-width: 650px) {
    .boldr-admin-button {
        border-radius: 5px 5px 0px 0px;
        top: auto;
        bottom: 0;
    }
}