body {
  color: #707070 !important;

  .entry-header {
    margin-bottom: 30px !important;
  }

  h1 {
    font-size: 36px !important;
    margin-top: 20px;
    margin-bottom: 10px;
    color: #377ab4;

    a {
      color: #377ab4 !important;
    }
  }

  h2 {
    font-size: 27px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 400;
  }

  h3 {
    font-size: 27px;
    margin-top: 0;
    margin-bottom: 30px;
    color: #377ab4;
    font-weight: 400;
  }

  h4 {
    font-size: 21px;
    margin-top: 0;
  }

  h5 {
    font-size: 16px;
    font-weight: 600 !important;
  }

  h6 {
    font-size: 14px;
    font-weight: 600 !important;
    margin-top: 20px;
    margin-bottom: 0;
  }
}

/* Ajuste das bordas que estavam com -15px */
#sp-page-title .row {
  margin-right: 0;
  margin-left: 0;
}

#sp-title {
  padding-right: 0;
  padding-left: 0;
}

#sp-beneficios-tarja.col-sm-12,
#sp-beneficios-tarja.col-md-12 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

#sp-tarja-verde .row {
  margin-right: 0;
  margin-left: 0;
}

* {
  box-sizing: border-box !important;
}

/* // .row {
//   margin-left: 0 !important;
//   margin-right: 0 !important;
// }
// .container-fluid {
//   padding-right: 0 !important;
//   padding-left: 0 !important;
// }
// .container {
//   padding-right: -15px !important;
//   padding-left: -15px !important;
// } */


/* LGPD Footer */
#sp-selos .mapa-site-lgdp {
  display: flex;
  gap: 15px;
  align-items: start;
  justify-content: space-between;
  color: #fff;
  font-size: 1rem;
  padding: 0 15px;
}

#sp-selos .mapa-site-lgdp a,
#sp-selos .mapa-site-lgdp a:hover {
  color: #fff;
}

#sp-selos .mapa-site-lgdp-inner {
  display: flex;
  gap: 15px;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1rem;
}

@media screen and (min-width: 250px) and (max-width: 767px) {
  #sp-selos .mapa-site-lgdp {
    display: inline-block;
    width: 100%;
  }

  #sp-selos .mapa-site-lgdp-inner:first-child {
    padding-bottom: 15px;
  }
}


/* Resetar margem do bootstrap em colunas */
.reset-left {
  padding-left: 0 !important;
}

.reset-right {
  padding-right: 0 !important;
}

.reset-container .container-fluid {
  padding-right: -15px !important;
  padding-left: -15px !important;
}

@media screen and (min-width: 250px) and (max-width: 767px) {
  .reset-left {
    padding: 0 !important;
  }

  .reset-right {
    padding: 0 !important;
  }
}


/* Desativar rolagem horizontal em artigos curtos — apenas no desktop */
.body-innerwrapper {
  overflow-x: hidden;
}

@media (min-width: 993px) {
  .body-innerwrapper.body_innerwrapper_overflow {
    overflow-x: visible;
  }
}


/* Shadow Custom */
.text-shadow {
  text-shadow: none;

  .sppb-cta-title {
    text-shadow: none;
  }
}

/* Ícones redes sociais cabeçalho e rodapé maior */
/* // ul.social-icons {
//   font-size: 115% !important;
// } */

/* Imagem de Abertura - estilo original em theme.less - Lazy Loading for images. From Flex 3.5 */
.lazyload,
.lazyloading {
  opacity: 0;
  height: 100%;
  mix-blend-mode: multiply;
}

.lazyloaded {
  opacity: 1;
  transition: (opacity 650ms ease);
  mix-blend-mode: multiply;
}

