:focus {
    outline: none;
}
select::-ms-expand {
    display: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
}
img {
    display: block;
}
ul,
ol,
li {
    list-style: none;
}
figure {
    margin: 0;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
* {
    margin: 0;
    padding: 0;
}
html {
    font-size: 62.5%;
    scroll-behavior: smooth;
}
body {
    font-size: 1.6rem;
    font-weight: 400;
    font-family: "roboto condensed", sans-serif;
    line-height: 1.5;
    background-color: #fff5ea;
    	/* Tijs */
    background-color: white;
    	/* Tijs */
    background-color: #fffaf6;    
    color: #555555;
    	/* Tijs */
    color: #666;
}
@media screen and (max-width: 480px) {
    body {
        font-size: 1.52rem;
    }
}
body.nav-on,
body.search-on {
	/* Tijs - scrollbar gewoon zichtbaar houden, anders verschuiven elementen op de pagina */
    verflow: hidden;
}
body.home .loader {
    position: relative;
}
body.home .loader:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff5ea;
	/* Tijs */
    background-color: #fffaf6;
    background-image: url(../../img/icon-loader.svg);
    background-position: center 10rem;
    background-repeat: no-repeat;
    opacity: 1 !important;
    z-index: 9999999;
    display: block;
    content: "";
}
a {
    text-decoration: none;
    color: #555555;
    	/* Tijs */
    color: #666;
}
a:link,
a:visited,
a:active {
    text-decoration: none;
    color: #555555;
    	/* Tijs */
    color: #666;
}
a:hover {
    text-decoration: underline;
    color: black;
}
.title-bar {
    margin-top: 1.6rem;
    	/* Tijs - video lekker dicht op titel */
    margin-bottom: 1.6rem; 
}

	/* Tijs */
.single .title-bar {
    	/* Tijs - video lekker dicht op titel */
    margin-bottom: -1.6rem;
}

@media screen and (min-width: 480px) {
    .title-bar {
        min-height: 6rem;
    }
}
.title-bar h1,
.title-bar h2,
.title-bar h3 {
    line-height: 1;
    margin-bottom: 0 !important;
}
.url {
    font-family: "roboto condensed", sans-serif;
    font-weight: 400;
}
.block {
    margin-top: 3.2rem;
}
.block > h3 {
    font-size: 3.2rem;
}

/* ------------------------------------------------------------------------------------------------ */

@media screen and (max-width: 480px) {
    .block > h3 {
        font-size: 2.24rem;
    }
}
.widget_text img {
	max-width: 100%;
	height: auto;
}
/* ------------------------------------------------------------------------------------------------ */

@media screen and (min-width: 600px) {
    .row .col.col--3 {
    		/* Tijs */
        eight: 60%;
        	/* Tijs - twee kolommen */
        width: calc(50% - 3.3rem);
        float: left;
        margin-right: 3.2rem;
    }
}

@media screen and (min-width: 768px) {
    .row {
        argin-left: -3.2rem;
        argin-right: -3.2rem;
        idth: calc(100% + 6.4rem);
    }
    .row::after {
        clear: both;
        content: "";
        display: block;
    }
}
@media screen and (min-width: 769px) {
    .row .col.col--1 {
        min-height: 1px;
        width: calc(8.3333333333% - 3.4444444667rem);
        float: left;
        margin-left: 3.2rem;
    }
    .row .col.col--2 {
        min-height: 1px;
        width: calc(16.4444446667% - 3.7333333333rem);
        float: left;
        margin-left: 3.2rem;
    }
    .row .col.col--3 {
        eight: 60%;
        min-height: 1px;
        	/* Tijs - vier kolommen */
        width: calc(25% - 3.3rem);
        float: left;
        margin-right: 3.2rem;
    }
    .row .col.col--4 {
        min-height: 1px;
        width: calc(33.3333333333% - 4.2444444667rem);
        float: left;
        margin-left: 3.2rem;
    }
    .row .col.col--5 {
        min-height: 1px;
        width: calc(41.4444446667% - 4.5333333333rem);
        float: left;
        margin-left: 3.2rem;
    }
    .row .col.col--6 {
        min-height: 1px;
        width: calc(50% - 4.8rem);
        float: left;
        margin-left: 3.2rem;
    }
    .row .col.col--7 {
        min-height: 1px;
        width: calc(58.3333333333% - 5.0444444667rem);
        float: left;
        margin-left: 3.2rem;
    }
    .row .col.col--8 {
        min-height: 1px;
        width: calc(66.4444446667% - 5.3333333333rem);
        float: left;
        margin-left: 3.2rem;
    }
    .row .col.col--9 {
        min-height: 1px;
        	/* Tijs - hier staat denk ik dat de tekst onder de video's niet over de hele breedte gaat */
        width: calc(75% - 5.6rem);
        float: left;
        margin-left: 3.2rem;
    }
    .row .col.col--10 {
        min-height: 1px;
        width: calc(83.3333333333% - 5.8444444667rem);
        float: left;
        margin-left: 3.2rem;
    }
    .row .col.col--11 {
        min-height: 1px;
        width: calc(91.4444446667% - 6.1333333333rem);
        float: left;
        margin-left: 3.2rem;
    }
    .row .col.col--12 {
        min-height: 1px;
        width: calc(100% - 6.4rem);
        float: left;
        margin-left: 3.2rem;
    }
    .row .col.shift--1 {
        left: calc(8.3333333333% - 3.4444444667rem + 3.2rem);
        position: relative;
    }
    .row .col.shift--2 {
        left: calc(16.4444446667% - 3.7333333333rem + 3.2rem);
        position: relative;
    }
    .row .col.shift--3 {
        left: calc(25% - 4rem + 3.2rem);
        position: relative;
    }
    .row .col.shift--4 {
        left: calc(33.3333333333% - 4.2444444667rem + 3.2rem);
        position: relative;
    }
    .row .col.shift--5 {
        left: calc(41.4444446667% - 4.5333333333rem + 3.2rem);
        position: relative;
    }
    .row .col.shift--6 {
        left: calc(50% - 4.8rem + 3.2rem);
        position: relative;
    }
    .row .col.shift--7 {
        left: calc(58.3333333333% - 5.0444444667rem + 3.2rem);
        position: relative;
    }
    .row .col.shift--8 {
        left: calc(66.4444446667% - 5.3333333333rem + 3.2rem);
        position: relative;
    }
    .row .col.shift--9 {
        left: calc(75% - 5.6rem + 3.2rem);
        position: relative;
    }
    .row .col.shift--10 {
        left: calc(83.3333333333% - 5.8444444667rem + 3.2rem);
        position: relative;
    }
    .row .col.shift--11 {
        left: calc(91.4444446667% - 6.1333333333rem + 3.2rem);
        position: relative;
    }
    .row .col.shift--12 {
        left: calc(100% - 6.4rem + 3.2rem);
        position: relative;
    }
    .row .col.push--1 {
        margin-left: calc(8.3333333333% - 3.4444444667rem + 6.4rem);
    }
    .row .col.push--2 {
        margin-left: calc(16.4444446667% - 3.7333333333rem + 6.4rem);
    }
    .row .col.push--3 {
        margin-left: calc(25% - 4rem + 6.4rem);
    }
    .row .col.push--4 {
        margin-left: calc(33.3333333333% - 4.2444444667rem + 6.4rem);
    }
    .row .col.push--5 {
        margin-left: calc(41.4444446667% - 4.5333333333rem + 6.4rem);
    }
    .row .col.push--6 {
        margin-left: calc(50% - 4.8rem + 6.4rem);
    }
    .row .col.push--7 {
        margin-left: calc(58.3333333333% - 5.0444444667rem + 6.4rem);
    }
    .row .col.push--8 {
        margin-left: calc(66.4444446667% - 5.3333333333rem + 6.4rem);
    }
    .row .col.push--9 {
        margin-left: calc(75% - 5.6rem + 6.4rem);
    }
    .row .col.push--10 {
        margin-left: calc(83.3333333333% - 5.8444444667rem + 6.4rem);
    }
    .row .col.push--11 {
        margin-left: calc(91.4444446667% - 6.1333333333rem + 6.4rem);
    }
    .row .col.push--12 {
        margin-left: calc(100% - 6.4rem + 6.4rem);
    }
    .row .col.pull--1 {
        left: calc(-8.3333333333% - 2.9333333333rem + 3.2rem);
        position: relative;
    }
    .row .col.pull--2 {
        left: calc(-16.4444446667% - 2.4444446667rem + 3.2rem);
        position: relative;
    }
    .row .col.pull--3 {
        left: calc(-25% - 2.4rem + 3.2rem);
        position: relative;
    }
    .row .col.pull--4 {
        left: calc(-33.3333333333% - 2.1333333333rem + 3.2rem);
        position: relative;
    }
    .row .col.pull--5 {
        left: calc(-41.4444446667% - 1.8444444667rem + 3.2rem);
        position: relative;
    }
    .row .col.pull--6 {
        left: calc(-50% - 1.6rem + 3.2rem);
        position: relative;
    }
    .row .col.pull--7 {
        left: calc(-58.3333333333% - 1.3333333333rem + 3.2rem);
        position: relative;
    }
    .row .col.pull--8 {
        left: calc(-66.4444446667% - 1.0444444667rem + 3.2rem);
        position: relative;
    }
    .row .col.pull--9 {
        left: calc(-75% - 0.8rem + 3.2rem);
        position: relative;
    }
    .row .col.pull--10 {
        left: calc(-83.3333333333% - 0.5333333333rem + 3.2rem);
        position: relative;
    }
    .row .col.pull--11 {
        left: calc(-91.4444446667% - 0.2444444667rem + 3.2rem);
        position: relative;
    }
    .row .col.pull--12 {
        left: calc(-100% - 0rem + 3.2rem);
        position: relative;
    }
    .row .col.abs {
        position: absolute;
        z-index: 97;
    }
}
.row.mobilesplit {
    margin-left: -3.2rem;
    margin-right: -3.2rem;
    width: calc(100% + 6.4rem);
}
.row.mobilesplit::after {
    clear: both;
    content: "";
    display: block;
}
.row.mobilesplit .col.col--1 {
    min-height: 1px;
    width: calc(8.3333333333% - 3.4444444667rem);
    float: left;
    margin-left: 3.2rem;
}
.row.mobilesplit .col.col--2 {
    min-height: 1px;
    width: calc(16.4444446667% - 3.7333333333rem);
    float: left;
    margin-left: 3.2rem;
}
.row.mobilesplit .col.col--3 {
    min-height: 1px;
    width: calc(25% - 4rem);
    float: left;
    margin-left: 3.2rem;
}
.row.mobilesplit .col.col--4 {
    min-height: 1px;
    width: calc(33.3333333333% - 4.2444444667rem);
    float: left;
    margin-left: 3.2rem;
}
.row.mobilesplit .col.col--5 {
    min-height: 1px;
    width: calc(41.4444446667% - 4.5333333333rem);
    float: left;
    margin-left: 3.2rem;
}
.row.mobilesplit .col.col--6 {
    min-height: 1px;
    width: calc(50% - 4.8rem);
    float: left;
    margin-left: 3.2rem;
}
.row.mobilesplit .col.col--7 {
    min-height: 1px;
    width: calc(58.3333333333% - 5.0444444667rem);
    float: left;
    margin-left: 3.2rem;
}
.row.mobilesplit .col.col--8 {
    min-height: 1px;
    width: calc(66.4444446667% - 5.3333333333rem);
    float: left;
    margin-left: 3.2rem;
}
.row.mobilesplit .col.col--9 {
    min-height: 1px;
    width: calc(75% - 5.6rem);
    float: left;
    margin-left: 3.2rem;
}
.row.mobilesplit .col.col--10 {
    min-height: 1px;
    width: calc(83.3333333333% - 5.8444444667rem);
    float: left;
    margin-left: 3.2rem;
}
.row.mobilesplit .col.col--11 {
    min-height: 1px;
    width: calc(91.4444446667% - 6.1333333333rem);
    float: left;
    margin-left: 3.2rem;
}
.row.mobilesplit .col.col--12 {
    min-height: 1px;
    width: calc(100% - 6.4rem);
    float: left;
    margin-left: 3.2rem;
}
.button {
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border: 2px solid #555555;
    background: transparent;
    padding: 1rem 2.5rem;
    line-height: 2rem;
    font-family: "roboto condensed", sans-serif;
    font-weight: 400;
    color: #555555;
    display: block;
}
.button:hover {
    color: #fff5ea;
    background: #555555;
    text-decoration: none;
}
.content {
    font-family: "roboto condensed", sans-serif;
    line-height: 1.6;
    color: #555555;
    	/* Tijs */
    color: #666;
    margin-bottom: 3.2rem;
}
.content::after {
    clear: both;
    content: "";
    display: block;
}
.back-block .content {
    margin-top: 3.2rem;
}
@media screen and (min-width: 768px) {
    .back-block .content {
        min-height: 28rem;
        margin-top: 9.6rem;
        margin-bottom: 4.8rem;
        background: #f7ede2;
        padding: 4.8rem 4.8rem 4.8rem 10.4rem;
    }
}
.content a {
    text-decoration: underline;
    	/* Tijs */
    text-decoration: none;
    border-bottom: 1px solid #888;
}
.content ul {
    padding: 0 0 0 1.6rem;
    margin: 0 0 0 1.6rem;
}
.content ul li {
    list-style: outside;
    margin: 0 0 0.8rem;
}
fieldset {
    border: 0.1rem solid #ccc;
    	/* Tijs - weg met ronde hoeken */
    border-radius: 0rem;
    margin-bottom: 1.6rem;
    padding: 2rem;
}
fieldset > p {
    margin-bottom: 1.6rem;
}
fieldset > p::after {
    clear: both;
    content: "";
    display: block;
}
legend {
    color: #666;
    border: 0.1rem solid #ccc;
    border-radius: 0.5rem;
    background: #fff;
    padding: 0.5rem 1rem;
}
label:not(.radio):not(.checkbox):not(.error) {
    display: block;
    color: #555555;
    margin-bottom: 1rem;
}
label.radio {
    display: inline-block;
    height: 4.5rem;
    line-height: 4.5rem;
    margin: 0 1rem 0 0.1rem;
}
label.checkbox {
    display: inline-block;
    height: 4.5rem;
    line-height: 4.5rem;
    margin: 0 1rem;
}
label.error {
    display: inline-block;
    color: #fff;
    border-radius: 0.3rem;
    background: #d9534f;
    margin-top: 1rem;
    padding: 0.5rem 1rem;
    position: relative;
}
label.error:before {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-left: 0.5rem solid transparent;
    border-right: 0.5rem solid transparent;
    border-bottom: 0.5rem solid #d9534f;
    position: absolute;
    top: -0.5rem;
    left: 1rem;
}

