body {
	font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	color: #505050 !important;
}
html {
	font-size: 100% !important;
}

#content a {
	color: #303030 !important;
	
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	color: #303030 !important;
}

h2 {
	font-size: 20px !important;
	font-weight: 700 !important;
}

.header-md .navbar-brand { text-align: center !important; }

.panel-no-border-radius { border-radius: 0 !important; }

.no-padding { padding: 0 !important; }

.m-b-50px { margin-bottom: 50px; }

.p-t-20px { padding-top: 20px; }

.text-white { color: #fff; }

.inline { display: inline !important;}

/* img width tbv vierkante thumbs */
img.width-40px { width: 40px !important; }

/* img width tbv vierkante thumbs */
img.height-40px { height: 40px !important; }

/* img width tbv 16:9 thumbs */
img.width-71px { width: 120px !important; }

/* vertical align middle */
.v-middle { vertical-align: middle !important; }

/* pagina headers capitalen en italic */
.entry-header h1 {
	text-transform: uppercase;
	font-style: italic;
	font-weight: 900;
	margin-bottom: 5px;
}

/************
	NAV
************/

a.navbar-brand {
	padding-left: 10px;
	padding-right: 10px;
}

a.navbar-brand img.hidden-nav-xs {
	height: 100% !important;
	width: auto !important;
}


.navbar-header, .navbar-header a.btn i.icon-magnifier {
	background-color: #e30613 !important;
	color: #fffff !important;
}

@media screen and (min-width: 767px) {
	#nav, .navbar-header {
		width: 161px !important;
	}
}

#nav a {
	font-family: Roboto;
	font-weight: 700;
	color: #fff;
}

#menu-ontdek-salto .padder, #menu-over-salto .padder {
	display: none;
}

#menu-ontdek-salto i, #menu-over-salto i {
	color: #fff;
}

ul.sub-menu li a {
	padding-left: 41px !important;

}

ul.sub-menu li a:before {
  font-family: FontAwesome;
  content: "\f105";
  display: inline-block;
  padding-right: 6px;
  font-style: normal;
}

/************** achtergrond kleur verticale main nav ************/
section.hbox aside#nav {
  background-color: #e30613 !important;
/*   background: linear-gradient(#e30613, #cd0813); */
  color: #fff;
}

/************** achtergrond kleur sub-nav list item ************/
ul.sub-menu li {
	background-color: #c11a22 !important;
}

.bg-dark.bg,
.bg-dark .bg {
  background-color: transparent !important;
}

.bg-dark a {
  color: #fff !important;
}

.bg-dark a:hover {
  color: #fff;
}

/************ hover, focus en active kleur list items ***********/
.bg-dark .nav > li:hover > a,
.bg-dark .nav > li:focus > a,
.bg-dark .nav > li:active > a,
.bg-dark .nav > li.active > a {
  color: #fff;
  background-color: #9f1b21 !important;
}

/************ hover, focus en active kleur anchor items ***********/
.bg-dark .nav > li > a:hover,
.bg-dark .nav > li > a:focus {
  background-color: #9f1b21 !important;
}

/************ hover, focus en active kleur anchor items submenu ***********/
.bg-dark.navbar .nav > li.active > a {
  color: #fff;
  background-color: #7a0a10;
}

/*
ul#menu-ontdek-salto + li a, ul#menu-ontdek-salto + li:active a {
	background-color: green !important;
}
*/

/**** om te voorkomen dat de home een active state kleur meekrijgt ****/
#nav .nav-primary #menu-ontdek-salto li:nth-child(2) a {background: transparent !important;}

/*** om er voor te zorgen dat home (nooit active state kleur krijgt, maar) WEL een hover kleur ***/
#nav .nav-primary #menu-ontdek-salto li:hover > a {
	color: #fff;
	background-color: #9f1b21 !important;
	}

.bg-dark.auto .list-group-item:hover,
.bg-dark .auto .list-group-item:hover,
.bg-dark.auto .list-group-item:focus,
.bg-dark .auto .list-group-item:focus,
.bg-dark.auto .list-group-item:active,
.bg-dark .auto .list-group-item:active,
.bg-dark.auto .list-group-item.active,
.bg-dark .auto .list-group-item.active {
  background-color: transparent !important;
}

/************
		HOME
************/


.home-content {
	padding-top: 15px !important;
}

.home-player-wrapper {
	position: relative;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 395px;
	padding-left: 15px;
	background-color: #F2F4F8;
}

.player {
	position: absolute;
	top:0;
	width: 100%;
	height: 400px;
/* 	padding: 0 815px 0 0 !important; */
/* 	margin-top: 15px; */
}

.player .widget {
	margin-bottom: 0;
	max-width: 712px;
	/*
height: auto;
	margin: auto;
*/
}

.nu-te-zien {
	margin-top: 5px;
}

.nu-te-zien-item {
	width: 20% !important;
}


/**********************
		HOME ON_DEMAND
**********************/


.on-demand {
	position: absolute;
	top: 0;
	left: 752px;
	padding-right: 752px;
	width: 100%;
	height: 400px;

}

.on-demand h2 {
	margin-top: 0px;
	margin-left: 10px;
}

.home-on-demand-item {
	margin-bottom: 17px;
	padding-right: 15px;
	padding-left: 0px !important;
	max-height: 60px;
	overflow: hidden;
}

.home-on-demand-img img {
	width: 108px;
	height: auto;
}

.home-on-demand-txt {
	width: calc(100% - 120px);
	overflow: hidden;
}

.home-on-demand-txt p {
/* 	white-space: nowrap; */
/* 	overflow: hidden; */
/* 	text-overflow: ellipsis; */
}

.home-on-demand-img {
	margin-right: 10px;
}

.on-demend-channel-logo {
	height: 30px;
	margin-bottom: 20px;
	margin-top: 20px;
}


/******************************************
		HOME & HOME ON_DEMAND MEDIA QUERIES
*******************************************/

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

	.player {
/* 		padding: 0 365px 0 0 !important; */
		height: 345px;
	}

	.on-demand {
		/* width: 350px; */
		height: 345px;
		left: 652px;
		padding-right: 652px;
	}

	.home-player-wrapper {
		padding-bottom: 340px;
	}

	.player .widget {
		max-width: 613px;
	}

	.home-on-demand-item {
		margin-bottom: 14px;
		padding-right: 0 !important;
		padding-left: 0px !important;
		max-height: 52px;
		overflow: hidden;
	}

	.home-on-demand-img img {
		width: 91px;
		height: auto;
	}

	.home-on-demand-txt p {
		/* max-width: 150px; */
		font-size: 13px;
	}

}

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

	#salto_ondemand_widget-2 {
		display: flex;
		flex-wrap: wrap;
		padding: 0 !important;
	}

	.home-player-wrapper {
		position: relative;
		padding: 0;
		background-color: rgba(255,255,255,0);
	}

	.player {
		position: relative;
		padding: 0px 15px 0 15px !important;
		margin-top: 0;
		height: auto;
	}

	.player .widget {
		margin:  0 auto 10px auto;

	}

	.on-demand {
		position: relative;
		/* width: 100%; */
		height: auto;
		padding-left: 15px;
		padding-right: 0px;
		left: 0;
	}

	.on-demand h2 {
		margin-top: 10px;
		margin-left: 10px;
	}

	.home-on-demand-item {
		margin-bottom: 15px;
		max-height: none;
	}

	.home-on-demand-img, .home-on-demand-txt {
		clear: both;
		width: 100%;
	}

	.home-on-demand-img {
		margin-right: 0px;
	}

	.home-on-demand-img img {
		width: 100%;
		height: auto;
		margin-bottom: 10px;
	}

	/* voor het elypsis effect */
	.line-clamp {
	  display: -webkit-box;
	  -webkit-line-clamp: 3;
	  -webkit-box-orient: vertical;
	}

	.home-on-demand-txt p {
		max-width: none;
		padding-right: 10px;
	}

	.home-on-demand-txt p.ellipsis {
		white-space: normal;
		overflow: visible;
		text-overflow: clip;
	}

	.home-on-demand-item {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	.nu-te-zien-item {
	width: 33% !important;
	}

}

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

	.nu-te-zien-item {
		width: 50% !important;
	}

}

