:root {
    --primary: #ff6600 !important;
    --primary2: #009999 !important;
}

#welcome-page {
    background-image: url('/assets/conceicaodocoite/index_background.jpg');
    background-size: cover;
    background-position: center;
    padding-top: 0;
}

#index-logo {
    background-image: url('/assets/conceicaodocoite/index_logo.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    width: 80%;
    height: 150px;
    margin-top: 0;
    margin-bottom: 0;
}

#index-logo h1 {
    display: none;
}

#index-form {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 20px;
    border-radius: 10px;
}

#index-form [data-slot='input-group'] {
    background-color: #fff;
    border: 1px solid #ccc;
}

#auth-links a {
    color: #fff;
}

[data-slot="navigation-menu-item"]:has(a + div) {
    color: #fff;
    background-color: var(--primary2);
}

[data-slot="navigation-menu-item"] a:has(+ div) {
    color: #fff;
    background-color: var(--primary2);
}

[data-slot="navigation-menu-item"] a + div {
    background-color: var(--primary2);
}

footer {
    background: #ff5806;
}

footer a {
    color: #fff;
    text-decoration: none;
}

footer a:hover {
    text-decoration: underline;
}