.list-inline-item .badged.badged-pil a {
 content: url("https://www.transparencia.pa.gov.br")
}


.alert.alert-dismissible, .messages.messages--error {
   display:none;
}
html, head, body {
  overflow-x: hidden;
  padding: 0px !important;
}

#main img {
  width: 100% !important;
}

.col-10.float-right.text-center.justify-content-center.bg-white {
    display: flex;
    justify-content: center;
    align-items: center;
}

.navbar.d-flex.d-md-none.p-0 .row.w-100{
    flex-wrap: nowrap;
}

.navbar.d-flex.d-md-none.p-0 .col-2.d-inline.bg-primary.text-center.justify-content-center.p-0.m-0 {
    min-width: 100px;
    padding: 5px !important;
}

/******************************************************************************************/
/********************************** POP-UP  ***************************************/
.modal-backdrop.fade.show {
  display: none;
}

.mainpopup{
  padding: 0px !important;
  margin: 0px !important;
  background-color: #00000075;
}

.mainpopup.modal-page-content.modal-header button {
  margin-left: auto;
}

.modal-page-content.modal-content img {
  width: 100%;
  object-fit: contain;
}

.modal-page-dialog.modal-dialog.modal-lg {
    width: 100%;
    margin: 0 auto;
    height: 100vh;
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-page-content.modal-content {
    max-width: 500px;
    width: 100%;
}

.modal-header{
  max-height: 30px;
}

.modal-body.modal-page-body {
    width: 100%;
    height: fit-content;
    max-height: 700px;
    padding: 10px;
}

.modal-body.modal-page-body img {
    max-height: 650px;
}

.modal-page-content.modal-content {
  max-width: 500px
}

@media (max-width: 768px) { 
  .modal-body.modal-page-body img {
      max-height: 500px;
  }
}


/*********************************************************************************/

.navbar.navbar-expand-md.navbar-dark.bg-primary.navbar-static-top.d-none.d-md-block {
  padding: 0px;
}

ul.sf-menu li {
    padding: 0.5rem 0px !important;
}

@media (min-width: 768px) {
    .navbar-expand-md .navbar-collapse {
        align-items: center;
    }
}

.navegacao-restrita {
  min-width: fit-content !important;
}

.navegacao-restrita a{
  background-color: #ffffff !important;
  color: #0071CE !important;
  border-radius: 6px;
}

.navegacao-restrita a:hover{
  color: #ffffff !important;
  background-color: #EB1511 !important;
}

@media (max-width: 480px) {
     .navegacao-restrita a{
       background-color: unset !important;
       color: #FFFFFF !important;
       border-radius: 6px;
       font-size: 1.2rem;
    }

    .navegacao-restrita a:hover{
       color: #EB1511 !important;
       background-color: unset !important;
    }

    .navegacao-restrita a span{
       display: none !important;
    }

    .navbar.d-flex.d-md-none.p-0 .col-2.d-inline.bg-primary.text-center.justify-content-center.p-0.m-0 {
       min-width: 70px;
    }
}

/***********************/

[data-history-node-id="176"] .field__item {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 10px;
  place-items: center;
  text-align: center;
  padding: 15px 0px;
}

/*****************************/


body .page-summary-blue summary {
  flex-wrap: nowrap !important;
}

/********************** PERGUNTAS FREQUENTES VIEW ***********/
.perguntas-frequentes-pergunta p {
  font-style: italic;
  font-size: 1.3rem;
}
.perguntas-frequentes-pergunta , .perguntas-frequentes-resposta {
  max-height: 300px;
  height: 100%;
  overflow-y: auto;
  padding: 10px 5px;
  margin-left: 20px;
}

/**************** CONTEUDO NA PAGINA ***************/

.node__content blockquote{
  padding: 10px 20px;
  border-left: 5px solid #eb2939;
}

.node__content .field--name-field-categoria-do-conteudo {
    font-size: 0.8rem;
    margin: 20px 0px;
    color: #0071ce;
    border-left: 2px solid #eb2939;
    padding: 0px 5px;
    font-weight: 800;
}

.node__content .field__item > * {
  margin: 0px;
}

.node__content .field .field__label {
  color: #0071ce !important;
  border-left: 3px solid #eb2939;
  padding: 0px 5px;
  margin: 5px 0px;
}

.node__content .field .field__label::after {
  content: ":";
}

.node__content .field__item br {
  display: none;
}



/******** PAUTAS E PUBLICAÇÕES COM TWITTER *******/

#galeria + section.my-5 > .container > div.row {
  display: flex;
  flex-direction: column;
}

#galeria + section.my-5 > .container > div.row > div {
  width: 100%;
}

#galeria + section.my-5 > .container > div.row > div section.row.region.region-featured-bottom-eighth {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

#galeria + section.my-5 > .container > div.row > div section.row.region.region-featured-bottom-eighth div.views-element-container {
  max-width: 50%;
  min-width: 315px;
}

/*******************************************************/

/************** view taxonomy header ****************/
.datas-disponiveis .view-header h2{
  font-weight: bold;
  color: #0071ce;
}
/******************************************************/
/*************** 3 NOTICIAS BLOCK *******************/
.noticias .card-deck .card.text-white.m-2 img {
  height: 100%;
  object-fit: cover;
}
/*******************************************************************************/

/* Twitter block */
.twitter-timeline.twitter-timeline-rendered{
  width: 100% !important;
}

.twitter-timeline.twitter-timeline-rendered iframe{
  width: 100% !important;
}

