/*********** LIGHT MODE ***********/
#page ul.section-mobile-navigator {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    list-style: none;
    padding: 0px;
    -webkit-column-rule: 1px solid rgba(0, 0, 0, 0.21960784);
    column-rule: 1px solid rgba(0, 0, 0, 0.21960784);
    column-gap: 50px;
    -moz-column-gap: 50px;
    -webkit-column-gap: 50px;
    color: #1a9def;
    text-decoration: none;
    font-family: Helvetica, sans-serif;
    font-size: 16px;
}

@media only screen and (min-width: 601px) {
    #footer form button {
        width: 275px;
    }
    #footer form input {
        width: 190px;
    }

    #footer form button {
        width: 95px;
    }
}
@media only screen and (max-width: 600px) {
    #footer form div {
        display: block !important;
        margin-top: 40px;
    }

    #footer form input {
        width: 71%;
    }

    #footer form button {
        width: 25%;
    }



    /*#brand-item {
        font-size: 13px !important;
    }*/

    #desktop-filters {
        display: none;
    }
}
#container #article .content li a{
    line-height: 1.68em;
    margin-bottom: 1em;
    display:inline-flex;
}

#container .section-mobile-navigator li,
#footer li,
.quick_verdict li{
    margin-bottom: 0em !important;
}


#container li{
    line-height: 1.68em;
    /*margin-bottom: 1.5em;*/
    /*color: #9E9E9E !important;*/
    /*border-bottom: 1px solid #3a4750 !important;*/
}

#homepage a:hover,
#hub a:hover{
    /*text-decoration: none !important;*/
    background-color: transparent;
    color: #1A9DEF;
    text-decoration: none;
    background-color: transparent !important;
    color: #595959 !important;
    text-decoration: underline !important;
    text-decoration-color: #00ADB5 !important;
    text-decoration-thickness: 0.15rem !important;
    text-underline-offset: 0.15rem !important;

}
#desktop-filters,
.mobile-filters{
    border-radius: 4px;
    padding: 10px;
}


#desktop-filters a:hover,
.mobile-filters a:hover,
#container .content .mobile-brand-navigator-item a:hover,
#desktop-filters .selected-brand {
    background-color: transparent;
    color: #1A9DEF;
    text-decoration: none;
    background-color: transparent !important;
    color: #595959 !important;
    text-decoration: underline !important;
    text-decoration-color: #00ADB5 !important;
    text-decoration-thickness: 0.15rem !important;
    text-underline-offset: 0.15rem !important;
}

.breadcrumb a,
.details a {
    color: #000 !important;
}
.breadcrumb a:hover, .details a:hover {
    /* text-decoration: none !important; */
    color: #1A9DEF;
    text-decoration: underline !important;
    text-decoration-color: #00adb5 !important;
}

#container #article .container_verdict a,
#container #article .container .social a,
#container #article footer li a,
#container .content a:not(.search-article){
    /*color: #595959;*/
    color: #464645;
    background-color: transparent !important;
    text-decoration: underline !important;
    text-decoration-color: #00adb5 !important;
    text-decoration-thickness: 0.16rem !important;
    text-underline-offset: 0.15rem !important;
}

#container .content a:hover:not(.search-article),
#container #article .container_verdict a:hover,
#container #article .container .social a:hover,
#container #article footer li a:hover{
    color: #595959 !important;
    text-decoration: none !important;
    background-color: #00adb5 !important;
    /* text-decoration: underline !important; */
}

#container #hub .content .article a:hover, body.dark-mode #container .articles .article a:hover {
    background-color: transparent !important;
}


.mobile-filters a, #container .content .mobile-brand-navigator-item a {
    text-decoration: none !important;
}

#container .content .section-mobile-navigator {
    color: #000 !important;
}

#container .articles .article a:hover {
    background-color: transparent !important;
}

#container #article .extras a,
#container #article .nativebox-content a,
    /*#container .content .switcher a,*/
#container #article .extras .rc-headline,
#container #filter_types button,
#container .hub-articles-container .switcher a,
#container #hub .switcher a{
    background-color: transparent !important;
    /*color: #595959 !important;*/
    text-decoration: none !important;
}

#container #article .extras a:hover,
#container #article .nativebox-content a:hover,
    /*#container .content .switcher a:hover,*/