/******* Blog posts ********/

.panel-blog {
	margin-top: 20px !important;
}

.inner {
	overflow: hidden;
	min-height: 180px;
}

.inner img {
	transform: scale(1.1);
	transition: all 2.0s ease;
}

.inner:hover img{
	transform: scale(1.2);
}

@media only screen and (min-width: 1200px) {

	.row.row-sm.blog {
		margin-top: 30px;
	}

}

/******* Blog page(s) ********/

.panel-body-blog h2 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.panel-blog.extra {
	-webkit-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.1);
	border: 0px;
}

.bloggrid {
  display: flex;
  flex-flow: row wrap;
  margin-left: -8px; /* Adjustment for the gutter */
	padding-right: 0px !important;
  width: 100%;
}

.bloggrid-item {
  flex: auto;
  margin: 0 8px 8px 0; /* Some gutter */
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.sideblog {
	padding: 20px !important;
}

.blogheader {
	padding-bottom: 10px;
}

/***** social wall *****/

.ff-stream-wrapper {
	margin-top: 0px !important;
}

#facebook-comment-container {
	background-color: #fff;
}

/********************
	ARCHIEF ZOEKEN
*********************/




/******* ZOEK RESULTAAT *********/


.search-content-wrapper {
	position: relative;
}

.search-result {
	padding-left: 200px;
}

/* verstop search result items, en jQuery laat ze per x aantal weer zien */
.search-result-item {
	display: none;
}

.filters ul {
	list-style: none;
	padding: 0;

}


/******* FILTERS *********/

.search-overlay {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	white-space:nowrap;
	background-color: #E8EFF0;
	width: 180px;
}

.filters {
	padding-left: 15px;
	overflow: scroll;
	padding-bottom: 140px;
}

.filtergroup {
	margin-top: 20px;
}

.filtergroupTitle i.fa-angle-down {
	vertical-align: text-bottom;
}

.search-label {
	max-width: 140px;
	margin-bottom: 0px;
	vertical-align: bottom;
}

.search-filter-label {
	float: left;
	max-width: 110px;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 5px;
	text-decoration: underline;
	cursor: pointer;
}

/* knop om meer list items laten zien, geplaatst door jQuery */
.expand {
	text-decoration: underline;
	cursor: pointer;
}

.search-result-counter {
	position: relative;
	float: right;
	font-size: 0.8em;
	padding-top: 3px;
}

.filtergroup li {
	margin-bottom: 5px;
}

input[type="checkbox"] {
    margin: 0 0 0 !important;
    line-height: normal;
}



/************ filter button en sort button *********/
.filter-btn, .sort-btn {
	display: none !important;
}

a.filter-btn:focus {
	background-color: #FFF;
}

a.filter-btn:hover {
	background-color: #f2f2f2;
}

.sort-nav {
	margin-bottom: 0;
	margin-top: 20px;
}




/******* 'TERUG NAAR RESULTAAT' KNOP ONDER AAN FILTER OVERLAY *********/

.resultaat-tonen {
	display: none;
	position: fixed;
	bottom: 0;
	padding: 10px 0 20px 0;
	width: 0;
	z-index: 5;
	overflow: hidden;
	background-color: #DF0714;
	text-align: center;
	transition: 0.5s;

}

.resultaat-tonen a {
	margin-top: 10px;
}
/******* PAGINATION MET #PAGINA'S *********/

.pagination-search {
	width: 100%;
	padding: 30px 0 50px 200px;
	text-align: center;
}

.pages {
	list-style: none;
	display: inline;
	padding: 0 10px;
	}

.page-nr {
	display: inline;
}

.page-nr:not(:last-child):after {
	content: ' - ';
}

/******* UP BUTTON *********/
#upBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: red;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 10px;
}

#upBtn:hover {
  background-color: #242424;
}




/**********************************
	ARCHIEF ZOEKEN MEDIA QUERIES
***********************************/

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

	.search-overlay {

		position: fixed;
		height: 100%;
		top: 50px;
		left: 0;
		z-index: 5;
		white-space:nowrap;
		background-color: #E8EFF0;
		overflow: auto;
		width: 0;
		transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
	}

	.search-result {
		padding-left: 0;
	}

	.sort-nav {
		display: none;
	}

	.filter-btn, .sort-btn {
	display: block !important;
	}

	.resultaat-tonen {
	display: block;
	}

	.openFilterOverlay {
	width: 100%;
	}

	.search-label {
		max-width: none;
		width: 80%;
	}

	.search-result-counter {
		float: none;
	}

	.search-label {
		max-width: none;
	}

	.search-filter-label {
		max-width: 90%;

	}

	.pagination-search {
	padding-left: 0px;
}

}

/*******************************************
			PROGRAMMA DETAIL
********************************************/

.program-detail-radio-header {
	border: none !important;
	margin-bottom: 0px !important;
}

#content .beluister-aflevering-btn {
	background-color: #E30613 !important;
	color: #fff !important;
}

#content .beluister-aflevering-btn {
	margin-bottom: 15px;
}

.video-deelbalk {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

.program-detail-radio-deelbalk {
	border: none !important;
}

.optionele-titel {
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
}

#content #downloadDropdown, #content #embedDropdown {
	font-size: 11px;
	background-color: #fff !important;
	color: #505050 !important;
}

#content .dropdown-menu .fa-file-audio-o, #content .dropdown-menu .fa-code {
	color: #505050 !important;
	}

#content #embedDropdown {
	margin-left: 3px;
}

#content #downloadDropdown .fa-download, #content #embedDropdown .fa {
	color: #505050 !important;
}

#content .dropdown-menu a {
	color: #505050 !important;
}


.media { margin-bottom: 15px;  }
.media-heading {margin-bottom: 0 !important; font-weight: 500; font-size: 16px;}
.media img { max-width: 150px; padding-top:4px; }

.programma-pagina-filmpje-titel {margin-top:0; margin-bottom: 20px;font-size: }
.programma-pagina-filmpje-omschrijving {margin-bottom: 20px; }
.programma-pagina-filmpje-delen {font-style: italic;}

.programma-pagina-radio-omschrijving {
	margin-top: 10px;
	margin-bottom: 0px !important;
}

.program-detail-sidebar h4 {
	margin-top: 0px;
}

.program-detail-sidebar {
	background-color: #fff;
}

.program-detail-sidebar.wrapper-lg {
	padding-bottom: 5px !important;
}

@media only screen and (max-width : 460px) {
	.program-detail-time-brake {
		display: block;
	}
}

.panel.footerspace {
	margin-bottom: 50px;
}

/*******************************************
			EMBED PROGRAMMA DETAIL
********************************************/

.pl-program-item-wrapper.demand-embed {
	padding: 0 !important;
}

/******************************************
		ZENDER PAGINA
*******************************************/

/*********** radio player **********/

.radio-16by19 {
	position: relative;
}

