
.dark {
  --body-color: #BFBFBF;
  --bg-color: #2b2b2b;
  --primary-color: #29a2d1;
  --second-color: #444444;
  --third-color: #202020;
  --fourth-color: #444444;
  --light-color: #282828;
  --dimmed-color: #BFBFBF;
}

.dark ::selection {
background: var(--body-color); /* WebKit/Blink Browsers */
color:var(--bg-color);
}
.dark ::-moz-selection {
background: var(--body-color); /* Gecko Browsers */
color:var(--bg-color);
}

.dark a {
transition: none;
}

.dark #content a:not(.button) {
text-decoration: underline;
text-underline-offset: 4px;
}

.dark #content .grid-item a,
.dark #content .mx_news_category_content_new a,
.dark #psalm-description a{
text-decoration: none!important;
}

html.dark {
  background-color: #202020;
  color: var(--body-color);
}

.dark a, 
.dark h1, 
.dark h2, 
.dark h3, 
.dark h4, 
.dark h5, 
.dark h6,
.dark #footer a:hover,
.dark #mx_search_box i,
.dark #payoffwrapper p,
.dark #mx_search_form input,
.dark input{
color: #FFFFFF!important;
}

.dark .mx_news_block_item_new p.more, 
.dark .mx_news_category_item_new p.more,
.dark .grid-item .link{
color:#9dbfd2!important;
}

.dark .progress-container{
background: #6b6b6b;
}

.dark .progress-bar {
background: #9dbfd2 !important;
}

.dark .block.attention input[type="text"] {
color: #000000!important;
}


.dark .button:hover, 
.dark #social a:hover {
opacity:1;
}

.dark #filters .button,
.dark button.outline.clearfilters {
opacity:1;
color:var(--body-color)!important;
}

.dark #logo img {
  filter: grayscale(1) brightness(0.7) invert(1);
}

.dark #payoffwrapper .button {
filter: grayscale(100%);
opacity:1;
}

.dark #payoffwrapper .button.outline {
background-color: var(--body-color);
border-color:var(--body-color);
}

.dark #payoffwrapper .button.outline:hover {
background-color: #FFFFFF;
border-color:#FFFFFF;
}

.dark .block {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

.dark .block.attention p, 
.dark .mx_webshop_latest_product_image a,
.dark .mx_news_block_date_new,
.dark #copy, 
.dark #privacy, 
.dark #copy p, 
.dark #privacy p, 
.dark #copy a, 
.dark #privacy a,
.dark #footer a,
.dark .mx_news_block_item_new:hover p.more, 
.dark .mx_news_category_item_new:hover p.more,
.dark a:hover,
.dark #nav ul ul a:hover,
.dark #nav ul > li.mx_current > a,
.dark .grid-item p,
.dark .grid-item .label,
.dark .grid-item .author {
color:var(--body-color)!important;
}

.dark #copy a:hover, #privacy a:hover,
.dark #footer a:hover,
.dark #nav ul > li.mx_current > a {
text-decoration: underline;
text-underline-offset: 4px;
}

.dark #headerwrapper {
background-image: url("https://dichtbijdebijbelnl.cdn.maxicms.nl/templates/images/dbdb-sfeer.webp"), linear-gradient(#19191980, #19191980);
background-blend-mode: darken;
}

.dark #nav ul ul {
background-color: var(--second-color);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

.dark .container-bar * {
background-color: #FFFFFF;
}

.dark #bottomcontentwrapper {
background-color:var(--second-color) ;
background-blend-mode: difference;
}

.dark #footerwrapper {
background-color: #191919;
}

.dark #column-1 input.form-control {
border-color: var(--body-color)!important;
}

.dark .slider-markers span.active-marker {
color: var(--body-color);
border-color: var(--body-color);
}

.dark button#access-toggle:hover {
color: #000000!important;
}

.dark #column-3 img {
filter: grayscale(100%);
}

.dark #filtertags, 
.dark #category-filters, 
.dark #author-filters, 
.dark #sorter-content#filtertags, 
.dark #category-filters, 
.dark #author-filters, 
.dark #sorter-content {
background-color: var(--fourth-color);
color: #FFFFFF;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

.dark #filters .filter:hover, .dark #filters .filter.is-checked {
  color: var(--body-color) !important;
}

.dark #filters .button .count {
background-color: #FFF;
color: #000;
}

.dark .author {
opacity: 0.5;
}

.dark .grid-item:after {
background: linear-gradient(180deg, rgba(43,43,43,0) 0%, rgb(43, 43, 43) 50%);
}

.dark #psalmheader {
background: linear-gradient(180deg, rgb(32, 32, 32) 50%, rgba(255,255,255,0) 100%);
color:var(--body-color);
}

.dark #player-container #play-pause {
background-color: var(--body-color);
}

.dark #playbar {
background:#9dbfd2;
}

.dark #spotify iframe {
  opacity: 1;
  filter: contrast(0.7);
}

.dark .psalternatief a.icon-button, 
.dark .bundel a.icon-button,
.dark .beamsheets a.whitebg {
color: var(--fourth-color)!important;
}

.dark .psalternatief img.psalternatief img {
filter: invert(78%) sepia(44%) saturate(1%) hue-rotate(314deg) brightness(89%) contrast(95%);
}

@media screen and (max-width: 550px) {

.dark .mx_news_block_content_new a em {
color:var(--body-color);
}

.dark  #bottomcontentwrapper {
background-color: var(--bg-color);
background-image: none!important;
background-blend-mode: normal;
}

}