body {
	font-size: 14px;
	line-height: 20px;
	color: #330033;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
}

body.admin-bar {
	padding-top: 32px;
}

p {
	margin-bottom: 10px;
}

a {
	color: #af1280;
	text-decoration: none;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

.hide {
	display: none;
}

.hidden-xs {
	display: inline-block;
}

	#wpadminbar #wp-admin-bar-my-account.with-avatar>.ab-empty-item img,
	#wpadminbar #wp-admin-bar-my-account.with-avatar>a img {
		min-width: auto;
		max-width: none;
	}

.content-text {
	font-size: 17px;
	line-height: 26px;
	min-height: 400px;
}

	.content-text strong {
		color: #af1280;
	}

	.content-text p {
		margin-bottom: 20px;
	}

.stroke {
	padding: 0;
	position: relative;
}

	.stroke.padding {
		padding: 25px 0;
	}

	.stroke.padding-top {
		padding: 25px 0 0 0;
	}

	.stroke.padding-bottom {
		padding: 0 0 25px 0;
	}

	.stroke--logo {
		background: url("../img/radio-aalsmeer-logo-background.svg") top left/40% no-repeat;
		background-position-y: -100px;
	}

.spotlight-bg {
	height: 220px;
	position: absolute;
	width: 100%;
	top: 0px;
}

.container-fluid {
	max-width: 1200px;
}

.box {
	width: 100%;
	padding: 10px 15px;
	margin-bottom: 10px;
}

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

.right {
	text-align: right;
}

.center {
	text-align: center;
}

.float-right {
	float: right;
}

.alignright {
	float: right;
	margin: 0 0 10px 10px;
}

.alignleft {
	float: left;
	margin: 0 10px 10px 0;
}

.minheight {
	min-height: 400px;
}

.clearboth {
	clear: both;
}

.wp-caption-text {
	font-size: 10px;
}

.js-clipboard {
	cursor: pointer;
}

#wrapper input[type="text"], #wrapper input[type="password"], #wrapper input[type="email"] {
	width: 100%;
	font-family: 'Titillium Web', sans-serif;
	line-height: 30px;
	font-size: 14px;
	margin: 10px 0;
	padding: 0 8px;
	border: 1px solid #ddd;
	transition: border-color 50ms ease-in-out 0s;
	outline: 0 none;
}

#wrapper textarea {
	width: 100%;
	font-family: 'Titillium Web', sans-serif;
	line-height: 20px;
	font-size: 14px;
	margin: 10px 0;
	padding: 4px 8px;
	border: 1px solid #ddd;
	transition: border-color 50ms ease-in-out 0s;
	outline: 0 none;
	resize: vertical;
}

#wrapper input[type="text"]:focus, #wrapper input[type="password"]:focus, #wrapper input[type="email"]:focus, textarea:focus {
	border-color: #FBBA00 !important;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #FCDD80;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #FCDD80;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #FCDD80;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #FCDD80;
}

.wpcf7-submit {
	background-color: #FBBA00;
	color: #fff;
	display: inline-block;
	text-decoration: none;
	border: 0;
	padding: 10px;
	font-size: 12px;
	line-height: 12px;
	-moz-user-select: none;
	-ms-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.wpcf7-submit:hover {
	background: rgb(175, 18, 128);
	color: #FFF;
}

.wpcf7 .screen-reader-response, .wpcf7-validation-errors, .wpcf7-display-none {
	display: none;
}

.wpcf7-not-valid-tip {
	background: rgb(175, 18, 128);
	color: #FFF;
	font-size: 12px;
	padding: 2px 8px 2px 2px;
	position: relative;
	top: -10px;
	display: table;
}

.wpcf7-not-valid-tip:before {
	font-family: "radioaalsmeer-icons";
	font-style: normal;
	font-weight: normal;
	speak: none;
	content:'\e854';
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	margin-left: .2em;
}

#wrapper input.wpcf7-not-valid {
	border-color: #AF1280 !important;
}


.wpcf7-response-output {
	background: rgb(175, 18, 128);
	color: #FFF;
	padding: 8px 12px;
}

.wpcf7-mail-sent-ok:before {
	font-family: "radioaalsmeer-icons";
	font-style: normal;
	font-weight: normal;
	speak: none;
	content:'\e81e';
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	margin-left: .2em;
}


/* ------------------
	COLORS
--------------------- */
.text-purple {
	color: #AF1280;
}

.text-yellow {
	color: #FBBA00;
}

.text-offwhite {
	color: #FFFAE6;
}

.text-white {
	color: #FFF;
}

.text-dark {
	color: #330033;
}

.background-purple {
	background-color: #AF1280;
}

.background-purple-transparent {
	background-color: rgba(175, 18, 128, 0.15);
}

.background-offpurple {
	background-color: #f7e7f2;
}

.background-yellow {
	background-color: #FBBA00;
}

.background-offyellow {
	background-color: #FEEAAD;
}

.background-offwhite {
	background-color: #FFFAE6;
}

.background-white {
	background-color: #FFF;
}

.background-dark {
	background-color: #330033;
}

.background-white-transparent {
	background-color: rgba(255, 255, 255, 0.4);
}

/* ------------------
	TYPOGRAPHY
--------------------- */

h1 {
	font-size: 28px;
	line-height: 36px;
	font-weight: 400;
	margin: 0 0 15px;
}

h2 {
	font-size: 20px;
	line-height: 24px;
	font-weight: 700;
}

h3 {
	font-size: 18px;
	line-height: 24px;
	font-weight: 400;
	padding-left: 7px;
	position: relative;
	margin-bottom: 20px;
}

	h3.no-margin {
		margin-bottom: 0;
	}

	h3:before {
		display: block;
		content: " ";
		position: absolute;
		left: 0;
		top: 4px;
		width: 2px;
		height: 15px;
		background-color: #FBBA00;
	}

	.background-purple h3 {
		color: #FFFAE6;
	}

	.background-yellow h3:before {
		background-color: #FFF;
	}

h4 {
	font-size: 18px;
	line-height: 24px;
	font-weight: 600;
	margin: 5px 0;
}

	h4.bold {
		font-weight: 700;
	}

h5 {
	font-size: 16px;
	line-height: 20px;
	font-weight: 600;
}


#page_content {
	position: relative;
}

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

.buurlogos {
	width: 100%;
	text-align: center;
	margin-bottom: 40px;
}

	.buurlogos img {
		height: 130px;
		width: auto;
	}

.partnerlogos {
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}

	.partnerlogos img {
		height: 100px;
		width: auto;
	}

.df_logo {
	font-size: 33px;
	position: relative;
	top: 6px;
}

.df_line {
	margin-top: -10px;
	padding-bottom: 20px;
}

/* ------------------
	BUTTONS
--------------------- */
.btn {
	display: inline-block;
	text-decoration: none;
	cursor: pointer;
	border: 0;
	padding: 10px;
	font-size: 12px;
	line-height: 12px;
	-moz-user-select: none;
	-ms-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	-webkit-appearance: none;
	border-radius: 0;
}

.btn--lg {
	font-size: 15px;
	line-height: 22px;
	padding: 10px 25px;
}

.btn.background-yellow:hover {
	background: rgb(175, 18, 128);
	color: #FFF;
}

.btn.background-purple:hover {
	background: rgb(251, 186, 0);
	color: #FFF;
}

/* ------------------
	HEADER
--------------------- */
.header {
	font-size: 13px;
	font-weight: 600;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
	line-height: 55px;
	box-shadow: 0px 3px 5px hsla(1, 75%, 15%, 0.3);
}

body.admin-bar .header {
	top: 32px;
}

