:root {
    --color-primary: #212121;
    --color-primary-dark: #D82924;
    --color-primary-dark-alt: #D82924;
    --color-secondary: #D82924;

    --color-titlebar-bg: #FFF;
    --color-titlebar-text: #212121;
    --color-footer-bg: #212121;
    --color-footer-text: #FFF;

    --q-color-primary: #212121;
    --q-color-secondary: #D82924;
}

#app, .srp, .search, .content-hr .content-hr__text {
    background: #F0F1F4 !important;
}
#titlebar, .the-titlebar {
    box-shadow: none !important;
    border-bottom: 3px solid var(--color-secondary);
}
.srp__search-desc, .auto__search-overview-banner {
    display: none !important;
}
.q-card {
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 8%) !important;
    border-radius: 0 !important;
    /* border-bottom: 2px solid #DEDFE2; */
}
.q-btn {
    border-radius: 0 !important;
}
.q-btn.q-btn--round {
    border-radius: 50% !important;
}
.q-btn__wrapper:before {
    box-shadow: none !important;
}
.q-badge {
    border-radius: 0 !important;
}
.q-field--standard .q-field__control:before {
    border-bottom: 2px solid #DEDFE2 !important;
    transition: border-color 0.36s cubic-bezier(0.4,0,0.2,1);
    background: #FFF !important;
}
.q-field__control {
    padding: 0 8px !important;
}
.q-btn.--search-option-secondary {
    border-bottom: 2px solid #DEDFE2 !important;
}
.srp__header {
    margin: 16px 0 !important;
}
.srp__posts {
    padding: 1px 12px;
    background: #FFF;
    /* border-bottom: 2px solid #DEDFE2; */
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 8%) !important;
}
.srp__posts > .srp__header {
    border-left: 3px solid var(--color-secondary);
    margin-left: -12px !important;
    padding-left: 12px !important;
}
.srp__popular-post {
    margin-bottom: 0 !important;
}
.srp__popular-post > .q-card {
    border-bottom: none !important;
    box-shadow: none !important;
}
.srp__popular-post-title {
    background: #FFF !important;
    color: var(--color-primary) !important;
    padding-left: 4px !important;
    font-size: 1.05rem !important;
}
.srp__popular-post-badge {
    top: 0 !important;
    left: 30px !important;
    color: #FFF !important;
}