/* --- LAYOUT/POSITIONING --- */
.flex-1 {
    flex: 1;
}

.flex-25 {
    flex-basis: 25%;
}

.flex-container {
    display: flex;
    flex-wrap: wrap;
}

    .flex-container > .flex-container {
        flex-wrap: nowrap;
        flex: 1;
    }

.mr-auto {
    margin-right: auto;
}

.mw-none {
    max-width: none !important;
}

@media (max-width: 576px) {
    .flex-container > .flex-container {
        flex-wrap: wrap;
    }
}

/* --- TEXT --- */
.text-nowrap {
    text-wrap-mode: nowrap;
}

/* --- APPEARANCE --- */
.bg-havsbla {
    background-color: var(--nv-primary-havsbla) !important;
}

.bg-skogsgron {
    background-color: var(--nv-secondary-skogsgron) !important;
}

.color-basic-mellangra {
    color: var(--nv-basic-mellangra) !important;
}

.color-misc-red {
    color: var(--nv-misc-red) !important;
}

.color-primary-bla {
    color: var(--nv-primary-bla) !important;
}

.color-primary-havsbla {
    color: var(--nv-primary-havsbla) !important;
}

.color-misc-tjarnbla {
    color: var(--nv-misc-tjarnbla) !important;
}

.color-secondary-skogsgron {
    color: var(--nv-secondary-skogsgron) !important;
}

/* --- ANIMATIONS --- */

/* Continuous loader bar - https://css-loaders.com/continuous#l1 */
.loader {
    height: 4px !important;
    background: linear-gradient(90deg, transparent 33%, var(--nv-primary-bla) 50%, transparent 66%);
    background-size: 300%;
    animation: continuous 1s infinite linear;
}

@keyframes continuous {
    0% {
        background-position: right
    }
}