.afpesp-menu-title {
  background-image: url(https://cdn.afpesp.org.br/images/site/bg/background-gray.png);
  background-repeat: repeat;
  background-size: inherit;
}

/* Opções de background */
.bg-01 {
  background-image: url(https://cdn.afpesp.org.br/images/site/bg/background-white-85.png);
  background-repeat: repeat;
  background-size: inherit;
}

.bg-02 {
  background-image: url(https://cdn.afpesp.org.br/images/site/bg/section-background-stripes.png);
  background-repeat: repeat;
  background-size: inherit;
}

.bg-03 {
  background-image: url(https://cdn.afpesp.org.br/images/site/bg/section-background-stripes2.png);
  background-repeat: repeat;
  background-size: inherit;
}

.bg-04 {
  background-image: url(https://cdn.afpesp.org.br/images/site/bg/section-background-blue.png);
  background-repeat: repeat;
  background-size: inherit;
}

/* Mapa Site - Reset Margin */
#sp-mapa-do-site .container {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

#sp-mapa-do-site #sp-selos hr {
  margin-left: 15px;
  margin-right: 15px;
}

#sp-mapa-do-site {
  background-color: #2e394a !important;
}


/* Footer Rodape Copyright */
.sp-copyright a {
  color: #ffffff !important;
  text-decoration: none !important;
}

.sp-copyright a:hover {
  color: #64beed !important;
  text-decoration: underline !important;
}

/* Adicionar padding ou margem */
.spacer {
  margin-right: 10px;
}

.pull-left {
  margin-bottom: 0;
}

.pull-right {
  margin-bottom: 0;
}

.padding30 {
  padding: 30px 0;
}

.padding50 {
  padding: 50px 0;
}

.padding-right-30 {
  padding-right: 30px;
}

.padding-left-30 {
  padding-left: 30px;
}

.padding-bottom-10 {
  padding-bottom: 10px;
}

.padding-bottom-20 {
  padding-bottom: 20px;
}

.padding-bottom-30 {
  padding-bottom: 30px;
}

.padding-bottom-40 {
  padding-bottom: 40px;
}

.padding-bottom-50 {
  padding-bottom: 50px;
}

.padding-bottom-60 {
  padding-bottom: 60px;
}

.padding-top-10 {
  padding-top: 10px;
}

.padding-top-20 {
  padding-top: 20px;
}

.padding-top-30 {
  padding-top: 30px;
}

.padding-top-40 {
  padding-top: 40px;
}

.padding-top-50 {
  padding-top: 50px;
}

.padding-top-60 {
  padding-top: 60px;
}

.margin-top-10 {
  margin-top: 10px;
}

.margin-top-20 {
  margin-top: 20px;
}

.margin-top-30 {
  margin-top: 30px;
}

.margin-top-32 {
  margin-top: 32px;
}

.margin-top-40 {
  margin-top: 40px;
}

.margin-top-50 {
  margin-top: 50px;
}

.margin-bottom-5 {
  margin-bottom: 5px;
}

.margin-bottom-10 {
  margin-bottom: 10px;
}

.margin-bottom-20 {
  margin-bottom: 20px;
}

.margin-bottom-30 {
  margin-bottom: 30px;
}

.margin-bottom-40 {
  margin-bottom: 40px;
}

.margin-bottom-50 {
  margin-bottom: 50px;
}

@media screen and (min-width: 250px) and (max-width: 767px) {
  .espaco-sem-titulo {
    margin-top: 15px;
  }

  .padding-right-30 {
    padding-right: 0;
  }

  .padding-left-30 {
    padding-left: 0;
  }

  .padding-bottom-10,
  .padding-bottom-20 {
    padding-bottom: 10px;
  }

  .padding-bottom-30,
  .padding-bottom-40,
  .padding-bottom-50,
  .padding-bottom-60 {
    padding-bottom: 30px;
  }

  .padding-top-10,
  .padding-top-20 {
    padding-top: 10px;
  }

  .padding-top-30,
  .padding-top-30,
  .padding-top-40,
  .padding-top-50,
  .padding-top-60 {
    padding-top: 30px;
  }

  .margin-top-10,
  .margin-top-20 {
    margin-top: 10px;
  }

  .margin-top-30,
  .margin-top-40,
  .margin-top-50 {
    margin-top: 30px;
  }

  .margin-bottom-5 {
    margin-bottom: 5px;
  }

  .margin-bottom-10,
  .margin-bottom-20 {
    margin-bottom: 10px;
  }

  .margin-bottom-30,
  .margin-bottom-40,
  .margin-bottom-50 {
    margin-bottom: 30px;
  }
}

/* Variações de cores */
.azul {
  color: #377ab4 !important;
}

.branco {
  color: #ffffff !important;
}

.branco a {
  color: #ffffff !important;
}

.branco a:hover {
  color: #ffffff !important;
}

/* Tarja verde - position absolute e z-indez 100 */
#sp-tarja-verde {
  position: absolute;
  z-index: 2;
  width: 100%;
}

/* Estilo botão para link */
a.botao {
  appearance: button;
  display: inline-block;
  width: 100%;
  text-align: left;
  -webkit-writing-mode: horizontal-tb !important;
  writing-mode: horizontal-tb !important;
  padding: 10px 20px;
  border-radius: 4px;
  background-color: #377ab4;
  text-transform: uppercase;
  font-size: 14px;
  color: #fff !important;
  margin: 5px 0 0 0 !important;
}

a.botao:first-child {
  margin: 0 0 0 0 !important;
}

a.botao:hover {
  background-color: rgba(100, 190, 237, 1);
  -webkit-transition: color 400ms, background-color 400ms, border-color 400ms;
  -moz-transition: color 400ms, background-color 400ms, border-color 400ms;
  -o-transition: color 400ms, background-color 400ms, border-color 400ms;
  transition: color 400ms, background-color 400ms, border-color 400ms;
}

/* Reset de Modulos e Componentes */
.helix-social-share {
  margin-top: 35px !important;
}

.top-search-input-wrap .top-search-wrap.active {
  margin-right: 12px;
}

.sp-module .latest-articles a,
.sppb-addon-module .latest-articles a {
  padding: 0 0 10px 0 !important;
  justify-content: left !important;
}

.sp-module .latest-articles a .latest-articles-title,
.sppb-addon-module .latest-articles a .latest-articles-title {
  margin: 0 !important;
}

.tags>span>i {
  margin: 0 5px 0 3px;
  font-family: "Font Awesome 5 Free" !important;
  color: rgba(45, 45, 45, 0.45) !important;
}

.tags a.label :hover {
  color: #377ab0 !important;
}

/* Notícias - ajustes de layout no mobile */
#sp-noticias .accordion-menu li ul>li>a {
  text-indent: 0 !important;
}

@media screen and (min-width: 250px) and (max-width: 992px) {

  #sp-right-top .sp-module,
  #sp-right-bottom .sp-module {
    margin: 0 0 30px 0 !important;
  }
}

/* Notícias - ajax e posts */
#sp-noticias hr {
  margin-top: 50px;
  margin-bottom: 50px;
}

#sp-noticias .ajax-posts {
  margin-right: 0 !important;
  margin-left: -15px !important;
}

#sp-noticias .ajax-posts .ajax-post .inner {
  margin-top: 0 !important;
  margin-bottom: 30px !important;
  padding: 0 0 30px 0 !important;
  border: 0;
  box-shadow: inset 0 -1px 0 #ddd;
}

#sp-noticias .post h3 a {
  color: #666;
  font-weight: 300;
  margin: 0;
  line-height: 1.2;
  width: auto;
  padding-right: 20px;
  padding-bottom: 15px;
  box-shadow: inset 0 -1px 0 #ddd;
  display: table;
}

#sp-noticias .post h3:after,
#sp-noticias .post h3:after {
  background: #377ab4;
  clear: both;
  display: block;
  float: left;
  content: "";
  position: relative;
  height: 2px;
  width: 70%;
  margin: -2px 30% 0 0;
  border-radius: 2px;
  padding: 0;
}

#sp-noticias .post h3 a:hover {
  color: #377ab4;
}

#sp-noticias .post .readmore {
  margin: 8px 20px 0 0;
  float: left;
}

#sp-noticias .post .helix-social-share .helix-social-share-blog ul {
  margin-top: 8px;
}

#sp-noticias .post .btn-info {
  color: #fff;
  background-color: #377ab4;
  border-color: #377ab4;
}

#sp-noticias .item {
  padding-right: 15px !important;
}

#sp-noticias h4 {
  margin-top: 0 !important;
  margin-bottom: 30px !important;
}

#sp-noticias h5,
#sp-noticias h6 {
  margin-top: 30px !important;
  margin-bottom: 10px !important;
}

/* Benefícios / Educação e Cultura - ajax */
.tarja {
  font-size: 14px;
  padding: 4px 0 4px 0;
  background-color: #20a23e;
  text-align: center;
  color: #fff;
  line-height: 16px;
}

.tarja strong {
  margin-right: 8px;
}

@media screen and (min-width: 250px) and (max-width: 767px) {
  .tarja {
    font-size: 12px;
    padding: 6px 0 6px 0;
    line-height: 14px;
  }

  .tarja strong {
    display: block !important;
    margin-right: 0;
  }
}

.sede_custom hr,
.beneficios_custom hr {
  margin-top: 40px;
  margin-bottom: 40px;
}

.sede_custom .ajax-post,
.beneficios_custom .ajax-post {
  .inner {
    .intro-image {
      a {
        img.post-img {
          mix-blend-mode: multiply !important;
        }
      }
    }

    &.overlay {
      .intro-image {
        background-color: #ffffff;
        background-image: linear-gradient(to bottom,
            rgba (30, 30, 30, 0),
            rgba (30, 30, 30, 0.3),
            rgba (30, 30, 30, 0.7));

        a {
          .caption-content {
            font-size: 18px !important;
            text-transform: none !important;
            color: #fff;
            top: auto !important;
            bottom: 10% !important;
            text-shadow: none !important;
            opacity: 1 !important;
            text-shadow: 1px 1px 1px rgba(0, 0, 0, 0);
            font-family: Raleway !important;
          }
        }
      }
    }
  }
}

.beneficios_custom .ajax-post {
  .inner {
    &.overlay {
      .intro-image {
        a {
          .caption-content {
            top: auto !important;
          }
        }
      }
    }
  }
}


