/** .customize-support {display:none} **/
.light { font-weight: 300 }
.regular { font-weight: 400 }
.semibold { font-weight: 600 }
.bold { font-weight: 700 }
*,
*:after,
*:before { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-text-size-adjust: none }
ul,
ul li,
dl,
dt,
dd,
sup,
sub,
ol,
ol li { list-style-type: none; margin: 0; padding: 0 }
dt,
dd { display: block; float: left }
h1,
h2,
h3,
h4,
h5,
h6 { font-size: inherit; font-weight: normal; margin: 0 }
body,
html,
h1,
h2,
h3,
h4,
h5,
h6,
form,
p,
blockquote,
fieldset,
input { margin: 0; padding: 0 }
a img,
fieldset { border: none }
table,
tbody,
tr,
td { border-collapse: collapse; border-spacing: 0; margin: 0; padding: 0; vertical-align: top }
th { text-align: left }
a:focus,
input:focus { outline: 0 }
address { font-style: normal }
textarea { resize: none }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time { display: block; margin: 0; padding: 0 }
input[type=submit] { -webkit-appearance: button }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
-o-appearance:none;
-webkit-appearance:none;
margin:0
}
input::-ms-clear {
display:none
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
-webkit-appearance:none;
margin:0
}
[type=text], [type=password], [type=date], [type=email], textarea {
-webkit-appearance:none;
border-radius:0
}
::-webkit-input-placeholder {
color:#888;
opacity:1
}
:-moz-placeholder {
color:#888;
opacity:1
}
::-moz-placeholder {
color:#888;
opacity:1
}
:-ms-input-placeholder {
color:#888;
opacity:1
}
.type-text.placeholdersjs { color: #888 }
@font-face { font-family: 'Montserrat'; src: url("../fonts/montserrat/Montserrat-Bold.eot"); src: url("../fonts/montserrat/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat/Montserrat-Bold.woff") format("woff"), url("../fonts/montserrat/Montserrat-Bold.ttf") format("truetype"), url("../fonts/montserrat/Montserrat-Bold.svg#Montserrat-Bold") format("svg"); font-weight: normal; font-style: normal }
.montserrat { font-family: 'Montserrat', sans-serif }
@font-face { font-family: 'SourceSerifPro'; src: url("../fonts/sourceserifpro/SourceSerifPro-Light.eot"); src: url("../fonts/sourceserifpro/SourceSerifPro-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/sourceserifpro/SourceSerifPro-Light.woff") format("woff"), url("../fonts/sourceserifpro/SourceSerifPro-Light.ttf") format("truetype"); font-weight: 300; font-style: normal }
@font-face { font-family: 'SourceSerifPro'; src: url("../fonts/sourceserifpro/SourceSerifPro-Regular.eot"); src: url("../fonts/sourceserifpro/SourceSerifPro-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/sourceserifpro/SourceSerifPro-Regular.woff") format("woff"), url("../fonts/sourceserifpro/SourceSerifPro-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal }
@font-face { font-family: 'SourceSerifPro'; src: url("../fonts/sourceserifpro/SourceSerifPro-Bold.eot"); src: url("../fonts/sourceserifpro/SourceSerifPro-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/sourceserifpro/SourceSerifPro-Bold.woff") format("woff"), url("../fonts/sourceserifpro/SourceSerifPro-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal }
.sourceserifpro { font-family: 'SourceSerifPro', serif }
html { height: 100%; overflow-x: hidden; overflow-y: scroll }
body { font-family: 'Roboto', sans-serif; font-size: 13px; min-width: 320px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-top: 109px }
body.open-menu header,
body.open-menu footer,
body.open-menu aside,
body.open-menu section,
body.open-menu article { left: -220px }
body.open-menu #main-navigation { right: 0 }
header,
footer,
aside,
section,
article { margin: 0; left: 0; position: relative; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out }
.info-header { font-family: 'Montserrat', sans-serif; font-size: 0.8em; background-color: #f8f8f8; padding: 10px; height: 40px }
section.details { width: 100%; display: inline-block; padding: 10px 0; background-color: #f39321; color: #ffffff; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15); -ms-box-shadow: 0 1px 2px rgba(0,0,0,0.15); box-shadow: 0 1px 2px rgba(0,0,0,0.15) }
section.details.workshop { height: 140px }
section.details.bgblue { background: #1dbbee }
section.details.bgpink { background: #e22586 }
section.details.bgorange { background: #f39321 }
section.details .item h2,
section.details .item-12col h2,
section.details .item-11col h2,
section.details .item-10col h2,
section.details .item-9col h2,
section.details .item-8col h2,
section.details .item-7col h2,
section.details .item-6col h2,
section.details .item-5col h2,
section.details .item-4col h2,
section.details .item-3col h2,
section.details .item-2col h2,
section.details .item-1col h2 { font-family: 'Roboto', sans-serif; color: #ffffff }
section.details .item h3,
section.details .item-12col h3,
section.details .item-11col h3,
section.details .item-10col h3,
section.details .item-9col h3,
section.details .item-8col h3,
section.details .item-7col h3,
section.details .item-6col h3,
section.details .item-5col h3,
section.details .item-4col h3,
section.details .item-3col h3,
section.details .item-2col h3,
section.details .item-1col h3 { margin-top: 0; font-family: 'Roboto', sans-serif; line-height: 16px; color: #ffffff; font-size: 1.1em }
.section-header { margin-bottom: 30px }
.section-header h2 { color: #f39321; font-size: 24px; line-height: 28px; font-weight: 800 }
section.workshops,
section.other-workshops { background-color: #f8f8f8; padding: 60px 0px }
section.workshops .workshop,
section.other-workshops .workshop { background-color: #ffffff; min-height: 400px; position: relative }
section.workshops .workshop h2,
section.other-workshops .workshop h2 { font-family: 'Montserrat', sans-serif; font-size: 20px; color: #445468; line-height: 30px; margin: 0 }
section.workshops .workshop h3,
section.other-workshops .workshop h3 { color: #f39321; font-family: 'SourceSerifPro', serif; font-size: 18px; line-height: 36px; margin: 0 }
section.workshops .workshop .workshop-details h3,
section.other-workshops .workshop .workshop-details h3 { padding: 0 0 5px 0; font-size: 1em; line-height: 1.3em }
section.workshops .workshop .workshop-details .stroke,
section.other-workshops .workshop .workshop-details .stroke { background: #f39321; font-size: 13px; line-height: 30px; padding: 0 20px; height: 30px; color: #ffffff }
section.workshops .workshop .workshop-details-extra,
section.other-workshops .workshop .workshop-details-extra { background-color: #f39321; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color: #ffffff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 40px 20px 20px 20px; z-index: 400 }
section.workshops .workshop .workshop-details-extra h3,
section.other-workshops .workshop .workshop-details-extra h3 { padding: 0 0 5px 0; font-size: 1em; line-height: 1.3em }
section.workshops .workshop .workshop-details-extra h2,
section.workshops .workshop .workshop-details-extra h3,
section.other-workshops .workshop .workshop-details-extra h2,
section.other-workshops .workshop .workshop-details-extra h3 { color: #ffffff }
section.workshops .workshop .workshop-details-mobile,
section.other-workshops .workshop .workshop-details-mobile { background-color: #f39321; opacity: 1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color: #ffffff; position: relative; top: 0; left: 0; width: 100%; height: auto; padding: 20px; z-index: 400 }
section.workshops .workshop:hover .workshop-details-extra,
section.other-workshops .workshop:hover .workshop-details-extra { opacity: 1 }
section.workshops .workshop.blue .workshop-details h3,
section.other-workshops .workshop.blue .workshop-details h3 { color: #1dbbee }
section.workshops .workshop.blue .workshop-details .stroke,
section.other-workshops .workshop.blue .workshop-details .stroke { background: #1dbbee }
section.workshops .workshop.blue .workshop-details-extra,
section.workshops .workshop.blue .workshop-details-mobile,
section.other-workshops .workshop.blue .workshop-details-extra,
section.other-workshops .workshop.blue .workshop-details-mobile { background-color: #1dbbee }
section.workshops .workshop.blue a[role=button],
section.other-workshops .workshop.blue a[role=button] { border-color: #ffffff; background: #ffffff; color: #1dbbee }
section.workshops .workshop.blue a[role=button]:hover,
section.other-workshops .workshop.blue a[role=button]:hover { background: #1dbbee; color: #ffffff }
section.workshops .workshop.pink .workshop-details h3,
section.other-workshops .workshop.pink .workshop-details h3 { color: #e22586 }
section.workshops .workshop.pink .workshop-details .stroke,
section.other-workshops .workshop.pink .workshop-details .stroke { background: #e22586 }
section.workshops .workshop.pink .workshop-details-extra,
section.workshops .workshop.pink .workshop-details-mobile,
section.other-workshops .workshop.pink .workshop-details-extra,
section.other-workshops .workshop.pink .workshop-details-mobile { background-color: #e22586 }
section.workshops .workshop.pink a[role=button],
section.other-workshops .workshop.pink a[role=button] { border-color: #ffffff; background: #ffffff; color: #e22586 }
section.workshops .workshop.pink a[role=button]:hover,
section.other-workshops .workshop.pink a[role=button]:hover { background: #e22586; color: #ffffff }
section.workshops .workshop.orange .workshop-details h3,
section.other-workshops .workshop.orange .workshop-details h3 { color: #f39321 }
section.workshops .workshop.orange .workshop-details .stroke,
section.other-workshops .workshop.orange .workshop-details .stroke { background: #f39321 }
section.workshops .workshop.orange .workshop-details-extra,
section.workshops .workshop.orange .workshop-details-mobile,
section.other-workshops .workshop.orange .workshop-details-extra,
section.other-workshops .workshop.orange .workshop-details-mobile { background-color: #f39321 }
section.workshops .workshop.orange a[role=button],
section.other-workshops .workshop.orange a[role=button] { border-color: #ffffff; background: #ffffff; color: #f39321 }
section.workshops .workshop.orange a[role=button]:hover,
section.other-workshops .workshop.orange a[role=button]:hover { background: #f39321; color: #ffffff }
section.other-workshops { background-color: #f8f8f8; padding: 60px 0px }
section.team { background-color: #ffffff; padding: 0px 0px 60px 0px }
section.team .team { background-color: #ffffff; position: relative }
section.team .team .team-details-extra { background-color: #f39321; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color: #ffffff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 20px; z-index: 400 }
section.team .team .team-details-extra h2,
section.team .team .team-details-extra h3 { color: #ffffff }
section.team .team:hover .team-details-extra { opacity: 1 }
img { max-height: 100%; max-width: 100% }
a { color: #000; text-decoration: none }
a.anchor { display: block; position: relative; top: -720px; visibility: hidden }
select { padding: 12px 20px 13px 13px; margin: 0; font-size: 13px; width: 120px; border: 1px solid #ffffff; background-color: transparent; color: #ffffff; cursor: pointer }
select.styled_dark { border: 1px solid #445468; background-color: #ffffff; color: #445468; font-size: 13px; padding: 12px 8px 12px 8px; margin: 0 10px 0 0; -webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 0px }
@-moz-document url-prefix() {
select select {
padding:2px 8px 2px 8px
}
select select.styled_dark {
padding:2px 8px 2px 8px
}
}
select.styled_dark>option { background-color: #ffffff }
select>option { background-color: #445468; padding: 8px 8px 9px 8px; width: 120px; font-size: 13px }
.customSelect { margin-left: 10px; border: 1px solid #ffffff; background-color: transparent; color: #ffffff; font-size: 13px; padding: 8px; -webkit-appearance: none }
.customSelect.styled_dark { border: 1px solid #445468; background-color: #ffffff; color: #445468; font-size: 12px; margin: 0 10px 0 0; -webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 0px }
.customSelect.changed { background-color: #ffffff }
.customSelectInner { background: url("../img/list-arrow.png") no-repeat center left }
.arrow { cursor: pointer; height: 10px; width: 13px; position: absolute; top: 5px; right: 25px; background-color: #c8c8c8; background: url("../img/list-arrow.png") no-repeat }
.textleft { text-align: left }
.textright { text-align: right }
.textpink { color: #e22586 }
.textorange { color: #f39321 }
.textblue { color: #1dbbee }
.bgblue { background: #1dbbee }
.bgpink { background: #e22586 }
.bgorange { background: #f39321 }
.textcenter { text-align: center }
.floatleft { float: left }
.floatright { float: right }
.clear { clear: both }
.alignleft,
img.alignleft { display: inline; float: left }
.alignright,
img.alignright { display: inline; float: right }
.aligncenter,
img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto }
.greentext { color: #445468 }
.wrap { margin: auto; max-width: 1400px; padding: 0 15px; position: relative; width: 100% }
.intro { color: #445468; font-size: 1.333em; font-weight: lighter; line-height: 1.5em }
a[role=button] { margin: 20px 0; color: #f39321; display: inline-block; font-family: 'Roboto', sans-serif; font-size: 20px; line-height: 50px; min-width: 220px; padding: 0 0 4px 0; text-align: center; border-radius: 0.25em; border: 2px solid }
a[role=button].no-margin { margin: 0 }
a[role=button].grey { background: #4c4c4c; color: #ffffff }
a[role=button].grey:hover { background: #445468 }
a[role=button].blue { border-color: #1dbbee; background: #1dbbee; color: #ffffff }
a[role=button].blue:hover { border-color: #1dbbee; background: #ffffff; color: #1dbbee }
a[role=button].pink { border-color: #e22586; background: #e22586; color: #ffffff }
a[role=button].pink:hover { border-color: #e22586; background: #ffffff; color: #e22586 }
a[role=button].white { border-color: #ffffff; background: #ffffff; color: #1dbbee }
a[role=button].white:hover { background: #1dbbee; color: #ffffff }
.button { color: #ffffff; background: #f39321; display: inline-block; font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-size: 13px; padding: 7px 13px 9px 13px; text-align: center; border-radius: 0.25em; border: 1px solid #f39321; cursor: pointer }
.button:hover { background: #ffffff; color: #f39321 }
.button.blue { border-color: #1dbbee; background: #1dbbee; color: #ffffff }
.button.blue:hover { border-color: #1dbbee; background: #ffffff; color: #1dbbee }
.button.pink { margin: 0; float: right; border-color: #e22586; background: #e22586; color: #ffffff }
.button.pink:hover { border-color: #e22586; background: #ffffff; color: #e22586 }
.fadein { opacity: 0; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out }
.fadein.active { opacity: 1 }
.modal { display: none; position: fixed; z-index: 999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: #000; background-color: rgba(0,0,0,0.6) }
.modal-header { padding: 16px; background-color: #ffffff; color: white }
.modal-body { padding: 16px }
.modal-footer { padding: 2px 16px; background-color: #445468; color: white }
.modal-content { top: 60px; position: relative; background-color: #fefefe; margin: auto; padding: 0; border: none; width: 95%; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s }
@-webkit-keyframes animatetop { from {
top:-300px;
opacity:0
}
to { top: 0; opacity: 1 }
}
@keyframes animatetop { from {
top:-300px;
opacity:0
}
to { top: 0; opacity: 1 }
}
.client-slider .client_slide { position: relative }
.client-slider .client_slide .client_name { position: absolute; width: 100%; height: 100%; opacity: 0; color: #ffffff }
.client-slider .client_slide .client_name .client_name_inner { font-family: 'Montserrat', sans-serif; font-size: 1.1em; padding: 30px 10px 10px 10px }
.client-slider .client_slide:hover .client_name { opacity: 1; background-color: rgba(29,187,238,0.9) }
.gallery { margin: 3em 0 }
.gallery figure { padding: 1px }
.gallery img { display: block; width: 100% }
.gallery a { color: #fff; display: block; font-size: 32px; position: relative }
.gallery a span { background: rgba(0,0,0,0.4); bottom: 0; content: ''; display: block; left: 0; opacity: 0; position: absolute; right: 0; top: 0; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out }
.gallery a span .fa { left: 50%; position: absolute; top: 45%; -webkit-text-shadow: 0 1px 2px rgba(0,0,0,0.6); -moz-text-shadow: 0 1px 2px rgba(0,0,0,0.6); -ms-text-shadow: 0 1px 2px rgba(0,0,0,0.6); text-shadow: 0 1px 2px rgba(0,0,0,0.6); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out }
.gallery a:hover span { opacity: 1 }
.gallery a:hover span .fa { top: 50% }
.gallery.two-col figure { float: left; width: 50% }
.gallery.two-col figure:nth-of-type(2n+1) { clear: both }
.gallery.three-col figure { float: left; width: 33.333% }
.gallery.three-col figure:nth-of-type(3n+1) { clear: both }
.gallery.shuffle figure { float: left; width: 33.1% }
.gallery.shuffle figure:nth-of-type(6n+1),
.gallery.shuffle figure:nth-of-type(6n+4) { clear: both; width: 66.9% }
.gallery.shuffle figure:nth-of-type(6n+4) { float: right }
.selecteer_plaats h4 { padding-bottom: 20px }
.workshop_details { line-height: 36px; display: none }
.workshop_details hr { border: none; border-bottom: 1px solid #1dbbee }
.close { color: #aaa; float: right; font-size: 28px; font-weight: bold }
.close:hover,
.close:focus { color: black; text-decoration: none; cursor: pointer }
.table { margin: 0 auto }
.table thead { font-weight: bold }
.table tr { border: 1px solid #4c4c4c }
.table td { padding: 10px }
header { background: #ffffff; left: 0; padding: 0 0 10px 0; position: fixed; top: 0; width: 100%; z-index: 599; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15); -ms-box-shadow: 0 1px 2px rgba(0,0,0,0.15); box-shadow: 0 1px 2px rgba(0,0,0,0.15); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out }
header.small { background-color: #ffffff }
header.small #logo img { height: 33px }
header.small #menu-toggle { line-height: 33px; width: 33px }
header.small #main-navigation .menu-item-has-children a:after { top: 24px }
header.small #main-navigation .menu-item-has-children:hover a:after { top: 28px }
#logo { display: block; float: left; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out }
#logo img { display: block; height: 44px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out }
#main-navigation { background: #ddd; font-size: 16px; height: 100vh; line-height: 30px; position: fixed; right: -220px; top: 0; width: 220px; z-index: 9990; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out }
#main-navigation li { display: block; line-height: 33px; }
#main-navigation a { display: block; padding: 15px 15px 15px 20px; text-decoration: none }
#main-navigation .menu-item-has-children { position: relative }
#main-navigation .uit .current-menu-item { background: #f39321 !important; color: #fff; }
#main-navigation .over .current-menu-item { background: #f39321 !important; color: #fff; }
#main-navigation a:hover{background:#f39321; color: #fff;}
#menu-item-86 .current-menu-item { background: #f39321 !important; color: #fff; }
#main-navigation .menu-item-has-children a { padding: 15px 42px 15px 20px }
#main-navigation .menu-item-has-children a:after { border-bottom: 1px solid #333; border-left: 1px solid #333; content: ''; height: 10px; position: absolute; right: 18px; top: 23px; width: 10px; z-index: 9999; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out }
#main-navigation .sub-menu { width: 100%; background: #d3d3d3; display: block; font-size: 14px; line-height: 0; opacity: 0; pointer-events: none; z-index: 9995 }
#main-navigation .sub-menu a { padding: 0px 20px }
#main-navigation .sub-menu a:after { content: none }
#main-navigation .menu-item-has-children.active a:after { top: 29px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg) }
#main-navigation .menu-item-has-children.active .sub-menu { line-height: 33px; opacity: 1; }
#menu-toggle { display: block; float: right; font-size: 21px; line-height: 50px; text-align: center; width: 50px }
#menu-toggle:hover { background: #f3f3f3 }
.wpcf7 input[type="text"],
input[type="text"],
.wpcf7 input[type="number"],
input[type="number"],
.wpcf7 input[type="email"],
input[type="email"],
textarea,
.wpcf7 textarea { border: 1px solid #f39321; background: #ffffff; font-family: 'Roboto', sans-serif; font-size: 1em; padding: 15px 15px; width: 100%; color: #445468; margin-bottom: 10px }
.wpcf7 input[type="submit"],
input[type="submit"],
.wpcf7 input[type="button"] { border: none; background-color: #1dbbee; color: #ffffff; text-align: center; text-transform: uppercase; font-family: 'Roboto', sans-serif; padding: 15px; cursor: pointer }
.screen-reader-response { color: #f39321; font-size: 0.8em; margin-bottom: 10px }
.wpcf7-not-valid-tip { color: #da3114; font-size: 0.8em }
.share a { background: #000; border: 2px solid #fff; color: #fff; display: inline-block; font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 300; line-height: 37px; margin: 3px; padding: 3px 0 0; text-align: center; text-decoration: none; text-transform: uppercase; width: 100px }
.share a i.fa { font-size: 21px; left: -5px; position: relative; top: 3px; color: #ffffff }
.share a:hover { color: #ffffff }
.share a.facebook { background: #3b5998 }
.share a.facebook:hover { border: 2px solid #3b5998; background-color: #ffffff; color: #3b5998 }
.share a.facebook:hover i.fa { color: #3b5998 }
.share a.twitter { background: #1da1f2 }
.share a.twitter:hover { border: 2px solid #1da1f2; background-color: #ffffff; color: #1da1f2 }
.share a.twitter:hover i.fa { color: #1da1f2 }
@-webkit-keyframes fadein { from {
opacity:0
}
to { opacity: 1 }
}
@-moz-keyframes fadein { from {
opacity:0
}
to { opacity: 1 }
}
@-o-keyframes fadein { from {
opacity:0
}
to { opacity: 1 }
}
@keyframes fadein { from {
opacity:0
}
to { opacity: 1 }
}
@-webkit-keyframes fadeinandup { from {
opacity:0;
top:55%
}
to { opacity: 1; top: 50% }
}
@-moz-keyframes fadeinandup { from {
opacity:0;
top:55%
}
to { opacity: 1; top: 50% }
}
@-o-keyframes fadeinandup { from {
opacity:0;
top:55%
}
to { opacity: 1; top: 50% }
}
@keyframes fadeinandup { from {
opacity:0;
top:55%
}
to { opacity: 1; top: 50% }
}
.heroimg { position: relative; margin: 0; max-height: 475px; overflow: hidden }
.heroimg figure { background: #445468; display: block }
.heroimg figure img { width: 100%; height: auto; display: block; opacity: 1; margin: 0 auto; -webkit-animation: fadein 3s; -moz-animation: fadein 3s; -ms-animation: fadein 3s; animation: fadein 3s }
.heroimg figcaption { font-size: 20px; padding: 25px 15px; text-align: center; letter-spacing: 1.2px; -webkit-animation: fadeinandup 1.5s; -moz-animation: fadeinandup 1.5s; -ms-animation: fadeinandup 1.5s; animation: fadeinandup 1.5s }
.heroimg figcaption h1 { font-family: 'Roboto', sans-serif; font-weight: bolder; text-transform: uppercase; margin: 0 0 0.3em }
.heroimg figcaption h2 { font-family: 'Roboto', sans-serif; font-weight: normal; font-size: 0.8em; margin: 0 0 0.3em }
.slick-prev { left: 25px; z-index: 99 }
.slick-next { right: 25px; z-index: 99 }
.pagetitle { background: #f39321; color: #fff; font-family: 'Roboto', sans-serif; font-size: 1.3em; padding: 40px 0; text-align: center; text-transform: uppercase }
.notitle { padding: 0 }
article { padding: 50px 0 }
article .wrap { max-width: 1210px }
article p { line-height: 1.5em; margin: 1.5em 0px; font-size: 1.2em }
article ul,
article ol { line-height: 1.5em; margin: 1.5em 0 1.5em 1em }
article ul ul,
article ul ol,
article ol ol,
article ol ul { margin: 0 0 0 1em }
article ul,
article ul li { list-style-type: disc }
article ol,
article ol li { list-style-type: decimal }
article ul ul li,
article ol ul li { list-style-type: circle }
article ul ol li,
article ol ol li { list-style-type: lower-latin }
article ul ul ul li,
article ul ol ul li,
article ol ul ul li,
article ol ol ul li { list-style-type: square }
article ol ol ol li,
article ol ul ol li,
article ul ol ol li,
article ul ul ol li { list-style-type: lower-roman }
article h1,
article h2 { font-family: 'Montserrat', sans-serif; font-size: 2.0em }
article h3,
article h4,
article h5,
article h6 { font-weight: bold; margin: 1.5em 0 -1.5em }
article a { display: inline-block; position: relative; color: #f39321 }
article a:hover { color: #f39321 }
article p.intro a:after { color: #445468; bottom: 6px }
article.smallpadding { padding: 30px 0 }
article .sidebar { background: #fafafa; border-bottom: 1px solid #eee; margin: 0 -15px 30px; padding: 15px }
article .sidebar ul,
article .sidebar li { list-style: none; margin: 0 }
article .sidebar a { display: inline-block; line-height: 2em }
article .sidebar a:after { content: none }
blockquote { background: #f39321; border-top: 5px solid #00a884; color: #fff; margin: 2em 0; padding: 20px }
blockquote strong { display: block; font-family: 'Roboto', sans-serif; margin: 0 0 0.5em }
blockquote a { color: #fff }
blockquote a:hover { color: #00a884 }
blockquote a:after { background: #fff }
.bg-grey { background: #f8f8f8 }
.grid { line-height: 1.6em }
.grid .wrap { padding: 0 7px }
.grid .wrap h2 { font-family: 'Roboto', sans-serif; font-weight: 700; text-transform: uppercase; color: #00a884; font-size: 2.0em; line-height: 1.2em; margin-bottom: 0.5em }
.grid .item,
.grid .item-12col,
.grid .item-11col,
.grid .item-10col,
.grid .item-9col,
.grid .item-8col,
.grid .item-7col,
.grid .item-6col,
.grid .item-5col,
.grid .item-4col,
.grid .item-3col,
.grid .item-2col,
.grid .item-1col { display: block; float: left; padding: 10px; width: 100% }
.grid .item h2,
.grid .item-12col h2,
.grid .item-11col h2,
.grid .item-10col h2,
.grid .item-9col h2,
.grid .item-8col h2,
.grid .item-7col h2,
.grid .item-6col h2,
.grid .item-5col h2,
.grid .item-4col h2,
.grid .item-3col h2,
.grid .item-2col h2,
.grid .item-1col h2 { font-family: 'Roboto', sans-serif; font-weight: 700; text-transform: uppercase; color: #f39321; font-size: 2.0em; line-height: 1.2em; margin-bottom: 0.5em }
.grid h2 { font-family: 'Roboto', sans-serif; font-weight: 700; text-transform: uppercase; color: #0090e3; font-size: 2.0em; line-height: 1.2em; margin-bottom: 0.5em }
.grid .inner { background: #fff; display: block; position: relative }
.grid a.inner { padding: 26px 16px }
.grid a.inner span.more { bottom: 20px; position: absolute; right: 20px; text-decoration: underline }
.grid a.inner:hover { background: #f39321; color: #fff }
.grid figure,
.grid figure img { display: block; position: relative; width: 100% }
.grid figcaption { padding: 20px; text-align: left; min-height: 100px }
.grid figcaption a { text-decoration: underline }
.grid figcaption a:hover { text-decoration: none }
.grid figcaption h4,
.grid figcaption h5 { margin: 0; padding: 0 }
.grid h3 { font-family: 'Montserrat', sans-serif; font-size: 1.4em; margin: 1.5em 0 0 }
.grid h4 { font-family: 'Montserrat', sans-serif; margin: 0 0 .1em }
.main-image { float: left; width: 100%; height: auto }
.main-image img { width: 100% }
.main-content { float: right; width: 100% }
.main-content .cols { float: left; width: 33% }
.main-content .cols .bigger { font-size: 1.6em }
.main-content .cols small { font-size: 0.5em; color: #445468 }
.interested { margin: 0 0 60px 0; display: block; padding: 0 }
.locations { padding: 20px 0 }
.locations .item { margin: 30px 0; position: relative }
.locations .item figcaption { margin: auto; width: 290px }
.locations .item figcaption p { line-height: 1.5em; margin: 1.5em 0 }
.locations .item figcaption label { display: inline-block; width: 35px }
.locations .item figcaption a { display: inline-block; position: relative }
.locations .item figcaption a:hover { color: #f39321 }
.locations .item figcaption a:hover:after { width: 0 }
.locations .item h3 { font-family: 'Montserrat', sans-serif; margin: 0 0 1em }
.locations .item figure,
.locations .item img { display: block }
.locations .item figure,
.locations .item .map { margin: auto; padding: 0; width: 290px }
.maps { padding: 0; right: 0; top: 0 }
.ribbon { background-color: #ffffff; position: relative; min-height: 56px }
.ribbon-box { position: absolute; top: 30px; right: 0px; padding: 0 15px; height: 36px; line-height: 36px; color: #fff; z-index: 500; background-color: #f39321 }
.ribbon-box-sold { position: absolute; top: 30px; left: 0px; padding: 0 15px; height: 36px; line-height: 36px; color: #fff; z-index: 500; background-color: #00a884 }
.grow { transition: all .2s ease-in-out }
.grow:hover { -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2) }
.workshop_actions { margin: 30px 0 }
.workshop_actions a[role=button] { padding: 5px 10px; margin: 0 0 30px 0; width: 100%; border-color: #1dbbee; background: #1dbbee; color: #ffffff }
.workshop_actions a[role=button]:hover { background: #ffffff; color: #1dbbee }
aside { background: #f39321; color: #ffffff; padding: 30px 0; text-align: center; line-height: 2.4em; letter-spacing: 1.2px }
aside h5 { font-size: 1.8em; font-weight: bold }
aside h6 { font-size: 1.5em; font-weight: 300; margin: 0 0 1.5em }
footer { font-family: 'SourceSerifPro'; background: #445468; color: #ffffff; padding: 30px 0 }
footer .wrap a,
footer .wrap a:hover { color: #ffffff }
footer .wrap .item { padding: 10px 30px; margin-bottom: 60px }
footer .wrap .item a,
footer .wrap .item a:hover { color: #000000 }
footer .wrap .item h5.widget-title { font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-weight: bold; margin-bottom: 0; font-size: 1.3em }
footer .wrap .item hr { border: 0; background: none; margin-bottom: 20px }
.fancybox-wrap { -webkit-overflow-scrolling: touch }
#main-navigation .arr .sub-menu a:hover { background: #f39321; color: #fff; }
#main-navigation .uit .sub-menu a:hover { background: #f39321; color: #fff; }
#main-navigation .over .sub-menu a:hover { background: #f39321; color: #fff; }
#main-navigation .bluenav .menu-item-has-children.active { background: #8463d6 !important; color: #FFF !important; }
#main-navigation .menu .bluenav .current-menu-ancestor a { background: #8463D6 !important; color: #ffffff !important; }
#menu-hoofdmenu #menu-item-98:hover { background: #1dbbee !important; color: #fff !important; }
#menu-hoofdmenu #menu-item-98:hover .dropdown { color: #fff !important; }
#menu-hoofdmenu #menu-item-99:hover { background: #e22586 !important; color: #fff !important; }
#menu-hoofdmenu #menu-item-99:hover .dropdown { color: #fff !important; }
#menu-hoofdmenu #menu-item-837:hover { background: #f39321 !important; color: #fff !important; }
#menu-hoofdmenu #menu-item-837:hover .dropdown { color: #fff !important; }
#menu-hoofdmenu #menu-item-1384:hover { background: #f39321 !important; color: #fff !important; }
#menu-hoofdmenu #menu-item-1384:hover .dropdown { color: #fff !important; }
#menu-hoofdmenu #menu-item-3854:hover { background: #f39321 !important; color: #fff !important; }
#menu-hoofdmenu #menu-item-3854:hover .dropdown { color: #fff !important; }
#menu-hoofdmenu #menu-item-85:hover { background: #f39321 !important; color: #fff !important; }
#menu-hoofdmenu #menu-item-85:hover .dropdown { color: #fff !important; }
#menu-hoofdmenu #menu-item-86:hover { background: #f39321 !important; color: #fff !important; }
#menu-hoofdmenu #menu-item-86:hover .dropdown { color: #fff !important; }
#menu-hoofdmenu #menu-item-98.active .dropdown { background-color: #1dbbee; color: #ffffff; }
#menu-hoofdmenu .active .dropdown:after { border-bottom: 1px solid #fff !important; border-left: 1px solid #fff !important; }
#menu-hoofdmenu #menu-item-99.active .dropdown { background-color: #e22586; color: #ffffff; }
#menu-hoofdmenu .active .dropdown:after { border-bottom: 1px solid #fff !important; border-left: 1px solid #fff !important; }
#menu-hoofdmenu #menu-item-837.active .dropdown { background-color: #f39321; color: #ffffff; }
#menu-hoofdmenu .active .dropdown:after { border-bottom: 1px solid #fff !important; border-left: 1px solid #fff !important; }
#menu-hoofdmenu #menu-item-1384.active .dropdown { background-color: #f39321; color: #ffffff; }
#menu-hoofdmenu .active .dropdown:after { border-bottom: 1px solid #fff !important; border-left: 1px solid #fff !important; }
#menu-hoofdmenu #menu-item-3854.active .dropdown { background-color: #f39321; color: #ffffff; }
#menu-hoofdmenu .active .dropdown:after { border-bottom: 1px solid #fff !important; border-left: 1px solid #fff !important; }
#menu-hoofdmenu #menu-item-85.active .dropdown { background-color: #f39321; color: #ffffff; }
#menu-hoofdmenu .active .dropdown:after { border-bottom: 1px solid #fff !important; border-left: 1px solid #fff !important; }
#menu-hoofdmenu #menu-item-86.active .dropdown { background-color: #f39321; color: #ffffff; }
#menu-hoofdmenu .active .dropdown:after { border-bottom: 1px solid #fff !important; border-left: 1px solid #fff !important; }
.current-workshop-parent .sub-menu { background: #d3d3d3 !important; }
#menu-hoofdmenu #menu-item-98 .pinknav .sub-menu .current-category { background: #d3d3d3 !important; }
@media screen and (min-width: 520px) {
.grid .item { width: 50% }
.grid .item:nth-of-type(2n+1) { clear: both }
}
@media screen and (min-width: 700px) {
#main-navigation .menu-item-has-children:hover a:after { top: 38px; border-color: #fff; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }
#main-navigation .arr a:hover { background: #f39321; color: #fff; }
#main-navigation .uit a:hover { background: #f39321; color: #fff; }
#main-navigation .over a:hover { background: #f39321; color: #fff; }
#main-navigation .cont a:hover { background: #f39321; color: #fff; }

.item-4col h2 { line-height: none !important; }
.workshop-filter { text-align: center !important; }
.button.blue { margin-top: 10px !important; margin-left: 10px; }
body { font-size: 15px; margin-top: 124px }
body.form { margin-top: 0 }
.intro { font-weight: 100; font-size: 1.3em; line-height: 1.2em; pointer-events: all }
header { background-color: #ffffff; padding: 0 }
header.small { background-color: #ffffff }
header.small #logo { padding: 15px 0 }
header.small nav a { line-height: 33px }
header.small nav a:after { top: 33px }
.info-header { margin-bottom: 0px }
.info-header a { color: #e22586 }
#logo { padding: 7px 0 0 0 }
#logo img { height: 70px }
#toggle { display: none }
#main-navigation { background: none; float: right; height: auto; position: relative; right: 0 !important; width: auto; pointer-events: all }
#main-navigation li { float: left }
#main-navigation a { display: block; padding: 15px 10px; }
.cont a { padding: 15px 20px 15px 20px !important; }
#main-navigation .menu .current_page_item a:after,
#main-navigation .menu .current-menu-item a:after,
#main-navigation .menu .current-category a:after { border-bottom: 1px solid #000; border-left: 1px solid #000 }
#main-navigation .menu .current_page_item.bluenav a,
#main-navigation .menu .current-category.bluenav a,
#main-navigation .menu .current-category.bluenav a { background: #1dbbee !important; color: #ffffff }
#main-navigation .menu .current_page_item.pinknav a,
#main-navigation .menu .current-category.pinknav a,
#main-navigation .menu .current-category.pinknav a { background: #e22586 !important; color: #ffffff }
#main-navigation .menu .current_page_item.pinknav a { background: #e22586; color: #ffffff }
#main-navigation .bluenav a:hover { background: #1dbbee; color: #ffffff }
#main-navigation .pinknav a:hover { background: #e22586; color: #ffffff }
#main-navigation .menu-item-has-children.active { pointer-events: all }
#main-navigation .menu-item-has-children.active .sub-menu,
#main-navigation .sub-menu { float: left; left: 0; line-height: 0; min-width: 100%; opacity: 0; position: absolute; }
#main-navigation .menu-item-has-children.active .sub-menu li,
#main-navigation .sub-menu li { float: none }
#main-navigation .menu-item-has-children:hover a:after { top: 29px; border-color: #ffffff; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg) }
#menu-item-1384 .sub-menu{ overflow-y: scroll;height: 500px; overflow-x: hidden; }
#menu-item-3854 .sub-menu{ overflow-y: scroll;height: 500px; overflow-x: hidden; }
#main-navigation .menu-item-has-children:hover .sub-menu { line-height: 20px; opacity: 1; pointer-events: all }
#menu-toggle { display: none }
.cont a { padding: 15px 20px 15px 20px !important; }
.heroimg figure .raster { background: url(../img/raster.png); bottom: 0; left: 0; position: absolute; top: 0; right: 0; z-index: 0 }
.heroimg figcaption { color: #fff; font-size: 36px; left: 50%; max-width: 620px; padding: 0; position: absolute; top: 50%; text-align: left; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) }
.heroimg figcaption h1,
.heroimg figcaption h2 { text-shadow: 0px 0px 12px #000000 }
.pagetitle { font-size: 2em; padding: 80px 0 }
.notitle { padding: 0 }
article { padding: 40px 0 }
article.smallpadding { padding: 40px 0 }
article.sideleft .wrap,
article.sideright .wrap { max-width: 1210px }
article.sideleft .sidebar,
article.sideright .sidebar { border-bottom: none; bottom: 0; margin: 0; padding: 25px 15px 15px 25px; position: absolute; top: 0; width: 200px }
article.sideleft .sidebar a,
article.sideright .sidebar a { font-size: .8em }
article.sideleft .wrap { padding: 0 15px 0 265px }
article.sideleft .sidebar { border-right: 1px solid #eee; left: 15px }
article.sideright .wrap { padding: 0 265px 0 15px }
article.sideright .sidebar { border-left: 1px solid #eee; right: 15px }
blockquote { float: right; margin: 0 1.5em 0 40px; max-width: 40% }
.grid .item { width: 33.333% }
.grid .item:nth-of-type(2n+1) { clear: none }
.grid .item:nth-of-type(3n+1) { clear: both }
.grid .item-1col { width: 8.333% }
.grid .item-1col:nth-of-type(3n+1) { clear: none }
.grid .item-1col:nth-of-type(4n+1) { clear: both }
.grid .item-3col { width: 25% }
.grid .item-3col:nth-of-type(3n+1) { clear: none }
.grid .item-3col:nth-of-type(4n+1) { clear: both }
.grid .item-4col { width: 33.333% }
.grid .item-4col:nth-of-type(2n+1) { clear: none }
.grid .item-4col:nth-of-type(3n+1) { clear: both }
.grid .item-5col { width: 41.666% }
.grid .item-5col:nth-of-type(2n+1) { clear: none }
.grid .item-5col:nth-of-type(3n+1) { clear: both }
.grid .item-6col { width: 50% }
.grid .item-6col:nth-of-type(1n+1) { clear: none }
.grid .item-6col:nth-of-type(2n+1) { clear: both }
.grid .item-7col { width: 58.333% }
.grid .item-7col:nth-of-type(1n+1) { clear: none }
.grid .item-7col:nth-of-type(2n+1) { clear: both }
.grid .item-8col { width: 66.666% }
.grid .item-8col:nth-of-type(1n+1) { clear: none }
.grid .item-8col:nth-of-type(2n+1) { clear: both }
.grid .item-10col { width: 83.333% }
.grid .item-10col:nth-of-type(1n+1) { clear: none }
.grid .item-10col:nth-of-type(2n+1) { clear: both }
.grid .item-12col { width: 100% }
.grid .item-12col:nth-of-type(1n+1) { clear: none }
.grid .item-12col:nth-of-type(1n+1) { clear: both }
.no-padding-top { padding-top: 0 }
aside { font-family: 'SourceSerifPro'; padding: 30px 0 }
aside .wrap { display: inline-block; max-width: none; padding: 0; width: auto }
aside .text,
aside .action { float: left; padding: 0 25px }
aside .text { text-align: right }
aside .action { text-align: left }
aside h5 { font-weight: lighter; margin: 0 }
aside h6 { font-weight: lighter; margin: 0 }
aside a[role=button] { position: relative; top: 5px }
.modal-content { width: 30% }
.main-image { width: 450px }
.main-content { width: 500px }
select { width: 120px !important; left: 10px !important; top: -11px !important; }
.details.fixed { top: 110px; z-index: 499; position: fixed; width: 100% }
.details.fixed { top: 116px; z-index: 499; position: fixed; width: 100% }
.details ::-webkit-input-placeholder {
font-style:italic;
color:#ffffff
}
.details :-moz-placeholder {
font-style:italic;
color:#ffffff
}
.details ::-moz-placeholder {
font-style:italic;
color:#ffffff
}
.details :-ms-input-placeholder {
font-style:italic;
color:#ffffff
}
.details input[type="text"] { width: 120px; padding: 13px 20px 12px 13px; margin: 0px; font-size: 13px; color: #ffffff; background: none transparent; border: 1px solid #ffffff; border-radius: 0px; -webkit-border-radius: 0px; -webkit-appearance: none }
section.details.workshop { height: 84px }
section.placeholder_details { height: 124px; display: none }
section.workshops,
section.other-workshops { background-color: #f8f8f8; padding: 60px 0px }
section.workshops .workshop,
section.other-workshops .workshop { background-color: #ffffff; min-height: 400px; position: relative }
section.workshops .workshop h2,
section.other-workshops .workshop h2 { font-family: 'Montserrat', sans-serif; font-size: 20px; color: #445468; line-height: 30px; margin: 0 }
section.workshops .workshop h3,
section.other-workshops .workshop h3 { color: #f39321; font-family: 'SourceSerifPro', serif; font-size: 18px; line-height: 36px; margin: 0 }
section.workshops .workshop .workshop-details .stroke,
section.other-workshops .workshop .workshop-details .stroke { background: #f39321; font-size: 13px; line-height: 30px; padding: 0 20px; height: 30px; color: #ffffff }
section.workshops .workshop .workshop-details-extra,
section.other-workshops .workshop .workshop-details-extra { background-color: #f39321; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color: #ffffff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 40px 20px 20px 20px; z-index: 400 }
section.workshops .workshop .workshop-details-extra h2,
section.workshops .workshop .workshop-details-extra h3,
section.other-workshops .workshop .workshop-details-extra h2,
section.other-workshops .workshop .workshop-details-extra h3 { color: #ffffff }
section.workshops .workshop .workshop-details-mobile,
section.other-workshops .workshop .workshop-details-mobile { opacity: 0; height: 0; padding: 0 }
section.workshops .workshop:hover .workshop-details-extra,
section.other-workshops .workshop:hover .workshop-details-extra { opacity: 1 }
section.workshops .workshop.blue .workshop-details h3,
section.other-workshops .workshop.blue .workshop-details h3 { color: #1dbbee }
section.workshops .workshop.blue .workshop-details .stroke,
section.other-workshops .workshop.blue .workshop-details .stroke { background: #1dbbee }
section.workshops .workshop.blue .workshop-details-extra,
section.other-workshops .workshop.blue .workshop-details-extra { background-color: #1dbbee }
section.workshops .workshop.blue a[role=button],
section.other-workshops .workshop.blue a[role=button] { border-color: #ffffff; background: #ffffff; color: #1dbbee }
section.workshops .workshop.blue a[role=button]:hover,
section.other-workshops .workshop.blue a[role=button]:hover { background: #1dbbee; color: #ffffff }
section.workshops .workshop.pink .workshop-details h3,
section.other-workshops .workshop.pink .workshop-details h3 { color: #e22586 }
section.workshops .workshop.pink .workshop-details .stroke,
section.other-workshops .workshop.pink .workshop-details .stroke { background: #e22586 }
section.workshops .workshop.pink .workshop-details-extra,
section.other-workshops .workshop.pink .workshop-details-extra { background-color: #e22586 }
section.workshops .workshop.pink a[role=button],
section.other-workshops .workshop.pink a[role=button] { border-color: #ffffff; background: #ffffff; color: #e22586 }
section.workshops .workshop.pink a[role=button]:hover,
section.other-workshops .workshop.pink a[role=button]:hover { background: #e22586; color: #ffffff }
section.workshops .workshop.orange .workshop-details h3,
section.other-workshops .workshop.orange .workshop-details h3 { color: #f39321 }
section.workshops .workshop.orange .workshop-details .stroke,
section.other-workshops .workshop.orange .workshop-details .stroke { background: #f39321 }
section.workshops .workshop.orange .workshop-details-extra,
section.other-workshops .workshop.orange .workshop-details-extra { background-color: #f39321 }
section.workshops .workshop.orange a[role=button],
section.other-workshops .workshop.orange a[role=button] { border-color: #ffffff; background: #ffffff; color: #f39321 }
section.workshops .workshop.orange a[role=button]:hover,
section.other-workshops .workshop.orange a[role=button]:hover { background: #f39321; color: #ffffff }
.extra-workshop-info-sidebar { font-size: 0.8em }
footer { font-size: 14px; padding: 50px 0 30px }
footer a { color: #ffffff; border-bottom: 1px dotted #ffffff }
footer.grid { padding: 45px 0 15px 0 }
}
 @media only screen and (max-width: 1200px) and (min-width: 701px) {
#main-navigation li { line-height: inherit !important; }
/*#menu-hoofdmenu{ display:none !important;}*/
.grid figure,
.grid figure img { height: auto; }
body.open-menu #main-navigation { right: 0 !important; }
#menu-toggle { margin-top: 10px; display: block; float: right; font-size: 21px; line-height: 50px; text-align: center; width: 50px; }
#menu-toggle:hover { background: #f3f3f3; }
#main-navigation { background: #ddd; font-size: 16px; height: 100vh; line-height: 30px; position: fixed !important; right: -220px !important; top: 0; width: 220px; z-index: 9990; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -ms-transition: all .15s ease-in-out; transition: all .15s ease-in-out; }
#main-navigation li { float: left }
#main-navigation a { display: block; width: 220px; }
#main-navigation .menu-item-has-children.active { pointer-events: all }
#main-navigation .menu-item-has-children.active .dropdown:after { top: 25px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) }
#main-navigation .menu-item-has-children.active .sub-menu,
#main-navigation .sub-menu { float: left; left: 0; line-height: 0; min-width: 100%; opacity: 0; position: relative; pointer-events: all }
#main-navigation .menu-item-has-children.active .sub-menu li,
#main-navigation .sub-menu li { float: none }
#main-navigation .menu-item-has-children:hover a:after { top: 29px; border-color: #ffffff; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg) }
#main-navigation .menu-item-has-children:hover .sub-menu { line-height: 20px; opacity: 1; pointer-events: all }
}
 @media only screen and (max-width: 1023px) and (min-width: 701px) {
#main-navigation li { line-height: inherit !important }
.workshop-details-extra br { display: none !important; }
#workshop-filter span { display: inline-block !important; }
#workshop-filter select { width: 120px !important; left: 10px !important; top: 0px !important; }
.heroimg .slick-slider { height: 100% !important; }
body.open-menu #main-navigation { right: 0 !important; }
#menu-toggle { display: block; float: right; font-size: 21px; line-height: 50px; text-align: center; width: 50px; }
#menu-toggle:hover { background: #f3f3f3; }
#main-navigation { background: #ddd; font-size: 16px; height: 100vh; line-height: 30px; position: fixed !important; right: -220px !important; top: 0; width: 220px; z-index: 9990; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -ms-transition: all .15s ease-in-out; transition: all .15s ease-in-out; }
#main-navigation li { float: left }
#main-navigation a { display: block; width: 220px; }
#main-navigation .bluenav a:hover { background: #1dbbee; color: #ffffff }
#main-navigation .pinknav a:hover { background: #e22586; color: #ffffff }
#main-navigation .menu-item-has-children.active { pointer-events: all }
#main-navigation .menu-item-has-children.active .dropdown:after { top: 25px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) }
#main-navigation .menu-item-has-children.active .sub-menu,
#main-navigation .sub-menu { float: left; left: 0; line-height: 0; min-width: 100%; opacity: 0; position: relative; pointer-events: all }
#main-navigation .menu-item-has-children.active .sub-menu li,
#main-navigation .sub-menu li { float: none }
#main-navigation .menu-item-has-children:hover a:after { top: 30px; border-color: #ffffff; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg) }
#main-navigation .menu-item-has-children:hover .sub-menu { line-height: 20px; opacity: 1; pointer-events: all }
}
 @media only screen and (max-width: 875px) and (min-width: 768px) {
#main-navigation li { line-height: inherit !important }
#workshop-filter span { display: inline-block !important; }
#workshop-filter select { width: 120px !important; left: 10px !important; top: 0px !important; }
.grid .item-4col h2 { font-size: 25px; }
.customSelect { margin-bottom: 0px !important; }
a[role=button] { min-width: 195px; }
}
 @media (max-width:768px) {
#main-navigation li { line-height: inherit !important; }
.workshop a[role=button] { min-width: 100%; }
.workshop-details-extra br { display: none !important; }
.grid figure,
.grid figure img { height: auto; }
.workshop-details-mobile { display: none; }
.details input[type="text"] { height: 42px; width: 120px; padding: 16px 13px 14px 13px; font-size: 14px; color: #ffffff; background: none transparent; border: 1px solid #ffffff; border-radius: 0px; -webkit-border-radius: 0px; -webkit-appearance: none; font-style: italic; }
.heroimg .slide figure { height: auto; }
.heroimg .slick-slider { height: auto !important; }
#logo { width: 50%; }
}
 @media only screen and (max-width: 768px) and (min-width: 700px) {
#main-navigation li { line-height: inherit !important; }
.grid .item-4col h2 { font-size: 23px; }
section.workshops .workshop,
section.other-workshops .workshop { min-height: 380px; }
.heroimg figcaption { top: 50% !important; width: auto !important; }
}
 @media only screen and (max-width: 768px) and (min-width: 480px) {
#main-navigation li { line-height: inherit !important }
#workshop-filter span { display: inline-block !important; }
#workshop-filter select { width: 120px !important; left: 10px !important; top: 0px !important; }
.button.blue { margin-left: 10px; }
	 ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
 color: #fff;
 opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #fff;
}

::-ms-input-placeholder { /* Microsoft Edge */
 color: #fff;
}
.heroimg figcaption { top: 0; position: absolute; width: 100%; text-shadow: 0px 0px 10px #000; color: #FFF; }
}
 @media only screen and (max-width:700px) {
#main-navigation { background: #ddd; font-size: 16px; height: 100vh; line-height: 30px; position: fixed !important; right: -220px !important; top: 0; width: 220px; z-index: 9990; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -ms-transition: all .15s ease-in-out; transition: all .15s ease-in-out; }
#main-navigation li { float: left }
#main-navigation a { display: block; width: 220px; }
#main-navigation .bluenav a:hover { background: #8463D6; color: #ffffff }
#main-navigation .pinknav a:hover { background: #A7A2E4; color: #ffffff }
#main-navigation .menu-item-has-children.active { pointer-events: all }
#main-navigation .menu-item-has-children.active .dropdown:after { top: 23px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) }
#main-navigation .menu-item-has-children.active .sub-menu,
#main-navigation .sub-menu { float: left; left: 0; line-height: 0; min-width: 100%; opacity: 0; position: relative; pointer-events: all }
#main-navigation .menu-item-has-children.active .sub-menu li,
#main-navigation .sub-menu li { float: none; }
#main-navigation .menu-item-has-children.active .sub-menu a,
/*#main-navigation .sub-menu a { padding: 0 30px }*/
#main-navigation .menu-item-has-children:hover a:after { top: 23px; border-color: #ffffff; }
#main-navigation .menu-item-has-children:hover .sub-menu { line-height: 20px; opacity: 1; pointer-events: all }
body.open-menu #main-navigation { right: 0 !important; }
#menu-toggle { margin-top: 10px; display: block; float: right; font-size: 21px; line-height: 50px; text-align: center; width: 50px; }
#menu-toggle:hover { background: #f3f3f3; }
#main-navigation .bluenav a:hover { background: #8463D6; color: #ffffff; }
#main-navigation .menu .current_page_item.bluenav a,
#main-navigation .menu .current-category.bluenav a,
#main-navigation .menu .current-category.bluenav a { background: #1dbbee !important; color: #ffffff }
#main-navigation .menu .current_page_item.pinknav a,
#main-navigation .menu .current-category.pinknav a,
#main-navigation .menu .current-category.pinknav a { background: #e22586 !important; color: #ffffff }
#main-navigation .arr a:hover { background: #f39321; color: #fff; }
#main-navigation .uit a:hover { background: #f39321; color: #fff; }
#main-navigation .over a:hover { background: #f39321; color: #fff; }
#main-navigation .cont a:hover { background: #f39321; color: #fff; }
#main-navigation .menu .current_page_item.pinknav a { background: #e22586; color: #ffffff }
#main-navigation .bluenav a:hover { background: #1dbbee; color: #ffffff }
#main-navigation .pinknav a:hover { background: #e22586; color: #ffffff }
#main-navigation .arr .sub-menu a:hover { background: #f39321; }
#main-navigation .uit .sub-menu a:hover { background: #f39321; }
#main-navigation .over .sub-menu a:hover { background: #f39321; }
.details input[type="text"] { padding: 13px 13px 13px 13px; font-size: 13px; }
#main-navigation .bluenav .menu-item-has-children.active { background: #8463d6 !important; color: #FFF !important; }
#main-navigation .menu .bluenav .current-menu-ancestor a { background: #8463D6 !important; color: #ffffff !important; }
#menu-hoofdmenu #menu-item-98:hover { background: #1dbbee !important; color: #fff !important; }
#menu-hoofdmenu #menu-item-98:hover .dropdown { color: #fff !important; }
#menu-hoofdmenu #menu-item-99:hover { background: #e22586 !important; color: #fff !important; }
#menu-hoofdmenu #menu-item-99:hover .dropdown { color: #fff !important; }
#menu-hoofdmenu #menu-item-837:hover { background: #f39321 !important; color: #fff !important; }
#menu-hoofdmenu #menu-item-837:hover .dropdown { color: #fff !important; }
#menu-hoofdmenu #menu-item-1384:hover { background: #f39321 !important; color: #fff !important; }
#menu-hoofdmenu #menu-item-1384:hover .dropdown { color: #fff !important; }
#menu-hoofdmenu #menu-item-3854:hover { background: #f39321 !important; color: #fff !important; }
#menu-hoofdmenu #menu-item-3854:hover .dropdown { color: #fff !important; }
#menu-hoofdmenu #menu-item-85:hover { background: #f39321 !important; color: #fff !important; }
#menu-hoofdmenu #menu-item-85:hover .dropdown { color: #fff !important; }
#menu-hoofdmenu #menu-item-86:hover { background: #f39321 !important; color: #fff !important; }
#menu-hoofdmenu #menu-item-86:hover .dropdown { color: #fff !important; }
#menu-hoofdmenu #menu-item-98.active .dropdown { background-color: #1dbbee; color: #ffffff; }
#menu-hoofdmenu .active .dropdown:after { border-bottom: 1px solid #fff !important; border-left: 1px solid #fff !important; }
#menu-hoofdmenu #menu-item-99.active .dropdown { background-color: #e22586; color: #ffffff; }
#menu-hoofdmenu .active .dropdown:after { border-bottom: 1px solid #fff !important; border-left: 1px solid #fff !important; }
#menu-hoofdmenu #menu-item-837.active .dropdown { background-color: #f39321; color: #ffffff; }
#menu-hoofdmenu .active .dropdown:after { border-bottom: 1px solid #fff !important; border-left: 1px solid #fff !important; }
#menu-hoofdmenu #menu-item-1384.active .dropdown { background-color: #f39321; color: #ffffff; }
#menu-hoofdmenu .active .dropdown:after { border-bottom: 1px solid #fff !important; border-left: 1px solid #fff !important; }
#menu-hoofdmenu #menu-item-3854.active .dropdown { background-color: #f39321; color: #ffffff; }
#menu-hoofdmenu .active .dropdown:after { border-bottom: 1px solid #fff !important; border-left: 1px solid #fff !important; }
#menu-hoofdmenu #menu-item-85.active .dropdown { background-color: #f39321; color: #ffffff; }
#menu-hoofdmenu .active .dropdown:after { border-bottom: 1px solid #fff !important; border-left: 1px solid #fff !important; }
#menu-hoofdmenu #menu-item-86.active .dropdown { background-color: #f39321; color: #ffffff; }
#menu-hoofdmenu .active .dropdown:after { border-bottom: 1px solid #fff !important; border-left: 1px solid #fff !important; }
}
 @media screen and (max-width: 699px) {
#main-navigation li { line-height: inherit !important; }
#logo { padding-top: 13px; }
.customSelect { margin-left: 0px; margin-bottom: 10px; padding: 10px; }
.button.blue { margin-left: 0px !important; padding: 9px; height: 42px; }
.grid .item-4col { width: 50%; }
.details .item-4col { width: 42%; }
.details .item-8col { width: 58%; }
}
 @media (max-width:580px) {
#main-navigation li { line-height: inherit !important; }
.details .item-4col { width: 100%; text-align: center !important; }
.details .item-8col { width: 100%; text-align: center !important; }
section.workshops .workshop h2,
section.other-workshops .workshop h2 { font-size: 18px; }
section.workshops .workshop,
section.other-workshops .workshop { min-height: 370px; }
#workshop-filter { text-align: center !important; }
#workshop-filter span { display: inline-block !important; text-align: right !important; }
#workshop-filter select { left: 0px !important; top: 0px !important }
}
 @media (max-width:480px) {
#main-navigation li { line-height: inherit !important; }
.grid .item-4col { width: 100%; }
.workshop-details-mobile { display: none; }
.button.blue { margin-left: 10px; }
	 ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
 color: #fff;
 opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #fff;
}

::-ms-input-placeholder { /* Microsoft Edge */
 color: #fff;
}
.customSelect { margin-bottom: 10px !important; }
.section-header h2 { font-weight: normal }
.heroimg figcaption { position: absolute; top: 0px; width: 100%; text-shadow: 0px 0px 10px #000; color: #FFF; }
#main-navigation .bluenav a:hover { background: #8463D6; color: #ffffff; }
#main-navigation .menu .current_page_item.bluenav a,
#main-navigation .menu .current-category.bluenav a,
#main-navigation .menu .current-category.bluenav a { background: #1dbbee !important; color: #ffffff }
#main-navigation .menu .current_page_item.pinknav a,
#main-navigation .menu .current-category.pinknav a,
#main-navigation .menu .current-category.pinknav a { background: #e22586 !important; color: #ffffff }
#main-navigation .arr a:hover { background: #f39321; color: #fff; }
#main-navigation .uit a:hover { background: #f39321; color: #fff; }
#main-navigation .over a:hover { background: #f39321; color: #fff; }
#main-navigation .cont a:hover { background: #f39321; color: #fff; }
#main-navigation .menu .current_page_item.pinknav a { background: #e22586; color: #ffffff }
#main-navigation .bluenav a:hover { background: #1dbbee; color: #ffffff }
#main-navigation .pinknav a:hover { background: #e22586; color: #ffffff }
#main-navigation .arr .sub-menu a:hover { background: #f39321; }
#main-navigation .uit .sub-menu a:hover { background: #f39321; }
#main-navigation .over .sub-menu a:hover { background: #f39321; }
#workshop-filter { padding-top: 2px !important; }
#main-navigation .bluenav .menu-item-has-children.active { background: #1dbbee !important; color: #FFF !important; }
#main-navigation .menu .bluenav .current-menu-ancestor a { background: #1dbbee !important; color: #ffffff !important; }
#menu-hoofdmenu #menu-item-98:hover { background: #1dbbee !important; color: #fff !important; }
#menu-hoofdmenu #menu-item-98:hover .dropdown { color: #fff !important; }
#menu-hoofdmenu #menu-item-99:hover { background: #e22586 !important; color: #fff !important; }
#menu-hoofdmenu #menu-item-99:hover .dropdown { color: #fff !important; }
#menu-hoofdmenu #menu-item-837:hover { background: #f39321 !important; color: #fff !important; }
#menu-hoofdmenu #menu-item-837:hover .dropdown { color: #fff !important; }
#menu-hoofdmenu #menu-item-1384:hover { background: #f39321 !important; color: #fff !important; }
#menu-hoofdmenu #menu-item-1384:hover .dropdown { color: #fff !important; }
#menu-hoofdmenu #menu-item-3854:hover { background: #f39321 !important; color: #fff !important; }
#menu-hoofdmenu #menu-item-3854:hover .dropdown { color: #fff !important; }
#menu-hoofdmenu #menu-item-85:hover { background: #f39321 !important; color: #fff !important; }
#menu-hoofdmenu #menu-item-85:hover .dropdown { color: #fff !important; }
#menu-hoofdmenu #menu-item-86:hover { background: #f39321 !important; color: #fff !important; }
#menu-hoofdmenu #menu-item-86:hover .dropdown { color: #fff !important; }
#menu-hoofdmenu #menu-item-98.active .dropdown { background-color: #1dbbee; color: #ffffff; }
#menu-hoofdmenu .active .dropdown:after { border-bottom: 1px solid #fff !important; border-left: 1px solid #fff !important; }
#menu-hoofdmenu #menu-item-99.active .dropdown { background-color: #e22586; color: #ffffff; }
#menu-hoofdmenu .active .dropdown:after { border-bottom: 1px solid #fff !important; border-left: 1px solid #fff !important; }
#menu-hoofdmenu #menu-item-837.active .dropdown { background-color: #f39321; color: #ffffff; }
#menu-hoofdmenu .active .dropdown:after { border-bottom: 1px solid #fff !important; border-left: 1px solid #fff !important; }
#menu-hoofdmenu #menu-item-1384.active .dropdown { background-color: #f39321; color: #ffffff; }
#menu-hoofdmenu .active .dropdown:after { border-bottom: 1px solid #fff !important; border-left: 1px solid #fff !important; }
#menu-hoofdmenu #menu-item-3854.active .dropdown { background-color: #f39321; color: #ffffff; }
#menu-hoofdmenu .active .dropdown:after { border-bottom: 1px solid #fff !important; border-left: 1px solid #fff !important; }
#menu-hoofdmenu #menu-item-85.active .dropdown { background-color: #f39321; color: #ffffff; }
#menu-hoofdmenu .active .dropdown:after { border-bottom: 1px solid #fff !important; border-left: 1px solid #fff !important; }
#menu-hoofdmenu #menu-item-86.active .dropdown { background-color: #f39321; color: #ffffff; }
#menu-hoofdmenu .active .dropdown:after { border-bottom: 1px solid #fff !important; border-left: 1px solid #fff !important; }
.grid figure,
.grid figure img { height: auto; }
#workshop-filter { display: inline-block; text-align: center !important; }
.bbbx { top: 43px !important; left: -263px !important; display: inline-block !important; }
}
 @media (max-width:430px) {
#main-navigation li { line-height: inherit !important }
#workshop-filter select { left: 0px !important }
a[role=button] { display: block; }
.workshop-details-extra br { display: none; }
#logo { width: 75%; }
.bbbx { left: -333px !important; }
footer .textcenter { padding: 0px 10px; font-size: 14px; }
}
 @media (max-width:356px) {
#main-navigation li { line-height: inherit !important }
#workshop-filter span { display: inline-block !important; width: 100px; margin-left: 0px; margin-right: 0px; }
.button.blue { margin-left: 0px; }
#workshop-filter span { text-align: right; }
.customSelectInner { text-align: right; width: 85px !important; }
}
 @media (max-width:320px) {
#main-navigation li { line-height: inherit !important }
section.workshops,
section.other-workshops { padding: 30px 0px; }
.details .item-4col h2 { font-size: 25px; }
section.workshops .workshop h2,
section.other-workshops .workshop h2 { line-height: 24px; margin-bottom: 10px; }
workshop-details-extra { line-height: 20px !important; }
.button.blue { margin-left: 0px; }
#workshop-filter select { left: 0px !important; }
.details input[type="text"] { width: 78px; padding: 12px 0px 13px 5px; font-size: 13px; }
#workshop-filter span { margin-right: 0px; margin-left: 0px; }
.heroimg figcaption { font-size: 14px; }
.heroimg .slide figure { height: auto; }
.heroimg .slick-slider { height: auto !important; }
#logo { width: 76%; padding-top: 10px; }
#logo img { height: auto; }
.bbbx { top: 43px !important; left: -263px !important; display: inline-block !important; }
#workshop-filter span { text-align: right; }
.customSelectInner { text-align: right; width: 85px !important; }
.menu-hoofdmenu-container { display: none !important; }
.menu-mobile-menu-container { display: block !important }
}
#menu-hoofdmenu-1 { display: none; }

#menu-hoofdmenu #menu-item-1384.current_page_item {
    background-color: #f39321;
    color: #fff !important;
}

#menu-hoofdmenu #menu-item-3854.current_page_item {
    background-color: #f39321;
    color: #fff !important;
}

#menu-hoofdmenu #menu-item-3307.current_page_item {
    background-color: #f39321;
    color: #fff !important;
}
#menu-hoofdmenu #menu-item-3307.current_page_item a {
    color: #fff !important;
}

#menu-hoofdmenu #menu-item-85.current_page_item {
    background-color: #f39321;
    color: #fff !important;
}
#menu-hoofdmenu #menu-item-85.current_page_item a {
    color: #fff !important;
}

#menu-hoofdmenu #menu-item-86.current_page_item {
    background-color: #f39321;
    color: #fff !important;
}
#menu-hoofdmenu #menu-item-86.current_page_item a {
    color: #fff !important;
}

#menu-hoofdmenu #menu-item-86.current_page_item a:after, #main-navigation .menu .current-menu-item a:after, #main-navigation .menu .current-category a:after {
    border-bottom: 1px solid #fff !important;
    border-left: 1px solid #fff !important;
}

#menu-hoofdmenu #menu-item-1384 .current-menu-parent .dropdown {
    background: #f39321 !important;
    color: #fff !important;
}

#menu-hoofdmenu #menu-item-1384.current-menu-item {
    background-color: #f39321 !important;
    color: #fff !important;
}

#menu-hoofdmenu #menu-item-1384.current-menu-item a{
    color: #fff !important;
}

#menu-hoofdmenu #menu-item-3854 .current-menu-parent .dropdown {
    background: #f39321 !important;
    color: #fff !important;
}

#menu-hoofdmenu #menu-item-3854.current-menu-item {
    background-color: #f39321 !important;
    color: #fff !important;
}

#menu-hoofdmenu #menu-item-3854.current-menu-item a{
    color: #fff !important;
}

#main-navigation .current-menu-item a:after {
    top: 29px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}