.planner-options {
  text-align: center;
}
.planner-options ul {
  list-style: none;
}
.planner-options ul li {
  display: inline;
  padding-left: 60px;
  padding-right: 60px;
  border-right: 2px solid #b3b3b3;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .planner-options ul li {
    padding-left: 5px;
    padding-right: 5px;
  }
}
.planner-options ul li span {
  font-family: 'lexend_light';
  font-size: 15px;
}
.planner-options ul li span:hover,
.planner-options ul li span.active {
  font-family: 'lexend_light';
  font-size: 15px;
  background-color: #808285;
  color: white;
  padding: 5px 10px 5px 10px;
  border-radius: 3px;
}
.planner-options ul li:first-child {
  padding-left: 0px;
}
.planner-options ul li:last-child {
  padding-right: 0px;
  border-right: 0px;
}
.planner-sub-options {
  text-align: center;
}
.planner-sub-options ul {
  list-style: none;
}
.planner-sub-options ul li {
  display: inline;
  padding-left: 10px;
  padding-right: 10px;
  border-right: 2px solid #b3b3b3;
  cursor: pointer;
  text-transform: uppercase;
}
@media only screen and (max-width: 768px) {
  .planner-sub-options ul li {
    padding-left: 5px;
    padding-right: 5px;
  }
}
.planner-sub-options ul li span {
  font-family: 'lexend_light';
  font-size: 15px;
}
.planner-sub-options ul li span:hover,
.planner-sub-options ul li span.active {
  font-family: 'lexend_light';
  font-size: 15px;
  background-color: #808285;
  color: white;
  padding: 5px 10px 5px 10px;
  border-radius: 3px;
}
.planner-sub-options ul li:first-child {
  padding-left: 0px;
}
.planner-sub-options ul li:last-child {
  padding-right: 0px;
  border-right: 0px;
}
.planner-content {
  margin-top: 30px;
}
.planner-content a {
  text-decoration: none;
  color: #414042;
}
.destaques {
  display: none;
  padding-left: 5%;
  padding-right: 5%;
}
.destaques.active {
  display: block;
}
.destaques .card-destaque {
  margin-bottom: 30px;
}
.destaques .card-destaque img {
  width: 100%;
}
.destaques .card-destaque .content {
  padding-top: 22px;
  text-align: center;
}
/*
.regiao {
    display: none;
    padding-left: 5%;
    padding-right: 5%;
}
.regiao.active {
    display: block;
}
.regiao .card-regiao {
    border-right: 1px solid #cdcdcd;
}
.regiao .card-regiao:nth-child(4n+1) {
    border-right: 0px;
}
@media only screen and (max-width: 768px) {
    .regiao .card-regiao {
        border-right: 0px;
    }
}
.regiao .card-regiao img {
    width: 100%;
}
.regiao .card-regiao .content {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 50px;
    border-bottom: 1px solid #cdcdcd;
}


.tema {
    display: none;
    padding-left: 5%;
    padding-right: 5%;
}
.tema.active {
    display: block;
}
.tema .card-tema,
.tema .card-tema2 {
    border-right: 1px solid #cdcdcd;
}
.tema .card-tema:nth-child(4n+1),
.tema .card-tema2:nth-child(4n+1) {
    border-right: 0px;
}
@media only screen and (max-width: 768px) {
    .tema .card-tema,
    .tema .card-tema2 {
        border-right: 0px;
    }
}
.tema .card-tema img,
.tema .card-tema2 img {
    width: 100%;
}
.tema .card-tema .content,
.tema .card-tema2 .content {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 50px;
    border-bottom: 1px solid #cdcdcd;
}

.tema {
  display: none;
  padding-left: 5%;
  padding-right: 5%;
}
.tema.active {
  display: block;
}
.tema .card-regiao {
  border-right: 1px solid #cdcdcd;
}
.tema .card-regiao:nth-child(4n+1) {
  border-right: 0px;
}
@media only screen and (max-width: 768px) {
  .tema .card-regiao {
    border-right: 0px;
  }
}
.tema .card-regiao img {
  width: 100%;
}
.tema .card-regiao .content {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 50px;
  border-bottom: 1px solid #cdcdcd;
}*/
.principal-grid-7 .conteudo {
  margin-bottom: 45px;
}
.btn-filtrar-data {
  color: white;
  background-color: #808285;
}
main {
  margin-bottom: 0px;
}
.regiao {
  display: none;
  padding-left: 5%;
  padding-right: 5%;
}
.regiao.active {
  display: block;
}
.regiao .card-data {
  border-right: 1px solid #cdcdcd;
}
@media only screen and (max-width: 768px) {
  .regiao .card-data {
    border-right: 0px;
  }
}
.regiao .card-data img {
  width: 100%;
}
.regiao .card-data .content {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 50px;
  border-bottom: 1px solid #cdcdcd;
}
.tema {
  display: none;
  padding-left: 5%;
  padding-right: 5%;
}
.tema.active {
  display: block;
}
.tema .card-data {
  border-right: 1px solid #cdcdcd;
}
@media only screen and (max-width: 768px) {
  .tema .card-data {
    border-right: 0px;
  }
}
.tema .card-data img {
  width: 100%;
}
.tema .card-data .content {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 50px;
  border-bottom: 1px solid #cdcdcd;
}
.data {
  display: none;
  padding-left: 5%;
  padding-right: 5%;
}
.data.active {
  display: block;
}
.data .card-data {
  border-right: 1px solid #cdcdcd;
}
@media only screen and (max-width: 768px) {
  .data .card-data {
    border-right: 0px;
  }
}
.data .card-data img {
  width: 100%;
}
.data .card-data .content {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 50px;
  border-bottom: 1px solid #cdcdcd;
}

.planner-options ul{
  padding: 0px;  
} 
.planner-sub-options ul{
  padding: 0px;  
} 

@media only screen and (max-width: 480px) {
  .planner-options ul li span {
      font-family: 'lexend_light';
      font-size: 12px;
  }

  .planner-sub-options ul li span {
      font-family: 'lexend_light';
      font-size: 12px;
  }
  .planner-options ul li span:hover, .planner-options ul li span.active{
    font-size: 12px;
  }
  .planner-sub-options ul li span:hover, .planner-sub-options ul li span.active{
    font-size: 12px;
  }
}