/*
* Governo do Estado do Rio Grande do Norte
* Accessibility Contrast Style
* André Souza - arodriguesso@minsait.com
* 2023 May
*/

:root {
  --color-dark: #000000;
  --color-light: #ffffff;
}

.contrast ::selection {
  background: #ffd505;
  color: var(--color-dark);
}

.contrast a,
.contrast a:hover {
  text-decoration: underline;
  color: var(--color-light);
}

.contrast {
  background: var(--color-dark);
  color: var(--color-light);
}
.contrast h1,
.contrast h2,
.contrast h3,
.contrast h4,
.contrast h5,
.contrast h6 {
  color: var(--color-light);
}

.contrast .govrn-orange,
.contrast .govrn-yellow {
  background: var(--color-light);
}

.contrast .govrn-green,
.contrast .govrn-blue {
  background: var(--color-dark);
}

.contrast .border-bottom-orange,
.contrast .border-bottom-yellow {
  border-bottom: 5px solid var(--color-light);
}

.contrast .border-bottom-green,
.contrast .border-bottom-blue {
  border-bottom: 5px solid var(--color-dark);
}

.contrast .top-info,
.contrast .top-info-dia,
.contrast .header,
.contrast .header-dia,
.contrast .services-category,
.contrast .footer,
.contrast .footer-legal,
.contrast .secondary-posts {
  background: var(--color-dark);
  color: var(--color-light);
}

.contrast .top-info a,
.contrast .top-info a:hover,
.contrast .top-info-dia a,
.contrast .top-info-dia a:hover {
  color: var(--color-light);
}

.contrast .top-info button,
.contrast .top-info button:hover,
.contrast .top-info-dia button,
.contrast .top-info-dia button:hover,
.contrast .social-links button:focus {
  background: var(--color-dark);
  color: var(--color-light);
  text-decoration: underline;
}

.contrast .dropdown-menu,
.contrast .dropdown-item,
.contrast .dropdown-item:hover,
.contrast .top-info-dia .social-links .dropdown-menu,
.contrast .top-info-dia .social-links .dropdown-item,
.contrast .top-info-dia .social-links .dropdown-item:hover {
  background: var(--color-dark);
}

.contrast .drop-form,
.contrast .dropdown-header,
.contrast .top-info-dia .social-links .dropdown-header {
  background: var(--color-dark);
  color: var(--color-light);
}

.contrast .dropdown-header,
.contrast .top-info-dia .social-links .dropdown-header {
  border-bottom: 1px var(--color-light) solid;
}

.contrast .dropdown-menu,
.contrast .top-info-dia .social-links .dropdown-menu {
  border: 1px var(--color-light) solid;
}

.contrast .accessibility button {
  color: var(--color-light);
}

.contrast .btn-search-box {
  --bs-btn-color: var(--color-light);
  --bs-btn-hover-color: var(--color-dark);
  --bs-btn-hover-bg: var(--color-light);
}

.contrast .search-box {
  background: var(--color-dark);
  color: var(--color-light);
  box-shadow: 0px 0px 0px 1px var(--color-light) inset;
}

.contrast .search:hover > .btn-search-box {
  background: var(--color-light);
  color: var(--color-dark);
}

.contrast .search-mobile {
  background: var(--color-dark);
  color: var(--color-light);
}

.contrast .banner-caption span,
.contrast .banner-slide-post {
  background: var(--color-dark);
}

.contrast .sidebar {
  background: var(--color-dark);
}

.contrast .sidebar .accordion-flush .accordion-item {
  border-bottom: 1px var(--color-light) solid;
}

.contrast .sidebar .accordion-header,
.contrast .sidebar .accordion-collapse,
.contrast .sidebar .list-group-item {
  background: var(--color-dark);
}

.contrast .sidebar .accordion-header a,
.contrast .sidebar .accordion-header button {
  background: var(--color-dark);
  color: var(--color-light);
}

.contrast .sidebar .accordion-button {
  background: var(--color-dark);
  text-decoration: underline;
}

.contrast .sidebar-info button {
  text-decoration: underline;
}

