*,
*::before,
*::after {
  box-sizing: border-box;
}

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-VariableFont_wght.ttf");
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

body {
  margin: 0;
  font-family: 'Montserrat', Arial, sans-serif;
}

/*
  header
*/

.header {
  background-image: url("../images/header.png");
  background-color: #000046;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin-bottom: -20px;
}

@media (max-width: 425px) {
  .header {
    background-image: url("../images/header-small.png");
    background-color: #0d2d7f;
    background-size: contain;
    background-position: top;
  }
}

.header nav {
  font-size: 12px;
}

.header .nav-item {
  padding: 0px;
}

.header .nav-item .active {
  color: #0000A0 !important;
  font-weight: bold;
  background-color: #FFE600;
  margin: 0 5px;
  padding: 2px;
}

.header .nav-item {
  height: 20px;
  margin-top: 10px;
}

.header .nav-item:not(:last-child) {
  border-right: 2px solid #ffffff;
  height: 20px;
  margin-top: 10px;
}

    .header .nav-item a {
        margin-top: -5px;
        font-weight: bold;
        font-size: 14px;
    }

.header .dropdown-toggle::after {
  display: none !important; 
}

.header .dropdown:hover > .dropdown-menu {
  display: block;
}

.header .dropdown > .dropdown-toggle:active {
  pointer-events: none;
}

.header .dropdown-menu {
  background-color: #0048ae;
  border-radius: 0;
}

.header .dropdown-item a {
  padding: 10px 5px;
  margin-bottom: -14px;
  display: flex;
  flex-direction: column;
  align-items: start;
  text-align: start;
}

.header .dropdown-item a:hover {
  color: #0048ae !important;
}

.header .dropdown-item a:after {
  content: '';
  border-bottom: 1px solid #ccc;
  padding-top: 5px;
  margin-left: 0%;
  width: 100%;
}

.header .dropdown-item:last-child a:after {
  border-bottom: none;
}

/*
  input search
*/

.form {
  position: relative;
}

.form .fa-search {
  position: absolute;
  top: 8px;
  left: 25px;
  width: 15px;
}

.form-input {
  padding-left: 31px;
  border-radius: 20px;
  height: 30px;
}

.form-input::placeholder {
  text-align: center;
  color: #a6a6a6;
}

/*
  footer
*/

footer {
  background-color: #333333;
  font-size: 12px;
}

footer li:not(:last-child) a:after {
  content: ' -';
}

/*
  filie-se
*/

.filie-se {
  background-image: url("../images/background-filie-se.png");
  background-color: #000046;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 450px;
}

.top-filie-se {
  position: absolute;
  top: 0;
  left: 15%;
  z-index: 1;
}

.card-subheader-filie-se:after {
  content:'';
  position: absolute;
  left: 0;
  right: 0;
  margin: 24px auto;
  width: 0;
  height: 0;
  border-top: 25px solid #001f8e;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
}

.ficha-filie-se {
  background-image: url("../images/background-ficha-filie-se.jpg");
  background-color: grey;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

/*
  carousel-banner-top
*/

@media (max-width: 426px) {
  .carousel-banner-top img {
    height: 200px;
  }
}

.carousel-banner-top .carousel-indicators button {
  width: 20px;
  height: 20px;
  border-radius: 100%;
}

.carousel-banner-top .carousel-indicators .active {
  background-color: #1D3E95;
}

.carousel-banner-top .carousel-control-next-icon {
  background-image: url("../images/carousel-arrow-right.png");
  transform: scale(2.0, 2.0);
  -ms-transform: scale(2.0, 2.0);
  -webkit-transform: scale(2.0, 2.0);
  margin-right: 20px;
}

.carousel-banner-top .carousel-control-prev-icon {
  background-image: url("../images/carousel-arrow-left.png");
  transform: scale(2.0, 2.0);
  -ms-transform: scale(2.0, 2.0);
  -webkit-transform: scale(2.0, 2.0);
  margin-left: 20px;
}

/*
  carousel-noticias
*/

.fundo-carousel-noticias {
  background-image: url("../images/background-carousel-noticias.png");
  background-color: #fbb617;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.div-carousel-noticias {
  padding: 50px 160px;
}

@media (max-width: 800px) {
  .div-carousel-noticias {
    padding: 50px 60px;
  }
}

.card-img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 0px;
}

