:root body.dark-mode {--blue: #1e6bff;--lighter-grey: #222;--light-grey: #333;--medium-grey: #444;--dark-grey: #ccc}
body.dark-mode, body.dark-mode .alternate article, body.dark-mode .cat-heading h1, body.dark-mode .cat-heading h2, body.dark-mode .heading-2, body.dark-mode a.btn {background-color: #252525}
body.dark-mode header .logos a {color: #888 !important;border-right: 2px solid #555}
body.dark-mode .audio-player audio, body.dark-mode .nav-overlay input.form-search, body.dark-mode header .logos a:last-child {border: none}
body.dark-mode .drop-shadow {box-shadow: 0 0 10px 1px rgb(0 0 0 / 60%)}
body.dark-mode .menu-row.fixed {box-shadow: 0 0 30px 0 rgb(0 0 0 / 80%)}
body.dark-mode article time {background-image: url(../images/clock-white.svg)}
body.dark-mode .cat-heading h1 + span, body.dark-mode .cat-heading h2 + span, body.dark-mode .heading-2 + span {color: #ccc}
body.dark-mode .cat-heading:after, body.dark-mode .shadow:after {opacity: .15}
body.dark-mode .cat-heading h1:after, body.dark-mode .cat-heading h2:after {background-image: url("../images/icon-grey.svg")}
body.dark-mode .post-content blockquote:before {background-image: url(../images/quotes-grey.svg)}
body.dark-mode .author {background-image: url(../images/edit-white.svg)}
body.dark-mode .pagination svg path {fill: #fff}
body.dark-mode .nav-icon:hover span {background: #999}
body.dark-mode .opinions-report article .info.row {border-top-color: #fff}
body.dark-mode #infinite-container article:after {background: -moz-linear-gradient(top, rgba(37, 37, 37, 0) 0, rgba(37, 37, 37, .95) 61%);background: -webkit-linear-gradient(top, rgba(37, 37, 37, 0) 0, rgba(37, 37, 37, .95) 61%);background: linear-gradient(to bottom, rgba(37, 37, 37, 0) 0, rgba(37, 37, 37, .95) 61%)}
body.dark-mode #infinite-container a.btn {outline: #252525 solid 10px}
body.dark-mode #breadcrumbs, body.dark-mode .sponsor, body.dark-mode .sponsor a {background: #252525;border-color: #252525}

body.dark-mode .sponsor img.dark, body.dark-mode .wpost img.dark {display: block !important}
body.dark-mode .sponsor img.light,  body.dark-mode .wpost img.light {display: none}

body.dark-mode .wpost h1{
  background-image:url("../images/wp-logo-white.svg");
}
body.dark-mode .women-only-block:before {
  background-color: #333;
}


body.dark-mode .logos a.tv {background-image: url(../images/logo-skai-tv-white.svg)}
body.dark-mode .img-container button.share {background-image: url(../images/plus-white.svg)}
body.dark-mode .img-container.main-img button:hover {background-image: url("../images/plus-blue.svg")}
body.dark-mode .img-container button.print {background-image: url(../images/print-white.svg)}
body.dark-mode div.share button.close {background-image: url(../images/close-white.svg);background-color: #252525}
body.dark-mode .img-container.main-img button.close:hover {background-image: url("../images/close-blue.svg")}
body.dark-mode .img-container.main-img ul li.facebook a {background-image: url(../images/fb-icon-white.svg)}
body.dark-mode .img-container.main-img ul li.facebook a:hover {background-image: url(../images/fb-blue.svg)}
body.dark-mode .img-container.main-img ul li.twitter a {background-image: url("../images/x-logo-white.svg")}
body.dark-mode .img-container.main-img ul li.twitter a:hover {background-image: url("../images/x-logo-grey.svg")}
body.dark-mode .img-container.main-img ul li.comments span {background-image: url("../images/comments-new.svg");color: #fff}
body.dark-mode .img-container.main-img ul li.fav a {background-image: url(../images/claps.svg);color: #fff}
body.dark-mode .img-container.main-img ul li.fav a.active, body.dark-mode .img-container.main-img ul li.fav a:hover, body.dark-mode .info.row span.fav.active, body.dark-mode .info.row span.fav:hover, body.dark-mode .member-area .three-articles .info.row span.fav.active, body.dark-mode .member-area .three-articles .info.row.grey span.fav.active, body.dark-mode .member-area .three-articles .info.row.grey span.fav:hover {background-image: url(../images/claps-full.svg)}
body.dark-mode .img-container.main-img .share ul li.linkedin a {background-image: url(../images/linkedin-white.svg)}
body.dark-mode .img-container.main-img .share ul li.linkedin a:hover {background-image: url("../images/linkedin-blue.svg")}
body.dark-mode .img-container.main-img .share ul li.mail a {background-image: url(../images/mail-icon-white.svg)}
body.dark-mode .img-container.main-img .share ul li.mail a:hover {background-image: url("../images/mail-blue.svg")}
body.dark-mode .img-container.main-img .share ul li.print a {background-image: url("../images/print-white.svg")}
body.dark-mode .img-container.main-img .share ul li.print a:hover {background-image: url("../images/print-blue.svg")}
body.dark-mode .img-container.main-img ul li.bookmark a {background-image: url("../images/bookmark.svg")}
body.dark-mode .img-container.main-img ul li.bookmark a.active, body.dark-mode .img-container.main-img ul li.bookmark a:hover {background-image: url("../images/bookmark-full.svg")}
body.dark-mode .img-container.main-img .share ul li.bluesky a {
  background-image: url("../images/bluesky-white.svg");
  background-color: #252525;
  background-size: 14px auto;
}
body.dark-mode .img-container.main-img .share ul li.bluesky a:hover {
  background-image: url("../images/bluesky.svg");
}

body.dark-mode .trc_rbox_header_span {color: #888 !important}
body.dark-mode .alternating-skai2 .sponsored, body.dark-mode .alternating-skai2 .sponsored-url, body.dark-mode .alternating-skai2 .video-label, body.dark-mode .alternating-skai2 .videoCube .video-label-box .video-title {color: var(--dark-grey) !important}
body.dark-mode .member-area .three-articles .info.row span {color: #fff}
body.dark-mode .info.row span.comments, body.dark-mode .member-area .three-articles .info.row span.comments {background-image: url(../images/comments-new.svg)}
body.dark-mode .info.row span.fav, body.dark-mode .member-area .three-articles .info.row span.fav {background-image: url(../images/claps.svg)}
body.dark-mode .info.row span.bookmark, body.dark-mode .member-area .three-articles .info.row span.bookmark {background-image: url(../images/bookmark.svg)}
body.dark-mode .info.row span.bookmark.active, body.dark-mode .info.row span.bookmark:hover, body.dark-mode .member-area .three-articles .info.row span.bookmark.active, body.dark-mode .member-area .three-articles .info.row.grey span.bookmark.active, body.dark-mode .member-area .three-articles .info.row.grey span.bookmark:hover {background-image: url(../images/bookmark-full.svg)}
body.dark-mode .user.loggedin, body.dark-mode .user.loggedin.active {background-color: #333;border-bottom: 5px solid #333;box-shadow: none}
body.dark-mode #member-drop-down, body.dark-mode .logos a:hover {background-color: #333}
@media screen and (min-width: 1860px) {
  body.dark-mode .mega-photo {border-left: 30px solid #252525;border-right: 30px solid #252525}
}
@media screen and (max-width: 1200px) {
  .dark-mode .fixed.menu-row a.weather, .dark-mode a.weather {background-image: url("../images/weather-white.svg") !important;color: #fff}
  .dark-mode header .fixed.menu-row .user, .dark-mode header .user {background-image: url(../images/user-white.svg) !important}
  .dark-mode header .user.loggedin:after {background-image: url("../images/arrow-down-white.svg")}
}