.header,
.header__pusher,
.header__logo,
.menu-hoofdmenu-container,
.header__col {
	height: 55px;
}

.header__menu {
	display: inline-block;
}

	.header__menu li {
		display: inline-block;
		float: left;
	}

	.header__menu li a {
		display: inline-block;
		padding: 0 12px;
		text-transform: uppercase;
		color: #FBBA00;
		text-decoration: none;
		-webkit-transition: color 200ms ease-in-out;
		transition: color 200ms ease-in-out;
		position: relative;
	}

		.header__menu li a:hover {
			color: rgb(255, 250, 230);
		}

	.header__menu li a:after {
		content: " ";
		display: block;
		position: absolute;
		bottom: 0;
		left: 12px;
		right: 12px;
		bottom: 10px;
		width: 0%;
		height: 2px;
		background: rgb(255, 250, 230);
		-webkit-transition: width 400ms linear;
		transition: width 400ms linear;
	}

		.header__menu li a:hover:after {
			width: calc(100% - 12px - 12px);
		}

	.header__col .menu-item-has-children:hover {
		background-color: #AF1280;
	}

	.header__col .menu-item-has-children {
		position: relative;
	}

	.header__col .sub-menu {
		position: absolute;
		top: 55px;
		left: 0;
		width: 140px;
		background-color: #AF1280;
		display: none;
	}

		.header__col .menu-item-has-children:hover .sub-menu {
			display: block;
			box-shadow: 0px 10px 10px hsla(1, 75%, 15%, 0.3);
		}

		.header__col .sub-menu li {
			display: block;
			float: none;
		}

		.menu__mobile .sub-menu {
			font-size: 18px;
			margin-left: 15px;
			line-height: 24px;
		}


.header__logo {
	text-transform: uppercase;
	display: block;
	margin-right: 20px;
	float: left;
}

	.header__logo img {
		min-width: auto;
		max-width: none;
		width: auto;
		margin-right: 6px;
		height: 30px;
		margin-top: 10px;
		display: block;
		float: left;
	}

	.header__logo div {
		float: right;
		margin-left: 8px;
	}

	.header__logo a {
		display: block;
		color: #FFF;
		text-decoration: none;
		cursor: pointer;
	}

.menu-hoofdmenu-container {
	display: inline-block;
}

.menu__mobile {
	position: fixed;
	width: 100%;
	height: calc(100vh - 55px);
	top: 55px;
	left: 0;
	right: 0;
	z-index: 1000;
	background: rgb(255, 250, 230);
	padding: 20px;
	font-size: 20px;
	line-height: 32px;
	-webkit-transform: translateX(110%);
	transform: translateX(110%);
	box-shadow: 4px 0px 20px rgba(0, 0, 0, 0.23);
	-webkit-transition: transform 400ms ease-in-out;
	transition: transform 400ms ease-in-out;
}

	.menu__mobile--visible {
		-webkit-transform: translateX(40%);
		transform: translateX(40%);
	}

.mobile-menu-icon {
	cursor: pointer;
	display: block;
	margin-right: -15px;
	padding-right: 15px;
	font-size: 28px;
}

/* ------------------
	PLAYER
--------------------- */
.stroke.player {
	padding: 20px;
	max-height: 600px;
	overflow: hidden;
	-webkit-transition: max-height 1s ease-in-out;
	transition: max-height 1s ease-in-out;
}

	.stroke.player.collapsed {
		max-height: 120px;
	}

.player h3 {
	margin-bottom: 5px;
	padding-left: 0;
	font-size: 16px;
}

.player h3:before {
	content: none;
}

.player .container {
	min-height: 210px;
}

.player__time {
	font-size: 12px;
	line-height: 12px;
	margin-bottom: 5px;
}

.player__circle__container {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
	speak: none;
	cursor: pointer;
	overflow: hidden;
	z-index: 20;
	float: left;
	margin-right: 20px;
}

.player__circle__background {
	background: rgb(235, 152, 26);
	border-radius: 40px;
	width: 80px;
	height: 80px;
	position: absolute;
	top: 0;
	left: 0;
}

.player__circle__purple-spinner {
	opacity: 0;
	background: rgb(175, 18, 128);
	position: absolute;
	width: 80px;
	height: 80px;
	border-radius: 40px;
	clip: rect(50px, 80px, 80px, 50px);
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg);
	-webkit-transition: opacity 200ms ease-in-out;
	transition: opacity 200ms ease-in-out;
}

	.player__circle--loading .player__circle__purple-spinner,
	.player__circle--playing .player__circle__purple-spinner {
		opacity: 1;
		-webkit-animation: rotating 4s linear infinite;
		animation: rotating 4s linear infinite;
	}

.player__circle__purple-outer-ring {
	background: rgb(175, 18, 128);
	border-radius: 35px;
	width: 70px;
	height: 70px;
	position: absolute;
	top: 5px;
	left: 5px;
	-webkit-transition: transform 300ms ease-in-out;
	transition: transform 300ms ease-in-out;
}

	.player__circle__container:hover .player__circle__purple-outer-ring {
		-webkit-transform: scale(1.143);
		transform: scale(1.143);
	}

.player__circle__white-spinner {
	opacity: 0;
	background: #FFF;
	position: absolute;
	width: 70px;
	height: 70px;
	top: 5px;
	left: 5px;
	border-radius: 35px;
	clip: rect(45px, 70px, 70px, 45px);
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);
	-webkit-transition: opacity 200ms ease-in-out;
	transition: opacity 200ms ease-in-out;
}
	.player__circle--playing .player__circle__white-spinner {
		opacity: 1;
		-webkit-animation: rotating 7s linear infinite;
		animation: rotating 7s linear infinite;
	}

.player__circle__white-ring {
	background: #FFFFFF;
	border-radius: 30px;
	width: 60px;
	height: 60px;
	position: absolute;
	top: 10px;
	left: 10px;
}

.player__circle__purple-inner-ring {
	background: rgb(175, 18, 128);
	border-radius: 29px;
	width: 58px;
	height: 58px;
	position: absolute;
	top: 11px;
	left: 11px;
}

.player__circle__icon__container {
	width: 58px;
	height: 58px;
	position: absolute;
	top: 11px;
	left: 11px;
}

