/******************************************************
   CUSTOMIZAÇÃO DE CORES
   Semana Acadêmica de Medicina Veterinária

   Este arquivo NÃO altera:
   - estrutura
   - tamanhos
   - espaçamentos
   - posições
   - fontes
   - imagens
   - animações

   Altera somente as cores.
******************************************************/

/* =====================================================
   CORES PRINCIPAIS
===================================================== */

:root {
    --primary: #198754;
    --light: #EAF6EF;

    --bs-primary: #198754;
    --bs-primary-rgb: 25, 135, 84;

    --bs-light: #EAF6EF;
}


/* =====================================================
   TEXTOS EM AZUL ? VERDE
===================================================== */

.text-primary {
    color: #198754 !important;
}


/* =====================================================
   FUNDOS EM AZUL ? VERDE
===================================================== */

.bg-primary {
    background-color: #198754 !important;
}


/* =====================================================
   FUNDOS "LIGHT"
   Azul-claro original ? verde-claro
===================================================== */

.bg-light {
    background-color: #EAF6EF !important;
}


/* =====================================================
   BORDAS
===================================================== */

.border-primary {
    border-color: #198754 !important;
}


/* =====================================================
   BOTÃO PRINCIPAL
===================================================== */

.btn-primary {
    color: #fff !important;
    background-color: #198754 !important;
    border-color: #198754 !important;
}


/* =====================================================
   BOTÃO PRINCIPAL — HOVER
===================================================== */

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    color: #fff !important;
    background-color: #146c43 !important;
    border-color: #146c43 !important;
}


/* =====================================================
   BOTÃO PRINCIPAL — DESABILITADO
===================================================== */

.btn-primary:disabled,
.btn-primary.disabled {
    color: #fff !important;
    background-color: #198754 !important;
    border-color: #198754 !important;
}


/* =====================================================
   BOTÃO CONTORNO
===================================================== */

.btn-outline-primary {
    color: #198754 !important;
    border-color: #198754 !important;
}


/* =====================================================
   BOTÃO CONTORNO — HOVER
===================================================== */

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
    color: #fff !important;
    background-color: #198754 !important;
    border-color: #198754 !important;
}


/* =====================================================
   LINKS
===================================================== */

a {
    color: #198754;
}

a:hover {
    color: #146c43;
}


/* =====================================================
   CAMPOS DE FORMULÁRIO
===================================================== */

.form-control:focus,
.form-select:focus {
    border-color: #75b798;
    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}


/* =====================================================
   CHECKBOX
===================================================== */

.form-check-input:checked {
    background-color: #198754;
    border-color: #198754;
}


/* =====================================================
   RANGE / SLIDER
===================================================== */

.form-range::-webkit-slider-thumb {
    background-color: #198754;
}

.form-range::-moz-range-thumb {
    background-color: #198754;
}


/* =====================================================
   ESTADOS DO BOTÃO VIA CHECKBOX
===================================================== */

.btn-check:checked + .btn-primary,
.btn-check:active + .btn-primary {
    color: #fff !important;
    background-color: #146c43 !important;
    border-color: #146c43 !important;
}

.logo-nome {
    color: #F28C18 !important;
    text-shadow:
        1px 0 #B85C00,
        -1px 0 #B85C00,
        0 1px #B85C00,
        0 -1px #B85C00;
}

/* 5 palestras por linha */
.palestra-col {
    flex: 0 0 20%;
    max-width: 20%;
    padding-left: 12px;
    padding-right: 12px;
}

/* Tablets */
@media (max-width: 991.98px) {
    .palestra-col {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

/* Celulares */
@media (max-width: 575.98px) {
    .palestra-col {
        flex: 0 0 100%;
        max-width: 100%;
    }
}