/* ------------------------------------------------------------------------------------------------------------------------- */

button,
input,
text,
select,
textarea {
    display: block;
    width: 100%;
    max-width: 100%;
    height: 4.5rem;
    color: #555;
    border: none;
    border-radius: 0;
    ackground: 
    border: 1px solid #555 !important;
    padding: 0.5rem 1rem;
    box-sizing: border-box;
}
	/* Tijs */
form {
	line-height: 20px;
}
	/* Tijs */
label {
	color: #555 !important;
	margin: 0;
	padding: 0;
}
	/* Tijs */
hr {
	color: #555 !important;
	margin-bottom: 20px;
	height: 1px !important;
	box-shadow: 0px;
	border: 0;
	border-top: 1px solid #555;
}
	/* Tijs */
input[type="text"], input[type="email"] {
	border: 1px solid #555;
	background: transparent;
	width: 200px;
	font-family: "roboto condensed";
	font-size: 16px;
	color: #555;;
	height: 30px;	
	margin: 0;
	margin-top: -5px !important;
	margin-bottom: -5px !important;
}
	/* Tijs */
textarea {
	border: 1px solid black;
	background: transparent;
	width: 80%;	
	font-family: "roboto condensed";
	font-size: 16px;
	line-height: 24px;
	margin-top: -5px !important;
}
input[type="submit"]:hover {
	cursor: pointer !important;
}

button[type="radio"],
button[type="checkbox"],
input[type="radio"],
input[type="checkbox"],
select[type="radio"],
select[type="checkbox"],
textarea[type="radio"],
textarea[type="checkbox"] {
    display: inline-block;
    height: auto;
    margin-right: 1rem;
    padding: 0;
}
button[type="radio"],
button[type="checkbox"],
button[type="submit"],
button[type="reset"],
button[type="button"],
input[type="radio"],
input[type="checkbox"],
input[type="submit"],
input[type="reset"],
input[type="button"],
select[type="radio"],
select[type="checkbox"],
select[type="submit"],
select[type="reset"],
select[type="button"],
textarea[type="radio"],
textarea[type="checkbox"],
textarea[type="submit"],
textarea[type="reset"],
textarea[type="button"] {
    display: inline-block;
    width: auto;
}
button[type="button"],
button[type="submit"],
input[type="button"],
input[type="submit"],
select[type="button"],
select[type="submit"],
textarea[type="button"],
textarea[type="submit"] {
	display: inline-block;
	width: auto;
	background: transparent;
	border-radius: 0px;
	font-family: "roboto condensed", sans-serif;
	font-weight: 400;
	font-size: 16px;
}
		/* Tijs */
input[type="submit"] {
	color: #ccc;
	background: #555;
		/* Tijs */
	border: 1px solid #555;
}
input[type="submit"]:hover {
	color: white;
}
button {
    display: inline-block;
    width: auto;
}
select {
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: auto 0.5rem;
    background-image: url(data:image/png;base64,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);
}
textarea {
    width: 100%;
    height: 20rem;
}
.mc-field-group {
    margin-bottom: 2rem;
}
.datefield .subfield {
    width: 20%;
    display: inline-block;
}
.main-img {
    max-width: 100%;
    width: 100%;
    height: auto;
    margin-bottom: 1rem;
}
@media screen and (min-width: 768px) {
    .abs .main-img {
        max-width: 105%;
        width: 105%;
    }
}
.content > video,
.abs > video {
    max-width: 100%;
    height: auto;
    min-width: 100%;
}
.wrapper {
    width: 100%;
}
.wrapper::after {
    clear: both;
    content: "";
    display: block;
}
.wrapper .layout-row h1,
.wrapper .layout-row h2,
.wrapper .layout-row h3,
.wrapper .layout-row h4,
.wrapper .layout-row h5,
.wrapper .layout-row h6,
.wrapper .header h1,
.wrapper .header h2,
.wrapper .header h3,
.wrapper .header h4,
.wrapper .header h5,
.wrapper .header h6,
.wrapper .footer h1,
.wrapper .footer h2,
.wrapper .footer h3,
.wrapper .footer h4,
.wrapper .footer h5,
.wrapper .footer h6 {
    font-family: "roboto condensed", sans-serif;
    font-weight: 400;
    line-height: 2.6;
    color: #555555;
    margin: 0 0 1rem;
}

.wrapper .layout-row h1 {
}


	/* Tijs */
.col--7 h2 {
	line-height: 1.2em !important;
}

.wrapper .layout-row h1,
.wrapper .header h1,
.wrapper .footer h1 {
	/* Tijs */
    line-height: 1.2;
    font-size: 4.8rem;
    	/* Tijs */
    font-size: 4rem;
    margin: 0 0 3.2rem;
}
@media screen and (max-width: 480px) {
    .wrapper .layout-row h1,
    .wrapper .header h1,
    .wrapper .footer h1 {
        font-size: 2.4rem;
    }
}
@media screen and (max-width: 480px) {
    .wrapper .layout-row h1,
    .wrapper .header h1,
    .wrapper .footer h1 {
        margin: 0 0 1.6rem;
    }
}
.wrapper .layout-row h2,
.wrapper .header h2,
.wrapper .footer h2 {
    font-size: 3.2rem;
}
@media screen and (max-width: 480px) {
    .wrapper .layout-row h2,
    .wrapper .header h2,
    .wrapper .footer h2 {
        font-size: 2.24rem;
    }
}
.wrapper .layout-row h3,
.wrapper .header h3,
.wrapper .footer h3 {
    font-size: 2.1rem;
}
@media screen and (max-width: 480px) {
    .wrapper .layout-row h3,
    .wrapper .header h3,
    .wrapper .footer h3 {
        font-size: 1.785rem;
    }
}
.wrapper .layout-row h4,
.wrapper .header h4,
.wrapper .footer h4 {
    margin-bottom: 0.5rem;
    font-size: 2.1rem;
}
@media screen and (max-width: 480px) {
    .wrapper .layout-row h4,
    .wrapper .header h4,
    .wrapper .footer h4 {
        font-size: 1.8rem;
    }
}
.wrapper .layout-row h5,
.wrapper .header h5,
.wrapper .footer h5 {
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
}
@media screen and (max-width: 480px) {
    .wrapper .layout-row h5,
    .wrapper .header h5,
    .wrapper .footer h5 {
        font-size: 1.5rem;
    }
}
	/* Tijs - gebruikt voor alfabet bij auteurs */
.wrapper .layout-row h6,
.wrapper .header h6,
.wrapper .footer h6 {
   margin-top: 5px;
    margin-bottom: 0;
    font-size: 20px;
    line-height: 1.6;
}
@media screen and (max-width: 480px) {
    .wrapper .layout-row h6,
    .wrapper .header h6,
    .wrapper .footer h6 {
        ont-size: 1rem;
    }
}
.wrapper .layout-row p,
.wrapper .header p,
.wrapper .footer p {
    margin: 0 0 1.6rem;
}
.wrapper .layout-row p strong,
.wrapper .layout-row p dfn,
.wrapper .header p strong,
.wrapper .header p dfn,
.wrapper .footer p strong,
.wrapper .footer p dfn {
    font-family: "roboto condensed", sans-serif;
    font-weight: 700;
}
.wrapper .layout-row strong,
.wrapper .layout-row dfn,
.wrapper .header strong,
.wrapper .header dfn,
.wrapper .footer strong,
.wrapper .footer dfn {
    font-family: "roboto condensed", sans-serif;
    font-weight: 400;
}
.wrapper .layout-row small,
.wrapper .header small,
.wrapper .footer small {
    color: #817a72;
    font-size: 1.2rem;
}
.wrapper .layout-row em,
.wrapper .layout-row dfn,
.wrapper .header em,
.wrapper .header dfn,
.wrapper .footer em,
.wrapper .footer dfn {
    font-style: italic;
}
.wrapper .layout-row sup,
.wrapper .layout-row sub,
.wrapper .header sup,
.wrapper .header sub,
.wrapper .footer sup,
.wrapper .footer sub {
    line-height: 0;
}
.wrapper .layout-row .collortext.color-a,
.wrapper .layout-row .collortext.color-a a,
.wrapper .header .collortext.color-a,
.wrapper .footer .collortext.color-a {
    color: #d55;
}
.wrapper .layout-row .collortext.color-b,
.wrapper .layout-row .collortext.color-b a,
.wrapper .header .collortext.color-b,
.wrapper .footer .collortext.color-b {
    color: #497e76;
}
.wrapper .layout-row .collortext.color-c,
.wrapper .layout-row .collortext.color-c a,
.wrapper .header .collortext.color-c,
.wrapper .footer .collortext.color-c {
    color: #e1cc4f;
}
.wrapper .layout-row .collortext.color-d,
.wrapper .layout-row .collortext.color-d a,
.wrapper .header .collortext.color-d,
.wrapper .footer .collortext.color-d {
    color: #7158a4;
}
.wrapper .layout-row .collorback.color-a,
.wrapper .header .collorback.color-a,
.wrapper .footer .collorback.color-a {
    background: #d55;
}
.wrapper .layout-row .collorback.color-b,
.wrapper .header .collorback.color-b,
.wrapper .footer .collorback.color-b {
    background: #497e76;
}
.wrapper .layout-row .collorback.color-c,
.wrapper .header .collorback.color-c,
.wrapper .footer .collorback.color-c {
    background: #e1cc4f;
}
.wrapper .layout-row .collorback.color-d,
.wrapper .header .collorback.color-d,
.wrapper .footer .collorback.color-d {
    background: #7158a4;
}
.wrapper .layout-row.border-top,
.wrapper .header.border-top,
.wrapper .footer.border-top {
    padding-top: 1.6rem;
    	/* Tijs - doe maar geen algemene border */
    border-top: 1px solid #c6b5a3;
}
.wrapper .layout-row .container,
.wrapper .header .container,
.wrapper .footer .container {
    width: 100%;
    	/* Tijs - hele site iets smaller gemaakt, stond op 94rem */
    max-width: 94rem;
    box-sizing: border-box;
    margin: 0 auto;
    position: relative;
}

.wrapper .layout-row a:hover {
	text-decoration: none;
}

/* Tijs - header-menu wél over de hele breedte!!! */
.wrapper .header .container {
	max-width: 100%;
}