/* // .sede_custom .ajax-post {
//   .inner {
//     &.overlay {
//       .intro-image {
//         a {
//           .caption-content {
//             top: 70% !important;
//           }
//         }
//       }
//     }
//   }
// } */

.sede_custom_saude h3 {
  font-size: 27px !important;
  margin-top: 0 !important;
  margin-bottom: 30px !important;
  color: #377ab4 !important;
  font-weight: 400 !important;
}

.sede_custom_saude .divider {
  display: none !important;
}

.sede_custom_saude .loader_footer {
  display: none !important;
}

/* Quem Somos - Timeline */
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel {
  width: 100% !important;
}

/* Folha do Servidor */
.folha-servidor {
  display: grid;
  grid-template-columns: 1fr 2fr;
  max-width: 100%;
  margin: 0 auto;
  grid-gap: 0 60px;
}

.folha-servidor-grid {
  background-color: #fff;
  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.2);
  font-weight: 600;
}

.folha-servidor-grid img {
  height: auto;
  /* 483px */
}

.folha-servidor-texto {
  position: relative;

  h4 {
    border-bottom: 1px solid #dfdfdf;
    padding: 0 0 15px 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  h4 :first-child {
    font-weight: 600;
    color: #377ab4;
  }

  p {
    border-bottom: 1px solid #dfdfdf;
    padding: 15px 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  p :first-child {
    font-weight: 600;
  }

  strong {
    font-weight: 600;
  }

  .helix-social-share {
    margin-top: 35px;
    position: absolute;
    bottom: 0;
  }

  .helix-social-share .helix-social-share-blog.helix-social-share-article ul {
    padding: 0 !important;
    padding-top: 2px;
  }

  a.button {
    /*position: absolute;*/
    position: relative;
    appearance: button;
    -webkit-writing-mode: horizontal-tb !important;
    writing-mode: horizontal-tb !important;
    text-rendering: auto;
    display: inline-block;
    align-items: inherit;
    padding: 10px 20px;
    border-radius: 4px;
    outline: 0;
    background-color: #377ab4;
    text-transform: normal;
    text-align: left;
    /*bottom: 50px;*/
    font-size: 14px;
    color: #fff !important;
    margin: 15px 5px 80px 0 !important;

    strong {
      font-weight: 700;
    }
  }

  @media screen and (max-width: 992px) {
    a.button {
      margin: 15px 0 0 0 !important;
    }
  }

  a.button:last-child {
    margin-bottom: 0 !important;
  }

  a.button:hover {
    background-color: rgba(100, 190, 237, 1);
    -webkit-transition: color 400ms, background-color 400ms, border-color 400ms;
    -moz-transition: color 400ms, background-color 400ms, border-color 400ms;
    -o-transition: color 400ms, background-color 400ms, border-color 400ms;
    transition: color 400ms, background-color 400ms, border-color 400ms;
  }
}

/* Folha do servidor */
#sp-folha-do-servidor-ajax .sp-module-title {
  margin-bottom: 30px !important;
  font-size: 27px !important;
  font-weight: 300 !important;
  color: #377ab4 !important;
  font-weight: 400 !important;
}

#sp-folha-do-servidor-ajax .sp-module .sp-module-title,
.sppb-addon-module .sp-module-title {
  box-shadow: inset 0 0 0 #ddd !important;
}

#sp-folha-do-servidor-ajax .sp-module .sp-module-title:after,
.sppb-addon-module .sp-module-title:after {
  display: none;
}

/*#sp-folha-do-servidor-ajax .ajax-post .inner.overlay .intro-image a {
  height: 280px !important;
}*/
#sp-folha-do-servidor-ajax .ajax-post .inner>div.article_style {
  margin: -30px;
  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.2);
}

#sp-folha-do-servidor-ajax .ajax-posts .ajax-post .inner .aga_heading {
  font-size: 14px;
  line-height: 1.4;
  font-weight: 600;
  color: #377ab4 !important;
  margin: 15px -30px 0 -30px !important;
}

#sp-folha-do-servidor-ajax .ajax-post {
  .inner {
    &.overlay {
      .intro-image {
        a {
          .caption-content {
            opacity: 100 !important;
          }
        }
      }
    }
  }
}

#sp-folha-do-servidor-ajax .ajax-post:hover {
  .inner {
    &.overlay {
      .intro-image {
        a {
          .caption-content {
            opacity: 0 !important;
          }
        }
      }
    }
  }
}

#sp-folha-do-servidor-ajax .ajax-post .inner.overlay .intro-image a:after {
  background: rgba(0, 0, 0, 0.3);
  filter: grayscale(50%);
  backdrop-filter: blur(0.01em);
}

#sp-folha-do-servidor-ajax .ajax-post .inner.overlay .intro-image a:hover:after {
  background: rgba(55, 122, 180, 0);
  filter: grayscale(0%) !important;
  backdrop-filter: blur(0em);
}

#sp-folha-do-servidor-ajax .ajax-post .inner.overlay .intro-image a .caption-content {
  /* text-shadow: 1px 1px 1px rgb(0 0 0 / 20%); */
  text-shadow: none;
}

#sp-folha-do-servidor-ajax .ajax-posts .ajax-post .overlay .intro-image .caption-content,
#sp-folha-do-servidor-ajax .ajax-posts .ajax-post .inner .aga_heading {
  font-size: 14px;
  line-height: 1.4;
  font-weight: 600;
  text-transform: uppercase;
}

#sp-folha-do-servidor-ajax .ajax-post .inner.overlay .intro-image a .caption-content {
  top: auto;
  bottom: -6px !important;
  background: rgba(55, 122, 180, 0.75);
  padding: 5px 0;
  backdrop-filter: blur(0.5em);
}

.folha-servidor-texto h4 {
  border-bottom: 1px solid #dfdfdf;
  padding: 0 0 8px 0;
  margin-bottom: 10px !important;
  font-size: 20px !important;
}