.contrast .hot-services .accordion-button,
.contrast .star-services .accordion-button {
  background: var(--color-dark);
  color: var(--color-light);
  text-decoration: underline;
  box-shadow: 0px 0px 0px 1px var(--color-light) inset;
}

.contrast .hot-services .accordion-button::after,
.contrast .star-services .accordion-button::after {
  background-image: 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");
}

.contrast .hot-services .accordion-item,
.contrast .star-services .accordion-item {
  box-shadow: none;
}

.contrast .hot-services .bi-fire,
.contrast .star-services .bi-star-fill {
  color: var(--color-light);
}

.contrast .hot-services .accordion-body,
.contrast .star-services .accordion-body {
  background: var(--color-dark);
  color: var(--color-light);
  box-shadow: 0px 0px 0px 1px var(--color-light) inset;
}

.contrast .hot-services .accordion-body li,
.contrast .star-services .accordion-body li {
  color: var(--color-light);
  background: var(--color-dark);
}

.contrast .posts .card {
  background: var(--color-dark);
}

.contrast .header-section span {
  background: var(--color-dark);
}

.contrast .services-category .card {
  background: var(--color-dark);
  box-shadow: none;
}

.contrast .services-category .card:hover {
  box-shadow: 0px 0px 0px 1px var(--color-light) inset;
}

.contrast .services-category i,
.contrast .services-category .section-header h3 {
  color: var(--color-light);
}

.contrast .services-category .card-link,
.contrast .services-category .card-link:hover {
  color: var(--color-light);
  text-decoration: underline;
}

.contrast .btn-govrn,
.contrast .btn-govrn:hover {
  color: var(--color-dark);
  background: var(--color-dark);
  border: 1px var(--color-light) solid;
}

.contrast .btn-govrn-outline,
.contrast .btn-govrn-outline:hover {
  color: var(--color-light);
  background: var(--color-dark);
  border: 1px var(--color-light) solid;
}

.contrast .btn-govrn-border0,
.contrast .btn-govrn-border0:hover {
  color: var(--color-light);
  background: var(--color-dark);
}

.contrast .scroll-top {
  background: var(--color-light);
  color: var(--color-dark);
}

.contrast .scroll-top:hover {
  background: var(--color-dark);
  color: var(--color-light);
  box-shadow: 0px 0px 0px 1px var(--color-light) inset;
}

.contrast .modal-content,
.contrast .modal-content .list-group-item {
  background: var(--color-dark);
  color: var(--color-light);
}

.contrast .modal-header {
  background: var(--color-dark);
}

.contrast .modal-header .btn-close,
.contrast .modal-body .btn-close,
.contrast .offcanvas-header .btn-close {
  background: transparent
    url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%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.414z'/%3e%3c/svg%3e")
    center/1em auto no-repeat;
  color: var(--color-dark);
}

.contrast .modal-share-link .modal-content {
  box-shadow: 0px 0px 0px 1px var(--color-light) inset;
}

.contrast .modal-share-link i {
  color: var(--color-light);
}

.contrast .share button i,
.contrast .share button i:hover {
  color: var(--color-light);
}

.contrast .breadcrumb,
.contrast .breadcrumb-item,
.contrast .post-category {
  color: var(--color-light);
}

.contrast .figure-caption {
  color: var(--color-light);
}

.contrast .nav-underline a.active {
  color: var(--color-light);
  border-bottom: 5px solid var(--color-light);
}

.contrast .card-govrn,
.contrast .card-govrn .card-header,
.contrast .card-govrn .list-group-item {
  background: var(--color-dark);
  color: var(--color-light);
}

.contrast .card-govrn .list-group-item a,
.contrast .card-govrn .list-group-item a:hover {
  text-decoration: underline;
}

.contrast .single-post .blockquote,
.contrast .single-post blockquote {
  background: var(--color-dark);
  color: var(--color-light);
  border-left: 8px solid var(--color-light);
}

.contrast .single-post blockquote::before {
  color: var(--color-light);
}

