:root
{
    --bs-font-sans-serif: "Noto Sans", "Segoe UI", Roboto, system-ui, -apple-system, "Helvetica Neue", Arial, "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

html
{
    font-size: 14px;
}

@media (min-width: 768px)
{
    html
    {
        font-size: 16px;
    }
}

html
{
    position: relative;
    min-height: 100%;
}

i
{
	font-family: FontAwesome
}

.overrides
{
	max-width: calc(100% - 5vw);
	margin: 0 0 0 5vw;
}

    .overrides .nav-link
    {
        margin-left: calc(0.75rem + 0.25vw);
        margin-right: calc(0.75rem + 0.25vw);
        font-family: "Segoe UI", sans-serif;
        font-size: calc(1.25rem + 0.25vw);
        font-weight: 500;
        color: rgba(0, 0, 0, 0.8);
    }

    .overrides .nav-link:hover
    {
        color: rgba(0, 0, 0, 1);
    }

    .overrides .navbar-brand
    {
        margin-right: calc(2rem + 0.75vw);
        font-family: "Segoe UI", sans-serif;
        font-size: calc(2.25rem + 0.25vw);
        font-weight: 700;
    }

    .overrides .dropdown-item
    {
        color: black;
        background-color: white;
    }

.btn-none
{
    --bs-btn-color: rgba(0, 0, 0, 0.8);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: rgba(0, 0, 0, 1);
    --bs-btn-hover-bg: transparent;
    --bs-btn-active-color: rgba(0, 0, 0, 1);
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: transparent;
    --bs-btn-font-family: "Segoe UI", sans-serif;
    --bs-btn-font-size: calc(1.25rem + 0.25vw);
    font-weight: 500;
}

.btn-group-no-flex
{
    position: relative;
    vertical-align: middle
}