﻿:root {
    --kt-text-primary: #7dbb55;
    --kt-text-secondary: #3e7a1e;
    --kt-primary: #7dbb55;
    --kt-primary-active: #3e7a1e;
    --kt-primary-rgb: 125, 187, 85;
    /*--kt-secondary: #3e7a1e;*/
    /*--kt-secondary-rgb: 62, 122, 30;*/
    --bs-body-color: #212121;
    --kt-light-rgb: 247, 247, 247;
}

body, html {
    font-size: 16px !important;
    color: var(--bs-body-color);
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: var(--bs-body-color);
}

a {
    color: var(--kt-primary);
}

    a:hover {
        color: var(--kt-primary-active);
    }

::marker {
    color: var(--kt-primary-active);
}

.btn.btn-primary, .show > .btn.btn-primary {
    color: var(--kt-primary-inverse);
    border-color: var(--kt-primary);
    background-color: var(--kt-primary) !important;
}

.bg-light {
    --kt-bg-rgb-color: var(--kt-light-rgb);
    background-color: #f7f7f7 !important;
}

.title {
    position: relative;
    text-transform: uppercase;
}

    .title:before {
        width: 40px;
        height: 5px;
        display: block;
        content: "";
        position: absolute;
        bottom: -2px;
        left: 50%;
        margin-left: -20px;
        background-color: var(--kt-text-primary);
    }

    .title:after {
        width: 300px;
        height: 1px;
        display: block;
        content: "";
        position: relative;
        margin-top: 25px;
        left: 50%;
        margin-left: -150px;
        background-color: var(--kt-text-primary);
    }

.object-fit-cover {
    object-fit: cover;
}

/* MENU */
.navbar .navbar-nav .nav-item {
    margin-right: 15px;
}

    .navbar .navbar-nav .nav-item:last-child {
        margin-right: 0;
    }

.navbar .navbar-nav .nav-link {
    background-color: transparent;
    color: var(--bs-body-color);
    font-weight: 500;
}

    .navbar .navbar-nav .nav-link:hover,
    .navbar .navbar-nav .nav-link.active,
    .navbar .navbar-nav .nav-link.show {
        background-color: #ededed;
    }

.navbar-nav .dropdown-menu {
    min-width: 250px;
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: var(--bs-body-color);
    background-color: #ededed;
}
/* END MENU */

/* BREADCRUMB */
.bg-breadcrumb {
    position: absolute;
    width: 100%;
    margin: 0;
    padding: 0;
    bottom: 0;
    z-index: 2;
    background: var(--kt-primary-active);
    color: #FFF;
}

.breadcrumb li.active span {
    font-size: 24px;
    line-height: 1.5;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;
}
/* END BREADCRUMB */

/* EFFECT */
.effect-zoom,
.effect-zoom img {
    overflow: hidden;
    transition: transform .3s;
}

    .effect-zoom:hover img {
        transform: scale(1.05);
    }
/* END EFFECT */

/* EVENT */
.event .ratio img {
    object-fit: contain;
    background: #e9e9e9;
}

.event .card-title {
    color: var(--bs-body-color);
    line-height: 1.3;
}

.event:hover .card-title {
    color: var(--kt-primary);
}

.event .card-body {
    color: var(--bs-body-color);
}
/* END EVENT */

/* PROJETOS */
.search-recruitment {
    border: 2px solid #e2e2e2 !important;
    background-color: #ffffff !important;
    transition: all 0.3s ease-in-out;
    box-shadow: var(--kt-box-shadow-sm) !important;
}

    .search-recruitment:focus {
        border-color: var(--kt-primary) !important;
        color: var(--bs-body-color) !important;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        outline: none;
    }

.svg-icon {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    pointer-events: none;
    color: #808285;
}

