html, body { width: 100vw; overflow-x: hidden; }

a { color: #a3282f; }
a:hover { color: #751b20; }

.page-node-type-themag-landing-page h1.page-title { margin-top: 60px; }

.no-bottom-margin { margin-bottom: 0 !important; margin-top: 120px; }

/* header image */
#block-themag-st-sitebranding-3 { height: auto !important; }
#block-themag-st-sitebranding-3 img { max-width: 150px !important; }
footer .site-logo img { max-width: 200px !important; }

/* header menu */
ul.nav li,
ul.nav li:hover { background: none !important; }
ul.nav li a { background: none !important; }
ul.nav li a:hover { color: #a3282f !important; }
ul.nav li.active a { color: #a3282f !important; }

/* search button */
input { border-radius: 0 !important; }
input.button,
.block--search form input[type='submit'] { background: #a3282f !important; border-color: #a3282f !important; border-radius: 0 !important; }

/* max widths */
iframe, img, svg { max-width: 100% !important; }


/* iframes */
.iframe-container { position: relative; overflow: hidden; width: 100%; padding-top: 56.25%; margin-bottom: 30px; }
.iframe-container iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; }

/* content display */

/* Enable/Disable teaser text and date */
.teaser.teaser--compact .content { display: none; }
/*.field--name-field-teaser-text { display: none; }*/
.teaser__authored .date { display: none !important; }
.teaser__authored.teaser__authored--light { display: none; }

/* end disabling of items */


/* slick slide fix */
.slick-dots > li > button:before { display: none;  }
.slick__arrow .slick-arrow:before { color: #fff; }
.slick__arrow .slick-arrow:hover:before { color: #a3282f; }
/* end */


.teaser--large-compact .field--name-field-teaser-text,
.teaser.teaser--compact .content { color: #eee; font-weight: 200; font-size: 16px; }
.field--name-field-teaser-text { font-size: 14px; color: #222; }

/* top items remove rainbow overlay */
.view-mg-popular-content .field--name-field-teaser-media:after { background: rgba(0,0,0,0.2); }

/* removes breadcrumb on taxonemy page */
.taxonomy-term .simple-breadcrumb { display: none; }

/* titles */
.block--region-content-header.block--page-title-block:after, 
.block--layout-builder.block--page-title-block:after { content: none; }

.block--region-content-header.block--page-title-block:before, 
.block--layout-builder.block--page-title-block:before { border-top: 2px solid #222; bottom: 45%; }

h2.block__title:before,
h2.block__title:after { content: none; }
h2.block__title { font-size: 16px; font-weight: 900; border-bottom: 1px solid #222; }


/* content */
.field--name-body { color: #222; }


/* teaser hover */
.teaser__link-overlay { box-shadow: inset 0 0 4rem 0 rgba(0, 0, 0, 0.7); }
.teaser__link-overlay:hover { box-shadow: inset 0 0 8rem 0 rgba(0, 0, 0, 0.7); }

/* teaser icons */
.teaser__media-icons > i { text-shadow: 0 0 10px black; font-size: 30px; }


/* advertentie view */
.view-advertentie-view .views-row:not(:last-child) { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #eee; }


/* custom view grid */
.block__content > .views-element-container > .view-each-term-3-column .teaser--medium-compact { min-height: 0 !important; }
.block__content > .views-element-container > .view-each-term-3-column { font-size: 0; margin: 0 -15px; }
.block__content > .views-element-container > .view-each-term-3-column .field--name-title { display: none; }
.block__content > .views-element-container > .view-each-term-3-column > .view-content { display: none !important; }
.block__content > .views-element-container > .view-each-term-3-column > .attachment { width: 100%; display: inline-block; }
.block__content > .views-element-container > .view-each-term-3-column > .attachment > .views-element-container { width: 33.33%; display: inline-block; font-size: 16px; padding: 0 15px; margin-bottom: 30px; }

@media only screen and (max-width: 668px) {
	.block__content > .views-element-container > .view-each-term-3-column > .attachment > .views-element-container { width: 50%; }
}


/* dossier grid */
.view-dossiers > .view-content { margin: 0 -15px; font-size: 0 !important; }
.view-dossiers > .view-content > .views-row { width: 33.33%; display: inline-block; padding: 0 15px; margin-bottom: 30px; }
.view-dossiers > .view-content > .views-row .taxonomy-term { position: relative; }
.view-dossiers > .view-content > .views-row .taxonomy-term:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.5); z-index: 1; }
.view-dossiers > .view-content > .views-row h2 a { position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 3; }
.view-dossiers > .view-content > .views-row h2 a .field--name-name { display: none; }
/*.view-dossiers > .view-content > .views-row .content .field--name-field-dossier-titel:before { content: 'Het laatste nieuws over:'; font-size: 16px; display: block; text-transform: initial; font-weight: 400; margin-bottom: 15px; }*/
.view-dossiers > .view-content > .views-row .content .field--name-field-dossier-titel { line-height: 1; font-weight: 800; color: #fff; position: absolute; bottom: 10px; left: 10px; font-size: 24px; text-transform: uppercase; z-index: 2; }

@media only screen and (max-width: 992px) {
	.view-dossiers > .view-content > .views-row { width: 50%; }
	.view-dossiers > .view-content > .views-row .content .field--name-field-dossier-titel { font-size: 16px; }
}
@media only screen and (max-width: 576px) {
	.view-dossiers > .view-content > .views-row { width: 100%; }
	.view-dossiers > .view-content > .views-row img { width: 100%; height: 200px !important; object-fit: cover; }
}



/* meer knop */
.block--views .button { float: right; border-radius: 0 !important; border: 0 !important; background: none !important; text-decoration: underline; box-shadow: none !important; }
.view-all-articles > .view-content > .views-row { margin-bottom: 30px; }



/* dagfoto */
#dagfoto .slick__slide { position: relative; }
/*#dagfoto .slick__slide:after { content: ''; background-image: linear-gradient(transparent, #000 ); position: absolute; height: 200px; bottom: 0; left: 0; right: 0; z-index: 1; 
	transition: height .3s ease;
}*/
/*#dagfoto .slick__slide:hover:after { height: 0; }*/
#dagfoto .slick__slide img { filter: brightness(.7); 
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
 }
#dagfoto .slick__slide:hover img { transform: scale(1.05); filter: brightness(.5); }
#dagfoto .slick__slide .views-field-title { position: absolute; bottom: 30px; left: 30px; font-weight: 800; font-size: 24px; color: #fff; z-index: 2; }
#dagfoto .slick__slide .views-field-nothing { position: absolute; bottom: 10px; left: 30px; font-weight: 400; font-size: .7rem; color: #fff; z-index: 2; opacity: 0; }
#dagfoto .slick__slide:hover .views-field-nothing { opacity: 1; }
#dagfoto .slick__arrow { left: 20px; right: 20px; width: auto !important; }
#dagfoto a { color: #fff; text-decoration: none; }


/* prikker form telephone field */
.js-form-type-tel .iti--allow-dropdown { display: block !important; }


/* footer ficx */
.footer-bottom-wrapper .flex-last { width: 100%; }


/* tags inline */
.field--name-field-tags .field__item { display: inline; }


/* related by tags inline display */
.page-node-type-article .themag-layout__region:not(.themag-layout__region--second) .view-mg-content-related-by-tags .list > ul > li { display: inline-block; width: 33%; }
/*.page-node-type-article .view-mg-content-related-by-tags .teaser__media { display: block padding: 0; margin: 0; width: 100%; }*/


.page-node-type-article .article-header--layout-2:before { background: rgba(0,0,0,0.3); z-index: 5; }


/* article head */
.article-header--layout-2 img { position: absolute; width: 100% !important; height: 100% !important; object-fit: cover; }


/* edit layout */
.layout-node-form .layout-region.layout-region-node-main,
.layout-node-form .layout-region.layout-region-node-secondary { display: block !important; float: none !important; width: 100% !important; }

.art2-header .media-image.view-mode-default img { display: none; }

.content-secion-builder .block--layout-builder:nth-child(3) {
	margin-bottom: 0 !important;
}
.content-secion-builder .block--layout-builder:nth-child(4) {
	font-size: 14px !important;
	margin-bottom: 0 !important;
}

.block--views-block\:mg-article-authored-info-block-1 {
	float: left;
	margin-bottom: 0 !important;
	margin-right: 12px;
}

.block--field-block\:node\:article\:changed {
	margin-bottom: 0rem !important;
	font-size: 14px !important;
}

.block--field-block\:node\:article\:field-paragraphs {
	margin-top: 3rem;
}

.view-uitgebreide-advertentie { position: relative; }
.view-uitgebreide-advertentie img { width: 100%; }
.view-uitgebreide-advertentie .views-field-nothing { position: absolute; top: 20px; left: 20px; padding: 5px 10px; background: rgba(0,0,0,0.5); color: #fff; font-size: 14px; }


/* mobile */
@media (max-width: 389px){
	.shariff[data-css="min"] ul li, .shariff[data-css="complete"] ul li { margin: 0; padding: 2px; }
}
@media (max-width: 768px) {
	.mobile-news .view-all-articles > .view-content > .views-row { margin-bottom: 15px !important; }
	.mobile-news { padding-top: 30px; }
	.mobile-news .teaser--item { font-size: 0; }
	.mobile-news .teaser--item .teaser__media { display: inline-block; width: 30%; margin: 0; }
	.mobile-news .teaser--item .teaser__content { display: inline-block; width: 70%; vertical-align: top; padding: 0 0 0 1rem; }
	.mobile-news .teaser--item .teaser__content h2.teaser__headline { font-size: 1.5rem; }
	.mobile-news .teaser--item .teaser__content .teaser__body { display: none; }

}

@media (max-width: 450px){
	.mobile-news .teaser--item .teaser__content h2.teaser__headline { font-size: 1.2rem; }
}