/*
	Theme Name: Delta21
	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=Tilt+Warp&display=swap');

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

@media screen and (max-width: 782px) {
    body.admin-bar header {
        margin-top: 46px;
    }
}

:root {
	--font-family:"Gotham";
	
	--color-green-dark:#04422C;
	--color-green:#2FA746;
	--color-blue: #43BDEA;
	--color-grey: #6D6D6D;
	--color-red: #A61B22;
	--color-orange: #EE8439;
	--color-sand: #f3efe8;
	
	--br-120:120px;
	--br-90:90px;
	--br-60:60px;
	--br-45:45px;	
	--br-30:30px;

	--fs-14: 14px;
	--fs-16: 16px;
	--fs-24: 24px;
	--fs-36: 36px;
	--fs-48: 48px;
	
	--padding-content: 90px 0 45px;
	--margin-30: 30px;
	--margin-45: 45px;
	--margin-60: 60px;

}

a, .btn svg, header{
  -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;
}
.desktop-nav a:after,
.back-btn a, .back-btn svg, .back-btn circle, .nieuws-box svg, .nieuws-box circle, .oplossing-box a:before, .oplossing-icon, .oplossing-titel span, .video-link span, .video-link span:before, .download-row, .with-hover-shadow{
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.with-hover-shadow{transition:box-shadow .2s;}
/*------------------------------------*\
    MAIN


\*------------------------------------*/
body, html {margin:0;padding:0;background:var(--color-sand);}
*,*: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{text-decoration:none;}

a:focus {	outline:0;}
a:hover,a:active {	outline:0;}
input:focus {	outline:0;	border:none;}

.bg-green-dark {background:var(--color-green-dark)}
.bg-green {background:var(--color-green)}
.bg-blue {background:var(--color-blue)}
.bg-grey {background:var(--color-grey)}
.bg-red {background:var(--color-red)}
.bg-orange {background:var(--color-orange)}



/*------------------------------------*\
    Fonts
\*------------------------------------*/
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {margin-bottom:0;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {   font-family: var(--font-family); margin: 0;color:var(--color-green-dark); font-weight:400;line-height:1.2;text-transform:none;font-size:var(--fs-16);}
body {font-size:var(--fs-16);line-height:1.5;font-family: var(--font-family);color:var(--color-grey);font-weight:400;}
 

p, blockquote { margin-top:0;margin-bottom:24px}
.large-content p, .intro-content { margin-top:0;margin-bottom:30px}
p:last-child, blockquote:last-child {margin:0}


.standaard-content ul:not(.btn-list), .standaard-content ul:not(.btn-list) li, .standaard-content ol {padding:0;margin:0;list-style:none;display:block}
.standaard-content ul:not(.btn-list) li {position:relative;padding-left:20px;margin-bottom:3px;}
.standaard-content ul:not(.btn-list) li:last-child {margin-bottom:0;}
.standaard-content ul:not(.btn-list), .standaard-content ol {margin-bottom:20px;}
.standaard-content ul:not(.btn-list):last-child, .standaard-content ul li:last-child, .standaard-content ol:last-child {margin-bottom:0}
.standaard-content ul:not(.btn-list) li:before {content:"";position:absolute;left:0;top:9px;line-height:1;content: "";background:var(--color-blue);width:7px;height:7px;border-radius:50%}
.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: var(--color-blue);
  display: inline-block; position:absolute;left:0;top:0;}


.title-box {margin-bottom:30px;}
.title-box h2, .title-box h1 {font-size:var(--fs-36);}

.marginfix {margin-bottom:var(--margin-45);}
.small-marginfix {margin-bottom:var(--margin-30);}


.standaard-content h2, .standaard-content h3,.standaard-content h4, .standaard-content h5, .standaard-content h6 {font-weight:700;font-size: var(--fs-16);line-height:1.5}
@media screen and (max-width:767px){
	.standaard-content h2, .standaard-content h3,.standaard-content h4, .standaard-content h5, .standaard-content h6 {font-size:14px}

}
.back-btn {    padding-top: 70px;}

blockquote {padding:10px 10px 10px 25px;border-left:5px solid var(--color-blue);font-weight:600}

.standaard-content a:not(.btn) {color:var(--color-blue);text-decoration:underline;}

.content-blue h2, .content-blue h3, .content-blue h4, .content-blue h5, .content-blue h6{color:var(--color-blue);}
.content-orange h2, .content-orange h3, .content-orange h4, .content-orange h5, .content-orange h6 {color:var(--color-orange);}
.content-red h2, .content-red h3, .content-red h4, .content-red h5, .content-red h6 {color:var(--color-red);}
.content-green-dark h2, .content-green-dark h3, .content-green-dark h4, .content-green-dark h5, .content-green-dark h6 {color:var(--color-green-dark);}
.content-green h2, .content-green h3, .content-green h4, .content-green h5, .content-green h6 {color:var(--color-green);}

.content-orange ul:not(.btn-list) li:before {background:var(--color-orange);}
.content-orange ol li:before, .content-orange a:not(.btn) {color:var(--color-orange);}
.content-orange blockquote {border-color:var(--color-orange);}

.content-red ul:not(.btn-list) li:before {background:var(--color-red);}
.content-red ol li:before, .content-red a:not(.btn) {color:var(--color-red);}
.content-red blockquote {border-color:var(--color-red);}

.content-green ul:not(.btn-list) li:before {background:var(--color-green);}
.content-green ol li:before, .content-green a:not(.btn) {color:var(--color-green);}
.content-green blockquote {border-color:var(--color-green);}

.content-green-dark ul:not(.btn-list) li:before {background:var(--color-green-dark);}
.content-green-dark ol li:before, .content-green-dark a:not(.btn) {color:var(--color-green-dark);}
.content-green-dark blockquote {border-color:var(--color-green-dark);}



.standaard-content a:not(.btn):hover {color:var(--color-green-dark)}
.content-green-dark  a:not(.btn):hover {color:var(--color-blue)}



@media screen and (max-width:1300px){
.title-box h2, .title-box h1 {font-size:32px;}

	
}


@media screen and (max-width:992px){
	body {font-size:14px}
	.marginfix {margin-bottom:30px;}
	.title-box {margin-bottom:20px;}
}

@media screen and (max-width:767px){
.title-box h2, .title-box h1 {font-size:20px;}
	
	p {margin-bottom:16px;}
	p:last-child {margin:0;}
	
}

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

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
     max-width: 1230px;
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    padding: 0 20px;
}

.row {margin-left:-15px;margin-right:-15px;}
.row>* {padding-right:15px;padding-left:15px;}

.content-row {padding:var(--padding-content);position:relative;}
@media screen and (max-width:992px){
	.content-row {padding:60px 0 30px}
	
	.row {margin-left:-10px;margin-right:-10px;}
	.row>* {padding-right:10px;padding-left:10px;}

	
}
.content-row + .content-row {padding-top:0;}




.content-banner {position:relative;}
.banner-image {position:absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);height:100%;width:calc(100% - 240px);border-radius:var(--br-120);overflow:hidden}
.banner-image img {width:100%;height:100%;object-fit:cover}
.banner-image:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity: 0.5;background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, #000 100%);}

.content-banner .container {position:relative;z-index:10;min-height:640px;padding-top:160px;padding-bottom:100px;}