.player__circle__icon {
	position: absolute;
	top: 0;
	left: 0;
	color: rgb(255, 255, 255);
	text-align: center;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: transform 600ms ease-in-out;
	transition: transform 600ms ease-in-out;
}

	.player__circle--paused .player__circle__icon--play,
	.player__circle--loading .player__circle__icon--loading,
	.player__circle--playing .player__circle__icon--pause {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	.player__circle__icon--play {
		font-size: 45px;
		line-height: 54px;
	}

	.player__circle__icon--pause {
		font-size: 42px;
		line-height: 56px;
		margin-left: 1px;
	}

	.player__circle__icon--loading {
		line-height: 56px;
	}

/* Player loading animation */
.spinner {
	width: 58px;
	text-align: center;
}

	.spinner > div {
		width: 10px;
		height: 10px;
		background-color: #FFF;
		border-radius: 100%;
		display: inline-block;
		-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
		animation: bouncedelay 1.4s infinite ease-in-out;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}

	.spinner .bounce1 {
		-webkit-animation-delay: -0.32s;
		animation-delay: -0.32s;
	}

	.spinner .bounce2 {
		-webkit-animation-delay: -0.16s;
		animation-delay: -0.16s;
	}

.player__circle__white-overlay {
	opacity: 0;
	background: #FFF;
	border-radius: 40px;
	width: 80px;
	height: 80px;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: opacity 150ms ease-in-out;
	transition: opacity 150ms ease-in-out;
}

.player__circle--clicked .player__circle__white-overlay {
	opacity: 1;
}

/* Loading animation */
@-webkit-keyframes bouncedelay {
	0%, 80%, 100% { -webkit-transform: scale(0.0) }
	40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
	0%, 80%, 100% {
		transform: scale(0.0);
		-webkit-transform: scale(0.0);
	} 40% {
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
	}
}

/* Rotation animation */
@-webkit-keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.search {
	height: 35px;
	margin-bottom: 15px;
}

.search__input {
	border: 0;
	background: transparent;
	color: rgb(255, 255, 255);
	font-size: 18px;
	line-height: 35px;
	padding: 0 10px;
	width: calc(100% - 35px);
}

.search__button {
	font-size: 0;
	color: rgb(251, 186, 0);
	background: url("../img/search.svg") no-repeat center center;
	width: 35px;
	height: 35px;
	border: 0;
	padding: 15px;
	float: right;
	cursor: pointer;
}

.search ::-webkit-input-placeholder {
   color: rgba(251, 186, 0, 1);
}

.search :-moz-placeholder { /* Firefox 18- */
   color: rgba(251, 186, 0, 1);
}

.search ::-moz-placeholder {  /* Firefox 19+ */
   color: rgba(251, 186, 0, 1);
}

.search :-ms-input-placeholder {
   color: rgba(251, 186, 0, 1);
}

.player__nav {
	font-size: 12px;
	line-height: 18px;
	margin-top: 10px;
	margin-left: -30px;
}

	.player__nav__description {
		margin-bottom: 10px;
	}

	.player__nav__prev,
	.player__nav__next {
		padding: 4px 8px;
		display: inline-block;
		cursor: pointer;
	}

		.player__nav__next {
			float: right;
			margin-left: -15px;
		}

		.player__nav--disabled {
			opacity: 0.5;
			cursor: not-allowed;
		}

.player__collapse {
	color: #AF1280;
	font-size: 10px;
	font-weight: 600;
	cursor: pointer;
	display: inline-block;
}

.player__select__recording {
	display: none;
}

.player__select__recording,
.player__select__stream,
.player__up__next {
	cursor: pointer;
	float: left;
	margin-right: 20px;
	margin-bottom: 30px;
	position: relative;
}

.inactive h4,
.inactive .player__time {
	opacity: 0.3;
	-webkit-transition: opacity 200ms ease-in-out;
	transition: opacity 200ms ease-in-out;
}

.inactive:hover h4,
.inactive:hover .player__time {
	opacity: 1;
}

.player__line:after {
	content: " ";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -9px;
	width: 0%;
	height: 2px;
	background: rgb(175, 18, 128);
	-webkit-transition: width 1s ease-in-out;
	transition: width 1s ease-in-out;
}

	.player__line:hover:after {
		width: 100%;
	}

.row--player {
	overflow: hidden;
	position: relative;
}

.player__waveform {
	position: relative;
	width: 100%;
	padding-bottom: calc(100% / (970 / 80));
	overflow: hidden;
	border-left: 1px solid white;
	border-right: 1px solid white;
}

	.player__waveform__background {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		height: 99%;
		width: 100%;
	}

	.player__waveform__progress {
		height: 99%;
		position: absolute;
		top: 0;
		border-right: 1px solid rgb(175, 18, 128);
	}

	.player__waveform__image {
		width: 100%;
		height: auto;
		display: inline-block;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}

	.player__waveform__time {
		font-size: 10px;
		line-height: 10px;
		position: absolute;
		bottom: 0;
		opacity: 0.4;
	}

	.player__waveform__time--start {
		left: 3px;
	}

	.player__waveform__time--end {
		right: 3px;
	}

.player__footer {
	margin-top: 10px;
	color: #AF1280;
	font-size: 10px;
	line-height: 10px;
	font-weight: 600;
}

.player__markers {
	position: relative;
	width: 100%;
	margin-top: 10px;
}

.player__marker {
	width: 265px;
	height: 60px;
	position: absolute;
	top: 0;
	background-color: rgb(253, 214, 102);
}

.player__marker__content {
	position: relative;
	height: 60px;
}

	.player__marker__line {
		position: absolute;
		left: -1px;
		bottom: 0;
		width: 1px;
		height: 290px;
		background: #FFF;
	}

	.player__marker__image,
	.player__marker__overlay__image,
	.player__marker__edit__tools {
		width: 60px;
		height: 100%;
		display: inline-block;
		float: left;
	}

	.player__marker__text,
	.player__marker__overlay__text {
		display: inline-block;
		float: left;
		width: calc(100% - 60px);
		height: 100%;
		padding: 8px 8px;
		font-size: 12px;
		line-height: 18px;
	}

	.player__marker__overlay {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		opacity: 0;
		-webkit-transition: opacity 200ms ease-in-out;
		transition: opacity 200ms ease-in-out;
	}

		.player__marker:hover .player__marker__overlay {
			opacity: 1;
		}

		.player__marker__overlay__image {
			cursor: pointer;
			background: rgba(175, 18, 128, 0.5) url("../img/play-white.svg") no-repeat center center;
		}

		.player__marker:hover .player__marker__overlay__image {
			background-image: url("../img/play-yellow.svg");
		}

		.player__marker__overlay__text {
			line-height: 35px;
			padding: 0;
		}

		.player__marker__overlay__share {
			display: inline-block;
			padding: 13px 8px;
			text-align: center;
			float: left;
			height: 60px;
			width: 60px;
			-webkit-transition: background-color 300ms ease-in-out;
			transition: background-color 300ms ease-in-out;
		}

		.player__marker__overlay__share--facebook,
		.player__marker__overlay__share--twitter,
		.player__marker__overlay__share--link,
		.player__marker__overlay__share--email {
			width: calc((100% - 60px) / 4);
			cursor: pointer;
		}

		.player__marker__overlay__share--facebook:hover,
		.player__marker__overlay__share--twitter:hover,
		.player__marker__overlay__share--link:hover,
		.player__marker__overlay__share--email:hover {
			background-color: rgba(175, 18, 128, 0.5)
		}

	.player__marker__edit {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		display: none;
		background: white;
	}

		 .player__markers--editing .player__marker__edit {
			display: inline-block;
		}

	.player__marker__edit__textarea {
		width: calc(100% - 60px);
		height: 100%;
		padding: 8px 8px;
		border: none;
		resize: none;
		font-size: 12px;
		line-height: 18px;
		font-family: 'Titillium Web', sans-serif;
	}

	.player__marker__edit__tools {

	}

	.player__marker__edit__tools__button {
		width: 30px;
		height: 30px;
		line-height: 30px;
		display: inline-block;
		float: left;
		text-align: center;
		cursor: pointer;
	}

	.player__marker__edit__delete {
		position: absolute;
		top: 0;
		right: 0;
		color: #AF1280;
		font-weight: bold;
		cursor: pointer;
		height: 16px;
		width: 16px;
		text-align: center;
		line-height: 13px;
	}

	.player__marker__edit__delete:hover {
		background: #AF1280;
		color: #FFF;
	}

/* ------------------
	ITEM
--------------------- */
.item {
	margin-bottom: 25px;
	position: relative;
}

	.item--teaser {
		height: 0;
		padding-bottom: 59.2%;
		-webkit-transition: transform 300ms cubic-bezier(.52,.01,.47,3);
		transition: transform 300ms cubic-bezier(.52,.01,.47,3);
	}

		.item--teaser:hover {
			-webkit-transform: translateY(-5px);
			transform: translateY(-5px);
		}

	.item--teaser:before {
		display: block;
		content: " ";
		background: rgb(175, 18, 128);
		width: 100%;
		height: 10px;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		-webkit-transition: transform 300ms cubic-bezier(.52,.01,.47,3);
		transition: transform 300ms cubic-bezier(.52,.01,.47,3);
	}

	.item--teaser:hover:before {
		-webkit-transform: translateY(5px);
		transform: translateY(5px);
	}

.item h4 {
	margin-bottom: 10px;
	-webkit-transition: color 200ms ease-in-out;
	transition: color 200ms ease-in-out;
}

	.item:hover h4 {
		color: rgb(175, 18, 128);
	}

.item--underline-animation:after {
	content: " ";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: 2px;
	width: 0%;
}

.item--underline-animation:hover:after {
	width: 100%;
	background: rgb(175, 18, 128);
	-webkit-transition: width 3s linear;
	transition: width 3s linear;
}

.item__img {
	margin-bottom: 15px;
	overflow: hidden;
	position: relative;
}

	.item__img img {
		min-width: 100%;
	}

	.item__media__image,
	.item__img {
		background: rgb(175, 18, 128);
	}

	.item__media__image img,
	.item__img img {
		-webkit-transition: opacity 200ms ease-in-out;
		transition: opacity 200ms ease-in-out;
	}

	.item:hover .item__media__image img,
	.item:hover .item__img img {
		opacity: 0.8;
	}

.item__media {
	position: relative;
}

	.item__media__image {
		width: 100%;
		height: 0;
		padding-bottom: 41.89%;
		overflow: hidden;
	}

	.item__media__image img {
		min-width: 100%;
	}

		.full-width .item__media__image {
			padding-bottom: 33.333333%;
		}

		.item--spotlight .item__media__image {
			height: 0;
			padding-bottom: 37.6%;
			overflow: hidden;
		}

		.item--spotlight .thumbnail {
			width: 100%;
			height: 0;
			padding-bottom: 79.28%;
		}

		.item--spotlight .thumbnail img {
			margin-top: -30px;
		}

	.item__description {
		font-size: 12px;
		line-height: 18px;
		padding: 13px 15px 15px 15px;
		min-height: 64px;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
	}

		.item__media .item__media__play {
			width: 50px;
			height: 50px;
			position: absolute;
			bottom: 56px;
			left: 0;
			background-color: #330033;
			background-image: url("../img/play-white.svg");
			background-position: 56% center;
			background-size: 34% auto;
			background-repeat: no-repeat;
		}

		.item__media:hover .item__media__play {
			background-image: url("../img/play-yellow.svg");
		}

		.item__media__overlay .label, .item__media__overlay .lower-label {
			display: inline-block;
			position: absolute;
			top: 0;
			left: 0;
			font-weight: 700;
			font-size: 12px;
			line-height: 20px;
			padding: 2px 7px;
		}

		.item__media__overlay h2 {
			display: inline-block;
			position: absolute;
			top: 24px;
			left: 0;
			padding: 4px 6px;
			height: 32px;
			overflow: hidden;
		}

		.item--spotlight .item__media__overlay .label {
			top: auto;
			bottom: 32px;
		}

		.item--spotlight .item__media__overlay h2 {
			top: auto;
			bottom: 0;
		}


/* ------------------
	SUBMENU HOMEPAGE
--------------------- */

.rg_sub_menu_home {
	background-color: #FFFAE6;
	width: 100%;
	height: 100px;
	margin-bottom: 10px;
	position: relative;
	padding: 0 10px 5px 0;
	overflow: hidden;
	font-size: 12px;
	line-height: 18px;
	color: rgb(51,0,51);
}

.rg_sub_menu_home img {
	width: 100px;
	float: left;
	margin-right: 10px;
}

.rg_sub_menu_home h2 {
	padding-top: 5px;
	color: #333;
	font-size: 15px;
	margin-bottom: 5px;
	font-weight: 600;
	line-height: 19px;
	transition: color 200ms ease-in-out;
}

.rg_sub_menu_home:hover h2 {
	color: #AF1280;
}


/* ------------------
	SUB PAGE NAV
--------------------- */

.rg_sub_menu {
	background-color: rgba(175, 18, 128, 0.15);
	color: rgb(51,0,51);
	width: 100%;
	height: 70px;
	margin-bottom: 10px;
	position: relative;
}

.rg_sub_menu img {
	width: 70px;
	float: left;
	margin-right: 10px;
}

.rg_sub_menu h2 {
	padding-top: 5px;
	color: #333;
	font-size: 15px;
	font-weight: 600;
	line-height: 19px;
	transition: color 200ms ease-in-out;
}

.rg_sub_menu:hover h2 {
	color: #AF1280;
}




/* ------------------
	EPISODE
--------------------- */

.episode_list {
	font-size: 14px;
	margin-top: 10px;
}

.episode_meta_editor {
	display: none;
}

.edit_episode_meta {
	font-weight: 600;
	font-size: 10px;
	line-height: 10px;
	clear: both;
	margin-bottom: 10px;
	width: 100%;
	display: inline-block;
}

.save_episode_meta_button {
	display: none;
	cursor: pointer;
	float: right;
}

.edit_episode_meta_button {
	cursor: pointer;
	float: right;
}

.meta_editor_shownotes {
	height: 100px;
}

/* ------------------
	TRACKS
--------------------- */

.track {
	margin-bottom: 25px;
	position: relative;
}

	.track--teaser {
		height: 0;
		padding-bottom: 100%;
		-webkit-transition: transform 300ms cubic-bezier(.52,.01,.47,3);
		transition: transform 300ms cubic-bezier(.52,.01,.47,3);
	}

		.track--teaser:hover {
			-webkit-transform: translateY(-5px);
			transform: translateY(-5px);
		}

	.track--teaser:before {
		display: block;
		content: " ";
		background: rgb(175, 18, 128);
		width: 100%;
		height: 10px;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		-webkit-transition: transform 300ms cubic-bezier(.52,.01,.47,3);
		transition: transform 300ms cubic-bezier(.52,.01,.47,3);
	}

	.track--teaser:hover:before {
		-webkit-transform: translateY(5px);
		transform: translateY(5px);
	}

.track__media {
	position: relative;
}

.track__image {
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	overflow: hidden;
	position: relative;
	background: #af1280;
}

.track__overlay .label {
	display: inline-block;
	position: absolute;
	bottom: 32px;
	left: 0;
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	padding: 2px 7px
}

.track__overlay h2 {
	display: inline-block;
	position: absolute;
	bottom: 0px;
	left: 0;
	padding: 4px 6px;
	height: 32px;
	overflow: hidden;
}

	.track__image img {
		min-width: 100%;
	}

	.track__image {
		background: rgb(175, 18, 128);
	}

	.track__image img {
		-webkit-transition: opacity 200ms ease-in-out;
		transition: opacity 200ms ease-in-out;
	}

	.track:hover .track__image img {
		opacity: 0.8;
	}


.spotlight__list, .archive__list {
	margin-bottom: 30px;
}

	.spotlight__list li, .archive__list li {
		margin-bottom: 10px;
		font-size: 16px;
		line-height: 24px;
	}

	.spotlight__list img,
	.archive__list img {
		min-width: 100%;
		-webkit-transition: opacity 200ms ease-in-out;
		transition: opacity 200ms ease-in-out;
	}

	.spotlight__list a .box.text-dark {
		-webkit-transition: color 200ms ease-in-out;
		transition: color 200ms ease-in-out;
	}

	.spotlight__list a:hover .box.text-dark {
		color: rgb(175, 18, 128);
	}

	.spotlight__list a:hover img {
		opacity: 0.8;
	}

.spotlight__dropdown__toggle, .archive__dropdown__toggle {
	cursor: pointer;
}

.spotlight__dropdown, .archive__dropdown {
	line-height: 30px;
	padding: 10px;
	display: none;
	margin-bottom: 10px;
	margin-top: -10px;
}

	.spotlight__dropdown a, .archive__dropdown a {
		color: #330033;
		text-decoration: none;
	}

.archive__dropdown__open {
	display: block !important;
}

.spotlight__dropdown__icon, .archive__dropdown__icon {
	font-size: 24px;
	line-height: 34px;
}

.archive__dropdown a {
	-webkit-transition: color 200ms ease-in-out;
	transition: color 200ms ease-in-out;
}

.archive__dropdown a:hover {
	color: rgb(175, 18, 128);
}

.nieuwsinaalsmeer {
	line-height: 32px;
	font-size: 11px;
}

	.nieuwsinaalsmeer img {
		min-width: auto;
		max-width: none;
		width: 150px;
		margin: -5px 0 0 5px;
	}

.cultuurpuntaalsmeer {
	line-height: 32px;
	font-size: 11px;
}

	.cultuurpuntaalsmeer img {
		min-width: auto;
		max-width: none;
		width: 100px;
		margin: -5px 0 0 10px;
	}


.row {
	position: relative;
}

.row.lokaal-nieuws .item {
	height: 350px;
	overflow: hidden;
}

.row.agenda .item {
	height: 300px;
	overflow: hidden;
}

.row.programma-nieuws .item {
	height: 355px;
	overflow: hidden;
}

.row.nieuws-archief .item {
	height: 400px;
	overflow: hidden;
}

.row.nieuws-archief-legacy .item {
	height: 280px;
	overflow: hidden;
}

.row.video-archief .item {
	height: 340px;
	overflow: hidden;
}

.row.single-news-more .item {
	height: 350px;
	overflow: hidden;
}

.row.pagination {
	margin-bottom: 40px;
}

.pagination a {
	-webkit-transition: opacity 200ms ease-in-out;
	transition: opacity 200ms ease-in-out;
}

.pagination a:hover {
	opacity: 0.5;
}

.pagination h2 {
	display: none;
}

.nav-links {
	width: 100%;
	margin: 20px 0;
	text-align: center;
}

.nav-links .next {
	float: right;
}

.nav-links .prev {
	float: left;
}

/* ------------------
	TWITTER TICKER
--------------------- */
.twitterticker {
	/*overflow: hidden;*/
}

.twitterticker h3 {
	margin-bottom: 0;
	display: block;
	margin-bottom: 10px;
}

.tweets {
	display: inline-block;
	margin-top: 3px;
	width: 100%;
	height: 60px;
}

.tweets__tweet {
	position: relative;
}

.twitterticker__share {
	display: inline-block;
	font-size: 20px;
}

	.twitterticker__share a {
		-webkit-transition: opacity 200ms ease-in-out;
		transition: opacity 200ms ease-in-out;
	}

	.twitterticker__share a:hover {
		opacity: 0.5;
	}

.tweets__tweet > img {
	width: 40px;
	height: 40px;
	display: inline-block;
	margin-right: 10px;
	min-width: auto;
	max-width: none;
	vertical-align: top;
}

.tweet__meta {
	line-height: 14px;
	font-size: 14px;
	margin-bottom: 5px;
}

.tweet__content {
	width: calc(100% - 60px);
	display: inline-block;
	height: 40px;
}

.tweets .snapchat-overlay .overlay {
	top: -280px;
	right: 0px;
	left: auto;
}

.tweets .overlay__image {
	width: auto;
	float: none;
}

.tweets .snapchat-overlay:hover .overlay {
	height: 270px;
	text-align: center;
}

.tweets .overlay__image img {
	max-height: 250px;
}


/* ------------------
	NEWS
--------------------- */

.news__header {
	padding-left: 0;
}

.news__header .item__media__overlay .label {
	top: auto;
	bottom: 20px;
	left: 20px;
}

.news__header .item__media__overlay h2 {
	top: auto;
	bottom: 20px;
	left: 20px;
}

.news__header .item__media__overlay .share__links {
	position: absolute;
	top: auto;
	bottom: 20px;
	right: 30px;
	background-color: rgba(0, 0, 0, 0.4);
	padding: 5px 10px 5px 15px;
	font-size: 16px;
	line-height: 30px;
}

	.news__header .item__media__overlay .share__links i {
		font-size: 24px;
	}


.news__navigation {
	font-size: 12px;
	line-height: 14px;
	height: 100%;
	position: absolute;
	right: 0;
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

	.news__navigation div {
		-ms-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		padding: 15px;
		transition: background 200ms ease-in-out;
		-webkit-transition: background 200ms ease-in-out;
	}

		.news__navigation div:hover {
			background: rgba(251, 186, 0, 0.6);
		}

	.news__navigation a {
		text-decoration: none;
	}

/*.news-col {
	width: calc( ( 100% / 1.3333333333 ) + 15px );
	margin-right: -15px;
	margin-left: -15px;
	position: relative;
	min-height: 1px;
	float: left;
}

.news_item {
	float: left;
	width: calc(100% / 3);
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	height: 400px;
}*/


.news__archive h2 {
	font-size: 16px;
	line-height: 24px;
	padding: 0;
	margin: 0;
}

.news__archive ul {
	list-style: none;
	margin: 10px -15px -10px;
	padding: 10px;
	background-color: #F7E7F2;
}

.news__archive li {
	line-height: 30px;
}

.news__archive a {
	text-decoration: none;
	color: #330033;
}


/* ------------------
	VIDEO
--------------------- */


.video__navigation {
	height: 100%;
	position: absolute;
	right: 0;
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

	.video__navigation div {
		-ms-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		padding: 15px;
		transition: background 200ms ease-in-out;
		-webkit-transition: background 200ms ease-in-out;
	}


.share__video__links {
	background-color: rgb(175, 18, 128);
	padding: 5px 20px;
	font-size: 18px;
	line-height: 36px;
	display: inline-flex;
	margin: 10px 0;
}

	.share__video__links a,
	.share__video__links	span {
		color: rgba(255, 255, 255, 0.5);
		cursor: pointer;
		-webkit-transition: color 200ms ease-in-out;
		transition: color 200ms ease-in-out;
	}

	.share__video__links a:hover,
	.share__video__links	span:hover {
		color: rgba(255, 255, 255, 1);
	}

	.share__video__links i {
		font-size: 24px;
	}


/* ------------------
	PAGE
--------------------- */

.full-width .item__media__overlay .label {
	top: auto;
	bottom: 50px;
	left: 20px;
}

	.full-width .item__media__overlay .label--bottom {
		bottom: 20px;
	}

.full-width .item__media__overlay .lower-label {
	top: auto;
	bottom: 20px;
	left: 20px;
}

.full-width .item__media__overlay h2 {
	top: auto;
	bottom: 18px;
	left: 20px;
	font-size: 24px;
}

.full-width .item__media__overlay .share__links {
	position: absolute;
	top: auto;
	bottom: 18px;
	right: 20px;
	background-color: rgba(0, 0, 0, 0.4);
	padding: 5px 10px 5px 15px;
	font-size: 14px;
	line-height: 30px;
}

	.item__media__overlay .share__links a,
	.item__media__overlay .share__links	span {
		color: rgba(255, 255, 255, 0.5);
		cursor: pointer;
		-webkit-transition: color 200ms ease-in-out;
		transition: color 200ms ease-in-out;
	}

	.item__media__overlay .share__links a:hover,
	.item__media__overlay .share__links	span:hover {
		color: rgba(255, 255, 255, 1);
	}

	.full-width .item__media__overlay .share__links i {
		font-size: 24px;
	}

	.share__links__hover {
		height: 0;
		overflow: hidden;
		opacity: 0;
		-webkit-transition: opacity 400ms ease-in-out;
		transition: opacity 400ms ease-in-out;
	}

	.share__links:hover .share__links__hover {
		opacity: 1;
		position: absolute;
		bottom: -20px;
		right: 0;
		background: rgba(0, 0, 0, 0.4);
		height: 20px;
		line-height: 10px;
		font-size: 12px;
		width: 100%;
		text-align: right;
		padding-right: 13px;
	}

.next__broadcast h2,
.previous__broadcasts h2,
.program__links h2 {
	font-size: 16px;
	line-height: 24px;
	padding: 0;
	margin: 0;
}

.next__broadcast span.sub-header,
.previous__broadcasts span.sub-header {
	font-size: 12px;
}


.previous__broadcasts ul {
	list-style: none;
	margin: 10px -15px -10px;
	padding: 10px;
	background-color: #F7E7F2;
}

.previous__broadcasts li,
.program__links li {
	line-height: 30px;
}

.previous__broadcasts a,
.program__links a {
	text-decoration: none;
	color: #330033;
	-webkit-transition: color 200ms ease-in-out;
	transition: color 200ms ease-in-out;
}

.previous__broadcasts a:hover,
.program__links a:hover {
	color: rgb(175, 18, 128);
}

.previous__broadcasts li em {
	color: #330033;
	display: block;
	margin-left: 20px;
	width: calc(100%-20px);
	line-height: 16px;
	margin-bottom: 4px;
}

.program__links h2 {
	margin-bottom: 5px;
}

.content-text table {
	border-collapse: collapse;
	margin-bottom: 20px;
	border: none;
	border-bottom: 2px solid #fffae6;
}

.content-text td {
	padding: 3px 10px;
}

.content-text tr:nth-child(odd) {
	background: #fffae6;
}

.content-text tr:nth-child(even) {
	background: #fff;
}


#wrapper input[type="text"].rg_video_title {
	color: #AF1280;
	font-size: 28px;
	line-height: 36px;
	font-weight: 400;

}

#wrapper textarea.rg_video_description {
	font-size: 17px;
}

#wrapper input[type="radio"] {
	margin-right: 5px;
	height: 30px;
	vertical-align: middle;
}

