div#spinner-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 11000; background-color: #0000006b; padding-top: 240px; text-align: center; }
div#spinner-container i { margin: 0 auto 0 auto; font-size: 85px; color: white; }

div#search-results { position: absolute; background-color: rgb(243 243 243); min-width: 200px; height: 80vh; }
div#search-results ul { list-style-type: none; }
div#search-results ul { margin: 0; padding-left: 8px; height: 100%; overflow-y: scroll; }
div#search-results li { padding-bottom: 3px; }

.btn-group-sm>.btn, .btn-xs { --bs-btn-padding-y: 0.15rem; --bs-btn-padding-x: 0.3rem; --bs-btn-font-size: 0.575rem;--bs-btn-border-radius: var(--bs-border-radius-sm); }

.img-wrapper { position: relative; } 
.img-responsive { width: 100%; height: auto; }
.img-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: right;padding-right: 30px; }
.img-overlay:before { content: ' '; display: block; height: 5%; right: 10%; }
.btn-responsive { padding: 10px 16px; font-size: 18px; line-height: 1.3333333;border-radius: 6px; }


/*fix a bootstrap issue?*/
.row { --bs-gutter-x: 2rem; }

/* fix the browser-filled fields background color */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

@media (max-width:760px) {
  /* matches 'btn-xs' */
  .btn-responsive {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
  }
}

.tag-item { max-width: 80%; }
.content-items .col-6:hover { background-color: #c4c4c4; }

/* mobile tweaks */
@media screen and (max-width: 576px) {
    div#search-results { width: 298px;  }
}

/* adopt some of a theme*/
a { color: #ff2e00; }
.btn-primary { background-color: #ff2e00; border-color: #ff2e00; }
.btn-primary:hover, .btn-primary:active { background-color: #e22900 !important; border-color: #e22900 !important; }

/* adjust the logo margin on md+ */
@media screen and (min-width: 576px) {
    a.d-flex.align-items-center.mb-2.mb-lg-0.link-body-emphasis.text-decoration-none {
        margin-right: 10px;
    }
}

.image-container { position: relative;}