.radio-16by19.stadsfm {background: linear-gradient(#E30613, #202020);}
.radio-16by19.razo {background: linear-gradient(#6DB21E, #202020);}
.radio-16by19.mokumradio {background: linear-gradient(#FF4400, #202020);}
.radio-16by19.caribbeanfm {background: linear-gradient(#663399, #202020);}
.radio-16by19.wereldfm {background: linear-gradient(#440BF3, #202020);}

.radio-16by19 img.channel-logo {
	display: block;
}

.radio-play-button {
	position: absolute;
    left: 50%;
    bottom: 5%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    font-size: 2em;
    width: 100%;
}

a#radio-play-button-link {
	border-radius: 3px;
	padding: 7px 18px !important;
}

a#radio-play-button-link.stadsfm, a#radio-play-button-link.salto1, a#radio-play-button-link.salto1 i.fa, a#radio-play-button-link.stadsfm i.fa {background-color: #fff; color: #E30613 !important;}
a#radio-play-button-link.razo, a#radio-play-button-link.salto2, a#radio-play-button-link.salto2 i.fa, a#radio-play-button-link.razo i.fa  {background-color: #fff; color: #6DB21E !important;}
a#radio-play-button-link.mokumradio, a#radio-play-button-link.mokumradio i.fa {background-color: #fff; color: #FF4E00 !important;}
a#radio-play-button-link.caribbeanfm, a#radio-play-button-link.caribbeanfm i.fa {background-color: #fff; color: #663399 !important;}

a#radio-play-button-link.pridefm, a#radio-play-button-link.pridefm i.fa {background-color: #fff; color: #fbc1e3 !important;}


.radio-share {
	position: absolute;
	bottom: 0;
	right:0;
	width: 100%;
}


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

	.radio-play-button {
	    font-size: 1em;
	    bottom: 3%;
	}

}

/*********** now playing ********/

.nowplaying-balk {
	padding: 10px;
	background-color: #000000;
	padding-bottom: 30px !important;
	white-space: nowrap !important;
}

.nowplaying-text p {
	color: #ffffff;
}

#nowplaying-text {
	overflow: hidden;
}

/*********** deelbalk **********/



#content .fa {
	color: white;
}

/*
a.btn-embed span {
	color: #202020 !important;
	font-weight: 900;
}
*/
#embedBtn {
	background-color: #3a539b;
	background: linear-gradient(to bottom, #3250ab 0%, #2a4084 100%);
	border-radius: 3px;
	height: 22px;
	color: #fff !important;
	font-size: 12px;
	font-weight: 700;
	border: 0;
}

#embedBtn .fa {
	font-weight: 900;
}


.social-icon-div {
	padding: 10px;
	background-color: #ffffff;
}

.social-icon-div span a {
	padding-left: 5px;
}

.channel-page-social-icon img {
	height: 20px;
	border-radius: 3px;
}

@media only screen and (max-width : 460px) {
	.channel-page-social-icon img {
		height: 17px;
	}

	#embedBtn {
		height: 17px;
		font-size: 10.5px;
	}

}

/*********** nu en straks **********/
.kanaal-nu-straks h2 {
	margin: 0 0 5px 0 !important;
}



.channel-program-logo-wrapper {
	text-align: center;
	padding-left: 21.87% !important;
	padding-right: 21.88% !important;
}


.bg-color-salto1 {background-color: #fff;}
.bg-color-salto2 {background-color: #fff;}
.bg-color-stadsfm {background-color: #fff;}
.bg-color-caribbeanfm {background-color: #fff;}
.bg-color-razo {background-color: #fff;}
.bg-color-mokumradio {background-color: #fff;}


.channel-program-poster-wrapper, .channel-program-txt-wrapper, .channel-program-item-wrapper, .kanaal-nu-straks-row {
	padding-right: 0 !important;
}

.channel-program-item .program-title {
	font-weight: 700;
}

/*********** facebook commments **********/

.facebook-comments-wrapper h2 {
	margin-top: 0;
}

.facebook-comments-wrapper h2 img, .all-channels-wrapper h2 img {
	max-height: 24px;
	padding-bottom: 6px;
}

.wrapper-comments.programdetail{
  padding-left: 24px !important;
  padding-right: 20px !important;
}

.facebook-comments-wrapper.programdetail {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

/* als het kanaal logo naar de volgende line gedrukt wordt is de spacing zo wat mooier */
.facebook-comments-wrapper h2, .all-channels-wrapper h2 {
	line-height: 1.4;
}

.all-channels-wrapper h2 img, .facebook-comments-wrapper h2 img {
		margin-top: 5px;
	}

@media only screen and (min-width : 1600px) {
	.custom-col-xl-6 {
		width: 50% !important;
	}
}

@media screen and (max-width: 1120px) {
	.all-channels-wrapper h2 img, .facebook-comments-wrapper h2 img {
		display: block;
	}
}

@media only screen and (max-width : 991px) {
	.channel-page-player {
		margin-bottom: 15px !important;
	}

	.all-channels-wrapper {
		margin-top: 30px;
	}

	.all-channels-wrapper h2 img, .facebook-comments-wrapper h2 img {
		display: inline;
	}
}

/*******************************************
		GIDS
********************************************/


/*- om te voorkomen dat er een focus outline ontstaat bij het navigeren naar een zender in de gids */
.no-focus { outline:none; }

/* GIDS - max-height maakt de div scrollable en de padding-bottom zorgt er voor dat de content boven de player uit komt bij kleinere portview hoogte */
.gids-max-height { max-height: 80% !important; padding-bottom: 100px;  }


/* GIDS - om de horizaontale croll mogelijkheid in de gids uit te zetten */
.no-overflow-x {overflow-x: hidden;}

/* GIDS - borders om de opmaak mooier te maken */
/* #gids {border-top: solid #e8eff0 10px; border-bottom: solid #e8eff0 10px;} */

/* GIDS - hiermee worden de scheidingstekens in de navigatie voor de gids geplaatst */
#gids-list li+li::before { content: "- "; }

/* GIDS - hier wordt de selectie box voor de gida navigatie verstopt bij grotere viewports */
#gids-select {display: none;}

/* GIDS - Animatie voor scrollen naar een station */

@keyframes bg-color {
    0%   {background-color:#e8eff0;}
    50%  {background-color:#E30613;}
    100% {background-color:#e8eff0;}
}



.animation:target {
    animation-name: bg-color;
    animation-duration: 1s;
    animation-delay: 0.25s;
    animation-timing-function: ease;
}

.animation {
	padding-bottom: 20px;
}

/* GIDS - Bij het scrollen in de gids gaat dit langzamer waardoor je ziet wat er gebeurt (LET OP: op januari 2017 alleen standaard ondersteund in Firefox) */
.smooth-scrolling {scroll-behavior: smooth;}


/* GIDS - dit zorgt er voor dat bij de 3 kolommen weergaven na het derde element een nieuwe rij start zodat ze netjes staan */

.col-guide:nth-child(3n+1){
    clear:both;
}

/* GIDS - dit geeft het tijdstip van een programma in de gids een vaste width waardoor het programma naam veld altijd direct aansluit op het tijdstip */
.guide-time {
	width: 50px;
}

/* GIDS - styling van het live-icoon */
.live {
	margin-top: 3px;
}

/* GIDS - positie relatief voor plaatsing vab het absolute i-tje en padding zodat het i-tje en de tekst niet over elkaar heen vallen */
.guide-program {
	position: relative;
	padding: 8px 25px 8px 8px !important;
}

/* GIDS - ruimte tussen programma naam en description */
.guide-program-name {
	margin-right: 5px;
}

/* GIDS - plaatsing i-tje */
#content .guide-desc {
	position: absolute;
	right: 0;
	top: 0;
	padding-top: 7px;
	padding-right: 5px;

}

#content .guide-desc .fa {
	color: #00338d !important;
	cursor: pointer;
}

/* GIDS - dit verstopt de description in eerste instantie */
.guide-desc + p {
	display: none;
}

/* GIDS - deze class wordt door javascript toegepast om de description te openen */
#guide-desc-txt.guide-desc-txt-open {
	display: block;
}

#content a.guide-program-name {
	font-weight: 400 !important;
}

#content a.text-info {
    color: #4cb6cb !important;
}


/* PROGRAMMA-OVERZICHT - hover effect */
a.image-hover:hover img {
	background:rgba(0,0,0,.75);
	opacity:0.6;
	-webkit-transition: opacity .15s ease;
}

#content a.episode-list-item:hover .media-heading{
	color: #9f1b21 ;
}

/************************************
	 CHANNEL BUTTONS HEADER
************************************/

.ul-channel-btn-list {
	padding-left: 30px !important;
}

.channel-btn-list {
	margin-right: 2px !important;
}

.channel-btn.home {
	background-color: rgba(255, 255, 255, 0) !important;
}

#home-channel-btn-div {
	margin-top: 20px;
	text-align: center;
}

#home-channel-btn-div .button-logo img {
	height: 25px !important;
	margin-bottom: 10px !important;
	padding-left: 5px;
}

.button-logo {
	padding-top: 18px !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.button-logo {
	height: 60px !important;
}

.button-logo img {
	height: 20px !important;
}

@media screen and (min-width: 375px) {
	#home-channel-btn-div .button-logo img {
		height: 30px !important;
		margin-bottom: 10px !important;
		padding-left: 7px;
	}
}

@media screen and (min-width: 392px) {
	#home-channel-btn-div .button-logo img {
		height: 35px !important;
		margin-bottom: 10px !important;
		padding-left: 7px;
	}
}

/************************************
	HEADER SEARCH BAR
************************************/

.navbar-right .form-group .input-group button, .navbar-right .form-group .input-group input {
	color: #505050 !important;
	font-family: roboto;
	font-size: 18px !important;
	border-top-width: 0px;
	border-bottom-width: 0px;
}

.navbar-right .form-group .input-group input {
	background-color: #fff;
	border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    color: #505050 !important;
    padding-top: 0px;
    padding-bottom: 2px;

}

.navbar-right .form-group .input-group input:focus {
	border-bottom: 2px solid #505050;
}

.navbar-right .form-group .input-group input::placeholder {
  color: #505050;
}

.navbar-right .form-group .input-group input:focus::-webkit-input-placeholder { color:transparent; }
.navbar-right .form-group .input-group input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
.navbar-right .form-group .input-group input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
.navbar-right .form-group .input-group input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */


.navbar-right {
	height: 30px;
	margin-top: 15px !important;
	margin-bottom: 15px !important;
	font-weight: 900;
}

.navbar-right .form-group,
.navbar-right .form-group .input-group,
.navbar-right .form-group .input-group input {
	height: 30px !important;
	padding-bottom: 0px;
}

.search-button {
	padding-top: 2px !important;
	padding-bottom: 10px !important;
}

.navbar-right .input-group {
	width: 260px;
}

#search-placeholder-short {
	display: none;
}

@media screen and (max-width: 767px) {
	.navbar-right .form-group .input-group input:focus {
		border-bottom: 1px solid #000;
	}

	#search-form {
		margin: 0 auto;
	}

	.search-button {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}
}

/************************************
	ZOEK RESULTATEN PAGINA
************************************/

#___gcse_0 a.gs-title {
	color: #15c !important;
}

/*
#___gcse_0 .gsc-adBlock, .gsc-resultsHeader, .gcsc-branding, #adBlock, div.gcsc-branding {
	display: none !important;
}
*/

.gsc-above-wrapper-area{
	border-bottom-width: 0px !important;
}

.gsc-table-result, .gsc-table-cell-snippet-close, .gsc-table-cell-thumbnail {
	border: 0px !important;
}

.header-search-result-page {
	margin-bottom: 30px;
}

.gs-snippet, .gsc-url-top, .gs-title, .gcsc-branding-text, .gsc-result-info, .gsc-orderby-label, .gsc-selected-option {
	font-family: "Roboto" !important;
	font-size: 14px !important;
}

.gs-title {
	font-size: 18px !important;
}

.gsc-above-wrapper-area-container {
	margin-bottom: 0px;
}

.gsc-above-wrapper-area {
	padding: 0 !important;
}

.gsc-resultsHeader {
	display: none;
}

.gsc-result-info-container, .gsc-orderby-container {
	padding-top: 5px;
	padding-bottom: 5px;
}

/************************************
	HEADER SOCIAL ICONS
************************************/

ul.container-header-social-icon, ul.container-header-social-icon li.header-social-icon {
	display: inline;
}

ul.container-header-social-icon {
	padding-left: 10px;
}

ul.container-header-social-icon li.header-social-icon img {
	height: 20px;
	margin-left: 7px;
}

/****************************************
	HEADER BREAKPOINTS MEDIA QUERIES
****************************************/

@media (max-width: 1280px) {

  .navbar-right .input-group {
	width: 120px;
  }

  #search-placeholder-long {
	display: none;
  }

  #search-placeholder-short {
	display: block;
  }
}

