body {
  background-color: #fff;
  color: #000;
  font-size: 0.9rem;
  font-family: var(--st-font-principal-regular);
}
body.dark-mode {
  background-color: #181a1b;
  color: #fff;
  font-size: 0.9rem;
  font-family: var(--st-font-principal-regular);
}

.search-button .btn.dark-mode {
  background-color: #181a1b !important;
  color: #fff !important;
}

.select2-selection__placeholder {
  color: #000 !important;
}

.select2-selection__placeholder.dark-mode {
  color: #fff !important;
}

.submit-button .btn {
  background-color: #61b3ff !important;
  color: #fff !important;
}

.submit-button .btn.btn.dark-mode {
  background-color: #61b3ff !important;
  color: #fff !important;
}

.select2-selection__rendered {
  display: inline-block;
  color: #000 !important;
}

.select2-selection__rendered.dark-mode {
  color: #fff !important;
}

.section-search {
  background-color: #ebebeb !important;
}

.section-search.dark-mode {
  background-color: #222222 !important;
}

.search-home-bar.dark-mode {
  background-color: #222222 !important;
}

.search-home-bar.dark-mode:hover {
  background-color: transparent !important;
}

.select2-results__options {
  color: #000 !important;
}

.select2-results__options.dark-mode {
  color: #fff !important;
}

.card-title a {
  color: #000 !important;
}

.card-title a.dark-mode {
  color: #fff !important;
}

.btn-load-more.dark-mode {
  background: var(--st-color-principal);
  color: var(--st-color-light);
}
.btn-load-more:hover.dark-mode {
  background-color: #222222;
  color: var(--st-color-principal);
}

#section-search {
  background-color: #ebebeb !important;
}

#section-search.dark-mode {
  background-color: #222222 !important;
}

.search-page-bar.dark-mode {
  background-color: #181a1b !important;
}

.search-page-bar.dark-mode:hover {
  background-color: transparent !important;
}

.item-card {
  box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.11);
}


#section-single {
  background-color: #f9f9f9 !important;
  color: #000 !important;
}

#section-single.dark-mode {
  background-color: #222222 !important;
  color: #fff !important;
}

.back-link {
  color: #000 !important;
}

.back-link.dark-mode {
  color: #fff !important;
}

.single-row ul.single-list a {
  color: #000 !important;
}

.single-row ul.single-list a.dark-mode {
  color: #fff !important;
}

.single-row {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.single-row.dark-mode {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.single-row--title {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.single-row--title.dark-mode {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

html {
  background-color: white !important;
  color: #000 !important;
}

html.dark-mode {
  background-color: #222222 !important;
  color: #fff !important;
}

#search-filters {
  color: #000 !important;
}

#search-filters.dark-mode {
  color: #fff !important;
}

#section-search-results{
    background-color: #f9f9f9 !important;
    color: #000 !important;
}

#section-search-results.dark-mode{
    background-color: #181a1b !important;
    color: #fff !important;
}

#offcanvas-body{
    background-color: #f9f9f9 !important;
}

#offcanvas-body.dark-mode{
    background-color: #181a1b !important;
}

.nav-link:focus {
    color: var(--st-color-principal) !important;
  }