html {
    font-size: 14px;
}

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

.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%;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
    color: var(--bs-secondary-color);
    text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
    text-align: start;
}

#editor-container {
    height: 800px;
}

.btn-primary, .btn-primary:hover {
    background-color: #C01E25;
    border-color: #C01E25;
}

.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
    background-color: #C01E25;
    border-color: #C01E25;
}

a, .nav-link, .nav-link:hover {
    color: #C01E25;
}

.nav-item .nav-link {
    color: #343a40;
}

.bg-primary-dark-op {
    background-color: rgba(0, 0, 0, .50) !important;
}

.form-check-input:checked {
    background-color: #C01E25;
    border-color: #C01E25;
}

.bg-header-dark {
    background-color: #C01E25 !important;
}

#page-container.page-header-fixed #main-container {
    padding-top: 0;
}

.nav-tabs-alt .nav-item.show .nav-link, .nav-tabs-alt .nav-link.active {
    box-shadow: inset 0 -3px #C01E25;
}

.nav-tabs-alt .nav-link:focus, .nav-tabs-alt .nav-link:hover {
    color: #343a40;
    box-shadow: inset 0 -3px #C01E25;
}