@media (max-width: 767px) {
  .carousel-noticias .carousel-inner .carousel-item > div {
    display: none;
  }
  .carousel-noticias .carousel-inner .carousel-item > div:first-child {
    display: block;
  }
}

.carousel-noticias .carousel-inner .carousel-item.active,
.carousel-noticias .carousel-inner .carousel-item-next,
.carousel-noticias .carousel-inner .carousel-item-prev {
  display: flex;
}

@media (min-width: 768px) {
  .carousel-noticias .carousel-inner .carousel-item-end.active,
  .carousel-noticias .carousel-inner .carousel-item-next {
    transform: translateX(25%);
    -ms-transform: translateX(25%);
    -webkit-transform: translateX(25%);
  }

  .carousel-noticias .carousel-inner .carousel-item-start.active, 
  .carousel-noticias .carousel-inner .carousel-item-prev {
    transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    -webkit-transform: translateX(-25%);
  }
}

.carousel-noticias .carousel-inner .carousel-item-end,
.carousel-noticias .carousel-inner .carousel-item-start { 
  transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
}

.carousel-noticias .carousel-control-next,
.carousel-noticias .carousel-control-prev {
  opacity: 1;
}

.carousel-noticias .carousel-control-next:hover,
.carousel-noticias .carousel-control-prev:hover {
  opacity: .5;
}

.carousel-noticias .carousel-control-next-icon {
  background-image: url("../images/carousel-arrow-right-section-news.png");
  transform: scale(1,5, 1,5);
  -ms-transform: scale(1,5, 1,5);
  -webkit-transform: scale(1,5, 1,5);
}

.carousel-noticias .carousel-control-prev-icon {
  background-image: url("../images/carousel-arrow-left-section-news.png");
  transform: scale(1,5, 1,5);
  -ms-transform: scale(1,5, 1,5);
  -webkit-transform: scale(1,5, 1,5);
}

/*
  cursosformacoes
*/

.home-cursos-formacoes {
  background-image: url("../images/background-cursos-formacoes.png");
  background-color: #ff6106;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.cursos-formacoes {
  background-image: url("../images/background-cursos-formacoes-2.png");
  background-color: #000046;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 450px;
}

/*
  nossas-publicacoes
*/

.nossas-publicacoes {
  background-image: url("../images/background-nossas-publicacoes.png");
  background-color: #000046;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.nossas-publicacoes h1 {
  color: #FFDA00;
}

.nossas-publicacoes button {
  color: #0047AF;
}

/*
  inflacao
*/

.inflacao {
  background-color: #000000;
  color: #ffffff;
}

/*
  farmacia-servidor
*/

.farmacia-servidor {
  background-image: url("../images/background-farmacia-servidor_4.png");
  background-color: #018547;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 600px;
}

@media (max-width: 360px) {
  .farmacia-servidor {
    height: 220px;
    background-position: -20px;
  }
}

@media screen and (min-width: 361px) and (max-width: 500px) {
  .farmacia-servidor {
    height: 240px;
    background-position: -15px;
  }
}

@media screen and (min-width: 501px) and (max-width: 1024px) {
  .farmacia-servidor {
    background-position: -70px;
    height: 500px;
  }
}

@media (min-width: 1025px) {
  .farmacia-servidor {
    background-position: -70px;
    height: 90vh;
  }
}

/*
  carteirinha-servidor
*/

.carteirinha-servidor {
  background-color: #ddd;
}

/*
  videos
*/

.videos {
  background-image: url("../images/background-videos.png");
  background-color: #000046;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.div-carousel-videos {
  padding: 50px 160px;
}

@media (max-width: 769px) {
  .div-carousel-videos {
    padding: 50px 70px;
  }
}

.carousel-videos .carousel-inner .carousel-item.active,
.carousel-videos .carousel-inner .carousel-item-next,
.carousel-videos .carousel-inner .carousel-item-prev {
  display: flex;
}