.folha-servidor-texto p {
  border-bottom: none !important;
  padding: 8px 0 !important;
  line-height: 1.5em;
  font-size: 14px !important;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .folha-servidor {
    grid-template-columns: repeat(2, 1fr);
    /*1fr 1fr*/
  }

  .folha-servidor-grid {
    width: 100%;
    height: auto;
  }

  .folha-servidor-grid img {
    height: auto !important;
  }

  .helix-social-share {
    margin-top: 15px !important;
    position: relative !important;
    bottom: 0;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .folha-servidor {
    grid-template-columns: repeat(1, 1fr);
    /*1fr 1fr*/
  }

  .folha-servidor-grid {
    width: 40%;
    height: auto;
  }

  .folha-servidor-grid img {
    height: auto !important;
  }

  .folha-servidor-texto {
    margin-top: 15px !important;
  }

  .helix-social-share {
    margin-top: 15px !important;
    position: relative !important;
    bottom: 0;
  }
}

@media screen and (min-width: 250px) and (max-width: 767px) {
  .folha-servidor {
    grid-template-columns: repeat(1, 1fr);
    /*1fr 1fr*/
  }

  .folha-servidor-grid {
    width: 60%;
    height: auto;
  }

  .folha-servidor-grid img {
    height: auto !important;
  }

  .folha-servidor-texto {
    margin-top: 15px !important;
  }

  .helix-social-share {
    margin-top: 15px !important;
    position: relative !important;
    bottom: 0;
  }
}

/* Podcast */
.podcast {
  display: grid;
  grid-template-columns: 1fr 2fr;
  max-width: 100%;
  margin: 0 auto;
  grid-gap: 50px 60px;

  h1 {
    font-size: 225% !important;
  }

  h3 {
    font-weight: 600;
    color: #377ab4;
    font-family: Raleway, sans-serif;
    font-size: 23px;
    margin: 0 0 0 !important;
  }

  .article-info {
    padding-top: 10px;
    padding-bottom: 20px;
  }

  .article-info>dd:first-child {
    margin: 0 5px 0 1px !important;
  }
}

@media (max-width: 600px) {
  .podcast {
    grid-template-columns: repeat(1, 1fr);
    /*1fr 1fr*/
  }
}

.podcast-grid {
  background-color: #fff;
  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.2);
  font-weight: 600;
}

.podcast-texto {
  position: relative;

  h4 {
    font-size: 23px;
    font-weight: 600;
    color: #377ab4;
  }

  p {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  strong {
    font-weight: 600;
  }

  .helix-social-share {
    margin-top: 35px !important;
    position: absolute;
    bottom: 0;
  }

  .helix-social-share .helix-social-share-blog.helix-social-share-article ul {
    padding: 0 !important;
    padding-top: 2px;
  }

  audio {
    /*position: absolute;*/
    -webkit-writing-mode: horizontal-tb !important;
    writing-mode: horizontal-tb !important;
    text-rendering: auto;
    display: inline-block;
    align-items: inherit;
    outline: 0;
    text-transform: uppercase;
    text-align: left;
    /*bottom: 0;*/
    font-size: 14px;
    margin: 30px 0 !important;

    strong {
      font-weight: 600;
    }
  }

  audio:last-child {
    margin-bottom: 0 !important;
  }
}

#sp-podcast-ajax h3 {
  margin-bottom: 30px !important;
  font-weight: 600;
  color: #377ab4;
  font-family: Raleway, sans-serif;
  font-size: 23px;
}

#sp-podcast-ajax .sp-module .sp-module-title {
  margin: 0 0 0 0 !important;
  font-size: 23px;
  padding-right: 0 !important;
  box-shadow: none !important;
}

#sp-podcast-ajax a {
  color: #666;
}

#sp-podcast-ajax .loader_footer {
  margin: 0 auto 15px auto !important;
}

#sp-podcast-ajax .sp-module .sp-module-title:after {
  display: none;
}

#sp-podcast-ajax .ajax-post .inner>div.article_style {
  margin: -30px;
  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.2);
}

#sp-podcast-ajax .ajax-posts .ajax-post .inner .aga_heading {
  font-size: 14px;
  line-height: 1.4;
  font-weight: 600;
  color: #377ab4 !important;
  margin: 15px -30px 0 -30px !important;
}

#sp-podcast-ajax .ajax-post {
  .inner {
    &.overlay {
      .intro-image {
        a {
          .caption-content {
            opacity: 0 !important;
          }
        }
      }
    }
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .podcast {
    grid-template-columns: repeat(2, 1fr);
    /*1fr 1fr*/
  }

  .podcast-grid {
    width: 100%;
    height: auto;
  }

  .helix-social-share {
    margin-top: 35px !important;
    position: relative !important;
    bottom: 0;
  }
}

@media screen and (min-width: 767px) and (max-width: 992px) {
  .podcast {
    grid-template-columns: repeat(1, 1fr);
    /*1fr 1fr*/
  }

  .podcast-grid {
    width: 40%;
    height: auto;
  }

  .podcast-texto {
    margin-top: 35px !important;
  }

  .helix-social-share {
    margin-top: 35px !important;
    position: relative !important;
    bottom: 0;
  }
}

@media screen and (min-width: 250px) and (max-width: 767px) {
  .podcast {
    grid-template-columns: repeat(1, 1fr);
    /*1fr 1fr*/
  }

  .podcast-grid {
    width: 60%;
    height: auto;
  }

  .podcast-texto {
    margin-top: 35px !important;
  }

  .podcast-share {
    margin-top: 35px !important;
    position: relative !important;
    bottom: 0;
  }
}

/* Fale Conosco */
.fale-conosco .sppb-panel-heading .sppb-panel-title {
  font-size: 100% !important;
  font-weight: 600 !important;
}

.fale-conosco .sppb-panel-title {
  font-size: 14px !important;
  font-weight: 600 !important;
}

.fale-conosco .accordion-afpesp {
  h4 {
    color: #377ab4;
    margin-top: 10px !important;
    margin-bottom: 20px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
  }
}

.fale-conosco .sppb-panel-flex>.sppb-panel-heading+.sppb-panel-collapse>.sppb-panel-body {
  padding: 10px 0 10px 0 !important;
}

/* Conselho Deliberativo - ajax */
.conselhodeliberativo_spacer {
  margin-top: 57px;
}

.conselhodeliberativo_custom .ajax-posts {
  margin: -1px !important;
}