#container .content .switcher .active,
#container #article .extras .rc-headline:hover,
#container #filter_types button:hover,
#container .hub-articles-container .switcher a:hover,
#container #hub .switcher a:hover,
#container #hub .switcher .active{
    text-decoration: underline !important;
    text-decoration-color: #00adb5 !important;
    text-decoration-thickness: 0.16rem !important;
    text-underline-offset: 0.15rem !important;
    background-color: transparent !important;
}

#container #filter_types li .selected {
    text-decoration: underline !important;
    text-decoration-color: #00adb5 !important;
    text-decoration-thickness: 0.16rem !important;
    text-underline-offset: 0.15rem !important;
    color: #999999;
}


#container #article .extras .switcher a{
    color: #000 !important;
}

#container #article footer .tags span {
    text-transform: uppercase;
    /*background: #00adb5;*/
    border-radius: 4px;
}

#container #article footer .tags a {
    border-radius: 4px;
}

#container #article footer .tags a:hover {
    text-decoration: none;
    background: #00adb5!important;
}

/*#container .hub-articles-container .switcher a{
    background-color: transparent !important;
    text-decoration: none !important;
    /*color: #eeeeee !important;*/
/*    text-decoration: none !important;
}

#container .hub-articles-container .switcher a:hover,
#container .hub-articles-container .switcher a .active{
    text-decoration: underline !important;
    text-decoration-color: #00adb5 !important;
    text-decoration-thickness: 0.16rem !important;
    text-underline-offset: 0.15rem !important;
    background-color: transparent !important;
    color: #595959 !important;
}*/

/******** END LIGHT MODE ************/


/************DARK MODE************/
body.dark-mode{
    background-color: #303841;
}

body.dark-mode #header .mobile-search
    /*body.dark-mode #header .search,
    body.dark-mode #header .search input*/ {
    background-color: #303841 !important;
}

body.dark-mode .search-input .not-empty,
body.dark-mode .search-input #search_input{
    color: #eeeeee !important;
}

body.dark-mode #homepage .homepage-switcher a{
    border: 2px solid #303841;
    background-color: #3A4750 !important;
}

body.dark-mode #homepage .homepage-switcher .active{
    background-color: #303841 !important;
}
/*
body.dark-mode #header .search input::placeholder {
    color: #eeeeee;
    opacity: 1;
}
*/
body.dark-mode #container,
body.dark-mode #hub{
    background-color: #303841;
}

body.dark-mode #homepage a,
body.dark-mode #hub a{
    background-color: transparent !important;
    color: #eeeeee !important;
    text-decoration: none !important;
    /*text-decoration-color: #00adb5 !important;*/
}

body.dark-mode #homepage a:hover,
body.dark-mode #hub a:hover{
    /*text-decoration: none !important;*/
    text-decoration: underline !important;
    text-decoration-color: #00adb5 !important;
    text-decoration-thickness: 0.16rem !important;
    text-underline-offset: 0.15rem !important;
}
body.dark-mode #hub .article,
body.dark-mode #archive .article,
body.dark-mode .search-page .article,
body.dark-mode .search-page .super-brand-hub{
    background-color: #3A4750;
}

body.dark-mode .article .article-info-title span,
body.dark-mode .search-page .super-brand-hub .article-info-title span{
    background-color: transparent !important;
    color: #eeeeee !important;
    /*text-decoration: underline !important;*/
    text-decoration-color: #00adb5 !important;
    text-decoration-thickness: 0.16rem !important;
    text-underline-offset: 0.15rem !important;
}

body.dark-mode #homepage a.active,
body.dark-mode #hub a.active{
    text-decoration: none;
}

body.dark-mode #homepage .pl_no_h4,
body.dark-mode #page .pl_no_h4,
body.dark-mode #hub h1,
body.dark-mode #container h1,
body.dark-mode #container h2,
body.dark-mode #container h3{
    color: #ffffff;
}

body.dark-mode .article .article-info-publish{
    color: #eeeeee !important;
}

body.dark-mode #hub .article-info-publish .stars:after{
    background-color: transparent;
}

body.dark-mode .breadcrumb a,
body.dark-mode .details a{
    background-color: transparent !important;
    color: #ffffff !important;
    /*text-decoration: underline !important;*/
    text-decoration-color: #00adb5 !important;
    text-decoration-thickness: 0.16rem !important;
    text-underline-offset: 0.15rem !important;
}

body.dark-mode .breadcrumb a:hover,
body.dark-mode .details a:hover{
    /*text-decoration: none !important;*/
    text-decoration: underline !important;
    text-decoration-color: #00adb5 !important;
}
body.dark-mode .breadcrumb{
    color: #eeeeee !important;
}