/******************/
/* Sem resultados */
.page-summary-blue .view-empty {
  padding: 10px 5px;
  min-height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.page-summary-blue .view-empty h1 {
  font-size: 1.5rem;
  text-align: center;
  color: #00000075;
  border-left: 3px solid red;
  border-right: 3px solid red;
  padding: 5px 10px;
}
/**************/


/* Datepicker */
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top {
  box-shadow: 0px 0px 15px 0px #00000075 !important;
  border: 1px solid rgb(0, 113, 206) !important;
}

.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top .datepicker-years thead tr:last-of-type , .datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top .datepicker-decades thead tr:last-of-type , .datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top .datepicker-centuries thead tr:last-of-type {
  border-bottom: 2px solid red !important;
}

.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top .datepicker-years thead tr:last-of-type th , .datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top .datepicker-decades thead tr:last-of-type th , .datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top .datepicker-centuries thead tr:last-of-type th {
  background: #0071CE !important;
  border-radius: 0px !important;
}

.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top .datepicker-years tbody tr td .year.active , .datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top .datepicker-decades tbody tr td .decade.active , .datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top .datepicker-centuries tbody tr td .century.active {
  background: #0071CE !important;
}

.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top .datepicker-years tbody tr td .year:hover , .datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top .datepicker-decades tbody tr td .decade:hover , .datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top .datepicker-centuries tbody tr td .century:hover {
  background: #0766b570 !important;
}
/******************/




.datas-disponiveis {
  margin: 10px 0px;
  padding: 0px 5px;
}

.datas-disponiveis .view-header h2 {
  font-size: 1.2rem;
}

.datas-disponiveis .view-content.row div {
  display: none;
}
.datas-disponiveis .view-content.row {
  display: flex;
  justify-content: left;
  align-items: center;
  margin: 0px;
}

.datas-disponiveis .view-content.row h3 {
  display: block;
  width: fit-content;
  padding: 5px;
  margin: 0px;
  font-size: 0.9rem;
  color: #0071CE;
  border: 1px solid #0071CE;
  border-radius: 6px;
  line-height: normal;
}

.page-summary-blue .view-content .item-list .list-group {
  margin-left: 20px;
}

.page-summary-blue details .details-content .body-content {
  max-height: 85%;
  height: 100%;
  overflow-y: auto;
  padding: 10px 5px;
  margin-left: 20px;
}

.page-summary-blue .view-content .details-content>div>ul .field-title , .page-summary-blue .view-content .details-content .body-content .field-title {
  border-left: 2px solid #EB2939;
  padding: 2px 10px;
  font-weight: bold;
  font-size: 1.2rem;
}

.page-summary-blue .view-content .details-content .body-content strong {
  border-left: 2px solid #EB2939;
  padding: 2px 10px;
  font-weight: bold;
}



.pdf-reader .pdf-reader-google iframe {
  width: 100%;
}

.pdf-reader  {
  Width: 100%;
}

#block-mycustom-barrio-page-title {
  margin-bottom: 20px;
}

#block-mycustom-barrio-page-title .content h1 {
  border-bottom: 0.3rem solid #eb2939;
  display: inline;
}


#block-mycustom-barrio-page-title .content .col-sm-2.linha {
  display: none;@media (max-width: 768px) {
   .img-fluid {
      content: url("/sites/default/files/Logo2022_SEAP.png");
      width: 100%;
  }
}
}


.button.js-form-submit.form-submit.btn.btn-primary {
   color: #fff !important;
}

#main-wrapper.layout-main-wrapper.clearfix #main.container {
  max-width: 1015px;
  padding: 0px 15px;
  margin: 0px auto;
}


.card-service-base h3 {
  line-height: 1rem !important;
}

.view-content .card-services .card-service-base h3 a {
    font-size: 0.9rem !important;
}

.mm-menu.mm-menu--offcanvas.mm-menu--position-left.mm-menu--theme-light {
  position: absolute;
}

.node__content.clearfix .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__items img {
  max-width: 100% !important;
  height: auto !important;
}

@media (max-width: 768px) {
   .img-fluid {
      content: url("/sites/default/files/Logo2022_SEAP.png");
      width: 100%;
  }
}




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

.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:hover {
  transform: scale(1.05);
}

.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;
}

.noticias-page-item-body p a{
  color: #000;
  text-decoration: none;
}
.noticias-page-item-body .created {
  color: #6c757d;
}


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

@media (max-width: 767.98px) {
  .noticias-page .view-content {
    grid-template-columns: repeat(1, 1fr);
  }
  .noticias-page-item {
    max-height: none;
  }
  .page-summary-blue summary{
    padding: 10px !important;
    flex-wrap: nowrap !important;
 }

 #galeria + section.my-5 > .container > div.row > div section.row.region.region-featured-bottom-eighth div.views-element-container {
    max-width: none;
    min-width: auto;
 }
}

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


.owl-carousel .owl-item img {
    height: 600px !important;
    object-fit: cover !important;
}

.owl-carousel .owl-item img {
    height: 600px !important;
    object-fit: cover !important;
}

#block-mycustom-barrio-content .owl-stage-outer {
 margin-top: 5rem !important;
}



.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {
    color: #fff !important;
    background-color: none !important;
    border-radius: 2rem;
    transition: ease .3s;
}

.owl-nav {
    position: absolute;
    top: 14rem;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}


.owl-nav span{
    font-size: 5rem;
}

.owl-theme .owl-nav [class*='owl-']:hover {
    background: none !important;
}

.caption > figcaption {
   border-left: 2px solid #6c757d;
   margin-top: 1rem;
   padding: .4rem 1rem;
   width: 30%;
   font-size: .8rem;
}