.carousel-videos .carousel-inner > .carousel-item {
  transition: 500ms ease-in-out left;
}

.carousel-videos .carousel-inner .active.left {
  left: -33%;
}

.carousel-videos .carousel-inner .active.right {
  left: 33%;
}

.carousel-videos .carousel-inner .next {
  left: 33%;
}

.carousel-videos .carousel-inner .prev {
  left: -33%;
}

@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-videos .carousel-inner > .carousel-item {
    transition: 500ms ease-in-out all;
    -webkit-backface-visibility: visible;
            backface-visibility: visible;
    transform: none !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
  }
}

/*
  acoes-judiciais
*/

.acoes-judiciais {
  background-image: url("../images/background-acoes-judiciais.png");
  background-color: #d0782e;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 600px;
}

@media (max-width: 500px) {
  .acoes-judiciais {
    height: 230px;
    background-position: -25px;
  }
  .acoes-judiciais h1 {
    font-size: 18px;
  }
  .acoes-judiciais h3 {
    font-size: 13px;
  }
}

@media screen and (min-width: 501px) and (max-width: 1024px) {
  .acoes-judiciais {
    height: 340px;
  }
}

.btn-cadastro-acoes-judiciais {
  background-color: #0000A0;
  color: #FFDA00;
  font-weight: bold;
}

.titulo-video-explicativos-acoes {
  background-color: #FFDA00;
  color: #0000A0;
  font-weight: bold;
}

.imagem-card-acoes-judiciais {
  width: 100%;
  height: 225px;
  padding: 10px;
  margin-bottom: -10px;
}

.imagem-card-acoes-judiciais img {
  width: 100%;
  height: 100%;
}

.label-data-card-acoes-judiciais {
  background-color: #0000A0;
  color: #ffffff;
  width: 80px;
}

/*
  cadastro-acoes-judiciais
*/

.logomarca-cadastro-acoes-judiciais {
  width: 300px;
  background-color: #0000A0;
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}

.logomarca-cadastro-acoes-judiciais img {
  width: 100%;
  height: 100%;
}

.titulo-cadastro-acoes-judiciais {
  background-color: #0000A0;
  color: #ffffff;
}

.form-cadastro-acoes-judiciais label {
  margin-top: 4px;
}

.btn-salvar-cadastro-acoes-judiciais {
  background-color: #001f8b;
}

/*
  portal-transparencia
*/

.portal-transparencia {
  background-image: url("../images/background-portal-transparencia.png");
  background-color: #000094;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 600px;
}

@media (max-width: 500px) {
  .portal-transparencia {
    height: 260px;
  }
}
  
@media screen and (min-width: 501px) and (max-width: 1024px) {
  .portal-transparencia {
    height: 340px;
  }
}

.info-login-portal-transparencia {
  background-color: #FFDA00;
  height: 80px;
  color: #0000A0;
  font-weight: bold;
  padding: 10px;
}

.info-login-portal-transparencia img {
  position: absolute;
  width: 25px;
}

/*
  agenda
*/

.agenda {
  background-image: url("../images/background-agenda.png");
  background-color: #f6b22a;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 600px;
}

@media (max-width: 500px) {
  .agenda {
    height: 260px;
  }
}
  
@media screen and (min-width: 501px) and (max-width: 1024px) {
  .agenda {
    height: 340px;
  }
}

.agenda-nav .nav-item {
  padding: 0px;
}

.agenda-nav .nav-item .active {
  color: #FFE600 !important;
  font-weight: bold;
  background-color: #0000A0;
  margin-top: -1px;
  padding: 2px;
}

.agenda-nav li {
  height: 20px;
  margin-top: 10px;
}

.agenda-nav li:not(:last-child) {
  border-right: 2px solid #ffffff;
  height: 20px;
  margin-top: 10px;
}

.agenda-nav li a {
  margin-top: -5px;
  color: #0000A0;
  font-size: 15px;
}

.label-data-card-agenda {
  background-color: #0000A0;
  color: #ffffff;
  width: 40px;
}

.day-data-card-agenda {
  font-size: 22px;
}

