:root {
    --unk-blue: rgb(0, 77, 134);
    --unk-blue_50: #004d8680;
    --unk-blue_80: #004c86cc;
    --unk-gold: #ce8901;
    --unk-grey: #231f20;
    --unk-grey_50: #231f2080;
    /* --bs-secondary-rgb: var(--unk-grey); */
    /* --bs-secondary-rgb: 35, 31, 32; */
    --bs-secondary-rgb: 0, 77, 134;
}

html {
    scroll-padding-top: 150px;
}

html[data-bs-theme=dark] {
    --bs-border-color: #fff;
    --bs-body-bg: #fff;
    --bs-body-color: var(--unk-grey);
}

main {
    margin-block-start: 8.5rem;
    @media (max-width: 1125px) {
        margin-block-start: 10.5rem;
    }
    @media (max-width: 750px) {
        margin-block-start: 0;
    }
}

html body {
    text-align: start;
}

html[data-bs-theme=dark] a:not(.btn) {
    color: #fff;
    &:is(.flexnav li ul li a) {
        color: var(--unk-blue);
    }
    &:is(.flexnav li ul li:hover a, .flexnav li ul li.active a, .flexnav li ul li a:focus) {
        color: var(--unk-gold);
    }
    &:is(.sm-screen :where(.item-with-ul, .mobile-only) > a) {
        color: var(--unk-blue);
    }
}

html[data-bs-theme=dark] #banner {
    background-color: #fff;
    h1 {
        color: var(--unk-blue);
    }
}

html[data-bs-theme=dark] .card-search #main-content {
    background: #fff;
}

html[data-bs-theme=dark] .card-search #aside-primary, html[data-bs-theme=dark] .card-search #aside-primary .card {
    background: var(--unk-blue);
}

html[data-bs-theme=dark] .accordion-item {
    background: var(--unk-blue);
}

html[data-bs-theme=dark] #filter-wrap-desktop .accordion-button {
    background-color: var(--unk-blue);
}

#aside-primary h2 {
    color: #fff;
    margin-top: 0;
}

html[data-bs-theme=dark] .card-search #aside-primary .accordion-body {
    background: var(--unk-blue);
}

#searchTxt {
    background-color: #fff;
}

html[data-bs-theme=dark] #filter-wrap-desktop .invert .form-check-input {
    background-color: #fff;
}

html .form-check-input:checked[type=checkbox] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23004d86' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

html .filter-card .badge {
    background-color: var(--unk-gold) !important;
}

html[data-bs-theme=dark] #filter-wrap-desktop .btn.btn-light {
    /* background: var(--unk-grey); */
    background: #fff;
    color: var(--unk-blue);
}

html #results form .btn-primary {
    background-color: var(--unk-gold);
    border-color: var(--unk-gold);
}

h1.modal-title {
    color: #fff;
}

html[data-bs-theme=dark] .bg-light {
    /* background-color: var(--unk-grey) !important; */
    background-color: var(--unk-blue) !important;
}

html[data-bs-theme=dark] .mix-icon-search {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1792 1792' fill='%23231f2032'%3e%3cpath d='M1216 832q0-185-131.5-316.5t-316.5-131.5-316.5 131.5-131.5 316.5 131.5 316.5 316.5 131.5 316.5-131.5 131.5-316.5zm512 832q0 52-38 90t-90 38q-54 0-90-38l-343-342q-179 124-399 124-143 0-273.5-55.5t-225-150-150-225-55.5-273.5 55.5-273.5 150-225 225-150 273.5-55.5 273.5 55.5 225 150 150 225 55.5 273.5q0 220-124 399l343 343q37 37 37 90z'/%3e%3c/svg%3e")
}

html[data-bs-theme=dark] #main-content .form-search .form-control {
    color: var(--unk-grey);
}

.card-body {
    h4 {
        color: var(--unk-grey);
    }
    ul:not(.list-square) li {
        list-style-type: none;
    }
    ul li {
        &::marker {
            color: var(--unk-grey_50);
        }
    }
}

html[data-bs-theme=dark] .card .line-behind span:not(.badge) {
    background: #fff;
}

html[data-bs-theme=dark] .bg-white:not(img) {
    background-color: #fff !important;
}

html[data-bs-theme=dark] .card:not(.shadow-none,.invert,.bg-light.shadow-sm) {
    box-shadow: 0 0 .7rem 1px #acacac !important;
}

html[data-bs-theme=dark] .card-search #main-content .card.border-0 {
    border: 1px solid var(--unk-grey_50) !important;
}

html[data-bs-theme=dark] #results .card .badge {
    background: var(--unk-blue) !important;
}

html[data-bs-theme=dark] .btn-outline-primary {
    --bs-btn-bg: #fff;
    --bs-btn-border-color: var(--unk-blue);
    --bs-btn-hover-bg: var(--unk-blue);
    --bs-btn-hover-border-color: var(--unk-blue);

    --bs-btn-active-bg: var(--unk-blue);
    --bs-btn-active-border-color: var(--unk-blue);
    --bs-btn-disabled-color: var(--unk-blue);
    --bs-btn-disabled-border-color: var(--unk-blue);
    --bs-btn-focus-shadow-rgb: 0, 77, 134;
}

a.btn-outline-primary:link {
    color: var(--unk-grey);
    text-decoration: none;
    &:hover {
        color: #fff;
    }
}

