/*
Theme Name: APRODAB Theme
Theme URI: http://www.jointswp.com
Description: Tema personalizado para a Associação dos Professores de Direito Ambiental do Brasil.
Author: Emanoel de Oliveira
Author URI: https://neotecnow.com
Version: 1.0
License: GNU General Public License & MIT
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Sass, Custom Theme, WordPress
*/


body {
    font-family: 'font-pala', sans-serif !important; /* Use o nome da fonte definido em wp_enqueue_style */
}
/* Cor do texto no editor visual */
.wp-editor-container .wp-editor-area {
    color: #000 !important; /* Cor do texto desejada */
}

.menu .active>a, .menu .is-active>a {
    background: transparent !important;
    color: #e7b700 !important;
}
#main-nav li a:hover{
    color: #e7b700;
}
.modal button.close {
    right: 0;
    outline: 0;
  }

  #gallery-lightbox img {
    height: 350px;
    object-fit: cover;
    cursor: pointer;
  }

  #gallery-lightbox img:hover {
    opacity: 0.9;
    transition: 0.5s ease-out;
  }

.carousel-item.active img {
    height: auto !important;
}

.section-bg {
    background-color: #f3f5fa;
}
section {
    padding: 30px 0;
    overflow: hidden;
}

.why-us .accordion-list ul {
    padding: 0;
    list-style: none;
}
.why-us .accordion-list li {
    padding: 20px;
    background: #fff;
    border-radius: 4px;
}
.why-us .accordion-list a.collapsed {
    color: #343a40;
}
.why-us .accordion-list a {
    display: block;
    position: relative;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    padding-right: 30px;
    outline: none;
    cursor: pointer;
}
.why-us .accordion-list span {
    color: #47b2e4;
    font-weight: 600;
    font-size: 18px;
    padding-right: 10px;
}
.why-us .accordion-list a.collapsed .icon-show {
    display: inline-block;
}
.why-us .accordion-list .icon-show {
    display: none;
}
.why-us .accordion-list i {
    font-size: 24px;
    position: absolute;
    right: 0;
    top: 0;
}
.why-us .accordion-list a.collapsed .icon-close {
    display: none;
}
.why-us .accordion-list i {
    font-size: 24px;
    position: absolute;
    right: 0;
    top: 0;
}
.bx-chevron-down:before {
    content: "\ea4a";
}
*, ::after, ::before {
    box-sizing: border-box;
}
.why-us .accordion-list i {
    font-size: 24px;
    position: absolute;
    right: 0;
    top: 0;
}
.img-borda-redonda{
    border-radius: 20px;
}
.cta {
    background-size: cover;
    padding: 130px 0;
}
.cta h3 {
    color: #fff;
    font-size: 28px;
    font-weight: 700;
}
.cta p {
    color: #fff;
}
.section-title {
    text-align: center;
    padding-bottom: 50px;
}
.team .member {
    text-align: center;
    margin-bottom: 20px;
    background: #343a40;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    box-shadow: 0px 19px 13px 4px rgba(0,0,0,0.1);
}
.team .member .member-info {
    opacity: 0;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    transition: 0.2s;
}
.team .member .member-info-content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    transition: bottom 0.4s;
}

.team .member .member-info-content h4 {
    font-weight: 700;
    margin-bottom: 2px;
    font-size: 18px;
    color: #fff;
}
.team .member .member-info-content span {
    font-style: italic;
    display: block;
    font-size: 13px;
    color: #fff;
}
.team .member:hover .member-info {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.8) 20%, rgba(0, 212, 255, 0) 100%);
    opacity: 1;
    transition: 0.4s;
}
.team .member:hover .member-info-content {
    bottom: 60px;
    transition: bottom 0.4s;
}
.member img{
    height: 300px;
}
.menu-transparent{
    z-index: 999;
    width: 100%;
    margin:auto;
    left:0;
    background: transparent !important;
}
.top-bar, .top-bar ul {
    background-color: #e6e6e600 !important;
}
#main-nav a {
    color: #fff;
}
img.custom-logo {
    width: 300px;
}
.section-header {
    padding: 60px;
}
.contact .php-email-form {
    width: 100%;
    height: 100%;
    background: #fff;
    box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.1);
    padding: 30px;
    border-radius: 0 10px 10px 0;
}


/* CSS personalizado para o efeito de sobreposição escura */
.carousel-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Cor escura com transparência */
    opacity: 1; /* Inicialmente transparente */
    transition: opacity 0.3s; /* Transição suave para a opacidade */
    z-index: 1; /* Coloca a sobreposição acima das imagens */
}
.carousel-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff; /* Cor do texto */
    padding: 10px; /* Espaçamento interno */
    z-index: 2; /* Coloca o texto acima da sobreposição */
}
.footer {
    font-size: 14px;
    background-color: #535353;
    padding: 50px 0;
    color: white;
}
.footer  ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer  ul li:first-child {
    padding-top: 0;
}
.footer  ul li {
    padding: 5px 0;
    display: flex;
    align-items: center;
}
.footer  ul a {
    color: rgba(255, 255, 255, 0.7);
    transition: 0.3s;
    display: inline-block;
    line-height: 1;
}