/* ------------------
	AGENDA
--------------------- */

.agenda .item__media__overlay .label {
	top: auto;
	bottom: 0;
	left: 0;
}

.agenda .item__description {
	position: relative;
}

.agenda__navigation {
	font-size: 12px;
	line-height: 14px;
	height: 100%;
	position: absolute;
	right: 0;
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

	.agenda__navigation .box {
		-ms-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}

.single-agenda-more .item {
	height: 290px;
}

	.single-agenda-more .item__description {
		top: 40%;
	}

.item__date {
	padding: 1px 7px;
	font-size: 10px;
	margin-right: 5px;
	position: absolute;
	bottom: 0;
	left: 0;
	font-weight: 700;
}

/* ------------------
	EPG
--------------------- */

.epg__tabs {
	width: 100%;
	float: none;
	list-style: none;
	padding: 0;
	margin: 25px auto;
	border-bottom: 1px solid #fbba00;
}

.epg__tabs:after {
	content: '';
	display: table;
	clear: both;
}

.epg__tabs input[type=radio] {
	display:none;
}

.epg__tabs label {
	display: block;
	padding: 10px 15px;
	float: left;
	width: 14.2857%;
	color: #fbba00;
	font-size: 18px;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	line-height: 24px;
	cursor: pointer;
	-webkit-transition: all 0.5s; /* Safari 3.1 to 6.0 */
	transition: all 0.5s;
}

.epg__tabs label i {
	padding: 5px;
	margin-right: 0;
}

.epg__tabs label:hover {
	color: #af1280;
}

.epg__tabs__content {
	display: none;
	width: 100%;
	float: left;
	padding: 15px;
	box-sizing: border-box;
}

.epg__tabs__content a {
	text-decoration: none;
}

.epg__tabs [id^="epg__"]:checked + label {
	color: #af1280;
	background: rgb(254, 234, 173);
}

#epg__maandag:checked ~ #epg__tab__maandag,
#epg__dinsdag:checked ~ #epg__tab__dinsdag,
#epg__woensdag:checked ~ #epg__tab__woensdag,
#epg__donderdag:checked ~ #epg__tab__donderdag,
#epg__vrijdag:checked ~ #epg__tab__vrijdag,
#epg__zaterdag:checked ~ #epg__tab__zaterdag,
#epg__zondag:checked ~ #epg__tab__zondag {
	display: block;
}