@media (max-width: 1188px) {
  .button-logo {
	padding-left: 0px !important;
	padding-right: 4px !important;
  }

  .button-logo img {
	height: 18px !important;
  }

  .navbar-right .form-group .input-group button, .navbar-right .form-group .input-group input {
	font-size: 16px !important;
  }

  .navbar-right .form-group .input-group input {
	padding-top: 6px;
	padding-bottom: 4px;
  }

  .search-button {
	  padding-top: 5px !important;
  }

  ul.container-header-social-icon li.header-social-icon img {
  	height: 18px;
  	margin-left: 7px;
  }

  ul.container-header-social-icon {
	padding-left: 0;
  }

}

@media (max-width: 1017px) {
  .button-logo img {
	height: 16px !important;
  }

  .navbar-right .form-group .input-group button, .navbar-right .form-group .input-group input {
	font-size: 14px !important;
  }

  .navbar-right .form-group .input-group input {
	padding-top: 5px;
	padding-bottom: 5px;
  }

  ul.container-header-social-icon li.header-social-icon img {
  	height: 16px;
  	margin-left: 5px;
  }

  .navbar-right .input-group {
	width: 105px;
  }

}

@media (max-width: 965px) {
  .button-logo img {
	height: 14px !important;
  }


  .navbar-right .form-group .input-group button, .navbar-right .form-group .input-group input {
	font-size: 12px !important;
  }

  .navbar-right .form-group .input-group input {
	padding-top: 5px;
	padding-bottom: 5px;
  }

  ul.container-header-social-icon li.header-social-icon img {
  	height: 14px;
  	margin-left: 3px;
  }

  .navbar-right .input-group {
	width: 100px;
  }

}

@media (max-width: 905px) {
  .button-logo {
 	padding-right: 2px !important;
  }

  .button-logo img {
	height: 12px !important;
  }

  .navbar-right .form-group .input-group button {
	  width: 20px;
  }

  .navbar-right .input-group {
	width: 90px;
  }

}

@media (max-width: 767px) {
  .navbar-form input {
	width: 250px !important;
  }

  .navbar-right .form-group .input-group button, .navbar-right .form-group .input-group input {
	font-size: 18px !important;
  }

  .navbar-right .form-group .input-group input {
	padding-top: 8px;
	padding-bottom: 2px;
  }


  ul.container-header-social-icon {
	display: none;
  }

  #search-placeholder-long {
	display: block;
  }

  #search-placeholder-short {
	display: none;
  }

}

/************************************
	PLAYER POPUP
************************************/

#player-header {
	height: 50px;
	background-color: #E30613;
	line-height: 50px;
}

#player-header img {
	width: 15px;
}

.player-wrapper {
	padding-top: 0px !important;
}

#current-station-img {
	margin: 10px 0;
}

.pl-channel-page-player {
	margin-top: 20px;
}

.mejs__broadcast, .mejs__currenttime {
	font-family: "Roboto";
}

.demand-player #mep_0 {
padding-top: 60px !important;}

/*********** dropdown player stream **************/

.pl-dropbtn-wrapper {
	padding: 5px;
}

.pl-dropbtn {
	cursor: pointer;
}

#pl-channel-dropdown {
	height: 0;
	margin-bottom: 20px;
	overflow: hidden;
	transition: 600ms ease;
}

#pl-channel-dropdown.pl-open {
	height: 115px;
}

#pl-channel-dropdown.pl-open.demand {
	height: 145px
}

#pl-channel-dropdown ul {
  list-style-type: none;
  padding: 0;
}

#pl-channel-dropdown li {
	margin-top: 5px;
}

/*********** items nu & straks **************/

.pl-program-item-wrapper {
	padding-left: 10px !important;
}

/*
.pl-program-item-wrapper p {
	padding-left: 3px;
}
*/

.pl-channel-program-item {
	margin-top: 10px;
}

.pl-channel-program-poster-wrapper {
	padding: 0px !important;
	padding-bottom: 10px !important;
}

.pl-channel-program-txt-wrapper p {
	font-weight: 500 !important;
}

.pl-dropbtn {
	color: #E30613;
}


/*
.pl-channel-program-txt-wrapper {
	margin-top: 10px;
}
*/

/******** player demand specifiek *********/

.pl-demand-program {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
	color: #E30613 !important;
}

a.pl-demand-play-btn {
	background-color: #E30613 !important;
	color: #fff !important;
	margin-top: 0px;
}

a.pl-demand-play-btn:hover {
	color: #303030 !important;
}

.pl-channel-page-player span.demand {
	color: #303030;
}

.pl-program-item-wrapper.demand-player img {
	max-height: 64px;
}


/************************************
	EMBED MODAL
************************************/

/* The Embed and Copy Button */
#copyBtn {
	color: rgba(80, 80, 80, 1);
	border-color: rgba(80, 80, 80, 0.4);
}

#copyBtn {
	margin-top: 10px;
}