.galeria-filtro{
    padding: 0;
    margin: 0 auto 30px auto;
    list-style: none;
    text-align: center;
}
.galeria-filtro button{
    cursor: pointer;
    display: inline-block;
    padding: 0;
    font-size: 18px;
    font-weight: 300;
    margin: 0 10px;
    line-height: 1;
    margin-bottom: 5px;
    transition: all 0.3s ease-in-out;
}
.galeria-filtro button:first-child{
    margin-left: 0;
}

.galeria-item .galeria-conteudo img {
    width: 24%;
    height: 250px;
}
.galeria-imagem {
    object-fit: cover; /* Redimensiona a imagem para preencher o contêiner */
}

/* Estilos para o contêiner dos itens da galeria */
.galeria-item {
    margin: 0; /* Remove margens para evitar separações entre os itens */
}
/* Estilos para o contêiner dos itens da galeria */
.galeria-itens {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* Adicione um espaçamento entre as colunas */
}

/* Estilos para cada item da galeria */
.galeria-item {
    width: 33.33%; /* Defina a largura desejada para os itens (3 itens por linha) */
    box-sizing: border-box;
    padding: 10px;
  }

  .galeria-imagem {
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
  }
  .galeria-imagem-lado-a-lado {
    display: flex;
    width: 100%;
}
.galeria-filtro button:active {
    border-bottom: 1px solid;
}
/* CSS para o Lightbox em tela inteira */
.lb-image {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

section {
    padding: 60px 0;
    overflow: hidden;
    position: relative;
}
.section-title {
    text-align: center;
    padding-bottom: 30px;
    position: relative;
}

.carousel-item.active {
    background: transparent;
}

.carousel-caption.d-md-block.position-absolute.ml-0.caption-campanhas.d-flex.align-items-center.justify-content-center.text-center {
    position: relative;
    top: 35%;
}
.carousel-caption.d-md-block.position-absolute.ml-0.caption-campanhas.d-flex.align-items-center.justify-content-center.text-center h2{
    text-transform: uppercase;
}
.vh-10{
    height: 160px;
}
.vh-30{
    min-height: 350px;
}
.bg-central{
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.footer .widget{
    border:none;
}


/* Estilo para os campos do formulário no metabox */
.conteudo form label,
.conteudo form input[type="text"],
.conteudo form textarea,
.conteudo form input[type="number"] {
    display: block;
    margin-bottom: 10px;
}

/* Estilo para o botão Excluir */
.conteudo form .excluir-conteudo {
    background-color: #ff0000; /* Altere para a cor desejada */
    color: #fff;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
}

.inner-box .image img {
    width: 100%;
    display: block;
    transition: all 0.3s;
  }

  .inner-box .image .overlay-box {
    opacity: 0;
    display: block;
    transition: all 0.6s ease;
    overflow: hidden;
  }

/* Gallery boxs */
.box:hover {
    box-shadow: 15px 15px 13px rgba(85, 85, 85, 0.3);
    transition: 0.4s;
    transform: translate(-1%, -1%);
}

.box {
    position: relative;
    height: 200px;
    box-shadow: 3px 3px 10px rgba(85, 85, 85, 0.5);
    border-radius: 8px;
    margin-bottom: 7%;
    transition: 1s;
}

.box:hover .box__title {
    height: 35%;
    transition: 1s;
}

.box:hover .box__title p {
    opacity: 1;
}

.box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.box__title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 25%;
    background-color: #F6F6F6;
    border-radius: 0 0 8px 8px;
    vertical-align: middle;
    transition: 0.5s;
    transition-timing-function: ease-out;
}

.box__title p {
    opacity: 0;
    text-align: center;
    color: #bababa;
    font-size: 0.8em;
    margin: 0;
    transition-delay: 0.2s;
    transition: 0.2s;
    transition-timing-function: ease-out;
}

.box__title h6 {
    text-align: center;
    color: #bababa;
    text-transform: uppercase;
    margin: 7% 0 0 0;
    font-size: 0.9em;
}

/* Add new box */
.add_box, .add_box a {
    background-color: #f9f9f9;
}

.add_box a {
    position: absolute;
    width: 100%;
    height: 100%;
}

.add_box svg {
    display: block;
    margin: auto;
    margin-top: 23.5%;
    transition: 0.3s;
    transition-timing-function: ease-out;
}

.add_box .add_box__title {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #bababa;
    top: 60%;
}

.add_box a:hover svg {
    margin-top: 21.5%;
}

.image-preview {
    display: flex;
    flex-wrap: wrap;
    height: auto;
}
.image-preview img {
    width: 250px;
    height: 100%;
}
.altura-imagens{
    height: 300px;
    background-size: cover;
    overflow: hidden;
}
.altura-imagens img {
    opacity: 0;
}
form{
    display: grid;
    position: relative;
    top: 10px;
  }
  .top-bar input {
    max-width: 340px !important;
    border-radius: 30px;
    margin-right: 1rem;
}

  /* centrer la search bar sur la page entière, ajouter un border à la class="form-group" */
  .form-group {
    display: flex;
    border: none;
    width: auto;
    border-radius: 26px;
    padding: 5px 15px;
}

  /* appliquer une width et une height à l'input */
  .form-control{
    width: 350px;
    height: 40px;
    border : none;
  }

  /* placer une icone search à droite de l'input  */
  .form-group button{
    position: absolute;
    right: 5px;
    float: right;
    width: 20px;
    height: 40px;
    margin-top: 0px;
    margin-right: -5px;
    border: none;
    background: #fff;
  }
  div#off-canvas {
    background: #78011c;
}
.vertical li a {
    color: #fff;
}
.index-1{
    z-index: 100;
}
.index-2{
    z-index: 200;
}
  /* solution temporaire pour supprimer la surbrillance bleue lorsque l'input est sélectionné */
  input[type="text"]{
  outline: none;
  box-shadow: none !important;
  }

  #header-fixo {
    width: 100%;
    z-index: 1000;
    transition: position 0.9s ease-in-out;
  }

  #header-fixo.fixed {
    position: fixed;
    top: 0;
    left: 0;
  }
  .off-canvas-wrapper .bg-dark.p-3 {
    background: #822110 !important;
}
.destaque.shadow.p-4.border-radius {
    background-size: cover;
}
ul.menu.submenu.is-dropdown-submenu.first-sub.vertical {
    background: #000;
    z-index: 1000;
}
.destaque.shadow.p-4.border-radius h5 a{
    color: #fff;
}
.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a:after {
    border-color: #ffffff transparent transparent !important;
}