.epg__item {
	width: 100%;
	margin: 10px 0;
	display: inline-flex;
	vertical-align: top;
}

	.epg__item .item__media__image,
	.epg__item .item__media {
		background: rgb(175, 18, 128);
		width: 380px;
	}

	.epg__item img {
		float: left;
		-webkit-transition: opacity 200ms ease-in-out;
		transition: opacity 200ms ease-in-out;
	}

		.epg__item:hover img {
			opacity: 0.8;
		}

	.epg__item .item__media__overlay h2 {
		bottom: 0;
		top: auto;
	}

	.epg__item .item__media__play {
		width: 40px;
		height: 40px;
		position: absolute;
		bottom: 32px;
		left: 0;
		background-color: #330033;
		background-image: url("../img/play-white.svg");
		background-position: 56% center;
		background-size: 32% auto;
		background-repeat: no-repeat;
	}

	.epg__item:hover .item__media__play {
		background-image: url("../img/play-yellow.svg");
	}

.epg__item__text {
	float: left;
	width: 100%;
}

	.epg__item__text h1 {
		line-height: 36px;
		font-size: 16px;
		margin: 0;
		padding-left: 10px;
		position: relative;
		width: 100%;
	}

	.epg__item__text p {
		color: #330033;
		padding: 10px;
		height: calc(100% - 36px);
	}


