/************************************ InvestmentDenker ************************************/
/********* Blau: #0345BF / Gold: #DAA520 *********/
#sp-main-body {
    background-image: url('/images/site/bg_light.jpg');
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px;
}

#sp-main-body .container {
    padding-left: 5%;
    padding-right: 5%;
}

iframe {
    margin: 0 auto;
    display: table;
}

.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span {
    font-size: 16px;
    padding: 0 10px;
}

.sp-megamenu-parent > li {
    padding-left: 10px;
}

#sp-header,
#sp-component {
    background: #fff !important;
    background-color: #fff !important;
}

#sp-component {
    padding-top: 15px;
}

.offcanvas-menu .offcanvas-inner ul.menu > li {
    border-top: 1px solid #ccc;
}

.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a {
    line-height: 40px;
}

a {
    color: #DAA520;
}

a:hover {
    color: #DAA520 !important;

}

.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li.active:hover > a {
    color: #DAA520;

}

.sp-sign-in .signin-text,
.d-xl-inline-block {
    display: none !important;
}

.burger-icon > span {
    background-color: #333;
}

.contact-form {
    padding: 20px;
}

#back {
    position: fixed;
    bottom: 10px;
    left: 30px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: rgba(100, 100, 100, 0.4);
    border-radius: 100%;
    z-index: 1000;
    transition: all 0.3s ease;
    cursor: pointer;
}

#back:hover {
    background: #000;
}

.sp-scroll-up {
    bottom: 10px;
}

.social-icon-twitter {
    display: none !important;
}

.sp-contact-info {
    text-align: left;
}

#sp-bottom {
    padding: 10px;
    text-align: center;
    font-size: 12px;
    position: fixed;
    bottom: 0;
    width: 100%;
}

#sp-bottom .sp-contact-info {
    text-align: center;
}

#sp-footer a,
#sp-bottom a {
    color: #DAA520;
    font-size: 12px;
    letter-spacing: 1px;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
    border-bottom: 1px solid #ccc;
    padding: 4px;
}

/************************************ Easyblog ***********************************/
#eb .eb-post-thumb .eb-post-thumb-caption {
    display: none;
}

#fd .fd-toolbar {
    padding-top: 12px;
}

#fd .fd-toolbar-divider,
.eb-mag-header-title,
.eb-mag-head {
    display: none;
}

#eb .eb-mag-post-title {
    font-size: 25px !important;
    text-align: center;
}

#eb .eb-mag-table {
    border-bottom: 1px solid #ccc;
}

.eb-entry-head {
    padding-top: 20px;
}

#fd .fd-toolbar {
    padding: 0px;
    background: #ccc;
}

body #eb .t-align-items--c {
    padding: 10px;
}

#fd .rounded-l-md,
#fd .rounded-t-md,
#fd .rounded-r-md,
#eb .eb-bar--filter-bar {
    border-radius: 0px;
}

#fd .fd-toolbar-btn {
    display: none;
}

#fd .o-form-control,
#fd .fd-toolbar__link:hover,
#fd .fd-toolbar__search-form,
#fd .o-dropdown,
#fd .fd-toolbar__link {
    border-radius: 0px;
    color: #eee;
}

#eb .o-empty {
    min-height: 100px;
}

.eb-authors-bio a {
    border-bottom: 1px solid #ccc;
}

.eb-authors-bio p {
    display: none;
}

/************************************ Dark Mode ***********************************/

