:root {
  --color-primary: #004D75;
  --color-secondary: #0069A1;
  --color-darker: #414141;
  --color-alt-primary: #4881f8;
  --color-alt-secondary: #246aff;
  --color-black: #000;
  --color-dark: #666666;
}

.bg-auxiliar,
.bootstrap-datetimepicker-widget table td.day:not(.disabled):hover,
.headerGov,
.pagination .current,
.transparencia-menu ul li.active {
  background-color: var(--color-secondary) !important;
}

.transparencia-menu ul li:hover {
  background-color: var(--color-secondary) !important;
}

.bg-padrao,
.bootstrap-datetimepicker-widget table td.day:not(.disabled),
.headerSec {
  background-color: var(--color-primary) !important;
}

.search-box .search-input {
  background-color: var(--color-secondary) !important;
  border-bottom: 1px solid var(--color-secondary) !important;
  border-radius: 0 !important
}

.socialItem svg {
  fill: var(--color-secondary);
  vertical-align: initial;
}

.socialItem:active,
.socialItem:hover {
  background-color: var(--color-secondary) !important;
}

.border-widget {
  border-color: var(--color-secondary) !important;
}

.widget-title,
.page-title {
  color: var(--color-primary);
}

.links-uteis li a,
.text-links,
.text-readmore,
.widget-readmore {
  color: var(--color-primary) !important;
}

.btn-info-alt {
  background-color: var(--color-alt-primary);
  border-color: var(--color-alt-primary);
  color: #fff
}

.btn-info-alt:hover {
  background-color: var(--color-alt-secondary);
  border-color: var(--color-alt-secondary);
  color: #fff
}

.btn-link:focus,
.btn-link:hover,
.btn-link.darker:focus,
.btn-link.darker:hover {
  background-color: var(--color-darker);
}

.header-link:hover {
  border-color: var(--color-darker);
}

.site-title {
  font-size: .875rem !important;
  text-transform: none !important;
  font-weight: 500 !important;
}

.site-desc {
  font-size: 2.25rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}


@media screen and (min-width: 768px) {
  .logo-prodam {
    width: 8rem;
  }
}

.bg-info {
  background-color: var(--color-secondary) !important;
}

@media screen and (min-width: 768px) {
  .bg-info {
    background-color: var(--color-secondary) !important;
  }
}

.headerMenu {
  background-color: var(--color-primary) !important;
}

@media screen and (min-width: 992px) {
  .headerMenu {
    background-color: #fff !important;
  }
}

.headerMenu .bg-info {
  background-color: var(--color-darker) !important;
}

.headerMenu .list-unstyled {
  padding-top: 0;
}

.headerMenu .bg-primary {
  background-color: var(--color-alt-primary) !important;
}

header.contraste, header.contraste *,
footer.contraste, footer.contraste *,
.search-box .search-input.contraste {
  background-color: var(--color-dark) !important;
}