body.dark-mode #desktop-filters,
body.dark-mode .mobile-filters{
    background-color: #3A4750 !important;
    border-radius: 4px;
    padding: 10px;
}

body.dark-mode #desktop-filters .pl_no_h3,
body.dark-mode .mobile-filters .pl_no_h3{
    color: #ffffff !important;
}

body.dark-mode #desktop-filters a:hover,
body.dark-mode .mobile-filters a:hover,
body.dark-mode #container .content .mobile-brand-navigator-item a:hover{
    text-decoration: underline !important;
    text-decoration-color: #00adb5 !important;
    text-decoration-thickness: 0.16rem !important;
    text-underline-offset: 0.15rem !important;
}

/*body.dark-mode #container #article .content a,*/

body.dark-mode #container #article .container_verdict a,/*,
body.dark-mode #container #article .nativebox-content a*/
body.dark-mode #container #article .container .social a,
body.dark-mode #container #article footer li a,
body.dark-mode #container #page a:not(.search-article),
body.dark-mode #container .content a:not(.search-article){
    background-color: transparent !important;
    color: #eeeeee !important;
    text-decoration: underline !important;
    text-decoration-color: #00adb5 !important;
    text-decoration-thickness: 0.16rem !important;
    text-underline-offset: 0.15rem !important;
}

body.dark-mode #container #page ul.section-mobile-navigator li a {
    text-decoration: none !important;
}

body.dark-mode #desktop-filters a,
body.dark-mode .mobile-filters a,
body.dark-mode #container .content .mobile-brand-navigator-item a{
    color: #ffffff !important;
    text-decoration: none !important;
}

body.dark-mode #container .content .section-mobile-navigator {
    color: #ffffff !important;
}

/*body.dark-mode #container #article .content a:hover,*/
body.dark-mode #container .content a:hover:not(.search-article),
body.dark-mode #container #article .container_verdict a:hover,
body.dark-mode #container #article .container .social  a:hover,
body.dark-mode #container #article footer li a:hover,
body.dark-mode #container #page a:hover:not(.search-article) {
    text-decoration: none !important;
    background-color: #00adb5 !important;
    color: #eeeeee !important;

    /*text-decoration: underline !important;*/
}
body.dark-mode #container .search-page .super-brand-hub a{
    background-color: transparent !important;
    color: #eeeeee !important;
    text-decoration: underline !important;
    text-decoration-color: #00adb5 !important;
    text-decoration-thickness: 0.16rem !important;
    text-underline-offset: 0.15rem !important;
}

body.dark-mode #container .search-page .super-brand-hub a:hover {
    background-color: transparent !important;
}
/*body.dark-mode #container .search-page .super-brand-hub a:hover{
    background-color: transparent !important;
}*/

body.dark-mode #container #hub .content .article a:hover,
body.dark-mode #container .articles .article a:hover {
    background-color: transparent !important;
}

body.dark-mode #container #article footer .tags span {
    text-transform: uppercase;
    background: #00adb5;
    border-radius: 4px;
}

body.dark-mode #container #article footer .tags a {
    border-radius: 4px;
}

body.dark-mode #container #article footer .tags a:hover {
    text-decoration: none;
    background: #00adb5!important;
}

body.dark-mode #container .stars:after{
    background-color: transparent;
}


body.dark-mode #container .pl_no_h3{
    color: #ffffff !important;
}

body.dark-mode #container .container_verdict p,
body.dark-mode #container .content p,
body.dark-mode #container .content div,
body.dark-mode #container .content .campaign,
body.dark-mode #container .content .nolinks,
body.dark-mode #container #page p{
    color: #eeeeee !important;
}

body.dark-mode #container .content #mc_embed_signup{
    background-color: #3a4750;
    color: #eeeeee;
    padding: 10px;
}
/*body.dark-mode #container #article .breadcrumb li {
    border-bottom: none !important;
}*/

body.dark-mode #container li a,
body.dark-mode #container li span{
    /* margin-bottom: 1.5em;*/
    /*color: #9E9E9E !important;*/
    color: #ffffff !important;
    /*border-bottom: 1px solid #3a4750 !important;*/
}
body.dark-mode #container li{
    color: #eeeeee !important;
}

body.dark-mode #homepage .latest-news li,
body.dark-mode #homepage .latest-feature-tag li,
body.dark-mode #homepage .latest li,
body.dark-mode .most-read li{
    color: #9E9E9E !important;
    border-bottom: 1px solid #3a4750 !important;
}
body.dark-mode .most-read ol:last-child li:last-child {
    border-bottom: 0 !important;
}