/* ------------------
	PROGRAMMA PAGE
--------------------- */

input[type="text"]#filter__terms {
	border: none;
	line-height: 50px;
	font-size: 18px;
	padding: 0 15px;
	background: rgb(253, 236, 187);
}

input[type="text"]#filter__terms::-webkit-input-placeholder,
input[type="text"]#search__input__big::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: rgb(251, 186, 0);
}

input[type="text"]#filter__terms:-moz-placeholder,
input[type="text"]#search__input__big:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: rgb(251, 186, 0);
   opacity:  1;
}

input[type="text"]#filter__terms::-moz-placeholder,
input[type="text"]#search__input__big::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: rgb(251, 186, 0);
   opacity:  1;
}

input[type="text"]#filter__terms:-ms-input-placeholder,
input[type="text"]#search__input__big:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: rgb(251, 186, 0);
}

.program-tag {
	cursor: pointer;
}

/* ------------------
	SEARCH PAGE
--------------------- */

#search__input__big {
	width: calc( 100% - 80px );
	border: none;
	line-height: 50px;
	font-size: 18px;
	padding: 0 15px;
	margin-bottom: 20px;
	background: rgb(253, 236, 187);
}

#search__button__big {
	height: 50px;
	width: 80px;
	font-size: 20px;
	line-height: 50px;
	color: rgb(251, 186, 0);
	border: 0;
	float: right;
	cursor: pointer;
	background-color: rgb(253, 236, 187);
}