.contrast .single-post table,
.contrast .single-post table caption {
  background: var(--color-dark);
  color: var(--color-light);
}

.contrast .single-post .table-striped > tbody > tr:nth-of-type(odd) > *,
.contrast
  .single-post
  .table-striped-columns
  > :not(caption)
  > tr
  > :nth-child(even) {
  color: var(--color-light);
}

.contrast .table-govrn thead {
  background: var(--color-dark);
  color: var(--color-light);
}

.contrast .single-post .list-group .list-group-item {
  background: var(--color-dark);
  color: var(--color-light);
}

.contrast .services-center,
.contrast .services-center-mobile {
  background: var(--color-dark);
  color: var(--color-light);
  border-top: 8px var(--color-dark) solid;
}

.contrast .services-center a,
.contrast .services-center-mobile a,
.contrast .services-center a:hover,
.contrast .services-center-mobile a:hover {
  color: var(--color-light);
  text-decoration: underline;
}

.contrast .services-center .nav-link {
  background: var(--color-dark);
}

.contrast .services-center .nav-link i,
.contrast .services-center-mobile .accordion-button i,
.contrast .services-center-mobile .accordion-button:not(.collapsed) i {
  color: var(--color-light);
}

.contrast .services-center .nav-link.active {
  background: var(--color-light);
  color: var(--color-dark);
}

.contrast .services-center .nav-link.active i {
  color: var(--color-dark);
}

.contrast .services-center .tab-pane h2,
.contrast .services-center .tab-pane h5 {
  color: var(--color-light);
}

.contrast .services-center-mobile .accordion-button {
  color: var(--color-light);
  background: var(--color-dark);
}

.contrast .services-center-mobile .accordion-button:not(.collapsed)::after {
  background-image: 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");
}

.contrast .services-center-mobile .accordion-button::after {
  background-image: 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");
}

.contrast .page-link {
  color: var(--color-light);
  background: var(--color-dark);
}

.contrast .page-link:hover {
  color: var(--color-light);
  background: var(--color-dark);
}

.contrast .page-link:focus {
  color: var(--color-light);
  background: var(--color-dark);
  box-shadow: 0px 0px 0px 1px var(--color-light) inset;
}

.contrast .page-link.active,
.contrast .active > .page-link {
  color: var(--color-dark);
  background: var(--color-light);
}

.contrast .page-link.disabled,
.contrast .disabled > .page-link {
  color: var(--color-light);
  opacity: 0.5;
}

.contrast .page-item .dropdown-menu,
.contrast .page-item .dropdown-item {
  color: var(--color-light);
  background: var(--color-dark);
}

.contrast .spinner-govrn {
  color: var(--color-light);
}

.contrast .features,
.contrast .features .card,
.contrast .features .card-link:hover {
  background: var(--color-dark);
  color: var(--color-light);
}

.contrast .features a,
.contrast .features a:hover {
  color: var(--color-light);
  text-decoration: underline;
}

.contrast .features .card {
  box-shadow: none;
}

.contrast .features .card-link:hover {
  box-shadow: 0px 0px 0px 1px var(--color-light) inset;
}

.contrast .features i {
  color: var(--color-light);
}

.contrast .card-folder i {
  color: var(--color-light);
}

.contrast .card-folder a h5,
.contrast .card-folder a:hover h5 {
  color: var(--color-dark) !important;
  text-decoration: underline;
}

.contrast .accordion-govrn-inverse .accordion-item,
.contrast .accordion-govrn-inverse .accordion-item button {
  background: var(--color-dark);
  color: var(--color-light);
}

.contrast .accordion-govrn-inverse .accordion-button:not(.collapsed) {
  color: var(--color-lighty);
  background-color: var(--color-dark);
}

.contrast .accordion-govrn-inverse .accordion-button:not(.collapsed)::after {
  background-image: 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");
}

.contrast .accordion-govrn-inverse .accordion-button::after {
  background-image: 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");
}

.contrast .cookie-consent {
  background: var(--color-light);
  color: var(--color-dark);
}

.contrast .cookie-consent h5 {
  color: var(--color-dark);
}