h2.display-5,h2.display-6 {
    font-size: clamp(1em, 1em + 1.5vw, 3.5em);
}
.thumbnail-image{
    height: 100% !important;
    object-fit: cover;
}
.widget {
    border: solid 1px #ccc;
    padding: 10px;
    margin-top: 15px;
}

.carousel-controls {
    position: absolute; /* Posiciona em relação ao contêiner do carrossel */
    top: 10%; /* Posiciona na parte inferior do carrossel */
    left: 10px; /* Alinha os controles ao lado esquerdo */
    z-index: 10; /* Garante que fique acima dos slides */
}

.carousel-controls .carousel-control-prev,
.carousel-controls .carousel-control-next {
    display: inline-flex; /* Mantém os botões lado a lado */
    align-items: center; /* Centraliza o conteúdo internamente */
    justify-content: center;
    width: 40px; /* Tamanho do botão */
    height: 40px; /* Tamanho do botão */
    background-color: rgb(227 227 227 / 50%); /* Fundo semitransparente */
    border-radius: 50%; /* Botões arredondados */
    transition: background-color 0.3s ease;
    color: white; /* Cor do ícone */
}

.carousel-controls .carousel-control-prev:hover,
.carousel-controls .carousel-control-next:hover {
    background-color: rgba(0, 0, 0, 0.8); /* Fundo mais opaco ao passar o mouse */
}

.carousel-controls .carousel-control-prev-icon,
.carousel-controls .carousel-control-next-icon {
    filter: invert(100%); /* Garante que o ícone fique branco */
}


#carousel-campanhas {
    position: relative;
    overflow: hidden;
}

ul#top-menu-nav li a {
    color: #b5b5b5;
    font-size: 0.8em;
}
ul#top-menu-nav li {
    margin-left: 20px;
}
.menu-overlay {
    z-index: 10;   
    padding: 10px 0;
    border-bottom: 1px solid #fff;
    margin-bottom: 20px;
}

.menu-overlay .nav {
    display: flex;
    justify-content: center;
    align-items: center;
}

.carousel-inner .carousel-item {
    height: auto; /* Faz o slide ocupar toda a altura da tela */
    background-size: cover; /* Garante que a imagem cubra o slide */
    background-attachment: fixed; /* Efeito parallax */
    background-position: center; /* Centraliza a imagem */
}

.carousel-inner .carousel-item img {
    object-fit: cover; /* Ajusta a proporção da imagem */
    height: 100%;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
}
.carousel-controls {
    position: absolute;
    bottom: 10px;
    left: 5%;
    z-index: 10;
}
.member img {
    border: solid #fff 10px;
    height: 280px;
    object-fit: cover;
    width: 100%;
    border-radius: 50%;
}
.team .member {
    text-align: center;
    margin-bottom: 20px;
    background: #105300;
    position: relative;
    overflow: hidden;
    border-radius: 50% 50% 15px 15px;
    box-shadow: 0px 19px 13px 4px rgba(0, 0, 0, 0.1);
}
.member img {
    border: solid #fff 10px;
    height: 300px;
    border-radius: 50%;
}