.copyBtn-wrapper {
	text-align: right;
}

/* The Modal (background) */
.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.5);
}

/* Modal Content/Box */
.modal-content {
    background-color: #F2F4F8 !important;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    border-radius: 5px !important;
    width: 80%;
    line-height: 22px;
}

.modal-channel-logo {
	max-height: 20px;
	vertical-align: top;
	margin-top: 1px;
}

#modal-content p, #modal-content h2 {
	margin-bottom: 20px !important;
}

.iframe-code-txt {
	background-color: #fff;
	padding: 10px;
	text-align: center;

}

.iframe-code-txt input {
	background-color: #fff;
	width: 100%;
	border:none;
	text-align: center;

}

@media screen and (max-width: 620px) {
	#modal-content h2 img {
		display: block;
		margin: 0 auto 10px; auto;

	}

	#modal-content h2 {
		text-align: center;
	}
}

@media screen and (max-width: 365px) {
	.iframe-code-txt {word-break: break-all;}
}


/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

#iframe-code-hide {
	display: none;
}

/************************************
	RADIO demand EMBED
************************************/

h2.radio-demand-embed-header {
	margin-top: 5px;
}

.rde-player {
	margin-top: 10px;
}

.radio-demand-embed-player {
	background-color: #fff;
}

.radio-demand-embed-header {
	color: #E30613 !important;
}

/************************************
	RADIO STREAM EMBED
************************************/


.radio-embed {
	background-color: #fff ;
}

.re-channel-logo {
	max-height: 20px;
	margin-top: 5px;
	margin-bottom: 5px;}

.re-nu-live-wrapper {
	margin-bottom: 5px;
}


/************************************
	Pagination Nav
************************************/

.easyPaginateNav {
	margin-bottom: 40px;
	text-align: right;
}


#easyPaginate {width: 100%;}

.easyPaginateNav a, .easyPaginateNav span {padding:3px 8px;}

.easyPaginateNav span {
	padding-left: 0px;
	padding-right: 0px;
}

#content .easyPaginateNav a.current, .easyPaginateNav span {font-weight: 400 !important;}

.easyPaginateNav a.page {display: none;}

.easyPaginateNav a.current {display: inline;}

.easyPaginateNav a.last {
	padding-right: 10px;
}

#content .easyPaginateNav a.first {
	margin-left: 15px;
}

#content .easyPaginateNav a.first, #content .easyPaginateNav a.prev, #content .easyPaginateNav a.next, #content .easyPaginateNav a.last {
/* 	border: solid 1px #303030; */
	border-radius: 2px;
	background-color: #E30613;
	color: #fff !important;
	font-weight: 500 !important;
}

.easyPaginateNav a.first, .easyPaginateNav a.next {
	margin-right: 7px;
}

.page-numbers.current {
	padding-right: 8px;
	padding-left: 8px;
}

/************************************
	SLICK CAROUSEL PROGRAM-DETAIL
************************************/

.carousel-program-detail-container {
	padding: 15px 20px;
}

.carousel-program-detail {
	margin: 0 auto;
}

.carousel-program-detail-item {
	margin: 0 5px;
	outline: none !important;
}

.carousel-program-detail-item img, .carousel-program-detail-item a {
	outline: none !important;
}

.carousel-program-detail-item-txt-container p {
	margin: 0;
}

.carousel-program-detail-item-txt-container a {
	outline: none !important;
}

.carousel-program-detail-item-txt-container {
	padding: 5px;
}

/* Custom voor carousel program detail */

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

	/* carousel opacity, display and pointer-events on none center items in dcentre mode */

	.carousel-program-detail .slick-slide {
	  opacity: 0.6;
	  pointer-events: none;
	  cursor: default;

	}

	.carousel-program-detail .slick-slide p, .carousel-program-detail .slick-slide .title-div {
		display: none;
	}

	.carousel-program-detail .slick-center {
	  opacity: 1;
	  pointer-events: all;
	}

	.carousel-program-detail .slick-center p, .carousel-program-detail .slick-center .title-div {
		display: block;
	}

}

/* Bootstrap eXtra Small */

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

	/* PROGRAM-DETAIL - om de sidebar in mobile view uit te lijnen met het informatie element */
	.margin-right-plus15 {
		margin-right: 15px !important;
	}

	/* GIDS - op mobiel is er extra padding nodig om bij het scrollen de zender juist in beeld te krijgen */
	.xs-p-t-50px { padding-top: 50px; }


	/* carousel centre mode repair opacity, display and pointer events*/

	.carousel-program-detail .slick-slide {
	  opacity: 1;
	  pointer-events: all;
	  cursor: pointer;


	}

	.carousel-program-detail .slick-slide p, .carousel-program-detail .slick-slide .title-div {
		display: block;
	}

	.carousel-program-detail .slick-center {
	  opacity: 1;
	  pointer-events: all;
	}

	.carousel-program-detail .slick-center p, .carousel-program-detail .slick-center .title-div {
		display: block;
	}


}


/* Custom voor carousel program detail */

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

	.carousel-program-detail-container {
		padding: 0;
	}

	/* carousel opacity, display and pointer-events on none center items in dcentre mode */

	.carousel-program-detail .slick-slide {
	  opacity: 0.6;
	  pointer-events: none;
	  cursor: default;

	}

	.carousel-program-detail .slick-slide p, .carousel-program-detail .slick-slide .title-div {
		display: none;
	}

	.carousel-program-detail .slick-center {
	  opacity: 1;
	  pointer-events: all;
	}

	.carousel-program-detail .slick-center p, .carousel-program-detail .slick-center .title-div {
		display: block;
	}

}
/* Custom voor gids en on-demand navigatie */

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

	ul.li-xs-blok li { display: block; }

	#gids-list li+li::before { content: ""; }

	#gids-select {display: inline;}

	#gids-list {display: none;}

}

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

	/*  PROGRAM-DETAIL - om er voor te zorgen dat de widget titles van de komenden uitzendingen en gemiste uitzendingen tegelijk breken */
	.widget-title span {
		display: block;
	}

}

/* Custom eXstra eXtra Small */

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

	.hidden-xxs {
		display: none;
	}

	.col-xxs-11 {
		display: block !important;
		width: 91.66666667% !important;
	}

	.col-xxs-12 {
		display: block !important;
		width: 100% !important;
	}

	.widget-title span {
		display: inline;
	}

	/*custom line bootstrap-social*/
	.btn-social-icon.btn-xxs{padding-left:10px; padding-right: 5px; height: 17px; width: 15px;}
	.btn-social-icon.btn-xxs>:first-child{line-height:15px !important;width:15px !important;font-size:1em}

}

/* Custom eXtra eXstra eXtra Small */

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

	.xxxs-program-detail-block {
		display: block;
		margin-bottom: 3px;
	}

}

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

	.xxxs-block {
		display: block;
	}

	.font-size-resp {font-size: 20px !important;}

}

.play-me {
	margin-bottom: 10px !important;
}