.conselhodeliberativo_custom .ajax-post {
  .inner {
    .intro-image {
      a {
        img.post-img {
          mix-blend-mode: multiply !important;
        }
      }
    }

    &.overlay {
      .intro-image {
        background-color: #ffffff;
        background-image: linear-gradient(to bottom right, #999999, #333333);

        a {
          .caption-content {
            font-size: 18px !important;
            color: #fff;
            top: 35% !important;
            text-shadow: none !important;
            opacity: 1 !important;
            text-shadow: 1px 1px 1px rgba(0, 0, 0, 0);
            font-family: Raleway !important;
          }
        }

        &:hover {
          .caption-content {
            opacity: 1;
            color: #fff;
            -ms-transform: translateY(-30%);
            -webkit-transform: translateY(-30%);
            transform: translateY(-30%);
          }
        }
      }
    }
  }
}

@media screen and (min-width: 250px) and (max-width: 767px) {
  .conselhodeliberativo_spacer {
    margin-top: -20px;
  }
}

.conselho-categoria {
  display: inline-block;
  vertical-align: top;
  position: relative;
  top: 0;
  left: 0;
  color: #fff;
  border: 0px solid #fff;
  border-radius: 4px;
  z-index: 10;
  padding-left: 6px !important;
  padding-right: 6px !important;
  height: 20px;
  font-size: 11px;
  font-weight: 600;
  line-height: 21px;
  text-decoration: none;
  text-transform: uppercase;
  margin-bottom: 15px;
  background-color: rgba(55, 122, 180, 0.75);
}

.conselho-resenhas {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  /*1fr 1fr 1fr*/
  max-width: 100%;
  margin: 0 auto;
  grid-gap: 5px;

  a {
    color: #aaaaaa;
    background-color: #ffffff;
    border: 1px solid #eeeeee;
    padding: 20px;
    font-weight: 600;
    text-align: center;
    font-size: 12px !important;
    text-transform: uppercase;
    transition: all 0.3s ease;
  }

  a:hover {
    color: #999 !important;
    background-color: #eeeeee;
    -ms-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}

@media screen and (min-width: 250px) and (max-width: 992px) {
  .conselho-resenhas {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

/* Icones */
.ico-shop {
  background-image: url(https://cdn.afpesp.org.br/images/site/icones/ico-shop.png);
  background-size: contain;
  width: 24px;
  height: 25px;
  background-repeat: no-repeat;
  z-index: 99;
  display: inline-block;
}

.ico-elevador {
  background-image: url(https://cdn.afpesp.org.br/images/site/icones/ico-elevador.png);
  background-size: contain;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  z-index: 99;
  display: inline-block;
}

.ico-rede {
  background-image: url(https://cdn.afpesp.org.br/images/site/icones/ico-rede.png);
  background-size: contain;
  width: 15px;
  height: 15px;
  background-repeat: no-repeat;
  z-index: 99;
  display: inline-block;
}

.ico-petfriendly {
  background-image: url(https://cdn.afpesp.org.br/images/site/icones/ico-petfriendly.png);
  width: 114px;
  height: 33px;
  margin-left: 10px;
  background-repeat: no-repeat;
  z-index: 1;
  display: inline-block;
}

/* Fim Icones */

/* Header Menu */
#sp-header .logo {
  height: 90px !important;
  line-height: 90px !important;
  width: 110px;
  /* 95 anos - alterar o width para 50px ao final do evento */
  margin: 0;
}


/* 95 anos - Comentar esse trecho quando o evento terminar */
#sp-top-bar,
#sp-footer {
  /* background-color: #377ab4 !important; gradient de fundo */
  background: linear-gradient(to right, #00aa46, #00c784 40%, #0090f2);
  /* a cor do meio tem que ficar antes do central */
  background-size: 140% 100%;
  animation: gradientAnimation 10s ease infinite;
}

/* Fim 95 anos - Comentar esse trecho quando o evento terminar */

#sp-top-bar a:hover {
  color: #fff !important;
}


@keyframes gradientAnimation {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

#sp-header .top-search-wrapper .icon-top-wrapper>i:before {
  height: 90px;
  line-height: 90px;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.current-item>a {
  border-radius: 0 !important;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  padding: 0 !important;
}

.sp-megamenu-wrapper #offcanvas-toggler {
  height: 90px !important;
  line-height: 90px !important;
}

.top-search-ajuste {
  height: 90px;
  line-height: 90px;
}

.line-header {
  border-width: 0 0 1px 0;
  border-color: #dddddd;
  border-style: solid;
  height: 90px !important;
}

.sticky .sticky__wrapper {
  background-color: rgba(255, 255, 255, 0.9) !important;
  border-width: 0 0 1px 0;
  border-color: #dddddd;
  border-style: solid;
  height: 90px !important;
}

/* Fim Header Menu */

a#scroll-top>i {
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.25) !important;
  opacity: 0.8;
  height: 56px;
  width: 56px;
  line-height: 1;
  text-align: center;
  font-size: 56px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.sppb-progress {
  height: 2px;
}

.sppb-addon-title {
  color: #377ab4 !important;
}

.texto-cinza p {
  color: #707070 !important;
}

.margin-right-5px {
  margin-right: 5px;
}

.fa-angle-right {
  margin-left: 5px !important;
}

/* Icones Social Cor Hover */
#sp-top-bar ul.social-icons>li a:hover,
#sp-top-bar ul.social-icons>li a:hover>i {
  color: #FFFFFF85 !important;
  /* 95 anos - alterar para #64beed ao final do evento */
}

/* Contact Info Custom */
/*.sp-contact-info {
  margin: 0;
}
.sp-contact-info li {
  margin: 0 20px;
}
.sp-contact-info li i {
  margin: 0 !important;
}*/

/* Top Menu ADD */
.top-divider {
  border-left: 1px solid #FFFFFF90 !important;
  /* 95 anos - alterar para #64beed ao final do evento */
  opacity: 1;
  height: 13px;
  margin: 7px 0;
}

.sp-topmenu-info {
  float: left;
  list-style: none;
  padding: 0;
  margin: 0;
}

.sp-topmenu-info li {
  display: inline-block;
  margin: 0 20px;
  font-size: 90%;
}

.sp-topmenu-info li a:hover {
  color: #FFFFFF85 !important;
  /* 95 anos - alterar para #64beed ao final do evento */
  transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
}

ul.social-icons>li a:hover {
  color: #FFFFFF85 !important;
  /* 95 anos - alterar para #64beed ao final do evento */
  transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
}

.sp-topmenu-info li:last-child {
  margin: 0 !important;
}

.sp-topmenu-info li i {
  margin: 0 !important;
  /* margin: 0 3px !important; */
  padding: 0 !important;
}

.sp-topmenu-info li i.pe {
  font-size: 100%;
  line-height: 1rem;
  margin-top: -4px !important;
  vertical-align: middle;
  color: #FFFFFF !important;
  /* 95 anos - alterar para #64beed ao final do evento */
  font-weight: 800 !important;
}

.sp-topmenu-info li:hover {
  opacity: 0.85;
  transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
}

.sp-topmenu-associado {
  padding: 6px 7px 5px 7px;
  border: 1px solid #FFFFFF !important;
  border-radius: 4px;
  text-transform: uppercase;
  line-height: 1rem !important;
}

.sp-topmenu-associado a {
  font-weight: 600;
  font-size: 85% !important;
  margin-left: 2px;
}

.sp-topmenu-associado a:hover {
  opacity: 0.85;
  transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
}

/* Ajustes Mobile */
@media screen and (min-width: 320px) and (max-width: 767px) {
  .sp-topmenu-info {
    margin: 0;
    text-align: center;
    width: 100%;
  }

  .sp-topmenu-info li {
    font-size: 90%;
    /* display: none; */
  }

  #sp-topmenu .pull-right {
    float: none !important;
    margin-left: 0 !important;
  }

  #sp-header .logo {
    margin-left: 35px;
  }

  #sp-header .top-search-wrapper .icon-top-wrapper {
    line-height: 95px !important;
  }

  .top-search-wrapper .icon-top-wrapper i.pe {
    font-size: 22px;
  }

}

.sticky .sticky__wrapper {
  background-color: rgba(255, 255, 255, 0.75);
}

.sp-footer-text {
  font-size: 0.8em !important;
  line-height: 1.5em !important;
  text-align: left !important;
  padding: 5px 0 25px 0;
}

.image-centered {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
  display: table;
}

.text-centered {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
  display: table;
}

.text-right {
  text-align: right !important;
  float: right !important;
  display: table;
}

.text-center {
  text-align: center !important;
}

.text-left {
  text-align: left !important;
}

.top-search-input-wrap .top-search-wrap .sp_search_input input {
  font-size: inherit;
  font-weight: 400;
}

/* Icone do SubMenu */
.sp-menu-item>a>img {
  max-height: 20px !important;
  max-width: 20px !important;
  display: inline !important;
  margin: -2px 7px 0 0 !important;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.separator>a {
  line-height: 2;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 0px rgba(250, 250, 250, 0.15);
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.separator>a:hover {
  background: transparent;
  color: #707070 !important;
}

.sp-megamenu-wrapper>.sp-megamenu-parent>li>a {
  height: 90px !important;
  line-height: 90px !important;
}

/* // .sp-megamenu-parent {
//   float: right !important;
// } */

.sp-megamenu-parent {
  font-size: 14px !important;
  /* padding: 0; */
}

.sp-megamenu-parent>li>a {
  padding: 0 8px 0 12px;
}

.display-none {
  display: none;
}

/* Fim Icone do SubMenu */


.top-search-wrapper {
  line-height: 60px !important;
}

#sp-menu,
#sp-logotipo {
  display: flex;
  justify-content: center;
}


@media screen and (min-width: 992px) and (max-width: 1199px) {
  .sp-megamenu-parent>li>a {
    padding: 0 0 0 15px !important;
  }

  .sp-megamenu-parent {
    font-size: 13px !important;
  }
}

@media (max-width: 992px) {
  html,
  body.off-canvas-menu-init {
    overflow-x: hidden !important;
  }

  .body-wrapper,
  .body-innerwrapper,
  .off-canvas-menu-wrap {
    overflow-x: hidden !important;
    width: 100%;
  }

  #sp-top-bar,
  #sp-header,
  #sp-footer,
  #sp-main-body {
    width: 100%;
    max-width: 100%;
  }

  #sp-main-body > .container {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  #sp-main-body > .container > .row {
    margin-left: 0;
    margin-right: 0;
  }

  .slideshow,
  .slideshow > .row.disable-row {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .slideshow > .row.disable-row > .disable-css {
    width: 100%;
    float: none;
    clear: both;
    padding-left: 0;
    padding-right: 0;
  }

  .offcanvas-menu {
    transform: translate3d(100%, 0, 0) !important;
    -webkit-transform: translate3d(100%, 0, 0) !important;
  }

  .offcanvas .offcanvas-menu,
  .slide-top-menu .offcanvas-menu,
  .full-screen-off-canvas.ltr .offcanvas-menu,
  .full-screen-off-canvas-ftop.ltr .offcanvas-menu,
  .new-look-off-canvas.ltr .offcanvas-menu {
    transform: translate3d(0, 0, 0) !important;
    -webkit-transform: translate3d(0, 0, 0) !important;
  }

  .offcanvas-menu .accordion-menu li.deeper > a {
    cursor: pointer;
    padding-right: 50px;
  }

  .offcanvas-menu .accordion-menu ul.collapse.in,
  .offcanvas-menu .accordion-menu ul.collapsing {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .offcanvas-menu .accordion-menu ul.collapsing {
    transition: none !important;
  }

  .offcanvas-menu .accordion-menu > li,
  .offcanvas-menu .accordion-menu ul.collapse li {
    overflow: visible;
  }

  #offcanvas-toggler>i {
    width: 50px;
  }

  .top-search-wrapper {
    line-height: 60px !important;
  }

  .sp-megamenu-wrapper #offcanvas-toggler>i {
    height: 55px !important;
    line-height: 55px !important;
    margin-right: 10px;
  }

  #sp-logo .sp-default-logo,
  #sp-logo .sp-retina-logo {
    padding: 0;
  }

  #sp-logotipo {
    justify-content: left;
  }
}