.eventos-destaque {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 20px;
}

.evento-item {
    width: 30%;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    text-align: center;
    padding: 15px;
}

.evento-imagem img {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #ddd;
}

.evento-detalhes h3 {
    margin: 10px 0;
    font-size: 18px;
}

.evento-detalhes p {
    font-size: 14px;
    color: #777;
}
.card-img-overlay {
    background-color: rgba(0, 0, 0, 0.5); /* Fundo semitransparente */
    color: white;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.8); /* Destaque no texto */
}

.card-title {
    font-size: 1.5rem;
    line-height: 1.2;
}
.swmsc_events_style_one .swmsc_events_list_box {
    border: 1px solid;
    border-bottom: 0;
    padding: 30px;
}
#tribe-events-footer ~ a.tribe-events-ical.tribe-events-button, #tribe-bar-views .tribe-bar-views-option.tribe-bar-active a, #tribe-bar-views ul.tribe-bar-views-list li a span:hover, #tribe-events .tribe-events-button, .tribe-events-button, .swmsc_events_style_one .swmsc_events_sc_skin_color, .swmsc_events_style_one .swmsc_events_sc_skin_color a, .swmsc_events_style_one .swm_events_list_title_all a:hover, .swmsc_events_style_two .swmsc_events_main_wrap:hover .swmsc_events_title a, .swmsc_events_style_three .swmsc_events_divider, .swmsc_events_style_three span.swmsc_view_all_events a, .swmsc_events_style_three .swmsc_events_box span.swmsc_events_list_title a:hover, .swmsc_events_style_four span.swmsc_upcoming_events, .swmsc_events_style_four .swmsc_events_box span.swmsc_events_list_title a:hover, .swmsc_events_style_four .swmsc_view_all_events a:hover, .swmsc_events_imgage_date, .swmsc_events_style_four .swmsc_event_counter_details ul li:before, .swmsc_events_style_four span.swmsc_event_counter_number {
    color: var(--ecoworld-primary-skin-color);
}
.swmsc_events_style_one .swmsc_events_date_all {
    width: 91px;
    height: 96px;
    border: 2px solid;
    display: block;
    float: left;
    margin-right: 27px;
    font-weight: bold;
    text-align: center;
}
.swmsc_events_style_one .swmsc_events_list_date .swmsc_events_list_date_day {
    font-size: 40px;
    padding-top: 20px;
}
.swmsc_events_style_one .swmsc_events_date_all span {
    display: block;
    line-height: 30px;
}
.swmsc_events_style_one .swmsc_events_list_date .swmsc_events_list_date_month_year {
    font-size: 80%;
}
.swmsc_events_style_one .swmsc_events_date_all span {
    display: block;
    line-height: 30px;
}
.swmsc_events_style_one ul.swmsc_events_list_all li:last-child:before {
    content: '\f017';
}
.swmsc_events_style_one ul.swmsc_events_list_all li:before {
    content: '\f041';
    font-family: fontAwesome;
    margin-left: -25px;
    line-height: normal;
    position: absolute;
    top: 7px;
    display: block;
    width: 18px;
    text-align: center;
}
.swmsc_events_style_one ul.swmsc_events_list_all li:before {
    content: '\f041';
    font-family: fontAwesome;
    margin-left: -25px;
    line-height: normal;
    position: absolute;
    top: 7px;
    display: block;
    width: 18px;
    text-align: center;
}
.swmsc_events_list_date.swmsc_events_sc_skin_color.swmsc_events_date_all.text-center.me-3 {
    border: solid;
    padding: 5px;
    color: limegreen;
}
.card-image-left{
    height: 220px;
    object-fit: cover;
}

.border-divider {
    display: flex;
    justify-content: center;
    padding-bottom: 15px;
}

span.border-divider-separator {
    width: 7%;
    border: solid green 2px;
    direction: ltr;
}
.section-title {
    border-bottom: solid 2px #d2d2d2;
    margin: 0 0 10px 0;
    padding-left: 0;
}
.section-title h3{
    font-size: 1.3em;
    font-weight: 600;
}
.icon {
    width: 40px;
    padding: 10px;
    border: solid;
    border-radius: 5px;
    margin-right: 10px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 768px) {
    #header-fixo {
      display: none;
    }
    .carousel-item.active img {
        height: 300px !important;
        object-fit: cover;
    }
    .carousel-caption.d-md-block.position-absolute.ml-0.caption-campanhas.d-flex.align-items-center.justify-content-center.text-center {
        position: relative;
        top: 80%;
    }

  }/*
Theme Name: APRODAB Theme
Theme URI: http://www.jointswp.com
Description: Tema personalizado para a Associação dos Professores de Direito Ambiental do Brasil.
Author: Emanoel de Oliveira
Author URI: https://neotecnow.com
Version: 1.0
License: GNU General Public License & MIT
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Sass, Custom Theme, WordPress
*/


