.index .title {
    background: var(--ceou-logo) no-repeat;
    background-size: contain;
    min-height: 7rem;
    width: 220px;
}

body, main:not(.page_with_header) {
    background: var(--nextcloud-user-bg),var(--default-bg);
    background-size: cover;
    background-position: top;
    background-attachment: fixed;
}
#search_logo {
    background: var(--ceou-word) no-repeat;
    background-size: contain;
    width: 80px;
    padding-left: 1px;
    margin-left: -43px;
    margin-top: 5px;
}
#search_logo > svg {
    display: none;
}

body.results_endpoint .search_box::after {
    content: var(--ceou-question);
    height: 20px;
    margin-top: -30px;
    scale: 36%;
    margin-left: -30px;
    margin-right: -80px;
}

body.preferences_endpoint, body.info_endpoint {
    height: unset;
    min-height: 100vh;
}
img.logo {
    content: var(--ceou-logo);
    height: 60px !important;
}

#results, #search_form, .info-page {
    background: var(--color-results-background2);
    backdrop-filter: blur(12px);
    border-radius: 15px;
}

#results .detail {
    right: unset !important;
    bottom: unset !important;
    top: 0 !important;
}

#search_form, .info-page {
    width: unset !important;
    max-width: 100%;
    padding: 1em;
}


/* Making room for Nextframe */
form#search {
    margin-top: 46px;
    border-top: 1px solid #303030;
}

nav#links_on_top {
    top: 5.7rem;
}

main#main_preferences {
    margin-top: 60px;
}

@media screen and (max-width: 79.75em) {
    #search_logo {
        margin-left: 10px;

    }
    body.results_endpoint #search_view {
        padding-left: 65px;
    }
}

@media screen and (max-width: 50em) {
    #search_header {
        padding-top: 20px;
    }
    body.results_endpoint .search_box::after {
        margin-left: -35px;
        scale: 28%;
        margin-top: -18px;
    }
    #search_view:focus-within {
        z-index: 1000000;
    }
    nav#links_on_top {
        top: 4.7rem;
    }
}

:root {
    color-scheme: light dark; /* color-scheme needs to match with Nextcloud >=29 */

    --color-footer-background: #fdfbffaa !important;
    --color-header-background: #fdfbffaa !important;
    --color-results-background2: #fefefe88 !important;

    --nextcloud-user-bg: url(https://cloud.thesola.io/apps/theming/background);
    --nextcloud-bg: url(https://cloud.thesola.io/apps/theming/image/background?v33);
    --default-bg: url(/extra/searchlight.jpg);

    --ceou-logo: url(/extra/ceou.svg);
    --ceou-word: url(/extra/ceou-word.svg);
    --ceou-question: url(/extra/ceou-q.svg);
}

@media (prefers-color-scheme: dark)
{
:root {
    --color-footer-background: #1e1e22dd !important;
    --color-header-background: #1e1e22dd !important;
    --color-results-background2: #22242888 !important;
}

}

@media (prefers-color-scheme: light)
{
#search_logo, body.results_endpoint .search_box::after {
    filter: brightness(0);
}
}