.btn-social-icon:hover {
	color: #fff !important;
}
.btn-whatsapp{color:#fff;background-color:#25D366;border-color:rgba(0,0,0,0.2)}.btn-whatsapp:focus,.btn-whatsapp.focus{color:#fff;background-color:#075E54;border-color:rgba(0,0,0,0.2)}
.btn-whatsapp:hover{color:#fff !important;background-color:#075E54;border-color:rgba(0,0,0,0.2)}
.btn-whatsapp:active,.btn-whatsapp.active,.open>.dropdown-toggle.btn-whatsapp{color:#fff;background-color:#075E54;border-color:rgba(0,0,0,0.2)}.btn-whatsapp:active:hover,.btn-whatsapp.active:hover,.open>.dropdown-toggle.btn-whatsapp:hover,.btn-whatsapp:active:focus,.btn-whatsapp.active:focus,.open>.dropdown-toggle.btn-whatsapp:focus,.btn-whatsapp:active.focus,.btn-whatsapp.active.focus,.open>.dropdown-toggle.btn-whatsapp.focus{color:#fff;background-color:#075E54;border-color:rgba(0,0,0,0.2)}
.btn-whatsapp:active,.btn-whatsapp.active,.open>.dropdown-toggle.btn-whatsapp{background-image:none}
.btn-whatsapp.disabled:hover,.btn-whatsapp[disabled]:hover,fieldset[disabled] .btn-whatsapp:hover,.btn-whatsapp.disabled:focus,.btn-whatsapp[disabled]:focus,fieldset[disabled] .btn-whatsapp:focus,.btn-whatsapp.disabled.focus,.btn-whatsapp[disabled].focus,fieldset[disabled] .btn-whatsapp.focus{background-color:#075E54;border-color:rgba(0,0,0,0.2)}
.btn-whatsapp .badge{color:#25D366;background-color:#fff}

.btn-youtube{color:#fff;background-color:#e52d27;border-color:rgba(0,0,0,0.2)}.btn-youtube:focus,.btn-youtube.focus{color:#fff;background-color:#b31217;border-color:rgba(0,0,0,0.2)}
.btn-youtube:hover{color:#fff !important;background-color:#b31217;border-color:rgba(0,0,0,0.2)}
.btn-youtube:active,.btn-youtube.active,.open>.dropdown-toggle.btn-youtube{color:#fff;background-color:#b31217;border-color:rgba(0,0,0,0.2)}.btn-youtube:active:hover,.btn-youtube.active:hover,.open>.dropdown-toggle.btn-youtube:hover,.btn-youtube:active:focus,.btn-youtube.active:focus,.open>.dropdown-toggle.btn-youtube:focus,.btn-youtube:active.focus,.btn-youtube.active.focus,.open>.dropdown-toggle.btn-youtube.focus{color:#fff;background-color:#b31217;border-color:rgba(0,0,0,0.2)}
.btn-youtube:active,.btn-youtube.active,.open>.dropdown-toggle.btn-youtube{background-image:none}
.btn-youtube.disabled:hover,.btn-youtube[disabled]:hover,fieldset[disabled] .btn-youtube:hover,.btn-youtube.disabled:focus,.btn-youtube[disabled]:focus,fieldset[disabled] .btn-youtube:focus,.btn-youtube.disabled.focus,.btn-youtube[disabled].focus,fieldset[disabled] .btn-youtube.focus{background-color:#b31217;border-color:rgba(0,0,0,0.2)}
.btn-youtube .badge{color:#e52d27;background-color:#fff}




/* Clappr Video player */
/* Force video to cover element so 4:3 video's display as 16:9 */
div#clappr video {
    object-fit: fill;
}
div#clappr .fullscreen video {
    object-fit: contain;
}

.player-poster {
		background-size: 100% 100% !important;
}

/* Player show / hiding */

#footer-player {

	bottom: -60px !important;

}
.player-active #footer-player {
	bottom: 0 !important;
}


/* temp fix for wrong scrolling on gids with hidden player */
#content {
	overflow: hidden;
}

@media (min-width: 768px) {
	.vbox > section.w-f-md {
		bottom: 0 !important;
		-webkit-transition: bottom 0.5s; /* Safari */
    	transition: bottom 0.5s;
    	transition-timing-function: ease-out;
	}
	.player-active .vbox > section.w-f-md {
		bottom: 60px !important;
	}
}





/************************************
	JAARVERSLAG
************************************/

.page-template-jaarverslag2017-php {
	background-color: #e30613;
}

#jv-16-9-video {
	padding-top: 180px;
}

#jv-16-9-video.closed {
	padding-top: 130px;
}

/******* HEADER *********/


#jv-header {
	position: relative;
	background-color: #fff;
	height: 180px;
	-webkit-transition: 600ms ease;
	-moz-transition: 600ms ease;
	-o-transition: 600ms ease;
	transition: 600ms ease;
	color: #e30613;
	position: fixed;
	right: 0;
	z-index: 10;
	padding: 0 !important;
}

#jv-header.closed {
	height: 100px;
}

#jv-logo-img {
	padding: 35px 80px 0 80px;
	-webkit-transition: 600ms ease;
	-moz-transition: 600ms ease;
	-o-transition: 600ms ease;
	transition: 600ms ease;
	width: 100%;
	max-width: 890px;
	margin: 0 auto;
}

#jv-logo-img.closed {
	padding: 35px 15px 0 15px;
	max-width: 200px;
}

/******* VIDEO *********/

.jv-video-wrapper {
	display: relative;
}

/******* CONTENT *********/

#jv-content-wrapper {
	padding: 50px;
}

/******** MASONRY **********/

.grid-item {
	margin-bottom: 30px;
}

/******** PANELS **********/

.grid-item-titel {
	margin-bottom: 10px;
	color: #fff;
	font-family: "Unit Rounded Ultra" !important;
	font-size: 2.8em;
	padding: 30px 30px 0px 30px;
}

.grid-item-content {
	background-color: #fff;
	padding: 30px;
	border-radius: 5px;
}

.grid-item-content-titel {
	font-family: "Unit Rounded Ultra" !important;
	font-size: 2.8em;
	color: #e30613;
	margin-bottom: 30px;
}

.grid-item-content-titel span {
	font-family: "Roboto" !important;
	font-size: 0.8em !important;
}

.grid-item-content ul {
	padding-top: 10px;
}

.grid-item-content ul li:nth-child(even) {
	margin-bottom: 15px;
}

.grid-item-content ul li:nth-child(odd) {
	border-top: 1px solid #e30613;
	margin-bottom: 5px;
	padding-top: 10px;
}

/******** CTA WEBSITE **********/

.online-mob {
	display: none;
}


@media (max-width: 991px) {

	.online-mob {display: block}

	.online-desk {display: none;}

}


.cta-website {
	background-color: rgba(0,0,0,.2);
}

.cta-website p.grid-item-content-titel {
	margin-bottom: 30px;
}

.cta-website i {
	width: 30px;
	font-size: 1.5em;
}

.cta-website a {
	color: #fff;
}

.cta-website a {
	transition: color .1s ease-in-out;
}

/*
.cta-website:hover {
	background-color: #fff;
}
*/

/*
.cta-website:hover a {
	color: #e30613;
}
*/

.cta-website a:hover {
	color: #bababa;
}

.cta-website .grid-item-content-titel {
	margin-bottom: 0;
}

.jv-social-icons {
	list-style: none;
	padding-left: 0;
}

.grid-item-content ul.jv-social-icons li {
	border: none;
	padding: 0;
	margin-bottom: 30px;
}

/******** PANEL SALTO2 **********/

/*
ul.jv-salto2 {
	margin-bottom: 90px;
}
*/

.jv-salto2 .channel-program-poster, .jv-salto2 .channel-program-txt-wrapper p {
/* 	padding-right: 15px; */
}

.jv-salto2 .grid-item-content-titel {
	color: #6DB21E;
}

ul.jv-salto2 li:nth-child(odd) {
	border-top: 1px solid #6DB21E;
}
@media (max-width: 120 0px) {
	.jv-salto2 .channel-program-txt-wrapper, .jv-salto2 .channel-program-poster-wrapper {
		width: 100% !important;
	}
	.jv-salto2 .channel-program-poster-wrapper {
		padding-right: 15px !important;
	}
}

/******** TOP 3 RADIO **********/




/******** PANELS TRANSPARENT **********/

.grid-item-content.transparent {
	background-color: transparent;
	color: rgba(255,255,255,0.9);
}

.grid-item-content-titel.transparent {
	color: #fff;
}

.grid-item-content.transparent ul li:nth-child(odd) {
	border-top: 1px solid rgba(255, 255, 255, 0.4);

}

/******** AANTAL LIVESTREAMS **********/

/*
.livestreams-chart-wrapper-wrapper {
	padding: 30px 0;
	background-color: #fff;
	border-radius: 5px;
}

.livestreams-chart-wrapper {
	background-color: #fff;
}

#livestreamsChart {
	margin: 0 !important;
}

.livestreams-chart-wrapper canvas {
	margin: 30px 0px !important;
}
*/

.aantal-livestreams-wrapper {
	padding: 30px;
}

#aantal-livestreams {
	background-color: rgba(0,0,0,.2);
	border-radius: 5px;
	padding-top: 15px;
}

#aantal-livestreams .columns.c2, #aantal-livestreams .columns.c3 {
	padding-top: 30px !important;
	padding-left: 40px !important;
}

#aantal-livestreams .columns.c3 {
	padding-left: 45px !important;
}