body {
    font-family: 'font-pala', sans-serif !important; /* Use o nome da fonte definido em wp_enqueue_style */
}
/* Cor do texto no editor visual */
.wp-editor-container .wp-editor-area {
    color: #000 !important; /* Cor do texto desejada */
}

.menu .active>a, .menu .is-active>a {
    background: transparent !important;
    color: #e7b700 !important;
}
#main-nav li a:hover{
    color: #e7b700;
}
.modal button.close {
    right: 0;
    outline: 0;
  }

  #gallery-lightbox img {
    height: 350px;
    object-fit: cover;
    cursor: pointer;
  }

  #gallery-lightbox img:hover {
    opacity: 0.9;
    transition: 0.5s ease-out;
  }

.carousel-item.active img {
    height: auto !important;
}

.section-bg {
    background-color: #f3f5fa;
}
section {
    padding: 60px 0;
    overflow: hidden;
}

.why-us .accordion-list ul {
    padding: 0;
    list-style: none;
}
.why-us .accordion-list li {
    padding: 20px;
    background: #fff;
    border-radius: 4px;
}
.why-us .accordion-list a.collapsed {
    color: #343a40;
}
.why-us .accordion-list a {
    display: block;
    position: relative;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    padding-right: 30px;
    outline: none;
    cursor: pointer;
}
.why-us .accordion-list span {
    color: #47b2e4;
    font-weight: 600;
    font-size: 18px;
    padding-right: 10px;
}
.why-us .accordion-list a.collapsed .icon-show {
    display: inline-block;
}
.why-us .accordion-list .icon-show {
    display: none;
}
.why-us .accordion-list i {
    font-size: 24px;
    position: absolute;
    right: 0;
    top: 0;
}
.why-us .accordion-list a.collapsed .icon-close {
    display: none;
}
.why-us .accordion-list i {
    font-size: 24px;
    position: absolute;
    right: 0;
    top: 0;
}
.bx-chevron-down:before {
    content: "\ea4a";
}
*, ::after, ::before {
    box-sizing: border-box;
}
.why-us .accordion-list i {
    font-size: 24px;
    position: absolute;
    right: 0;
    top: 0;
}
.img-borda-redonda{
    border-radius: 20px;
}
.cta {
    background-size: cover;
    padding: 130px 0;
}
.cta h3 {
    color: #fff;
    font-size: 28px;
    font-weight: 700;
}
.cta p {
    color: #fff;
}
.section-title {
    text-align: center;
    padding-bottom: 50px;
}
.team .member {
    text-align: center;
    margin-bottom: 20px;
    background: #343a40;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    box-shadow: 0px 19px 13px 4px rgba(0,0,0,0.1);
}
.team .member .member-info {
    opacity: 0;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    transition: 0.2s;
}
.team .member .member-info-content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    transition: bottom 0.4s;
}

.team .member .member-info-content h4 {
    font-weight: 700;
    margin-bottom: 2px;
    font-size: 18px;
    color: #fff;
}
.team .member .member-info-content span {
    font-style: italic;
    display: block;
    font-size: 13px;
    color: #fff;
}
.team .member:hover .member-info {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.8) 20%, rgba(0, 212, 255, 0) 100%);
    opacity: 1;
    transition: 0.4s;
}
.team .member:hover .member-info-content {
    bottom: 60px;
    transition: bottom 0.4s;
}
.member img{
    height: 300px;
}
.menu-transparent{
    z-index: 999;
    width: 100%;
    margin:auto;
    left:0;
    background: transparent !important;
}
.top-bar, .top-bar ul {
    background-color: #e6e6e600 !important;
}
#main-nav a {
    color: #fff;
}
img.custom-logo {
    width: 250px;
}
.section-header {
    padding: 60px;
}
.contact .php-email-form {
    width: 100%;
    height: 100%;
    background: #fff;
    box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.1);
    padding: 30px;
    border-radius: 0 10px 10px 0;
}


/* CSS personalizado para o efeito de sobreposição escura */
.carousel-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Cor escura com transparência */
    opacity: 1; /* Inicialmente transparente */
    transition: opacity 0.3s; /* Transição suave para a opacidade */
    z-index: 1; /* Coloca a sobreposição acima das imagens */
}
.carousel-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff; /* Cor do texto */
    padding: 10px; /* Espaçamento interno */
    z-index: 2; /* Coloca o texto acima da sobreposição */
}
.footer {
    font-size: 14px;
    background-color: #535353;
    padding: 50px 0;
    color: white;
}
.footer  ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer  ul li:first-child {
    padding-top: 0;
}
.footer  ul li {
    padding: 5px 0;
    display: flex;
    align-items: center;
}
.footer  ul a {
    color: rgba(255, 255, 255, 0.7);
    transition: 0.3s;
    display: inline-block;
    line-height: 1;
}

