/*
	Theme Name: Custom Template
	Theme URI: https://www.dink.nl
	Description: Basis voor de template
	Version: 1.0
	Author: DINK
	Author URI: https://www.dink.nl	

*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');

@font-face {
  font-family: 'icomoon';
  src:  url('assets/fonts/icomoon.eot?kj7sn7');
  src:  url('assets/fonts/icomoon.eot?kj7sn7#iefix') format('embedded-opentype'),
    url('assets/fonts/icomoon.ttf?kj7sn7') format('truetype'),
    url('assets/fonts/icomoon.woff?kj7sn7') format('woff'),
    url('assets/fonts/icomoon.svg?kj7sn7#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-down:before {
  content: "\e900";
}
.icon-arrow-left:before {
  content: "\e901";
}
.icon-arrow-right:before {
  content: "\e902";
}
.icon-door-dink:before {
  content: "\e903";
}
.icon-icon-beleidsplan-large:before {
  content: "\e904";
}
.icon-icon-beleidsplan:before {
  content: "\e905";
}
.icon-icon-download:before {
  content: "\e906";
}
.icon-icon-person:before {
  content: "\e907";
}



a, button, input, .read-more i, .video-url i, .slider-arrow, .nieuws-box-content, .read-more span, .scroll-down span, .scroll-down {
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

/*------------------------------------*\
    MAIN


font-family:"korolev-compressed";
font-family:"korolev";
font-weight:300;
font-weight:700;


font-family:"clavo";
font-weight:400;
font-weight:700;

\*------------------------------------*/
body, html {margin:0;padding:0}
*,*:after,*:before {	-moz-box-sizing:border-box;	box-sizing:border-box;	-webkit-font-smoothing:antialiased;	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;}
html {	font-size:62.5%;}

.clear:before,.clear:after {    content:' ';    display:table;}
.clear:after {    clear:both;}
.clear {    *zoom:1;}

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


