#block-quicktabsmultimidia > h2 {
  font-size: 2rem !important;
  color: #ffffff !important;
}

 .main-content.col .node__content.clearfix img {
     object-fit: contain;
     width: 100%;
     height: auto;
     max-height: 500px;
}

#block-views-block-regioes-turisticas-block-1 h2, #block-views-block-regioes-turisticas-block-3 h2{
  font-weight: bold !important;
  color: #0071ce !important;
}

.card-services a{
  display: contents;
}

.card-services .card-service-base h3 a{
  font-size: 1.1rem !important;
  color: #000 !important;
}

.card-services .card-services-body p{
  display: none !important;
  font-size: 0.85rem !important;
  color: transparent !important;
}

.card-services .card-services-body:hover p {
  display: block !important;
  color: #000 !important;
}

.card-services .card-service-base {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  position: absolute !important;
  bottom: 0% !important;
  left: 0% !important;
  min-height: 50px !important;
  height: 50px !important;
  width: 100% !important;
  padding: 0px 12px !important;
  background-color: white !important;
  margin: 0% !important;
  transition: ease-in-out 0.3s !important;
  text-align: center !important;
  border-radius: 0 0 10px 10px !important;
}

.card-services .card-services-body:hover{
  display: block !important;
  transition: ease-in-out 0.6s !important;
  width: 100% !important;
  height: 100% !important;
  color: black !important;
  position: absolute !important;
  overflow-y: auto !important;
  z-index: +1 !important;
  padding: 12px !important;
  border-radius: 10px !important;
} 

.contextual-region h2{
  font-weight: bold !important;
  color: #0071ce !important;
}



.card-services {
  position: relative !important;
  /* max-height: 34rem; */
  max-width: 300px !important;
  max-height: 550px !important;
  height: 260px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  border-radius: 10px !important;
  border: 1px solid rgb(221, 220, 220) !important;
  box-shadow: rgb(221, 220, 220) 0 0 5px 1px !important;
}
.card-services img{
  border-radius: 10px !important;
}

.card-services img {
  width: 100% !important;
  min-height: 200px !important;
  height: 100% !important;
  /* object-fit: cover; */
  justify-self: flex-start !important;
}

.destaques .view-content h1 a {
  color: #fff !important;
  text-decoration: none !important;
  font-weight: 400 !important;
  line-height: unset !important;
  padding: unset !important;
}
.destaques .view-content h1 a:hover{
  text-decoration: underline !important;
}

.destaques .view-content .active .titles-container{
  width: fit-content !important;
  position: relative !important;
  line-height: unset !important;
}

.destaques .view-content .titles-container .categoria{
  width: fit-content;
  background-color: #ff0101;
  padding: 10px 1rem !important;
}

.destaques .view-content .titles-container .categoria h6{
  margin: 0px !important;
  padding: 0px !important;
  line-height: normal !important;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
}

.destaques .view-content .titles-container .title{
  width: fit-content;
  text-decoration: none;
  color: #fff;
  background-color: #0071ce;
  padding: 5px 1rem !important;
}

#rodape-item{
  justify-content: space-between !important;
  align-items: center !important;
}

#rodape-item > div{
  width: fit-content !important;
}

.webform-button--submit {
  color: #ffffff !important;
}


.destaques .more-link{
  text-align: center;
  margin-top: 1.5rem !important;
}

.destaques .more-link a{
  color: #0071ce;
  background-color: #fff;
  border-radius: 2rem;
  border: #0071ce solid 1px;
  padding: 0.4rem 1rem 0.4rem 1rem;
  text-decoration: none;
}

.destaques .more-link a:hover{
  color: #fff;
  background-color: #0071ce;
  text-decoration: none;
}

.destaques-page .view-content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  place-items: center;
}

.noticias-page-item {
  padding: 0px !important;
  border: 1px solid rgba(0,0,0,.125);
  box-shadow: 0px 0px 10px 0px rgba(0,0,0, .125);
}

.noticias-page-item:hover {
  transform: scale(1.05);
}

.noticias-page-item img {
  width: 100%;
  max-height: 200px;
}

.noticias-page-item .destaques-page-item-body {
  padding: 10px;
}

.destaques-page-item-body h3 {
  font-size: 1.3rem !important;
}

@media (max-width: 1080px) {
  .destaques-page .view-content {
    grid-template-columns: repeat(2, 1fr);
    padding: 10px;
 }

}

@media (max-width: 767.98px) {
 .destaques-page .view-content {
    grid-template-columns: repeat(1, 1fr);
 }
 
}

.noticias .card img {
  object-fit: cover;
}

.banner-master-container {
  display:flex;
  justify-content: center;
}

.noticias-page .view-content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    place-items: center;
}

@media (max-width: 1080px) {
    .noticias-page .view-content {
        grid-template-columns: repeat(2, 1fr);
        padding: 10px;
    }
}


.noticias-page-item {
    height: 100%;
    max-height: 375px;
    padding: 0px !important;
    border: 1px solid rgba(0, 0, 0, .125);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .125);
}


.noticias-page-item img {
    width: 100%;
    max-height: 200px;
}

.noticias-page-item .noticias-page-item-body {
    padding: 10px;
}
.noticias-page-item-body h3 {
    font-size: 1.3rem !important;
}


.navbar .col-md-5.col-xl-4.d-none.d-md-block.d-lg-block.d-xl-block.mx-auto {
   width: fit-content;
   margin: 0 0 0 13rem !important;
}

@media (max-width: 991.98px) {
  .navbar .col-md-5.col-xl-4.d-none.d-md-block.d-lg-block.d-xl-block.mx-auto {
    margin-left: -2rem !important;
  }
}

.navbar .container-fluid .row .navbar-brand .img-fluid {
 content: url("https://ouvidoria.pa.gov.br/sites/default/files/Logo2022_OUVIDORIA.svg") !important;
}