/* Menu offcanvas acima de widgets injetados (Rybena/GTM) */
.off-canvas-menu-init.offcanvas .offcanvas-menu,
.off-canvas-menu-init.slide-top-menu .offcanvas-menu,
.off-canvas-menu-init.full-screen-off-canvas .offcanvas-menu,
.off-canvas-menu-init.full-screen-off-canvas-ftop .offcanvas-menu,
.off-canvas-menu-init.new-look-off-canvas .offcanvas-menu {
  z-index: 2147483647 !important;
}

.off-canvas-menu-init.offcanvas .offcanvas-overlay,
.off-canvas-menu-init.slide-top-menu .offcanvas-overlay,
.off-canvas-menu-init.full-screen-off-canvas .offcanvas-overlay,
.off-canvas-menu-init.full-screen-off-canvas-ftop .offcanvas-overlay,
.off-canvas-menu-init.new-look-off-canvas .offcanvas-overlay {
  z-index: 2147483646 !important;
}

.off-canvas-menu-init.offcanvas .close-offcanvas,
.off-canvas-menu-init.slide-top-menu .close-offcanvas,
.off-canvas-menu-init.full-screen-off-canvas .close-offcanvas,
.off-canvas-menu-init.full-screen-off-canvas-ftop .close-offcanvas,
.off-canvas-menu-init.new-look-off-canvas .close-offcanvas {
  z-index: 2147483647 !important;
}

body.off-canvas-menu-init.offcanvas [id*="rybena"],
body.off-canvas-menu-init.offcanvas [class*="rybena"],
body.off-canvas-menu-init.offcanvas [id*="Rybena"],
body.off-canvas-menu-init.offcanvas [class*="Rybena"],
body.off-canvas-menu-init.offcanvas [id^="ryb-"],
body.off-canvas-menu-init.offcanvas [class^="ryb-"],
body.off-canvas-menu-init.slide-top-menu [id*="rybena"],
body.off-canvas-menu-init.slide-top-menu [class*="rybena"],
body.off-canvas-menu-init.slide-top-menu [id*="Rybena"],
body.off-canvas-menu-init.slide-top-menu [class*="Rybena"],
body.off-canvas-menu-init.slide-top-menu [id^="ryb-"],
body.off-canvas-menu-init.slide-top-menu [class^="ryb-"],
body.off-canvas-menu-init.full-screen-off-canvas [id*="rybena"],
body.off-canvas-menu-init.full-screen-off-canvas [class*="rybena"],
body.off-canvas-menu-init.full-screen-off-canvas [id*="Rybena"],
body.off-canvas-menu-init.full-screen-off-canvas [class*="Rybena"],
body.off-canvas-menu-init.full-screen-off-canvas [id^="ryb-"],
body.off-canvas-menu-init.full-screen-off-canvas [class^="ryb-"],
body.off-canvas-menu-init.full-screen-off-canvas-ftop [id*="rybena"],
body.off-canvas-menu-init.full-screen-off-canvas-ftop [class*="rybena"],
body.off-canvas-menu-init.full-screen-off-canvas-ftop [id*="Rybena"],
body.off-canvas-menu-init.full-screen-off-canvas-ftop [class*="Rybena"],
body.off-canvas-menu-init.full-screen-off-canvas-ftop [id^="ryb-"],
body.off-canvas-menu-init.full-screen-off-canvas-ftop [class^="ryb-"],
body.off-canvas-menu-init.new-look-off-canvas [id*="rybena"],
body.off-canvas-menu-init.new-look-off-canvas [class*="rybena"],
body.off-canvas-menu-init.new-look-off-canvas [id*="Rybena"],
body.off-canvas-menu-init.new-look-off-canvas [class*="Rybena"],
body.off-canvas-menu-init.new-look-off-canvas [id^="ryb-"],
body.off-canvas-menu-init.new-look-off-canvas [class^="ryb-"] {
  z-index: 1 !important;
}