a {	color:#5FB2E0;	text-decoration:none;font-weight:400;}
a:hover {	color:#2B2D42;}
a:focus {	outline:0;}
a:hover,a:active {	outline:0;}
input:focus {	outline:0;	border:none;}

/*------------------------------------*\
    Fonts
\*------------------------------------*/

h1, h2, h3, h4, h5, h6 {font-family:"korolev";    margin: 0;color:#2B2D42; font-size:28px; font-weight:700;line-height:1.1;text-transform:none}
body {font-size:18px;line-height:1.5;font-family:"korolev";color:#2B2D42;font-weight:300;}

.standaard-content h2 {font-size:20px;margin-bottom:0;}
.standaard-content h3 {font-size:18px;margin-bottom:0;}
.standaard-content h4 {font-size:18px;margin-bottom:0;}
.standaard-content h5 {font-size:18px;margin-bottom:0;}
.standaard-content h6 {font-size:18px;margin-bottom:0;}
 
.standaard-content h3 + h3 {margin-top:30px}


p, blockquote { margin:0 0 30px}
p:last-child, blockquote:last-child {margin:0}
blockquote {padding-left:20px;padding-top:5px;padding-bottom:5px;border-left:3px solid #5FB2E0}

.standaard-content ul, .standaard-content ul li, .standaard-content ol {padding:0;margin:0;list-style:none;display:block}
.standaard-content ul li {margin-bottom:5px;position:relative;padding-left:20px;}
.standaard-content ul, .standaard-content ol {margin-bottom:25px;}
.standaard-content ul:last-child, .standaard-content ul li:last-child, .standaard-content ol:last-child {margin-bottom:0}
.standaard-content ul li:before {content:"";position:absolute;left:0;top:8px;width:12px;height:12px;border-radius:50%;background:none;border:1px solid #5FB2E0}
.standaard-content ol { counter-reset: li}
.standaard-content ol li {display:block;padding-left:20px;position:relative;}
.standaard-content ol li:before{counter-increment: li;content: counter(li)'.'; color: #5FB2E0;
  display: inline-block; position:absolute;left:0;top:0;}



.title-box {margin-bottom:30px;}
.title-box h3 {margin-bottom:15px;font-size:22px;color:#007ABD;font-family:"clavo";font-weight:700}
.title-box h1, .title-box h2 {color:#2B2D42;font-size:60px;}

.contact-row .title-box h2 {font-size:32px;}

.content-holder .standaard-content {
    max-width: 480px;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

.wrapper {	max-width:1310px;	width:100%;	margin:0 auto;	position:relative;}

.dynamic-row {padding:80px 0 40px}
.first-row + .dynamic-row {padding-top:80px;}
.first-row.with-icon + .dynamic-row {padding-top:100px;}
.first-row.with-image + .dynamic-row {padding-top:80px}
.dynamic-row + .dynamic-row {padding-top:0;}
.dynamic-row:last-child {padding-bottom:80px}

.line-holder {    margin: 40px 0;position:relative}
.line-holder:before {content:"";position:absolute;left:25px;bottom:0;height:2px;width:calc(100% - 50px);background:#E5F5FC}

.rightfloater {float:right}

.center-align{
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;	
  -moz-align-items:center;
  -ms-align-items:center;
}
@media screen and (min-width:768px){
.bottom-align{
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;	
  -moz-align-items:flex-end;
  -ms-align-items:flex-end;
}
	}

.textcenter, .text-center {text-align:center;}
.overlay {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}
.rightfloater {float:right}


.margin-fix,.marginfix {margin-bottom:40px!important}
.nomargin {margin-bottom:0!important}
.intro-content {margin-bottom:25px;}
.media-box {position:relative;overflow:hidden;border-radius:0;border:none; text-align:center;}
.media-box img {width:100%;max-width:100%;}
.video-box {position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%;height: auto;} 
.video-box iframe, .video-box object, .video-box embed { position: absolute;top: 0;	left: 0;width: 100%;height: 100%;}

.video-link {display:block;position:relative}
.video-url i {
    position: absolute;
    font-size: 68px;
    color: #fff;
    z-index: 10;
    left: calc(50% - 34px);
    top: calc(50% - 34px);
}
.video-url:hover i {opacity:.6}

.icon-box {text-align:center}
.icon-box img {width:auto;max-width:100%}

.grey-background {background:#F7F7F7}
.content-row {padding-top:80px;padding-bottom:40px;overflow:hidden}
.content-row:last-child{padding-bottom:80px}
.grey-background + .grey-background,.white-background + .white-background  {padding-top:0}



.first-row {overflow:hidden;padding:120px 0;background:#E5F5FC;position:relative;}
.first-row .wrapper {position:relative;z-index:10;}
.first-row:after {    content: "";    position: absolute;    bottom: 0;    left: 0;    width: 0;    height: 0;    border-top: 160px solid transparent;    border-bottom: 0px solid transparent;    border-right: 100vw solid #fff;}
.first-row:before {    content: "";    position: absolute;    bottom: 0;    right: 0;    width: 0;    height: 0;    border-top: 1600px solid transparent;    border-bottom: 0px solid transparent;    border-right: 450px solid #fff;}
.first-row.with-icon:after {display:none}

.first-row.with-icon {padding-bottom:60px}
.first-row.with-image {padding-bottom:0;}
.first-row.with-image:after {border:none!important;background:#fff;height:100px;width:100%;}
.first-row.with-image:before, .first-row.with-icon:before {border-right: 320px solid #fff;border-top: 1000px solid transparent; }
.first-row.with-image .standaard-content {margin-bottom:110px!important}
.faq-holder, .download-holder {padding:70px 0}
.faq-row {
    margin-bottom: 30px;
    padding-bottom: 10px;
    border-bottom: 2px solid #E5F5FC;
}
.faq-row:last-child {padding-bottom:0;margin-bottom:0;border:none;}
.faq-vraag {margin-bottom:20px;}
.faq-vraag h3 {position:relative;font-size:28px;cursor:pointer;padding-right:50px}
.faq-vraag h3 span{border:2px solid #2B2D42;border-radius:50%;width:30px;height:30px;position:absolute;right:0;top:3px;}
.faq-antwoord {padding-bottom:20px;display:none}
 
.faq-vraag h3 span:before {content:"";position:absolute;height:2px;width:12px;background:#2B2D42;top:calc(50% - 1px);left:calc(50% - 6px);border-radius:2px;}
.faq-vraag h3 span:after {content:"";position:absolute;height:12px;width:2px;background:#2B2D42;left:calc(50% - 1px);top:calc(50% - 6px);border-radius:2px;}
.faq-vraag.active h3 span:after {display:none}


.download-holder {padding-bottom:0;}
.download-row {margin-bottom:70px;border-bottom: 2px solid #E5F5FC;
}
.download-row:last-child {margin-bottom:0;border:none}

.download-box {margin-bottom:70px;width:25%;}
.download-box h3, .download-box h3 a{font-size:28px;color:#2B2D42;font-weight:bold;}
.download-box h3 {margin-bottom:10px;}
.download {display:block;margin:0 auto 30px;width:120px}
.download img {display:block;}

.image-main-slider {margin-bottom:30px;}
.slick-slide {outline:none}
.slick-slide.columns {padding-left:15px;padding-right:15px;}
.slick-slide img {width:100%;}
.thumb-image {
    padding-bottom: 45%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.image-thumb-slider {padding-bottom:80px;position:relative;}
.slider-arrow {
    position: absolute;
    bottom: 0;
    width: 40px;
    height: 40px;
    border: 2px solid #007ABD;
    color: #007ABD;
    font-size: 14px;
    line-height: 1;
    text-align: center;
    padding-top: 11px;cursor:pointer;
}
.slider-arrow.icon-arrow-left {left:calc(50% - 40px);}
.slider-arrow.icon-arrow-right {right:calc(50% - 40px);color:#fff;background:#007ABD}

.slider-arrow.icon-arrow-left:hover,
.slider-arrow.icon-arrow-right:hover{color:#fff;border-color:#D80032;background:#D80032}



.nieuws-box-image {position:relative;height:400px;background-size:cover;background-position:center center;background-repeat:no-repeat;overflow:hidden}
.nieuws-box-content {position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(0 122 189 / 90%);padding:40px;color:#fff;font-size:14px;top:100%;opacity:0;}
.nieuws-box-content h3 {font-size:23px;color:#fff;margin-bottom:10px;}
.nieuws-box-content > div {overflow:auto;height:100%;}

.nieuws-box:hover .nieuws-box-content, .nieuws-box.active .nieuws-box-content {top:0;opacity:1;}

.nieuws-archive .nieuws-box {margin-bottom:50px;}


.call-to-action {
    margin-bottom: 85px;margin-top:30px;
    background: #007ABD;
    padding: 40px 0 10px;
}
.cta-desc, .cta-desc a {color:#fff;font-size:46px;font-weight:700}
.call-to-action a {text-decoration:underline}

.cta-link {
    width: 270px;
    text-align: right;margin-bottom:30px;
}
.cta-desc {width:calc(100% - 270px);margin-bottom:30px;}





.home-columns h4 {position:relative;margin-bottom:10px;font-size:28px;padding-left:45px;}
.home-columns h4 span {position:absolute;left:0;width:30px;height:28px;top:0;background-size:contain;background-repeat:no-repeat;background-position:left center;}


.steun-row {overflow:hidden;background:#E5F5FC;padding:150px 0 60px;position:relative;}
.steun-row:after {    content: "";    position: absolute;    top: 0;    left: 0;    width: 0;    height: 0;    border-bottom: 90px solid transparent;    border-top: 0px solid transparent;    border-right: 100vw solid #fff;}


.giften-row{overflow:hidden;padding-top:15px;padding-bottom:50px;}
.giften-row .nieuws-box {width:330px}
.gift-slider {margin-top:50px;}
.gift-slider .slick-list {    width: 100vw;}
.gift-slider .slider-arrow.icon-arrow-right {
    right: auto;
    left: -55px;
}
.gift-slider	.slider-arrow.icon-arrow-left {
    left: -95px;
}
.contact-image {
    position: absolute;
    bottom: -140px;
    right: 0;
}


.btn-list {padding:0;margin:0;list-style:none;}
.btn-list li {display:inline-block!important;margin-bottom:20px!important;margin-right:20px!important;padding:0!important}
.btn-list li:before {display:none}
.textcenter .btn-list li, .text-center .btn-list li {margin-left:10px!important;margin-right:10px!important}


.home-banner {overflow:hidden;min-height:100vh;padding:230px 0 170px;position:relative;background-size:cover;background-position:center center;background-color:#007ABD}
.home-banner .wrapper {position:relative;z-index:10;}
.home-banner:before {content:"";background:#007ABD;opacity:.8;top:0;left:0;width:100%;height:100%;position:absolute;z-index:1;}

.home-banner {color:#fff;font-size:36px}
.home-banner h1 {
    font-size: 100px;
    color: #fff;
    margin-bottom: 15px;
}
.home-banner:after {    content: "";    position: absolute;    bottom: 0;    left: 0;    width: 0;    height: 0;    border-top: 160px solid transparent;    border-bottom: 0px solid transparent;    border-right: 100vw solid #E5F5FC;z-index:100}





input[type="text"], input[type="tel"], input[type="email"], input[type="search"], textarea, select {
    -webkit-appearance: none;font-family:"korolev";
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 40px;
    border-radius: 0;
    padding: 0!important;
    background: #fff;
	border:none;
    border-bottom: 2px solid #2B2D42;
    font-size: 18px!important;
    font-weight: 300;
    padding-left: 0!important;
    margin-bottom: 25px;
    float: left;
    color: #2B2D42;
    padding-left: 10px!important;outline:none;
}


textarea {
    height: 125px!important;
    resize: none;
    padding: 0 10px!important;
}
input[type="submit"] {float:right}


span.wpcf7-form-control-wrap[data-name='your-phone'] {
    width: 50%;
    padding-right: 5px;float:left;
}
span.wpcf7-form-control-wrap[data-name='your-email'] {
    width: 50%;float:left;
    padding-left: 5px;
}

.wpcf7-not-valid-tip {display:none}
.wpcf7-not-valid {border-color:#ed0202!important}
.wpcf7 form .wpcf7-response-output {
    margin: 10px 0 0;
    padding: 15px 20px;
    border: 2px solid #5FB2E0;
    text-align: center;
    background: #5FB2E0;
    width: 100%;
    float: left;
    color: #fff;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #ed0102;
    background: #ed0102;
}
.wpcf7 form.sent .wpcf7-response-output{
	    border-color: #5FB2E0;
    background: #5FB2E0;
}

.file-name-hold {opacity:.6;color:#191919;font-size:14px;margin-top:10px;}
.file-holder {position:relative;}
.file-holder input[type="file"] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
}
.file-holder {
    position: relative;
    width: calc(100% - 150px);
}

.file-holder .wpcf7-form-control-wrap {position:inherit}
.form-box .read-more {
    float: right;
    margin-right: -20px;margin-top: 12px;;
}


form p {margin:0;}
form br {display:none}

::-webkit-input-placeholder { /* Edge */
  color: #777;
}

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

::placeholder {
  color: #777;
}

/*------------------------------------*\
    BUTTON
\*------------------------------------*/
.btn, input[type="submit"] {
    font-size: 20px;font-family:"korolev"; 
    color: #fff!important;
    font-weight: 700;
    display: inline-block;
    line-height: 1;
    padding: 16px 30px 16px 40px;
    background: #D80032;
    border-radius: 0;min-width:auto;text-align:center;
	text-decoration:none!important;
	-webkit-appearance:none;-moz-appearance:none;appearance:none;
	border:none;font-style:normal;cursor:pointer;text-transform:none;

}
.btn:hover, .btn:focus, input[type="submit"]:hover, input[type="submit"]:focus {background: #D80032;color: #fff;}

.btn.secundair {background:#2B2D42;color:#fff;}
.btn.secundair:hover, .btn.secundair:focus {    background: #5FB2E0;color:#fff}

.btn.white {color:#fff;background:none;border:1px solid #fff;padding-top:15px;padding-bottom:15px;padding-left:30px;padding-right:30px;}
.btn.white:hover, .btn.white:focus {color:#fff;background: #D80032;border-color:#D80032}
.btn.blue {padding-left:30px;padding-right:30px;background:#007ABD}
.btn.blue:hover, .btn.blue:focus { background: #D80032;}


.read-more{font-family:"korolev";
    color: #2B2D42;
    text-transform: none;
    font-weight: 300;
    font-size: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: none;
    text-decoration: underline;
    overflow: hidden;
    position: relative;
    padding-left: 30px;
    padding-right: 20px;cursor:pointer;display:inline-block;
}
.read-more span {
    text-decoration: none!important;
    color: #007ABD;
    font-size: 14px;
    position: absolute;
    left: 0;
    top: 8px;
}
.read-more:hover {padding-right:0;padding-left:50px;}
.read-more:hover span {left:20px;}
.read-more span:after {content:"";position:absolute;height:2px;width:45px;background:#007ABD;top:calc(50% - 1px);left:-30px;}

article.scroll-down {
    display: inline-block;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    color: #007ABD;
    padding-bottom: 20px;
    overflow: hidden;
    position: absolute;
    left: calc(50% - 7px);
    bottom: 0;
    z-index: 200;
}
article.scroll-down span {position:relative;}
article.scroll-down span:after {content:"";position:absolute;height:45px;width:2px;background:#007ABD;left:calc(50% - 1px);top:-30px;}
article.scroll-down:hover {padding-top:20px;padding-bottom:0;}


.btn {overflow:hidden;position:relative;}
.btn-txt {position:relative;z-index:2;}
.hover {
    width:0;
    background: #EF233C;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0%;
}
.hover:after {
	content:"";position:absolute;left:100%;top:0;
	  width: 0; 
  height: 0; 
  border-top: 26px solid transparent;
  border-bottom: 26px solid transparent;
  
  border-left: 26px solid #EF233C;
}


.btn:hover .hover {
 width: calc(100% + 30px);
}


.hover {
  -webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
}

.pagination {margin-top:40px;}
.page-numbers {font-weight:600;font-size:20px;color:#D80032;display:inline-block;width:28px;height:28px;line-height:1;text-align:center;padding-top:4px;margin:0 3px}
a.page-numbers:hover, .page-numbers.current {color:#fff;background:#D80032}





/*------------------------------------*\
    FOOTER
\*------------------------------------*/
footer {background:#2B2D42;color:#fff;padding-top:80px;padding-bottom:25px;}


footer h4 {font-size:46px;color:#FFFFFF;line-height:1;margin-bottom:25px;}
footer ul, footer li {padding:0;margin:0;list-style:none;}
footer ul {margin-bottom:23px;}
footer ul:last-child {margin-bottom:0;}

footer, footer a {color:#fff;font-weight:400;font-size:20px;}
footer a:hover, footer a:focus {color:#D80032}


.footer-logo {width:40%;text-align:center}
.footer-widget {width:30%}

.footer-logo {font-size:16px}
.footer-logo a {display:inline-block;width:190px;}
.footer-logo img {display:block}


.footer-bottom {margin-top:90px;position:relative;padding-top:25px;}
.footer-bottom, .footer-bottom a {font-weight:bold;font-size:18px;}
.footer-bottom:before {content:"";position:absolute;width:calc(100% - 30px);left:15px;height:1px;background:#FFFFFF;top:0;}
.footer-bottom > div {width:50%;}
.footer-bottom > div:last-child {text-align:right}

@media screen and (max-width:991px){
	.footer h4 {font-size:40px;cursor:pointer;}
	
	footer {padding-top:65px}
}
@media screen and (min-width:768px){
	.footer-widget > ul {display:block!important}
	
}
@media screen and (max-width:767px){
	.footer h4 {font-size:36px;padding-bottom:25px;border-bottom:1px solid #007ABD;}
	.footer-logo {    width: 100%;    margin-bottom: 50px;}
	.footer-widget {width:100%;text-align:center;}
	.footer-logo a {width:135px}
	footer {padding-bottom:0;}
	.footer-widget > ul {display:none;padding-bottom:45px;}
	.footer-bottom {    margin-top: 20px;padding-top:0;text-align:center}
	.footer-bottom:before {display:none}
	.footer-bottom > div {width:100%}
	.small-12.door-dink.columns {
    padding: 20px;
    width: 100%;
    margin-left: 0;
    background: #fff;
    margin-top: 20px;
    text-align: center;
}
	.door-dink a {color:#2B2D42}
}
/*------------------------------------*\
	HEADER
\*------------------------------------*/
.home .header {top:-100px;}
.home .header.fixed-header {top:0;}

.header {position:fixed;top:0;left:0;width:100%;background:#fff;padding:0;z-index:999}
.home-header {position:absolute;top:20px;left:0;width:100%;z-index:998}
.home-header .logo img {
    width: 400px;
    max-width: 400px;
    float: right;
}

header .logo {width:189px;padding-top:20px;padding-bottom:20px;}
header .navigatie {width:calc(100% - 189px);text-align:right}
.home-header .navigatie {margin-top:0;}
.navigatie li, .navigatie ul {margin:0;padding:0;list-style:none;}
.navigatie li {position:relative;}
.navigatie a {display:block;font-size:18px;color:#007ABD;font-weight:bold;}
.home-header .navigatie a  {color:#fff}

.desktopnav > ul > li {display:inline-block;margin-right:50px;    padding: 35px 0;}
.desktopnav > ul > li:last-child {margin-right:0;}

.navigatie a:hover, .navigatie a:focus,.desktopnav > ul > li:hover > a, .desktopnav > ul > li:focus > a, .desktopnav > ul > li.current-menu-ancestor > a, .desktopnav > ul > li.current-menu-item > a {text-decoration:underline}
header .navigatie li {display:inline-block;margin-right:50px;vertical-align:middle}
header .navigatie li:last-child {margin-right:0;}



header .navigatie .menu-btn {padding:0}

.desktopnav .sub-menu {display:none;left:calc(50% - 110px);position:absolute;top:100%;background:#fff;-webkit-box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.16);
box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.16);width:220px;text-align:center;padding:5px;}
.desktopnav .sub-menu:after {    content: "";
    position: absolute;
    top: 100%;
    right: 0;
    width: 0;
    height: 0;
    border-bottom: 20px solid transparent;
    border-top: 0px solid transparent;
    border-right: 220px solid #fff;}

.desktopnav .sub-menu a {font-weight:500;color:#2B2D42;padding:0;}
.desktopnav .sub-menu li:hover > a, .desktopnav .sub-menu li:focus > a, .desktopnav .sub-menu li.current-menu-item > a {color:#007ABD;text-decoration:none}
.desktopnav .sub-menu li {
    margin: 0;
    margin-bottom: 6px;
    display: block;
}.desktopnav .sub-menu li:last-child {margin-bottom:0;}
.desktopnav li:hover .sub-menu {display:block}

.nav-lions img {width:78px;height:auto;}




main {margin-top:97px}

.home main {margin-top:0;}

.mobbtn-holder {display:none;margin-top:24px;}
.mobbtn {float:right;
    width: 25px;
    height: 23px;
    display: block;
    position: relative;cursor:pointer;
}
.mobbtn span {height:3px;width:100%;background:#007ABD;position:absolute;left:0;}
.mobbtn span:nth-child(1){top:0;}
.mobbtn span:nth-child(2){top:10px;}
.mobbtn span:nth-child(3){top:20px;}

.home-header .mobbtn span {background:#fff}
.home-header .mobbtn-holder {margin-top:10px;}

.mobbtn.active-menu span:nth-child(1){top:10px;  transform: rotate(45deg);}
.mobbtn.active-menu span:nth-child(2){width:0;}
.mobbtn.active-menu span:nth-child(3){top:10px; transform: rotate(-45deg);}


.sidenav {overflow:auto;padding:0 20px;position:fixed;top:0;right:0;background-color:#fff;height:100%;width:250px;right:-250px;z-index:9999}
.sidenav-holder ul, .sidenav-holder li {padding:0;margin:0;list-style:none}

.sidenav-holder .sub-menu {display:none}
.sidenav-holder ul, .sidebar li {
padding:0; margin:0; list-style:none;	position:relative;
}
.sidenav-holder li.menu-item-has-children {position:relative;}
.sidenav-holder li.menu-item-has-children > span {cursor:pointer;position:absolute; top:0;width:16px; height:47px;right:0;content:"";}
.sidenav-holder li.menu-item-has-children > span:after,.sidenav-holder li.menu-item-has-children > span:before {content:""; width:16px; height:2px; background:#2B2D41;position:absolute; top:calc(50% - 2px);left:calc(50% - 8px);}

.sidenav-holder li.menu-item-has-children > span.open:after {display:none}
.sidenav-holder li br {display:none}
.sidenav-holder li.menu-item-has-children > span:after {
 -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari */
    transform: rotate(90deg);	
}

.sidenav-holder a {
    width: 100%;
    padding: 10px 40px 10px 0;
    text-transform: uppercase;
    border-bottom: 1px solid #e0e0e0;
	display:block;font-size:18px;color:#2B2D41;font-weight:bold;
}
.sidenav-holder .current-menu-item > a, .sidenav-holder .current-menu-ancestor > a, .sidenav-holder li:hover > a {    color: #007ABD;}
.sidenav-holder .sub-menu a {font-weight:500; font-size:16px; text-transform:none; padding-left:20px}

.sidenav .navigatie-btn {margin-top:20px;    width: 100%;}
.sidenav .navigatie-btn a {font-size:14px;border:none!important;padding:20px 10px;text-align:center}

.sidenav-holder .menu-btn a {
    padding: 16px 20px 16px 30px;
    border: none;
    margin-top: 20px;
}





.mobbtn span, header, .sidenav{
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}



@media screen and (max-width:1800px){
	.home-header .logo img {
    width: 230px;
    max-width: 230px;
    float: right;
}
	
.home-header .navigatie {
    margin-top: -30px;
}
}

@media screen and (max-width:1500px){
	.home-header .logo img {    width: 100%;    max-width: 100%;    float: right;}
	.home-header .logo {padding-right:0;}
.home-header .navigatie {
    margin-top: -30px;
}
}


@media screen and (max-width:1250px){
	header .navigatie li {margin-right:25px;}
	
}

@media screen and (max-width:1080px){
	.desktopnav {display:none}
	header .logo {padding-top:5px;padding-bottom:10px;}
	.mobbtn-holder {width:75px;text-align:right;float:right}
	.mobbtn-holder {display:block}
	header.active-menu {left:-250px}
	
		.sidenav.active-menu{right:0;}
	
	main {margin-top:70px}
	.home main {margin-top:0;}
}



@media screen and (max-width:767px){
	.columns {padding-left:20px;padding-right:20px;}
	
	
	
}



/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media screen and (min-width:768px){
	.medium-push-1.rightfloater {left: -8.33333%;}
}

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

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

@media screen and (max-width:1250px){
	.home-banner h1 {font-size:80px}
	.first-row:before {border-right:160px solid #fff}	
	.first-row:after {border-top:60px solid transparent}

	.first-row.with-image:before, .first-row.with-icon:before {border-right:60px solid #fff}
}


@media screen and (max-width:1024px){
	.title-box h1, .title-box h2 {font-size:52px;}
	.title-box h3 {font-size:20px;}
	.home-banner h1 {font-size:65px}
	.home-banner {text-align:center;font-size:24px;}
	
	
}

@media screen and (max-width:991px){
	
	.title-box h1, .title-box h2 {font-size:45px;}
	.home-banner h1 {font-size:55px}
	
	
	.first-row {padding-top:60px; padding-bottom:30px;}
	.dynamic-row {padding:60px 0 30px}
	.first-row + .dynamic-row {padding-top:60px;}
	.first-row.with-icon + .dynamic-row {padding-top:60px;}
	.first-row.with-image + .dynamic-row {padding-top: 30px;}
	.dynamic-row + .dynamic-row {padding-top:0;}
	.dynamic-row:last-child {padding-bottom:60px}
.call-to-action {    margin-bottom: 60px;	margin-top: 0;}
	
	.giften-row {padding-top:0;padding-bottom:20px;}
	.first-row.with-icon {    padding-bottom: 30px;}	
	.line-holder {margin:15px 0 20px}
	
	
	.margin-fix, .marginfix, .title-box {    margin-bottom: 30px!important;}
	.home-columns:first-child {margin-bottom:50px!important}
	.cta-desc {margin-bottom:20px;}
	.cta-desc, .cta-desc a {font-size:35px}
	.cta-desc, .cta-link {width:100%;text-align:center;}
	
	.home-banner {padding:60px 0;}
	.home-banner:after {border-top:30px solid transparent}
	
	.steun-row {padding:90px 0 30px}
	.steun-row:after {border-bottom:40px solid transparent}
	
	.first-row:after {
    border-top: 40px solid transparent;
}
	.contact-image {bottom:-40px;}
	
	.faq-holder, .download-holder {padding:60px 0 30px}
	
.faq-vraag {    margin-bottom: 10px;}
	.faq-antwoord {padding-bottom:10px;}
	.faq-row {margin-bottom:20px;}
	.nieuws-box-content {padding:30px;}
	
	.download-box  {width:50%;margin-bottom:30px;}
	.download-row {margin-bottom:0;border:none}
	.download-row:last-child {padding-bottom:60px;}
	.download {width:90px;margin-bottom:20px;}
	
	.btn, input[type="submit"] {font-size:18px;}
	article.scroll-down {display:none}
	
}


@media screen and (max-width:767px){
	.home-columns h4, h1, h2, h3, h4, h5, h6 {font-size:20px;}
	.home-columns h4 {margin-bottom:20px;}
	
	body {font-size:16px;}
	.home-banner h1 {font-size:45px}

	.title-box h1, .title-box h2 {font-size:36px;}
	.title-box h3 {font-size:18px;margin-bottom:10px;}
	
	.read-more {font-size:18px;}
	
	p, blockquote {
    margin: 0 0 20px;
}
		
	.home-banner {text-align:center;font-size:18px;}
	.home-banner .btn-list li {margin-left:20px;margin-bottom:0!important;}
	
		.first-row:before {display:none}

		.first-row.with-image:before, .first-row.with-icon:before {display:none}
.first-row.with-image .standaard-content {    margin-bottom: 40px!important;}	
	.cta-desc, .cta-desc a {font-size:26px}
	
	.steun-row .text-center {text-align:left;}
	
	
	.gift-slider {margin-top:15px;margin-bottom:60px;}
	.gift-slider .slick-list {
    width: 100%;
}
	
	.gift-slider .slider-arrow.icon-arrow-left {
    left: calc(50% - 40px);
    bottom: -60px;
}
	.gift-slider .slider-arrow.icon-arrow-right {right: auto;
    left: calc(50% + 0px);
    bottom: -60px;}
	.remove-columns {padding:0!important}
	.line-holder:before {left:20px;width:calc(100% - 40px)}
	
	
	.faq-vraag h3 {font-size:22px;}
	.faq-vraag h3 span {top:-3px}
	
	.image-thumb-slider {
		padding-bottom: 60px;}
	
	.nieuws-archive .nieuws-box {margin-bottom:20px;}
	.pagination {margin-top:20px;}
	.download {width:60px;margin-bottom:20px;}
	.download-box h3, .download-box h3 a {font-size:22px;}
	.contact-image {display:none}
	article.scroll-down {display:none}
	
	.contact-row .title-box h2 {font-size:26px;}
}



@media screen and (max-width:550px){
	.home-banner h1 {font-size:36px}
	.title-box h1, .title-box h2 {font-size:26px;}
		.nieuws-box-content {padding:20px;}
	.download-box  {width:100%}
	
	
span.wpcf7-form-control-wrap[data-name='your-phone'] {
    width: 100%;
    padding-right: 0;float:left;
}
span.wpcf7-form-control-wrap[data-name='your-email'] {
    width: 100%;float:left;
    padding-left: 0;
}
.file-holder {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}
	.form-box .read-more {
    float: left;
    margin-right: -20px;
    margin-top: 0;
}
}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#2B2D42;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#2B2D42;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#2B2D42;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}