body.dark-mode header .container .social,
body.dark-mode header .nativebox-content,
body.dark-mode #container .hub-articles-container .switcher{
    border: 1px solid #3a4750 !important;
    border-left: 0 !important;
    border-right: 0 !important;
}

body.dark-mode .content .block-inline,
body.dark-mode .content .block-top{
    border: 1px solid #eeeeee !important;
    border-left: 0!important;
    border-right: 0!important;
}

/*body.dark-mode .content .block{
    border-bottom: 1px solid #3a4750 !important;
}*/

body.dark-mode #footer li {
    color: #ffffff !important;
    border-bottom: none;
}

body.dark-mode #container .pl_no_h1,
body.dark-mode #container .pl_no_h2 {
    color: #ffffff !important;
}
body.dark-mode #container .price_when_reviewed{
    color: #eeeeee !important;
}

body.dark-mode #container .switcher span{
    color: #ffffff !important;
}

body.dark-mode #container .switcher a.active{
    color: #ffffff !important;
    text-decoration: none !important;
}

body.dark-mode #hub .switcher-popular span{
    color: #ffffff !important;
    /*text-decoration: none;*/
}

body.dark-mode #container .switcher span{
    color: #ffffff !important;
}

body.dark-mode #container #article .extras a,
body.dark-mode #container #article .nativebox-content a,
body.dark-mode #container .content .switcher a,
body.dark-mode #container #article .extras .rc-headline,
body.dark-mode #container #filter_types button,
body.dark-mode #container .hub-articles-container .switcher a{
    background-color: transparent !important;
    color: #eeeeee !important;
    text-decoration: none !important;
}

body.dark-mode #container #article .extras a:hover,
body.dark-mode #container #article .nativebox-content a:hover,
body.dark-mode #container .content .switcher a:hover,
body.dark-mode #container .content .switcher .active,
body.dark-mode #container #article .extras .rc-headline:hover,
body.dark-mode #container #filter_types button:hover,
body.dark-mode #container .hub-articles-container .switcher a:hover{
    text-decoration: underline !important;
    text-decoration-color: #00adb5 !important;
    text-decoration-thickness: 0.16rem !important;
    text-underline-offset: 0.15rem !important;
    background-color: transparent !important;
}
body.dark-mode #container #filter_types li .selected {
    text-decoration: underline !important;
    text-decoration-color: #00adb5 !important;
    text-decoration-thickness: 0.16rem !important;
    text-underline-offset: 0.15rem !important;
    color: #eeeeee !important;
}

body.dark-mode #container #article .comments,
body.dark-mode #container #article #numbering,
body.dark-mode #container #article .attribution {
    color: #eeeeee;
}

body.dark-mode #container #article header .recommended-best-deal #drop-down{
    color: #00adb5 !important;
}

body.dark-mode #container #article header .recommended-best-deal #drop-down:hover {
    text-decoration: underline !important;
    text-decoration-color: #00adb5 !important;
    text-decoration-thickness: 0.16rem !important;
    text-underline-offset: 0.15rem !important;
}

body.dark-mode #container .content #contributors {
    color: #eeeeee;
}

body.dark-mode #container .content #contributors a,
body.dark-mode #container .content #our-team a{
    background-color: transparent !important;
    color: #eeeeee !important;
    text-decoration: none !important;
}

body.dark-mode #container .content #contributors a:hover,
body.dark-mode #container .content #our-team a:hover{
    text-decoration: underline !important;
    text-decoration-color: #00adb5 !important;
    text-decoration-thickness: 0.16rem !important;
    text-underline-offset: 0.15rem !important;
}
body.dark-mode .content td {
    color: #eeeeee;
}
body.dark-mode #article .content td {
    border: 1px solid #3A4750;
    color: #eeeeee;
}

body.dark-mode #article .content tr:first-child td  {
    background-color: #3A4750 !important;
}

body.dark-mode .content hr{
    border: 1px solid #eeeeee;
}

body.dark-mode #container #page-full p{
    background-color: transparent !important;
    color: #eeeeee !important;
    text-decoration: none !important;
}

body.dark-mode #container #page-full a{
    text-decoration: underline !important;
    text-decoration-color: #00adb5 !important;
    text-decoration-thickness: 0.16rem !important;
    text-underline-offset: 0.15rem !important;
}

#article .content figure>a>span, #article .content figure>span, #article .content figure a {
    /* display: block; */
    float: right;
}

#article figure {
    display: flow-root;
}