.wrapper .layout-row .container::after,
.wrapper .header .container::after,
.wrapper .footer .container::after {
    clear: both;
    content: "";
    display: block;
}
@media screen and (max-width: 1180px) {
    .wrapper .layout-row .container,
    .wrapper .header .container,
    .wrapper .footer .container {
        padding-right: 3.2rem;
        padding-left: 3.2rem;
    }
}
@media screen and (max-width: 768px) {
    .wrapper .layout-row .container,
    .wrapper .header .container,
    .wrapper .footer .container {
        padding-right: 1.6rem;
        padding-left: 1.6rem;
    }
}
.wrapper .layout-row .container::after,
.wrapper .header .container::after,
.wrapper .footer .container::after {
    clear: both;
    content: "";
    display: block;
}
.wrapper #overlay {
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #fff5ea;
    transition: 1s 0.4s;
}
.wrapper #overlay .lds-ring {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: inline-block;
    position: relative;
    width: 6.4rem;
    height: 6.4rem;
}
.wrapper #overlay .lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 5.1rem;
    height: 5.1rem;
    margin: 0.6rem;
    border: 0.6rem solid #555555;
    border-radius: 50%;
    -webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #555555 transparent transparent transparent;
}
.wrapper #overlay .lds-ring div:nth-child(1) {
    -webkit-animation-delay: -0.45s;
    animation-delay: -0.45s;
}
.wrapper #overlay .lds-ring div:nth-child(2) {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}
.wrapper #overlay .lds-ring div:nth-child(3) {
    -webkit-animation-delay: -0.15s;
    animation-delay: -0.15s;
}
@-webkit-keyframes lds-ring {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes lds-ring {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.author-tip img {
    float: left;
    border-radius: 50%;
    height: 9.6rem;
    width: 9.6rem;
}
.author-tip .text-block {
    padding-left: 12rem;
}
.author-tip .text-block .button {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 1.6rem;
}
.breadcrumbs {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
    font-family: "roboto condensed", sans-serif;
    font-weight: 400;
    color: #817a72;
    	/* Tijs */
    display: none;
}
.breadcrumbs a {
    color: #817a72;
}
.breadcrumbs span > span > span {
    color: #555555;
}
.call-out {
    background: #f7ede2;
    padding-top: 1rem;
    	/* Tijs */
    display: none;
}
.call-out.rule {
    text-align: center;
}
.call-out.rule h3 {
    display: inline-block;
    color: #817a72;
}
.call-out.rule .button {
    display: inline-block;
    margin-right: 1.6rem;
    margin-left: 1.6rem;
}
.call-out.rule .button.live-button {
    -webkit-animation: glowing 3000ms 10;
    animation: glowing 3000ms 10;
}
.call-out.newsletter {
    padding-top: 6rem;
    padding-bottom: 8rem;
}
.call-out.newsletter .container {
    max-width: 100rem;
}
.call-out.newsletter h3 {
    margin: 0;
}
.call-out.newsletter .gform_description {
    color: #817a72;
    margin-bottom: 1.6rem;
    display: block;
}
.call-out.newsletter .gfield_label {
    display: none !important;
}
.call-out.newsletter .newsletter-img {
    display: none;
    position: absolute;
    top: -3rem;
    right: 0;
    max-width: 350px;
}
@media screen and (min-width: 768px) {
    .call-out.newsletter .newsletter-img {
        display: block;
    }
}
.call-out.newsletter .gform_footer {
    position: relative;
}
.call-out.newsletter .gform_footer .button {
    text-transform: uppercase;
    margin-top: 1.6rem;
}
@media screen and (min-width: 768px) {
    .call-out.newsletter .gform_footer .button {
        margin-top: 0;
        position: absolute;
        top: -4.6rem;
        left: 102%;
    }
}
@-webkit-keyframes glowing {
    0% {
        background: rgba(255, 255, 255, 0);
        box-shadow: 0 0 2rem transparent;
    }
    50% {
        background: rgba(255, 255, 255, 0.3);
        box-shadow: 0 0 2rem #000;
    }
    100% {
        background: rgba(255, 255, 255, 0);
        box-shadow: 0 0 2rem transparent;
    }
}
@keyframes glowing {
    0% {
        background: rgba(255, 255, 255, 0);
        box-shadow: 0 0 2rem transparent;
    }
    50% {
        background: rgba(255, 255, 255, 0.3);
        box-shadow: 0 0 2rem #000;
    }
    100% {
        background: rgba(255, 255, 255, 0);
        box-shadow: 0 0 2rem transparent;
    }
}
.cats.row {
    margin-bottom: 9.6rem;
}
.cats.row li {
    text-align: center;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.cats.row li a {
    border: 1px solid #c6b5a3;
    padding-top: 3.2rem;
    padding-bottom: 3.2rem;
    display: block;
    position: relative;
    font-family: "roboto condensed", sans-serif;
    font-weight: 400;
    font-size: 2.1rem;
    text-align: center;
}
@media screen and (max-width: 480px) {
    .cats.row li a {
        font-size: 1.785rem;
    }
}
.cats.row li a.color-a svg path {
    fill: #d55 !important;
}
.cats.row li a.color-a svg text {
    fill: #d55 !important;
}
.cats.row li a.color-b svg path {
    fill: #497e76 !important;
}
.cats.row li a.color-b svg text {
    fill: #497e76 !important;
}
.cats.row li a.color-c svg path {
    fill: #e1cc4f !important;
}
.cats.row li a.color-c svg text {
    fill: #e1cc4f !important;
}
.cats.row li a.color-d svg path {
    fill: #7158a4 !important;
}
.cats.row li a.color-d svg text {
    fill: #7158a4 !important;
}
.cats.row li a svg {
    max-width: 4.8rem;
    max-height: 4.8rem;
}
.cats.row li a span {
    display: block;
}
.cats.row li a:hover {
    text-decoration: none;
}
.cats.row li a:hover.color-a {
    border-color: #d55;
}
.cats.row li a:hover.color-b {
    border-color: #497e76;
}
.cats.row li a:hover.color-c {
    border-color: #e1cc4f;
}
.cats.row li a:hover.color-d {
    border-color: #7158a4;
}

/* -------------------------------------------------------------------------------------------------------------- */

	/* Tijs - zelfbedacht */
.single-post  .post-slider {
	display: none;
}


/* -------------------------------------------------------------------------------------------------------------- */

.comment-block {
	/* Tijs */
    display: none;
    margin-top: 4.8rem;
    margin-bottom: 4.8rem;
}
.comment-block .more,
.comment-block .less {
    margin-top: 3.2rem;
    margin-bottom: 3.2rem;
    text-align: center;
}
.comment-block .comment-list {
    border-bottom: 1px solid #817a72;
}
.comment-block .comment-list li {
    padding: 1.6rem;
}
.comment-block .comment-list li.thread-even {
    background: #f7ede2;
}
.comment-block .comment-list li .says,
.comment-block .comment-list li .avatar {
    display: none;
}
.comment-block .comment-list li .fn {
    font-family: "roboto condensed", sans-serif;
    font-weight: 400;
}
.comment-block .comment-list li .comment-metadata a {
    color: #817a72;
    text-transform: uppercase;
    font-weight: 400;
    text-decoration: none;
}
.comment-block .comment-list li .reply a {
    font-family: "roboto condensed", sans-serif;
    font-weight: 400;
    font-size: 1.2rem;
    color: #817a72;
    text-decoration: none;
}
.blocks {
    padding-top: 3.2rem;
    padding-bottom: 1.6rem;
    	/* tijs */
    display: none;
}
.blocks .content-block a img {
    width: 100%;
    height: auto;
}
.blocks .content-block a .image-block {
    position: relative;
    max-width: 300px;
}
.blocks .content-block a .image-block span.play {
    display: block;
    font-size: 1.6rem;
    text-transform: uppercase;
    position: relative;
    height: 2.6rem;
    line-height: 2.6rem;
    padding: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: absolute;
    right: 0;
    bottom: 0;
}
@media screen and (max-width: 480px) {
    .blocks .content-block a .image-block span.play {
        font-size: 1.36rem;
    }
}
.blocks .content-block a .image-block span.play.color-a:before {
    background: #d55;
}
.blocks .content-block a .image-block span.play.color-b:before {
    background: #497e76;
}
.blocks .content-block a .image-block span.play.color-c:before {
    background: #e1cc4f;
}
.blocks .content-block a .image-block span.play.color-d:before {
    background: #7158a4;
}
.blocks .content-block a .image-block span.play:before {
    position: absolute;
    top: 0;
    right: 0;
    height: 2.6rem;
    width: 2.6rem;
    content: "";
}
.blocks .content-block a .image-block span.play:after {
    width: 0;
    height: 0;
    position: absolute;
    top: 0.8rem;
    right: 0.8rem;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 10px solid #555555;
    content: "";
}
.blocks .content-block a .title-block {
    display: block;
    margin-top: 0.8rem;
    margin-bottom: 0.8rem;
    color: #555555;
    	/* Tijs - blokken niet té groot */
    max-width: 300px;
    	/* Tijs */
}
.content-block .button {
		/* knoppen met 'Kijk hier' weg */
	display: none !important;
	font-size: 30px;
}
.blocks .content-block a .button {
    margin-bottom: 1.6rem;
}
.blocks .content-block a:hover {
    text-decoration: none;
}
#epg-wrapper .tvguide {
    background: #f7ede2;
}
@media screen and (max-width: 768px) {
    .back-block #epg-wrapper .tvguide {
        background: #fff5ea;
    }
}
.full #epg-wrapper .tvguide > li {
    border-bottom: 1px solid #fff5ea;
    padding: 1.6rem;
}
@media screen and (min-width: 768px) {
    .full #epg-wrapper .tvguide > li {
        padding: 3.2rem;
    }
}
.full #epg-wrapper .tvguide > li > div {
    float: left;
    width: 80%;
}
#epg-wrapper .tvguide > li > div .program {
    color: #817a72;
    text-transform: uppercase;
    display: block;
}
#epg-wrapper .tvguide > li > div .title {
    font-family: "roboto condensed", sans-serif;
    font-weight: 400;
    font-size: 2.1rem;
    line-height: 1.3;
    display: block;
}
@media screen and (max-width: 480px) {
    #epg-wrapper .tvguide > li > div .title {
        font-size: 1.785rem;
    }
}
#epg-wrapper .tvguide > li > div .duration {
    font-family: "roboto condensed", sans-serif;
    font-weight: 400;
    color: #817a72;
    font-size: 1.2rem;
    display: block;
    margin-bottom: 1.6rem;
}
.full #epg-wrapper .tvguide > li > span {
    font-family: "roboto condensed", sans-serif;
    font-weight: 400;
    float: left;
    width: 20%;
    font-weight: 700;
}
@media screen and (min-width: 768px) {
    .full #epg-wrapper .tvguide > li > span {
        text-align: center;
    }
}
.page-template-template-live #epg-wrapper .tvguide > li > span {
    display: none;
}
.full #epg-wrapper .tvguide > li::after {
    clear: both;
    content: "";
    display: block;
}
.full #epg-wrapper {
    margin-bottom: 9.6rem;
}

/* ------------------------------------------------------------------------------------------------------ */

.footer {
	margin-top: 2rem;
    padding-top: 6rem;
    padding-bottom: 6rem;
    	/* Tijs */
    background: #333;
    	/* Tijs */
    color: #ccc;
}
.footer a {
	color: white;
}
.footer a:hover, .footer a:active {
	text-decoration: none;
	order-bottom: 1px solid #ccc;
}

.footer .row .col p.title {
    color: #555555;
    	/* Tijs */
    color: white;
    font-family: "roboto condensed", sans-serif;
    margin-top: 1.6rem;
    margin-bottom: 0;
    text-transform: uppercase;
}
@media screen and (min-width: 768px) {
    .footer .row .col p.title {
        margin-top: 0;
        margin-bottom: 1.6rem;
    }
}
.footer .row .col ul > li > a {
    color: #817a72;
    	/* Tijs */
    color: #ccc;
    line-height: 1.6em;
}
	/* Tijs */
.footer .row .col ul > li > a:hover {
	color: white;
	text-decoration: none;
}

.grid {
    margin-bottom: 9.6rem;
}