.galeria-filtro{
    padding: 0;
    margin: 0 auto 30px auto;
    list-style: none;
    text-align: center;
}
.galeria-filtro button{
    cursor: pointer;
    display: inline-block;
    padding: 0;
    font-size: 18px;
    font-weight: 300;
    margin: 0 10px;
    line-height: 1;
    margin-bottom: 5px;
    transition: all 0.3s ease-in-out;
}
.galeria-filtro button:first-child{
    margin-left: 0;
}

.galeria-item .galeria-conteudo img {
    width: 24%;
    height: 250px;
}
.galeria-imagem {
    object-fit: cover; /* Redimensiona a imagem para preencher o contêiner */
}

/* Estilos para o contêiner dos itens da galeria */
.galeria-item {
    margin: 0; /* Remove margens para evitar separações entre os itens */
}
/* Estilos para o contêiner dos itens da galeria */
.galeria-itens {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* Adicione um espaçamento entre as colunas */
}

/* Estilos para cada item da galeria */
.galeria-item {
    width: 33.33%; /* Defina a largura desejada para os itens (3 itens por linha) */
    box-sizing: border-box;
    padding: 10px;
  }

  .galeria-imagem {
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
  }
  .galeria-imagem-lado-a-lado {
    display: flex;
    width: 100%;
}
.galeria-filtro button:active {
    border-bottom: 1px solid;
}
/* CSS para o Lightbox em tela inteira */
.lb-image {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

section {
    padding: 60px 0;
    overflow: hidden;
    position: relative;
}
.section-title {
    text-align: center;
    padding-bottom: 30px;
    position: relative;
}

.carousel-item.active {
    background: transparent;
}

.carousel-caption.d-md-block.position-absolute.ml-0.caption-campanhas.d-flex.align-items-center.justify-content-center.text-center {
    position: relative;
    top: 35%;
}
.carousel-caption.d-md-block.position-absolute.ml-0.caption-campanhas.d-flex.align-items-center.justify-content-center.text-center h2{
    text-transform: uppercase;
}
.vh-10{
    height: 160px;
}
.vh-30{
    min-height: 350px;
}
.bg-central{
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.footer .widget{
    border:none;
}


/* Estilo para os campos do formulário no metabox */
.conteudo form label,
.conteudo form input[type="text"],
.conteudo form textarea,
.conteudo form input[type="number"] {
    display: block;
    margin-bottom: 10px;
}

/* Estilo para o botão Excluir */
.conteudo form .excluir-conteudo {
    background-color: #ff0000; /* Altere para a cor desejada */
    color: #fff;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
}

.inner-box .image img {
    width: 100%;
    display: block;
    transition: all 0.3s;
  }

  .inner-box .image .overlay-box {
    opacity: 0;
    display: block;
    transition: all 0.6s ease;
    overflow: hidden;
  }

/* Gallery boxs */
.box:hover {
    box-shadow: 15px 15px 13px rgba(85, 85, 85, 0.3);
    transition: 0.4s;
    transform: translate(-1%, -1%);
}

.box {
    position: relative;
    height: 200px;
    box-shadow: 3px 3px 10px rgba(85, 85, 85, 0.5);
    border-radius: 8px;
    margin-bottom: 7%;
    transition: 1s;
}

.box:hover .box__title {
    height: 35%;
    transition: 1s;
}

.box:hover .box__title p {
    opacity: 1;
}

.box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.box__title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 25%;
    background-color: #F6F6F6;
    border-radius: 0 0 8px 8px;
    vertical-align: middle;
    transition: 0.5s;
    transition-timing-function: ease-out;
}

.box__title p {
    opacity: 0;
    text-align: center;
    color: #bababa;
    font-size: 0.8em;
    margin: 0;
    transition-delay: 0.2s;
    transition: 0.2s;
    transition-timing-function: ease-out;
}

.box__title h6 {
    text-align: center;
    color: #bababa;
    text-transform: uppercase;
    margin: 7% 0 0 0;
    font-size: 0.9em;
}

/* Add new box */
.add_box, .add_box a {
    background-color: #f9f9f9;
}

.add_box a {
    position: absolute;
    width: 100%;
    height: 100%;
}

.add_box svg {
    display: block;
    margin: auto;
    margin-top: 23.5%;
    transition: 0.3s;
    transition-timing-function: ease-out;
}

.add_box .add_box__title {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #bababa;
    top: 60%;
}

.add_box a:hover svg {
    margin-top: 21.5%;
}

.image-preview {
    display: flex;
    flex-wrap: wrap;
    height: auto;
}
.image-preview img {
    width: 250px;
    height: 100%;
}
.altura-imagens{
    height: 300px;
    background-size: cover;
    overflow: hidden;
}
.altura-imagens img {
    opacity: 0;
}
form{
    display: grid;
    position: relative;
    top: 10px;
  }
  .top-bar input {
    max-width: 340px !important;
    border-radius: 30px;
    margin-right: 1rem;
}

  /* centrer la search bar sur la page entière, ajouter un border à la class="form-group" */
  .form-group {
    display: flex;
    border: none;
    width: auto;
    border-radius: 26px;
    padding: 5px 15px;
}

  /* appliquer une width et une height à l'input */
  .form-control{
    width: 350px;
    height: 40px;
    border : none;
  }

  /* placer une icone search à droite de l'input  */
  .form-group button{
    position: absolute;
    right: 5px;
    float: right;
    width: 20px;
    height: 40px;
    margin-top: 0px;
    margin-right: -5px;
    border: none;
    background: #fff;
  }
  div#off-canvas {
    background: #78011c;
}
.vertical li a {
    color: #fff;
}
.index-1{
    z-index: 100;
}
.index-2{
    z-index: 200;
}
  /* solution temporaire pour supprimer la surbrillance bleue lorsque l'input est sélectionné */
  input[type="text"]{
  outline: none;
  box-shadow: none !important;
  }

  #header-fixo {
    width: 100%;
    z-index: 1000;
    transition: position 0.9s ease-in-out;
  }

  #header-fixo.fixed {
    position: fixed;
    top: 0;
    left: 0;
  }
  .off-canvas-wrapper .bg-dark.p-3 {
    background: #822110 !important;
}
.destaque.shadow.p-4.border-radius {
    background-size: cover;
}
ul.menu.submenu.is-dropdown-submenu.first-sub.vertical {
    background: #000;
    z-index: 1000;
}
.destaque.shadow.p-4.border-radius h5 a{
    color: #fff;
}
.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a:after {
    border-color: #ffffff transparent transparent !important;
}