html[data-bs-theme=dark] .card-search #main-content #filter-wrap-desktop .card.border-0 {
    border: 1px solid var(--unk-blue) !important;
}

html .card-search .sticky-md-top {
    top: 150px;
    @media (max-width: 1125px) {
        top: 200px;
    }
}

html .accordion-item {
    color: #fff;
}

html[data-bs-theme=dark] .accordion-button:after {
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

html h1 {
    margin: 0 0 1rem;
}

html[data-bs-theme=dark] #fixed-bottom {
    background: var(--unk-blue);
}

html[data-bs-theme=dark] .btn-primary:not(#qButton) {
    --bs-btn-bg: #fff;
    --bs-btn-color: var(--unk-blue);
    --bs-btn-border-color: var(--unk-blue);
    --bs-btn-hover-bg: #fff;
    --bs-btn-hover-border-color: #fff;

    /* --bs-btn-bg: var(--unk-blue); */
    /* --bs-btn-border-color: var(--unk-blue); */
    --bs-btn-focus-shadow-rgb: 213, 38, 40;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--unk-blue);
    --bs-btn-active-border-color: var(--unk-blue);
    --bs-btn-active-shadow: inset .05rem .05rem .15rem rgba(10, 10, 10, .4);
    --bs-btn-disabled-bg: var(--unk-blue);
    --bs-btn-disabled-border-color: var(--unk-blue);

    &:not(:where(#qButton, #fixed-bottom-results)):hover {
        color: var(--unk-blue) !important;
    }
}

html[data-bs-theme=dark] #filter-wrap-mobile .offcanvas {
    background: var(--unk-blue);
}

html[data-bs-theme=dark] #filter-wrap-mobile .bg-white ,html[data-bs-theme=dark] #filter-wrap-mobile .bg-light {
    background: var(--unk-blue) !important;
}

html[data-bs-theme=dark] .card-search #main-content #offcanvasRight .card.border-0 {
    border: 1px solid var(--unk-blue) !important;
}

html[data-bs-theme=dark] .btn-white {
    --bs-btn-bg: var(--unk-grey);
    --bs-btn-border-color: var(--unk-grey);
    --bs-border-color: var(--unk-grey);
    --bs-btn-color: #fff;
}

html[data-bs-theme=dark] #results #fixed-bottom .badge {
    background: var(--unk-grey) !important;
    color: #fff !important;
}

html[data-bs-theme=dark] #filter-wrap-mobile .invert .form-check-input {
    background-color: #fff;
}

html[data-bs-theme=dark] #filter-wrap-desktop .btn-white {
    --bs-border-color: #fff;
}

/* 1. Modern Standard (Safari 26.2+, Chrome, Firefox, Edge) */
html {
  scrollbar-color: #888888 #f1f1f1; /* thumb color | track color */
}

/* 2. Legacy WebKit Syntax (Older Safari, iOS Safari, and Chromium) */
/* The main scrollbar container */
html::-webkit-scrollbar {
  width: 12px;               /* Width of vertical scrollbar */
  height: 12px;              /* Height of horizontal scrollbar */
}

/* The background track */
html::-webkit-scrollbar-track {
  background: #f1f1f1;       /* Track color */
}

/* The draggable scroll thumb */
html::-webkit-scrollbar-thumb {
  background: #888888;       /* Thumb color */
  border-radius: 6px;        /* Rounding options */
}

html .btn[data-bs-toggle=popover] {
    --bs-btn-bg: var(--unk-blue);
    &:hover {
        background: var(--unk-blue_80);
    }
}

html .btn[data-bs-dismiss=modal] {
    --bs-btn-bg: #fff;
    --bs-btn-color: var(--unk-blue);
    --bs-btn-border-color: #fff;
    --bs-btn-hover-bg: #f2f2f2;
    --bs-btn-hover-border-color: #fff;
    &:hover {
        background-color: #f2f2f2;
        color: var(--unk-blue);
    }
}

html .modal .modal-content .btn-close {
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23004d86'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
    background-color: unset;
}

.btn[data-button-filter] {
    --bs-btn-bg: var(--unk-blue);
    &:hover {
        background-color: var(--unk-blue_50);
    }
}

#qReset {
    --bs-btn-bg: var(--unk-blue);
    &:hover {
        background-color: var(--unk-blue_80);
    }
}

#fixed-bottom-results {
    background-color: var(--unk-gold);
}

#offcanvasRight {
    button[data-clear-all] {
        --bs-btn-bg: #fff;
        color: var(--unk-blue);
    }
}

html[data-bs-theme=dark] #fixed-bottom .btn-outline-secondary:not(#fixed-bottom-results) {
    --bs-btn-bg: #fff;
    color: var(--unk-blue) !important;
    &:hover {
        background-color: #f2f2f2;
    }
}

a[data-bs-toggle=popover]:focus {
    color: #fff;
}

html[data-bs-theme=dark] .btn-outline-secondary {
    --bs-btn-border-color: var(--unk-blue);
    --bs-btn-hover-border-color: var(--unk-blue_50);
}

html[data-bs-theme="dark"] main a[href^="http"]:not( [href*="unomaha.edu"], [href*="nusupport.nebraska.edu"], [href*="unomaha.tfaforms.net"] ):after {
    content: "";
}

html :is(.accordion-button, .form-check-input):focus {
    box-shadow: 0 0 0 0.25rem var(--unk-grey_50);
}

html body .skip_links.noscript {
    text-align: center;
}