.footer .title {
	font-family: 'Montserrat' !important;
	letter-spacing: 0.05em;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------- */

.header {
    position: relative;
    margin: 0 auto;
    ox-shadow: 0 1px 0 0 #c6b5a3;
    padding-top: 2.0rem;
    padding-bottom: 2.0rem;
}
@media screen and (min-width: 768px) {
    .header {
        min-height: inherit;
    }
}

@media screen and (max-width: 981px) {
    .header {
 	   padding-top: 1.0rem;
 	   padding-bottom: 1.0rem;		
    }
}
@media screen and (max-width: 500px) {
    .header {
 	   padding-top: 1.0rem;
 	   padding-bottom: 3.0rem;		
    }
}

.header .logo {
	/* Tijs */
    width: 220px;
    display: block;
	/* Tijs - logo iets naar rechts, want de items links nemen meer ruimte in beslag */
	padding: 0;
    padding-left: 6.5rem;
    padding-right: 0rem;
    margin: 0 auto;
}

@media screen and (max-width: 500px) {
	.header .logo {
		width: 65%;
		loat: right;
        	padding-right: 50px;
	}
		/* Tijs - op een mobiel is er geen ruimte weer voor de zoekfunctie bovenin, dus in het menu stoppen? */
	.search-trigger {
		isplay: none;
	}	
}

@media screen and (min-width: 1150px) {
    .header .logo {
        position: absolute;
        top: -.7rem;
        left: 50%;
        	/* tijs */
        margin-left: -140px;
    }
}

@media screen and (min-width: 1200px) {
    .header .logo {
    	margin-left: -135px;
    }	
}
@media screen and (min-width: 1300px) {
    .header .logo {
    	margin-left: -130px;
    }	
}
@media screen and (min-width: 1400px) {
    .header .logo {
    	margin-left: -125px;
    }	
}
@media screen and (min-width: 1500px) {
    .header .logo {
    	margin-left: -120px;
    }	
}
@media screen and (min-width: 1600px) {
    .header .logo {
    	margin-left: -115px;
    }	
}


.header .logo img {
    width: 100%;
    height: auto;
}
.header .search-trigger {
    z-index: 999;
    position: absolute;
    	/* Tijs - beetje naar beneden, was 3*/
    top: 3.8rem;
    right: 2.6rem;
    width: 2rem;
    height: 12rem;
    	/* Tijs - loepje kan ook in een andere kleur!!! */
    fill: #555;
}
.header .search-trigger svg {
	/* Tijs - loep iets groter gemaakt */
    width: 2.5rem;
    height: 2.5rem;
}

/* -------------------------------------------------------------------------------------------------- */

.header .header__menu-toggle {
	display: none;
}

	/* Tijs - omdat er zes termen in het menu zzitten  */
@media screen and (max-width: 1150px) {
	.header .header__menu-toggle {
	    display: block;
	    cursor: pointer;
	    z-index: 15;
	    width: 5rem;
	    height: 5rem;
	    position: absolute;
		/* Tijs - beetje lager, was 2,5 */
	    top: 3rem;
		/* Tijs */
	    left: 2rem;
	    z-index: 990;
	    transition: background 0.2s ease;
	}
}

.header .header__menu-toggle span {
    display: block;
    height: 2.5px;
    text-indent: -9999px;
    border-radius: 2px;
    background: #333;
    	/* Tijs */
    background: #555;
    position: absolute;
    top: 30%;
    right: 1.6rem;
    left: 20%;
    ransition: background 0s 0.2s;
}
.header .header__menu-toggle span:before,
.header .header__menu-toggle span:after {
    display: block;
    width: 100%;
    height: 2.5px;
    content: "";
    border-radius: 2px;
    background-color: #333;
    	/* Tijs */
    background: #555;
    ransition-duration: 0.2s, 0.2s;
    ransition-delay: 0.2s, 0s;
    position: absolute;
    left: 0;
}
.header .header__menu-toggle span:before {
    top: -7px;
    transition-property: top, -webkit-transform;
    transition-property: top, transform;
    transition-property: top, transform, -webkit-transform;
}
.header .header__menu-toggle span:after {
    bottom: -7px;
    transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
    transition-property: bottom, transform, -webkit-transform;
}
.header .header__menu-toggle.header__menu-toggle--active span {
    background: none !important;
}
.header .header__menu-toggle.header__menu-toggle--active span:before,
.header .header__menu-toggle.header__menu-toggle--active span:after {
    transition-delay: 0s, 0.2s;
}
.header .header__menu-toggle.header__menu-toggle--active span:before {
    top: 0; 
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #333;
}
.header .header__menu-toggle.header__menu-toggle--active span:after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: #333;
}

/* ------------------------------------------------------------------------------------------------------- */

	/* Tijs - dit is het menu midden bovenaan  */
.header-navigation .main-menu {
    display: none;
}
@media screen and (min-width: 1150px) {
    .header-navigation .main-menu {
        display: block;
    }
}
.header-navigation .main-menu > ul {
    list-style: none;
    margin-top: 50%;
    padding: 0;
    text-align: center;
    font-family: 'Montserrat';
}
@media screen and (min-width: 1150px) {
    .header-navigation .main-menu > ul {
        margin: 0;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        	/* Tijs */
        padding-left: 7%;
        padding-right: 7%;
    }
}

@media screen and (max-width: 1600px) {
	.header-navigation .main-menu > ul {
		padding-left: 6%;
	}
}
@media screen and (max-width: 1500px) {
	.header-navigation .main-menu > ul {
		padding-left: 5%;
	}
}
@media screen and (max-width: 1400px) {
	.header-navigation .main-menu > ul {
		padding-left: 4%;
	}
}
@media screen and (max-width: 1300px) {
	.header-navigation .main-menu > ul {
		padding-left: 4%;
	}
}
@media screen and (max-width: 1200px) {
	.header-navigation .main-menu > ul {
		padding-left: 3%;
	}
}
@media screen and (max-width: 1100px) {
	.header-navigation .main-menu > ul {
		padding-left: 2%;
	}
}


.header-navigation .main-menu > ul > li > a {
    display: block;
    padding: 1.6rem;
    font-family: 'Montserrat';
    font-size: 17px;
    letter-spacing: 0.05em;
    	/* Tijs */
    color: #555;
    text-transform: uppercase;
    white-space: nowrap;
}
.header-navigation .main-menu > ul > li > a:hover {
    color: #817a72;
    	/* Tijs */
    color: #555;
    text-decoration: none;
}
@media screen and (min-width: 1150px) {
    .header-navigation .main-menu > ul > li > a {
	    color: #555;
    }
    .header-navigation .main-menu > ul > li > a:hover {
	color: #000;
    }
}
.header-navigation .main-menu > ul > li.logo_place {
    padding: 1.5rem;
    	/* Tijs  - doet niets meer, zie menu-item-4207 */
    width: 300px;
    display: none;
}
@media screen and (min-width: 1150px) {
    .header-navigation .main-menu > ul > li.logo_place {
        display: block;
    }
}

@media screen and (min-width: 1150px) {
    .header-navigation .main-menu > ul > li.empty_place_left, .header-navigation .main-menu > ul > li.empty_place_right {
        display: block;
    }
}

/* -------------------------------------------------------------------------------- */

	/* Tijs - dit is het dropdown-menu */

.header-navigation ul ul {
	display: none;
	position: fixed;
	z-index: 999;	
	text-align: left;
	background: #333;
	padding: 11px 22px 13px 20px;
	font-size: 15px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #fff;
	opacity: 1;
	margin-left: -3px;
	margin-top: -3px;
	line-height: 2.2em;
	border: 1px solid #888;
}

	/* Tijs  - dropdown zelf gecreëerd!!! */
.header-navigation ul li:hover > ul {
	display:block;
}

.header-navigation ul li ul li {
	line-height: 1.9;
}

.header-navigation ul ul a {
	color: #ccc;
}

.header-navigation ul ul a:hover {
	color: white;
	text-decoration: none;
}

/* --------------------------------------------------------------------------------------------- */

	/* Tijs - dit is het responsive menu */

.main-navigation .menu,
.main-navigation .hidden-main-menu {
    display: none;
}

    	/* Tijs - helemaal herschreven */
.nav-on .main-navigation {
    background: rgba(255, 255, 255, 1);
    background: #333;
    z-index: 99;
    position: absolute;
    top: 77px;
    left: 32px;
    width: 100%;
    max-width: 300px;
    ax-height: 500px;
    font-family: 'montserrat';
    padding-top: 30px;
    padding-bottom: 30px;
    border: 1px solid #888;
}

/* --------------------------------------------------------------------------------------------- */

	/* menu op een mobiel volle breedte */
@media screen and (max-width: 500px) {
	.nav-on .main-navigation {
		position: absolute;
		left: 0;
		top: 60px;
		width: 100%;
		max-width: 100%;
		border-left: 0;
		border-right: 0;
		padding-top: 20px;
	}
}

.nav-on .main-navigation .nav {
	padding: 0;
	margin: 0;
}

.nav-on .main-navigation .menu {
    display: block;
    padding: 0;
    margin: 0;
}
.nav-on .main-navigation .menu > ul {
    list-style: none;
    	/* Tijs  - doet niets */
    margin-top: 0rem;
    padding: 0;
    	/* Tijs */
    ext-align: center;
}
.nav-on .main-navigation .menu > ul > li > a {
    display: block;
    padding: .5rem;
    color: #333;
    color: #ccc;
    	/* Tijs - niet bold of vet in het menu!!! */
    ont-weight: bold;
    	/* Tijs */
    text-transform: uppercase;
}
.nav-on .main-navigation .menu > ul > li > a:hover {
    color: #333;
    color: #ccc;
    text-decoration: none;
}

/* ----------------------------------------------------------------- */

	/* Tijs - dit is hetzelfde menu als midden bovenaan, maar dan in het responsive menu */

.nav-on .main-navigation .hidden-main-menu {
    display: block;
}
.nav-on .main-navigation .hidden-main-menu > ul {
    display: block;
    list-style: none;
    	/* Tijs - wat? */
    margin-top: 0rem;
    padding: 0;
    	/* Tijs - tekst is met submenu, dus kan niet gecentreerd */
    ext-align: center;
    padding-bottom: 0px;
    padding-left: 30px;
}
.nav-on .main-navigation .hidden-main-menu > ul > li > a {
    display: block;
    padding-top: 10px;
    padding-bottom: 5px;
    color: #ccc;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.nav-on .main-navigation .hidden-main-menu > ul > li > a:hover {
    color: #333;
    color: #ccc;
    color: white;
    text-decoration: none;
}
	/* Tijs - lege plek voor logo */
.nav-on .main-navigation .hidden-main-menu > ul > li.logo_place {
    display: none;
}

.nav-on .main-navigation .hidden-main-menu ul ul a {
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: #ccc;
	padding-left: 40px;
	margin-bottom: 15px;
}

.nav-on .main-navigation .hidden-main-menu ul ul a:hover {
	text-decoration: none;
	color: white;
}


/* --------------------------------------------------------------------------------------------------- */