@media screen and (min-width: 250px) and (max-width: 767px) {
  .top-search-wrapper .icon-top-wrapper i.pe {
    width: 80px;
  }
}

/* Setas SlideShow*/
.setas {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 82px;
}

/* Page Title */
.sp-page-title-no-img {
  background-color: #f1f1f1 !important;
}

.sp-page-title,
.sp-page-title-no-img {
  box-shadow: none;
}

.sp-page-title .container h1,
.sp-page-title .container h2,
.sp-page-title .container h3,
.sp-page-title-no-img .container h1,
.sp-page-title-no-img .container h2,
.sp-page-title-no-img .container h3 {
  text-shadow: none;
}

@media screen and (min-width: 250px) and (max-width: 992px) {

  .sp-page-title,
  .sp-page-title-no-img {
    background-size: cover !important;
    background-attachment: inherit !important;
  }
}

/* Galeria de Imagens*/
#lightgallery {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(6,
      1fr);
  /*grid-template-columns: auto auto auto auto auto auto;*/
  grid-gap: 3px;
}

@media screen and (min-width: 250px) and (max-width: 992px) {
  #lightgallery {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

#lightgallery>.grid-item img {
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 1px;
  font-size: 30px;
  text-align: center;
  height: auto;
  width: 100%;
  filter: none;
  opacity: 100%;
}

#lightgallery .grid-item img:hover {
  filter: none;
  opacity: 60%;
  filter:
    /*grayscale()*/
    none;
  -webkit-transition: filter 400ms, opacity 400ms;
  -moz-transition: filter 400ms, opacity 400ms;
  -o-transition: filter 400ms, opacity 400ms;
  transition: filter 400ms, opacity 400ms;
}

/* Galeria 360 */
#galeria360 {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 3px;
}

