/*
Theme Name: Noordelijk Film Festival
Theme URI: https://tussendoor.nl
Description:
Version: 1.0.0
Author: Tussendoor internet & marketing
Author URI: https://tussendoor.nl
*/

.timetable__lister--de-bres {
    height: 90px;
}
.timetable__lister--de-harmonie {
    height: 450px;
}
.timetable__lister--leo {
    height: 90px;
}
.timetable__lister--neushoorn {
    height: 270px;
}
.timetable__lister--scheepsatelier {
    height: 90px;
}
.timetable__lister--slieker {
    height: 360px;
}
.timetable__lister--stadskas {
    height: 90px;
}
.timetable__lister--theaterskip-baldr {
    height: 90px;
}

@media (min-width: 960px) {
    .cards--featured .card:nth-child(-n+2) .sd-hidden {
        display: none;
    }
    .cards--featured .card:nth-child(-n+2) .bd-hidden {
        display: block !important;
    }
}

.timetable-event__content {
    width: auto;
}

.fixed-date .program-date__outer {
    z-index: 25;
}

@media (min-width: 768px) {
    .filters__inner {
        max-width: 1200px;
    }

    .filter {
        width: 25%;
    }

    .filter:nth-child(2n+1) {
        clear: none;
    }
}


.cards--archive .card--archive.hidden {
    display: none;
}

.form__search__wrapper.js--archive-searchbar:after {
    content: attr(data-help);
    display: inline-block;
    width: auto;
    height: 30px;
    position: absolute;
    left: 24px;
    top: 40px;
}

@media (max-width: 400px) {
    .form__label--radio {
        font-size: 0.8em;
    }
}

#voorstellingen-bd::before {
  content: "";
  display: block;
  height: 90px;
  margin: -90px 0 0;
  visibility: hidden;
  pointer-events: none;
}

#voorstellingen-sd::before {
  content: "";
  display: block;
  height: 45px;
  margin: -45px 0 0;
  visibility: hidden;
  pointer-events: none;
}

.show__button--sold {
  pointer-events:none;
  cursor:not-allowed;
  opacity:0.3;
}

.show__button--sold .btn__icon {display:none;}

.shows__container .show__heading .card__tag.card__tag--sold {
    display: inline-block;
    padding-bottom: 3px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 3px;
}

.show--text .show__heading.soldout {
    max-width: 285px;
}

.menu__item--main {vertical-align: top;}
.form__radio__wrapper {position:relative}

.page .msync-vod .msync-card {
	background-color:transparent !important;
	padding:0 !important;
	margin-bottom:40px;
}

.open-show-modal {
	overflow:hidden !important;
}

.open-show-modal header.header {
	position:relative;
	z-index:0;
}

.open-show-modal #wpadminbar {
	z-index:-1 !important;
}

.page .msync-vod h2 {
	font-size: 24px !important;
	margin-bottom: 20px !important;
	line-height: 1 !important;
	font-family: LTSpitz Medium,Open Sans !important;
	color:#fff !important;
	padding-right:20px;
	

	align-items:center;
	gap:5px;
	display:none !important;
}

.page .msync-vod h2::before {
	content:'';
	background-image:url(assets/svg/icon--angle-double-right-green.svg);
	background-size:18px;
	width:18px;
	height:18px;
	min-width:18px;
	background-repeat:no-repeat;
	display:block;
}


.page .vod-tag-group-header > .header {
	background-color:transparent !important;
	padding:0 !important;
	height:auto !important;
	
	font-size: 24px !important;
	margin-bottom: 20px !important;
	line-height: 1 !important;
	font-family: LTSpitz Medium,Open Sans !important;
	color:#fff !important;
	
	display:flex;
	align-items:center;
	gap:5px;
}

.page .vod-tag-group-header > .header::before {
	content:'';
	background-image:url(assets/svg/icon--angle-double-right-green.svg);
	background-size:18px;
	width:18px;
	height:18px;
	background-repeat:no-repeat;
	display:block;
}

.page .vod-container > .vod-grid {
	margin-bottom:40px;
	position:relative;
}

.page .vod-container > .vod-grid > .vod-grid__tag-groups > .selected-show {
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:100;
	background:#1b1b1b !important;
	background-image:none !important;
	width:100% !important;
	max-width:800px !important;
	margin:0 auto;
	padding:15px !important;
	bottom:0;
	height:100vh;
	min-height:unset;
	overflow:auto;
}

@media (min-width:768px) and (max-height:640px) {
	.page .vod-container > .vod-grid > .vod-grid__tag-groups > .selected-show {
		top:0;
		bottom:0;
		height:100vh;
		min-height:unset;
		overflow:auto;
	}
}

@media (min-width:768px) and (min-height:641px) {
	.page .vod-container > .vod-grid > .vod-grid__tag-groups > .selected-show {
		top:15%;
		padding:5rem !important;
		bottom:unset;
		height:unset;
		min-height:30rem;
		overflow:unset;
	}
}

.page .vod-container > .vod-grid > .vod-grid__tag-groups > .selected-show::after {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-color:rgba(0,0,0,0.5);
	background-image:unset;
	z-index:-1;
	width:100vw;
	height:100vh;
}

.page .vod-container > .vod-grid > .vod-grid__tag-groups > .selected-show .selected-show__data {
	width:unset;
}



.page .vod-container > .vod-grid > .vod-grid__tag-groups > .tag-group > .tag-group__shows {
	display:grid;
	grid-gap:20px;
	grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));
	
	padding:0;
	
}

.page .vod-container,
.page .vod-container > .vod-grid {
	background-color:transparent !important;
}

.page .vod-container > .vod-grid > .vod-grid__tag-groups > .tag-group {
	overflow:unset;
}

