.navigation.open {
    width: 100%;
    margin: 0;
    padding: 10px 15px 20px 15px;
    border: 0;
    box-shadow: 0 1px 20px rgba(0,0,0, 0.5);
}
/*.navigation ul {
    margin-bottom: 15px;
}*/
.navigation li a {
    line-height: 40px;
}
.theme-dark .navigation li.active {
    border: 0;
}
.theme-dark .navigation li.active a {
    color: #65af32;
}
.navigation li.active {
    border: 0;
}

/*
    Dark mode toggle button
*/
.dark-mode-button-container {
    display: none;
    margin-bottom: 20px;
    padding: 20px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.btn-ios {
    position: relative;
    display: flex;
    height: 25px;
    font-weight: normal;
    align-items: center;
    text-transform: none;
    color: #000;
    padding: 0 0 0 70px;
    border: 0;
    background: none;
}
.btn-ios:hover,
.btn-ios:focus {
    background: none;
    outline: none;
}
.btn-ios:before,
.btn-ios:after {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    content: '';
    border-radius: 50px;
    border: 1px solid #ddd;
}
.btn-ios:before {
    width: 50px;
    background: #f5f5f5;
}
.btn-ios:after {
    top: -1px;
    width: 25px;
    background: #fff;
    box-shadow: 2px 2px 5px rgba(0,0,0, 0.08);
    transition: all 0.2s ease-in-out;
}
.btn-ios.active {
    color: #e3e3e3;
}
.btn-ios.active:before {
    background: #4cd764;
    border: 0;
}
.btn-ios.active:after {
    left: 25px;
}

@media (max-width: 46.24em) {
    .dark-mode-button-container.show {
        display: block;
    }

    /*
        Body class
    */
    .theme-dark body {
        color: #e3e3e3;
        background: #141414;
    }

    .theme-dark body a {
        color: #e3e3e3;
    }

    .theme-dark .line {
        border-color: #2d2d2d;
    }

    /*
        Header and navigation
    */
    .theme-dark .brand {
        /*background: #1f1f1f;*/
        border-bottom: 1px solid #2d2d2d;
    }

    .theme-dark #header {
        z-index: 9999;
        border-bottom: 1px solid #2d2d2d;
    }

    .theme-dark #navwrapper,
    .theme-dark .horizonnav {
        background: #141414;
        border: none;
    }

    .theme-dark .dark-mode-button-container {
        border-top: 1px solid #2d2d2d;
        border-bottom: 1px solid #2d2d2d;
    }

    .theme-dark .navigation.open {
        background: #141414;
    }
    .theme-dark .navigation li a {
        color: #979797;
    }
    .theme-dark .navigation li.active {
        color: #65af32;
    }

    .theme-dark .horizonnav a {
        color: #979797;
    }

    .theme-dark .horizonnav a.active {
        color: #e3e3e3;
    }

    /*
        Navigation search
    */
    .theme-dark .navigation__search {
        border: 0;
    }
    .theme-dark .search__input {
        background-color: #1f1f1f;
    }

    /*
        Header title
    */
    .theme-dark .header {
        position: relative;
        z-index: 1;
        margin: 0 -10px;
        padding: 0 10px;
        color: #e3e3e3;
        background: #1f1f1f;
    }

    /*
        Article list
    */
    .theme-dark .article {
        border-top-color: #2d2d2d;
    }

    .theme-dark .article__title-link {
        color: #e3e3e3;
    }

    .theme-dark .article__title-link:visited {
        color: #797979;
    }

    /*
        Article page
    */
    .theme-dark .content {
        color: #e3e3e3;
    }
    .theme-dark .news__meta {
        border-bottom: 1px solid #2d2d2d;
    }

    /*
        Poll
    */
    .theme-dark .poll {
        background: #65af32;
    }

    .theme-dark .poll__item {
        background: #141414;
    }

    /*
        Livescore
    */
    .theme-dark .livescore {
        border-bottom: 1px solid #2d2d2d;
    }
    .theme-dark .livescore__title {
        border-top: 1px solid #2d2d2d;
        border-bottom: 1px solid #2d2d2d;
    }
    .theme-dark .comlogo {
        padding: 5px;
        background: rgba(255,255,255, 0.9);
        border-radius: 4px;
    }

    /*
        Tabs
    */
    .theme-dark .tabs__wrapper {
        border-color: #2d2d2d;
    }
    .theme-dark .tabs__item {
        border-color: #2d2d2d;
    }

    /*
        Newsletter
    */
    .theme-dark .newsletter {
        background: #1f1f1f;
    }
    .theme-dark .newsletter .button {
        background-color: #65af32;
        border-color: #65af32;
    }

    /*
        Pagination
    */
    .theme-dark .pagination a {
        color: #e3e3e3;
        background: #1f1f1f;
        border: 0;
    }
    .theme-dark .pagination .current {
        color: #e3e3e3;
        border: 0;
    }

    /*
        Add to homepage
    */
    .theme-dark .ath-container {
        background: #141414;
        box-shadow: 0 0.2em 0 #868686;
    }
    .theme-dark .ath-container p {
        text-shadow: none;
    }
    .theme-dark .ath-container.ath-icon:before {
        background-color: #1f1f1f;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIuMDAxIDUxMi4wMDEiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0yODQuMjg2IDI1Ni4wMDJMNTA2LjE0MyAzNC4xNDRjNy44MTEtNy44MTEgNy44MTEtMjAuNDc1IDAtMjguMjg1LTcuODExLTcuODEtMjAuNDc1LTcuODExLTI4LjI4NSAwTDI1NiAyMjcuNzE3IDM0LjE0MyA1Ljg1OWMtNy44MTEtNy44MTEtMjAuNDc1LTcuODExLTI4LjI4NSAwLTcuODEgNy44MTEtNy44MTEgMjAuNDc1IDAgMjguMjg1bDIyMS44NTcgMjIxLjg1N0w1Ljg1OCA0NzcuODU5Yy03LjgxMSA3LjgxMS03LjgxMSAyMC40NzUgMCAyOC4yODVhMTkuOTM4IDE5LjkzOCAwIDAwMTQuMTQzIDUuODU3IDE5Ljk0IDE5Ljk0IDAgMDAxNC4xNDMtNS44NTdMMjU2IDI4NC4yODdsMjIxLjg1NyAyMjEuODU3YzMuOTA1IDMuOTA1IDkuMDI0IDUuODU3IDE0LjE0MyA1Ljg1N3MxMC4yMzctMS45NTIgMTQuMTQzLTUuODU3YzcuODExLTcuODExIDcuODExLTIwLjQ3NSAwLTI4LjI4NUwyODQuMjg2IDI1Ni4wMDJ6Ii8+PC9zdmc+);
    }
    .theme-dark .ath-ios.ath-phone:after {
        background-color: #141414;
        border-color: #141414;
        box-shadow: 0.2em 0.2em 0 #868686;
    }

    /*
        Twitter box darkmode
    */
    .EmbeddedTweet-tweet {
        background-color: red !important;
    }

    /*
        Livescore
    */
    .theme-dark .website-takeover .content {
        padding: 20px 0;
        background: #000;
    }

    /*
       Footer
    */
    .theme-dark .footer {
        background: #141414;
    }
}