:root {
    --darku: #212121;
    --lightu: #efefef;
    --alpha: #fbb13c;
    --bravo: #984447;
    --uranian-blue: #add9f4;
    --alpha-dark: #FA9D0A;
    --bravo-dark: #632C2E;
    --bravo-light: #B55A5D;
}

.text-muted-soft {
    color: var(--lightu) !important;
}

.text-darku {
    color: var(--darku) !important;
}

.text-alpha {
    color: var(--alpha) !important;
}

.text-charlie {
    color: var(--charlie) !important;
}

.text-bravo {
    color: var(--bravo) !important;
}

.bg-darku {
    background-color: var(--darku) !important;
    color: white;
}

.bg-lightu {
    background-color: var(--lightu) !important;
}

.bg-alpha {
    background-color: var(--alpha) !important;
}

.bg-bravo {
    background-color: var(--bravo) !important;
    color: white;
}

.bg-bravo-dark {
    background-color: var(--bravo-dark) !important;
    color: white;
}

.bg-bravo-light {
    background-color: var(--bravo-light) !important;
    color: var(--bs-dark);
}

.bg-like {
    background-color: var(--like) !important;
    color: white;
}

.btn-alpha {
    background-color: var(--alpha) !important;
    border-color: var(--alpha);
}

    .btn-alpha:hover {
        background-color: var(--alpha-dark) !important;
    }

.btn-bravo {
    background-color: var(--bravo) !important;
    border-color: var(--bravo);
    color: white !important;
}

    .btn-bravo:hover {
        background-color: var(--bravo-dark) !important;
        border-color: var(--bravo);
        color: white;
    }


.font-9 {
    font-size: 0.9rem;
}

.font-8 {
    font-size: 0.8rem;
}

.font-7 {
    font-size: 0.7rem;
}

.font-6 {
    font-size: 0.6rem;
}

.cursor-pointer {
    cursor: pointer;
}

.smooth-borders {
    border-radius: 8px;
}

.shadowed {
    box-shadow: 0 0 0 0 black;
}

.responsive-image {
    position: relative;
    height: 220px;
    width: 100%;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-color: var(--lightu) !important;
}
/*#region Overrides */
a.text-alpha {
    text-decoration: none !important;
}

    a.text-alpha:hover {
        text-decoration: underline !important;
    }
/*
.e-control, .e-anchor-wrap, .e-card {
    font-family: 'Montserrat', sans-serif !important;
}

.e-menu-parent {
    font-weight: 500 !important;
}
.e-menu-item {
    transition: .2s ease-in-out !important;
    font-size: 0.9rem;
}
.e-menu-item.e-focused {
    background: var(--alpha) !important;
    border-bottom: 1px solid var(--bravo);
}
.e-contextmenu-wrapper.e-sfcontextmenu, .e-contextmenu-container.e-sfcontextmenu{
    position: fixed!important;
}
*/
.e-carousel-navigators div button {
    background: #67676787 !important;
    box-shadow: 0 0 6px 0 black !important;
}

.e-carousel .e-carousel-indicators.e-default .e-indicator-bar.e-active .e-indicator div {
    background-color: var(--alpha) !important;
    border-color: var(--alpha) !important;
    box-shadow: 0 0 4px 0 black !important;
}
/*#endregion */