#aantal-livestreams img {
	height: 30px;
	margin-bottom: 10px;
}

#aantal-livestreams div.columns {
	padding: 15px !important;
}



@media (max-width: 992px) {
	#aantal-livestreams .columns.c2, #aantal-livestreams .columns.c3 {
		padding-top: 0px !important;
		padding-left: 30px !important;
	}
	#aantal-livestreams .columns.c2 {
		padding-bottom: 0px !important;
	}
}


/******** POPULAIRE TIJDEN **********/

.populaire-tijden-wrapper.klein {
		display: none;
	}

.populaire-tijden-wrapper {
	padding: 30px;
}

#populaire-tijden {
	background-color: #fff;
	border-radius: 5px;
	padding: 30px;
}

#populaire-tijden p {
	color: #e30613;
	font-size: 2em;
	margin-bottom: 30px;
}

#populaire-tijden p {
	font-size: 2.8em;
	line-height: 1;
}

#populaire-tijden p.titel {
	font-family: "Unit Rounded Ultra";
	margin-bottom: 0px !important;
}

#populaire-tijden p.sub-titel {
	font-size: 1.1em;
	margin-bottom: 30px;
}

.channel-element, .time-element, .clock-element {
	padding: 0 !important;
}

.clock-element-row {
	margin-top: 30px;
	margin-bottom: 3px;
}

.clock-element img {
	max-width: 25px;
}

.time-element {
	font-size: 0.7em;
	color: #e30613;
}

.time-element-row {
	margin-bottom: 15px;
}

.channel-element {
	border-radius: 5px;
	color: #fff;
	height: 30px;
	line-height: 30px;
}

.channel-element-row {
	margin-bottom: 10px;
}


.channel-element span {
	font-family: "Unit Rounded Ultra";
	margin-left: 10px;
}

.populaire-tijden-bean {
	margin-left: 0px !important;
}

.populaire-tijden-punt {
	display: none;
	font-family: "Roboto" !important;
}

@media (max-width: 860px) {
	.populaire-tijden-bean {
		display: none;
	}
	.populaire-tijden-punt {
		display: inline;
		margin-left: 0px !important;
	}
}

/* populaire tijden klein */

@media (max-width: 740px) {

	.populaire-tijden-wrapper.groot {
		display: none;
	}

	.populaire-tijden-wrapper.klein {
		display: block;
	}

	#populaire-tijden p.titel {
		margin-bottom: 30px !important;
	}

	#populaire-tijden ul {
		list-style: none;
	}

	#populaire-tijden ul li {
		margin-bottom: 15px;
		color: #e30613;
	}

	#populaire-tijden ul li img.clock-bullet {
		width: 20px;
		display: inline;
		margin-right: 10px;
	}

	#populaire-tijden ul li img.pop-tijd-logo {
		height: 20px;
		display: inline;
		margin-left: 10px;
	}
}

@media (max-width: 360px) {
	#populaire-tijden ul li img.pop-tijd-logo {
		display: block;
		margin-left: 0px;
		margin-top: 10px;
		margin-bottom: 20px;
	}

	#populaire-tijden li {
		padding-top: 20px;
	}

	#populaire-tijden li {
		border-top: 1px solid #e30613 !important;
	}
}


/******** SPREIDING / TECHNIEK **********/

.wrapper-spreiding-techniek-padder {
	padding: 30px;
}

.spreiding-map, .spreiding-graph {
	color: #fff;
	padding: 0 30px !important;
	position: relative;
	display: inline-block;
}

.spreiding {
	padding: 30px;
}

.spreiding-map, .spreiding-graph, .techniek {
	margin-bottom: 60px;
}

#wrapper-spreiding-techniek .titel {
	font-family: "Unit Rounded Ultra";
	font-size: 2.8em;
	color: #fff;
	margin-bottom: 30px;
	padding: 15px !important;
	padding-top: 0px !important;
}

#wrapper-spreiding-techniek .titel span {
	font-family: "Roboto" !important;
	display: block;
}

.spreiding-graph-items div {
	margin-bottom: 30px;
}

.spreiding-graph .area {
	display: block;
	margin-bottom: 5px;
	font-family: "Unit Rounded Ultra";
	font-size: 2em;
}

.spreiding-graph-items .percentage {
	font-weight: 900;
}

@media (max-width: 767px) {
	div.spreiding-map {
		display: none;
	}
}


.techniek {
	background-color: #fff;
	border-radius: 5px;
	padding: 30px !important;
}

#wrapper-spreiding-techniek .techniek .titel {
	color: #e30613 !important;
	padding: 0px !important;
}

.techniek span.h3 {
	margin-bottom: 10px;
	font-weight: 900;
}

.techniek p {
	margin-bottom: 5px;
}

.techniek div {
	margin-bottom: 30px;
}
.techniek div a {
	display: block;
	margin-top: 5px;
	color: #e30613 !important;
}

/******** VIDEOS SALTOTV **********/

.video-genres-wrapper {
	background-color: rgba(0,0,0,.2);
	border-radius: 5px;
}

.chart {padding:15px;}

.chart .titel {
	font-family: "Unit Rounded Ultra";
	font-size: 2.8em;
	color: #fff;
	margin-bottom: 30px;
}

#wrapper-spreiding-techniek .chart p.titel {
	padding: 0px !important;
}

.chart div div {
  background-color: #fff;
  border-radius: 3px;
  text-align: right;
  padding: 3px;
  margin: 0px 10px 10px 0px;
  color: #e30613;
  font-weight: 500;
  min-height: 25px;
}

span.video-genre {
	color: #fff !important;
	padding: 3px;
}

.behind-video-genre {
	display: none;
}

@media (max-width: 992px) {

	div.before-video-genre {
		display: none !important;
	}

	.behind-video-genre {
		display: block;
	}

	.chart div div, .chart div span {
		clear: both !important;
		display: block;
	}

	.chart-width {
		width: 40px !important;
		border-radius: 10px;
		text-align: center !important;
	}

	.chart div div {
	  background-color: transparent;
	  border-radius: 3px;
	  text-align: left;
	  padding: 0px;
	  margin: 0px 10px 10px 0px;
	  color: #fff;
	  font-weight: 900;
	  min-height: 25px;
	}

	.chart div {
		margin-bottom: 20px;
	}

	.video-genre {
		margin-bottom: 5px;
		padding-left: 0px;
	}

}

@media (max-width: 767px) {
	div.chart {
		padding: 15px;
	}
}

/*
@media (max-width: 460px) {

	.chart div span.h4 {
		font-size: 14px !important;
	}

	div.chart {
		padding-right: 0;
	}
}

@media (max-width: 320px) {
	.chart div div, .chart div span {
		clear: both !important;
		display: block;
	}

	.chart div div {
		margin-bottom: 5px;
	}

	span.h4 {
		margin-bottom: 10px;
	}

}
*/


/******** MEDEWERKERS / MEDIAPARTNERS **********/


.wrapper-medewerkers-mediapartner {
	padding: 30px;
}

.wrapper-medewerkers-mediapartner .titel {
	font-family: "Unit Rounded Ultra";
	font-size: 2.8em;
	color: #fff;
	margin-bottom: 30px;
}

.medewerkers, .mediapartners {
	padding: 30px !important;
}

.medewerkers {
	padding-right: 60px !important;
}

/* MEDEWERKERS */

.medewerker-item {
	margin-bottom: 30px;
	padding: 0 !important;
}

.wrapper-medewerker-img {
	margin-bottom: 15px;
}

.medewerker-label {
	background-color: #fff;
	color: #e30613;
	border-left: solid 16px #e30613;
	border-right: solid 15px #e30613;
	text-align: center;
	padding: 15px;
	min-height: 110px !important;
}

.medewerker-label p.h4 {
	margin-bottom: 15px;
	font-family: "Unit Rounded Ultra";
	text-transform: uppercase;
}