button#search__button__big:before {
	font-family: "radioaalsmeer-icons";
	font-style: normal;
	font-weight: normal;
	speak: none;

	content:'\e80d';

	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;

	/* For safety - reset parent styles, that can break glyph codes*/
	font-variant: normal;
	text-transform: none;

	/* fix buttons height, for twitter bootstrap */
	line-height: 1em;

	/* Animation center compensation - margins should be symmetric */
	/* remove if not needed */
	margin-left: .2em;
}

.search__results ul {
	margin-bottom: 10px;
}

.search__results h3 {
	margin-top: 20px;
}

.search__results .news_item {
	height: 270px;
}

.search__filter {
	text-align: center;
	width: 100%;
}

.search__filter label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 25px;
	margin-right: 15px;
	font-size: 13px;
}

	.search__filter__xs label {
		display: table;
		margin-bottom: 2px;
		padding-left: 10px;
	}


.search__filter input[type=radio] {
	display: none;
}

.search__filter label:before {
	font-family: "radioaalsmeer-icons";
	font-style: normal;
	font-weight: normal;
	speak: none;

	content: '\f10c';

	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;

	/* For safety - reset parent styles, that can break glyph codes*/
	font-variant: normal;
	text-transform: none;

	/* fix buttons height, for twitter bootstrap */
	line-height: 1em;

	/* Animation center compensation - margins should be symmetric */
	/* remove if not needed */
	margin-left: .2em;
}

.search__filter input[type=radio]:checked + label:before {
	content: '\e880';
}

.search__big ::-webkit-input-placeholder {
	color: rgb(251, 186, 0);
}

.search__big :-moz-placeholder { /* Firefox 18- */
	color: rgb(251, 186, 0);
}

.search__big ::-moz-placeholder {  /* Firefox 19+ */
	color: rgb(251, 186, 0);
}

.search__big :-ms-input-placeholder {
	color: rgb(251, 186, 0);
}

.broadcast_description span {
	margin-top: 10px;
}

/* ------------------
	EPISODE EDIT
--------------------- */

#wrapper input.episode_info {
	width: calc( 100% - 120px );
	margin: 20px 10px;
}

.edit_broadcast_description {
	display: none;
}


/* ------------------
	 EDIT MARKERS
--------------------- */
.edit-markers {
	display: none;
	text-align: right;
}

.edit-markers__start-edit,
.edit-markers__start-add,
.edit-markers__start-save {
	display: inline-block;
	cursor: pointer;
	margin-left: 5px;
}

.edit-markers__start-add,
.edit-markers__start-save {
	display: none;
}

.edit-markers--editing .edit-markers__start-add,
.edit-markers--editing .edit-markers__start-save {
	display: inline-block;
}

.edit-markers--editing .edit-markers__start-edit {
	display: none;
}

/* ------------------
	SNAPCHAT OVERLAY
--------------------- */
.snapchat-overlay {
	position: relative;
	cursor: pointer;
}

.snapchat-overlay .overlay {
	position: absolute;
	opacity: 0;
	display: inline-block;
	top: -90px;
	left: -275px;
	width: 270px;
	height: 0;
	padding: 10px 15px;
	box-shadow: 0 0 20px rgba(175, 18, 128, 0.2);
	-webkit-transition: height 0ms, opacity 300ms ease-in-out;
	transition: height 0ms, opacity 300ms ease-in-out;
}

	.snapchat-overlay:hover .overlay {
		opacity: 1;
		height: 150px;
	}

.overlay__text {
	width: 50%;
	display: inline-block;
	line-height: 20px;
	float: left;
	padding-right: 10px;
}

	.main_overlay .overlay__text {
		width: 100%;
		float: left;
	}

.overlay__image {
	width: 50%;
	display: inline-block;
	float: left;
}

.main__overlay {
	display: none;
	z-index: 100;
	position: fixed;
	top: calc(50vh - 75px);
	left: calc(50vw - 130px);
	width: 270px;
	height: 150px;
	padding: 10px 15px;
	cursor: pointer;
	box-shadow: 0 0 20px rgba(175, 18, 128, 0.2);
}

	.main__overlay__close {
		float: right;
		font-weight: bold;
		font-size: 22px;
	}

	.main__overlay.overlay--visible {
		display: inline-block;
	}

	.main__overlay__text {
		position: absolute;
		top: calc( 50% - 10px );
	}


/* ------------------
	WIDGET (organisatie pagina)
--------------------- */
.widget {
	margin-bottom: 40px;
}

.widget__title {
	padding: 10px 15px;
}

.widget__image {
	height: 0;
	background-color: #4640a4;
	padding-bottom: 36%;
}

.widget__content {
	padding: 10px 15px;
}

/* ------------------
	FOOTER
--------------------- */
.stroke.footer {
	padding: 35px 0 55px 0;
}

.stroke.footer p {
	font-size: 14px;
	line-height: 22px;
}

.footer__menu {
	margin: 10px;
	font-size: 12px;
	text-align: center;
}

	.footer__menu li {
		display: inline-block;
		flex: left;
		margin-right: 10px;
	}

	.footer__menu li a {
		display: inline-block;
		padding: 0 12px;
		text-decoration: underline;
		color: #330033;
	}

.footer__logo {
}

/* ------------------
	Login layouts
--------------------- */

table.tml-form-table {
	border-collapse: collapse;
	margin-bottom: auto;
	border: none;
	border-bottom: none;
}

.tml-form-table td {
	padding: 10px 0;
}

.tml-form-table tr:nth-child(odd) {
	background: none;
}

.tml-form-table tr:nth-child(even) {
	background: none;
}


.tml-form-table {
	width: 320px;
}

.tml {
	max-width: 320px;
}

.tml * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.tml .error,
.tml .message {
	color: #333;
	padding: 0.5em;
}

.tml .error {
	border: 1px solid #c00;
	background-color: #ffebe8;
}

.tml .message {
	border: 1px solid #e6db55;
	background-color: #ffffe0;
}

.tml p {
	margin: 20px 0;
	padding: 0;
}

.tml label {
	display: block;
	text-align: left;
	float: left;
}

.tml .tml-rememberme-wrap label {
	display: inline;
}

.tml input,
.tml textarea,
.tml select {
	margin: 0.5em 0;
	width: 100%;
}

.tml input[type="checkbox"],
.tml input[type="radio"],
.tml .tml-rememberme-wrap input {
	vertical-align: middle;
	width: auto;
	float: left;
	margin-right: 10px;
}

.tml .tml-action-links {
	display: inline-block;
	list-style: none;
	margin: 0.5em auto;
	padding: 0;
}

.tml .tml-action-links li {
	border: none;
	border-right: 1px solid rgba(0, 0, 0, 0.1);
	float: left;
	line-height: 1;
	list-style: none;
	margin: 0 0.5em 0 0;
	padding: 0 0.5em 0 0;
}

.tml .tml-action-links li:last-child {
	border-right: none;
	margin-right: 0;
	padding-right: 0;
}

.tml .tml-action-links a {
	border: none;
	display: block;
	padding: 0;
	text-decoration: none;
}

.tml .tml-rememberme-submit-wrap:before,
.tml .tml-rememberme-submit-wrap:after,
.tml .tml-action-links:before,
.tml .tml-action-links:after {
	content: " ";
	display: table;
}

.tml .tml-rememberme-submit-wrap:after,
.tml .tml-action-links:after {
	content: " ";
	clear: both;
}

.tml .tml-user-avatar {
	text-align: left;
}

.mu_register .hint {
	font-size: 12px;
	margin-bottom: 10px;
	display: block;
}