.content-banner h1, .content-banner h2 {font-size:var(--fs-48);color:#fff;}

@media screen and (max-width:1900px){
	.banner-image {width:calc(100% - 120px);}
}
@media screen and (max-width:1650px){
	.banner-image {width:calc(100% - 40px);}
	.content-banner .container, .page-banner-row .container {padding-left:40px;padding-right:40px;}
}
@media screen and (max-width:1300px){
	.banner-image {border-radius:var(--br-60);}
	.content-banner h1, .content-banner h2 {font-size:36px;}
	.content-banner .container {    min-height: 450px;    padding-top: 120px;    padding-bottom: 90px;}
	
}
@media screen and (max-width:992px){
	.banner-image {border-radius:var(--br-30);}
	
}
@media screen and (max-width:767px){
	.content-banner h1, .content-banner h2 {font-size:20px;}
	.content-banner .container {    min-height: 260px;    padding-top: 70px;    padding-bottom: 45px;}
}


.media-holder {position:relative;margin-bottom:30px;}
.media-box {border-radius:var(--br-60);overflow:hidden;}

.media-holder:last-child{margin-bottom:0;}

.media-box img, .media-box a {display:block}
.media-bijschrift {position:absolute;width:37.5%;left:calc(87.5% + 10px);z-index:10;top:50%;transform: translate(0, -50%);border-radius:var(--br-30);padding:30px;font-size:var(--fs-24);color:#fff;line-height:1.1;box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.25);}


.media-bijschrift.links-bijschrift {left:auto;right:calc(87.5% + 10px);transform: translate(0, -50%);}


.media-bijschrift.top-bijschrift {
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);width:50%;max-width:275px;bottom:auto
}

@media screen and (max-width:1250px){
	.media-bijschrift {width:280px;left: calc(100% - 200px);}
	.media-bijschrift.links-bijschrift {    left: auto;    right: calc(100% - 200px);}
}


@media screen and (max-width:992px){
	.media-box {border-radius:var(--br-30);}
	
	.media-bijschrift {width:200px;font-size:18px;padding:20px;border-radius:20px;left: calc(100% - 150px);}
	.media-bijschrift.links-bijschrift {    left: auto;    right: calc(100% - 150px);}
	
	
}
@media screen and (max-width:767px){
	.media-bijschrift {font-size:11px;padding:10px;border-radius:10px}
	    .media-bijschrift.top-bijschrift {
        max-width: 120px;
        right: 20px;
        left: auto;
        transform: translate(0%, -50%);    }
	.media-bijschrift {		width: 120px;left: calc(100% - 110px);transform: none;top:auto;    bottom: -10px;}
	.media-bijschrift.links-bijschrift {    left: calc(100% - 110px);   right: auto;transform: none;}
	
}
.video-link {position:relative;}
.video-link span {width:90px;height:90px;border-radius:50%;left:calc(50% - 45px);top:calc(50% - 45px);z-index:2;position:absolute;box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.25);}
.video-link span:before {content:"";position:absolute; border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 14px solid #fff;top:calc(50% - 7px);left:calc(50% - 7px);}


@media screen and (max-width:992px){
	.video-link span {width:60px;height:60px;left:calc(50% - 30px);top:calc(50% - 30px);}
	.video-link span:before {
    content: "";
    position: absolute;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 10px solid #fff;
    top: calc(50% - 5px);
    left: calc(50% - 5px);
}
}


.video-link.reverse:not(:hover) span {background:#fff;}
.video-link.reverse:not(:hover) span:before {border-left-color:var(--color-blue)}
.video-link.reverse:hover span {background:var(--color-blue);}
.video-link.reverse:hover span:before {border-left-color:#fff!important}


.video-link:hover span {background:#fff;}
.video-link:hover span.blue-background:before {border-left-color:var(--color-blue)}
.video-link:hover span.red-background:before {border-left-color:var(--color-red)}
.video-link:hover span.orange-background:before {border-left-color:var(--color-orange)}
.video-link:hover span.green-background:before {border-left-color:var(--color-green)}

.delta-label {line-height:1;color: #fff;font-size: 14px;padding:8px 15px;border-radius:30px;margin-bottom:30px;display:inline-block}
.delta-label.blue {background:var(--color-blue);}
.delta-label.orange {background:var(--color-orange);}
.delta-label.red {background:var(--color-red);}
.delta-label.green-dark {background:var(--color-green-dark);}
.delta-label.green {background:var(--color-green);}

@media screen and (max-width:767px){
	.delta-label {font-size:10px;padding:7px 10px;margin-bottom:20px;}
}


.box-image .delta-label {
    margin: 0;
    padding: 16px 30px;
    font-size: 17px;
    font-weight: 500;
    border-radius: 35px;
    position: absolute;
    max-width: 100%;
    display: block;
    top: 90px;
    right: calc(-25% - 15px);
}





button, input {appearance:none;-webkit-appearance:none}



/* mobiel layout 
.txtmedia-row.media-rechts .txtmedia-title, .txtmedia-row.media-links .txtmedia-title { grid-area: title; }
.txtmedia-row.media-rechts .txtmedia-media, .txtmedia-row.media-links .txtmedia-media { grid-area: image; }
.txtmedia-row.media-rechts .txtmedia-content, .txtmedia-row.media-links .txtmedia-content  { grid-area: text; }

.txtmedia-row.media-rechts .row, .txtmedia-row.media-links .row, .milestone-row {
	display: grid;
  grid-template-areas:
    "title"
    "image"
    "text";
}
.txtmedia-media.order-md-2 {margin-top:-15px}

/* desktop layout 
@media (min-width: 768px) {
	
  .media-rechts.txtmedia-row .row, .milestone-row.media-rechts.txtmedia-row {
    grid-template-columns: 1fr 1fr; 
    grid-template-areas:
      "title image"
      "text  image";
  }
	.media-links.txtmedia-row .row, .milestone-row.media-links.txtmedia-row  {
    grid-template-columns: 1fr 1fr; 
    grid-template-areas:
      "image title"
      "image text";
  }
	
	
}*/

/* Parent */
.milestone-row, .content-holder {
  position: relative;
}
.txtmedia-media {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.home-content-row .txtmedia-media .media-holder {
    margin: 0;
    height: 100%;
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    width: calc(50vw - 80px);
    left: 15px;
    max-width: 815px;
}
.media-box img {width:100%}

.home-content-row .txtmedia-media .media-box {    width: 100%;}

@media screen and (max-width: 1650px) {
	.home-content-row .txtmedia-media .media-holder { width: calc(50vw - 40px);}

}


@media (min-width: 768px) {
.milestone-row .added-padding-right {padding-right:115px;}
.milestone-row .added-padding-left {padding-left:115px;}
	/* Content kolom */
	.txtmedia-title,
	.txtmedia-content {
	  max-width: 50%;
	}

	/* Afbeelding absoluut */
	.txtmedia-media {
	  position: absolute;
	  top: 0;
	  right: 0;
	  width: 50%;
	}

	/* Afbeelding links variant */
	.reverse .txtmedia-media {
	  right: auto;
	  left: 0;
	}
	.txtmedia-title {margin-right:50%}

	.reverse .txtmedia-title,
	.reverse .txtmedia-content {
	  margin-left: 50%;
	}
}
/* Mobile = gewoon onder elkaar */
@media (max-width: 767px) {
	.txtmedia-content, .txtmedia-media {min-height:auto!important}
  .txtmedia-media {
    position: static;
    width: 100%;margin-bottom:30px
  }

  .txtmedia-title,
  .txtmedia-content {
    max-width: 100%;margin:0;
  }
	
	
	
}




.milestone-row {position:relative;}

.timeline {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
	width:60px;height:100%;top:0;left:calc(50% - 30px);padding:0;
}

.tick {
  height: 10px;border-radius:10px;
  background: var(--color-blue);
  margin-bottom: 40px; /* 50px totaal - 4px lijn */
}

.tick.short {
  width: 40px;
}

.tick.long {
  width: 60px;
}
.jaartal {font-size:72px;color:var(--color-green-dark);margin-bottom:30px;text-align:center;line-height:1;}


.milestone-row .added-padding-left .media-bijschrift {
    left: auto;
    right: 60px;
    width: 80%;
    max-width: 275px;
    top: 0;
    transform: translate(0%, -50%);
}
.milestone-row .added-padding-right .media-bijschrift {
    right: auto;
    left: 60px;
    width: 80%;
    max-width: 275px;
    top: 0;
    transform: translate(0%, -50%);
}

@media screen and (max-width:992px){
	.jaartal {		font-size: 52px;}
}

@media screen and (max-width:767px){
	.jaartal {		font-size: 40px;text-align:left;}
	.milestone-row {padding-left:50px;}
	.timeline {width:40px;left: 10px;}
	.tick.long {  width:30px;}
	.tick.short {  width: 20px;}
	.tick {
		height: 5px;}
	
}
/*------------------------------------*\
    Home-content
\*------------------------------------*/
.home-content-row.added-bijschrift-padding .container {margin-top:80px}

.same-height-media .media-holder, .same-height-media .media-box, .same-height-media .media-box img , .same-height-media .media-box a{height:100%;}
.same-height-media img {object-fit:cover}


.small-image {position:absolute;width:calc(66.66667% - 30px);height:240px;top:calc(100% - 50px);right:100%;transform: translate(50%, 0);}
.small-image img {object-fit:cover;width:100%;height:100%;box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.25);border-radius:var(--br-30)}
.added-small-image-padding .container {margin-bottom:150px}

@media screen and (max-width:767px){
	.small-image {display:none;}
	.added-small-image-padding .container {margin-bottom:45px;}
	    .home-content-row .txtmedia-media .media-holder {
        width: 100%;
        position: relative;
        left: 0;
    }
	.home-content-row.added-bijschrift-padding .container {margin-top:0;}
	.home-content-row.added-bijschrift-padding .txtmedia-title {
        margin-bottom: 20px;
    }
	
}

/*------------------------------------*\
    FAQ's
\*------------------------------------*/

.faq-category{    margin-bottom:15px;}
.faq-category:last-child {margin-bottom:0;}

.faq-category h2 button{    width:100%;    text-align:left;    font-size:var(--fs-24);    color:white;    border:none;    cursor:pointer;padding:20px 30px;line-height:1;border-radius:var(--br-30); display:flex;flex-wrap:wrap;align-items:center;}
.faq-category h2 {font-size:var(--fs-24);position:relative;z-index:10;}
.faq-category h2 button svg {margin-left:auto;}
.faq-category h2 button[aria-expanded="true"] svg {transform:rotate(180deg)}

.faq-category.content-blue h2 button{background:var(--color-blue);}
.faq-category.content-orange h2 button{background:var(--color-orange);}
.faq-category.content-red h2 button{background:var(--color-red);}
.faq-category.content-green-dark h2 button{background:var(--color-green-dark);}
.faq-category.content-green h2 button{background:var(--color-green);}

.questions{    background:white;margin-top:-25px;padding:35px 30px 0;border-radius:0 0 var(--br-30) var(--br-30);}
.question button{    width:100%;    text-align:left;    padding:20px 0;    border:none; font-size:var(--fs-24); cursor:pointer;display:flex;flex-wrap:wrap;align-items:center;background:none;position:relative;}
.question button svg {margin-left:auto;position:absolute;right:0;top:13px;}
.question button[aria-expanded="true"] svg {transform:rotate(45deg);}
.question button[aria-expanded="true"] svg circle {opacity:1}
.question button[aria-expanded="true"] svg path {stroke:#fff;}

.faq-category.content-blue .question button[aria-expanded="true"] svg circle{fill:var(--color-blue);}
.faq-category.content-orange .question button[aria-expanded="true"] svg circle{fill:var(--color-orange);}
.faq-category.content-red .question button[aria-expanded="true"] svg circle{fill:var(--color-red);}
.faq-category.content-green-dark .question button[aria-expanded="true"] svg circle{fill:var(--color-green-dark);}
.faq-category.content-green .question button[aria-expanded="true"] svg circle{fill:var(--color-green);}

.question button:hover, .question button:focus, .question button[aria-expanded="true"]{   font-weight:500}

.faq-category.content-blue .question button[aria-expanded="true"], .faq-category.content-blue .question button:hover{color:var(--color-blue);}
.faq-category.content-orange .question button[aria-expanded="true"], .faq-category.content-orange .question button:hover{color:var(--color-orange);}
.faq-category.content-red .question button[aria-expanded="true"], .faq-category.content-red .question button:hover{color:var(--color-red);}
.faq-category.content-green-dark .question button[aria-expanded="true"], .faq-category.content-green-dark .question:hover{color:var(--color-green-dark);}
.faq-category.content-green .question button[aria-expanded="true"], .faq-category.content-green .question button:hover{color:var(--color-green);}

.question {border-bottom:1px solid #eee;}
.question:last-child {border:none;}
.answer{    padding:0 0 30px;    display:none;}


/*WCAG*/

.faq-category h2 button:focus{    outline:3px solid #0078d4;}


@media screen and (max-width:992px){
	.faq-category h2 button, .question button {font-size:20px;}
}

@media screen and (max-width:767px){
		.faq-category h2 button {font-size:17px;border-radius:20px;    padding: 15px 20px;}
	.question button {font-size:17px;padding:15px 0}
	.faq-category h2 button svg, .question button svg {width:30px;height:30px;}
	.questions {    padding:35px 20px 10px;}
	.answer {padding-bottom:20px;}
	.question button svg {top:11px;}

}
/*------------------------------------*\
    Team
\*------------------------------------*/
.team-item {margin-bottom:30px;}

.team-box >div {position:relative;width:100%;padding:30px;background:#fff;border-radius:var(--br-45);height:100%;min-height:415px;position:relative;text-align:center;display:flex;flex-wrap:wrap;}

.white-boxed .team-box >div {background:var(--color-sand);}
.team-quote-content {margin-top:60px;}


.team-box img {width:100%;height:260px;border-radius:var(--br-30);object-fit:cover;margin-bottom:30px;}
.team-box h3 {color:var(--color-blue);font-weight:500;font-size:var(--fs-24);margin-bottom:10px;}
.team-box .functie {color:var(--color-green);}

.team-row .wide-boxed {padding-top:90px;padding-bottom:60px;}

.added-margin {margin-bottom:15px;}

.team-box >div.open-quote {width:calc(200% + 30px);background:var(--color-sand);    z-index: 200;box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.25);}

.open-quote .team-base {    width: calc(50% - 30px);    padding-right: 15px;}

.quote-content {
    width: calc(50% + 30px);
    padding-left: 45px;
    text-align: left;
    display: none;
    position: absolute;
    right: 0;
    padding-right: 30px;
    max-height: calc(100% - 60px);
    overflow: auto;
}
.quote-content a:not(.btn) {text-decoration:underline}


.team-base {  width:100%;  position: relative;}
.team-base .team-quote {    right: -30px;}


@media screen and (min-width:1200px){
	.team-box:nth-child(4n) .quote-content {padding-left:30px;padding-right:45px;right:auto;left:0;}
	.team-box:nth-child(4n) >div.open-quote .team-base{padding-left:15px;padding-right:0;        margin-left: calc(50% + 30px);}
	.team-box:nth-child(4n) >div.open-quote {float:right}
	
	.team-box:nth-child(4n) .open-quote .team-base .team-quote {    right: -30px;}
	
}


@media screen and (min-width:767px) and (max-width:1199px){
	.team-box:nth-child(3n) .quote-content {padding-left:30px;padding-right:45px;right:auto;left:0;}
	.team-box:nth-child(3n) >div.open-quote .team-base{padding-left:15px;padding-right:0;        margin-left: calc(50% + 30px);}
	.team-box:nth-child(3n) >div.open-quote {float:right}
	
	.team-box:nth-child(3n) .open-quote .team-base .team-quote {    right: -30px;}
	
}
@media screen and (max-width:992px){
	.team-item {margin-bottom:20px;}
	.team-quote-content {margin-top:30px;}
	.team-box >div {border-radius:30px;}
	.team-box img {border-radius:20px;}
	.team-box h3 {font-size:20px;margin-bottom:5px;}
	
	.team-row .wide-boxed {padding-top:60px;padding-bottom:30px;}

}


@media screen and (max-width:767px){
	.team-box img {margin-bottom:20px;}
	.team-box >div {padding:20px;}
	.team-quote {top:20px;}
	.click-quote, .team-quote {    transform: scale(0.6);}
	.team-row .wide-boxed {padding-top:20px;padding-bottom:20px;}
    .team-box >div {        border-radius: 20px;    }
	    .team-box img {        border-radius: 15px;    }
	.team-box h3 {font-size:18px;}
}

@media screen and (min-width:551px) and (max-width:768px){
	.team-box {width:50%}
	
	
	.team-box:nth-child(2n) .quote-content {padding-left:30px;padding-right:45px;right:auto;left:0;}
	.team-box:nth-child(2n) >div.open-quote .team-base{padding-left:15px;padding-right:0;        margin-left: calc(50% + 30px);}
	.team-box:nth-child(2n) >div.open-quote {float:right}
	
	.team-box:nth-child(2n) .open-quote .team-base .team-quote {    right: -30px;}
	.team-quote-content {width:50% ;margin-top:15px;}
	
}

@media screen and (max-width:550px){
	.team-box {width:100%}
	.team-box >div {min-height:0}
	.team-box >div.open-quote {    width: 100%;}
	.open-quote .team-base {
    width: 100%;
    padding-right: 0 !important;
    padding-left: 0 !important;
}
	.quote-content {
    width: 100%;
    padding-left: 0;
    text-align: left;
    display: none;
    position: relative;
    right: 0;
    padding-right: 30px;
    max-height: none;
    overflow: auto;
    padding-top: 10px;
}
	
.open-quote .team-base .team-quote {
    right: -30px!important;
}
}


/*------------------------------------*\
    Leden
\*------------------------------------*/
.leden-item-container {margin-bottom:30px;height:140px;}
.leden-base {position:relative;height:auto;min-height:100%;background:#fff;border-radius:70px;padding:20px 40px;}

.leden-base img {height:98px;object-fit:contain;width:100%;}


.quote-button.leden-quote {
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    height: 45px;
    font-size: 20px;
    padding-top: 1px;border:none;font-size:0;color:transparent;transform:scale(1)!important
}
.quote-button.leden-quote:before {width:16px;height:2px;background:var(--color-green-dark);position:absolute;content:'';top:calc(50% - 1px);left:calc(50% - 8px);border-radius:5px;}
.quote-button.leden-quote:after {width:16px;height:2px;background:var(--color-green-dark);position:absolute;content:'';top:calc(50% - 1px);left:calc(50% - 8px);transform:rotate(90deg);border-radius:5px;}

.active-quote.leden-quote:before, .active-quote.leden-quote:after {background:#fff;}
.active-quote.leden-quote {background:var(--color-green-dark);transform:rotate(45deg)}

.leden-persoon img {width:98px;object-fit:cover;border-radius:50%;position:absolute;left:20px;top:20px;}
.leden-persoon .standaard-content {min-height:100px;padding-left:140px;display:flex;flex-wrap:wrap;align-items:center;}
.leden-persoon .standaard-content > * {width:100%;}
.leden-base .quote-content {
    width: 100%;
    padding: 20px 30px 25px;
    max-height: none;
    z-index: -1;
    background: #fff;
    padding-top: 140px;
    top: 0;
    border-radius: 60px; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.25);

}
.leden-item-container.open-quote {
    z-index: 100;
    position: relative;
}

.leden-slider .leden-slide {margin:0 15px 30px;width:380px}
.leden-slider .leden-item-container {margin:0}
.leden-slider .slick-list {overflow:visible}
.home-leden-row {overflow:hidden}

@media screen and (max-width:992px){
	.leden-slider .leden-slide {margin:0 10px 20px;width:250px}
		.leden-base img {height:70px} 
	.leden-item-container {height:auto;margin-bottom:20px;}
	.team-row .added-margin {margin-bottom:20px;}
	.leden-base .quote-content {padding-top:110px;}
	
}
@media screen and (max-width:767px){
	.leden-slider .leden-slide {width:190px}  
	.leden-base{padding:15px 20px;}
	.leden-base img {height:50px} 
	.leden-box {width:50%}
	    .leden-base .quote-content {
        padding-top: 80px;
        border-radius: 30px;
    }
	.quote-button.leden-quote {    top: -15px;    right: -15px;		transform: scale(.8) !important;}

}

@media screen and (max-width:550px){
	.leden-box {width:100%} 
    .leden-base .quote-content {
        padding: 0;
        z-index: 1;
        box-shadow: none;
        border-radius: 0;
        background: none;
        padding-bottom: 20px;
        padding-top: 20px;
    }
	.open-quote .leden-base {border-radius:30px;}
	
}
/*------------------------------------*\
    Nieuws & Agenda
\*------------------------------------*/
.archive-btn {text-align:right;margin-top:70px;}

.single-intro {padding-top:60px;padding-bottom:45px;}


.nieuws-box  {width:33.33333%;margin-bottom:30px;}
.nieuws-box > a {overflow:hidden;border-radius:var(--br-45);padding:30px;background-color:#fff;display:flex;height:100%;    height: 100%;
    flex-wrap: wrap;min-height:485px}
.nieuws-box > a > div {display:flex;flex-wrap:wrap;margin-bottom:auto;flex-wrap:wrap;width:100%}
.nieuws-box img {width:100%;margin-bottom:30px;border-radius:var(--br-30);height:180px;object-fit:cover;}


.nieuws-box h2 {font-size:var(--fs-24);margin-bottom:30px;color:#fff;}

.nieuws-box.box-red a:hover  h2 {color:var(--color-red)}
.nieuws-box.box-green-dark a:hover  h2 {color:var(--color-green-dark)}
.nieuws-box.box-orange a:hover  h2 {color:var(--color-orange)}
.nieuws-box.box-green a:hover  h2 {color:var(--color-green)}
.nieuws-box.box-blue a:hover  h2 {color:var(--color-blue)}


.nieuws-box svg {margin-top:auto;margin-left:auto;transform:rotate(-45deg)}

.back-btn svg {transform:rotate(45deg)}

.nieuws-box a:hover svg, .back-btn a:hover svg {transform:rotate(0)}
.nieuws-box a:hover svg path, .back-btn a:hover svg path {stroke:#fff!important}

.nieuws-box a:hover svg circle, .back-btn a:hover svg circle {opacity:1;}

.box-blue a:hover svg circle, .content-blue a:hover svg circle{fill:var(--color-blue);}
.box-orange a:hover svg circle, .content-orange a:hover svg circle{fill:var(--color-orange);}
.box-red a:hover svg circle, .content-red a:hover svg circle{fill:var(--color-red);}
.box-green-dark a:hover svg circle, .content-green-dark a:hover svg circle{fill:var(--color-green-dark);}
.box-green a:hover svg circle, .content-green a:hover svg circle{fill:var(--color-green);}

.news-card__link:hover {
  transform: translateY(-3px);
 box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.25);
}

/* WCAG focus state */
.news-card__link:focus-visible {
  outline: 3px solid #005fcc;
  outline-offset: 3px;
}

.nieuws-box .delta-label {margin-left:auto;}
.agenda-box .delta-label {margin-right:-30px}
.agenda-box svg {margin-right:-30px;}
.box-blue a, .blue-background{background:var(--color-blue);}
.box-orange a, .orange-background{background:var(--color-orange);}
.box-red a, .red-background{background:var(--color-red);}
.box-green-dark a, .green-dark-background{background:var(--color-green-dark);}
.box-green a, .green-background{background:var(--color-green);}
.nieuws-box > a:hover {background:#fff;}


.nieuws-box a:not(:hover) .delta-label {background:#fff!important} 
.nieuws-box a:not(:hover) .delta-label.blue {color:var(--color-blue);}
.nieuws-box a:not(:hover) .delta-label.orange {color:var(--color-orange);}
.nieuws-box a:not(:hover) .delta-label.red {color:var(--color-red);}
.nieuws-box a:not(:hover) .delta-label.green-dark {color:var(--color-green-dark);}
.nieuws-box a:not(:hover) .delta-label.green {color:var(--color-green);}


p.datum {width:100%;margin-top:30px;color:#fff;font-size:var(--fs-24);font-weight:700;line-height:1.2;}
.agenda-box > a {min-height:400px;padding-left:60px;padding-right:60px;}

.box-blue a:hover p.datum {color:var(--color-blue);}
.box-orange a:hover p.datum {color:var(--color-orange);}
.box-red a:hover p.datum {color:var(--color-red);}
.box-green-dark a:hover p.datum {color:var(--color-green-dark);}
.box-green a:hover p.datum {color:var(--color-green);}


.related-row {margin-bottom:15px;}
.related-row .nieuws-box:first-child {margin-left:16.66667%}
 

.slider-container {overflow:hidden}
.slider-container .slick-list {overflow:visible}
.slider-container .slick-track{    display: flex !important;}

.slider-container .slick-slide{    height: inherit !important;}

.card-slider .slick-slide {    padding-right: 15px;    padding-left: 15px;}

@media screen and (max-width:1250px){
	.agenda-box > a {padding-left:30px;padding-right:30px;}
	.agenda-box .delta-label, .agenda-box svg {    margin-right: 0;}
	
}

@media screen and (max-width:992px){
	.single-intro {padding-top:20px;padding-bottom:30px;}
	.related-row {    margin-bottom: 10px;}
	
	
	.nieuws-box h2, p.datum {font-size:20px;}
	.nieuws-box > a, .agenda-box > a {min-height:360px}
	.nieuws-box img {height:140px}	
	
	.nieuws-box {    width: 50%;}
	.related-row .nieuws-box {    width: 41.6667%;}
	.related-row .nieuws-box:first-child {    margin-left: 8.33333%;}
	p.datum {margin-top:0;}
	
	.slider-container .slick-slide {max-width:370px}
.card-slider .slick-slide {    padding-right: 10px;    padding-left: 10px;}
	
	
}

@media screen and (max-width:767px){
	.slider-container .slick-slide {max-width:250px}
	
	.nieuws-box > a {border-radius:30px;padding:20px;}
	.nieuws-box img{border-radius:20px;margin-bottom:20px;}
	.nieuws-box h2, p.datum {font-size:17px;margin-bottom:20px;}
	p.datum {margin-bottom:0;}
		.nieuws-box > a {min-height:0}
	.nieuws-box img {height:105px}
	
	.related-row .nieuws-box {    width: 50%;margin-bottom:20px;}
	.related-row {    margin-bottom: 20px;}
	.related-row .nieuws-box:first-child {    margin-left: 0%;}
	.nieuws-box svg {width: 30px;    height: 30px;}
	.nieuws-box, div#filter-results {margin-bottom:20px;}
	
	.back-btn {padding-top:0;margin-bottom:20px;}
	.back-btn svg {width: 30px;    height: 30px;}
	
	
	.slider-container .archive-btn {order:3;margin-top:0;margin-bottom:30px;text-align:left;}
	
}
@media screen and (max-width:550px){
		.nieuws-box h2, p.datum {font-size:14px;}
.related-row .nieuws-box, .nieuws-box {    width: 100%;}
}
/*------------------------------------*\
    Download
\*------------------------------------*/
.download-box {margin-bottom:15px;}
.download-box:last-child {margin-bottom:45px;}

.download-header {font-weight:700;margin-bottom:15px;margin-top:20px;}

.download-row {display:flex;flex-wrap:wrap;align-items:center;padding-left:46px;padding-right:46px;}
.download-row > div:nth-child(1){width:370px;padding-right:20px;}
.download-row > div:nth-child(2){width:200px;padding-right:8px;}
.download-row > div:nth-child(3){width:170px;padding-right:8px;}
.download-row > div:nth-child(4){width:200px;padding-right:8px;}
.download-row > div:nth-child(5){width:auto;margin-left:auto;display:flex;flex-wrap:wrap;gap:15px;}


.download-box .download-row {background:#fff;border-radius:30px;min-height:110px;padding:30px;}


.download-label {padding:5px 15px;font-size:var(--fs-14);border:1px solid;border-radius:25px;line-height:1.5;display:inline-block}
.hover-blue .download-label {color:var(--color-blue)}
.hover-orange .download-label {color:var(--color-orange)}
.hover-red .download-label {color:var(--color-red)}
.hover-green .download-label {color:var(--color-green)}
.hover-green-dark .download-label {color:var(--color-green-dark)}


.download-row:hover h3, .download-box .download-row:hover {color:#fff;}

.download-box .download-row:hover{  transform: translateY(-3px);
 box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.25);}

.download-row:hover .download-label {color:#fff;}

.hover-blue:hover {background:var(--color-blue)}
.hover-orange:hover {background:var(--color-orange)}
.hover-red:hover {background:var(--color-red)}
.hover-green:hover {background:var(--color-green)}
.hover-green-dark:hover {background:var(--color-green-dark)}
.download-box .download-row:hover svg circle {opacity:1;fill:#fff}

section.thema-download-row {position:relative;z-index:200;}
.download-banner-box {position:relative;margin-left:auto;}
.download-banner-box a{color:var(--color-grey);border-radius:var(--br-60);box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.25);padding:30px 30px 40px;display:flex;flex-wrap:wrap;align-items:center;    position: absolute;
    bottom: -150px;
    right: 15px;}
.download-banner-box a p {margin:0;}
.download-banner-box a p.name {font-size:var(--fs-24);font-weight:700;color:#fff;margin-bottom:15px;width:100%}
.download-banner-box a img {border-radius: 30px 30px 0 0;height:175px;width:100%;object-fit:cover;margin-bottom:30px;}
.download-banner-box .desc {width:calc(100% - 50px);}
.download-banner-box svg {margin-left:auto;}

.aantwoord-row {overflow:hidden}
.aantwoord-slider-holder {position:relative;}
.slider-controls {    width: 120px;position:absolute;z-index:100;bottom:30px;right:45px;border-radius:40px;overflow:hidden;padding:10px;background:#fff;display:flex;gap:10px;}

.slider-controls button {border:none;background:#fff;border-radius:50%;width:45px;height:45px;}
.slider-controls button:hover, .slider-controls button:focus {background:#ddd;}
.slider-controls button svg {    fill: var(--color-blue);    transform: scale(.8);}
.accessible-slider .slick-track
{
    display: flex !important;
}
.accessible-slider .slick-list {overflow:visible}
.accessible-slider .slick-slide{    height: inherit !important;}
.accessible-slider .slide .row {min-height:100%}

.slider-controls button:focus {
  outline: 1px solid var(--color-sand);
  outline-offset: 2px;
}

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

	.download-row > div:nth-child(3) {
    width: 110px;
    padding-right: 8px;
}
	.download-row > div:nth-child(4) {
    width: 140px;
    padding-right: 8px;
} 
	.download-row > div:nth-child(1) {
    width: calc(100% - 500px);
    padding-right: 20px;
}
}

@media screen and (max-width:992px){
	.download-box .download-row {padding:20px;}
	.download-box:last-child {margin-bottom:40px;}
}
@media screen and (max-width:800px){
	.download-header {display:none}
	.download-row > div:nth-child(1),.download-row > div:nth-child(2) {width:100%;margin-bottom:10px;padding-right:0;}
	.download-row > div:nth-child(3), .download-row > div:nth-child(4){width:50%;padding:0;margin-bottom:10px;} 
} 
@media screen and (max-width:767px){
	.download-row svg {width:30px;height:30px;}
}

@media screen and (max-width:550px){
	.download-row > div:nth-child(3),.download-row > div:nth-child(4) {width:100%;margin-bottom:10px;padding-right:0;}
} 
/*------------------------------------*\
    Oplossingen
\*------------------------------------*/
#main {overflow:hidden;position:relative;}
#main > svg {
    width: 100%;
	max-width:1680px;
    position: absolute;
    z-index: 0;
    height: auto;
    top: 760px;
    right: -20%;opacity:.4
}
.thema-icon {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden} 


.news-letter-row .col-md-6:first-child, .aantwoord-row .col-md-6:first-child {padding-left:30px;padding-top:90px;padding-bottom:90px;}
.aantwoord-row .col-md-6:first-child {padding-bottom:110px;}

.box-image {height:calc(100% + 120px);margin-top:-60px;margin-bottom:-60px;    max-width: 380px;    margin-left: auto;    margin-right: auto;}
.box-image img {width:100%;height:100%;overflow:hidden;object-fit:cover;border-radius:var(--br-60);}

.news-letter-row .wide-boxed, .aantwoord-row .wide-boxed {margin-top:60px;margin-bottom:105px}

.aantwoord-box {font-size:var(--fs-24);line-height:133%}
.with-quote {position:relative;}
.quote-holder {position:absolute;left:calc(50% - 30px);bottom:240px;z-index:10;}

.quote-button {
    width: 60px;
    height: 60px;
    background: #fff;
    font-size: 64px;
    font-weight: 700;
    color: var(--color-green-dark);
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 22px;
    border-radius: 50%;
    overflow: hidden;
   z-index:10;position:relative;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
}

.click-quote { cursor: pointer;}

.quote {
    display:block;
    position: absolute;
    padding: 30px;
    color: #fff;
    font-size: var(--fs-24);
    line-height: 1.1;
    width: 310px;
    border-radius: var(--br-30);
    background: var(--color-blue);
    top: 30px;
    right: 30px;
}


.team-quote {right:0;top:60px;color:var(--color-blue);position:absolute;}
.open-quote .team-base .team-quote {    right: -15px;}
.open-quote .team-quote {color:var(--color-green)}
.team-box >div.initiatief-item-container  {    display: block;    height: auto;
    min-height: 0;}

@media screen and (max-width:1250px){
	.news-letter-row .quote, .aantwoord-row .quote {font-size:18px;padding:20px;border-radius:20px;    width: 250px;}
	.box-image .delta-label {right:-30px}
	.slider-controls {    right: 15px;}
}

@media screen and (max-width:992px){
	.news-letter-row .col-md-6:first-child, .aantwoord-row .col-md-6:first-child{    padding-top: 60px;
    padding-bottom: 60px;}
	.box-image {margin-right:0;}
	
		.box-image .delta-label {right:-20px}
	.slider-controls {right:-20px}
	
}
@media screen and (max-width:900px){
	.news-letter-row .col-md-6, .aantwoord-row .col-md-6{width:100%!important;order:0!important}
	    .box-image {
        margin: 0;
        margin-right: 0;
        margin-left: auto;height: auto;
    }
	.news-letter-row .col-md-6:first-child, .aantwoord-row .col-md-6:first-child {padding-left:10px;}
	    .news-letter-row .col-md-6:first-child, .aantwoord-row .col-md-6:first-child {
        padding-top: 20px;
        padding-bottom: 20px;
    }
	.news-letter-row .col-md-6:last-child, .aantwoord-row .col-md-6:last-child {margin-bottom:20px;}
	
	.aantwoord-row .col-md-6:last-child {padding-bottom:70px;}
	.aantwoord-row .slick-slide .btn {position: absolute;    bottom: 40px;    left: 0px;z-index:100}
	
	.slider-controls {bottom:-25px;left:calc(50% - 55px);width:110px}
	.slider-controls button {width:40px;height:40px;}
	
	.box-image {width:40%;min-width:180px;}
	.box-image img {border-radius:20px;width:100%;height:260px;}
	.news-letter-row .quote-button, .aantwoord-row .quote-button {width:30px;height:30px;font-size:40px;    padding-top: 14px;}
	
	.news-letter-row .quote-holder, .aantwoord-row .quote-holder {
    position: absolute;
    left: calc(50% - 30px);
    bottom: auto;
		top: 100px; }
	
	.news-letter-row  .quote, .aantwoord-row .quote  {top: 15px;
    right: 15px;}
	
	.news-letter-row .wide-boxed, .aantwoord-row .wide-boxed {
    margin-top: 0;
    margin-bottom: 30px;
}
	.box-image .delta-label {display:none}
	
}
@media screen and (max-width:767px){
	.team-quote  {right:-10px}
	
	.news-letter-row .quote, .aantwoord-row .quote {font-size:11px;    width: 120px;padding:10px;}

}

/*------------------------------------*\
    Oplossingen
\*------------------------------------*/
.oplossingen-row {margin-bottom:15px;}
.oplossing-box {margin-bottom:30px;}
.oplossing-box a {position:relative;overflow:hidden;border-radius:var(--br-60);height:460px;display:block;}
.oplossing-box a:after {width:100%;height:225px;content:"";position:absolute;left:0;bottom:0;z-index:2;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) -2.23%, rgba(0, 0, 0, 0.50) 100%);}
.oplossing-box a:before {width:100%;height:100%;content:"";position:absolute;left:0;top:0;z-index:3;opacity:0;}

.blue-oplossing-box a:before{background:var(--color-blue)}
.orange-oplossing-box a:before{background:var(--color-orange)}
.red-oplossing-box a:before{background:var(--color-red)}
.green-oplossing-box a:before{background:var(--color-green)}

.oplossing-box img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;}

.oplossing-icon {margin-right:30px;border-radius:50%;margin-top:30px;margin-left:auto;width:60px;height:60px;display:flex;align-items:center;justify-content:center;position:relative;z-index:10;}

.oplossing-titel {position:relative;z-index:10;margin-top:230px;padding-top:20px;width: calc(100% - 60px);margin-left:30px;}
.oplossing-titel span {position:absolute;top:0;left:0;width:30px;height:5px;border-radius:5px;}
.oplossing-titel h2 {color:#fff;font-weight:700;font-size:var(--fs-24);line-height:1.5}

.oplossing-box a:hover, .with-hover-shadow:hover {box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.25);}
.oplossing-box a:hover .oplossing-titel span, .oplossing-box a:hover .oplossing-icon {background:#fff;}


.oplossing-box a:hover:before {opacity:.6;}
.oplossing-box a:hover .blue-background svg path{stroke:var(--color-blue)}
.oplossing-box a:hover .orange-background svg path {stroke:var(--color-orange)}
.oplossing-box a:hover .red-background svg path {stroke:var(--color-red)}
.oplossing-box a:hover .green-background svg path {stroke:var(--color-green)}

.oplossing-boxed {padding-top:90px;padding-bottom:60px;}


.content-banner .page-slide h1, .content-banner .page-slide h2 {padding-top:20px;position:relative;}
.content-banner .page-slide h1:before, .content-banner .page-slide h2:before {content:"";height:5px;width:30px;border-radius:3px;background:var(--color-blue);position:absolute;top:0;left:0}

.page-banner-row {padding-top:0;}
.page-banner-row .container {margin-top:-230px}
.content-banner .page-slide .container {    padding-top: 190px;    padding-bottom: 300px;}
.page-slider .slick-track{    display: flex !important;}
.page-slider  .slick-slide{    height: inherit !important;}

.slick-dots ,.slick-dots  li {padding:0;margin:0;list-style:none;}
.slick-dots button {outline:none;border:none;background:#fff;width:14px;height:14px;font-size:0;color:transparent;text-indent:-9999px;cursor:pointer;border-radius:50%;display:block;margin:0  auto;padding:0;}
.slick-dots .slick-active button{background:var(--color-blue);border:4px solid #fff;width:20px;height:20px;}


.page-slider .slick-dots {position:absolute;width:20px;height:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;z-index:100;left:calc(50% + 575px);top:0;z-index:100;padding-bottom:230px; gap:10px;padding-top:100px}
.page-slider .slick-dots li:first-child {margin-top:auto;}
.page-slider .slick-dots li:last-child {margin-bottom:auto;}


@media screen and (max-width:1650px){
	.page-slider .slick-dots {left: calc(50% + 555px);}
}
@media screen and (max-width:1250px){
	.page-slider .slick-dots {left: auto;right:40px;}
}
@media screen and (max-width:992px){
	.oplossing-boxed {padding-top:60px;padding-bottom:20px;}

	
	
	.oplossing-titel h2 {font-size:18px;}
	.oplossing-titel {    width: calc(100% - 40px);    margin-left: 20px;margin-top: 170px;}
	.oplossing-box a {height:350px;}
	.oplossing-icon {transform: scale(.75);    margin-top: 10px;margin-right:10px;}
	.oplossing-box a {border-radius:40px;}
	.oplossing-box {margin-bottom:20px;}
	.oplossingen-row {    margin-bottom: 5px;}
	.page-banner-row .container {margin-top:-175px} 
	.content-banner .page-slide .container {    padding-top: 100px;    padding-bottom: 210px;}
	
	#main > svg {top:500px}

}
@media screen and (max-width:767px){
	.oplossing-box {width:50%}
	.oplossing-titel {padding-top:10px;        margin-top: 20px;}
	.oplossing-titel h2 {font-size:11px;}
	.oplossing-box a {height:140px;}
	.oplossing-box a {border-radius:20px;}
	.oplossing-icon {transform: scale(.5);    margin-top: 0;margin-right:0;}
		.page-banner-row .container {margin-top:-70px}  
	.content-banner .page-slide .container {    padding-top: 70px;    padding-bottom: 90px;}
	.page-slider .slick-dots {padding:70px 0 140px;gap:5px}
  
	    .oplossing-boxed {
        padding-top: 20px;
        padding-bottom: 0;
    }
}
/*------------------------------------*\
    Filters & Pagination
\*------------------------------------*/
.news-filter {display:flex;gap:20px;flex-wrap:wrap;margin-bottom:40px}
.news-filter-btn.btn {   font-weight: normal;}
.archive-pagination {text-align:center;margin-bottom:var(--margin-45);margin-top:var(--margin-60)}
.archive-pagination div {display:inline-flex;margin-left:auto;margin-right:auto;width:auto;background:#fff;background:#fff;padding:10px;border-radius:30px;align-items:center;gap:30px;}
.archive-pagination, .archive-pagination a {font-size:var(--fs-24);color:var(--color-sand);font-weight:700;display:block}
.archive-pagination a:hover, .archive-pagination .current {color:var(--color-blue)}
.archive-pagination {display:flex;align-items:center;justify-content:center}

a.prev.page-numbers, a.next.page-numbers {font-size:0!important;width:45px;height:45px;background-size:contain;background-repeat:no-repeat;background-position:center center;}
a.prev.page-numbers {background-image:url('assets/images/prev-btn-blue.svg');}
a.next.page-numbers {background-image:url('assets/images/next-btn-blue.svg');}
.archive-pagination .page-numbers:first-child:not(.prev):before
{content:"";display:block;width:45px;height:45px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url('assets/images/prev-btn-blue-diap.svg');}
.archive-pagination .page-numbers:last-child:not(.next):after
{content:"";display:block;width:45px;height:45px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url('assets/images/next-btn-blue-diap.svg');}
.page-numbers {    display: flex;    align-items: center;gap:30px}


@media screen and (max-width:992px){
	.news-filter {margin-bottom:20px;    gap: 10px;}
	.archive-pagination, .archive-pagination a {font-size:20px}
	.archive-pagination {margin-top:30px;margin-bottom:0;}
	
}
@media screen and (max-width:767px){
	a.prev.page-numbers, a.next.page-numbers {width:30px;height:30px;}
	.archive-pagination, .archive-pagination a {font-size:18px}
	
	.archive-pagination .page-numbers:first-child:not(.prev):before{content:"";display:block;width:30px;height:30px;}
.archive-pagination .page-numbers:last-child:not(.next):after
{content:"";display:block;width:30px;height:30px;}
	.archive-pagination div {gap:15px}
	
	
}
/*------------------------------------*\
    Contact
\*------------------------------------*/
@media screen and (min-width:767px){
	.contact-left {padding-right:45px;}
}

.contact-map {border-radius:30px;overflow:hidden;margin-bottom:25px;}
.contact-map a, .contact-map img {display:block;width:100%;}
p.bedrijfsnaam {font-weight:700;margin-bottom:15px;}

.contact-adres {    margin-top: 71px;}
form br {display:none}
form label {
    display: block;
    padding-left: 20px;
    font-weight: 700;margin-bottom:10px;
}
form label.hidden {position:absolute;z-index:-99999;font-size:0;text-indent:-999999px;color:transparent;margin:0;}
form {display:flex;flex-wrap:wrap;}
form > * {width:100%;}
@media screen and (min-width:767px){
	form > .form-half {width:50%;}
	.half-left {padding-right:15px;}
	.half-right {padding-left:15px;}
}
form p {margin:0;}
form p.verplicht {text-align:right;font-size:13px;color:var(--color-primary)}
input[type="text"], input[type="email"],textarea,  input[type="search"], select {
    width: 100%;
    height: 55px;
    background: #fff;border:1px solid #fff;
    border-radius: 30px;
    margin-bottom: 20px;
    padding-left: 0;outline:none!important;color:var(--color-grey);padding-left:20px;
}
footer input[type="text"] {margin-bottom:15px;}
textarea {height:110px;padding-top:15px;}


.white-boxed input[type="text"],.white-boxed input[type="email"]{background:var(--color-sand)}

 
.wpcf7-not-valid-tip {display:none}
.wpcf7-not-valid {border-color:#ff0000!important}

.wpcf7 form .wpcf7-response-output {
    margin: 30px 0 0;
    padding: 15px 20px;
    border: 2px solid var(--color-blue);
    background: var(--color-blue);
    color: #fff;
}
.wpcf7 form.sent .wpcf7-response-output {
	border-color: var(--color-blue);background:var(--color-blue);
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #ff0000;background:#ff0000;
}

@media screen and (max-width:600px){
	form p.verplicht {margin-bottom:15px;}
}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 color:var(--color-grey);
}
::-moz-placeholder { /* Firefox 19+ */
 color:var(--color-grey);
}
:-ms-input-placeholder { /* IE 10+ */
  color:var(--color-grey);
}
:-moz-placeholder { /* Firefox 18- */
 color:var(--color-grey);
}
@media screen and (max-width:767px){
	input[type="text"], input[type="email"], textarea, input[type="search"], select {margin-bottom:20px;}
}
@media screen and (max-width:767px){
	.contact-adres {    margin-top: 0;}
	
}

/*------------------------------------*\
    BUTTON
\*------------------------------------*/

.btn-list, .btn-list li {padding:0;margin:0;list-style:none}
.btn-list {display:flex;flex-wrap:wrap;gap:30px;margin-bottom:30px;}
.btn-list:last-child {margin-bottom:0;}
.text-center .btn-list {justify-content:center}

@media screen and (min-width:991px){
	.home-leden-row .standaard-content p + .btn-list {margin-top:45px}

}
.btn {
    font-size: var(--fs-16);
    font-family: var(--font-family);
    color: #fff;
    display: inline-flex;
    line-height: 1;
    padding: 15px 30px;
    background: #ddd;
    border-radius: 30px;
    min-width: 0;
    text-align: center;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-style: normal;
    cursor: pointer;
    text-transform: none;
    align-items: center;
    font-weight:700;overflow:hidden;position:relative;justify-content:center;width:auto;
}
.btn:hover, .btn:focus {color:#fff!important;}

.btn.blue {background:var(--color-blue)!important}
.btn.green {background:var(--color-green)!important}
.btn.green-dark {background:var(--color-green-dark)!important}
.btn.red {background:var(--color-red)!important}
.btn.orange {background:var(--color-orange)!important}




span {position:relative;z-index:2;}

.btn span > svg {margin-left:10px;}
.btn .hover-svg {width:100%;height:auto;position:absolute;top:100%;left:0;}
.btn:hover .hover-svg {top:-20%;}




.btn.blue .hover-svg {fill:var(--color-green-dark)}
.btn.green .hover-svg {fill:var(--color-green-dark)}
.btn.green-dark .hover-svg {fill:var(--color-green)}
.btn.red .hover-svg {fill:var(--color-green-dark)}
.btn.orange .hover-svg {fill:var(--color-green-dark)}



.news-filter-btn {padding:13px 28px;border:1px solid}
.news-filter-btn:not(:hover):not(.active-filter){background:none!important;}

.news-filter-btn:hover,.news-filter-btn.active-filter {color:#fff!important;}
.news-filter-btn.blue:hover, .news-filter-btn.blue.active-filter {background:var(--color-blue);}
.news-filter-btn.blue {border-color:var(--color-blue)!important;color:var(--color-blue)}
.news-filter-btn.green:hover, .news-filter-btn.green.active-filter  {background:var(--color-green)}
.news-filter-btn.green {border-color:var(--color-green)!important;color:var(--color-green)}
.news-filter-btn.green-dark:hover, .news-filter-btn.green-dark.active-filter  {background:var(--color-green-dark)}
.news-filter-btn.green-dark {border-color:var(--color-green-dark)!important;color:var(--color-green-dark)}
.news-filter-btn.red:hover , .news-filter-btn.red.active-filter {background:var(--color-red)}
.news-filter-btn.red {border-color:var(--color-red)!important;color:var(--color-red)}

.news-filter-btn.orange:hover, .news-filter-btn.orange.active-filter  {background:var(--color-orange)}
.news-filter-btn.orange {border-color:var(--color-orange)!important;color:var(--color-orange)}

@media screen and (max-width:992px){
	.btn {font-size:14px;padding:15px 20px}
}


/*------------------------------------*\
    Wide box
\*------------------------------------*/
.wide-boxed {position:relative;}
.wide-boxed .container {position:relative;z-index:2;}

.wide-boxed:before {content:"";position:absolute; top: 50%;  left: 50%;  transform: translate(-50%, -50%);height:100%;width:calc(100% - 240px);border-radius:var(--br-120);}
.white-boxed:before {background:#fff;}


@media screen and (max-width:1900px){
	.wide-boxed:before {width:calc(100% - 120px);}
}
@media screen and (max-width:1650px){
	.wide-boxed:before {width:calc(100% - 40px);}
	.wide-boxed .container {padding-left:40px;padding-right:40px;}
}
@media screen and (max-width:1300px){
	.wide-boxed:before {border-radius:var(--br-60);}
	
}
@media screen and (max-width:992px){
	.wide-boxed:before {border-radius:var(--br-30);}
	
}

.added-width {width:calc(100% + 60px);margin-left:-30px;}

@media screen and (min-width:767px){
	.added-padding-right {padding-right:30px;}
	.added-padding-left {padding-left:30px;}
}
@media screen and (max-width:767px){
	.added-width {    width: 100%;    margin-left: 0;}
}
/*------------------------------------*\
    HEADER
\*------------------------------------*/

header {position:fixed;top:0;left:0;z-index:2000;padding:30px 0;width:100%}

.fixed-header {background:var(--color-sand);padding:15px 0;}


.nav-container .row {align-items:center;}

.header-logo {width:200px;}
.desktop-nav {width:calc(100% - 200px)}
.desktop-nav ul, .desktop-nav li {padding:0;margin:0;list-style:none;}
.desktop-nav > ul {display:flex;flex-wrap:wrap;gap:30px;}
.desktop-nav > ul > li:first-child {margin-left:auto;}
.desktop-nav > ul > li > .menu-item-inner > a {display:block;font-size:16px;color:var(--color-green-dark);font-weight:700;padding:10px 0;position:relative;}
.desktop-nav > ul > li > .menu-item-inner > a:after {content:"";position:absolute;bottom:0;left:0;width:100%;height:5px;background:var(--color-blue);border-radius:5px;opacity:0;}
.desktop-nav > ul > li:hover > .menu-item-inner > a:after, .desktop-nav > ul > li.current-menu-item > .menu-item-inner > a:after, .desktop-nav > ul > li.current-menu-ancestor > .menu-item-inner > a:after{opacity:1;}
.header-logo  a {display:block}
.header-logo svg {width:100%;height:auto}

.desktop-nav  li.menu-item-has-children > .menu-item-inner > a {padding-right:25px;}
.desktop-nav li.menu-item-has-children button {
    position: absolute;
    top: 8px;
    right: 0;
    z-index: 10;
    padding: 0;
}

.desktop-nav  li.menu-item-has-children button svg {width:20px;}
.desktop-nav .sub-menu {position:absolute;top:100%;left:-20px;padding:15px 20px;background:var(--color-sand);;border-radius:20px;width:180px;}
.desktop-nav .oplossing-menu .sub-menu  {width:265px}
.menu-item-has-children {position:relative;}
.desktop-nav .sub-menu a {font-size:16px;color:var(--color-green-dark);font-weight:700;display:block;position:relative;padding-right:25px}
.desktop-nav .sub-menu a:after {border-radius:2px;content:"";position:absolute;right:0;top:8px;width:10px;height:3px;background:var(--color-green-dark);transform:rotate(45deg)}
.desktop-nav .sub-menu a:before {border-radius:2px;content:"";position:absolute;right:0;top:13px;width:10px;height:3px;background:var(--color-green-dark);transform:rotate(-45deg)}

.desktop-nav .sub-menu li:hover > .menu-item-inner > a, .desktop-nav .sub-menu li:focus > .menu-item-inner > a,.desktop-nav .sub-menu li.current-menu-item > .menu-item-inner > a {color:var(--color-blue)}

.desktop-nav .sub-menu li:hover > .menu-item-inner > a:after, .desktop-nav .sub-menu li:focus > .menu-item-inner > a:after, .desktop-nav .sub-menu li.current-menu-item > .menu-item-inner > a:after, .desktop-nav .sub-menu li:hover > .menu-item-inner > a:before, .desktop-nav .sub-menu li:hover > .menu-item-inner > a:before,.desktop-nav .sub-menu li.current-menu-item > .menu-item-inner > a:before {background:var(--color-blue)}


.desktop-nav .sub-menu li{display:block;margin-bottom:15px}
.desktop-nav .sub-menu li:last-child {margin-bottom:0;}


.mobbtn-hold {display:none;margin-left:auto;width:auto;}

button.mobbtn {
    width: 40px;
    height: 39px;
    border: none;
    background: none;
    cursor: pointer;
    padding: 0;
    margin: 0;position:relative;
}

button.mobbtn span {border-radius:5px;width:24px;height:3px;background:var(--color-green-dark);position:absolute;left:8px;}

button.mobbtn span:nth-child(1){top:12px;}
button.mobbtn span:nth-child(2){top:19px;}
button.mobbtn span:nth-child(3){top:26px;}
button.mobbtn.active span:nth-child(2){opacity:0;}
button.mobbtn.active span:nth-child(1) {transform:rotate(45deg);top:18px;}
button.mobbtn.active span:nth-child(3) {transform:rotate(-45deg);top:18px;}


main {padding-top:120px}


.sidenav {position:fixed;width:100%;z-index:500;background:var(--color-sand);height:100%;overflow:auto;padding-left:40px;padding-right:40px;

}
.sidenav .menu,
.sidenav .sub-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}
.sidenav > ul.menu {padding-top:82px;}

.sidenav .sub-menu.is-open {display:block}
.sidenav .menu-item {
	margin-bottom: 4px;
}

.sidenav .menu-item-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;position:relative;
}
.sidenav a {
	display: block;
	padding: 10px 0;padding-right:30px;font-weight:700;
	text-decoration: none;
	color: var(--color-green-dark);font-size: 16px;
	width:100%;
}
.sidenav > ul > li {border-bottom:1px solid #fff;}
.sidenav a:hover {
	color:var(--color-blue)
}

/* Huidige pagina */
.sidenav a[aria-current="page"], .current-menu-ancestor > .menu-item-inner > a {
	color:var(--color-blue)
}

.sidenav .sub-menu {
	padding-left:10px;
	display: none;padding-bottom:7px;
}
.sidenav .sub-menu a {padding:0;padding-right:20px;padding:3px 0;position:relative}
.sidenav .sub-menu a:after {border-radius:2px;content:"";position:absolute;right:3px;top:8px;width:10px;height:2px;background:var(--color-green-dark);transform:rotate(45deg)}
.sidenav .sub-menu a:before {border-radius:2px;content:"";position:absolute;right:3px;top:14px;width:10px;height:2px;background:var(--color-green-dark);transform:rotate(-45deg)}

.sidenav a:hover:after, .sidenav a:hover:before, .sidenav a[aria-current="page"]:after, .sidenav a[aria-current="page"]:before {background:var(--color-blue)!important;}



/* Open via JS */
.sidenav .submenu-toggle[aria-expanded="true"] + .sub-menu {
	display: block;
}

.sidenav .submenu-toggle {
    background: none;
    border: none;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 20px;
    height: 44px;
}
.sidenav .submenu-toggle svg {width:20px;height:auto;    fill: var(--color-green-dark);}
nav a:focus,
.sidenav .submenu-toggle:focus {
	outline: 3px solid #005fcc;
	outline-offset: 2px;
}

.sidenav .submenu-toggle[aria-expanded="true"] {
	transform: rotate(180deg);
}








/* Verberg submenu correct */
.submenu-toggle[aria-expanded="true"] + .sub-menu,
.sub-menu.is-open {	opacity: 1;	visibility: visible;	transform: translateY(0);}

.sub-menu {
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	transition: all 0.2s ease;
}

/* Hover + focus */
.desktop-nav .menu-item-has-children:hover > .sub-menu,
.desktop-nav .menu-item-has-children:focus-within > .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

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

.desktop-nav .menu-item-has-children > .sub-menu {
	pointer-events: none;
}

.desktop-nav .menu-item-has-children:hover > .sub-menu,
.desktop-nav .menu-item-has-children:focus-within > .sub-menu {
	pointer-events: auto;
}


@media (prefers-reduced-motion: reduce) {
	.sub-menu {
		transition: none;
	}
}

/* Focus states */
.menu a:focus,
.submenu-toggle:focus {
	outline: 3px solid #005fcc;
	outline-offset: 2px;
}

/* Button reset */
.submenu-toggle {
	background: none;
	border: none;
	font: inherit;
	cursor: pointer;
}









@media screen and (max-width:1200px){
	main {padding-top:90px}
	header {padding:20px 0;}
	.header-logo {width:150px;}
	.desktop-nav {width:calc(100% - 150px)}
	.desktop-nav ul {gap:20px;} 
	.desktop-nav > ul > li > a, .desktop-nav .sub-menu a{font-size:14px;}
	.desktop-nav .sub-menu li {margin-bottom:10px;}
}
@media screen and (max-width:1050px){
.desktop-nav {display:none}
	
	.mobbtn-hold {display:block}
	.header .container {padding:0 40px}
	header.active {background:var(--color-sand)}
}
/*------------------------------------*\
    FOOTER
\*------------------------------------*/
.footer-top .container {padding-top:90px;padding-bottom:90px;}

.footer-widget {width:33.3333%}
.footer-widget h3 {font-size:var(--fs-36);font-weight:300;color:var(--color-blue);margin-bottom:30px;}
.footer-widget ul, .footer-widget li {padding:0;margin:0;list-style:none}
.footer-widget li {margin-bottom:5px;}
.footer-widget li:last-child {margin:0;}
.footer-widget ul {margin-bottom:30px;}
.footer-widget ul:last-child {margin-bottom:0;}
.footer-widget, .footer-widget a {color:var(--color-grey);font-weight:500;}
.footer-widget a:hover, .footer-widget a:focus {color:var(--color-blue)}

.footer-bottom {padding:30px 0;}
.footer-center {text-align:center;font-size:14px;width:300px;}
.footer-dink {text-align:right;width:calc(50% - 150px)}
.footer-dink a {display:inline-block}
.footer-socials {width:calc(50% - 150px)}
.footer-socials ul, .footer-socials li {padding:0;margin:0;list-style:none}
.footer-socials a {width:45px;height:45px;background:var(--color-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;}
.footer-socials a:hover, .footer-socials a:focus {background:var(--color-orange)}
.footer-socials ul {display:flex;gap:20px;}

@media screen and (max-width:1250px){
	.footer-top .container {    padding-top: 60px;    padding-bottom: 60px;}
	.footer-widget h3 {font-size:32px}
}
@media screen and (max-width:992px){
	.footer-top .container {    padding-top: 20px;    padding-bottom: 20px;}
	.footer-widget h3 {font-size:20px;margin-bottom:20px}
	.footer-widget ul {margin-bottom:20px}
	.footer-socials, .footer-center, .footer-dink {width:100%;text-align:center;}
	.footer-socials, .footer-center {margin-bottom:45px;}
	.footer-socials ul {justify-content:center;}
	.footer-dink {margin-bottom:20px;}
	.footer-socials ul {gap:20px}
	.footer-socials a {    width: 30px;		height: 30px;}
	.footer-socials a svg {transform:scale(.75)}
	.footer-bottom {
    padding: 45px 0 25px;
}
	
}
@media screen and (max-width:767px){
	.footer-widget {    width: 100%;margin-bottom:30px;}
	.footer-widget:last-child {margin:0;}
}


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

.skip-link {
	position: absolute;
	top: 0;
	left: 0;
	transform: translateY(-100%);
	
	background: var(--color-green-dark);
	color: #fff;
	padding: 12px 16px;
	z-index: 9999;
	text-decoration: none;
	font-weight: bold;
}

/* Alleen zichtbaar bij focus */
.skip-link:focus {
	transform: translateY(0);
}

::selection {
	background:var(--color-blue);
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:var(--color-blue);
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:var(--color-blue);
	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;
	}
}