﻿.dark-mode {
    background-color: #111;
    color: #66ffff;
}

.dark-mode a {
    color: #66ffff;
}

.dark-mode a:hover {
    text-decoration: none;
    border-bottom: 1px solid #fae704;
}

.dark-mode .article-detail h2 a {
    color: #fae704
}

.dark-mode .header-nav .nav-link {
    color: #66ffff;
}

.dark-mode h1, .dark-mode h2, .dark-mode h3, .dark-mode h4, .dark-mode h5, .dark-mode h6, .dark-mode .h1, .dark-mode .h2, .dark-mode .h3, .dark-mode .h4, .dark-mode .h5, .dark-mode .h6 {
    margin-bottom: 1rem;
    font-family: inherit;
    font-weight: 700;
    color: #fae704;
}

.dark-mode .accessibility-bar {
    background-color: #111;
    color: #fae704;
    border-bottom: 1px solid #979797;
}

    .dark-mode .sf-search-input-wrapper .form-control,
    .dark-mode .sf-search-input-wrapper .btn,
    .dark-mode .search-service .form-control,
    .dark-mode .search-input-wrapper .form-control {
        background-color: #111;
        color: #fae704;
        border: 1px solid #fff;
    }

.dark-mode input::placeholder {
    color: #fae704;
}

.dark-mode .btn-search {
    background-color: transparent !important;
    border-top: 1px solid #fff !important;
    border-right: 1px solid #fff !important;
    border-bottom: 1px solid #fff !important;
    background-image: url(/images/default-source/icons/search-cyan.png) !important;
}

.dark-mode .nav-pills .nav-link {
    color: #66ffff;
}

.dark-mode .nav-pills .nav-link.show {
    color: #C936A7
}

.dark-mode .header-nav .dropdown-item {
    color: #66ffff;
    background-color: #111;
}

.dark-mode .header-nav .dropdown-item:hover {
    color: #111;
    background-color: #FFF;
}

.dark-mode .card {
    background-color: #050505;
    border: 1px solid #fff !important;
}

.dark-mode .card p{
    background-color: #050505;
    color: #fae704!important;
}

.dark-mode .card strong {
    color: #fae704;
}

.dark-mode .card span{
    color: #FFF !important;
    font-weight: bold;
}

.dark-mode .text-dark {
    color: #fae704 !important;
}

.dark-mode .feedback a {
    border: 1px solid #FFF;
}

    .dark-mode .bg-grey, .dark-mode .bg-blue {
        background-color: #000000 !important;
        background-image: none !important;
    }

    .dark-mode .btn-primary,
    .dark-mode .btn-outline-primary {
        color: #000!important;
        background-color: #66ffff!important;
    }

        .dark-mode .btn-primary:hover,
        .dark-mode .btn-outline-primary:hover {
            color: #000!important;
            background-color: #66ffff!important;
            border-color: #66ffff!important;
        }


    .dark-mode .bg-grey p {
        color: #fae704;
    }

    .dark-mode .billboard .billboard-content-carousel {
        color: #fff;
        background: #111;
    }

    .dark-mode .billboard .billboard-content-carousel .item{
        color: #fff;
        background: #111;
    }

    .dark-mode .breadcrumbRootNode::before {
        color: #fae704;
    }

    .dark-mode blockquote {
        background-color: transparent;
        border: 1px solid #FFF;
    }

    .dark-mode blockquote a{
        color: #fae704!important;
    }

    .dark-mode .header-block .btn {
        background-color: transparent;
        border: 1px solid #66ffff;
        color: #66ffff;
    }

    .dark-mode .header-block nav .nav-link {
        background: #000 !important;
        color: #FFF !important;
        border-bottom: 1px solid #FFF !important;
    }

    .dark-mode .events-filter,
    .dark-mode .filter-dropdown,
    .dark-mode .events-filter-container {
        background-color: #000;
    }

    .dark-mode .filter-results {
        color: #FFF;
    }

    .dark-mode .events-filter-container .custom-control input[type=checkbox]:checked + label {
        color: #FFF;
    }

    .dark-mode .pin-location {
        background-image: url(/images/default-source/icons/location-alt.png) !important;
    }

    .dark-mode .office {
        background-image: url(/images/default-source/icons/building-alt.png) !important;
    }

    .dark-mode .hotline {
        background-image: url(/images/default-source/icons/phone-alt.png) !important;
    }

    .dark-mode .email {
        background-image: url(/images/default-source/icons/email-alt.png) !important;
    }

    .dark-mode .website {
        background-image: url(/images/default-source/icons/link-alt.png) !important;
    }

    .dark-mode .event-detail .event-info {
        background-color: #000000 !important;
        border: 1px solid #fff !important;
        color: #fff !important;
    }

    .dark-mode .btn-outline-light {
        background-color: #FFF;
    }

    .dark-mode .dropdown-menu {
        background-color: #000;
    }

    .dark-mode .custom-control input[type=checkbox]:checked + label {
        color: #fff !important;
    }

    .dark-mode .dropdown-item:focus, .dark-mode .dropdown-item:hover {
        background-color: transparent;
    }

    .dark-mode .custom-control input[type=checkbox] + label {
        color: #fff !important;
    }

    .dark-mode .custom-control-physical-event, .dark-mode .custom-control-virtual-event {
        border: 1px solid #FFF;
    }

    .dark-mode .custom-radio .custom-control-input:checked ~ .custom-control-physical-event,
    .dark-mode .custom-radio .custom-control-input:checked ~ .custom-control-virtual-event {
        border-color: #FFF;
        color: #FFF;
    }

    .dark-mode .money-matters .card .card-body .h6 a {
        color: #fae704
    }

    .dark-mode .money-matter-list li a:hover {
        color: #66ffff;
        font-weight: normal;
        border-bottom: 1px solid #fae704;
    }

    .dark-mode .money-matter-list li::before {
        color: #66ffff;
    }

    .dark-mode .toggle-articles .text-left,
    .dark-mode .toggle-articles .text-right {
        color: #fae704;
    }

    .dark-mode .toggle-articles[role="navigation"] ul li a.text-left:before,
    .dark-mode .toggle-articles[role="navigation"] ul li a.text-right:after {
        border: 1px solid #66ffff;
        color: #FFF;
    }