/*
* **********************************
* ################################## ESTILOS DE EXIBITION
* **********************************
*/

/*
========================
======================== EDITAIS
========================
*/

.editais {
  margin-top: 5rem;
}

.editais .pagination-objects {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

@media (max-width: 991px) {
  .editais .pagination-objects {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 560px) {
  .editais .pagination-objects {
    grid-template-columns: 1fr;
  }
}

.editais-item {
  background-color: #f3f3f3;
  padding: 4rem;
}

.editais-item h3 {
  font-size: 2.5rem;
  color: #000000;
  font-weight: 700;
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 10px;
}

.editais-item .status {
  padding: 1px 6px;
  background-color: #454545;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 700;
  font-style: normal;
  margin-top: 1rem;
  display: inline-block;
}

.editais-item .status-open {
  background-color: green;
}

.editais-item .status-closed {
  background-color: red;
}

.editais-item .button {
  width: 100%;
  display: block;
}

.editais-item .btn {
  display: inline-block;
  margin-top: 2rem;
  background-color: #0152a1;
  padding: 15px;
  border-radius: 3px;
  font-size: 16px;
  color: #ffffff;
  transition: 0.4s;
}

.editais-item .btn:hover {
  background-color: #083665;
}