@media screen and (min-width: 250px) and (max-width: 992px) {
  #galeria360 {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

.galeria360 {
  /*display: flex;*/
  position: relative;
  background-color: #f1f1f1;
  align-items: center !important;
  /*overflow: hidden;*/
  max-width: 900px;
  max-height: 600px;
}

.galeria360>.grid-item img {
  border-radius: 1px;
  font-size: 30px;
  height: auto;
  width: 100%;
  filter: none;
  opacity: 90% !important;
  z-index: 99 !important;
  mix-blend-mode: multiply;
}

/*.galeria360 > .grid-item img:hover {
  opacity: 60% !important;
  filter: none;
  -webkit-transition: filter 400ms, opacity 400ms;
  -moz-transition: filter 400ms, opacity 400ms;
  -o-transition: filter 400ms, opacity 400ms;
  transition: filter 400ms, opacity 400ms;
}*/

.galeria360>.galeria360-pin {
  margin: auto;
  position: absolute;
  display: flex;
  align-items: center;
  max-width: 900px;
  max-height: 600px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.galeria360 .icon {
  background-image: url(https://cdn.afpesp.org.br/images/site/icones/ico-360.png);
  background-size: auto 34px;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  opacity: 70%;
  overflow: hidden;
  border-radius: 100%;
  display: block;
  height: 40px;
  width: 40px;
  left: 29% !important;
}

.galeria360>.galeria360-pin .icon {
  border: 2px solid #fff;
  cursor: pointer;
  z-index: 1;
  width: 50px;
  height: 50px;
  transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
}

.galeria360>.galeria360-pin .icon:hover,
.galeria360>.galeria360-pin.active .icon {
  opacity: 100%;
  border: 2.5px solid #fff;
  width: 60px;
  height: 60px;
  left: 26% !important;
  -webkit-transition: width 650ms, height 650ms, left 650ms, border 650ms,
    opacity 650ms;
  -moz-transition: width 650ms, height 650ms, left 650ms, border 650ms,
    opacity 650ms;
  -o-transition: width 650ms, height 650ms, left 650ms, border 650ms,
    opacity 650ms;
  transition: width 650ms, height 650ms, left 650ms, border 650ms, opacity 650ms;
}

/* Quem Somos */
.quem-somos {
  ul {
    padding-inline-start: 17px !important;
    list-style-type: circle;
  }

  i {
    width: 18px;
    margin-right: 8px;
  }
}

/* 360º Layou da exibição (quando mostra as fotos girando) */
.popup-afpesp {
  display: none;
  position: fixed;
  top: 12%;
  left: 15%;
  width: 70%;
  height: 70%;
  background-color: transparent;
  z-index: 1010;
}

.popup-afpesp iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

#construir {
  width: 100%;
  height: 100%;
  border: 0;
}

.popupdarkbg-afpesp {
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
}

/* Sede - Restaurante Cardápio */
.cardapioflex {
  display: grid;
  grid-template-columns: 1fr 3fr;
  max-width: 100%;
  margin: 0 auto;
  grid-gap: 30px;

  p:first-child {
    margin: 0 0 0 !important;
  }

  p:nth-last-child(2) {
    margin: 0 0 0 !important;
  }

  p:nth-last-child(1) {
    margin: 0 0 0 !important;
  }
}

@media screen and (min-width: 250px) and (max-width: 992px) {
  .cardapioflex {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}

.cardapio {
  position: relative;

  ul {
    font-size: 100% !important;
    line-height: 1.4;
    list-style: none;
    margin: 0;
    padding: 0;
  }

  li,
  li:last-child {
    display: block;
    position: relative;
    padding-left: 28px;
    margin: 0 0 5px 0 !important;
  }

  li:before {
    position: absolute;
    top: 0;
    left: 0;
    font-family: "Font Awesome 5 Free";
    content: "\f00c";
    font-weight: 600;
    color: #ccc;
    font-size: 100%;
    margin-right: 10px;
  }
}

/*Menu Hidden*/
.hidemenuafpesp>a::after {
  display: none !important;
}

.hidemenuafpesp .sp-dropdown-inner {
  display: none !important;
}


/* Acadêmicos */
.academicos .cadeira {
  color: #377ab4 !important;
  font-weight: 700 !important;
  padding-right: 15px;
}

.academicos .sppb-panel-heading .sppb-panel-title {
  font-size: 100% !important;
  font-weight: 500 !important;
}

.academicos .sppb-panel-flex>.sppb-panel-heading .sppb-panel-title>i {
  color: #377ab4 !important;
}

/* Abas */
.academicos .sppb-nav-tabs>li>a,
.sede-atividades .sppb-nav-tabs>li>a {
  background: #FFFFFF !important;
}

.sppb-nav-tabs>li>a,
.academicos .sppb-nav-tabs>li>a,
.sede-atividades .sppb-nav-tabs>li>a {
  color: #377ab4 !important;
  font-weight: 600;
}

.sppb-nav-tabs>li>a:hover,
.academicos .sppb-nav-tabs>li>a:hover,
.sede-atividades .sppb-nav-tabs>li>a:hover {
  color: #30689a !important;
}

.sppb-nav-tabs>li.active,
.academicos .sppb-nav-tabs>li.active,
.sede-atividades .sppb-nav-tabs>li.active {
  color: #FFFFFF !important;
  background: #377ab4 !important;
  border-radius: 4px 4px 0 0;
}

.sppb-nav-tabs>li.active>a,
.academicos .sppb-nav-tabs>li.active>a,
.sede-atividades .sppb-nav-tabs>li.active>a {
  font-weight: 600;
  color: #FFFFFF !important;
  background: #377ab4 !important;
  border-radius: 4px 4px 0 0;
}

.sppb-nav-tabs>li.active>a:hover,
.academicos .sppb-nav-tabs>li.active>a:hover,
.sede-atividades .sppb-nav-tabs>li.active>a:hover {
  color: #FFFFFF !important;
  background: #30689a !important;
}

@media screen and (min-width: 250px) and (max-width: 767px) {

  .sppb-nav-tabs,
  .academicos .sppb-nav-tabs,
  .sede-atividades .sppb-nav-tabs {
    display: grid;
    grid-template-columns: 1fr;
    max-width: 100%;
    margin: 0 auto;
    grid-gap: 0;
  }

  .sppb-nav-tabs>li,
  .academicos .sppb-nav-tabs>li,
  .sede-atividades .sppb-nav-tabs>li {
    width: 100%;
  }

  .sppb-nav-tabs>li>a,
  .academicos .sppb-nav-tabs>li>a,
  .sede-atividades .sppb-nav-tabs>li>a {
    font-size: 14px !important;
  }
}


/*Modulos da administração*/

.docs-categoria-titulo {
  background-color: #f1f1f1;
  font-size: 14px;
  font-weight: 600;
  color: #575756;
  text-transform: uppercase;
  cursor: pointer;
  padding: 13px 20px 12px 20px;
  width: 100%;
  text-align: left;
  outline: none;
  border: 2px solid #dedede;
  border-bottom: 0px;
  border-radius: 10px 10px 0 0;
}

.docs-conteudo-base {
  width: 100%;
  margin-bottom: 20px;
  border: 2px solid #dedede;
  border-top: 0px;
  border-radius: 0 0 10px 10px;
  padding: 20px;
}

.docs-conteudo-hover {
  margin: 0 auto;
  width: 100%;
}

.docs-conteudo {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  height: 60px;
  width: 100%;
  align-items: center;
  padding: 15px;
}

/* Press Releases - AJAX */
#ajax_posts_222 .ajax-posts .ajax-post .overlay .intro-image .caption-content,
#ajax_posts_222 .ajax-posts .ajax-post .inner .aga_heading {
  margin-bottom: 15px !important;
}

/*Modulo Mais Vistos de noticias*/
.mais-lidos {
  >li {
    a {
      line-height: 1.57 !important;
      font-size: 14px;
    }

    box-shadow: inset 0 -1px 0 #ddd;
    padding: 5px 0;
  }
}

.mais-lidos-div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;

  img {

    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 2px;
  }

  span {
    flex: 1;
  }
}

/* Transparência */
.transparencia .flex {
  display: flex;
  justify-content: center;
}

.transparencia-row {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 30px 15px;
}

.transparencia .box {
  width: 273.75px;
  /* flex: 1; */
  /* background: #f2f2f2; */
}

.transparencia .box a,
.transparencia .box a:visited {
  color: #377ab4;
}

.transparencia .box a:hover {
  color: #377ab4 !important;
}

.transparencia .year,
.transparencia .pdf {
  padding: 2px 8px;
  color: #FFF;
  font-size: 80%;
  font-weight: 600;
  text-transform: uppercase;
}

.transparencia .year {
  background-color: #64beed;
  border-radius: 0;
}

.transparencia .pdf {
  background-color: #377ab4;
  border-radius: 0 0 10px 0;
  padding-right: 10px
}

.transparencia .img {
  width: 100%;
  height: 200px;
  background: #f2f2f2;
  background-size: cover;
  background-position: center;
}

.transparencia p {
  margin: 0;
  font-size: 95%;
  padding: 5px 0;
  font-weight: 600;
}

.transparencia .pa {
  position: absolute;
}


/* Tag Alinhamento à Esquerda */
.tag-esq {
  /* // position: absolute !important; */
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  /* // justify-content: center; */
  position: relative;
  width: 100%;
  z-index: 2;
  padding: 0;
  /* // margin-top: 5px; */
  /* // padding-right: 34%; */
  /* // background-color: #377ab4; */
}

.tag-esq-svg-xy {
  width: 43px;
  height: 27px;
  background-image: url("https://cdn.afpesp.org.br/images/site/svg/tag_bluelight.svg");
  background-repeat: no-repeat;
  background-size: contain;
  transform: scaleX(-1) scaleY(-1);
}

.tag-esq-svg-y {
  width: 43px;
  height: 27px;
  background-image: url("https://cdn.afpesp.org.br/images/site/svg/tag_bluelight.svg");
  background-repeat: no-repeat;
  background-size: contain;
  transform: scaleY(-1);
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .tag-esq {
    padding-right: 0;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .tag-esq {
    padding-right: 0;
  }
}

.tag-esq-line {
  position: absolute !important;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  /* // justify-content: center; */
  position: relative;
  height: 1.5px;
  width: 100%;
  background-color: #377ab4;
  bottom: 0;
  left: 0;
}

.tag-esq-categoria {
  display: flex;
  /* // align-items: center; */
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.tag-esq-titulo {
  text-transform: uppercase;
  padding: 9px 0 6px 15px;
  font-size: 11px;
  font-weight: 600;
  line-height: 12px;
  margin: 0;
  height: 28.5px;
  color: #fff !important;
  background-color: #377ab4;
  border-radius: 5px 0 0 0;
}

.tag-esq-separator {
  /* // flex: 1 1 1; */
  z-index: -1;
  /* // height: 8px; */
  /* // width: auto; */
  /* // background-color: rgba(255, 255, 255, 0.25); */
}

.tag-esq .spacer {
  margin-right: 8px;
}

.tag-esq [class*=" pe-7s-"] {
  font-weight: 800;
}

/* Fim Tag notícias */

@media screen and (max-width:1199px) {
  .transparencia .box {
    min-width: 223.5px;
  }
}

@media screen and (max-width:991px) {
  .transparencia .box {
    min-width: 229.5px;
  }
}

@media screen and (max-width:767px) {
  .transparencia .box {
    min-width: 100%;
  }

  .transparencia .img {
    height: 100px;
  }
}

/* Fim Transparência */