@media (max-width: 767px) {

	.wrapper-medewerker-img img {
		max-width: 80%;
		margin-bottom: 	0px;
	}


	.medewerker-label {
		background-color: transparent;
		color: #fff;
		border-left: none;
		border-right: none;
		text-align: left;
		padding: 10px;
		padding-left: 5px !important;
		min-height: 100% !important;
		border-radius: 5px;
		padding-top: 0px;
	}

	.medewerker-label p.h4 {
		margin-bottom: 5px;
		font-family: "Unit Rounded Ultra";
		text-transform: uppercase;
	}


}

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

	.wrapper-medewerker-img, .medewerker-label {
		width: 100% !important;
		text-align: center;
	}

	.wrapper-medewerker-img {
		margin-bottom: 30px;
	}

	.wrapper-medewerker-img img {
		margin: 0 auto;
	}

}


/* MEDIAPARTNERS */

.mediapartners {
	background-color: #fff;
	border-radius: 5px;
}

.mediapartners .titel {
	color: #e30613;
}

.mediapartners p.h1 {
	margin-bottom: 30px !important;
}

.mediapartners ul {
	list-style: none;
	padding-left: 10px;
}

.mediapartners li {
	margin-bottom: 15px;
}

.mediapartners li span img {
	width: 15px;
	margin-right: 10px;
}

/******** COUNTERS **********/

.grid-item-content-counter {
	margin-bottom: 30px;
}

.counter {
	margin-top: 5px !important;
	font-weight: 900 !important;
	color: rgba(255,255,255,1) !important;
}

/******* UP BUTTON *********/
#jv-upBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: #fff;
  opacity: 0.7;
  color: #e30613;
  cursor: pointer;
  padding: 15px;
  border-radius: 10px;
}

#jv-upBtn:hover {
  opacity: 1;
}

/******* FLIPPER *********/

/* Wrapper */
.jv-flipper-wrapper {
    margin: 0 auto;
    position: relative;
    margin-top: 3%;
    margin-left: 30px;
    margin-right: 30px;
    padding-bottom: 15%;
}

/* Sentence */
.sentence {
     color: #fff !important;
     font-size: 32px;
     font-weight: 900;
}


/* AntiClockWise Effect */
/*
.antiClock{
	display: inline;
	text-indent: 8px;

}
.antiClock span {
	animation: anti 15s linear infinite 0s;
	-ms-animation: anti 15s linear infinite 0s;
	-webkit-animation: anti 15s linear infinite 0s;
	opacity: 0;
	width: 240px;
	overflow: hidden;
	position: absolute;
	margin-top: 8px;
}
.antiClock span:nth-child(2){
	animation-delay: 2.5s;
	-ms-animation-delay: 2.5s;
	-webkit-animation-delay: 2.5s;
}
.antiClock span:nth-child(3){
	animation-delay: 5s;
	-ms-animation-delay: 5s;
	-webkit-animation-delay: 5s;
}
.antiClock span:nth-child(4){
	animation-delay: 7.5s;
	-ms-animation-delay: 7.5s;
	-webkit-animation-delay: 7.5s;
}
.antiClock span:nth-child(5){
	animation-delay: 10s;
	-ms-animation-delay: 10s;
	-webkit-animation-delay: 10s;
}
.antiClock span:nth-child(6){
	animation-delay: 12.5s;
	-ms-animation-delay: 12.5s;
	-webkit-animation-delay: 12.5s;
}
*/


/* AntiClockWise Effect Animation */
/*
@-moz-keyframes anti{
	0% { opacity: 0; width: 0px;}
	5% { opacity: 0; -moz-transform: rotateX(180deg); width: 0px;}
	10% { opacity: 1; -moz-transform: translateY(0px); width: 240px; }
	12% { opacity: 1;}
	20% { opacity: 1;}
	25% { opacity: 0; -moz-transform: translateY(0px); }
	30% { opacity: 0; -moz-transform: translateY(0px); }
	80% { opacity: 0;}
	100% { opacity: 0;}
}
@-webkit-keyframes anti{
	0% { opacity: 0; width: 0px;}
	5% { opacity: 0; -webkit-transform: rotate(180deg); width: 0px; }
	10% { opacity: 1; -webkit-transform: translateY(0px);  width: 240px;}
	12% { opacity: 1;}
	20% { opacity: 1;}
	25% { opacity: 0; -webkit-transform: translateY(0px); }
	30% { opacity: 0; -webkit-transform: translateY(0px); }
	80% { opacity: 0;}
	100% { opacity: 0; }
}
@-ms-keyframes anti{
	0% { opacity: 0; width: 0px;}
	5% { opacity: 0; -ms-transform: rotate(180deg); width: 0px; }
	10% { opacity: 1; -ms-transform: translateY(0px);width: 240px; }
	12% { opacity: 1;}
	20% { opacity: 1;}
	25% { opacity: 0; -ms-transform: translateY(0px); }
	30% { opacity: 0; -ms-transform: translateY(0px); }
	80% { opacity: 0;}
	100% { opacity: 0; }
}
*/

/*Vertical Flip*/
.verticalFlip{
	display: block;
}

.verticalFlip span{
	animation: vertical 15s linear infinite 0s;
	-ms-animation: vertical 15s linear infinite 0s;
	-webkit-animation: vertical 15s linear infinite 0s;
	opacity: 0;
/* 	overflow: hidden; */
	position: absolute;
}
.verticalFlip span:nth-child(2){
	animation-delay: 2.5s;
	-ms-animation-delay: 2.5s;
	-webkit-animation-delay: 2.5s;
}
.verticalFlip span:nth-child(3){
	animation-delay: 5s;
	-ms-animation-delay: 5s;
	-webkit-animation-delay: 5s;
}
.verticalFlip span:nth-child(4){
	animation-delay: 7.5s;
	-ms-animation-delay: 7.5s;
	-webkit-animation-delay: 7.5s;
}
.verticalFlip span:nth-child(5){
	animation-delay: 10s;
	-ms-animation-delay: 10s;
	-webkit-animation-delay: 10s;
}
.verticalFlip span:nth-child(6){
	animation-delay: 12.5s;
	-ms-animation-delay: 12.5s;
	-webkit-animation-delay: 12.5s;
}

/*Vertical Flip Animation*/
@-moz-keyframes vertical{
	0% { opacity: 0; }
	5% { opacity: 0; -moz-transform: rotateX(180deg); }
	10% { opacity: 1; -moz-transform: translateY(0px); }
	20% { opacity: 1; }
	25% { opacity: 0; -moz-transform: translateY(0px); }
	30% { opacity: 0; -moz-transform: translateY(0px); }
	80% { opacity: 0; }
	100% { opacity: 0;}
}
@-webkit-keyframes vertical{
	0% { opacity: 0; }
	5% { opacity: 0; -webkit-transform: rotateX(180deg); }
	10% { opacity: 1; -webkit-transform: translateY(0px); }
	20% { opacity: 1; }
	25% { opacity: 0; -webkit-transform: translateY(0px); }
	30% { opacity: 0; -webkit-transform: translateY(0px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}
@-ms-keyframes vertical{
	0% { opacity: 0; }
	5% { opacity: 0; -ms-transform: rotateX(180deg); }
	10% { opacity: 1; -ms-transform: translateY(0px); }
	20% { opacity: 1; }
	25% { opacity: 0; -ms-transform: translateY(0px); }
	30% { opacity: 0; -ms-transform: translateY(0px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}



/******* MEDIA QUERIES JAARVERSLAG *********/

@media (max-width: 767px) {

	/* op mobiel header altijd klein */
	#jv-header {
	height: 100px;
	}


	#jv-16-9-video {
		padding-top: 100px;
	}

	#jv-logo-img {
	padding: 40px 0 0 15px;
	width: 200px;
	}

	#jv-hamburger {
		font-size: 1.5em;
	}

	#jv-content-wrapper {
		padding-top: 20px;
	}
}

@media (max-width: 550px) {

	#jv-content-wrapper {
		padding-top: 10px;
	}
}

@media (max-width: 460px) {

	#jv-content-wrapper {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	#jv-content-wrapper {
		padding-top: 20px;
	}

	#jv-content-wrapper {
		padding-top: 0px;
	}

}


@media (max-width: 330px) {

	#jv-hamburger {
		font-size: 1em;
	}

	#jv-logo-img {
		padding-left: 0;
	}

}



/* now playing */
.nowplaying .not-music {display:none}
.nowplaying .not-live {display: none}
.nowplaying .is-live {color: red;}

.mejs__container  {
        background-color: rgb(227, 6, 19) !important;
}