.mu_register label.checkbox {
	display: inline;
}

#pass-strength-result {
	background-color: #eee;
	border: 1px solid #ddd;
	color: #23282d;
	font-weight: 600;
	margin: 0;
	padding: 3px 5px;
	text-align: center;
	width: 100%;
	opacity: 0;
}

#pass-strength-result.short {
	background-color: #f1adad;
	border-color: #e35b5b;
	opacity: 1;
}

#pass-strength-result.bad {
	background-color: #fbc5a9;
	border-color: #f78b53;
	opacity: 1;
}

#pass-strength-result.good {
	background-color: #ffe399;
	border-color: #ffc733;
	opacity: 1;
}

#pass-strength-result.strong {
	background-color: #c1e1b9;
	border-color: #83c373;
	opacity: 1;
}

.pw-weak {
	display:none;
	text-align: left;
}

.pw-weak th {
	margin-bottom: 5px;
}

.indicator-hint {
	padding-top: 8px;
}

#pass1,
#pass1-text {
	width: 100%;
}

#pass1-text,
.show-password #pass1 {
	display: none;
}

.show-password #pass1-text
{
	display: inline-block;
}


/* -------------------
	Pincode entry
---------------------- */

@font-face {
  font-family: "pincode-input-mask";
  src: url(data:font/woff;charset:utf-8;base64,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) format("woff");
}


.pinbox {
	line-height: 52px;
	padding: 10px 20px;
	display: inline-flex;
}

.pincode-input-text-masked {
  font-family: pincode-input-mask !important;
}

.pincode-input-container.touch .pincode-input-text-masked {
  letter-spacing:24px !important;
}

.pincode-input-container {
	display:inline-block;
}
.pincode-input-container input.first {
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;
}
.pincode-input-container input.last {
	border-top-left-radius:0px;
	border-bottom-left-radius:0px;
	border-left-width:0px;
}
.pincode-input-container input.mid {
	border-radius:0px;
	border-left-width:0px;
}
.pincode-input-text, .form-control.pincode-input-text {
	width:35px !important;
	float:left !important;
	text-align: center !important;
}
.pincode-input-error{
	clear:both;
}

.pincode-input-container.touch .touchwrapper{
	position:relative !important;
	height:52px !important;
	overflow:hidden !important;
}
.pincode-input-container.touch .touchwrapper .pincode-input-text{
	position: absolute !important;
    top: 0px !important;
    left: 0px !important;
    right: 0px !important;
    width: 100% !important;
    display: block !important;
    padding: 1px 0 1px 12px !important;
    background-color:transparent !important;
    background:transparent !important;
    letter-spacing:22px !important;
    text-align: left !important;
    line-height: 48px !important;
    font-size: 100% !important;
}


/*
	On every digit we use the letter-spacing of the above textbox to determine the table background
*/
.pincode-input-container.touch .touchwrapper.touch1{width:40px;}
.pincode-input-container.touch .touchwrapper.touch2{width:65px;}
.pincode-input-container.touch .touchwrapper.touch3{width:90px;}
.pincode-input-container.touch .touchwrapper.touch4{width:120px;}
.pincode-input-container.touch .touchwrapper.touch5{width:150px;}
.pincode-input-container.touch .touchwrapper.touch6{width:175px;}
.pincode-input-container.touch .touchwrapper.touch7{width:205px;}
.pincode-input-container.touch .touchwrapper.touch8{width:235px;}
.pincode-input-container.touch .touchwrapper.touch9{width:260px;}


.pincode-input-container.touch .touchwrapper .touchtable{
	width: 100%;
    height: 100%;
    table-layout:fixed;
}
.pincode-input-container.touch .touchwrapper .touchtable td{
	border-right:1px solid #ccc;
}
.pincode-input-container.touch .touchwrapper .touchtable td.last{
	border-right:0;
}


/* ------------------
	RESPONSIVE: TML
--------------------- */

@media screen and (min-width: 768px) {
	.tml .tml-submit-wrap input {
		width: auto;
	}

	.tml-login .tml-rememberme-submit-wrap {
		display: table;
		margin-bottom: 1.5em;
		width: 100%;
	}

	.tml-login .tml-rememberme-wrap {
		display: table-cell;
	}

	.tml-login .tml-rememberme-wrap input {
		margin: 0;
	}

	.tml-login .tml-submit-wrap {
		display: table-cell;
		text-align: right;
	}

	.tml-login .tml-submit-wrap input {
		margin: 0;
		width: auto;
	}
}


/* ------------------
	RESPONSIVE: MD
--------------------- */
@media (max-width: 1200px) {
	.header__menu li a {
		padding: 0 4px;
	}

	.header__menu li a:after {
		left: 4px;
		right: 4px;
	}

		.header__menu li a:hover:after {
			width: calc(100% - 4px - 4px);
		}
}

/* ------------------
	RESPONSIVE: SM
--------------------- */
@media (max-width: 992px) {

	.player__marker {
		position: relative !important;
		left: auto !important;
		top: auto !important;
		margin-bottom: 10px;
	}

	.player__marker__line {
		display: none;
	}

	.player__select__recording {
		margin-bottom: 30px;
	}

	.item--teaser {
		height: 0;
		padding-bottom: 55.8952%;
		overflow: hidden;
	}

}


/* ------------------
	RESPONSIVE: XS
--------------------- */
@media (max-width: 767px) {

	body.admin-bar {
		padding-top: 46px;
	}

	body {
		padding-top: 55px;
	}

	.header__pusher {
		height: 0;
	}

	.row.lokaal-nieuws .item,
	.row.agenda .item,
	.row.programma-nieuws .item,
	.row.nieuws-archief .item,
	.row.video-archief .item,
	.row.nieuws-archief-legacy .item,
	.row.single-news-more .item {
		height: auto;
		overflow: visible;
	}

	.row .item--teaser {
		height: auto;
		overflow: hidden;
		padding-bottom: 0;
	}

	.row .item__description {
		position: relative;
	}

	.stroke.player {
		padding: 20px 0;
	}

	.player__nav {
		margin-left: -15px;
	}

	.player__waveform {
		overflow: visible;
		margin-bottom: 15px;
	}

	.player__waveform__time {
		bottom: -8px;
	}

	.player__circle {
		right: 15px;
	}

	.player__items {
		height: 100px;
		overflow: hidden;
	}

	.row.lokaal-nieuws div:nth-child(3),
	.row.lokaal-nieuws div:nth-child(4) {
		display: none;
	}

	.row.programma-nieuws div:nth-child(3),
	.row.programma-nieuws div:nth-child(4) {
		display: none;
	}

	.spotlight-bg {
		height: 100px;
	}

	.twitterticker {
		padding: 20px;
	}

	.twitterticker h3 {
		margin-right: 0;
	}

	.item__media.full-width {
		margin-bottom: 58px;
	}

	.full-width .item__media__overlay .share__links {
		bottom: -50px;
		right: 0px;
		background-color: rgb(255, 250, 230);
		z-index: 5;
		width: 100%;
		text-align: right;
		color: rgb(51, 0, 51);
	}

	.share__links__hover {
		height: auto;
		opacity: 1;
	}

	.share__links .share__links__hover {
		display: inline-block;
		background-color: rgb(255, 250, 230);
		font-size: 13px;
		line-height: 13px;
	}

	.item__media__overlay .share__links a,
	.item__media__overlay .share__links	span {
		color: rgb(51, 0, 51);
	}

	.epg__item__text h1 {
		position: relative;
		overflow: hidden;
	}

	.epg__item .item__media__play {
		top: -2px;
		left: auto;
		right: 0;
	}

}