h2.display-5,h2.display-6 {
    font-size: clamp(1em, 1em + 1.5vw, 3.5em);
}
.thumbnail-image{
    height: 100% !important;
    object-fit: cover;
}
.widget {
    border: solid 1px #ccc;
    padding: 10px;
    margin-top: 15px;
}

.carousel-controls {
    position: absolute; /* Posiciona em relação ao contêiner do carrossel */
    top: 10%; /* Posiciona na parte inferior do carrossel */
    left: 10px; /* Alinha os controles ao lado esquerdo */
    z-index: 10; /* Garante que fique acima dos slides */
}

.carousel-controls .carousel-control-prev,
.carousel-controls .carousel-control-next {
    display: inline-flex; /* Mantém os botões lado a lado */
    align-items: center; /* Centraliza o conteúdo internamente */
    justify-content: center;
    width: 40px; /* Tamanho do botão */
    height: 40px; /* Tamanho do botão */
    background-color: rgb(227 227 227 / 50%); /* Fundo semitransparente */
    border-radius: 50%; /* Botões arredondados */
    transition: background-color 0.3s ease;
    color: white; /* Cor do ícone */
}

.carousel-controls .carousel-control-prev:hover,
.carousel-controls .carousel-control-next:hover {
    background-color: rgba(0, 0, 0, 0.8); /* Fundo mais opaco ao passar o mouse */
}

.carousel-controls .carousel-control-prev-icon,
.carousel-controls .carousel-control-next-icon {
    filter: invert(100%); /* Garante que o ícone fique branco */
}


#carousel-campanhas {
    position: relative;
    overflow: hidden;
}

ul#top-menu-nav li a {
    color: #b5b5b5;
    font-size: 0.8em;
    font-family: 'font-pala', sans-serif !important;
    margin-left: 10px;
}

ul#top-menu-nav li {
    margin-left: 20px;
    align-items: center;
    display: flex;
}
.menu-overlay {
    z-index: 10;   
    padding: 10px 0;
    border-bottom: 1px solid #fff;
    margin-bottom: 20px;
}

.menu-overlay .nav {
    display: flex;
    justify-content: center;
    align-items: center;
}

.carousel-inner .carousel-item {
    height: auto; /* Faz o slide ocupar toda a altura da tela */
    background-size: cover; /* Garante que a imagem cubra o slide */
    background-attachment: fixed; /* Efeito parallax */
    background-position: center; /* Centraliza a imagem */
}

.carousel-inner .carousel-item img {
    object-fit: cover; /* Ajusta a proporção da imagem */
    height: 100%;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
}
.carousel-controls {
    position: absolute;
    bottom: 10px;
    left: 5%;
    z-index: 10;
}
.member img {
    border: solid #fff 10px;
    height: 280px;
    object-fit: cover;
    width: 100%;
    border-radius: 50%;
}
.team .member {
    text-align: center;
    margin-bottom: 20px;
    background: #105300;
    position: relative;
    overflow: hidden;
    border-radius: 50% 50% 15px 15px;
    box-shadow: 0px 19px 13px 4px rgba(0, 0, 0, 0.1);
}
.member img {
    border: solid #fff 10px;
    height: 300px;
    border-radius: 50%;
}

.eventos-destaque {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 20px;
}

.evento-item {
    width: 30%;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    text-align: center;
    padding: 15px;
}

.evento-imagem img {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #ddd;
}