.lista-projetos .projeto {
    border: 2px solid transparent;
    transition: all .7s;
}

    .lista-projetos .projeto:hover {
        border: 2px solid var(--kt-primary);
    }

    .lista-projetos .projeto hr {
        color: #9b9b9b;
    }

    .lista-projetos .projeto .badge.badge-light-primary {
        color: #1b84ff;
    }

    .lista-projetos .projeto .resumo {
        color: #303030;
        font-size: 14px;
        line-height: 23px;
        font-weight: 400;
        -webkit-line-clamp: 3;
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
    }

    .lista-projetos .projeto .votos {
        color: #1f5870;
    }

.projeto .detalhe-projeto {
    font-size: 14px;
    background: #f8f7f6;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 15px 25px;
}

    .projeto .detalhe-projeto .imagem.ratio {
        margin-top: -45px;
        margin-bottom: 15px;
    }

    .projeto .detalhe-projeto .titulo {
        font-weight: 600;
    }

    .projeto .detalhe-projeto .anexo {
        background: #fff;
        color: #373736;
        padding: 10px 15px;
        border-radius: 10px;
        display: block;
        border: 1px solid #e6e6e6;
    }

        .projeto .detalhe-projeto .anexo:hover {
            border: 1px solid #bce1f1;
        }

        .projeto .detalhe-projeto .anexo + .anexo {
            margin-top: 5px;
        }

.projeto .partilhar {
    background: #12a5e4;
    padding: 15px 25px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.projeto .descricao-projeto {
    margin-top: 11px;
}

    .projeto .descricao-projeto .numero-projeto .n {
        font-size: 13px;
        color: #373736;
    }

.projeto-aprovacao {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
}

.aprovado {
    color: #4bb537;
}

.reprovado {
    color: #e62425;
}

.fundamentacao {
    font-size: 13px;
    line-height: 1.5;
    border: 1px solid #f3b2b2;
}

.descricao-projeto .count-votos,
.descricao-projeto .aviso {
    padding: 15px 20px;
    text-align: center;
    border-radius: 10px;
}

.descricao-projeto .count-votos {
    color: #373736;
    background-color: #f8f7f6;
    border: 1px solid #e6e6e6;
}

.descricao-projeto .aviso.alert-success {
    border: 1px solid #badbcc;
}

.descricao-projeto .aviso.alert-warning {
    border: 1px solid #e7d9af;
}

.descricao-projeto .vencedor {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    padding: 11px 20px;
}

    .descricao-projeto .vencedor i {
        font-size: 32px;
    }

.detalhe-projeto .aviso.vencedor {
    font-size: 14px;
    color: #343434;
}
/* END PROJETOS */

/* ENTIDADES */
.filter-section button {
    height: 42px;
}

.entity-card .card-title {
    color: var(--bs-body-color);
}

.entity-card:hover .card-title {
    color: var(--kt-primary);
}

.entity-card .image-link img {
    height: 200px;
    object-fit: contain;
}

.social-media .btn {
    display: inline-flex;
    align-items: center;
    font-size: 13px;
}

    .social-media .btn:not(.btn-copy),
    .social-media .btn:not(.btn-copy) * {
        color: #fff !important;
        transition: all .15s ease-in-out;
    }

        .social-media .btn:not(.btn-copy):hover {
            opacity: 0.8;
        }

.bg-facebook {
    background-color: #1877F2 !important;
}

.bg-linkedin {
    background-color: #0077B5 !important;
}

.bg-whatsapp {
    background-color: #25D366 !important;
}

.bg-pinterest {
    background-color: #E60023 !important;
}

.bg-telegram {
    background-color: #24A1DE !important;
}

.bg-reddit {
    background-color: #FF4500 !important;
}
/* END ENTIDADES */

/* EVENTOS */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid transparent;
}

.filter-section .input-group .form-control-sm + .input-group-text {
    padding: 6px 12px;
}

#customCalendar .navigation button {
    width: 34px;
}

