@charset "UTF-8";
html.swipebox-html.swipebox-touch{overflow:hidden!important}#swipebox-overlay img{border:none!important}#swipebox-overlay{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999!important;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.admin-bar #swipebox-overlay{top: 32px;}.admin-bar #swipebox-container {bottom: 32px;}#swipebox-container{position:relative;width:100%;height:100%}#swipebox-slider{-webkit-transition:-webkit-transform 0.4s ease;transition:transform 0.4s ease;height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;display:none;cursor:pointer}#swipebox-slider .slide{height:100%;width:100%;line-height:1px;text-align:center;display:inline-block}#swipebox-slider .slide:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#swipebox-slider .slide img,#swipebox-slider .slide .swipebox-video-container,#swipebox-slider .slide .swipebox-inline-container{display:inline-block;max-height:100%;max-width:100%;margin:0;padding:0;width:auto;height:auto;vertical-align:middle}#swipebox-slider .slide .swipebox-video-container{background:none;max-width:1140px;max-height:100%;width:100%;padding:5%;-webkit-box-sizing:border-box;box-sizing:border-box}#swipebox-slider .slide .swipebox-video-container .swipebox-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{width:100%!important;height:100%!important;position:absolute;top:0;left:0}#swipebox-slider .slide-loading{background:url(//www.djmarcelmeijer.nl/wp-content/plugins/responsive-lightbox/assets/swipebox/img/loader.gif) no-repeat center center}#swipebox-bottom-bar,#swipebox-top-bar{-webkit-transition:0.5s;transition:0.5s;position:absolute;left:0;z-index:999;height:50px;width:100%}#swipebox-bottom-bar{bottom:-50px}#swipebox-bottom-bar.visible-bars{-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}#swipebox-top-bar{top:-50px}#swipebox-top-bar.visible-bars{-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}#swipebox-title{display:block;width:100%;text-align:center}#swipebox-prev,#swipebox-next,#swipebox-close{background-image:url(//www.djmarcelmeijer.nl/wp-content/plugins/responsive-lightbox/assets/swipebox/img/icons.png);background-repeat:no-repeat;border:none!important;text-decoration:none!important;cursor:pointer;width:50px;height:50px;top:0}#swipebox-arrows{display:block;margin:0 auto;width:100%;height:50px}#swipebox-prev{background-position:-32px 13px;float:left}#swipebox-next{background-position:-78px 13px;float:right}#swipebox-close{top:0;right:0;position:absolute;z-index:9999;background-position:15px 12px}.swipebox-no-close-button #swipebox-close{display:none}#swipebox-prev.disabled,#swipebox-next.disabled{opacity:.3}.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider{-webkit-animation:rightSpring 0.3s;animation:rightSpring 0.3s}.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider{-webkit-animation:leftSpring 0.3s;animation:leftSpring 0.3s}.swipebox-touch #swipebox-container:before,.swipebox-touch #swipebox-container:after{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;content:' ';position:absolute;z-index:999;top:0;height:100%;width:20px;opacity:0}.swipebox-touch #swipebox-container:before{left:0;-webkit-box-shadow:inset 10px 0 10px -8px #656565;box-shadow:inset 10px 0 10px -8px #656565}.swipebox-touch #swipebox-container:after{right:0;-webkit-box-shadow:inset -10px 0 10px -8px #656565;box-shadow:inset -10px 0 10px -8px #656565}.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before{opacity:1}.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after{opacity:1}@-webkit-keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@-webkit-keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@media screen and (min-width:800px){#swipebox-close{right:10px}#swipebox-arrows{width:92%;max-width:800px}}#swipebox-overlay{background:#0d0d0d}#swipebox-bottom-bar,#swipebox-top-bar{text-shadow:1px 1px 1px black;background:#000;opacity:.95}#swipebox-top-bar{color:white!important;font-size:15px;line-height:43px;font-family:Helvetica,Arial,sans-serif}
 @import url("https://fonts.googleapis.com/css?family=Oswald:400,700");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
} article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} .hamburger {
padding: 15px 15px;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
}
.hamburger:hover {
opacity: 0.7;
}
.hamburger-box {
width: 40px;
height: 24px;
display: inline-block;
position: relative;
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 40px;
height: 4px;
background-color: #000;
border-radius: 4px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block;
}
.hamburger-inner::before {
top: -10px;
}
.hamburger-inner::after {
bottom: -10px;
} .hamburger--3dx .hamburger-box {
perspective: 80px;
}
.hamburger--3dx .hamburger-inner {
transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx.is-active .hamburger-inner {
background-color: transparent;
transform: rotateY(180deg);
}
.hamburger--3dx.is-active .hamburger-inner::before {
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dx.is-active .hamburger-inner::after {
transform: translate3d(0, -10px, 0) rotate(-45deg);
} .hamburger--3dx-r .hamburger-box {
perspective: 80px;
}
.hamburger--3dx-r .hamburger-inner {
transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx-r.is-active .hamburger-inner {
background-color: transparent;
transform: rotateY(-180deg);
}
.hamburger--3dx-r.is-active .hamburger-inner::before {
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dx-r.is-active .hamburger-inner::after {
transform: translate3d(0, -10px, 0) rotate(-45deg);
} .hamburger--3dy .hamburger-box {
perspective: 80px;
}
.hamburger--3dy .hamburger-inner {
transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy.is-active .hamburger-inner {
background-color: transparent;
transform: rotateX(-180deg);
}
.hamburger--3dy.is-active .hamburger-inner::before {
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dy.is-active .hamburger-inner::after {
transform: translate3d(0, -10px, 0) rotate(-45deg);
} .hamburger--3dy-r .hamburger-box {
perspective: 80px;
}
.hamburger--3dy-r .hamburger-inner {
transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy-r.is-active .hamburger-inner {
background-color: transparent;
transform: rotateX(180deg);
}
.hamburger--3dy-r.is-active .hamburger-inner::before {
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dy-r.is-active .hamburger-inner::after {
transform: translate3d(0, -10px, 0) rotate(-45deg);
} .hamburger--arrow.is-active .hamburger-inner::before {
transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.hamburger--arrow.is-active .hamburger-inner::after {
transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
} .hamburger--arrow-r.is-active .hamburger-inner::before {
transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.hamburger--arrow-r.is-active .hamburger-inner::after {
transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
} .hamburger--arrowalt .hamburger-inner::before {
transition: top 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt .hamburger-inner::after {
transition: bottom 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt.is-active .hamburger-inner::before {
top: 0;
transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
transition: top 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.hamburger--arrowalt.is-active .hamburger-inner::after {
bottom: 0;
transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
} .hamburger--arrowalt-r .hamburger-inner::before {
transition: top 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r .hamburger-inner::after {
transition: bottom 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r.is-active .hamburger-inner::before {
top: 0;
transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
transition: top 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.hamburger--arrowalt-r.is-active .hamburger-inner::after {
bottom: 0;
transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
} .hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
transition-property: none;
}
.hamburger--boring.is-active .hamburger-inner {
transform: rotate(45deg);
}
.hamburger--boring.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
}
.hamburger--boring.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
} .hamburger--collapse .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: 0.15s;
transition-delay: 0.15s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse .hamburger-inner::after {
top: -20px;
transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse .hamburger-inner::before {
transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse.is-active .hamburger-inner {
transform: translate3d(0, -10px, 0) rotate(-45deg);
transition-delay: 0.32s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear;
}
.hamburger--collapse.is-active .hamburger-inner::before {
top: 0;
transform: rotate(-90deg);
transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--collapse-r .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: 0.15s;
transition-delay: 0.15s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r .hamburger-inner::after {
top: -20px;
transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse-r .hamburger-inner::before {
transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r.is-active .hamburger-inner {
transform: translate3d(0, -10px, 0) rotate(45deg);
transition-delay: 0.32s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse-r.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear;
}
.hamburger--collapse-r.is-active .hamburger-inner::before {
top: 0;
transform: rotate(90deg);
transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--elastic .hamburger-inner {
top: 2px;
transition-duration: 0.4s;
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic .hamburger-inner::before {
top: 10px;
transition: opacity 0.15s 0.4s ease;
}
.hamburger--elastic .hamburger-inner::after {
top: 20px;
transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic.is-active .hamburger-inner {
transform: translate3d(0, 10px, 0) rotate(135deg);
transition-delay: 0.1s;
}
.hamburger--elastic.is-active .hamburger-inner::before {
transition-delay: 0s;
opacity: 0;
}
.hamburger--elastic.is-active .hamburger-inner::after {
transform: translate3d(0, -20px, 0) rotate(-270deg);
transition-delay: 0.1s;
} .hamburger--elastic-r .hamburger-inner {
top: 2px;
transition-duration: 0.4s;
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic-r .hamburger-inner::before {
top: 10px;
transition: opacity 0.15s 0.4s ease;
}
.hamburger--elastic-r .hamburger-inner::after {
top: 20px;
transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic-r.is-active .hamburger-inner {
transform: translate3d(0, 10px, 0) rotate(-135deg);
transition-delay: 0.1s;
}
.hamburger--elastic-r.is-active .hamburger-inner::before {
transition-delay: 0s;
opacity: 0;
}
.hamburger--elastic-r.is-active .hamburger-inner::after {
transform: translate3d(0, -20px, 0) rotate(270deg);
transition-delay: 0.1s;
} .hamburger--emphatic {
overflow: hidden;
}
.hamburger--emphatic .hamburger-inner {
transition: background-color 0.2s 0.25s ease-in;
}
.hamburger--emphatic .hamburger-inner::before {
left: 0;
transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in;
}
.hamburger--emphatic .hamburger-inner::after {
top: 10px;
right: 0;
transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in;
}
.hamburger--emphatic.is-active .hamburger-inner {
transition-delay: 0s;
transition-timing-function: ease-out;
background-color: transparent;
}
.hamburger--emphatic.is-active .hamburger-inner::before {
left: -80px;
top: -80px;
transform: translate3d(80px, 80px, 0) rotate(45deg);
transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.hamburger--emphatic.is-active .hamburger-inner::after {
right: -80px;
top: -80px;
transform: translate3d(-80px, 80px, 0) rotate(-45deg);
transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
} .hamburger--emphatic-r {
overflow: hidden;
}
.hamburger--emphatic-r .hamburger-inner {
transition: background-color 0.2s 0.25s ease-in;
}
.hamburger--emphatic-r .hamburger-inner::before {
left: 0;
transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in;
}
.hamburger--emphatic-r .hamburger-inner::after {
top: 10px;
right: 0;
transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in;
}
.hamburger--emphatic-r.is-active .hamburger-inner {
transition-delay: 0s;
transition-timing-function: ease-out;
background-color: transparent;
}
.hamburger--emphatic-r.is-active .hamburger-inner::before {
left: -80px;
top: 80px;
transform: translate3d(80px, -80px, 0) rotate(-45deg);
transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.hamburger--emphatic-r.is-active .hamburger-inner::after {
right: -80px;
top: 80px;
transform: translate3d(-80px, -80px, 0) rotate(45deg);
transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
} .hamburger--slider .hamburger-inner {
top: 2px;
}
.hamburger--slider .hamburger-inner::before {
top: 10px;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: 0.2s;
}
.hamburger--slider .hamburger-inner::after {
top: 20px;
}
.hamburger--slider.is-active .hamburger-inner {
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--slider.is-active .hamburger-inner::before {
transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
opacity: 0;
}
.hamburger--slider.is-active .hamburger-inner::after {
transform: translate3d(0, -20px, 0) rotate(-90deg);
} .hamburger--slider-r .hamburger-inner {
top: 2px;
}
.hamburger--slider-r .hamburger-inner::before {
top: 10px;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: 0.2s;
}
.hamburger--slider-r .hamburger-inner::after {
top: 20px;
}
.hamburger--slider-r.is-active .hamburger-inner {
transform: translate3d(0, 10px, 0) rotate(-45deg);
}
.hamburger--slider-r.is-active .hamburger-inner::before {
transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
opacity: 0;
}
.hamburger--slider-r.is-active .hamburger-inner::after {
transform: translate3d(0, -20px, 0) rotate(90deg);
} .hamburger--spring .hamburger-inner {
top: 2px;
transition: background-color 0s 0.15s linear;
}
.hamburger--spring .hamburger-inner::before {
top: 10px;
transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring .hamburger-inner::after {
top: 20px;
transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring.is-active .hamburger-inner {
transition-delay: 0.32s;
background-color: transparent;
}
.hamburger--spring.is-active .hamburger-inner::before {
top: 0;
transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--spring.is-active .hamburger-inner::after {
top: 0;
transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 10px, 0) rotate(-45deg);
} .hamburger--spring-r .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: 0.15s;
transition-delay: 0s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r .hamburger-inner::after {
top: -20px;
transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
}
.hamburger--spring-r .hamburger-inner::before {
transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r.is-active .hamburger-inner {
transform: translate3d(0, -10px, 0) rotate(-45deg);
transition-delay: 0.32s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spring-r.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.32s linear;
}
.hamburger--spring-r.is-active .hamburger-inner::before {
top: 0;
transform: rotate(90deg);
transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--stand .hamburger-inner {
transition: transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.1s linear;
}
.hamburger--stand .hamburger-inner::before {
transition: top 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand .hamburger-inner::after {
transition: bottom 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand.is-active .hamburger-inner {
transform: rotate(90deg);
background-color: transparent;
transition: transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.22s linear;
}
.hamburger--stand.is-active .hamburger-inner::before {
top: 0;
transform: rotate(-45deg);
transition: top 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(45deg);
transition: bottom 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--stand-r .hamburger-inner {
transition: transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.1s linear;
}
.hamburger--stand-r .hamburger-inner::before {
transition: top 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r .hamburger-inner::after {
transition: bottom 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r.is-active .hamburger-inner {
transform: rotate(-90deg);
background-color: transparent;
transition: transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.22s linear;
}
.hamburger--stand-r.is-active .hamburger-inner::before {
top: 0;
transform: rotate(-45deg);
transition: top 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand-r.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(45deg);
transition: bottom 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--spin .hamburger-inner {
transition-duration: 0.3s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin .hamburger-inner::before {
transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin .hamburger-inner::after {
transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin.is-active .hamburger-inner {
transform: rotate(225deg);
transition-delay: 0.14s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out;
}
.hamburger--spin.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--spin-r .hamburger-inner {
transition-duration: 0.3s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r .hamburger-inner::before {
transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin-r .hamburger-inner::after {
transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r.is-active .hamburger-inner {
transform: rotate(-225deg);
transition-delay: 0.14s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin-r.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out;
}
.hamburger--spin-r.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(90deg);
transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--squeeze .hamburger-inner {
transition-duration: 0.1s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze .hamburger-inner::before {
transition: top 0.1s 0.14s ease, opacity 0.1s ease;
}
.hamburger--squeeze .hamburger-inner::after {
transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze.is-active .hamburger-inner {
transform: rotate(45deg);
transition-delay: 0.14s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--squeeze.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease, opacity 0.1s 0.14s ease;
}
.hamburger--squeeze.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--vortex .hamburger-inner {
transition-duration: 0.3s;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
transition-duration: 0s;
transition-delay: 0.1s;
transition-timing-function: linear;
}
.hamburger--vortex .hamburger-inner::before {
transition-property: top, opacity;
}
.hamburger--vortex .hamburger-inner::after {
transition-property: bottom, transform;
}
.hamburger--vortex.is-active .hamburger-inner {
transform: rotate(765deg);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
transition-delay: 0s;
}
.hamburger--vortex.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
}
.hamburger--vortex.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(90deg);
} .hamburger--vortex-r .hamburger-inner {
transition-duration: 0.3s;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
transition-duration: 0s;
transition-delay: 0.1s;
transition-timing-function: linear;
}
.hamburger--vortex-r .hamburger-inner::before {
transition-property: top, opacity;
}
.hamburger--vortex-r .hamburger-inner::after {
transition-property: bottom, transform;
}
.hamburger--vortex-r.is-active .hamburger-inner {
transform: rotate(-765deg);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
transition-delay: 0s;
}
.hamburger--vortex-r.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
}
.hamburger--vortex-r.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
} .fs-background {
overflow: hidden;
position: relative;
}
.fs-background, .fs-background-container, .fs-background-media {
-webkit-transition: none;
transition: none;
}
.fs-background-container {
width: 100%;
height: 100%;
position: absolute;
top: 0;
z-index: 0;
overflow: hidden;
}
.fs-background-media {
position: absolute;
top: 0;
bottom: 0;
opacity: 0;
}
.fs-background-media.fs-background-animated {
-webkit-transition: opacity .5s linear;
transition: opacity .5s linear;
}
.fs-background-media iframe, .fs-background-media img, .fs-background-media video {
width: 100%;
height: 100%;
display: block;
-webkit-user-drag: none;
}
.fs-background-media.fs-background-fixed, .fs-background-media.fs-background-native {
width: 100%;
height: 100%;
}
.fs-background-media.fs-background-fixed img, .fs-background-media.fs-background-native img {
display: none;
}
.fs-background-media.fs-background-native {
background-position: center;
background-size: cover;
}
.fs-background-media.fs-background-fixed {
background-position: center;
background-attachment: fixed;
}
.fs-background-embed.fs-background-ready:after {
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
content: '';
}
.fs-background-embed.fs-background-ready iframe {
z-index: 0;
} @media all {
.featherlight {
display: none; position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2147483647;  text-align: center; white-space: nowrap; cursor: pointer;
background: #333; background: transparent;
} .featherlight:last-of-type {
background: rgba(0, 0, 0, 0.8);
}
.featherlight:before { content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.featherlight .featherlight-content { position: relative; text-align: left;
vertical-align: middle;
display: inline-block; overflow: auto;
padding: 25px 25px 0;
border-bottom: 25px solid transparent; margin-left: 5%;
margin-right: 5%;
max-height: 95%; background: #fff;
cursor: auto; white-space: normal;
} .featherlight .featherlight-inner { display: block;
}
.featherlight .featherlight-close-icon { position: absolute;
z-index: 9999;
top: 0;
right: 0; line-height: 25px;
width: 25px; cursor: pointer;
text-align: center;
font-family: Arial, sans-serif;
background: #fff; background: rgba(255, 255, 255, 0.3);
color: #000;
border: none;
padding: 0;
} .featherlight .featherlight-close-icon::-moz-focus-inner {
border: 0;
padding: 0;
}
.featherlight .featherlight-image { width: 100%;
}
.featherlight-iframe .featherlight-content { border-bottom: 0;
padding: 0;
-webkit-overflow-scrolling: touch;
overflow-y: scroll;
}
.featherlight iframe { border: none;
}
.featherlight * { -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
} @media only screen and (max-width: 1024px) {
.featherlight .featherlight-content { margin-left: 0;
margin-right: 0;
max-height: 98%;
padding: 10px 10px 0;
border-bottom: 10px solid transparent;
}
}
body {
font-family: 'Oswald', sans-serif;
color: #fff;
}
a {
color: inherit;
text-decoration: none;
}
h1 {
font-weight: bold;
}
.container {
width: 1450px;
max-width: 94%;
margin: 0 auto;
}
.container::after {
clear: both;
content: "";
display: block;
}
[class^="icon"] {
margin-right: 0.7em;
}
[class^="icon"]::before {
content: "#";
}
.site-background {
height: 100%;
width: 100%;
position: fixed;
z-index: -100;
pointer-events: none;
background: no-repeat center;
background-size: cover;
}
.site-background::after {
content: '';
height: 100%;
width: 100%;
display: block;
z-index: 1;
position: relative;
background: url(//www.djmarcelmeijer.nl/wp-content/themes/marcelmeyer/images/bg_overlay.png) no-repeat center;
background-size: cover;
}
body.loaded .site-footer {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition: 0.5s ease-out transform;
-moz-transition: 0.5s ease-out transform;
transition: 0.5s ease-out transform;
}
.site-footer {
border-top: 1px solid rgba(255, 255, 255, 0.24);
position: absolute;
right: 0;
bottom: 1px;
left: 0;
-webkit-transform: translateY(200%);
-moz-transform: translateY(200%);
-ms-transform: translateY(200%);
-o-transform: translateY(200%);
transform: translateY(200%);
z-index: 10;
}
.site-footer .footer-nav {
width: 75%;
float: left;
}
.site-footer .footer-nav::after {
clear: both;
content: "";
display: block;
}
.site-footer .footer-nav ul li {
float: left;
width: 25%;
height: 7.5rem;
border-left: 1px solid rgba(255, 255, 255, 0.24);
}
.site-footer .footer-nav ul li a {
width: 100%;
display: block;
text-align: center;
text-transform: uppercase;
line-height: 25px;
font-size: 1.5625rem;
line-height: 1.5625rem;
padding-top: 2.96875rem;
padding-bottom: 2.96875rem;
background-color: transparent;
-webkit-transition: 0.2s ease background-color;
-moz-transition: 0.2s ease background-color;
transition: 0.2s ease background-color;
}
.site-footer .footer-nav ul li a [class^="icon"] {
color: #ff5800;
}
.site-footer .footer-nav ul li a:hover {
background-color: rgba(219, 215, 210, 0.35);
}
.site-footer .footer-agenda {
float: right;
width: 25%;
height: 7.5rem;
position: relative;
color: #000;
}
.site-footer .footer-agenda ul {
position: absolute;
right: -20px;
bottom: 0;
left: -20px;
overflow: hidden;
padding: 20px 20px 0;
}
.site-footer .footer-agenda ul::after {
clear: both;
content: "";
display: block;
}
.site-footer .footer-agenda ul li.agenda-item {
background-color: #fff;
display: block;
height: 7.5rem;
}
.site-footer .footer-agenda ul li.agenda-item + li.agenda-item {
border-top: 1px solid #e2e2e2;
}
.site-footer .footer-agenda ul li.agenda-item a {
background-color: #fff;
height: 100%;
width: 100%;
display: block;
position: relative;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.15s ease transform;
-moz-transition: 0.15s ease transform;
transition: 0.15s ease transform;
}
.site-footer .footer-agenda ul li.agenda-item a::after {
clear: both;
content: "";
display: block;
}
.site-footer .footer-agenda ul li.agenda-item a:hover {
-webkit-transform: scale(1.05, 1.05);
-moz-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);
box-shadow: 0 0 25px -10px #000000;
z-index: 1;
}
.site-footer .footer-agenda ul li.agenda-item a .date {
width: 25%;
height: 100%;
float: left;
display: flex;
align-items: center;
justify-content: center;
}
.site-footer .footer-agenda ul li.agenda-item a .date > div {
text-align: center;
width: 100%;
border-right: 1px solid #e2e2e2;
}
.site-footer .footer-agenda ul li.agenda-item a .date .day {
color: #ff5800;
font-size: 1.625rem;
display: block;
}
.site-footer .footer-agenda ul li.agenda-item a .date .month {
color: #000;
font-size: 1.0625rem;
display: block;
text-transform: uppercase;
}
.site-footer .footer-agenda ul li.agenda-item a .title {
height: 100%;
width: 75%;
float: left;
font-size: 1.4375rem;
padding-right: 1.6875rem;
padding-left: 1.6875rem;
line-height: 1.2em;
align-items: center;
display: flex;
justify-content: left;
text-transform: uppercase;
}
@media (max-width: 980px) {
.site-footer .container {
max-width: 100%;
overflow: hidden;
}
.site-footer .footer-agenda {
width: 50%;
}
.site-footer .footer-agenda ul {
padding: 0;
position: relative;
top: auto;
right: auto;
bottom: auto;
left: auto;
}
.site-footer .footer-agenda ul li.agenda-item a:hover {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
box-shadow: none;
}
.site-footer .footer-nav {
width: 50%;
}
.site-footer .footer-nav ul li {
width: 50%;
border-bottom: 1px solid rgba(255, 255, 255, 0.24);
}
.site-footer .footer-nav ul li a {
font-size: 1.375rem;
text-align: center;
padding: 28px 20px;
}
.site-footer .footer-nav ul li a .icon {
display: block;
font-size: 1.5625rem;
margin-right: 0;
margin-bottom: 0.875rem;
}
}
@media (max-width: 610px) {
.site-footer {
position: relative;
margin-top: 95px;
}
.site-footer .footer-agenda {
width: 100%;
float: none;
height: auto;
}
.site-footer .footer-agenda ul li.agenda-item {
height: 94px;
}
.site-footer .footer-agenda ul li.agenda-item a .date {
width: 20%;
}
.site-footer .footer-agenda ul li.agenda-item a .title {
width: 80%;
font-size: 1.3125rem;
}
.site-footer .footer-nav {
width: 100%;
float: none;
}
.site-footer .footer-nav ul li {
width: 100%;
background-color: #000;
height: 60px;
}
.site-footer .footer-nav ul li a {
text-align: left;
font-size: 1.125rem;
padding: 22px 31px;
}
.site-footer .footer-nav ul li a .icon {
display: inline-block;
margin-right: 0.7em;
font-size: 0.9375rem;
}
}
.site-header {
position: sticky;
top: 0;
right: 0;
left: 0;
padding-top: 26px;
z-index: 200;
}
.site-header::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
height: 150px;
background: -webkit-linear-gradient(black, transparent 100%);
background: -o-linear-gradient(black, transparent 100%);
background: linear-gradient(black, transparent 100%);
opacity: 0;
-webkit-transition: 0.4s opacity;
-moz-transition: 0.4s opacity;
transition: 0.4s opacity;
}
body.scrolling .site-header::before {
opacity: 1;
}
body.scrolling .site-header .logo img {
height: 86px;
}
body.scrolling .site-header .socialmedia ul, body.scrolling .site-header .menu-button {
padding-top: 18px;
}
.site-header .logo {
position: absolute;
top: auto;
right: 20%;
bottom: auto;
left: 20%;
display: block;
text-align: center;
background: no-repeat center;
background-size: contain;
height: 7.1875rem;
}
.site-header .logo img {
height: 121px;
-webkit-transition: 0.4s height;
-moz-transition: 0.4s height;
transition: 0.4s height;
}
.site-header .logo a {
display: inline-block;
margin: -10px;
}
.site-header .socialmedia {
float: left;
}
.site-header .socialmedia ul {
-webkit-transition: 0.5s padding;
-moz-transition: 0.5s padding;
transition: 0.5s padding;
padding-top: 2.65625rem;
}
.site-header .socialmedia ul li {
display: inline-block;
}
.site-header .socialmedia ul li a {
opacity: 0.5;
font-size: 1.875rem;
display: block;
-webkit-transition: 0.2s ease opacity;
-moz-transition: 0.2s ease opacity;
transition: 0.2s ease opacity;
}
.site-header .socialmedia ul li a:hover {
opacity: 1;
}
.site-header .menu-button {
float: right;
padding-top: 3.59375rem;
-webkit-transition: 0.5s padding;
-moz-transition: 0.5s padding;
transition: 0.5s padding;
}
.site-header .menu-button .hamburger {
transform: translateY(-50%);
}
@media (max-width: 610px) {
.site-header {
padding-top: 16px;
}
.site-header .logo img {
height: 80px;
}
.site-header .menu-button, .site-header .socialmedia ul {
padding-top: 24px;
}
.site-header .socialmedia {
margin-top: -12px;
}
}
.overlay-menu {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.85);
z-index: 15;
opacity: 0;
pointer-events: none;
-webkit-transition: 0.2s opacity, 0.4s ease transform;
-moz-transition: 0.2s opacity, 0.4s ease transform;
transition: 0.2s opacity, 0.4s ease transform;
-webkit-transform: scale(1.2, 1.2);
-moz-transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2);
-o-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2);
}
.overlay-menu.open {
pointer-events: auto;
opacity: 1;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
.overlay-menu .menu-wrap {
position: relative;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.overlay-menu .menu-wrap ul {
max-width: 896px;
position: relative;
display: block;
margin-right: auto;
margin-left: auto;
}
.overlay-menu .menu-wrap ul::after {
clear: both;
content: "";
display: block;
}
.overlay-menu .menu-wrap ul li {
width: 33.3333%;
float: left;
margin-left: -1px;
margin-top: -1px;
}
.overlay-menu .menu-wrap ul li a {
height: 130px;
display: block;
font-size: 1.5625rem;
text-transform: uppercase;
-webkit-transition: 0.2s background;
-moz-transition: 0.2s background;
transition: 0.2s background;
width: 100%;
padding: 50px;
}
.overlay-menu .menu-wrap ul li a:hover {
background: rgba(219, 215, 210, 0.35);
}
.overlay-menu .menu-wrap ul li a .icon {
color: #ff5800;
font-size: 1.875rem;
}
.overlay-menu .menu-wrap ul li:nth-of-type(3n+4)::before {
content: '';
background: #4a4a4a;
width: 100%;
height: 1px;
display: block;
position: absolute;
}
.overlay-menu .menu-wrap ul li:nth-of-type(2)::after, .overlay-menu .menu-wrap ul li:nth-of-type(3)::after {
content: '';
background: #4a4a4a;
width: 1px;
height: 100%;
top: 0;
display: block;
position: absolute;
}
@media (max-width: 980px) {
.overlay-menu .menu-wrap ul li a {
padding: 35px;
height: auto;
}
}
@media (max-width: 820px) {
.overlay-menu .menu-wrap ul li {
width: 100%;
}
.overlay-menu .menu-wrap ul li:nth-of-type(3n+4)::before {
content: none;
}
.overlay-menu .menu-wrap ul li:nth-of-type(2)::after, .overlay-menu .menu-wrap ul li:nth-of-type(3)::after {
content: none;
}
}
@media (max-width: 610px) {
.overlay-menu {
z-index: 99;
}
.overlay-menu .menu-wrap {
top: 0;
left: 0;
padding-top: 100px;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.overlay-menu .menu-wrap ul {
overflow: scroll;
}
.overlay-menu .menu-wrap ul li {
text-align: center;
}
.overlay-menu .menu-wrap ul li a {
padding: 15px 25px;
font-size: 1.5rem;
}
.overlay-menu .menu-wrap ul li a span {
font-size: 1.25rem !important;
}
}
.form::after, .wpcf7-form::after {
clear: both;
content: "";
display: block;
}
.form p::after, .wpcf7-form p::after {
clear: both;
content: "";
display: block;
}
.form br, .wpcf7-form br {
display: none;
}
.form .wpcf7-not-valid-tip, .wpcf7-form .wpcf7-not-valid-tip {
margin-bottom: 12px;
}
.form .input-wrap, .wpcf7-form .input-wrap {
display: block;
float: left;
width: 100%;
}
.form .input-wrap .input-label, .wpcf7-form .input-wrap .input-label {
display: block;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 10px;
font-weight: 1.125rem;
}
.form .input-wrap .input-field, .wpcf7-form .input-wrap .input-field {
display: block;
width: 100%;
margin-bottom: 16px;
line-height: 1.5625rem;
font-size: 1.5rem;
font-family: inherit;
outline: none;
border: 1px solid #dedede;
padding: 15px;
-webkit-transition: 0.2s border-color;
-moz-transition: 0.2s border-color;
transition: 0.2s border-color;
}
.form .input-wrap .input-field:focus, .wpcf7-form .input-wrap .input-field:focus {
border-color: #ff5800;
}
.form .input-wrap .submit-button, .wpcf7-form .input-wrap .submit-button {
text-align: center;
border-color: #ff5800;
color: #fff;
background: #ff5800;
cursor: pointer;
-webkit-transition: 0.2s background-color;
-moz-transition: 0.2s background-color;
transition: 0.2s background-color;
}
.form .input-wrap .submit-button:hover, .form .input-wrap .submit-button:focus, .wpcf7-form .input-wrap .submit-button:hover, .wpcf7-form .input-wrap .submit-button:focus {
background: #d64a00;
}
.form .input-wrap textarea, .wpcf7-form .input-wrap textarea {
resize: vertical;
height: 180px;
}
.form .input-wrap-half, .wpcf7-form .input-wrap-half {
width: 50%;
}
.form .input-wrap-half.left, .wpcf7-form .input-wrap-half.left {
padding-right: 6px;
}
.form .input-wrap-half.right, .wpcf7-form .input-wrap-half.right {
padding-left: 6px;
}
@media (max-width: 610px) {
.form .input-wrap, .wpcf7-form .input-wrap {
width: 100%;
padding-left: 0 !important;
padding-right: 0 !important;
}
}
.wysiwyg-content {
font-size: 1.25rem;
line-height: 2.0625rem;
font-style: italic;
}
@media (max-width: 610px) {
.wysiwyg-content {
font-size: 1.2rem;
line-height: 1.55em;
}
}
.featherlight .featherlight-inner {
color: #000;
}
.featherlight iframe {
max-width: 100%;
}
.lightbox-preview {
display: none;
}
.featherlight-content {
width: auto !important;
height: auto !important;
max-width: 100%;
max-height: 90vh;
overflow: visible !important;
line-height: 1.2em !important;
}
.edit-url {
margin-top: 1em;
text-align: right;
text-decoration: underline;
}
.page-blog .main-content {
display: block;
margin-top: 80px;
}
.page-blog .blog-items {
margin-top: 4.5625rem;
max-width: 73.0625rem;
margin: 0 auto;
}
.page-blog .blog-items ul {
display: block;
}
.page-blog .blog-items ul::after {
clear: both;
content: "";
display: block;
}
.page-blog .blog-items .blog-item {
background-color: #fff;
display: block;
width: 32%;
margin: 0 0.1875rem 0.375rem;
float: left;
}
.page-blog .blog-items .blog-item a {
display: block;
}
.page-blog .blog-items .blog-item:hover .upper .background-image {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.page-blog .blog-items .blog-item .upper {
width: 100%;
height: 13.75rem;
position: relative;
overflow: hidden;
}
.page-blog .blog-items .blog-item .upper .background-image {
background: no-repeat center;
background-size: cover;
position: absolute;
height: 100%;
width: 100%;
pointer-events: none;
z-index: 0;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: 1s transform;
-moz-transition: 1s transform;
transition: 1s transform;
}
.page-blog .blog-items .blog-item .upper .date {
height: 100%;
float: left;
height: 2.9375rem;
display: flex;
align-items: center;
justify-content: center;
position: relative;
top: 1.625rem;
right: 1.75rem;
bottom: 1.625rem;
left: 1.75rem;
}
.page-blog .blog-items .blog-item .upper .date > div {
text-align: center;
width: 100%;
}
.page-blog .blog-items .blog-item .upper .date .day {
color: #ff5800;
font-size: 1.625rem;
display: block;
}
.page-blog .blog-items .blog-item .upper .date .month {
color: #fff;
font-size: 1.0625rem;
display: block;
}
.page-blog .blog-items .blog-item .lower {
display: flex;
align-items: center;
justify-content: center;
}
.page-blog .blog-items .blog-item .lower .title {
color: #000;
width: 100%;
padding: 1.5rem 1.75rem;
font-size: 1.5rem;
font-weight: bold;
text-transform: uppercase;
line-height: 1.15em;
}
@media (max-width: 820px) {
.page-blog .blog-items .blog-item {
width: 48%;
}
}
@media (max-width: 610px) {
.page-blog .blog-items .blog-item {
width: 100%;
margin-right: 0;
margin-left: 0;
}
.page-blog .blog-items .blog-item .upper {
height: 150px;
}
}
body.loaded .headliner {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
opacity: 1;
}
.headliner {
font-style: italic;
text-shadow: 1px 0 4px rgba(66, 55, 50, 0.5);
max-width: 37.1875rem;
text-align: center;
margin-top: 160px;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform: scale(0.95, 0.95);
-moz-transform: scale(0.95, 0.95);
-ms-transform: scale(0.95, 0.95);
-o-transform: scale(0.95, 0.95);
transform: scale(0.95, 0.95);
-webkit-transition: 0.5s ease transform, 0.5s ease-in opacity;
-moz-transition: 0.5s ease transform, 0.5s ease-in opacity;
transition: 0.5s ease transform, 0.5s ease-in opacity;
opacity: 0;
}
.headliner .title {
text-transform: uppercase;
max-width: 33.75rem;
margin-bottom: 3.625rem;
position: relative;
font-size: 3.125rem;
line-height: 1.2em;
min-height: 120px;
margin-right: auto;
margin-left: auto;
}
.headliner .title::after {
content: "";
height: 0.5rem;
width: 74px;
background-color: #fff;
position: absolute;
bottom: -1.5625rem;
left: calc(50% - 37px);
}
.headliner .body {
font-size: 1.5625rem;
line-height: 1.2em;
}
@media (max-width: 610px) {
.headliner {
margin-top: 70px;
}
.headliner .title {
font-size: 2.625rem;
}
}
.owl-carousel .owl-stage-outer {
width: 100% !important;
}
.owl-carousel .owl-item {
-webkit-animation-duration: 2s !important;
animation-duration: 2s !important;
}
.page-agenda .main-content {
margin-top: 90px;
}
.page-agenda .agenda .agenda-item + .agenda-item {
margin-top: 4px;
}
.page-agenda .agenda .agenda-item a {
background-color: rgba(255, 255, 255, 0.85);
display: block;
height: 110px;
width: 100%;
max-width: 512px;
color: #000;
-webkit-transition: 0.2s background-color, 0.2s transform;
-moz-transition: 0.2s background-color, 0.2s transform;
transition: 0.2s background-color, 0.2s transform;
}
.page-agenda .agenda .agenda-item a:hover {
background-color: #fff;
-webkit-transform: scale(1.05, 1.05);
-moz-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);
}
.page-agenda .agenda .agenda-item a .date {
width: 95px;
height: 100%;
float: left;
border-right: 1px solid #e2e2e2;
display: flex;
align-items: center;
justify-content: center;
}
.page-agenda .agenda .agenda-item a .date > div {
text-align: center;
width: 100%;
}
.page-agenda .agenda .agenda-item a .date .day {
color: #ff5800;
font-size: 2.1875rem;
display: block;
font-weight: 700;
margin-bottom: 2px;
}
.page-agenda .agenda .agenda-item a .date .month {
color: #000;
font-size: 1.25rem;
display: block;
text-transform: uppercase;
font-weight: 700;
}
.page-agenda .agenda .agenda-item a .info {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.page-agenda .agenda .agenda-item a .info > div {
width: 100%;
padding-right: 30px;
padding-left: 30px;
}
.page-agenda .agenda .agenda-item a .info .title {
font-size: 1.5625rem;
font-weight: 700;
letter-spacing: 0.5px;
text-transform: uppercase;
margin-bottom: 10px;
}
.page-agenda .agenda .agenda-item a .info .location {
text-transform: uppercase;
letter-spacing: 0.5px;
}
.page-agenda .agenda .agenda-item a .info .location .icon {
color: #ff5800;
}
@media (max-width: 610px) {
.page-agenda .agenda .agenda-item a .date .day {
font-size: 1.625rem;
}
.page-agenda .agenda .agenda-item a .date .month {
font-size: 1.0625rem;
}
.page-agenda .agenda .agenda-item a .info .title {
font-size: 1.375rem;
}
}
.prev-next-posts {
margin-top: 30px;
font-size: 24px;
}
.prev-next-posts .prev-posts-link {
float: right;
}
.prev-next-posts .next-posts-link {
float: left;
}
.page-detail .site-footer {
opacity: 0;
pointer-events: none;
display: none;
}
.page-detail .main-content {
margin-top: 95px;
}
.page-detail .main-content .box {
width: 727px;
max-width: 100%;
background: #fff;
color: #000;
}
.page-detail .main-content .box header {
padding: 46px 59px 32px;
}
.page-detail .main-content .box header .date {
color: #ff5800;
text-transform: uppercase;
font-weight: 700;
font-size: 1.375rem;
margin-bottom: 20px;
display: block;
}
.page-detail .main-content .box header .title {
font-weight: 700;
text-transform: uppercase;
font-size: 2.5rem;
display: block;
font-style: italic;
}
.page-detail .main-content .box header .title::after {
content: '';
display: block;
background: #ff5800;
height: 8px;
width: 75px;
margin-top: 24px;
}
.page-detail .main-content .box main {
padding-right: 59px;
padding-bottom: 48px;
padding-left: 59px;
}
.page-detail .main-content .box main .back {
text-transform: uppercase;
color: #a4a4a4;
text-decoration: underline;
margin-top: 30px;
display: block;
font-size: 22px;
-webkit-transition: 0.2s color;
-moz-transition: 0.2s color;
transition: 0.2s color;
}
.page-detail .main-content .box main .back:hover {
color: #3e3e3e;
}
.page-detail .main-content .box footer::after {
clear: both;
content: "";
display: block;
}
.page-detail .main-content .box footer .button {
width: 50%;
display: block;
float: left;
border: none;
padding: 24px 30px;
cursor: pointer;
text-align: left;
color: #fff;
font-family: inherit;
text-transform: uppercase;
font-size: 1.25rem;
line-height: 1.875rem;
-webkit-transition: 0.2s background;
-moz-transition: 0.2s background;
transition: 0.2s background;
}
.page-detail .main-content .box footer .button .icon {
font-size: 1.875rem;
-webkit-transition: 0.2s color;
-moz-transition: 0.2s color;
transition: 0.2s color;
}
.page-detail .main-content .box footer .button.facebook {
background: #475993;
}
.page-detail .main-content .box footer .button.facebook .icon {
color: #1e2c59;
}
.page-detail .main-content .box footer .button.facebook:hover {
background: #1e2c59;
}
.page-detail .main-content .box footer .button.facebook:hover .icon {
color: #475993;
}
.page-detail .main-content .box footer .button.twitter {
background: #00c6ff;
}
.page-detail .main-content .box footer .button.twitter .icon {
color: #006785;
}
.page-detail .main-content .box footer .button.twitter:hover {
background: #006785;
}
.page-detail .main-content .box footer .button.twitter:hover .icon {
color: #00c6ff;
}
@media (max-width: 610px) {
.page-detail .main-content .box header .title {
font-size: 2rem;
}
.page-detail .main-content .box footer .button {
color: transparent;
}
.page-detail .main-content .box footer .button .icon {
margin-left: calc(50% - 0.5em);
}
.page-detail .main-content header {
padding-top: 28px !important;
padding-left: 28px !important;
padding-right: 28px !important;
}
.page-detail .main-content main {
padding-left: 28px !important;
padding-right: 28px !important;
}
}
.page-formulier .main-content {
margin-top: 95px;
}
.page-formulier .main-content .box {
max-width: 727px;
width: 100%;
background: #fff;
color: #000;
}
.page-formulier .main-content .box header {
padding: 46px 59px 32px;
}
.page-formulier .main-content .box header .title {
font-weight: 700;
text-transform: uppercase;
font-size: 2.5rem;
display: block;
font-style: italic;
}
.page-formulier .main-content .box header .title::after {
content: '';
display: block;
background: #ff5800;
height: 8px;
width: 75px;
margin-top: 24px;
}
.page-formulier .main-content .box main {
padding-right: 59px;
padding-bottom: 48px;
padding-left: 59px;
}
.page-media .main-content {
margin-top: 95px;
}
.page-media .main-content .box {
max-width: 887px;
width: 100%;
background: #fff;
color: #000;
}
.page-media .main-content .box main {
padding: 4px;
}
.page-media .main-content .box main .media-items::after {
clear: both;
content: "";
display: block;
}
.page-media .main-content .box main .media-items .media-item {
width: 25%;
float: left;
padding: 9px;
}
.page-media .main-content .box main .media-items .media-item .item-wrap {
background: no-repeat center;
background-size: cover;
background-color: #ccc;
height: 100%;
width: 100%;
position: relative;
display: inline-block;
cursor: pointer;
overflow: hidden;
}
.page-media .main-content .box main .media-items .media-item .item-wrap::before {
background: rgba(255, 88, 0, 0.8);
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0;
-webkit-transition: 0.2s opacity;
-moz-transition: 0.2s opacity;
transition: 0.2s opacity;
}
.page-media .main-content .box main .media-items .media-item .item-wrap::after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: no-repeat center;
background-color: rgba(0, 0, 0, 0.25);
-webkit-transition: 0.4s background-color;
-moz-transition: 0.4s background-color;
transition: 0.4s background-color;
}
.page-media .main-content .box main .media-items .media-item .item-wrap:hover::before, .page-media .main-content .box main .media-items .media-item .item-wrap:hover::after {
opacity: 1;
}
.page-media .main-content .box main .media-items .media-item .item-wrap:hover::after {
background-color: transparent;
}
.page-media .main-content .box main .media-items .media-item.media-type-image .item-wrap::after {
background-image: url(//www.djmarcelmeijer.nl/wp-content/themes/marcelmeyer/images/media-image.png);
}
.page-media .main-content .box main .media-items .media-item.media-type-video .item-wrap::after {
background-image: url(//www.djmarcelmeijer.nl/wp-content/themes/marcelmeyer/images/media-video.png);
}
@media (max-width: 980px) {
.page-media .main-content .box main .media-items .media-item {
width: 33.33%;
}
}
@media (max-width: 610px) {
.page-media .main-content .box main .media-items .media-item {
width: 100%;
height: 150px !important;
}
}
.page-subpage .site-footer {
opacity: 0;
pointer-events: none;
display: none;
}
.page-subpage .main-content {
margin-top: 95px;
}
.page-subpage .main-content .box {
max-width: 1137px;
background: #fff;
color: #000;
position: relative;
}
.page-subpage .main-content .box::after {
clear: both;
content: "";
display: block;
}
.page-subpage .main-content .box header {
padding: 46px 59px 32px;
width: 60%;
float: left;
}
.page-subpage .main-content .box header .date {
color: #ff5800;
text-transform: uppercase;
font-weight: 700;
font-size: 1.375rem;
margin-bottom: 20px;
display: block;
}
.page-subpage .main-content .box header .title {
font-weight: 700;
text-transform: uppercase;
font-size: 2.5rem;
display: block;
font-style: italic;
}
.page-subpage .main-content .box header .title::after {
content: '';
display: block;
background: #ff5800;
height: 8px;
width: 75px;
margin-top: 24px;
}
.page-subpage .main-content .box main {
padding-right: 59px;
padding-bottom: 48px;
padding-left: 59px;
float: left;
width: 60%;
}
.page-subpage .main-content .box aside {
height: 530px;
float: right;
width: 40%;
top: 0;
position: absolute;
height: 100%;
right: 0;
background: no-repeat center;
background-size: cover;
}
.page-subpage .main-content .box aside .photo {
height: 100%;
width: 100%;
background: no-repeat center;
background-size: cover;
position: relative;
}
.page-subpage .main-content .box aside .photo::after {
content: '';
height: 100%;
width: 100%;
position: absolute;
background-color: rgba(0, 0, 0, 0.1);
}
@media (max-width: 820px) {
.page-subpage .main-content .box header {
width: 100%;
}
.page-subpage .main-content .box main {
width: 100%;
}
.page-subpage .main-content .box aside {
width: 100%;
height: 150px;
position: relative;
}
}
.single-agenda .post-navigation {
margin-top: 30px;
position: relative;
}
.single-agenda .post-navigation::after {
clear: both;
content: "";
display: block;
}
.single-agenda .post-navigation .previous, .single-agenda .post-navigation .next, .single-agenda .post-navigation .backbtn {
color: #a4a4a4;
text-decoration: underline;
font-size: 1.125rem;
-webkit-transition: 0.2s ease color;
-moz-transition: 0.2s ease color;
transition: 0.2s ease color;
text-decoration: none;
z-index: 2;
position: relative;
}
.single-agenda .post-navigation .previous:hover, .single-agenda .post-navigation .next:hover, .single-agenda .post-navigation .backbtn:hover {
color: #000;
}
.single-agenda .post-navigation .previous {
float: left;
}
.single-agenda .post-navigation .next {
float: right;
}
.single-agenda .post-navigation .backbtn {
display: block;
position: absolute;
bottom: -8px;
width: 100%;
text-align: center;
font-size: 1.875rem;
z-index: 1;
}
.page-wrap {
min-height: 100vh;
position: relative;
padding-bottom: 320px;
}
@media (max-width: 610px) {
.page-wrap {
padding-bottom: 0;
}
}
body {
overflow-y: scroll;
}
body::-webkit-scrollbar {
width: 0.8em;
background-color: darkgrey;
}
body::-webkit-scrollbar-thumb {
outline: 1px solid slategrey;
background: #838383;
}
iframe {
max-width: 100%;
}
.hamburger-inner {
background-color: #fff;
border-radius: 0;
}
.hamburger-inner::before, .hamburger-inner::after {
background-color: #fff;
border-radius: 0;
}
.main-content {
width: 100%;
max-width: 90%;
margin: 0 auto;
z-index: 5;
display: flex;
align-items: center;
justify-content: center;
}
body.no-footer .page-wrap {
padding-bottom: 50px;
}
body.no-footer .site-footer {
opacity: 0;
pointer-events: none;
display: none;
}
.clearfix::after {
clear: both;
content: "";
display: block;
}
body::after {
content: '';
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #000 url(//www.djmarcelmeijer.nl/wp-content/themes/marcelmeyer/images/mm-logo.png) no-repeat center;
z-index: 999999;
opacity: 1;
pointer-events: auto;
-webkit-transition: 0.3s ease-out opacity;
-moz-transition: 0.3s ease-out opacity;
transition: 0.3s ease-out opacity;
}
body.loaded:not(.unloading)::after {
opacity: 0;
pointer-events: none;
}
@media (max-width: 610px) {
.hide-on-small {
display: none !important;
}
}
@media (min-width: 611px) and (max-width: 820px) {
.hide-on-medium {
display: none !important;
}
}
@media (min-width: 821px) and (max-width: 980px) {
.hide-on-large {
display: none !important;
}
}
@media (min-width: 981px) {
.hide-on-xlarge {
display: none !important;
}
}.site-header .socialmedia ul li a{
height: 30px;
}
.overlay-menu{ height: 100%; }
.site-header .menu-button{ z-index: 20; }
.wysiwyg-content img{
max-width: 100%;
height: auto;
}
.fb_iframe_widget_fluid_desktop iframe{
min-height: 280px!important;
}
.featherlight .featherlight-inner img{
max-width: 800px;
width: 100%;
height: auto;
}
.featherlight .featherlight-content{
min-height: 400px!important;
position: relative;
}
.fb_iframe_widget{
width: 100%!important;
min-height: 280px!important;
max-width: 500px!important;
min-width: 500px!important;
float: left;
}
.featherlight .featherlight-inner p{
width: 100%;
max-width: 800px;
}
.featherlight .featherlight-inner h3{
width: 100%;
margin-top: 20px;
max-width: 800px;
margin: 0 auto;
text-align: center;
}
@media (max-width: 610px){
.page-agenda .agenda .agenda-item a .info>div{ padding-left: 20px; padding-right: 20px; }
.page-agenda .agenda .agenda-item a .date .day{ font-size: 1.175rem; }
.page-agenda .agenda .agenda-item a .date{ width: 65px; }
}