html {
    font-size: 14px;
}

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

* {
    /*outline: 1px solid salmon;*/
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}
/*
html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}
*/

.custom-rounded {
    border-radius: 0.5rem;
}

.list-group-horizontal.custom-rounded > .list-group-item:first-child {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}

.list-group-horizontal.custom-rounded > .list-group-item:last-child {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

.custom-max-form-width {
    max-width: 25rem;
}

.custom-large-icon {
    font-size: 3rem;
}

.custom-underline-offset {
    text-underline-offset: 0.35rem;
}

a.custom-underline-offset.custom-enabled {
    text-decoration: underline;
}

a.collapsed {
    text-decoration: none;
}

a.custom-disabled {
    pointer-events: none;
    color: lightgray;
}

:is(a.list-group-item-action, .custom-select, input, textarea).custom-disabled {
    color: dimgray;
    background-color: darkgray;
}

.fill-in-the-blank {
    display: inline-block;
    width: 5rem;
    border-bottom: 1px solid black;
    margin-bottom: -0.15rem;
}

.bg-gainsboro {
    background-color: gainsboro;
}

.hover-item {
    transition: all 0.2s;
}

    .hover-item:hover {
        padding: 0 1rem;
        background-color: whitesmoke;
        box-shadow: 0 0.2rem 0.5rem gainsboro;
    }

.list-item-link:hover {
    background-color: gainsboro;
}

/* custom select buttons - https://stackoverflow.com/a/63500543 */
.custom-select .custom-select-input {
    opacity: 0;
    position: absolute;
}

.custom-select .custom-select-box {
    width: 1rem;
    height: 1rem;
    border-radius: 0.25rem;
    border: 0.1rem solid black;
}

.custom-select .custom-select-input:checked ~ .custom-select-box {
    background-color: black;
}

.custom-select .custom-select-input:focus ~ .custom-select-box {
    outline: 0.2rem solid rgba(0, 0, 0, 0.3);
}

.custom-select.custom-disabled .custom-select-input ~ .custom-select-box {
    background-color: darkgray;
    border-color: dimgray;
}

.custom-select.custom-disabled .custom-select-input:checked ~ .custom-select-box {
    background-color: dimgray;
}
/* ------------------------------------------------------------ */