.titulo-mes-ano-agenda {
  background-color: #0000A0;
  color: #FFDA00;
  font-weight: bold;
}

/*
  documentos
*/

.documentos {
  background-image: url("../images/background-documentos.png");
  background-color: #000046;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 600px;
}

@media (max-width: 500px) {
  .documentos {
    height: 260px;
  }
  .documentos h1 {
    text-shadow: 0 0 10px grey;
  }
}
  
@media screen and (min-width: 501px) and (max-width: 1024px) {
  .documentos {
    height: 340px;
  }
}

.titulo-mes-ano-documentos {
  background-color: #FFDA00;
  color: #0000A0;
  font-weight: bold;
}

/*
  plano-saude
*/

.plano-saude {
  background-image: url("../images/background-plano-saude.png");
  background-color: #5f7396;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 600px;
}

.plano-saude h1, .plano-saude h3 {
  text-shadow: 0 0 10px #000000;
}

@media (max-width: 500px) {
  .plano-saude {
    height: 260px;
  }
}
  
@media screen and (min-width: 501px) and (max-width: 1024px) {
  .plano-saude {
    height: 340px;
  }
}

.titulo-extrato-plano-saude {
  background-color: #018a46;
  color: #ffffff;
  font-weight: bold;
}

/*
  contato
*/

.contato {
  background-image: url("../images/background-contato.png");
  background-color: #ba5cba;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 600px;
}

@media (max-width: 1024px) {
  .contato {
    height: 420px;
  }
}

.div-card-contato {
  color: #0000A0;
  font-size: 14px;
}

.card-1-contato {
  text-align: center;
  background-color: #ffef01;
}

.card-2-contato {
  text-align: center;
  background-color: #ffd001;
}

.card-3-contato {
  text-align: center;
  background-color: #fec200;
}

.div-contato {
  background-color: #001f8b;
  color: #ffffff;
}

/*
  diretoria
*/

.diretoria {
  background-image: url("../images/background-diretoria.png");
  background-color: #000046;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 600px;
}

@media (max-width: 500px) {
  .diretoria {
    height: 260px;
    background-position: -25px;
  }
}
  
@media screen and (min-width: 501px) and (max-width: 1024px) {
  .diretoria {
    height: 340px;
  }
}

.card-1-diretoria {
  background-color: #feffe0;
  font-size: 12px;
}

.card-2-diretoria {
  background-color: #e5ffff;
  font-size: 12px;
}

.card-3-diretoria {
  background-color: #ffeefe;
  font-size: 12px;
}

.card-4-diretoria {
  background-color: #e6eddb;
  font-size: 12px;
}

/*
  fotos
*/

.fotos {
  background-image: url("../images/background-fotos.png");
  background-color: #505053;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 600px;
}

@media (max-width: 500px) {
  .fotos {
    height: 260px;
    background-position: -130px;
  }
}
  
@media screen and (min-width: 501px) and (max-width: 1024px) {
  .fotos {
    height: 340px;
  }
}

.imagem-card-fotos {
  height: 225px;
}

.imagem-card-fotos img {
  width: 100%;
  height: 100%;
}