@media (prefers-color-scheme: dark) {
    #sp-main-body {
        background-image: url('/images/site/bg_dark.jpg');
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-size: cover;
        color: #ccc;
    }

    #sp-header,
    #eb .eb-bar--filter-bar,
    .awesomplete > input {
        background: #222 !important;
        background-color: #222 !important;
        color: #ccc !important;
    }

    .form-control {
        border: 1px solid #444;
    }

    .burger-icon > span {
        background-color: #eee;
    }

    body,
    #sp-component {
        background: #333 !important;
        background-color: #333 !important;
        color: #ccc !important;
    }

    .sp-megamenu-parent > li > a,
    .sp-megamenu-parent > li > span,
    .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
        color: #eee !important;
    }

    .sp-megamenu-parent > li.active > a,
    .sp-megamenu-parent > li.active:hover > a,
    .sp-megamenu-parent > li > a:hover,
    a:hover {
        color: #DAA520 !important;
    }

    #eb .eb-post-listing__item,
    #eb .eb-post-nickel,
    #eb .eb-post-nickel .eb-post-foot {
        background: #333 !important;
        color: #ccc !important;
    }

    #eb .eb-post-nickel .eb-post-top {
        border-bottom: 1px solid #444 !important;
    }

    .eb-post-nickel {
        border: 1px solid #444 !important;
    }

    #eb .eb-post-nickel .eb-post-foot {
        border-top: 1px solid #444 !important;
    }

    #fd .fd-toolbar .is-active .fd-toolbar__link:not(.no-active-state),
    #fd .fd-toolbar .is-active .fd-toolbar__submenu-link {
        background: #444 !important;
    }

    #fd .fd-toolbar__link:active,
    #fd .fd-toolbar__link:focus,
    #fd .fd-toolbar__link:hover {
        background: #444 !important;
    }

    .offcanvas-menu {
        background: #222 !important;
        background-color: #222 !important;
        color: #eee !important;
    }

    .offcanvas-menu a,
    .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a > .menu-toggler,
    .offcanvas-menu .far {
        color: #eee !important;
    }

    .offcanvas-menu .offcanvas-inner ul.menu li.active a {
        color: #DAA520 !important;
    }

    #fd .fd-toolbar {
        background: #222;
    }

    #fd .fd-toolbar__link > i {
        color: #eee;
    }

    #fd .fd-toolbar__search-form,
    #fd .o-dropdown {
        background: #111;
        border: none;
    }

    .awesomplete > ul,
    #fd .fd-toolbar__search-input,
    #fd .fd-toolbar-btn,
    #fd .fd-toolbar__search-form > * + *,
    body #eb .t-w--100 {
        background: #555 !important;
        color: #eee !important;
    }

    #fd .text-gray-800 {
        color: #DAA520;
    }

    #fd .hover\:bg-gray-100:hover {
        background: #333;
    }

    #fd .o-pagination__btn {
        background: #444;
        color: #eee;
    }

    #eb .eb-filter-menu__item.active a {
        background: #111 !important;
    }

    #eb .eb-filter-menu__item a:hover,
    #eb .eb-filter-menu__link:hover {
        background: #111 !important;
    }

    #eb .eb-dialog-header,
    #eb .eb-dialog-content,
    #eb.eb-dialog.has-footer .eb-dialog-footer {
        background: #333;
        color: #eee;
    }

    #eb .open > .dropdown-menu,
    .btn-default:focus {
        background: #222;
    }

    #eb .eb-subscribe-form {
        background-color: #555 !important;
    }

    #eb .o-empty {
        background: #222;
    }

    body #eb .t-text--truncate {
        color: #eee !important;
    }

    body #eb .t-text--truncate:hover {
        color: #ccc !important;
    }

    .offcanvas-menu .fa,
    .offcanvas-menu .fab,
    .offcanvas-menu .far,
    .offcanvas-menu .fas {
        color: #fff;
    }

    #fd .o-dropdown-nav__text {
        color: #eee;
    }

    #fd .o-dropdown-nav > li:not(.active):hover,
    #fd .o-dropdown-nav__item.is-acitve,
    #fd .o-dropdown-nav__item:hover,
    #eb .eb-comment-editor .markItUpHeader,
    #eb .eb-comment-editor .markItUpContainer .markItUpExpanding .markItUpEditor,
    #eb .eb-comment-form .form-control {
        background: #333 !important;
    }

    #eb .eb-bar--snackbar {
        background-color: #333;
        background: #333;
    }

    #eb table,
    #eb .eb-table tbody > tr {
        background-color: #222;
    }

    #eb .eb-table tbody > tr td .post-title,
    #eb .eb-table tbody > tr {
        color: #eee !important;
    }

    #eb .table-striped > tbody > tr:nth-child(odd) > td,
    #eb .table-striped > tbody > tr:nth-child(odd) > th,
    #eb .eb-dashboard-empty,
    #eb .db-post-item {
        background: #444;
        background-color: #444;
        color: #eee;
    }

    #eb .dropdown-menu > li > a,
    #eb .eb-post-admin .dropdown-menu > li > a,
    body #eb .t-text--800 {
        color: #eee !important;
    }

    #eb .eb-table tbody > tr:hover td,
    #eb .dropdown-menu.has-active-markers > li a:hover,
    #eb .eb-post-admin .dropdown-menu > li > a:hover {
        background: #333;
        background-color: #333;
        color: #eee;
    }

    #eb .eb-image.style-polaroid {
        background: #222;
    }

    #eb .open > .dropdown-menu {
        background: #222;
        background-color: #222;
    }

    #eb .eb-dashboard-sticky-header {
        background: #333;
    }

    #eb .eb-authors-head {
        background: #444;
        border-radius: 0px;
    }

    .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
        background: #222;
    }

    .sp-megamenu-parent:hover,
    .sp-dropdown li.sp-menu-item > a:hover {
        color: #DAA520 !important;
    }
}

/************************************ Media Screens ***********************************/
@media screen and (max-width: 667px) {

    #sp-main-body,
    #sp-main-body .container {
        padding: 0px;
    }

    #eb .eb-mag .eb-mag-table .eb-mag-cell + .eb-mag-cell {
        padding-left: 20px;
        padding-right: 20px;
    }

    #sp-menu,
    #sp-menu .row,
    #sp-logo.has-border,
    #sp-header .logo {
        height: 47px;
    }

    iframe {
        width: 100% !important;
    }

    #sp-header .logo a {
        font-size: 18px;
    }

    #sp-menu ul.social-icons > li:not(:last-child) {
        margin-right: 14px;
    }

    #sp-component {
        padding-top: 1px;
    }

    .eb-container {
        padding: 10px;
    }

    #sp-main-body {
        margin-top: 30px;
    }

}