.content .content-container {
    margin-top: 2rem;
    	/* Tijs - geen spacer, want er komt nog een blok voor steun */
    margin-bottom: 0rem;
    overflow: hidden;
    	/* Tijs - altijd alle tekst zichtbaar */
    ax-height: 7.5rem;
}
.back-block .content .content-container {
    max-height: 20rem;
    margin-top: 0;
    margin-bottom: 2rem;
}
.comment-block .content .content-container {
    max-height: 0.1rem;
}
.content .content-container.full {
    	/* Tijs - altijd alle tekst zichtbaar */
    ax-height: inherit;
}
.content .more,
.content .less {
    font-family: "roboto condensed", sans-serif;
    font-weight: 400;
    color: #817a72;
    display: block;
    text-transform: uppercase;
    font-size: 1.4rem;
    text-decoration: none;
    	/* Tijs */
    display: none;
}
.content .more.off,
.content .less.off {
    display: none;
}
.content .more span,
.content .less span {
    position: relative;
}
.content .more span:after,
.content .less span:after {
	/* Tijs - dit is gewoon het pijltje - lelijk vormgegeven! */
    display: block;
    content: "‹";
    font-size: 21px;
    position: absolute;
    top: -0.8rem;
    left: 110%;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.content .less span:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

/* --------------------------------------------------------------------------------------------------------------------- */

	/* Tijs - pagina-nummering */
.paging {
    clear: both;
    margin-top: 3.2rem;
    text-align: right;
    font-size: 13px;
}
.paging::after {
    clear: both;
    content: "";
    display: block;
}
.paging > ul {
    display: inline-block;
    text-align: center;
    line-height: 26.5px;
    letter-spacing: -.02em;
}
.paging > ul > li {
    width: 26px;
    height: 26px;
    border-radius: 16px;
    background: #333;
    display: inline-block;
    margin-left: 6px;
}
.paging a {
    color: #ccc;
    	/* Tijs - door de padding wordt de link wat breder dan alleen het getal */
    padding-left: 7px;
    padding-right: 7px;    
}
.paging > ul > li.active > a {
    color: white;
}
.paging__prev span {
    display: inline;
}
.paging__prev span:after {
	font-size: 13px;
		/* Tijs FE0E is de variation selector, voor iOS */
	content: '\25C0 \FE0E';
	position: relative;
	left: -1.5px;
	top: 0px;
}
.paging__next span {
    display: inline;
}
.paging__next span:after {
	font-size: 13px;
    content: '\25B6 \FE0E';
    position: relative;
    left: 1px;
	top: 0px;
}

/* ---------------------------------------------------------------------------------------- */

.photoalbum {
    margin-bottom: 6.4rem;
}
.photoalbum ul li {
    margin-top: 0;
    margin-bottom: 3.2rem;
}
.photoalbum ul li img {
    max-width: 100%;
    height: auto;
}
.popup_wrapper .popup_content {
    margin: 1.6rem;
}
.popup_wrapper .popup_content iframe {
    max-width: 100% !important;
}
.popup_wrapper .popup_content .close_but {
    position: fixed;
    top: 1rem;
    right: 1rem;
    background: transparent;
    color: #555555;
    font-weight: 700;
    font-size: 2.1rem;
}
@media screen and (max-width: 480px) {
    .popup_wrapper .popup_content .close_but {
        font-size: 2.1rem;
    }
}
ul.posts li.col {
    margin-bottom: 1.6rem;
}
@media screen and (max-width: 768px) {
    .grid ul.posts li.col,
    .related ul.posts li.col {
    		/* Tijs - dit doet is wat we niet willen - de video's worden niet verspreid over de hele breedte!!! */
        argin: 0 0 3.2rem !important;
    }
}
ul.posts li.col a {
    display: block;
}
ul.posts li.col a::after {
    clear: both;
    content: "";
    display: block;
}
ul.posts li.col a .image-block {
    font-family: "roboto condensed", sans-serif;
    font-weight: 400;
    position: relative;
}
@media screen and (max-width: 768px) {
    .grid ul.posts li.col a .image-block,
    .related ul.posts li.col a .image-block {
        width: 40%;
        display: block;
        float: left;
    }
}
	/* Tijs - dit is het vlak rechtsonderin de posts */
ul.posts li.col a .image-block span.play {
    background: #f7ede2;
    	/* Tijs */
    background: transparent;
    display: block;
    font-size: 1.6rem;
    text-transform: uppercase;
    position: relative;
    height: 2.6rem;
    line-height: 2.6rem;
    padding-right: 4rem;
    padding-left: 2rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: absolute;
    right: 0;
    bottom: 0;
}
@media screen and (max-width: 480px) {
    ul.posts li.col a .image-block span.play {
        font-size: 1.36rem;
    }
}
ul.posts li.col a .image-block span.play.color-a:before {
    background: #d55;
}
ul.posts li.col a .image-block span.play.color-b:before {
    background: #497e76;
}
ul.posts li.col a .image-block span.play.color-c:before {
    background: #e1cc4f;
}
ul.posts li.col a .image-block span.play.color-d:before {
    background: #7158a4;
}
	/* Tijs - dit zijn de gekleurde blokjes (zonder pijltje) */
ul.posts li.col a .image-block span.play:before {
    position: absolute;
    top: -.6rem;
    right: 0;
    height: 3.2rem;
    width: 2.6rem;
    	/* Tijs - dit haalt het vlak weg rechtsonder */
    width: 3.2rem;
    content: "";
    background-color: rgba(255, 255, 255, 0.4) !important;
}
ul.posts li.col a .image-block span.play:after {
    width: 0;
    height: 0;
    position: absolute;
    top: 0.3rem;
    right: 0.7rem;
    	/* Tijs - hier wordt het pijltje in de video's gedefinieerd!!!!!!!!!!!!!!!!!!!!! */
    	/* Tijs - i.p.v. 10, 10 en 20 stond hier 5, 5 en 10 !!!!!!!!!!!!!!!!!!!!!!!!!!!!! */  	
    border-top: 7.5px solid transparent;
    border-bottom: 7.5px solid transparent;
    border-left: 15px solid #fffaf6;
    content: "";
}

	/* Tijs - op mobiel kleiner pijltje voor afspelen */
@media screen and (max-width: 500px), screen and (min-width: 600px) and (max-width: 900px) {
			ul.posts li.col a .image-block span.play:before {
			    position: absolute;
			    top: .4rem;
			    right: 0;
			    height: 2.16rem;
			    width: 1.67rem;
				/* Tijs - dit haalt het vlak weg rechtsonder */
			    width: 2.16rem;
			    content: "";
			    background-color: rgba(255, 255, 255, 0.4) !important;
			}
			ul.posts li.col a .image-block span.play:after {
			    width: 0;
			    height: 0;
			    position: absolute;
			    top: 1rem;
			    right: 0.47rem;
				/* Tijs - hier wordt het pijltje in de video's gedefinieerd!!!!!!!!!!!!!!!!!!!!! */
				/* Tijs - i.p.v. 10, 10 en 20 stond hier 5, 5 en 10 !!!!!!!!!!!!!!!!!!!!!!!!!!!!! */  	
			    border-top: 5px solid transparent;
			    border-bottom: 5px solid transparent;
			    border-left: 10px solid #fffaf6;
			    content: "";
			}
}


ul.posts li.col a .image-block span.read {
    display: block;
    	/* Tijs */
    isplay: none;
    font-size: 1.6rem;
    text-transform: uppercase;
    position: relative;
    height: 2.6rem;
    line-height: 2.6rem;
    position: absolute;
    right: 0;
    bottom: 0;
}
ul.posts li.col a .image-block span.read.color-a {
    background: #d55;
}
ul.posts li.col a .image-block span.read.color-b {
    background: #497e76;
}
ul.posts li.col a .image-block span.read.color-c {
    background: #e1cc4f;
}
ul.posts li.col a .image-block span.read.color-d {
    background: #7158a4;
}
@media screen and (max-width: 480px) {
    ul.posts li.col a .image-block span.read {
        font-size: 1.36rem;
    }
}
ul.posts li.col a .image-block img {
    max-width: 100%;
    width: 100%;
    margin-bottom: 1rem;
}
@media screen and (max-width: 768px) {
    .grid ul.posts li.col a .image-block img,
    .related ul.posts li.col a .image-block img {
        margin-bottom: 0;
    }
}
.posts {
	line-height: 1.3;
}

/* --------------------------------------------------------------------------------------------- */

	/* Tijs - titels bij video's (soms onder, soms naast) */
ul.posts li.col a .title-block  {
    font-family: "roboto condensed", sans-serif;
    font-weight: 400;
}

@media screen and (max-width: 768px) {
    .grid ul.posts li.col a .title-block,
    .related ul.posts li.col a .title-block {
        width: 60%;
        box-sizing: border-box;
        float: right;
        padding-left: 1.6rem;
        display: block;
    }
}
@media screen and (max-width: 740px) {
    .grid ul.posts li.col a .title-block,
    .related ul.posts li.col a .title-block {
        font-size: 1.5rem;
    }
}
@media screen and (max-width: 700px) {
    .grid ul.posts li.col a .title-block,
    .related ul.posts li.col a .title-block {
        font-size: 1.4rem;
    }
}
@media screen and (max-width: 660px) {
    .grid ul.posts li.col a .title-block,
    .related ul.posts li.col a .title-block {
        font-size: 1.3rem;
    }
}
	/* Tijs - onder de 600 is er één kolom video's */
@media screen and (max-width: 600px) {
    .grid ul.posts li.col a .title-block,
    .related ul.posts li.col a .title-block {
        font-size: 1.6rem;
    }
}
@media screen and (max-width: 450px) {
    .grid ul.posts li.col a .title-block,
    .related ul.posts li.col a .title-block {
        font-size: 1.4rem;
    }
}
@media screen and (max-width: 1px) {
    .grid ul.posts li.col a .title-block,
    .related ul.posts li.col a .title-block {
        font-size: 1rem;
    }
}

ul.posts li.col a:hover {
    text-decoration: none;
}

/* -------------------------------------------------------------------------------------------------------------------------- */

	/* Tijs */
.related {
	isplay: none;
}

.related h3 {
    margin: 0 !important;
}
.related ul.posts {
    width: 100% !important;
}
.related ul.posts > li {
    width: 100% !important;
}
@media screen and (min-width: 768px) {
    .related ul.posts > li {
        width: 100% !important;
        float: none !important;
        margin: 0 0 1.6rem !important;
    }
}
@media screen and (max-width: 768px) {
    .related ul.posts > li .image-block img {
        margin: 0 !important;
        float: left;
    }
}
@media screen and (min-width: 768px) {
    .related ul.posts > li .title-block {
        padding: 0;
    }
}
@media screen and (min-width: 768px) {
    .related ul.posts > li .image-block,
    .related ul.posts > li .title-block {
        width: 100%;
        float: none;
    }
}
.related ul.posts > li::after {
    clear: both;
    content: "";
    display: block;
}

/* --------------------------------------------------------------------------------------------------------- */

.search-overlay {
    display: none;
}

    	/* Tijs - Hele zoekfunctie totaal herschreven */
.search-overlay.on {
    z-index: 998;
    position: fixed;
    	/* Tijs - verticale positie van zoek-veld */
    top: 77px;
    border: 1px solid #888;
    right: 20px;
    width: 208px;
    height: 65px;
    background: rgba(255, 255, 255, 1);
    background: #333;
    display: block;
    padding-top: 3px;
}

@media screen and (max-width: 700px) {
	.search-overlay.on {
			/* Tijs - op mobiel iets verder omlaag, zodat het niet tegen het logo aankomt */
		border-top: 0px;
	}
}

	/* Tijs - dit is het vlak voor de zoektekst */
.search-overlay fieldset {
    border: none;
}
@media screen and (min-width: 1150px) {
    .search-overlay fieldset {
    }
}

	/* Tijs - dit is het zoekveld zelf */
.search-overlay fieldset .field, .search-overlay fieldset .field:active {
    border: 1px solid #ccc;
    background-color: #333;
    color: #ccc;
    height: 2.7rem;
    line-height: 2.7rem;
    width: 120px;
    padding-left: .5rem;
    float: left;
    font-family: "roboto condensed", sans-serif;
    font-size: 16px !important;
    font-weight: 400;
    border-radius: 0 !important;
    float: right;
}

.search-overlay fieldset:before {
	content: "Zoek";
	color: #ccc;
    font-size: 16px !important;
}

.search-overlay fieldset .submit {
    display: none;
}

/* ------------------------------------------------------------------------------------------ */

.hero-slider {
	position: relative;
	overflow: hidden;
	max-height: 68rem;
}

@media screen and (max-width: 768px) {
	.hero-slider {
	    margin-bottom: 20px;	
	}
}
@media screen and (min-width: 1320px) {
    .hero-slider {
        height: 52rem;
    }
}
@media screen and (min-width: 1800px) {
    .hero-slider {
        height:72rem;
    }
}
@media screen and (max-height: 745px) and (min-width: 1220px) {
    .hero-slider {
        in-height: calc(100vh - 200px);
        ax-height: calc(100vh - 200px);
    }
    .hero-slider {
        height: 52rem;
    }
}
.hero-slider .container.slide-navigation {
    display: none;
}
@media screen and (min-width: 768px) {
    .hero-slider .container.slide-navigation {
        display: block;
    }
}
@media screen and (min-width: 1150px) {
    .hero-slider .container.slide-navigation {
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

/* ---------------------------------------------------------------------------------------------------------------------------- */
/* Tijs - Tekst onder de grote slider */

.hero-slider .container.slide-navigation .slidenav {
    margin: 0 -1.6rem;
    overflow: hidden;
    	/* Tijs */
    	isplay: none;
}

.hero-slider .container.slide-navigation .slidenav .slide {
    border-top: 2px solid #fff;
    font-family: "roboto condensed", sans-serif;
    font-weight: 400;
    padding: 1rem;
    opacity: 0.7;
    	/* Tijs */
    opacity: .7;
}

	/* Tijs - zelfbedacht */
.hero-slider .container.slide-navigation .slidenav .slide {
	cursor: pointer;
}

	/* Tijs - zelfbedacht */
.hero-slider .container.slide-navigation .slidenav .slide:hover {
	opacity: 1;
}

@media screen and (min-width: 1150px) {
    .hero-slider .container.slide-navigation .slidenav .slide {
	margin: 1.6rem;
		/* Tijs - breakpunt - omschrijvingen staan ín de afbeelding */
	background: rgba(0, 0, 0, 0.4);
	color: #fff;
    }
}
.hero-slider .container.slide-navigation .slidenav .slide.slick-current {
    opacity: 1;
}
.hero-slider .slides .slide {
    background: #fff5ea;
    	/* Tijs - fris witte achtergrond */
    background: #fffaf6;
}
.hero-slider .slides .slide.slick-slide {
    background: transparent;
}
.hero-slider .slides .slide.slick-slide img {
    display: block;
}
@media screen and (min-width: 1320px) {
    .hero-slider .slides .slide {
        height: 58rem;
    }
}
@media screen and (min-width: 1800px) {
	/* de vier omschrijvingen hebben dezelfde hoogte als de afbeeldingen (ik heb hier niets aan veranderd) */
    .hero-slider .slides .slide {
        height: 76rem;
    }
}
.hero-slider .slides .slide img {
    display: none;
    width: 100%;
}
@media screen and (min-width: 1320px) {
    .hero-slider .slides .slide img {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

/* ---------------------------------------------------------------------------------------------------------------------------- */
/* Tijs - Tekst in grote slider */

.hero-slider .slides .slide .container.slide-content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 100%;
}

	/* Tijs - zelf toegevoegd */
.hero-slider .slides .slide .slidecontent {
		/* Tijs - zelf bedacht */
	padding: 20px !important;
		/* Tijs - zelf bedacht */
	background: rgba(0, 0, 0, 0.2);
}

@media screen and (min-width: 768px) {
    .hero-slider .slides .slide .container.slide-content {
        height: inherit;
        position: absolute;
        top: 30%;
        bottom: 1.6rem;
        left: 1em;
    }
}
@media screen and (min-width: 1150px) {
    .hero-slider .slides .slide .container.slide-content {
        position: absolute;
        	/* Tijs */
        top: 10%;
        	/* Tijs */
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}
@media screen and (min-width: 1320px) {
    .hero-slider .slides .slide .container.slide-content {
        position: absolute;
        bottom: 1.6rem;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}
@media screen and (max-height: 620px) and (min-width: 1150px) {
    .hero-slider .slides .slide .container.slide-content {
        position: absolute;
        top: 10%;
        bottom: 1.6rem;
        left: 50%;
    }
}
.hero-slider .slides .slide .container.slide-content a {
    display: block;
    max-width: 65%;
    padding-top: 15%;
    font-family: "roboto condensed", sans-serif;
    font-weight: 400;
    font-size: 2.1rem;
    	/* Tijs */
    line-height: 1.2;
    color: #fff5ea;
    	/* Tijs */
    color: white;
}
@media screen and (max-width: 480px) {
    .hero-slider .slides .slide .container.slide-content a {
        font-size: 2.1rem;
    }
}
@media screen and (min-width: 480px) {
    .hero-slider .slides .slide .container.slide-content a {
        font-size: 3.2rem;
    }
}
@media screen and (min-width: 480px) and (max-width: 480px) {
    .hero-slider .slides .slide .container.slide-content a {
        font-size: 2.72rem;
    }
}
@media screen and (min-width: 768px) {
    .hero-slider .slides .slide .container.slide-content a {
        padding: 0;
        max-width: 50%;
    }
}
@media screen and (min-width: 1150px) {
    .hero-slider .slides .slide .container.slide-content a {
        font-size: 4.8rem;
    }
}
@media screen and (min-width: 1150px) and (max-width: 480px) {
    .hero-slider .slides .slide .container.slide-content a {
        font-size: 4.08rem;
    }
}
.hero-slider .slides .slide .container.slide-content a > span {
    background: #f7ede2;
    display: block;
    font-size: 1.6rem;
    text-transform: uppercase;
    position: relative;
    height: 4rem;
    line-height: 4rem;
    padding-right: 6rem;
    padding-left: 2rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 3rem;
    color: #555555;
}

	/* Tijs - geen pijltjes in de grote slider */
.hero-slider .slides .slide .container.slide-content a > span {
	display: none;
}

@media screen and (max-width: 480px) {
    .hero-slider .slides .slide .container.slide-content a > span {
        font-size: 1.36rem;
    }
}
.hero-slider .slides .slide .container.slide-content a > span.color-a:before {
	/* Tijs */
    background: #d55;
}
.hero-slider .slides .slide .container.slide-content a > span.color-b:before {
    background: #497e76;
}
.hero-slider .slides .slide .container.slide-content a > span.color-c:before {
    background: #e1cc4f;
}
.hero-slider .slides .slide .container.slide-content a > span.color-d:before {
    background: #7158a4;
}
.hero-slider .slides .slide .container.slide-content a > span:before {
    position: absolute;
    top: 0;
    right: 0;
    height: 4rem;
    width: 4rem;
    content: "";
}
.hero-slider .slides .slide .container.slide-content a > span:after {
    width: 0;
    height: 0;
    position: absolute;
    top: 1.2rem;
    right: 1.2rem;
    	/* Tijs - kijken, hier wordt een pijltje gedefinieerd! */
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 12px solid #fff;
    content: "";
}
.hero-slider .slides .slide .container.slide-content a > span > span {
    display: none;
}
@media screen and (min-width: 768px) {
    .hero-slider .slides .slide .container.slide-content a > span > span {
        display: block;
    }
}
@media screen and (max-width: 768px) {
    .hero-slider .slides .slide .container.slide-content a > span {
        padding: 0;
        position: absolute;
        right: 0;
        bottom: 0;
    }
}
.hero-slider .slides .slide .container.slide-content a:hover {
    color: #f7ede2;
    text-decoration: none;
    	/* Tijs */
    color: white;
}

/* -------------------------------------------------------------------------------------------*/

	/* Tijs - puntjes onder de grote slider */
.hero-slider .slick-dots {
    bottom: 0;
    width: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: block !important;
}
@media screen and (min-width: 768px) {
    .hero-slider .slick-dots {
        display: none !important;
    }
}
@media screen and (min-width: 768px) {
    .hero-slider .slick-dotted.slick-slider {
        margin-bottom: 0px;
    }
}

/* -------------------------------------------------------------------------------------------*/

.post-slider {
    position: relative;
    	/* lijn boven post-slider */
    border-top: 1px solid #ccc;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    
}
@media screen and (min-width: 768px) {
    .post-slider {
        padding-top: 1.6rem;
        	/* Tijs */
        padding-top: 1rem;
        padding-bottom: 3.2rem;
        	/* Tijs */
        padding-bottom: 1rem;
    }
}

	/* Tijs - hier staat het gestreepte achtergrondje */
.post-slider.bg {
    ackground-position: left center;
    ackground-repeat: repeat-y;
        ackground-position: calc((100% - (94rem + 00px)) / 2) center;
        ackground-repeat: repeat-y;
        background-image: linear-gradient(to right, #f6f3f0, rgba(255, 255, 255, 0));
}
.post-slider > h2 {
    display: none;
}
	/* Tijs - gekleurde titels slechts boven 1200 i.p.v. 1320, want site is smaller gemaakt*/
@media screen and (min-width: 1180px) {

	/* Tijs - titels links van carousel */
    .post-slider > h2 {
    		/* Tijs */
    	font-family: 'montserrat' !important;
    	font-weight: 900 !important;
        display: block;
        -webkit-transform: translate(0, -50%) rotate(-90deg);
        transform: translate(0, -50%) rotate(-90deg);
        position: absolute;
        	/* Tijs - titels iets hoger */
        top: 50%;
		/* Tijs */
        left: -13rem;
        width: 360px;
        text-align: center;
        	/* Tijs - beperkt door 'Nederlands' */
        font-size: 48px !important;
        	/* Tijs */
        font-weight: 700 !important;
        line-height: 72px !important;
        margin: 0 !important;
    }
}

	/* Tijs - zelfbedacht */
.post-slider > h2:hover {
	opacity: .88;
}

.post-slider .slide-container {
    overflow: hidden;
    padding: 1.6rem 0;    
    	/* Tijs - doet niets */
    padding: 0 0 !important;
    	/* Tijs - doet niets */    	
    margin: 0 !important;
    ackground: red;
}
@media screen and (min-width: 1140px) {
    .post-slider .slide-container {
        width: calc(94rem + ((100% - 94rem) / 2));
        float: right;
        padding: 1.6rem;
		/* Tijs */
        padding: 0;
        box-sizing: border-box;
    }
}
@media screen and (min-width: 1180px) {
    .post-slider .slide-container {
        padding: 1.6rem 0;
		/* Tijs */
        padding: 0rem 0;
    }
}
.post-slider .slide-container .overflow-container {
    width: calc(100% + ((100% / 2) / 2));
}
@media screen and (min-width: 1140px) {
    .post-slider .slide-container .overflow-container {
        width: 94rem;
    }
}
.post-slider .slide-container .overflow-container > h3 {
    font-size: 3.2rem;
    padding-right: 1rem;
    padding-left: 1rem;
    margin: 0;
    	/* Tijs */
    margin-top:10px;
    	/* Tijs */
    height: 4rem;
    margin-bottom: 2rem;
}
@media screen and (max-width: 480px) {
    .post-slider .slide-container .overflow-container > h3 {
        font-size: 2.24rem;
    }
}
@media screen and (min-width: 768px) {
    .post-slider .slide-container .overflow-container > h3 {
        padding-right: 1.6rem;
        padding-left: 1.6rem;
    }
}
@media screen and (min-width: 1140px) {
    .post-slider .slide-container .overflow-container > h3 {
        padding: 0;
    }
}
.post-slider .slide-container .overflow-container .posts {
    margin-bottom: 0;
}
@media screen and (min-width: 768px) {
    .post-slider .slide-container .overflow-container .posts {
        margin-right: 1rem;
        margin-left: 1rem;
    }
}
@media screen and (min-width: 1140px) {
    .post-slider .slide-container .overflow-container .posts {
        margin-left: -1.6rem;
        margin-right: -1.6rem;
        width: calc(100% + 3rem);
    }
}
.post-slider .slide-container .overflow-container .posts .slick-slide {
    padding: 1rem;
    box-sizing: border-box;
}
@media screen and (min-width: 1140px) {
    .post-slider .slide-container .overflow-container .posts .slick-slide {
	    	/* Tijs - verrassend, dit is de afstand tussen de posts */
        padding: 1.6rem;
    }
}
.post-slider .slide-container .overflow-container .posts .slick-prev,
.post-slider .slide-container .overflow-container .posts .slick-next {
    top: -3rem;
    	/* Tijs - rand om pijltjes weg!!! */ 
    border: 0px solid #817a72 !important;
    padding: 1rem 1.5rem;
    	/* Tijs */
    padding: 0;
    height: 5rem;
    	/* Tijs - hoogte pijltjes */
    height: 2rem;
    width: 2rem;`
    	/* Tijs - pijltjes stonden uit op mobiel */
    display: inline-block !important;
}



@media screen and (min-width: 768px) {
    .post-slider .slide-container .overflow-container .posts .slick-prev,
    .post-slider .slide-container .overflow-container .posts .slick-next {
        display: inline-block !important;
    }
}
.post-slider .slide-container .overflow-container .posts .slick-next {
    right: 0;
}

	/* Tijs - dit is de pijl rechtsboven bij de postslider!!!!!!!!!!!!!!!! */
.post-slider .slide-container .overflow-container .posts .slick-next:before {
    content: ">";
    font-size: 25px;
    line-height: 1;
    background: black;
    color: white;
    padding: 1px 10px 3px 10px;
}
.post-slider .slide-container .overflow-container .posts .slick-prev {
    left: inherit;
}

.post-slider .slide-container .overflow-container .posts .slick-prev {
	float: right;
	right: 70px;
}
.post-slider .slide-container .overflow-container .posts .slick-next {
	float: right;
	right: 28px;
}

@media screen and (max-width: 1200px) {
	.post-slider .slide-container .overflow-container .posts .slick-prev {
		float: left;
		left: 350px;
	}
	.post-slider .slide-container .overflow-container .posts .slick-next {
		float: left;
		left: 390px;
	}
}


	/* Tijs - dit is de pijl rechtsboven bij de postslider!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
.post-slider .slide-container .overflow-container .posts .slick-prev:before {
    content: "<";
    font-size: 25px;
    line-height: 1;
    background: black;
    color: white;
    padding: 1px 10px 3px 10px;
}
.post-slider::after {
    clear: both;
    content: "";
    display: block;
}
#res-page {
    display: none;
}
@media screen and (max-height: 780px) and (min-width: 1220px) {
    #res-page {
        display: block;
        position: absolute;
        bottom: 1.6rem;
        left: 5.8rem;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        font-family: "roboto condensed", sans-serif;
        font-weight: 400;
        height: 3rem;
        text-align: center;
        width: 3rem;
        line-height: 3rem;
        background: #fff5ea;
        border-radius: 50%;
        	/* Tijs */
        display: none;
    }
}
#res-page:hover {
    color: #555555;
    text-decoration: none;
}
.product__share {
	/* tijs */
	isplay: none;
    float: right;
    margin-bottom: 0.8rem;
}
.product__share a {
    display: inline-block;
    margin-left: 1.6rem;
    	/* Tijs - geen lijn eronder */
    border-bottom: 0px;
}
.ajde_evcal_calendar {
    margin-top: 3.2rem;
    margin-bottom: 9.6rem;
}
.ajde_evcal_calendar .calendar_header p {
    font-family: "roboto condensed", sans-serif;
    font-weight: 400;
    text-transform: none;
    color: #555555 !important;
}
.gform_wrapper {
    margin-bottom: 0.8rem;
}
.gform_wrapper .validation_error {
    color: #d9534f;
}
.gform_wrapper .gform_body .gform_fields {
    margin: 1.6rem 0;
    list-style: none;
    padding: 0;
}
.gform_wrapper .gform_body .gform_fields .gfield {
    list-style: none;
    margin-bottom: 1.6rem;
}
.gform_wrapper .gform_body .gform_fields .gfield .gfield_label {
    font-family: "roboto condensed", sans-serif;
    font-weight: 400;
    margin-top: 1.6rem;
    margin-bottom: 0.8rem;
}
.gform_wrapper .gform_body .gform_fields .gfield .validation_message {
    color: #d9534f;
}
.maps {
    z-index: 10;
    width: 100%;
    height: 460px;
    position: relative;
}
.maps .maps__infobox {
    width: 250px;
    border-radius: 5px;
    background: #fff;
    padding: 30px;
    position: relative;
}
.maps .maps__infobox:before {
    position: relative;
}
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after {
    content: "";
    display: table;
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}
[dir="rtl"] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.slick-loading .slick-list {
    background: #fff url("../../img/ajax-loader.gif") center center no-repeat;
}
.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    padding: 0;
    border: none;
    outline: none;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    pacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
    font-family: "sans";
    font-size: 20px;
    line-height: 1;
    color: #555555;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
    left: -25px;
}
[dir="rtl"] .slick-prev {
    left: auto;
    right: -25px;
}
.slick-prev:before {
    content: "�";
}
[dir="rtl"] .slick-prev:before {
    content: "→";
}
.slick-next {
    right: -25px;
}
[dir="rtl"] .slick-next {
    left: -25px;
    right: auto;
}
.slick-next:before {
    content: "→";
}
[dir="rtl"] .slick-next:before {
    content: "�";
}
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}
	/* Tijs - puntjes onder hero-slider */
.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

/* Tijs - Slick-dots button */

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: transparent;
    padding: 5px;
    cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: .68;
}
.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: "sans";
    font-size: 7rem;
    line-height: 20px;
    text-align: center;
    color: #555555;
    opacity: 0.25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
    color: #555555;
    opacity: 0.75;
}
.slick-slide img {
    display: block;
    margin: 0 auto;
}
.slick-list {
	/* Tijs - geen halve posts zichtbaar in carousel!!!!!!!!!!!! */
    overflow: hidden !important;
}
.slick-dots {
	/* Tijs - punten iets naar beneden */
    ottom: 0px;
}
.slick-dots li button:before {
	font-family: "montserrat";
    content: ".";
}

/* ------------------------------------------------------------------------------------------------------------ */

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.vjs-button > .vjs-icon-placeholder:before,
.video-js .vjs-modal-dialog,
.vjs-modal-dialog .vjs-modal-dialog-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.vjs-button > .vjs-icon-placeholder:before {
    text-align: center;
}
@font-face {
    font-family: VideoJS;
    src: url(data:application/font-woff;charset=utf-8;base64,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)
        format("woff");
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-play,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-play:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder:before {
    content: "\f101";
}
.vjs-icon-play-circle {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-play-circle:before {
    content: "\f102";
}
.vjs-icon-pause,
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-pause:before,
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
    content: "\f103";
}
.vjs-icon-volume-mute,
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-volume-mute:before,
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
    content: "\f104";
}
.vjs-icon-volume-low,
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-volume-low:before,
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
    content: "\f105";
}
.vjs-icon-volume-mid,
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-volume-mid:before,
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
    content: "\f106";
}
.vjs-icon-volume-high,
.video-js .vjs-mute-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-volume-high:before,
.video-js .vjs-mute-control .vjs-icon-placeholder:before {
    content: "\f107";
}
.vjs-icon-fullscreen-enter,
.video-js .vjs-fullscreen-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-fullscreen-enter:before,
.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
    content: "\f108";
}
.vjs-icon-fullscreen-exit,
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-fullscreen-exit:before,
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
    content: "\f109";
}
.vjs-icon-square {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-square:before {
    content: "\f10a";
}
.vjs-icon-spinner {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-spinner:before {
    content: "\f10b";
}
.vjs-icon-subtitles,
.video-js .vjs-subtitles-button .vjs-icon-placeholder,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-subtitles:before,
.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before {
    content: "\f10c";
}
.vjs-icon-captions,
.video-js .vjs-captions-button .vjs-icon-placeholder,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-captions:before,
.video-js .vjs-captions-button .vjs-icon-placeholder:before,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before {
    content: "\f10d";
}
.vjs-icon-chapters,
.video-js .vjs-chapters-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-chapters:before,
.video-js .vjs-chapters-button .vjs-icon-placeholder:before {
    content: "\f10e";
}
.vjs-icon-share {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-share:before {
    content: "\f10f";
}
.vjs-icon-cog {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-cog:before {
    content: "\f110";
}
.vjs-icon-circle,
.video-js .vjs-play-progress,
.video-js .vjs-volume-level,
.vjs-seek-to-live-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-circle:before,
.video-js .vjs-play-progress:before,
.video-js .vjs-volume-level:before,
.vjs-seek-to-live-control .vjs-icon-placeholder:before {
    content: "\f111";
}
.vjs-icon-circle-outline {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-circle-outline:before {
    content: "\f112";
}
.vjs-icon-circle-inner-circle {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-circle-inner-circle:before {
    content: "\f113";
}
.vjs-icon-hd {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-hd:before {
    content: "\f114";
}
.vjs-icon-cancel,
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-cancel:before,
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
    content: "\f115";
}
.vjs-icon-replay,
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-replay:before,
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
    content: "\f116";
}
.vjs-icon-facebook {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-facebook:before {
    content: "\f117";
}
.vjs-icon-gplus {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-gplus:before {
    content: "\f118";
}
.vjs-icon-linkedin {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-linkedin:before {
    content: "\f119";
}
.vjs-icon-twitter {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-twitter:before {
    content: "\f11a";
}
.vjs-icon-tumblr {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-tumblr:before {
    content: "\f11b";
}
.vjs-icon-pinterest {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-pinterest:before {
    content: "\f11c";
}
.vjs-icon-audio-description,
.video-js .vjs-descriptions-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-audio-description:before,
.video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
    content: "\f11d";
}
.vjs-icon-audio,
.video-js .vjs-audio-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-audio:before,
.video-js .vjs-audio-button .vjs-icon-placeholder:before {
    content: "\f11e";
}
.vjs-icon-next-item {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-next-item:before {
    content: "\f11f";
}
.vjs-icon-previous-item {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-previous-item:before {
    content: "\f120";
}
.video-js {
    display: block;
    vertical-align: top;
    box-sizing: border-box;
    color: #fff;
    background-color: #000;
    position: relative;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    word-break: initial;
}
.video-js:-moz-full-screen {
    position: absolute;
}
.video-js:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important;
}
.video-js[tabindex="-1"] {
    outline: none;
}
.video-js *,
.video-js *:before,
.video-js *:after {
    box-sizing: inherit;
}
.video-js ul {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    list-style-position: outside;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
}
.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3 {
    width: 100%;
    max-width: 100%;
    height: 0;
}
.video-js.vjs-16-9 {
    padding-top: 56.25%;
}
.video-js.vjs-4-3 {
    padding-top: 75%;
}
.video-js.vjs-fill {
    width: 100%;
    height: 100%;
}
.video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
body.vjs-full-window {
    padding: 0;
    margin: 0;
    height: 100%;
}
.vjs-full-window .video-js.vjs-fullscreen {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}
.video-js.vjs-fullscreen {
    width: 100% !important;
    height: 100% !important;
    padding-top: 0 !important;
}
.video-js.vjs-fullscreen.vjs-user-inactive {
    cursor: none;
}
.vjs-hidden {
    display: none !important;
}
.vjs-disabled {
    opacity: 0.5;
    cursor: default;
}
.video-js .vjs-offscreen {
    height: 1px;
    left: -9999px;
    position: absolute;
    top: 0;
    width: 1px;
}
.vjs-lock-showing {
    display: block !important;
    opacity: 1;
    visibility: visible;
}
.vjs-no-js {
    padding: 20px;
    color: #fff;
    background-color: #000;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    width: 300px;
    height: 150px;
    margin: 0px auto;
}
.vjs-no-js a,
.vjs-no-js a:visited {
    color: #66a8cc;
}
.video-js .vjs-big-play-button {
    font-size: 3em;
    line-height: 6rem;
    height: 6rem;
    width: 6rem;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    border: 0.06666em solid #fff;
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, 0.7);
    border-radius: 0.3em;
    transition: all 0.4s;
}
.vjs-big-play-centered .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin-top: -3rem;
    margin-left: -3rem;
}
.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
    border-color: #fff;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, 0.5);
    transition: all 0s;
}
.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
    display: none;
}
.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
    display: block;
}
.video-js button {
    background: none;
    border: none;
    color: inherit;
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
    transition: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.vjs-control .vjs-button {
    width: 100%;
    height: 100%;
}
.video-js .vjs-control.vjs-close-button {
    cursor: pointer;
    height: 3em;
    position: absolute;
    right: 0;
    top: 0.5em;
    z-index: 2;
}
.video-js .vjs-modal-dialog {
    background: rgba(0, 0, 0, 0.8);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
    overflow: auto;
}
.video-js .vjs-modal-dialog > * {
    box-sizing: border-box;
}
.vjs-modal-dialog .vjs-modal-dialog-content {
    font-size: 1.2em;
    line-height: 1.5;
    padding: 20px 24px;
    z-index: 1;
}
.vjs-menu-button {
    cursor: pointer;
}
.vjs-menu-button.vjs-disabled {
    cursor: default;
}
.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
    display: none;
}
.vjs-menu .vjs-menu-content {
    display: block;
    padding: 0;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    overflow: auto;
}
.vjs-menu .vjs-menu-content > * {
    box-sizing: border-box;
}
.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
    display: none;
}
.vjs-menu li {
    list-style: none;
    margin: 0;
    padding: 0.2em 0;
    line-height: 1.4em;
    font-size: 1.2em;
    text-align: center;
    text-transform: lowercase;
}
.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
    background-color: #73859f;
    background-color: rgba(115, 133, 159, 0.5);
}
.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
    background-color: #fff;
    color: #2b333f;
}
.vjs-menu li.vjs-menu-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 2em;
    padding: 0;
    margin: 0 0 0.3em 0;
    font-weight: bold;
    cursor: default;
}
.vjs-menu-button-popup .vjs-menu {
    display: none;
    position: absolute;
    bottom: 0;
    width: 10em;
    left: -3em;
    height: 0em;
    margin-bottom: 1.5em;
    border-top-color: rgba(43, 51, 63, 0.7);
}
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, 0.7);
    position: absolute;
    width: 100%;
    bottom: 1.5em;
    max-height: 15em;
}
.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
    display: block;
}
.video-js .vjs-menu-button-inline {
    transition: all 0.4s;
    overflow: hidden;
}
.video-js .vjs-menu-button-inline:before {
    width: 2.222222222em;
}
.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
    width: 12em;
}
.vjs-menu-button-inline .vjs-menu {
    opacity: 0;
    height: 100%;
    width: auto;
    position: absolute;
    left: 4em;
    top: 0;
    padding: 0;
    margin: 0;
    transition: all 0.4s;
}
.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
    display: block;
    opacity: 1;
}
.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
    display: block;
    opacity: 1;
    position: relative;
    width: auto;
}
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
    width: auto;
}
.vjs-menu-button-inline .vjs-menu-content {
    width: auto;
    height: 100%;
    margin: 0;
    overflow: hidden;
}
.video-js .vjs-control-bar {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3em;
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, 0.7);
}
.vjs-has-started .vjs-control-bar {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
    opacity: 1;
    transition: visibility 0.1s, opacity 0.1s;
}
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: visible;
    opacity: 0;
    transition: visibility 1s, opacity 1s;
}
.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
    display: none !important;
}
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 1;
    visibility: visible;
}
.vjs-has-started.vjs-no-flex .vjs-control-bar {
    display: table;
}
.video-js .vjs-control {
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 4em;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
}
.vjs-button > .vjs-icon-placeholder:before {
    font-size: 1.8em;
    line-height: 1.67;
}
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
    text-shadow: 0em 0em 1em #fff;
}
.video-js .vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.vjs-no-flex .vjs-control {
    display: table-cell;
    vertical-align: middle;
}
.video-js .vjs-custom-control-spacer {
    display: none;
}
.video-js .vjs-progress-control {
    cursor: pointer;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 4em;
    -ms-touch-action: none;
    touch-action: none;
}
.video-js .vjs-progress-control.disabled {
    cursor: default;
}
.vjs-live .vjs-progress-control {
    display: none;
}
.vjs-liveui .vjs-progress-control {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.vjs-no-flex .vjs-progress-control {
    width: auto;
}
.video-js .vjs-progress-holder {
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    transition: all 0.2s;
    height: 0.3em;
}
.video-js .vjs-progress-control .vjs-progress-holder {
    margin: 0 10px;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: 1.444444444444444444em;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
    font-size: 1em;
}
.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
    position: absolute;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 0;
}
.video-js .vjs-play-progress {
    background-color: #fff;
}
.video-js .vjs-play-progress:before {
    font-size: 0.9em;
    position: absolute;
    right: -0.5em;
    top: -0.333333333333333em;
    z-index: 1;
}
.video-js .vjs-load-progress {
    background: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-load-progress div {
    background: rgba(115, 133, 159, 0.75);
}
.video-js .vjs-time-tooltip {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 0.3em;
    color: #000;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    padding: 6px 8px 8px 8px;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    visibility: hidden;
    z-index: 1;
}
.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
    display: none;
}
.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
    display: block;
    font-size: 0.6em;
    visibility: visible;
}
.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
    font-size: 1em;
}
.video-js .vjs-progress-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #000;
    z-index: 1;
}
.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    z-index: 0;
}
.video-js .vjs-progress-control:hover .vjs-mouse-display {
    display: block;
}
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
    visibility: hidden;
    opacity: 0;
    transition: visibility 1s, opacity 1s;
}
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    display: none;
}
.vjs-mouse-display .vjs-time-tooltip {
    color: #fff;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.8);
}
.video-js .vjs-slider {
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0 0.45em 0 0.45em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-slider.disabled {
    cursor: default;
}
.video-js .vjs-slider:focus {
    text-shadow: 0em 0em 1em #fff;
    box-shadow: 0 0 1em #fff;
}
.video-js .vjs-mute-control {
    cursor: pointer;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
}
.video-js .vjs-volume-control {
    cursor: pointer;
    margin-right: 1em;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.video-js .vjs-volume-control.vjs-volume-horizontal {
    width: 5em;
}
.video-js .vjs-volume-panel .vjs-volume-control {
    visibility: visible;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin-left: -1px;
}
.video-js .vjs-volume-panel {
    transition: width 1s;
}
.video-js .vjs-volume-panel:hover .vjs-volume-control,
.video-js .vjs-volume-panel:active .vjs-volume-control,
.video-js .vjs-volume-panel:focus .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control:hover,
.video-js .vjs-volume-panel .vjs-volume-control:active,
.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
    visibility: visible;
    opacity: 1;
    position: relative;
    transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}
.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
    width: 5em;
    height: 3em;
}
.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
    left: -3.5em;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
    width: 9em;
    transition: width 0.1s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
    width: 4em;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    height: 8em;
    width: 3em;
    left: -3000em;
    transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    width: 5em;
    height: 3em;
    visibility: visible;
    opacity: 1;
    position: relative;
    transition: none;
}
.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    position: absolute;
    bottom: 3em;
    left: 0.5em;
}
.video-js .vjs-volume-panel {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.video-js .vjs-volume-bar {
    margin: 1.35em 0.45em;
}
.vjs-volume-bar.vjs-slider-horizontal {
    width: 5em;
    height: 0.3em;
}
.vjs-volume-bar.vjs-slider-vertical {
    width: 0.3em;
    height: 5em;
    margin: 1.35em auto;
}
.video-js .vjs-volume-level {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff;
}
.video-js .vjs-volume-level:before {
    position: absolute;
    font-size: 0.9em;
}
.vjs-slider-vertical .vjs-volume-level {
    width: 0.3em;
}
.vjs-slider-vertical .vjs-volume-level:before {
    top: -0.5em;
    left: -0.3em;
}
.vjs-slider-horizontal .vjs-volume-level {
    height: 0.3em;
}
.vjs-slider-horizontal .vjs-volume-level:before {
    top: -0.3em;
    right: -0.5em;
}
.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
    width: 4em;
}
.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
    height: 100%;
}
.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
    width: 100%;
}
.video-js .vjs-volume-vertical {
    width: 3em;
    height: 8em;
    bottom: 8em;
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, 0.7);
}
.video-js .vjs-volume-horizontal .vjs-menu {
    left: -2em;
}
.vjs-poster {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    background-color: #000000;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
}
.vjs-has-started .vjs-poster {
    display: none;
}
.vjs-audio.vjs-has-started .vjs-poster {
    display: block;
}
.vjs-using-native-controls .vjs-poster {
    display: none;
}
.video-js .vjs-live-control {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    font-size: 1em;
    line-height: 3em;
}
.vjs-no-flex .vjs-live-control {
    display: table-cell;
    width: auto;
    text-align: left;
}
.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
    display: none;
}
.video-js .vjs-seek-to-live-control {
    cursor: pointer;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 100%;
    padding-left: 0.5em;
    padding-right: 0.5em;
    font-size: 1em;
    line-height: 3em;
    width: auto;
    min-width: 4em;
}
.vjs-no-flex .vjs-seek-to-live-control {
    display: table-cell;
    width: auto;
    text-align: left;
}
.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
    display: none;
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
    cursor: auto;
}
.vjs-seek-to-live-control .vjs-icon-placeholder {
    margin-right: 0.5em;
    color: #888;
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
    color: red;
}
.video-js .vjs-time-control {
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    font-size: 1em;
    line-height: 3em;
    min-width: 2em;
    width: auto;
    padding-left: 1em;
    padding-right: 1em;
}
.vjs-live .vjs-time-control {
    display: none;
}
.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
    display: none;
}
.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
    display: none;
}
.vjs-time-divider {
    display: none;
    line-height: 3em;
}
.vjs-live .vjs-time-divider {
    display: none;
}
.video-js .vjs-play-control {
    cursor: pointer;
}
.video-js .vjs-play-control .vjs-icon-placeholder {
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
}
.vjs-text-track-display {
    position: absolute;
    bottom: 3em;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none;
}
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
    bottom: 1em;
}
.video-js .vjs-text-track {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: 0.1em;
}
.vjs-subtitles {
    color: #fff;
}
.vjs-captions {
    color: #fc6;
}
.vjs-tt-cue {
    display: block;
}
video::-webkit-media-text-track-display {
    -webkit-transform: translateY(-3em);
    transform: translateY(-3em);
}
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
    -webkit-transform: translateY(-1.5em);
    transform: translateY(-1.5em);
}
.video-js .vjs-fullscreen-control {
    cursor: pointer;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
}
.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.vjs-playback-rate .vjs-playback-rate-value {
    pointer-events: none;
    font-size: 1.5em;
    line-height: 2;
    text-align: center;
}
.vjs-playback-rate .vjs-menu {
    width: 4em;
    left: 0em;
}
.vjs-error .vjs-error-display .vjs-modal-dialog-content {
    font-size: 1.4em;
    text-align: center;
}
.vjs-error .vjs-error-display:before {
    color: #fff;
    content: "X";
    font-family: Arial, Helvetica, sans-serif;
    font-size: 4em;
    left: 0;
    line-height: 1;
    margin-top: -0.5em;
    position: absolute;
    text-shadow: 0.05em 0.05em 0.1em #000;
    text-align: center;
    top: 50%;
    vertical-align: middle;
    width: 100%;
}
.vjs-loading-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: 0.85;
    text-align: left;
    border: 6px solid rgba(43, 51, 63, 0.7);
    box-sizing: border-box;
    background-clip: padding-box;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    visibility: hidden;
}
.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
    display: block;
    -webkit-animation: 0s linear 0.3s forwards vjs-spinner-show;
    animation: 0s linear 0.3s forwards vjs-spinner-show;
}
.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
    content: "";
    position: absolute;
    margin: -6px;
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: 1;
    border: inherit;
    border-color: transparent;
    border-top-color: white;
}
.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
    -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
    animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
    border-top-color: #fff;
}
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
    border-top-color: #fff;
    -webkit-animation-delay: 0.44s;
    animation-delay: 0.44s;
}
@keyframes vjs-spinner-show {
    to {
        visibility: visible;
    }
}
@-webkit-keyframes vjs-spinner-show {
    to {
        visibility: visible;
    }
}
@keyframes vjs-spinner-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes vjs-spinner-spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f;
    }
    20% {
        border-top-color: #73859f;
    }
    35% {
        border-top-color: white;
    }
    60% {
        border-top-color: #73859f;
    }
    100% {
        border-top-color: #73859f;
    }
}
@-webkit-keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f;
    }
    20% {
        border-top-color: #73859f;
    }
    35% {
        border-top-color: white;
    }
    60% {
        border-top-color: #73859f;
    }
    100% {
        border-top-color: #73859f;
    }
}
.vjs-chapters-button .vjs-menu ul {
    width: 24em;
}
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -0.1em;
}
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family: VideoJS;
    content: "\f10d";
    font-size: 1.5em;
    line-height: inherit;
}
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -0.1em;
}
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family: VideoJS;
    content: " \f11d";
    font-size: 1.5em;
    line-height: inherit;
}
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    display: block;
}
.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
    width: auto;
}
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-panel,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subs-caps-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button {
    display: none;
}
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-panel,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subs-caps-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button {
    display: none;
}
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-panel,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-audio-button {
    display: none;
}
.vjs-modal-dialog.vjs-text-track-settings {
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, 0.75);
    color: #fff;
    height: 70%;
}
.vjs-text-track-settings .vjs-modal-dialog-content {
    display: table;
}
.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
    display: table-cell;
}
.vjs-text-track-settings .vjs-track-settings-controls {
    text-align: right;
    vertical-align: bottom;
}
@supports (display: grid) {
    .vjs-text-track-settings .vjs-modal-dialog-content {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        -ms-grid-rows: 1fr;
        grid-template-rows: 1fr;
        padding: 20px 24px 0px 24px;
    }
    .vjs-track-settings-controls .vjs-default-button {
        margin-bottom: 20px;
    }
    .vjs-text-track-settings .vjs-track-settings-controls {
        grid-column: 1 / -1;
    }
    .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
    .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
    .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}
.vjs-track-setting > select {
    margin-right: 1em;
    margin-bottom: 0.5em;
}
.vjs-text-track-settings fieldset {
    margin: 5px;
    padding: 3px;
    border: none;
}
.vjs-text-track-settings fieldset span {
    display: inline-block;
}
.vjs-text-track-settings fieldset span > select {
    max-width: 7.3em;
}
.vjs-text-track-settings legend {
    color: #fff;
    margin: 0 0 5px 0;
}
.vjs-text-track-settings .vjs-label {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    display: block;
    margin: 0 0 5px 0;
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
    outline-style: solid;
    outline-width: medium;
    background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
}
.vjs-track-settings-controls button:hover {
    color: rgba(43, 51, 63, 0.75);
}
.vjs-track-settings-controls button {
    background-color: #fff;
    background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
    color: #2b333f;
    cursor: pointer;
    border-radius: 2px;
}
.vjs-track-settings-controls .vjs-default-button {
    margin-right: 1em;
}
@media print {
    .video-js > *:not(.vjs-tech):not(.vjs-poster) {
        visibility: hidden;
    }
}
.vjs-resize-manager {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    z-index: -1000;
}
.js-focus-visible .video-js *:focus:not(.focus-visible) {
    outline: none;
    background: none;
}
.video-js *:focus:not(:focus-visible),
.video-js .vjs-menu *:focus:not(:focus-visible) {
    outline: none;
    background: none;
}
.video-js .vjs-big-play-button {
    border: none;
    background-color: #d55;
    border-radius: 0;
}

	/* ------------------------------------------------------------------------------------------------------------------------------------------------- */

.datum {
	font-size: 14px;
	margin-top: -1rem;
	margin-bottom: 4rem;
}

.youtube_embed {
	margin-top: 25px;
	margin-bottom: 28px;
}

	/* Tijs - in lezen.tv is dit het lege item in het midden */
.menu-item-4207 {
	width: 12%;
	padding-left: 30px;
	padding-right: 60px;
	height: 0px;
}

.content em {
	color: #333 !important;
	font-weight: regular;
}

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

	.vimeo_embed, .youtube_embed {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
	}
	
	.vimeo_embed iframe, .vimeo_embedobject, .vimeo_container embed {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
	.youtube_embed iframe, .youtube_embedobject, .youtube_container embed {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
}