@media (min-width: 992px) {
  .separador-card-fotos:after {
    content: '';
    position: absolute;
    top: 0px;
    right: -10px;
    width: 100%;
    height: 100%;
    background-image: url("../images/separator.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }
}

/*
  cursos-formacoes
*/

.titulo-cursos-formacoes {
  background-color: #001f8b;
  color: #ffffff;
  width: 220px;
}

.imagem-card-cursos-formacoes {
  height: 225px;
  padding: 10px;
}

.imagem-card-cursos-formacoes img {
  width: 100%;
  height: 100%;
}

.label-data-card-cursos-formacoes {
  background-color: #0000A0;
  color: #ffffff;
  width: 60px;
}

.div-titulo-curso-online-cursos-formacoes {
  background-color: #001f8b;
  color: #ffffff;
}

/*
  jornal
*/

.jornal {
  background-image: url("../images/background-jornal.png");
  background-color: #000046;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 600px;
}

@media (max-width: 500px) {
  .jornal {
    height: 260px;
  }
}
  
@media screen and (min-width: 501px) and (max-width: 1024px) {
  .jornal {
    height: 340px;
  }
}

/*
  noticias
*/

.noticias {
  background-image: url("../images/background-noticias.png");
  background-color: #000046;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 600px;
}

@media (max-width: 500px) {
  .noticias {
    height: 260px;
  }
}
  
@media screen and (min-width: 501px) and (max-width: 1024px) {
  .noticias {
    height: 340px;
  }
}

.titulo-noticias {
  width: 40%;
  background-color: #0000A0;
  padding: 30px;
  transform: skewX(-20deg);
  -ms-transform: skewX(-20deg);
  -webkit-transform: skewX(-20deg);
}

@media (max-width: 390px) {
  .titulo-noticias h2 {
    margin-left: -20px;
  }
}

@media (max-width: 1024px) {
  .titulo-noticias {
    width: 90%;
  }
}

.titulo-noticias img {
  width: 100%;
  height: 100%;
  transform: skewX(20deg);
  -ms-transform: skewX(20deg);
  -webkit-transform: skewX(20deg);
}

.titulo-separador-noticias:after {
  content: '';
  position: absolute;
  top: 15%;
  right: 50%;
  height: 70%;
  border-right: 2px solid #ffffff;
}

.imagem-card-noticias {
  width: 100%;
  height: 225px;
}

.imagem-card-noticias img {
  width: 100%;
  height: 100%;
}

/*
  conheca-sertoledo
*/

.conheca-sertoledo {
  background-image: url("../images/background-sertoledo.png");
  background-color: #000046;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 600px;
}

@media (max-width: 500px) {
  .conheca-sertoledo {
    height: 260px;
    background-position: -100px;
  }
}
  
@media screen and (min-width: 501px) and (max-width: 1024px) {
  .conheca-sertoledo {
    height: 340px;
  }
}

/*
  atualizacao-cadastral
*/

.atualizacao-cadastral {
  background-image: url("../images/background-atualizacao-cadastral.png");
  background-color: #eeb300;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 600px;
}

@media (max-width: 500px) {
  .atualizacao-cadastral {
    height: 260px;
  }
}
  
@media screen and (min-width: 501px) and (max-width: 1024px) {
  .atualizacao-cadastral {
    height: 340px;
  }
}

/*
  galeria-fotos
*/

.galeria-fotos {
  background-image: url("../images/background-galeria-fotos.png");
  background-color: #000046;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 450px;
}

/*
  publicacoes
*/

.publicacoes {
  background-image: url("../images/background-publicacoes.png");
  background-color: #000046;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 600px;
}

@media (max-width: 500px) {
  .publicacoes {
    height: 260px;
  }
}
  
@media screen and (min-width: 501px) and (max-width: 1024px) {
  .publicacoes {
    height: 340px;
  }
}

.text-indent {
  margin: 0;
  text-indent: 2rem;
  text-align: justify;
}

/*
  conselho-fundeb
*/

.conselho-fundeb {
  background-image: url("../images/background-conselho-fundeb.png");
  background-color: #505053;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 600px;
}

@media (max-width: 500px) {
  .conselho-fundeb {
    height: 260px;
    background-position: -80px;
  }
  .conselho-fundeb h1 {
    font-size: 20px !important;
    text-shadow: 0 0 10px grey;
  }
}
  
@media screen and (min-width: 501px) and (max-width: 1024px) {
  .conselho-fundeb {
    height: 340px;
  }
}

/*
  conselho-cme
*/

.conselho-cme {
  background-image: url("../images/background-conselho-cme.png");
  background-color: #4f6e55;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 600px;
}

@media (max-width: 500px) {
  .conselho-cme {
    height: 260px;
    background-position: 65%;
  }
  .conselho-cme h1 {
    font-size: 20px !important;
    text-shadow: 0 0 10px grey;
  }
}
  
@media screen and (min-width: 501px) and (max-width: 1024px) {
  .conselho-cme {
    height: 340px;
  }
}

.py-5 {
    padding-top: 0.5rem !important;
}