.evento-detalhes h3 {
    margin: 10px 0;
    font-size: 18px;
}

.evento-detalhes p {
    font-size: 14px;
    color: #777;
}
.card-img-overlay {
    background-color: rgba(0, 0, 0, 0.5); /* Fundo semitransparente */
    color: white;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.8); /* Destaque no texto */
}

.card-title {
    font-size: 1.5rem;
    line-height: 1.2;
}
.swmsc_events_style_one .swmsc_events_list_box {
    border: 1px solid;
    border-bottom: 0;
    padding: 30px;
}
#tribe-events-footer ~ a.tribe-events-ical.tribe-events-button, #tribe-bar-views .tribe-bar-views-option.tribe-bar-active a, #tribe-bar-views ul.tribe-bar-views-list li a span:hover, #tribe-events .tribe-events-button, .tribe-events-button, .swmsc_events_style_one .swmsc_events_sc_skin_color, .swmsc_events_style_one .swmsc_events_sc_skin_color a, .swmsc_events_style_one .swm_events_list_title_all a:hover, .swmsc_events_style_two .swmsc_events_main_wrap:hover .swmsc_events_title a, .swmsc_events_style_three .swmsc_events_divider, .swmsc_events_style_three span.swmsc_view_all_events a, .swmsc_events_style_three .swmsc_events_box span.swmsc_events_list_title a:hover, .swmsc_events_style_four span.swmsc_upcoming_events, .swmsc_events_style_four .swmsc_events_box span.swmsc_events_list_title a:hover, .swmsc_events_style_four .swmsc_view_all_events a:hover, .swmsc_events_imgage_date, .swmsc_events_style_four .swmsc_event_counter_details ul li:before, .swmsc_events_style_four span.swmsc_event_counter_number {
    color: var(--ecoworld-primary-skin-color);
}
.swmsc_events_style_one .swmsc_events_date_all {
    width: 91px;
    height: 96px;
    border: 2px solid;
    display: block;
    float: left;
    margin-right: 27px;
    font-weight: bold;
    text-align: center;
}
.swmsc_events_style_one .swmsc_events_list_date .swmsc_events_list_date_day {
    font-size: 40px;
    padding-top: 20px;
}
.swmsc_events_style_one .swmsc_events_date_all span {
    display: block;
    line-height: 30px;
}
.swmsc_events_style_one .swmsc_events_list_date .swmsc_events_list_date_month_year {
    font-size: 80%;
}
.swmsc_events_style_one .swmsc_events_date_all span {
    display: block;
    line-height: 30px;
}
.swmsc_events_style_one ul.swmsc_events_list_all li:last-child:before {
    content: '\f017';
}
.swmsc_events_style_one ul.swmsc_events_list_all li:before {
    content: '\f041';
    font-family: fontAwesome;
    margin-left: -25px;
    line-height: normal;
    position: absolute;
    top: 7px;
    display: block;
    width: 18px;
    text-align: center;
}
.swmsc_events_style_one ul.swmsc_events_list_all li:before {
    content: '\f041';
    font-family: fontAwesome;
    margin-left: -25px;
    line-height: normal;
    position: absolute;
    top: 7px;
    display: block;
    width: 18px;
    text-align: center;
}
.swmsc_events_list_date.swmsc_events_sc_skin_color.swmsc_events_date_all.text-center.me-3 {
    border: solid;
    padding: 5px;
    color: limegreen;
}
.card-image-left{
    height: 220px;
    object-fit: cover;
}

.border-divider {
    display: flex;
    justify-content: center;
    padding-bottom: 15px;
}

span.border-divider-separator {
    width: 7%;
    border: solid green 2px;
    direction: ltr;
}
.section-title {
    border-bottom: solid 2px #d2d2d2;
    margin: 0 0 10px 0;
    padding-left: 0;
}
.section-title h3{
    font-size: 1.3em;
    font-weight: 600;
}
.icon {
    width: 40px;
    padding: 10px;
    border: solid;
    border-radius: 5px;
    margin-right: 10px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #198754;
}
a .icon {
    color: #005c00;
}
li.list-group-item span {
    color: #3e3e3e;
}
.section-title h3 {
    padding-bottom: 0 !important;
    padding-left: 20px !important;
}

/* Adicione isso no arquivo style.css do seu tema */
.notas-repudio-section {
    padding: 50px 0;
    background-color: #f8f9fa;
}

.nota-repudio-card {
    border: 1px solid #dc3545;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.nota-repudio-card:hover {
    transform: translateY(-5px);
}

.card-title {
    color: #dc3545;
    font-weight: bold;
}


@media screen and (max-width: 768px) {
    #header-fixo {
      display: none;
    }
    .carousel-item.active img {
        height: 300px !important;
        object-fit: cover;
    }
    .carousel-caption.d-md-block.position-absolute.ml-0.caption-campanhas.d-flex.align-items-center.justify-content-center.text-center {
        position: relative;
        top: 80%;
    }

  }