:root {
    --unifagoc-green: #3C8476;
    --unifagoc-green-dark: #2f695e;
    --unifagoc-white: #ffffff;
}

/* Página de login */

.login-page .header-logo {
    content: url("https://conferencia.unifagoc.edu.br/static/custom/files/logo-login.png");

    max-width: 320px !important;
    height: auto !important;

    margin-bottom: 25px;
}

/* =====================================================
   CABEÇALHO
   ===================================================== */

.page-header {
    background:
            radial-gradient(
                    circle at top left,
                    rgba(255,255,255,.12),
                    transparent 35%
            ),
            linear-gradient(
                    135deg,
                    #3C8476 0%,
                    #347266 50%,
                    #2F695E 100%
            ) !important;
}

#header-logo {
    padding: 15px 25px;
    display: flex;
    align-items: center;
}

.header-logo {
    max-height: 70px !important;
    width: auto !important;
}

#session-bar {
    padding-top: 10px;
    padding-right: 20px;
}

/* =====================================================
   MENU PRINCIPAL
   ===================================================== */

#global-menu {
    background: rgba(0,0,0,.08) !important;
    backdrop-filter: blur(4px);
}

#global-menu menu > li > a,
#global-menu menu > li > ind-menu > button {
    color: #fff !important;
    background: transparent !important;
}

#global-menu menu > li > a:hover,
#global-menu menu > li > ind-menu > button:hover {
    background: rgba(255,255,255,.15) !important;
    border-radius: 4px;
}

/* =====================================================
   BOTÕES
   ===================================================== */

.ui.primary.button,
.ui.button.primary {
    background: #3C8476 !important;
    color: white !important;

    border: 1px solid rgba(255,255,255,.15) !important;

    border-radius: 6px !important;

    box-shadow:
            0 2px 4px rgba(0,0,0,.08),
            0 4px 12px rgba(60,132,118,.20) !important;
}

.ui.primary.button:hover,
.ui.button.primary:hover {
    background: #2f695e !important;
}

/* Botão Criar Evento */

.highlight.i-button,
button.highlight.i-button {
    background: #3C8476 !important;
    border: 1px solid #2f695e !important;
    color: #ffffff !important;

    box-shadow: 0 2px 6px rgba(60, 132, 118, 0.25) !important;
}

.highlight.i-button:hover,
button.highlight.i-button:hover {
    background: #2f695e !important;
    border-color: #25554b !important;
}

.highlight.i-button:focus,
button.highlight.i-button:focus {
    background: #347266 !important;
}

/* =====================================================
   TÍTULOS
   ===================================================== */

.category-title,
.category-header h1,
.page-title,
h1,
h2,
h3 {
    color: var(--unifagoc-green) !important;
}

/* =====================================================
   LINKS DOS EVENTOS
   ===================================================== */

.event-title a,
.list-name a,
.category-content a {
    color: var(--unifagoc-green) !important;
}

.event-title a:hover,
.list-name a:hover,
.category-content a:hover {
    color: var(--unifagoc-green-dark) !important;
}

/* =====================================================
   MÊS DOS EVENTOS
   ===================================================== */

.current-month span {
    color: var(--unifagoc-green-dark) !important;
}

/* =====================================================
   LABELS
   ===================================================== */

.ui.label.blue {
    background: var(--unifagoc-green) !important;
}

/* =====================================================
   FOOTER
   ===================================================== */

.footer {
    background: var(--unifagoc-green) !important;
}

.footer,
.footer span,
.footer div,
.footer .version,
.footer a {
    color: #ffffff !important;
}

/*
 * Troca da logo do footer
 */

/* Esconde a logo original */
.footer-logo {
    display: none !important;
}

/* Adiciona a logo UNIFAGOC */
.footer .flexrow.f-a-center.f-self-stretch {
    position: relative;
    padding-left: 170px;
}

.footer .flexrow.f-a-center.f-self-stretch::before {
    content: "";

    position: absolute;

    left: 0;
    top: 50%;

    transform: translateY(-50%);

    width: 150px;
    height: 45px;

    background-image: url("https://conferencia.unifagoc.edu.br/static/custom/files/logo-footer.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* =====================================================
   CAMPO DE BUSCA
   ===================================================== */

.search-box input:focus {
    border-color: var(--unifagoc-green) !important;
}

/* =======================================
   TEXTO DE BOAS-VINDAS
   ======================================= */

.category-info p {
    font-size: 0 !important;
    line-height: 0 !important;
}

.category-info p::before {
    content: "Bem-vindo ao Portal de Conferências da UNIFAGOC";
    display: block;

    font-size: 28px;
    font-weight: 600;
    line-height: 1.3;

    color: #3C8476;

    margin-bottom: 10px;
}

.category-info p::after {
    content: "Organize e gerencie congressos, palestras e reuniões em um único ambiente.";
    display: block;

    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;

    color: #666;
}