#customCalendar table {
    width: 100%;
    /*border-collapse: separate;*/
    /*border-spacing: 2px;*/
}

    #customCalendar table th,
    #customCalendar table td {
        text-align: center;
    }

    #customCalendar table thead tr th {
        height: 100%;
        padding: 8px !important;
        font-weight: 600 !important;
    }

    #customCalendar table td {
        padding: 8px !important;
        height: 80px;
    }

#customCalendar th,
#customCalendar td {
    background-color: #f9f9f9;
    border: 1px solid #e9e9e9;
}

#customCalendar .table tbody tr:last-child,
#customCalendar .table tfoot tr:last-child {
    border-bottom: 1px solid #ddd !important;
}

#customCalendar td a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: inherit;
}

/* Estilo para dias normais */
#customCalendar td {
    background-color: white;
    color: black;
}

    /* Estilo para dias com eventos */
    #customCalendar td.has-event {
        background-color: white;
        color: black;
        font-weight: bold;
    }

    /* Círculo para o número de eventos */
    #customCalendar td .event-count {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 25px;
        height: 25px;
        line-height: 1;
        border-radius: 50%;
        background-color: var(--kt-primary);
        color: #fff;
        font-size: 12px;
        font-weight: 700;
        margin: auto;
    }

    /* Estilo de hover */
    #customCalendar td.has-event:hover {
        background-color: rgba(var(--kt-primary-rgb), .2);
        cursor: pointer;
    }

    #customCalendar td .day-number {
        display: block;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 5px;
    }
/* END EVENTOS */

/* PAGINACAO PAGINATION */
.page-item {
    border-radius: .475rem !important;
}

    .page-item .page-link {
        color: white;
    }

        .page-item .page-link .next {
            background-color: white !important;
        }

        .page-item .page-link .previous {
            background-color: white !important;
        }

    .page-item.active {
        background-color: #497f26 !important;
    }

.page-link {
    background-color: #bdbdbd;
    cursor: pointer;
}

    .page-link:hover {
        background-color: #497f26 !important;
    }

    .active > .page-link, .page-link.active {
        background-color: #7dbb55 !important;
    }
/* END PAGINACAO PAGINATION */

/* ACCORDION */
.accordion-button {
    font-weight: 700;
}

    .accordion-button:not(.collapsed) {
        color: var(--kt-text-primary);
        background-color: rgb(var(--kt-primary-rgb),.05);
        font-weight: 700;
    }

    .accordion-button::after {
        filter: brightness(0);
    }
/* END ACCORDION */

/* FOOTER */
footer {
    background-color: #333333;
    color: #fff;
}

    footer .logo-footer img {
        height: 80px !important;
        filter: brightness(0) invert(1);
    }

.bg-copyright {
    color: #FFFFFF;
    background-color: #111111;
}

.copyright {
    padding: 3px 0;
    float: left;
    font-size: 12px;
}

.netsigma {
    padding: 0;
    float: right;
    font-size: 12px;
    color: #FFFFFF;
    margin: 0 0 0 10px;
}

    .netsigma a img {
        float: right;
        margin-left: 5px;
    }

    .netsigma a {
        text-decoration: none;
        color: #FFFFFF;
    }

.search-and-button-row {
    display: flex;
    align-items: center;
}

@media (max-width: 992px) {
    .navbar .navbar-nav .nav-item {
        margin-bottom: 10px;
    }

    .page-item .page-link {
        height: 28px;
        min-width: 28px;
        font-size: 14px;
        padding: 4px;
    }
}

@media (max-width: 765px) {
    .all-nav {
        flex-direction: column;
    }

    .search-and-button-row {
        margin-top: 30px;
        margin-right: auto;
    }

        .search-and-button-row .login-btn-block {
            text-align: left !important;
        }
}

.btn:first-child:hover, :not(.btn-check) + .btn:hover {
    color: var(--bs-btn-hover-color);
    background-color: #eceef7;
}
