a {
    text-decoration: none;
    color: var(--c-a);
}

.overflow-x-auto {
    overflow-x: auto !important;
}

/* text --------------------------------------- */
.text-decoration-none {
    text-decoration: none !important;
}

.text-justify {
    text-align: justify;
}

/* font --------------------------------------- */
.font-default {
    font-family: var(--bs-body-font-family);
}

.font-remarkable {
    font-family: RocknRollOne;
}

.fw-600 {
    font-weight: 600 !important;
}

.fs-8 {
    font-size: .8rem !important;
}

.fs-9 {
    font-size: .9rem !important;
}

.fs-11 {
    font-size: 1.1rem !important;
}

.fs-14 {
    font-size: 1.4rem !important;
}

/* colors --------------------------------------- */
.c-default, .c-default-link {
    color: var(--c-default);
}

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

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

.c-light {
    color: var(--c-light) !important;
}

.c-blue {
    color: var(--c-blue) !important;
}

.c-orange {
    color: var(--bs-orange) !important;
}

.c-dark {
    color: var(--c-dark) !important;
}

/* cursor --------------------------------------- */

.crs-default {
    cursor: default !important;
}

.crs-pointer {
    cursor: pointer !important;
}

/* other --------------------------------------- */

.separator-bottom {
    border-bottom: 1px solid var(--br-separator);
}

.separator2-bottom {
    border-bottom: 2px solid var(--br-separator);
}

/* width --------------------------------------- */

.w-fit {
    width: fit-content;
}

.mw-250 {
    max-width: 250px;
    width: 100%;
}

.mw-300 {
    max-width: 300px;
    width: 100%;
}

.mw-350 {
    max-width: 350px;
    width: 100%;
}

.mw-500 {
    max-width: 500px;
    width: 100%;
}

.mw-600 {
    max-width: 600px;
    width: 100%;
}

.mw-800 {
    max-width: 800px;
    width: 100%;
}

.mw-900 {
    max-width: 900px !important;
    width: 100% !important;
}

.mw-950 {
    max-width: 950px !important;
    width: 100% !important;
}

.mw-1000 {
    max-width: 1000px !important;
    width: 100% !important;
}

.mw-1075 {
    max-width: 1075px !important;
    width: 100% !important;
}

.mw-1500 {
    max-width: 1500px !important;
    width: 100% !important;
}

@media(hover: hover) and (pointer: fine) {
    .c-default-link:hover {
        color: var(--c-a);
    }

    a:hover,
    .c-default-link:active {
        color: var(--c-a-hover);
    }

    a:active {
        color: var(--c-a-active);
    }
}