.page .vod-container > .vod-grid > .vod-grid__tag-groups > .tag-group > .tag-group__shows > .show {
	margin:0;
	min-width:unset;
	max-width:unset;
}

.page .vod-container > .vod-grid > .vod-grid__tag-groups > .tag-group > .tag-group__shows > .show > .show__poster {
	min-width:unset;
	max-width:unset;
	max-height:unset;
	width:unset;
	height:335px;
	background-size:cover;
	background-position:center;
	box-shadow:unset !important;
}

.page .vod-container > .vod-grid > .vod-grid__tag-groups > .tag-group > .tag-group__shows > .show > .show__title {
	min-width:unset;
	max-width:unset;
	display:block;
	text-align:left !important;
	padding:7px 10px !important;
	background-color:#2a2a2a !important;
	color:#fff !important;
	font-family: Montserrat,sans-serif !important;
	font-weight:700 !important;
}

.page .vod-container > .vod-grid > .vod-grid__tag-groups > .tag-group > .tag-group__shows > .show > .show__poster,
.page .vod-container > .vod-grid > .vod-grid__tag-groups > .tag-group > .tag-group__shows > .show > .show__poster:hover {
	transform:scale(1) !important;
}

.page .msync-vod .tags .tag {
	line-height: 20px !important;
	padding: 3px 12px !important;
	font-weight: 700 !important;
	font-size: 12px !important;
	text-transform:capitalize !important;
	margin:0 !important;
	font-family: Montserrat,sans-serif !important;
}

.page .msync-vod .tags {
	gap:5px;
}


.page .msync-vod .msync-button {
	font-family: Pontiac,Open Sans !important;
	padding:11px 12px 6px !important;
	font-weight: 700 !important;
	font-size: 16px !important;
	line-height:18px !important;
}

.page .msync-vod .msync-button--watch {
	background-color: var(--main-color) !important;
	border: 2px solid var(--main-color) !important;
	fill: #000 !important;
	color: #000 !important;
	padding-right:35px !important;
	transition: all .3s ease-out;
}

.page .msync-vod .msync-button--watch:focus,
.page .msync-vod .msync-button--watch:hover {
	background-color: #000 !important;

	fill: var(--main-color) !important;
	color: var(--main-color) !important;
	padding-right:35px !important;
}

.page .msync-vod .msync-button--watch .fa {
	position:absolute;
	top:50%;
	right:10px;
	transform:translateY(-50%);
	margin:0; !important;
}

.page .vod-container > .vod-grid > .vod-grid__tag-groups > .selected-show .selected-show__data > p {
	font-family: Montserrat,sans-serif !important;
	margin-bottom:20px !important;
}

.page .vod-container > .vod-grid > .vod-grid__tag-groups > .selected-show .selected-show__data > p br {
	display:none;
}

.page .vod-container > .vod-grid > .vod-grid__tag-groups > .selected-show .selected-show__data > p p:not(:last-child) {
	margin-bottom:20px;
}

.page .msync-card .tag-groups {
	display:none !important;
}

.page .msync-card .tags {
	
}

.page .msync-card .tags label,
.page .msync-card .tag-groups label {
	display:block;
	color:#fff !important;
	font-size:14px !important;
	line-height:18px !important;
	flex-grow: 1;
	width: 100%;
	font-weight:700;
}



.page .msync-card .tag {
	transition:all .3s ease-in-out;
	font-family: Montserrat,sans-serif !important;
	border:2px solid #fff !important;
}
.page .msync-card .tag.tag--action {
	background-color:#000 !important;
	border-color:inherit !important;
	color:#fff !important;
	fill:#fff !important;
}

.page .msync-card .tag.tag--action.tag--positive {
	background-color:#fff !important;
	border-color:inherit !important;
	color:#000 !important;
	fill:#000 !important;
}

.page .msync-card .tag.tag--action:focus,
.page .msync-card .tag.tag--action:hover {
	background-color:#fff !important;
	border-color:inherit !important;
	color:#000 !important;
	fill:#000 !important;
}

.page .msync-card .tag.tag--action.tag--positive:focus,
.page .msync-card .tag.tag--action.tag--positive:hover {
	background-color:#000 !important;
	border-color:inherit !important;
	color:#fff !important;
	fill:#fff !important;
}

.page .msync-checkout .card {
	padding:30px;
}

.page .msync-checkout h2 {
	font-family:'LTSpitz Medium',Open Sans !important;
}

.page .msync-checkout .input-group {
	flex-wrap:nowrap;
	gap:10px;
	max-width:500px !important;
	margin-bottom:10px;
}

.page .msync-checkout .msync-form-control {
	width: 100%;
	line-height: 22px;
	padding:8px 10px;
	background-color: #2a2a2a;
	border: 2px solid #2a2a2a;
	color:#fff;
	font-weight: 500;
	font-family:Montserrat, sans-serif !important;
}

.page .msync-checkout .msync-form-control:focus {
	border: 2px solid var(--main-color);
	box-shadow:unset;
}

.page .msync-checkout .msync-button {
	background-color: var(--main-color) !important;
	border-color: var(--main-color) !important;
	fill: #000 !important;
	color: #000 !important;
	font-family:Montserrat, sans-serif !important;
	border: 2px solid var(--main-color) !important;
}

.page .msync-checkout .msync-button:focus,
.page .msync-checkout .msync-button:hover {
	background-color: #000 !important;
	border-color:var(--main-color) !important;
	color: var(--main-color) !important;
	fill: var(--main-color) !important;
}

.page .msync-checkout .msync-link-button {
	color: var(--main-color) !important;
	font-family:Montserrat, sans-serif !important;
	text-decoration:underline;
}