/*
Theme Name: CvK
Version: 1.0
Author: Bonfire Themes
Author URI: http://bonfirethemes.com/
Description: CvK
Tags: light, responsive-layout, custom-background, custom-menu, editor-style, two-columns, right-sidebar, featured-images, full-width-template, sticky-post, translation-ready
Text Domain: cvk
License: GNU GENERAL PUBLIC LICENSE, Version 2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*************************************************************
[TABLE OF CONTENTS]

- GENERAL STYLING
- BLOG POST
- PAGES
- AUTHOR PAGE
- SHOWING TAGS/CATEGORIES/SEACRH RESULTS/AUTHOR
- LISTS
- HEADINGS
- POSTS, PAGES
- POST PAGINATION
- AUTHOR
- PREV/HOME/NEXT POST BUTTONS
- NAVIGATION (BLOG INDEX, CAT, etc.)
- POST FORMATTING
- CLEAR & ALIGNMENT
*************************************************************/


/* GENERAL STYLING
**************************************************/
* {
    box-sizing:border-box;
}
html, body {
	width:100%;
    height:100%;
    margin:0;
	padding:0;
    font-family:'Radio Canada Big';
    font-weight:400;
	
	background-color:#FFF7E6;
}
/* main content wrapper */
.cvk-content-wrapper {
    position:relative;
    z-index:1;
}
/* needed so voor-wie sticky menu would work, it doesn't work with overflow on .cvk-content-wrapper */
body:not(.page-template-page-voor-wie-child) .cvk-content-wrapper {
    overflow:hidden;
}
/* text for screen readers */
.screen-reader-text {
	clip:rect(1px, 1px, 1px, 1px);
	position:absolute !important;
	height:1px;
	width:1px;
	overflow:hidden;
}
.screen-reader-text:focus {
	background-color:#f1f1f1;
	border-radius:3px;
	box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip:auto !important;
	color:#21759b;
	display:block;
	font-size:14px;
	font-size:0.875rem;
	font-weight:bold;
	height:auto;
	left:5px;
	line-height:normal;
	padding:15px 23px 14px;
	text-decoration:none;
	top:5px;
	width:auto;
	z-index:100000; /* Above WP toolbar. */
}
a {
    text-decoration:none;
	/* remove the flickering effect of a tapped link when on a touch device */
	-webkit-tap-highlight-color:rgba(0,0,0,0);
    
    -webkit-transition:all .2s ease;
    transition:all .2s ease;
}
a:hover {
	text-decoration:underline;
}
a span {
    -webkit-transition:all .2s ease;
    transition:all .2s ease;
}

/* headings */
h1, h2, h3, h4, h5, h6 {
	margin:0;
    padding:0;
}
h1 { font-size:55px; line-height:125%; margin-bottom:25px; overflow-wrap:anywhere; }
h2 { font-size:30px; line-height:145%; margin-bottom:20px; }
h3 { font-size:18px; line-height:145%; margin-bottom:15px; }
h4 { font-size:17px; line-height:19px; }
h5 { font-size:16px; line-height:18px; }
h6 { font-size:15px; line-height:17px; }
h1 span { color:#E14C0F; }

.entry-content p a,
.entry-content ul a,
.entry-content ol a,
.single-post .wpsp-question a {
    color:#002111;
}
.entry-content img {
    width:100%;
}
/* strange editor highlight background color fix */
.entry-content h1 mark,
.entry-content h2 mark,
.entry-content h3 mark {
    background-color:transparent !important;
}

/* article / .entry-content main styles */
article h1,
article h2,
article h3,
article h4,
article h5 {
    font-weight:400;
    color:#3B3C3C;
}
/* content */
article h1,
.entry-content h1 {
    font-size:38px;
    line-height:120%;
}
.entry-content h2 {
    font-size:26px;
    line-height:38px;
}
.entry-content h3 {
    font-size:22px;
    line-height:35px;
    color:#7C7C7B;
}
.entry-content p {
    font-size:20px;
    line-height:35px;
    color:#7C7C7B;
    margin-bottom:20px;
}
.entry-content p strong {
    font-weight:500;
    line-height:32px;
}
.entry-content p a {
    color:#7C7C7B;
    text-decoration:underline;
}
.entry-content p a:hover {
    color:#EA5925;
    text-decoration:none;
}

/* front page vacatures/faq joint wrapper for gradient */
.vacatures-faq-wrapper {
    background:linear-gradient(to top,#FFF7E6 0%,#C0E9D7 100%);
    background-size:100% 85%;
    background-repeat:no-repeat;
}
/* front page overons/complaints joint wrapper for gradient */
.overons-complaints-wrapper {
    background:linear-gradient(to bottom,#FFF7E6 0%,#C0E9D7 100%);
    background-size:100% 100%;
    background-repeat:no-repeat;
}
/* content gradient wrapper */
.content-gradient-wrapper {
    background:linear-gradient(to bottom,#FFF7E6 0%,#CDECDA 100%);
    background-size:100% 100%;
    background-repeat:no-repeat;
}

/* desktop CTA button (alt arrow) */
a.cta-button-outline-alt {
    position:relative;
    z-index:1;
    text-decoration:none;
    font-family:Radio Canada Big;
    font-weight:600;
    font-size:17px;
    line-height:25px;
    font-style:normal;
    color:#FFF7E6;
    padding:14px 55px 14px 20px;
    outline:1px solid #FFF7E6;
    background-color:rgba(0,0,0,0.4);
    
    border-radius:50px;
    display:inline-block;

    -webkit-transition:all .3s cubic-bezier(.5, 1, 0.2, 1.5);
    transition:all .3s cubic-bezier(.5, 1, 0.2, 1.5);
}
a.cta-button-outline-alt:hover {
    font-weight:700;
    text-decoration:none;
    padding-right:70px;
    padding-left:30px;
    outline:1.5px solid #FFF7E6;
}
a.cta-button-outline-alt::after {
    content:'';
    position:absolute;
    top:22px;
    right:22px;

    width:20px;
    height:14px;
    display:block;
    transform-origin:center;
    background-repeat:no-repeat;

    background-image:url('icons/alt-button-arrow.svg');
    background-repeat:no-repeat;

    -webkit-transition:all .3s cubic-bezier(.5, 1, 0.2, 1.5);
    transition:all .3s cubic-bezier(.5, 1, 0.2, 1.5);
}
a.cta-button-outline-alt:hover::after {
    right:18px;
}

.cta-buttons-wrapper {
    display:inline-flex;
    align-items:center;
    font-style:italic;
    color:#555B6E;
    font-size:19px;
}
.cta-buttons-wrapper .tel {
    color:#555B6E;
    font-weight:500;
    font-style:normal;
    margin-left:7px;
}
.cta-buttons-wrapper .cta-button-outline-dark {
  margin-right:15px;
}

/* desktop CTA button (alt arrow, DARK) */
a.cta-button-outline-dark {
    position:relative;
    z-index:1;
    text-decoration:none;
    font-family:Radio Canada Big;
    font-weight:600;
    font-size:17px;
    line-height:25px;
    font-style:normal;
    color:#555B6E;
    padding:14px 55px 14px 20px;
    outline:1px solid #555B6E;
    
    border-radius:50px;
    display:inline-block;

    -webkit-transition:all .3s cubic-bezier(.5, 1, 0.2, 1.5);
    transition:all .3s cubic-bezier(.5, 1, 0.2, 1.5);
}
a.cta-button-outline-dark:hover {
    font-weight:700;
    text-decoration:none;
    padding-right:70px;
    padding-left:30px;
    outline:1.5px solid #555B6E;
}
a.cta-button-outline-dark::after {
    content:'';
    position:absolute;
    top:22px;
    right:22px;

    width:20px;
    height:14px;
    display:block;
    transform-origin:center;
    background-repeat:no-repeat;

    background-image:url('icons/button-arrow-dark.svg');
    background-repeat:no-repeat;

    -webkit-transition:all .3s cubic-bezier(.5, 1, 0.2, 1.5);
    transition:all .3s cubic-bezier(.5, 1, 0.2, 1.5);
}
a.cta-button-outline-dark:hover::after {
    right:18px;
}

/* desktop CTA button (alt arrow, DARK) */
a.cta-button-outline-light {
    position:relative;
    z-index:1;
    text-decoration:none;
    font-family:Radio Canada Big;
    font-weight:600;
    font-size:17px;
    line-height:25px;
    font-style:normal;
    color:#FFF7E6;
    padding:14px 55px 14px 20px;
    outline:1px solid #FFF7E6;
    
    border-radius:50px;
    display:inline-block;

    -webkit-transition:all .3s cubic-bezier(.5, 1, 0.2, 1.5);
    transition:all .3s cubic-bezier(.5, 1, 0.2, 1.5);
}
a.cta-button-outline-light:hover {
    font-weight:700;
    text-decoration:none;
    padding-right:70px;
    padding-left:30px;
    outline:1.5px solid #5FFF7E655B6E;
}
a.cta-button-outline-light::after {
    content:'';
    position:absolute;
    top:22px;
    right:22px;

    width:20px;
    height:14px;
    display:block;
    transform-origin:center;
    background-repeat:no-repeat;

    background-image:url('icons/button-arrow-light.svg');
    background-repeat:no-repeat;

    -webkit-transition:all .3s cubic-bezier(.5, 1, 0.2, 1.5);
    transition:all .3s cubic-bezier(.5, 1, 0.2, 1.5);
}
a.cta-button-outline-light:hover::after {
    right:18px;
}

/* desktop CTA button (alt arrow, DARK) */
a.cta-button-outline-dark-alt {
    position:relative;
    z-index:1;
    text-decoration:none;
    font-family:Radio Canada Big;
    font-weight:600;
    font-size:17px;
    line-height:25px;
    font-style:normal;
    color:rgba(0,0,0,0.5);
    padding:14px 55px 14px 20px;
    outline:1px solid rgba(0,0,0,0.5);
    
    border-radius:50px;
    display:inline-block;

    -webkit-transition:all .3s cubic-bezier(.5, 1, 0.2, 1.5);
    transition:all .3s cubic-bezier(.5, 1, 0.2, 1.5);
}
a.cta-button-outline-dark-alt:hover {
    font-weight:700;
    text-decoration:none;
    padding-right:70px;
    padding-left:30px;
    outline:1.5px solid rgba(0,0,0,0.5);
}
a.cta-button-outline-dark-alt::after {
    content:'';
    position:absolute;
    top:22px;
    right:22px;

    width:20px;
    height:14px;
    display:block;
    transform-origin:center;
    background-repeat:no-repeat;

    background-image:url('icons/alt-button-arrow-dark.svg');
    background-repeat:no-repeat;

    -webkit-transition:all .3s cubic-bezier(.5, 1, 0.2, 1.5);
    transition:all .3s cubic-bezier(.5, 1, 0.2, 1.5);
}
a.cta-button-outline-dark-alt:hover::after {
    right:18px;
}

/* desktop CTA button (alt arrow, LIGHT) */
a.cta-button-outline-light-alt {
    position:relative;
    z-index:1;
    text-decoration:none;
    font-family:Radio Canada Big;
    font-weight:600;
    font-size:17px;
    line-height:25px;
    font-style:normal;
    color:#FFF7E6;
    padding:14px 55px 14px 20px;
    outline:1px solid #FFF7E6;
    
    border-radius:50px;
    display:inline-block;

    -webkit-transition:all .3s cubic-bezier(.5, 1, 0.2, 1.5);
    transition:all .3s cubic-bezier(.5, 1, 0.2, 1.5);
}
a.cta-button-outline-light-alt:hover {
    font-weight:700;
    text-decoration:none;
    padding-right:70px;
    padding-left:30px;
    outline:1.5px solid #FFF7E6;
}
a.cta-button-outline-light-alt::after {
    content:'';
    position:absolute;
    top:22px;
    right:22px;

    width:20px;
    height:14px;
    display:block;
    transform-origin:center;
    background-repeat:no-repeat;

    background-image:url('icons/alt-button-arrow.svg');
    background-repeat:no-repeat;

    -webkit-transition:all .3s cubic-bezier(.5, 1, 0.2, 1.5);
    transition:all .3s cubic-bezier(.5, 1, 0.2, 1.5);
}
a.cta-button-outline-light-alt:hover::after {
    right:18px;
}

/* dark bg button */
.cta-dark {
    display:inline-flex;
    align-items:center;
    padding:0 25px;
    height:46px;
    font-size:16px;
    color:#FFF7E6;
    font-style:normal;
    border-radius:50px;
    background-color:#3A4641;
}

/* simple with arrow (dark) */
a.cta-simple-arrow {
    position:relative;
    font-size:14px;
    color:#2A4D69;
}
a.cta-simple-arrow:hover {
    text-decoration:none;
}
a.cta-simple-arrow::before {
    content:'';
    position:absolute;
    top:5px;
    right:-22px;
    width:15px;
    height:10px;

    background-image:url('icons/right-arrow-dark.svg');
    background-size:12px 8px;
    background-repeat:no-repeat;

    transition:all .2s cubic-bezier(.5, 1, 0.2, 2);
}
a.cta-simple-arrow:hover::before {
    transform:translateX(3px);
}

/* simple with arrow (light) */
a.cta-simple-arrow-light {
    position:relative;
    font-size:14px;
    color:#FFF7E6;
}
a.cta-simple-arrow-light:hover {
    text-decoration:none;
}
a.cta-simple-arrow-light::before {
    content:'';
    position:absolute;
    top:5px;
    right:-22px;
    width:15px;
    height:10px;

    background-image:url('icons/right-arrow-light.svg');
    background-size:12px 8px;
    background-repeat:no-repeat;

    transition:all .2s cubic-bezier(.5, 1, 0.2, 2);
}
a.cta-simple-arrow-light:hover::before {
    transform:translateX(3px);
}


/* BLOG POST
**************************************************/
/* edit link */
a.post-edit-link {
    display:block;
    width:max-content;
    position:relative;
    padding:5px 20px;
    margin:25px 0;
    font-size:18px;
    font-weight:400;
    border-radius:50px;
    color:#002111;
    background-color:#fff;
    transition:.25s ease;
}
a.post-edit-link:hover {
    text-decoration:none;
}

/* AUTHOR PAGE
**************************************************/
.author-desc-wrapper {
	margin:-7px auto 57px auto;
    max-width:727px;
    text-align:center;
}
/* author name */
.author-name {
	margin:0 20px;
	padding:0 0 9px 0;
}


/* SHOWING TAGS/CATEGORIES/SEACRH RESULTS/AUTHOR
**************************************************/
.showing {
    text-align:center;
}
.showing-inner {
    margin:0 20px;
}
.showing span {
    color:#888;
}
.showing span a {
    color:#888;
    text-decoration:underline;
}
.showing span a:hover {
    text-decoration:none;
}
.showing p a {
    color:#002111;
}
.tag-description {
	padding:0 0 17px 0;
}
.tag-description p {
	padding:0;
}


/* LISTS
**************************************************/
ul, ol {
	margin-bottom:20px;
}
.entry-content ul li {
	margin:0 12px 0 18px;
	text-align:left;
}

.entry-content ol li {
	margin: 0 12px 0 21px;
	text-align:left;
}



/* POSTS, PAGES
**************************************************/
.post {
	margin:0;
	padding:0;
}
/* mini divider */
.mini-divider {
	border-bottom:2px solid #252525;
	width:45px;
	margin:20px 0 28px 0;
}
.page-end-spacer {
	height:5px;
	display:block;
}


/* POST PAGINATION
**************************************************/
.link-pages p {
	font-size:13px;
	margin:0 20px 30px 0;
}
.link-pages a {
	text-decoration:underline;
	border-bottom:none;
}
.link-pages a:hover {
	text-decoration:none;
	background-color:transparent;
}


/* AUTHOR
**************************************************/
/* post author */
.post-author {
}
.post-author a {
	border-bottom:none;
	text-decoration:none;
}
.post-author a:hover {
	border-bottom:none;
	background:transparent;
	text-decoration:none;
}


/* TAGS
**************************************************/
.post-cat-tag {
    font-weight:400;
    margin-left:5px;
}
.post-cat-tag span {
    display:block;
}
.post-cat-tag a {
    font-size:15px;
	line-height:23px;
	margin:0;
	padding:0;
	border-bottom:none;
	
	text-decoration:underline;
	
	-webkit-transition:all .15s ease;
	-moz-transition:all .15s ease;
	transition:all .15s ease;
}
.post-cat-tag a:hover {
	text-decoration:none;
}


/* PREV/HOME/NEXT POST BUTTONS
**************************************************/
/* wrapper */
.prev-home-next-wrapper {
	clear:both;
	margin:-10px auto 0 auto;
	padding:0 0 5px 0;
	max-width:747px;
	text-align:center;
}
/* links */
.prev-home-next-wrapper a {
	margin:0;
	padding:0;
	font-size:14px;
	text-decoration:underline;
}
.prev-home-next-wrapper a:hover {
	text-decoration:none;
}
/* prev post */
.prev-home-next-wrapper .prev-post {
	padding-right:3px;
}
/* home */
.prev-home-next-wrapper .home-link {
	padding:0 7px 0 7px;
}
/* next post */
.prev-home-next-wrapper .next-post {
	padding-left:3px;
}


/* NAVIGATION (BLOG INDEX, CAT, etc.)
**************************************************/
.post-nav {
    display:block;
    width:max-content;
    margin:25px auto 0 auto;
}
.post-nav .prev,
.post-nav .next {
    width:47px;
    height:47px;
    margin:4px;
    border-radius:50px;
    display:inline-block;
    background-repeat:no-repeat;
    background-position:center center;
    cursor:pointer;
    outline:2px solid transparent;
    background-color:#fff !important;

    transition:all .15s ease;

    filter:drop-shadow(0px 4px 4px rgba(0,0,0,.1));
}
.post-nav .prev {
    float:left;
    background-image:url(icons/icon-arrow-left.svg);
}
.post-nav .next {
    background-image:url(icons/icon-arrow-right.svg);
}
.post-nav .prev:hover,
.post-nav .next:hover {
    outline:2px solid #fff;
}
.post-nav .prev:active,
.post-nav .next:active {
    -webkit-transform:scale(0.9);
    transform:scale(0.9);

    filter:drop-shadow(0px 1px 2px rgba(0,0,0,0.1));
}
.post-nav .prev.inactive,
.post-nav .next.inactive {
    pointer-events:none;
    opacity:.5;
}


/* POST FORMATTING
**************************************************/
img.alignleft, img.aligncenter, img.alignright, img.alignnone {
	padding:0;margin:0;
}
img.alignleft {
	padding-right:20px;
	padding-bottom:10px;
}
img.alignright {
	padding-left:20px;
	padding-bottom:10px;
}
img.aligncenter {
	margin:0 auto;
}
.alignleft {
	float:left;
	margin-right:30px;
}
.alignright {
	float:right;
	margin-left:30px;
}
.aligncenter {
	margin:0 auto;
	display:block;
}
.wp-caption {
	max-width:100%;
	margin:0;
	padding:0;
}
.wp-caption.alignleft {
	text-align:left;
}
.wp-caption.alignright {
	text-align:right;
}
.wp-caption.aligncenter {
	text-align:center;
}
.wp-caption img {
	margin:0;
	padding:0;
}
.wp-caption-text {
	position:relative;
	font-size:12px;
	line-height:18px;
	margin:10px 0 30px -1px;
	min-width:100%;
}
/* caption lines */
.wp-caption.alignnone .wp-caption-text::before,
.wp-caption.alignleft .wp-caption-text::before,
.wp-caption.alignright .wp-caption-text::before,
.wp-caption.aligncenter .wp-caption-text::before {
	content:'';
	display:block;
	width:88px;
	height:2px;
	position:absolute;
	top:-8px;
}
.wp-caption.alignnone .wp-caption-text::before,
.wp-caption.alignleft .wp-caption-text::before { left:-30px; }
.wp-caption.alignright .wp-caption-text::before { right:-31px; }
.wp-caption.aligncenter .wp-caption-text::before { margin:0 auto; left:0; right:0; }


/* CLEAR & ALIGNMENT
**************************************************/
.clear { clear:both; }
.left { float:left; }
.right { float:right; }
.textleft { text-align:left; }
.textright { text-align:right; }
.textcenter { text-align:center; }

/* clearfix */
.clearfix:after, #body:after, #footer:after, footer:after, .pagenav:after, #main-nav:after, .menu:after, .gallery:after
{ visibility: hidden; display: block; font-size: 0; clear: both; height: 0; }
.clearfix, #body, #footer, footer, .pagenav, #main-nav, .menu
{ display: inline-block; }
/* clearfix for ie7 */
.clearfix, #body, #footer, footer, .pagenav, #main-nav, .menu, .gallery
{ display: block; }


/* HERO BLOCK
**************************************************/
.cvk-block-hero {
    position:relative;
    z-index:90;
    min-height:900px;
    overflow:hidden;
    background-color:#221712;
}
.cvk-hero-bg-girl,
.cvk-hero-bg-boy {
    position:absolute;
    display:block;
    width:100%;
    min-height:inherit;
    opacity:0;

    filter:blur(25px);

    transition:1s ease;

    background-size:cover;
    background-position:right center;
    background-repeat:no-repeat;
}
.cvk-hero-bg-girl {
    background-image:url(images/cvk-hero-girl.jpg);
}
.cvk-hero-bg-boy {
    background-image:url(images/cvk-hero-boy.jpg);
}
.cvk-hero-bg-girl.active,
.cvk-hero-bg-boy.active {
    opacity:1;
    filter:blur(0);
}
.cvk-block-hero-inner {
    position:relative;
    max-width:1250px;
    min-height:inherit;
    margin:0 auto;
    padding:0 25px 0 35px;

    display:flex;
    align-items:center;
}

/* hero nav */
.hero-nav-wrapper {
    position:absolute;
    bottom:30px;
    right:20px;

    display:flex;
}
.hero-nav-wrapper > div {
    width:600px;
    height:100px;
    background-color:#000;
    margin-left:10px;
    padding-right:20px;
    border-radius:10px;

    font-size:15px;
    line-height:24px;
    color:#FFF7E6;

    background-color:rgba(0,0,0,.6);

    transition:all .25s ease;

    cursor:pointer;
}
.hero-nav-wrapper > div span {
    height:100%;
    display:flex;
    align-items:center;
    transition:all .5s ease;
}
.hero-nav-wrapper > div:last-of-type {
    width:515px;
}
.hero-nav-wrapper > div:hover span {
    opacity:1 !important;
}
.hero-nav-wrapper > div.active span {
    opacity:1;
}
.hero-nav-wrapper > div span {
    opacity:0.5;
}
.hero-nav-wrapper > div.active span {
    opacity:1;
}
.hero-nav-wrapper > div:hover,
.hero-nav-wrapper > div.active {
    background-color:rgba(0,0,0,.7);
}
.hero-nav-wrapper > div span .hero-nav-left {
    border-right:1px solid rgba(255,255,255,.6);
    padding:0 25px;
    margin-right:20px;
    height:80px;

    display:flex;
    align-items:center;
    flex-direction:row;
    flex-wrap:wrap;
}
.hero-nav-wrapper > div:first-of-type span .hero-nav-left {
    display:block;
    line-height:34px;
    padding-top:6px;
    font-size:13px;
    font-style:italic;  
}
.hero-nav-wrapper > div span .hero-nav-right {
    margin-top:-2px;
}

/* hero progress bar */
.cvk-hero-progress-wrapper {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:6px;
    background-color:rgba(159,204,185,0.6);
}
.cvk-hero-progress {
    width:0;
    height:inherit;
    background-color:#9FCCB9;
    animation:cvk-progress 10s linear infinite;
}

@keyframes cvk-progress {
    from { width:0; }
    to { width:100%; }
}

/* hero text */
.cvk-hero-text {
    position:relative;
    z-index:10;
    max-width:600px;
    margin:0 0 50px 0;
}
.cvk-hero-text h3 {
    font-family:Radley;
    font-weight:400;
    font-style:italic;
    color:#FFF7E6;
    font-size:76px;
    line-height:66px;
}
.cvk-hero-text > span {
    font-size:26px;
    line-height:38px;
    color:#FFF7E6;
    display:block;
    margin:20px 0 50px 0;
}

/* hero buttons wrapper */
.hero-buttons-wrapper {
    display:inline-flex;
    align-items:center;
}
.hero-buttons-wrapper .tel {
    color:#FFF7E6;
    font-weight:500;
    font-style:normal;
    margin-left:7px;
}
.hero-buttons-wrapper {
    color:#FFF7E6;
    font-style:italic;
}
.hero-buttons-wrapper .cta-button-outline-alt {
    margin-right:20px;
}



/* OVER ONS BLOCK
**************************************************/
.cvk-block-overons {
    position:relative;
    z-index:10;
    padding:85px 0;
    display:flex;
    justify-content:center;
    align-items:center;
}
.cvk-block-overons-inner {
    position:relative;
    width:1300px;
    margin:0 25px;
}

/* overons block background circle */
.cvk-block-overons::before {
    content:'';
    position:absolute;
    top:0;
    right:0;
    width:1200px;
    height:1200px;
    border-radius:50%;
    background-color:#F5F5E4;
    transform:translateY(-40%) translateX(50%);
}

/* overons front page content */
.overons-wrapper {
    display:flex;
    width:100%;
}
.overons-left-column {
    width:440px;
}
.overons-item {
    position:relative;
    display:flex;
    align-items:center;
    height:60px;
    font-size:16px;
    font-weight:500;
    color:#778379;
    padding:0 0 0 30px;
    margin-bottom:15px;
    cursor:pointer;
    border-radius:60px;
}
.overons-item:hover {
    background-color:rgba(0,0,0,.025);
}
.overons-item::before {
    content:'';
    position:absolute;
    top:20px;
    right:30px;
    width:20px;
    height:20px;
    opacity:0;

    background-image:url(icons/arrow-circle-filled.svg);
    background-size:auto auto;

    transition:right .25s ease;
}
.overons-item:hover::before,
.overons-item.active::before {
    right:20px;
    opacity:1;
}
.overons-item.active {
    color:#4C5D55;
    background-color:#D5DBCB;
}
.overons-right-column {
    flex:1;
    padding-left:50px;
}
#content-display {
    font-size:34px;
    line-height:150%;

    background:linear-gradient(to bottom, #579177 0%, #555B6E 100%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}
.overons-links {
    display:flex;
    align-items:center;
    color:#60756C;
    font-weight:600;
    font-style:italic;
    margin-top:40px;
}
.overons-links .cta-dark {
    margin-right:15px;
}
.overons-links .overons-link {
    font-weight:600;
    color:#60756C;
    font-style:normal;
    margin-left:7px;
}



/* VACATURES BLOCK
**************************************************/
.cvk-block-vacatures {
    position:relative;
    z-index:10;
    padding:40px 50px 50px 50px;
    display:flex;
    justify-content:center;
    align-items:center;
}
.cvk-block-vacatures-inner {
    position:relative;
    width:100%;
    max-width:1240px;
    box-sizing:border-box;
}

.vacatures-scroll-wrapper {
    position:relative;
    width:100%;
    box-sizing:border-box;
    padding:40px 0;

    border-top:1px solid rgba(0,0,0,.1);
    border-bottom:1px solid rgba(0,0,0,.1);
}
.vacatures-scroll-wrapper .scroll-left,
.vacatures-scroll-wrapper .scroll-right {
    position:absolute;
    z-index:10;
    left:-55px;
    top:50%;

    width:40px;
    height:40px;

    border:none;
    background-color:transparent;

    cursor:pointer;
    transform:translateY(-50%);
}
.vacatures-scroll-wrapper .scroll-left {
    background-image:url('icons/nav-left.svg');
    background-size:36px 36px;
    background-repeat:no-repeat;
}
.vacatures-scroll-wrapper .scroll-right {
    left:auto;
    right:-55px;

    background-image:url('icons/nav-right.svg');
    background-size:36px 36px;
    background-repeat:no-repeat;
}
.vacatures-scroll-wrapper .scroll-left:hover,
.vacatures-scroll-wrapper .scroll-right:hover {
    transition:all .2s cubic-bezier(.5, 1, 0.2, 2);
}
.vacatures-scroll-wrapper .scroll-left:hover {
    margin-left:-5px;
}
.vacatures-scroll-wrapper .scroll-right:hover {
    margin-right:-5px;
}

.vacatures-scroll-wrapper .scroll-left.inactive,
.vacatures-scroll-wrapper .scroll-right.inactive {
    opacity:0.5;
    pointer-events:none;
}
.vacatures-sub-wrapper {
    display:flex;
    justify-content:space-between;
    align-items:center;
    width:100%;
}
/* expertise content */
.vacatures-items-wrapper {
    width:100%;
    max-width:100%;
    display:flex;
    flex-wrap:nowrap;
    gap:40px;
    padding:0;
    margin:0;

    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    box-sizing:border-box;
    scrollbar-width:none;

    /* left/right gradients */
    --left-mask:linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,1) 100px);
    --right-mask:linear-gradient(to left, rgba(0,0,0,0), rgba(0,0,0,1) 100px);

    -webkit-mask-image:var(--left-mask), var(--right-mask);
    mask-image:var(--left-mask), var(--right-mask);
    -webkit-mask-composite:intersect;
    mask-composite:intersect;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
}
.vacatures-items-wrapper.inactive-left {
    --left-mask:none;
}
.vacatures-items-wrapper.inactive-right {
    mask-image:linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,1) 15%, rgba(0,0,0,1) 100%);
}
.vacatures-items-wrapper::-webkit-scrollbar {
    display:none;
}
.vacatures-items-wrapper li {
    position:relative;
    min-width:380px;
    height:60px;
    padding:0 40px;
    margin:0;
    text-align:center;
    list-style-type:none;

    transition:all .25s ease;
    flex:0 0 auto;
    box-sizing:border-box;
    border:1px solid #2A4D69;
    border-radius:8px;
}
.vacatures-items-wrapper li:hover {
    background-color:#2A4D69;
    border:1px solid #C0E9D7;
}

.vacatures-items-wrapper li a {
    width:100%;
    height:100%;

    display:flex;
    justify-content:center;
    align-items:center;
}
.vacatures-items-wrapper li a h3 {
    font-size:20px;
    line-height:26px;
    font-weight:400;
    color:#2A4D69;
    margin:0;
}
.vacatures-items-wrapper li:hover a h3 {
    color:#FFF7E6;
}
.vacatures-items-wrapper li:hover a {
    text-decoration: none;
}



/* VACATURES BANNER BLOCK
**************************************************/
.cvk-block-vacatures-banner {
    position:relative;
    z-index:10;
    padding:0;
    display:flex;
    justify-content:center;
    align-items:center;
}
.cvk-block-vacatures-banner-inner {
    position:relative;
    width:1365px;
    margin:0 25px 0 25px;
}

/* vacatured banner */
a.banner-wrapper {
    position:relative;
    width:100%;
    height:270px;
    border-radius:30px;
    display:block;
    overflow:hidden;

    background-image:url(images/vacatures-banner.jpg);
    background-size:cover;
    background-position:right center;
    background-repeat:no-repeat;
}
.banner-wrapper:hover {
    text-decoration:none;
}
.banner-wrapper::before {
    content:'';
    position:absolute;
    z-index:1;
    top:0;
    left:0;
    width:100%;
    height:100%;

    background:linear-gradient( to left,rgba(102, 102, 102, 0) 0%, rgba(3, 5, 1, 0.95) 65%);
}
a.banner-wrapper .banner-content {
    position:relative;
    z-index:3;
    max-width:650px;
    padding:50px 0 0 75px;

    font-weight:500;
    font-size:18px;
    line-height:120%;
    color:#FFF7E6;
}
a.banner-wrapper .banner-content span {
    font-weight:400;
    font-size:37px;
    line-height:116%;
    display:block;
    margin-bottom:10px;
}


/* COMPLAINTS / TREATMENTS BLOCK
**************************************************/
.cvk-block-complaints {
    position:relative;
    z-index:10;
    padding:75px 50px 125px 50px;
    display:flex;
    justify-content:center;
    align-items:center;
}
.cvk-block-complaints-inner {
    position:relative;
    width:100%;
    max-width:1240px;
    box-sizing:border-box;
}
.cvk-block-complaints-inner > h3 {
    font-family:Radley;
    font-weight:400;
    font-style:italic;
    font-size:42px;
    font-weight:56px;
    color:#555B6E;
}
.cvk-block-complaints-inner > p {
    font-size:18px;
    line-height:28px;
    color:#555B6E;
    margin-bottom:55px;
}

/* main wrappers are different, others use joint 'complaints' prefix */
.complaints-scroll-wrapper,
.treatments-scroll-wrapper {
    position:relative;
    width:100%;
    box-sizing:border-box;
    padding:20px 0;

    border-top:1px solid rgba(0,0,0,.1);
    border-bottom:1px solid rgba(0,0,0,.1);
}
.complaints-scroll-wrapper .scroll-left,
.complaints-scroll-wrapper .scroll-right,
.treatments-scroll-wrapper .scroll-left,
.treatments-scroll-wrapper .scroll-right {
    position:absolute;
    z-index:10;
    left:-55px;
    top:50%;

    width:40px;
    height:40px;
  
    border:none;
    background-color:transparent;
    cursor:pointer;

    transform:translateY(-50%);
}
.complaints-scroll-wrapper .scroll-right,
.treatments-scroll-wrapper .scroll-right {
    left:auto;
    right:-55px;
}
.complaints-scroll-wrapper .scroll-left.inactive,
.complaints-scroll-wrapper .scroll-right.inactive,
.treatments-scroll-wrapper .scroll-left.inactive,
.treatments-scroll-wrapper .scroll-right.inactive {
    opacity:0.5;
    pointer-events:none;
}
.complaints-scroll-wrapper .scroll-left,
.treatments-scroll-wrapper .scroll-left {
    background-image:url('icons/nav-left.svg');
    background-size:36px 36px;
    background-repeat:no-repeat;
}
.complaints-scroll-wrapper .scroll-right,
.treatments-scroll-wrapper .scroll-right {
    background-image:url('icons/nav-right.svg');
    background-size:36px 36px;
    background-repeat:no-repeat;
}
.complaints-scroll-wrapper .scroll-left:hover,
.complaints-scroll-wrapper .scroll-right:hover,
.treatments-scroll-wrapper .scroll-left:hover,
.treatments-scroll-wrapper .scroll-right:hover {
    transition:all .2s cubic-bezier(.5, 1, 0.2, 2);
}
.complaints-scroll-wrapper .scroll-left:hover,
.treatments-scroll-wrapper .scroll-left:hover {
    margin-left:-5px;
}
.complaints-scroll-wrapper .scroll-right:hover,
.treatments-scroll-wrapper .scroll-right:hover {
    margin-right:-5px;
}

.complaints-sub-wrapper {
    display:flex;
    justify-content:space-between;
    align-items:center;
    width:100%;
}
.complaints-sub-wrapper h3 {
    font-family:Radley;
    font-weight:400;
    font-style:italic;
    font-size:24px;
    line-height:120%;
    color:#555B6E;
    margin:10px 0 5px 0;
}
.complaints-sub-wrapper a {
    position:relative;
    font-size:14px;
    color:#2A4D69;
    margin-right:35px;
    margin-bottom:-5px;
}
.complaints-sub-wrapper a::before {
    background-image:url('icons/right-arrow-dark.svg');
    background-size:12px 8px;
    background-repeat:no-repeat;

    transition:all .25s ease;
}
.complaints-sub-wrapper a:hover {
    text-decoration:none;
}
.complaints-sub-wrapper a::before {
    content:'';
    position:absolute;
    top:5px;
    right:-22px;
    width:15px;
    height:10px;

    transition:all .2s cubic-bezier(.5, 1, 0.2, 2);
}
.complaints-sub-wrapper a:hover::before {
    transform:translateX(3px);
}

/* expertise content */
.complaints-items-wrapper {
    width:calc(100% + 40px);
    max-width:calc(100% + 40px);
    display:flex;
    flex-wrap:nowrap;
    gap:10px;
    padding-right:10px;

    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    box-sizing:border-box;
    scrollbar-width:none;

    /* left/right gradients */
    --left-mask:linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,1) 100px);
    --right-mask:linear-gradient(to left, rgba(0,0,0,0), rgba(0,0,0,1) 100px);

    -webkit-mask-image:var(--left-mask), var(--right-mask);
    mask-image:var(--left-mask), var(--right-mask);
    -webkit-mask-composite:intersect;
    mask-composite:intersect;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
}
.complaints-items-wrapper.inactive-left {
    --left-mask:none;
}
.complaints-items-wrapper.inactive-right {
    mask-image:linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,1) 15%, rgba(0,0,0,1) 100%);
}

.complaints-items-wrapper::-webkit-scrollbar {
    display:none;
}
.complaints-items-wrapper .complaints-item {
    position:relative;
    width:280px;
    height:240px;
    margin:10px 30px 10px 0;

    transition:all .25s ease;

    flex:0 0 auto;
    box-sizing:border-box;
}
.complaints-items-wrapper .complaints-item > a.complaints-item-link {
    display:block;
    width:100%;
    height:100%;
    padding:25px 40px 20px 25px;

    border-radius:10px;
    border:1px solid #2A4D69;
    background-color:transparent;
}
.complaints-items-wrapper .complaints-item:hover > a.complaints-item-link {
    display:block;
    text-decoration:none;
    width:calc(100% + 15px);
    height:calc(100% + 15px);
    margin-top:-7px;
    padding-right:50px;
    padding-bottom:30px;

    border:1px solid #C0E9D7;
    background-color:#2A4D69;
}
.complaints-items-wrapper .complaints-item h3 {
    font-family:Radio Canada Big;
    font-weight:400;
    font-size:22px;
    line-height:26px;
    font-style:normal;
    color:#2A4D69;
}
.complaints-items-wrapper .complaints-item:hover h3 {
    color:#FFF7E6;
}
.complaints-items-wrapper .complaints-item p {
    opacity:0;
    color:#FFF7E6;
    margin-top:-5px;
    font-size:15px;
    line-height:21px;

    transform:translateY(5px);
    transition:all .35s ease;
}
.complaints-items-wrapper .complaints-item:hover p {
    opacity:1;
    transform:translateY(0);
}

/* expertise section CTA button */
.complaints-items-wrapper .expertise-link {
    position:absolute;
    right:25px;
    bottom:25px;
    z-index:1;
    text-decoration:none;
    font-weight:600;
    font-size:13px;
    color:#2A4D69;
    padding:10px 20px 10px 20px;
    outline:1px solid #2A4D69;

    border-radius:50px;
    display:inline-block;

    transition:all .25s ease;
}
.complaints-items-wrapper .complaints-item:hover .expertise-link {
    right:5px;
    bottom:10px;
    text-decoration:none;
    color:#FFF7E6;
    outline-color:#FFF7E6;
}


/* SERVICES BLOCK
**************************************************/
.cvk-block-services {
    position:relative;
    z-index:10;
    height:790px;
    min-height:350px;
    padding:0 25px 0 25px;
    
    display:flex;
    justify-content:left;
    align-items:center;

    background:linear-gradient(to bottom, #3C4769 16%, #242B40 100%);
}
.cvk-block-services-inner {
    position:relative;
    width:1250px;
    height:inherit;
    min-height:inherit;
    margin:0 auto;
    font-size:19px;

    display:flex;
    align-items:flex-start;
}
.cvk-services-content {
    max-width:605px;
    color:#E7E5DE;
    margin:70px 0 70px 15px;
}
.cvk-services-content h3 {
    padding:0;
}
.cvk-services-content .cvk-block-title {
    font-family:Radley;
    font-weight:400;
    font-style:italic;
    font-size:43px;
    line-height:145%;
    color:#FFF7E6;
}
.cvk-services-content > span {
    display:block;
    margin:15px 0 40px 0;

    font-size:18px;
    line-height:160%;
    color:#FFF7E6;
}
/* services Q&A */
.services-items-wrapper {
    width:100%;
    padding:0 0 40px 0;
}
.services-items-wrapper .services-item:first-child {
    border-top:1px solid #FFF7E6;
}
.services-item {
    position:relative;
    padding:0;
    border-bottom:1px solid #FFF7E6;
}
.services-question {
    font-weight:600;
    font-size:18px;
    line-height:145%;
    color:#FFF7E6;
    cursor:pointer;
    padding:18px 0 20px 45px;

    -webkit-transition:.2s ease;
    transition:.2s ease;
}
.services-question:hover {
    color:#fff;
}
.services-answer {
    color:#FFF7E6;
    font-size:16px;
    line-height:160%;
    padding:0 30px 25px 45px;
}
.services-answer a {
    display:block;
    width:fit-content;
    margin-top:15px;
}
/* services toggle item */
.services-toggle {
    pointer-events:none;
    position:absolute;
    top:17.5px;
    left:3px;
    width:25px;
    height:25px;
    background-image:url(icons/icon-circle-plus.svg);
    background-repeat:no-repeat;
}
.services-item.active .services-toggle {
    background-image:url(icons/icon-circle-minus.svg);
}
/* different font sizes for buttons */
.cvk-services-content .button-light {
    font-size:18px;
    font-weight:400;
}
.services-items-wrapper .button-light {
    font-size:16px;
}

/* toggle boxes closed by default */
.services-answer { display:none; }
/* first toggle box open by default */
.services-item:first-child .services-answer { display:block; }

/* services image */
.cvk-services-image {
    position:absolute;
    bottom:0;
    right:-50px;
    width:650px;
    height:100%;

    display:flex;
    flex-direction:column;
    justify-content:flex-end;
}
.cvk-services-image img {
    margin:0 auto;

    /* hide by default */
    display:none;
}
.cvk-services-image img.services-img-01 { max-width:660px; }
.cvk-services-image img.services-img-02 { max-width:400px; }
.cvk-services-image img.services-img-03 { max-width:485px; }
.cvk-services-image img.services-img-04 { max-width:420px; }
.cvk-services-image img.services-img-05 { max-width:370px; }


/* APPROACH BLOCK
**************************************************/
.cvk-block-approach {
    position:relative;
    z-index:10;
    min-height:800px;

    display:flex;
    justify-content:center;

    font-size:16px;
    line-height:160%;
    color:#49764B;

    background-color:#E7E5DE;
}
.cvk-block-approach-inner {
    width:1250px;
    margin:0 25px;
}
.cvk-approach-content {
    max-width:775px;
    font-size:19px;
    line-height:160%;
    padding:75px 0 100px 0;
    margin:0 auto;
    text-align:center;
    color:#002111;
}
.cvk-approach-content > span {
    display:block;
    margin-top:20px;
}
.cvk-approach-steps {
    position:relative;
    width:100%;
    display:flex;
    justify-content:space-around;
}
/* steps line */
.approach-steps-line {
    position:absolute;
    left:0;
    right:0;
    width:100%;
    margin:0 auto;
    height:1px;
    background-color:#49764B;
}
/* hide steps line overlaps */
.approach-step-01 .approach-step::after {
    content:'';
    position:absolute;
    z-index:-1;
    top:20px;
    right:50%;
    background-color:#E7E5DE;
    width:500px;
    height:20px;

    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
}
.approach-step-08 .approach-step::after {
    content:'';
    position:absolute;
    z-index:-1;
    top:20px;
    left:50%;
    background-color:#E7E5DE;
    width:500px;
    height:20px;

    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
}
/* individual steps */
.approach-number {
    position:absolute;
    width:80px;
    text-align:center;
    top:20px;
    left:-100px;
    font-family:"termina", sans-serif;
    font-weight:700;
    font-size:100px;
    color:#D3D1C8;
}
.cvk-approach-steps .approach-step {
    position:relative;
    z-index:20;
    top:-20px;
    width:auto;
    text-align:center;
    cursor:pointer;
    padding:40px 5px 10px 5px;
    font-size:16px;
}
.cvk-approach-steps .approach-step::before {
    content:'';
    position:absolute;
    top:20px;
    left:0;
    right:0;
    width:15px;
    height:15px;
    display:block;
    border-radius:50px;
    margin:-7px auto 10px auto;

    box-sizing:border-box;

    background-color:#E7E5DE;
    border:2px solid #49764B;

    transition:all .15s ease;
}
.approach-step:hover::before,
.approach-step-wrapper.active .approach-step::before {
    background-color:#49764B;
}
.approach-step-wrapper {
    user-select:none;
}
.approach-step-wrapper.active .approach-step {
    pointer-events:none;
}
/* hide approach step content by default */
.approach-step-content {
    position:absolute;
    top:100px;
    left:75px;
    max-width:810px;
    margin-left:100px;
    margin-right:250px;
    margin-top:15px;
    opacity:0;
    
    -webkit-transition:all 0 ease;
    transition:all 0 ease;
}
/* display first approach step by default */
.approach-step-wrapper.active .approach-step-content {
    margin-top:0;
    opacity:1;

    -webkit-transition:all .5s ease, opacity .25s ease;
    transition:all .5s ease, opacity .25s ease;
}
.approach-step-content .cvk-step-title {
    font-size:18px;
    line-height:145%;
    margin-bottom:15px;
}
/* approach nav arrows */
.cvk-approach-arrows {
    position:absolute;
    top:100px;
    right:75px;
    width:150px;
    height:30px;
    text-align:right;
    user-select:none;
}
.cvk-approach-arrow-left,
.cvk-approach-arrow-right {
    width:47px;
    height:47px;
    margin:4px;
    border-radius:50px;
    display:inline-block;
    background-repeat:no-repeat;
    background-position:center center;
    cursor:pointer;
    outline:2px solid transparent;
    background-color:#fff;

    transition:all .15s ease;

    filter:drop-shadow(0px 4px 4px rgba(0,0,0,.1));
}
.cvk-approach-arrow-left {
    background-image:url(icons/icon-arrow-left.svg);
}
.cvk-approach-arrow-right {
    background-image:url(icons/icon-arrow-right.svg);
}
.cvk-approach-arrow-left:hover,
.cvk-approach-arrow-right:hover {
    outline:2px solid #fff;
}
.cvk-approach-arrow-left:active,
.cvk-approach-arrow-right:active {
    -webkit-transform:scale(0.9);
    transform:scale(0.9);

    filter:drop-shadow(0px 1px 2px rgba(0,0,0,0.1));
}
/* disable arrow Left/right buttons when on first or last item */
.cvk-approach-arrow-left.disabled,
.cvk-approach-arrow-right.disabled {
    opacity:.5;
    pointer-events:none;
}
/* customize */
.approach-buttons-wrapper {
    display:inline-flex;
    align-items:center;
    margin-top:40px;
}
.approach-buttons-wrapper .button-phone-call {
    margin-left:25px;
    color:#E14C0F;
    background-image:url(icons/icon-phone-orange.svg);
}



/* FAQ BLOCK
**************************************************/
.cvk-block-faq {
    position:relative;
    z-index:10;
    padding:85px 50px 125px 50px;

    display:flex;
    align-items:center;
    justify-content:center;
}
.cvk-block-faq-inner {
    width:1300px;
    margin:0 auto;
}
/* toggle boxes closed by default */
.faq-answer { display:none; }

/* FAQ wrapper */
.faq-items-wrapper {
    max-width:800px;
    margin:0 auto;
}
/* FAQ content */
.cvk-faq-content {
    display:flex;
    justify-content:left;
    align-items:center;
    margin-bottom:25px;
}
.cvk-faq-content h2 {
    font-family:Radley;
    font-weight:400;
    font-style:italic;
    font-size:42px;
    color:#555B6E;
    margin:0 0 0 10px;
}
.cvk-faq-content a {
    display:inline-flex;
    justify-content:right;

    font-size:18px;
    font-weight:400;
    color:#555B6E;
    text-decoration:underline;
    margin:10px 20px 0 auto;

    -webkit-transition:.2s ease;
    transition:.2s ease;
}
.cvk-faq-content a:hover {
    text-decoration:none;
}
/* Q&A */
.faq-items-wrapper .faq-item:nth-child(2) {
    border-top:1px solid #BBBAB2;
}
.faq-item {
    position:relative;
    font-size:22px;
    color:#555B6E;
    padding:0 0 0 0;
    border-bottom:1px solid #BBBAB2;
}
.faq-question {
    cursor:pointer;
    padding:20px 0 20px 10px;

    -webkit-transition:.2s ease;
    transition:.2s ease;
}
.faq-question:hover,
.faq-item.active .faq-question {
    font-weight:700;
}
.faq-answer {
    font-size:18px;
    line-height:150%;
    padding:0 75px 25px 10px;
}
.faq-answer a {
    display:block;
    width:fit-content;
    color:#002111;
    margin-top:15px;
}
/* faq toggle item */
.faq-toggle {
    position:absolute;
    top:17.5px;
    right:10px;
    width:25px;
    height:25px;
    pointer-events:none;
}
.faq-toggle::before {
    content:'+';
    position:absolute;
    top:2px;
}
.faq-question:hover .faq-toggle::before {
    color:#555B6E;
}
.faq-item.active .faq-toggle::before {
    content:'-';
    margin-left:3px;
    margin-top:-1px;
}
    

/* CALLOUT BLOCK
**************************************************/
.cvk-block-callout {
    position:relative;
    z-index:10;

    display:flex;
    justify-content:center;
    align-items:center;
}
.cvk-block-callout-inner {
    width:1300px;
    margin:65px 25px 125px 25px;
    text-align:center;
}

.cvk-callout-content {
    display:flex;
    border:1px solid rgba(0,0,0,0.3);
    border-radius:20px;
    padding:25px 30px 25px 0;
    margin:0 25px;
}
.callout-img img {
    display:block;
    width:100%;
    max-width:586px;
    height:auto;
    margin:30px 40px;
    opacity:.7;
}
.callout-text {
    flex:1;
    text-align:left;
    padding:20px 30px 20px 50px;
    border-left:1px solid rgba(0,0,0,0.2);
}
.callout-text h3 {
    max-width:465px;

    font-family:Radley;
    font-weight:400;
    font-style:italic;
    font-size:52px;
    line-height:46px;
    color:rgba(0,0,0,.5);
}
.callout-text p {
    max-width:465px;
    margin:30px 0 60px 0;

    font-size:18px;
    line-height:28px;
    color:rgba(0,0,0,.5);
}

@media (max-width: 768px) {
    .cvk-callout-content {
        flex-direction: column;
    }
}
  


/* /REVIEWS PAGE
**************************************************/
.cvk-reviews-main {
    position:relative;
    z-index:10;
    
    display:flex;
    justify-content:center;
    align-items:center;

    background-color:#EAEAEA;
}
.cvk-reviews-main-inner {
    position:relative;
    width:1300px;
    margin:0 50px;
    padding:275px 0 75px 0;
}
.cvk-reviews-main-inner h1 {
    font-size:38px;
    font-weight:400;
    color:#3B3C3C;
}



/* /VACATURES PAGE
**************************************************/
.cvk-block-vacatures-main {
    position:relative;
    z-index:10;
    
    display:flex;
    justify-content:center;
    align-items:center;
}
.cvk-block-vacatures-main-inner {
    position:relative;
    width:625px;
    margin:0 50px;
    padding:75px 0;
}

.cvk-block-vacatures-main-inner h1 {
    font-size:30px;
    line-height:130%;
    font-weight:400;
    color:#002111;
    margin-bottom:20px;
}
.cvk-block-vacatures-main-inner p {
    font-size:16px;
    line-height:160%;
    font-weight:300;
    color:#002111;
    padding-bottom:10px;
}
.cvk-block-vacatures-main-inner .entry-content-wrapper a {
    color:#002111;
    text-decoration:underline;
}
.cvk-block-vacatures-main-inner .entry-content-wrapper a:hover {
    color:#FF5201;
    text-decoration:none;
}

/* /vacatures section hero images */
.cvk-vacatures-main,
.cvk-vacatures-job {
    position:relative;
    z-index:20;

    height:600px;

    display:flex;
    justify-content:center;
    align-items:center;

    background-size:cover;
    background-position:center;
}
.cvk-vacatures-main {
    background-image:url('images/vacatures-main.jpg');
}
.cvk-vacatures-job {
    background-image:url('images/vacatures-job.jpg');
}
.cvk-vacatures-hero-inner {
    width:1220px;
    margin:0 50px;
}
.cvk-vacatures-hero-inner h2 {
    max-width:600px;
    font-weight:400;
    font-size:37px;
    line-height:115%;
    color:#FFF7E6;
    margin:60px 0 0 0;
}
.cvk-vacatures-hero-inner p {
    max-width:540px;
    font-size:18px;
    line-height:120%;
    font-weight:500;
    color:#FFF7E6;
}
.cvk-block-vacatures-main-inner h1 {
    font-family:Radley;
    font-size:42px;
    font-weight:400;
    font-style:italic;
    color:#555B6E;
}
.cvk-block-vacatures-main-inner p {
    font-size:18px;
    line-height:28px;
    font-weight:400;
    color:#555B6E;
}
.cvk-block-vacatures-main-inner a {
    color:#555B6E;
}
.cvk-block-vacatures-main-inner ul {
    font-size:18px;
}

/* job listing container (on /vacatures) */
.cvk-block-vacatures-main-inner .job_listing {
    list-style:none;
    border-top:1px solid #C1C1C1;
    padding:25px 0 30px 0;
}
.cvk-block-vacatures-main-inner .job_listing:first-of-type {
    margin-top:30px;
}
.cvk-block-vacatures-main-inner .job_listing:last-of-type {
    border-bottom:1px solid #C1C1C1;
    margin-bottom:75px;
}
.cvk-block-vacatures-main-inner .job-header {
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.cvk-block-vacatures-main-inner .job-title h3 {
    font-size:22px;
    font-weight:600;
    color:#555B6E;
}
.cvk-block-vacatures-main-inner .job-type {
    margin:-11px 5px 0 0;
    padding:0;
}
.cvk-block-vacatures-main-inner .job-type ul {
    padding:0;
    margin:0;
    list-style-type:none;
}
.cvk-block-vacatures-main-inner .job-type .job-type-item {
    font-size:14px;
    font-weight:400;
    color:#555B6E;
    width:max-content;
}
.cvk-block-vacatures-main-inner .job-description {
    font-size:16px;
    line-height:28px;
    color:#555B6E;
    margin-top:5px;
}
.cvk-block-vacatures-main-inner .job_listing a:hover h3 {
    color:#EA5925;
}
.cvk-block-vacatures-main-inner .job_listing a:hover {
    text-decoration:none;
}

/* hide job meta (on single listing page) */
.job-listing-meta {
    display:none;
}



/* FOOTER BLOCK
**************************************************/
.cvk-block-footer {
    position:relative;
    z-index:10;
    padding:80px 0 20px 0;
    background-color:#2B2D37;

    display:flex;
    justify-content:center;
    align-items:center;
}
.cvk-block-footer-inner {
    width:1300px;
    margin:0 75px 155px 75px;
}

/* footer content */
.cvk-footer-wrapper {
    display:flex;
}
/* footer left side content */
.cvk-footer-left {
    flex:0 1 650px;
}
.cvk-footer-left h3 {
    font-family:Radley;
    font-weight:400;
    font-style:italic;
    font-size:76px;
    line-height:66px;
    color:#FFF7E6;
}
.cvk-footer-left p {
    font-family:Radio Canada Big;
    font-weight:400;
    font-size:18px;
    line-height:160%;
    color:#FFF7E6;
    padding-right:50px;
}
.cvk-footer-left p {
    margin-top:35px;
    margin-bottom:55px;
}
.cvk-footer-left p strong {
    display:block;
}
.cvk-footer-left a.cta-button-outline-light-alt {
    margin-right:18px;
}

/* extra content in box */
.cvk-footer-extra {
    max-width:680px;
    border-radius:10px;
    padding:5px 80px 15px 45px;
    margin-top:70px;
    background-color:rgba(0,0,0,0.1);
}
.show-on-mobile .cvk-footer-extra {
    padding:5px 20px 15px 20px;
}
.cvk-footer-extra p,
.cvk-footer-extra p a {
    font-family:Radio Canada Big;
    font-weight:400;
    font-size:12px;
    line-height:160%;
    color:#FFF7E6;
    padding:20px 0;
    margin:0;
}
.cvk-footer-extra p:first-of-type,
.cvk-footer-extra p:nth-of-type(2) {
    border-bottom:1px solid rgba(255,255,255,.12);
}

/* footer right side content */
.cvk-footer-right {
    flex:1;
    display:flex;
    align-items: flex-end;
    flex-direction:column;
}
.cvk-footer-right-inner {
    display:flex;
    flex-direction:row;
}
.cvk-footer-right-inner .job-count { display:none; }
.cvk-footer-right-links {
    width:auto;
    padding:0;
    margin:0 75px 0 50px;
}
.cvk-footer-right ul,
.cvk-footer-right ul li {
    list-style-type:none;
    margin:0;
    padding:0;
}
.cvk-footer-right a {
    display:block;
    font-size:22px;
    line-height:200%;
    color:#95928F;
}

/* footer final strip */
.cvk-footer-fin {
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:120px;
    padding:0 40px 0 35px;

    display:flex;
    justify-content:left;
    align-items:center;

    background-color:#1A1B21;
}
.cvk-footer-fin span:nth-child(2) {
    margin:0 0 0 auto;
}
.cvk-footer-fin,
.cvk-footer-fin a {
    font-size:15px;
    color:#FFF7E6;
}





/* FOOTER MENU
**************************************************/
/* footer menus */
.cvk-block-footer-column h4 {
    font-size:17px;
    color:#fff;
    margin-top:10px;
}
.cvk-block-footer-column ul,
.cvk-block-footer-column ul li {
    position:relative;
    list-style-type:none;
    margin:0;
    padding:0;
}



/* REVIEWS BLOCK
**************************************************/
.cvk-block-reviews {
    position:relative;
    z-index:auto;
    padding:65px 25px 75px 25px;
    display:flex;

    background-color:#EAEAEA;
}
.cvk-block-reviews-inner {
    width:100%;
    max-width:1250px;
    margin:0 auto;
    font-size:16px;

    display:flex;
    flex-direction:column;
    justify-content:center;
}
.cvk-block-reviews-inner h2 {
    font-size:30px;
    font-weight:400;
    margin-bottom:10px;
}
.cvk-reviews-content {
    max-height:315px;
    margin-top:20px;
}






/* OVER ONS PAGE
**************************************************/
.cvk-block-overons-main {
    position:relative;
    z-index:10;
    
    display:flex;
    justify-content:center;
    align-items:center;
}
.cvk-block-overons-main-inner {
    width:1240px;
    margin:0 35px;
    padding:50px 0 100px 0;

    font-size:22px;
    line-height:160%;
}
.page-template-page-overons-child .cvk-block-overons-main-inner,
.page-template-page-overons-team .cvk-block-overons-main-inner {
    padding-top:185px;
}

/* overons page background circle */
.cvk-block-overons-main::before {
    content:'';
    position:absolute;
    z-index:-1;
    top:0;
    right:0;
    width:1200px;
    height:1200px;
    border-radius:50%;
    background-color:#F5F5E4;
    transform:translateY(100px) translateX(50%);
}
/* adjust main over ons page circle position */
.page-template-page-overons .cvk-block-overons-main::before {
    transform:translateY(-100px) translateX(50%);
}

/* overons page video */
.overons-video-wrapper {
    position:relative;
    z-index:20;
    width:100%;
    margin:0 auto;
    padding:0;
}
.overons-video {
    position:relative;
    max-width:inherit;
    height:900px;
    margin:0 auto;
}
.overons-video .video-container {
    z-index:1;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#000;
}
.overons-video .video-container video {
    width:100%;
    height:100%;
    position:relative;
    object-fit:cover;
    z-index:0;
}

/* content below video */
.cvk-overons-content-columns {
    display:flex;
    flex-wrap:wrap;
    align-items:flex-start;
}
/* left column */
.cvk-overons-child-left {
    flex:1 1 0%;
    min-width:0;
    max-width:640px;
    margin-right:50px;
}
.cvk-overons-child-left .entry-content {
    margin-bottom:50px;
}
.cvk-overons-child-left h1 {
    font-family:Radley;
    font-style:italic;
    font-size:42px;
    line-height:56px;
    color:#555B6E;
    margin:0;
}
.cvk-overons-child-left article p {
    font-family:Radio Canada Big;
    font-weight:400;
    font-size:18px;
    line-height:28px;
    color:#555B6E;
}
.cvk-overons-child-left article ul {
    font-size:18px;
    line-height:28px;
    color:#555B6E;
    padding-left:20px;
}

/* right column */
.cvk-overons-child-right {
    max-width:460px;
    width:100%;
    flex:0 0 auto;
    margin:30px 0 0 auto;
    text-align:right;
}


/* team menu */
.cvk-overons-child-right h3 {
    position:relative;
    font-size:17px;
    font-weight:500;
    color:#555B6E;
    padding:0 0 10px 5px;
    text-align:left;
    border-bottom:1px solid rgba(0,0,0,.1);
    cursor:pointer;
}
.cvk-overons-child-right h3::after {
    content:'';
    position:absolute;
    top:10px;
    right:10px;
    width:15px;
    height:10px;
    transform:rotate(90deg);

    background-image:url('icons/right-arrow-dark.svg');
    background-size:12px 8px;
    background-repeat:no-repeat;
}
.cvk-overons-child-right ul.ons-team-menu {
    margin:15px 0 10px 0;
    padding:0;
}
.cvk-overons-child-right ul.ons-team-menu li {
    text-align:left;
    list-style-type:none;
    height:120px;
    border:none;
}
.cvk-overons-child-right ul.ons-team-menu li a {
    display:inline;
    width:100%;
    height:100%;
    color:#60756B;

    display:flex;
    align-items:left;
    justify-content:center;
    flex-direction:column;
    flex-wrap:wrap;
}
.cvk-overons-child-right ul.ons-team-menu li a:hover {
    text-decoration:none;
    color:#3A4641;
}

ul.ons-team-menu li a div {
    position:relative;
}
/*
ul.ons-team-menu li a div::after {
    content:'';
    position:absolute;
    top:0;
    left:6px;
    width:100px;
    height:100px;
    border-radius:100px;
    background-color:rgba(0, 255, 0, 0.1);
    opacity:0;

    transition:all .25s ease;
}
ul.ons-team-menu li a:hover div::after {
    opacity:1;
}
*/
.cvk-overons-child-right ul.ons-team-menu li a img {
    margin:0 24px 0 6px;
    padding:0;
    width:100px;
    height:100px;

    outline:6px solid transparent;
    border-radius:50%;

    filter:grayscale(100%);

    transition:all .25s ease;
}
ul.ons-team-menu li.team-active a img {
    filter:grayscale(25%);
}
.cvk-overons-child-right ul.ons-team-menu li a:hover img {
    outline:6px solid rgba(192,233,215,.5);
    filter:grayscale(25%);
}
.cvk-overons-child-right ul.ons-team-menu li a span {
    display:inline;
    width:calc(100% - 130px);
    height:100%;

    display:flex;
    justify-content:flex-start;
    padding-top:25px;
    flex-direction:column;
}
.cvk-overons-child-right ul.ons-team-menu li a h4 {
    font-family:Radley;
    font-weight:400;
    font-style:italic;
    font-size:27px;
    margin-bottom:5px;
    color:#60756B;
}
.cvk-overons-child-right ul.ons-team-menu li a:hover h4 {
    color:#3A4641;
}
.cvk-overons-child-right ul.ons-team-menu li a p {
    margin:0;
    font-size:14px;
    line-height:24px;
    max-width:300px;
}

/* child menu */
.cvk-overons-child-right ul.overons-child-menu {
    margin:15px 0 10px 0;
    padding:0;
}
.cvk-overons-child-right ul.overons-child-menu li {
    text-align:left;
    list-style-type:none;
    padding-left:10px;
    height:45px;
    border-bottom:1px solid rgba(0,0,0,.15);
}
.cvk-overons-child-right ul.overons-child-menu li a {
    position:relative;
    font-size:16px;
    color:#555B6E;
    height:100%;
    display:flex;
    align-items:center;
}
.cvk-overons-child-right ul.overons-child-menu li a:hover {
    text-decoration:none;
}
.cvk-overons-child-right ul.overons-child-menu li a.overons-current {
    font-weight:700;
}

/* active team member */
.team-active a {
    pointer-events:none !important;
}
.team-active a div::after {
    opacity:1 !important;
}
.team-active a h4 {
    color:#3A4641 !important;
}
.team-active a img {
    outline:6px solid rgba(192,233,215,.5) !important;
}
.team-active a {
    color:#3A4641 !important;
}

/* overons menu hover */
.overons-child-menu li a::before {
    content:'';
    position:absolute;
    top:18px;
    right:10px;
    width:15px;
    height:10px;
    opacity:0;

    background-image:url('icons/right-arrow-dark.svg');
    background-size:12px 8px;
    background-repeat:no-repeat;

    transition:all .2s cubic-bezier(.5, 1, 0.2, 2);
}
.overons-child-menu li a:hover::before {
    transform:translateX(5px);
    opacity:1;
}

.cvk-overons-child-right .cta-simple-arrow {
    margin-right:20px;
}



/* KLACHTEN PAGE
**************************************************/
.cvk-block-klachten-main {
    position:relative;
    z-index:10;
    
    display:flex;
    justify-content:center;
    align-items:center;
}
.cvk-block-klachten-main-inner {
    width:1240px;
    margin:0 35px;
    padding:225px 0 40px 0;

    font-size:22px;
    line-height:160%;
}

/* klachten page background circle */
.cvk-block-klachten-main::before {
    content:'';
    position:absolute;
    z-index:-1;
    top:0;
    right:0;
    width:1200px;
    height:1200px;
    border-radius:50%;
    background-color:#F5F5E4;
    transform:translateY(100px) translateX(50%);
}

.cvk-block-klachten-main-inner h1 {
    font-family:Radley;
    font-style:italic;
    font-size:42px;
    line-height:56px;
    color:#555B6E;
    margin:0;
}
.cvk-block-klachten-main-inner article p {
    font-family:Radio Canada Big;
    font-weight:400;
    font-size:18px;
    line-height:28px;
    color:#555B6E;
}

/* /klachten adjustments */
.page-template-page-klachten .complaints-items-wrapper {
    width:100%;
    gap:30px;
    max-width:100%;
    flex-wrap:wrap;
    mask:none;
    padding-right:0;
    overflow:visible;
}
.page-template-page-klachten .complaints-items-wrapper .complaints-item {
    flex:1 1 calc(25% - 30px);
    margin:0;
}
.page-template-page-klachten .complaints-sub-wrapper a {
    margin:15px 40px 0 auto;
}
.page-template-page-klachten .cvk-block-complaints {
    padding-top:10px;
}


/* KLACHTEN PAGE (child)
**************************************************/
.cvk-block-klachten-child-main {
    position:relative;
    z-index:10;
    
    display:flex;
    justify-content:center;
    align-items:center;
}
.cvk-block-klachten-child-main-inner {
    width:1240px;
    margin:0 35px;
    padding:185px 0 150px 0;

    font-size:22px;
    line-height:160%;

    display:flex;
    flex-direction:column;
}

/* klachten child page background circle */
.cvk-block-klachten-child-main::before {
    content:'';
    position:absolute;
    z-index:-1;
    top:0;
    right:0;
    width:1200px;
    height:1200px;
    border-radius:50%;
    background-color:#F5F5E4;
    transform:translateY(100px) translateX(50%);
}

.cvk-klachten-content-columns {
    display:flex;
    flex-wrap:wrap;
    align-items:flex-start;
}

/* left column */
.cvk-klachten-child-left {
    flex:1 1 0%;
    min-width:0;
    max-width:640px;
    margin-right:50px;
}
.cvk-klachten-child-left .entry-content {
    margin-bottom:50px;
}
.cvk-klachten-child-left h1 {
    font-family:Radley;
    font-style:italic;
    font-size:42px;
    line-height:56px;
    color:#555B6E;
    margin:0;
}
.cvk-klachten-child-left article p {
    font-family:Radio Canada Big;
    font-weight:400;
    font-size:18px;
    line-height:28px;
    color:#555B6E;
}
.cvk-klachten-child-left article ul {
    font-size:18px;
    line-height:28px;
    color:#555B6E;
    padding-left:0;
}
@media (max-width: 500px) {
    .cvk-klachten-child-left article ul {
        font-size:16px;
        line-height:24px;
    }
}

/* right column */
.cvk-klachten-child-right {
    max-width:460px;
    width:100%;
    flex:0 0 auto;
    margin:0 0 0 auto;
    text-align:right;
}
.cvk-klachten-child-right ul {
    margin:15px 0 10px 0;
    padding:0;
}
.cvk-klachten-child-right ul li {
    list-style-type:none;
    padding-left:10px;
    height:45px;
    border-bottom:1px solid rgba(0,0,0,.15);
}
.cvk-klachten-child-right ul li a {
    position:relative;
    font-size:16px;
    color:#555B6E;
    height:100%;
    display:flex;
    align-items:center;
}
.cvk-klachten-child-right ul li a:hover {
    text-decoration:none;
}
/* klachten menu hover */
ul.klachten-child-list li a::before {
    content:'';
    position:absolute;
    top:18px;
    right:10px;
    width:15px;
    height:10px;
    opacity:0;

    background-image:url('icons/right-arrow-dark.svg');
    background-size:12px 8px;
    background-repeat:no-repeat;
   
    transition:all .2s cubic-bezier(.5, 1, 0.2, 2);
}
ul.klachten-child-list li a:hover::before {
    transform:translateX(5px);
    opacity:1;
}

.cvk-klachten-child-right .cta-simple-arrow {
    margin-right:20px;
}


/* BEHANDELINGEN PAGE
**************************************************/
.cvk-block-behandelingen-main {
    position:relative;
    z-index:10;
    
    display:flex;
    justify-content:center;
    align-items:center;
}
.cvk-block-behandelingen-main-inner {
    width:1240px;
    margin:0 35px;
    padding:225px 0 40px 0;

    font-size:22px;
    line-height:160%;
}

/* behandelingen page background circle */
.cvk-block-behandelingen-main::before {
    content:'';
    position:absolute;
    z-index:-1;
    top:0;
    right:0;
    width:1200px;
    height:1200px;
    border-radius:50%;
    background-color:#F5F5E4;
    transform:translateY(100px) translateX(50%);
}

.cvk-block-behandelingen-main-inner h1 {
    font-family:Radley;
    font-style:italic;
    font-size:42px;
    line-height:56px;
    color:#555B6E;
    margin:0;
}
.cvk-block-behandelingen-main-inner article p {
    font-family:Radio Canada Big;
    font-weight:400;
    font-size:18px;
    line-height:28px;
    color:#555B6E;
}

/* /behandelingen adjustments */
.page-template-page-behandelingen .complaints-items-wrapper {
    width:100%;
    gap:30px;
    flex-wrap:wrap;
    mask:none;
    padding-right:0;
    overflow:visible;
}
.page-template-page-behandelingen .complaints-items-wrapper .complaints-item {
    flex:1 1 calc(25% - 40px);
    margin:0;
}
.page-template-page-behandelingen .complaints-sub-wrapper a {
    margin:15px 40px 0 auto;
}
.page-template-page-behandelingen .cvk-block-complaints {
    padding-top:10px;
}



/* BEHANDELINGEN PAGE (child)
**************************************************/
.cvk-block-behandelingen-child-main {
    position:relative;
    z-index:10;
    
    display:flex;
    justify-content:center;
    align-items:center;
}
.cvk-block-behandelingen-child-main-inner {
    width:1240px;
    margin:0 35px;
    padding:185px 0 150px 0;

    font-size:22px;
    line-height:160%;

    display:flex;
    flex-direction:column;
}

/* behandelingen child page background circle */
.cvk-block-behandelingen-child-main::before {
    content:'';
    position:absolute;
    z-index:-1;
    top:0;
    right:0;
    width:1200px;
    height:1200px;
    border-radius:50%;
    background-color:#F5F5E4;
    transform:translateY(100px) translateX(50%);
}

.cvk-behandelingen-content-columns {
    display:flex;
    flex-wrap:wrap;
    align-items:flex-start;
}

/* left column */
.cvk-behandelingen-child-left {
    flex:1 1 0%;
    min-width:0;
    max-width:640px;
    margin-right:50px;
}
.cvk-behandelingen-child-left .entry-content {
    margin-bottom:50px;
}
.cvk-behandelingen-child-left h1 {
    font-family:Radley;
    font-style:italic;
    font-size:42px;
    line-height:56px;
    color:#555B6E;
    margin:0;
}
.cvk-behandelingen-child-left article p {
    font-family:Radio Canada Big;
    font-weight:400;
    font-size:18px;
    line-height:28px;
    color:#555B6E;
}
.cvk-behandelingen-child-left article ul {
    font-size:18px;
    line-height:28px;
    color:#555B6E;
    padding-left:0;
}
@media (max-width: 500px) {
    .cvk-behandelingen-child-left article ul {
        font-size:16px;
        line-height:24px;
    }
}

/* right column */
.cvk-behandelingen-child-right {
    max-width:460px;
    width:100%;
    flex:0 0 auto;
    margin:0 0 0 auto;
    text-align:right;
}
.cvk-behandelingen-child-right ul {
    margin:15px 0 10px 0;
    padding:0;
}
.cvk-behandelingen-child-right ul li {
    list-style-type:none;
    padding-left:10px;
    height:45px;
    border-bottom:1px solid rgba(0,0,0,.15);
}
.cvk-behandelingen-child-right ul li a {
    position:relative;
    font-size:16px;
    color:#555B6E;
    height:100%;
    display:flex;
    align-items:center;
}
.cvk-behandelingen-child-right ul li a:hover {
    font-weight:700;
    text-decoration:none;
}

/* behandelingen menu hover */
ul.behandelingen-child-list li a::before {
    content:'';
    position:absolute;
    top:18px;
    right:10px;
    width:15px;
    height:10px;
    opacity:0;

    background-image:url('icons/right-arrow-dark.svg');
    background-size:12px 8px;
    background-repeat:no-repeat;
   
    transition:all .2s cubic-bezier(.5, 1, 0.2, 2);
}
ul.behandelingen-child-list li a:hover::before {
    transform:translateX(5px);
    opacity:1;
}

.cvk-behandelingen-child-right .cta-simple-arrow {
    margin-right:20px;
}

.cvk-behandelingen-child-right .cta-simple-arrow {
    margin-right:20px;
}


/* FAQ PAGE
**************************************************/
.cvk-faq-main {
    position:relative;
    z-index:10;
    
    display:flex;
    justify-content:center;
    align-items:center;
}
.cvk-faq-main-inner {
    position:relative;
    width:800px;
    margin:0 35px;
    padding:225px 0 75px 0;

    display:flex;
    flex-direction:column;
}
.cvk-faq-main-inner h1 {
    font-family:Radley;
    font-weight:400;
    font-style:italic;
    font-size:42px;
    color:#555B6E;
    margin-bottom:40px;
}
.cvk-faq-main-inner h2 {
    font-family:Radio Canada Big;
    font-weight:400;
    font-size:24px;
    color:#555B6E;
}
.cvk-faq-main-inner h3 {
    font-family:Radio Canada Big;
    font-weight:400;
    font-size:22px !important;
    line-height:135% !important;
    color:#555B6E;
    margin-bottom:25px !important;
}
@media (max-width: 500px) {
    .cvk-faq-main-inner h3 {
        font-size:20px !important;
        margin-bottom:20px !important;
        line-height:125% !important;
    }
}
.cvk-faq-main-inner .wp-block-columns {
    column-gap:75px;
}
.cvk-faq-main-inner .wp-block-column p {
    font-size:18px;
    line-height:28px;
    margin-bottom:45px;
    margin-top:-15px;
}
@media (max-width: 500px) {
    .cvk-faq-main-inner .wp-block-column p {
        font-size:16px;
        line-height:24px;
        margin-bottom:35px;
    }
}

/* FAQ dropdown on /vragen */
.cvk-faq-main .wp-block-column h3 + p {
    display:none;
}
.cvk-faq-main .wp-block-columns {
    width:100%;
    margin:0 auto;
    border-top:1px solid #BBBAB2;
}
.cvk-faq-main .faq-item h3 {
    cursor: pointer;
    margin:0 !important;
    padding:20px 35px 20px 10px !important;

    transition:all .25s ease;
}
.cvk-faq-main .faq-item:hover h3,
.cvk-faq-main .faq-item.active h3 {
    font-weight:700;
}
.cvk-faq-main .faq-answer {
    padding-top:0;
}
.cvk-faq-main .faq-answer p {
    margin:0 !important;
    padding:15px 0 15px 0 !important;
}
/* +/- indicator */
.cvk-faq-main .faq-item h3::after {
    content:'+';
    position:absolute;
    right:25px;
    top:21px;
}
.cvk-faq-main .faq-item.active h3::after {
    content:'−';
}

@media (max-width: 800px) {

    .cvk-faq-main .faq-item h3 {
        font-size:20px !important;
    }
    .cvk-faq-main .faq-answer {
        padding-right:0
    }

}
@media (max-width: 500px) {

    .cvk-faq-main .faq-item h3 {
        font-size:16px !important;
    }
    .cvk-faq-main .faq-answer p {
        font-size:14px !important;
        line-height:21px;
        padding:10px 0 10px 0 !important;
    }

}
@media (max-width: 400px) {

    .cvk-faq-main .faq-item h3 {
        font-size:14px !important;
    }
    .cvk-faq-main .faq-answer p {
        font-size:12px !important;
        line-height:18px;
        padding:5px 0 5px 0 !important;
    }

}


/* EXPERTISE PAGE
**************************************************/
.cvk-expertise-main {
    position:relative;
    z-index:10;
    
    display:flex;
    justify-content:center;
    align-items:center;

    background-color:#F5F5F5;
}
.cvk-expertise-main-inner {
    position:relative;
    width:1300px;
    margin:0 50px;
    padding:275px 0 75px 0;
}
.cvk-expertise-main-inner h1 {
    font-size:38px;
    font-weight:400;
    color:#3B3C3C;
}
.cvk-expertise-main-inner p {
    font-size:20px;
    line-height:32px;
    color:#7C7C7B;
}

/* /rechtsgebieden custom */
.page-template-page-expertise .cvk-publications-blog-inner {
    border-bottom:1px solid #3B3C3C;
}


/* VOOR WIE PAGE
**************************************************/
.cvk-block-voor-wie-main {
    position:relative;
    z-index:10;
    
    display:flex;
    justify-content:center;
    align-items:center;

    background:linear-gradient(to bottom, #3C4769 16%, #242B40 100%);
}
.cvk-block-voor-wie-main-inner {
    position:relative;
    width:1240px;
    margin:0 35px;
    padding:225px 0 100px 0;
}

.cvk-block-voor-wie-main-inner h1 {
    font-family:Radley;
    font-weight:400;
    font-style:italic;
    font-size:42px;
    line-height:145%;
    color:#FFF7E6;
    margin:0;
}
.cvk-block-voor-wie-main-inner .entry-content p {
    font-size:18px;
    line-height:160%;
    color:#FFF7E6;
}

/* content sections */
.voor-wie-groups {
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));
    gap:80px;
    margin-top:75px;
}
.voor-wie-groups h3 {
    font-family:Radley;
    font-weight:400;
    font-style:italic;
    font-size:22px;
    color:#FFF7E6;
    padding-left:5px;
}
.voor-wie-groups h3::after {
    content:'';
    display:inline-block;
    width:15px;
    height:10px;
    margin:5px 0 0 10px;

    background-image:url('icons/right-arrow-light.svg');
    background-size:12px 8px;
    background-repeat:no-repeat;

    transition:transform 0.2s cubic-bezier(0.5, 1, 0.2, 2);
}
.voor-wie-groups a:hover h3::after {
    transform:translateX(5px);
}
.voor-wie-groups span {
    display:block;
    width:100%;
    height:0;
    padding:0;
    border-top:1px solid rgba(255, 247, 230, 0);
    overflow:hidden;
    
    transition:all 1s ease;
}
.voor-wie-groups a:hover span {
    height:238px;
    padding:15px 0 0 0;
    border-top:1px solid rgba(255, 247, 230, .6);
    transition:all .5s ease;
}
.voor-wie-groups a span img {
    display:block;
    transform:scale(.95) translateY(40px);
    transform-origin:bottom;

    transition:all 1s ease;
}
.voor-wie-groups a:hover span img {
    transform:scale(1) translateY(0);
    transition:all .5s ease;
}

.voor-wie-groups p {
    min-height:240px;
    font-size:14px;
    line-height:160%;
    color:rgba(255, 247, 230, .7);
    padding:25px 30px 25px 3px;
    margin:0;
    border-top:1px solid rgba(255, 247, 230, .6);
    border-bottom:1px solid rgba(255, 247, 230, .6);
}

/* hovers */
.voor-wie-groups a p {
    transition:.35s ease;
}
.voor-wie-groups a:hover {
    text-decoration:none;
}
.voor-wie-groups a:hover p {
    color:rgba(255, 247, 230, 1);
}



/* VOOR WIE PAGE (child)
**************************************************/
.cvk-block-voor-wie-child-main {
    position:relative;
    z-index:10;
    
    display:flex;
    justify-content:center;
    align-items:center;

    background:linear-gradient(to bottom, #3C4769 16%, #242B40 100%);
}
.cvk-block-voor-wie-child-main-inner {
    position:relative;
    width:1240px;
    margin:0 35px;
    padding:185px 0 100px 0;

    font-size:22px;
    line-height:160%;

    display:flex;
    flex-direction:column;
}

.cvk-block-voor-wie-child-main-inner h1 {
    font-family:Radley;
    font-weight:400;
    font-style:italic;
    font-size:42px;
    line-height:145%;
    color:#FFF7E6 !important;
    margin:0;
}
.cvk-block-voor-wie-child-main-inner .entry-content p {
    font-size:18px;
    line-height:28px;
    color:#FFF7E6;
}

.cvk-voor-wie-content-columns {
    display:flex;
    flex-wrap:wrap;
    align-items:flex-start;
}

/* left column */
.cvk-voor-wie-child-left {
    flex:1 1 0%;
    min-width:0;
    max-width:640px;
    margin-right:50px;
}
.cvk-voor-wie-child-left .entry-content {
    margin-bottom:50px;
}
.cvk-voor-wie-child-left h1 {
    font-family:Radley;
    font-style:italic;
    font-size:42px;
    line-height:56px;
    color:#555B6E;
    margin:0;
}
.cvk-voor-wie-child-left article h3 {
    font-size:28px;
    line-height:120%;
    color:#FFF7E6;
}
.cvk-voor-wie-child-left article p {
    font-family:Radio Canada Big;
    font-weight:400;
    font-size:18px;
    line-height:28px;
    color:#555B6E;
}
.cvk-voor-wie-child-left article ul {
    font-size:18px;
    line-height:28px;
    color:#FFF7E6;
}
.cvk-voor-wie-content-columns .cta-button-outline-light {
    margin-right:15px;
}
.cvk-voor-wie-content-columns .cta-buttons-wrapper,
.cvk-voor-wie-content-columns .cta-buttons-wrapper a {
    color:#FFF7E6;
}  

/* right column */
.cvk-voor-wie-child-right {
    position:sticky;
    top:231px;
    max-width:460px;
    width:100%;
    flex:0 0 auto;
    margin:0 0 75px auto;
    text-align:right;
}
.cvk-voor-wie-child-right ul {
    margin:15px 0 10px 0;
    padding:0;
}
.cvk-voor-wie-child-right ul li {
    list-style-type:none;
    padding-left:22px;
    height:45px;
    border-bottom:1px solid rgba(255,255,255,.1);
}
.cvk-voor-wie-child-right ul li a {
    position:relative;
    font-size:16px;
    color:#FFF7E6;
    height:100%;
    display:flex;
    align-items:center;
}
.cvk-voor-wie-child-right ul li a:hover {
    text-decoration:none;
}
.cvk-voor-wie-child-right ul li a.voor-wie-current {
    font-weight:700;
}
.cvk-voor-wie-child-right .cta-simple-arrow-light {
    margin-right:20px;
}

/* voor wie menu hover */
.cvk-voor-wie-child-right ul li a::before {
    content:'';
    position:absolute;
    top:18px;
    right:10px;
    width:15px;
    height:10px;
    opacity:0;

    background-image:url('icons/right-arrow-light.svg');
    background-size:12px 8px;
    background-repeat:no-repeat;

    transition:all .2s cubic-bezier(.5, 1, 0.2, 2);
}
.cvk-voor-wie-child-right ul li a:hover::before {
    transform:translateX(5px);
    opacity:1;
}



/* CONTENT PAGE (CENTERED)
**************************************************/
.cvk-block-content-centered-main {
    position:relative;
    z-index:10;
    
    display:flex;
    align-items:flex-start;
    justify-content:center;
    align-items:center;
}
.cvk-block-content-centered-main-inner {
    position:relative;

    width:1240px;
    margin:0 35px;
    padding:225px 0 75px 0;

    display:flex;
    flex-wrap:wrap;
}

/* content page (centered) background circle */
.cvk-block-content-centered-main::before {
    content:'';
    position:absolute;
    z-index:-1;
    top:0;
    right:0;
    width:1200px;
    height:1200px;
    border-radius:50%;
    background-color:#F5F5E4;
    transform:translateY(100px) translateX(50%);
}

/* article width */
.cvk-block-content-centered-main-inner {
    max-width:640px;
}

.cvk-block-content-centered-main-inner h1 {
    font-family:Radley;
    font-weight:400;
    font-style:italic;
    font-size:42px;
    line-height:56px;
    color:#555B6E;
    margin-bottom:35px;
}
.cvk-block-content-centered-main-inner .entry-content p {
    font-size:18px;
    line-height:28px;
}
.cvk-block-content-centered-main-inner .entry-content img {
    padding:0 0 20px 0;
}
.cvk-block-content-centered-main-inner .entry-content p,
.cvk-block-content-centered-main-inner .entry-content ul,
.cvk-block-content-centered-main-inner .entry-content ul li {
    color:#555B6E;
    font-size:18px;
}
.cvk-block-content-centered-main-inner .entry-content ul,
.cvk-block-content-centered-main-inner .entry-content ul li {
    padding:0;
    margin:0;
}



/* CONTENT PAGE (FULL WIDTH)
**************************************************/
.cvk-block-content-full-main {
    position:relative;
    z-index:10;
    
    display:flex;
    align-items:flex-start;
    justify-content:center;
    align-items:center;
}
.cvk-block-content-full-main-inner {
    position:relative;

    width:1240px;
    margin:0 35px;
    padding:225px 0 75px 0;
    
    display:flex;
    flex-wrap:wrap;
}

/* content page (full width) background circle */
.cvk-block-content-full-main::before {
    content:'';
    position:absolute;
    z-index:-1;
    top:0;
    right:0;
    width:1200px;
    height:1200px;
    border-radius:50%;
    background-color:#F5F5E4;
    transform:translateY(100px) translateX(50%);
}

.cvk-block-content-full-main-inner h1 {
    font-family:Radley;
    font-weight:400;
    font-style:italic;
    font-size:42px;
    line-height:56px;
    color:#555B6E;
    margin-bottom:35px;
}
.cvk-block-content-full-main-inner .entry-content p {
    font-size:18px;
    line-height:28px;
}
.cvk-block-content-full-main-inner .entry-content img {
    padding:0 0 20px 0;
}


/* USP PAGE
**************************************************/
.cvk-block-usp-main {
    position:relative;
    z-index:10;
    
    display:flex;
    align-items:flex-start;
    justify-content:center;
    align-items:center;

    background-color:#F5F5F5;
}
.cvk-block-usp-main-inner {
    position:relative;
    display:flex;
    flex-wrap:wrap;
    width:1300px;
    margin:0 50px;
    padding:225px 0 75px 0;
}
.cvk-block-usp-main-inner h1 {
    font-size:38px;
    font-weight:400;
    color:#3B3C3C;
}
.cvk-block-usp-main-inner p {
    font-size:20px;
    line-height:32px;
    color:#7C7C7B;
}


/* LAWYER PAGE
**************************************************/
.cvk-block-lawyer-main {
    position:relative;
    z-index:10;
    min-height:750px;
    
    display:flex;
    justify-content:center;
    align-items:center;

    background-color:#E7E5DE;
}
.cvk-block-lawyer-main-inner {
    position:relative;
    width:1150px;
    margin:0 100px;
    padding:60px 0 75px 0;

    font-size:22px;
    line-height:160%;
}


/* 404
**************************************************/
.cvk-block-404-main {
    position:relative;
    z-index:10;
    
    display:flex;
    justify-content:center;
    align-items:center;
}
.cvk-block-404-main-inner {
    width:1240px;
    margin:0 35px;
    padding:225px 0 150px 0;

    font-size:22px;
    line-height:160%;
}

.cvk-block-404-main-inner > h1 {
    font-family:Radley;
    font-weight:400;
    font-style:italic;
    font-size:42px;
    line-height:56px;
    color:#555B6E;
    margin:0;
}
.cvk-block-404-main-inner > p {
    font-family:Radio Canada Big;
    font-weight:400;
    font-size:18px;
    line-height:28px;
    color:#555B6E;
    margin-bottom:50px;
    max-width:600px;
}


/* SEACH RESULTS
**************************************************/
.cvk-block-search-results-main {
    position:relative;
    z-index:10;
    
    display:flex;
    justify-content:center;
    align-items:center;

    background-color:#E7E5DE;
    background-size:auto auto;
    background-position:left top 110px;
    background-repeat:no-repeat;
}
.cvk-block-search-results-main-inner {
    position:relative;
    width:1150px;
    margin:0 100px;
    padding:60px 0 20px 0;

    font-size:22px;
    line-height:160%;
}
.cvk-block-search-results-main-inner h1 {
    margin-bottom:15px;
}
.cvk-block-search-results-main-inner > span {
    font-size:16px;
    line-height:160%;
}
.cvk-block-search-results-main-inner span:last-of-type {
    font-size:22px;
    color:#E14C0F;
}
.cvk-block-search-results-main .cvk-blog-post {
    width:100%;
    height:auto;
    border-radius:0;
    background-color:transparent;
    padding:32px 0;
    margin-bottom:0;

    -webkit-transform:scale(1);
    transform:scale(1);

    border-bottom:1px solid #C4C7BF;
}
.cvk-block-search-results-main .cvk-blog-post .meta {
    margin:0;
    padding:0;
    position:relative;
    left:0;
    bottom:0;
    font-size:12px;
    width:225px;
    float:left;
    display:none;
}
.cvk-block-search-results-main .cvk-blog-post h3 {
    position:relative;
    margin-left:0;
    margin-right:75px;
    margin-bottom:0;
    font-size:17px;
}
.cvk-block-search-results-main .cvk-blog-post img {
    position:absolute;
    top:50%;
    right:5px;
    width:45px;
    height:45px;

    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
}
/* customize */
.search-no-results .cvk-we-help-you {
    border-color:#E14C0F;
}
/* hide pagination if no results */
.search-no-results .post-nav {
    display:none;
}


/* BUTTONS
**************************************************/
/* orange round corners */
a.button-orange-round {
    position:relative;
    z-index:1;
    text-decoration:none;
    padding:14px 30px;
    font-size:19px;
    line-height:100%;
    border-radius:50px;
    display:inline-block;
    color:#fff;
    background-color:#E14C0F;
}
a.button-orange-round:hover {
    text-decoration:none;
}
a.button-orange-round::after {
    content:'';
    position:absolute;
    z-index:-1;
    left:30px;
    bottom:11px;
    width:calc(100% - 60px);
    height:2px;
    border-radius:10px;
    background-color:#fff;
    
    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    transition:transform 0.2s;
    transform-origin:left top;
}
a.button-orange-round:hover::after {
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
}


/* white round corners (w/ icon) */
a.button-white-round {
    position:relative;
    z-index:100;
    display:inline-block;
    text-decoration:none;
    padding:4px 30px 4px 30px;
    margin:8px;
    font-size:15px;
    font-weight:700;
    border-radius:50px;
    color:#002111;
    background-color:#fff;

    filter:drop-shadow(0px 4px 15px rgba(0,0,0,.1));

    transition:all 0.2s;
}
a.button-white-round:hover {
    text-decoration:none;
}
a.button-white-round::after {
    content:'';
    position:absolute;
    z-index:-1;
    left:30px;
    bottom:12px;
    width:calc(100% - 60px);
    height:2px;
    border-radius:10px;
    background-color:#002111;

    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    transition:transform 0.2s;
    transform-origin:left top;
}
a.button-white-round:hover::after {
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
}

/* white round corners (w/ icon) */
a.button-white-round-arrow {
    position:relative;
    z-index:100;
    text-decoration:none;
    padding:13px 40px 12px 20px;
    font-size:17px;
    border-radius:50px;
    display:block;
    color:#002111;
    background-color:#fff;

    background-image:url(icons/icon-arrow-angled.svg);
    background-size:24px auto;
    background-position:right 12px center;
    background-repeat:no-repeat;

    filter:drop-shadow(0px 4px 15px rgba(0,0,0,.1));

    transition:all 0.2s;
}
a.button-white-round-arrow:hover {
    text-decoration:none;
    background-position:right 10px center;
}
a.button-white-round-arrow::after {
    content:'';
    position:absolute;
    z-index:-1;
    left:20px;
    bottom:11px;
    width:calc(100% - 60px);
    height:2px;
    border-radius:10px;
    background-color:#002111;

    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    transition:transform 0.2s;
    transform-origin:left top;
}
a.button-white-round-arrow:hover::after {
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
}

/* white round corners (w/ icon) */
a.button-white-round-arrow-right {
    position:relative;
    z-index:100;
    text-decoration:none;
    width:max-content;
    margin:50px -15px 0 auto;
    padding:7px 50px 7px 25px;
    font-size:17px;
    border-radius:50px;
    display:block;
    color:#002111;
    font-weight:700;
    background-color:#fff;

    background-image:url(icons/icon-arrow-right-orange.svg);
    background-size:34px auto;
    background-position:right 10px center;
    background-repeat:no-repeat;

    filter:drop-shadow(0px 4px 15px rgba(0,0,0,.1));

    transition:all 0.2s;
}
a.button-white-round-arrow-right:hover {
    text-decoration:none;
    background-position:right 7px center;
}
a.button-white-round-arrow-right::after {
    content:'';
    position:absolute;
    z-index:-1;
    left:25px;
    bottom:14px;
    width:calc(100% - 75px);
    height:2px;
    border-radius:10px;
    background-color:#002111;

    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    transition:transform 0.2s;
    transform-origin:left top;
}
a.button-white-round-arrow-right:hover::after {
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
}

/* phone call button */
a.button-phone-call {
    display:inline-block;
    font-size:22px;
    line-height:110%;
    color:#fff;
    width:max-content;
    padding-left:45px;
    text-decoration:none;
    height:50px;
  
    display:inline-flex;
    flex-direction:column;
    justify-content:center;
    
    background-image:url(icons/icon-phone.svg);
    background-size:auto 37px;
    background-position:left;
    background-repeat:no-repeat;
}
.button-phone-call span {
    font-size:11px;
    font-weight:700;
    line-height:100%;
    display:block;
    margin-bottom:0;
}

/* dark text button (w/ arrow icon) */
a.button-dark {
    position:relative;
    z-index:100;
    text-decoration:none;
    padding:0 30px 0 0;
    color:#002111;
    font-size:17px;
    line-height:145%;
    font-weight:bold;
    display:block;
    width:max-content;

    background-image:url(icons/icon-link-arrow-dark.svg);
    background-size:16px auto;
    background-position:right 10px center;
    background-repeat:no-repeat;

    filter:drop-shadow(0px 4px 15px rgba(0,0,0,.1));

    transition:all 0.2s;
}
a.button-dark:hover {
    text-decoration:none;
    background-position:right 5px center;
}
a.button-dark::after {
    content:'';
    position:absolute;
    z-index:-1;
    left:0;
    bottom:0px;
    width:calc(100% - 30px);
    height:2px;
    border-radius:10px;
    background-color:#002111;

    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    transition:transform 0.2s;
    transform-origin:left top;
}
a.button-dark:hover::after {
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
}

/* green text button (w/ arrow icon) */
a.button-green {
    position:relative;
    z-index:100;
    text-decoration:none;
    padding:0 30px 0 0;
    color:#49764B;
    font-size:17px;
    font-weight:bold;
    display:block;
    width:max-content;

    background-image:url(icons/icon-link-arrow-green.svg);
    background-size:16px auto;
    background-position:right 10px center;
    background-repeat:no-repeat;

    filter:drop-shadow(0px 4px 15px rgba(0,0,0,.1));

    transition:all 0.2s;
}
a.button-green:hover {
    text-decoration:none;
    background-position:right 5px center;
}
a.button-green::after {
    content:'';
    position:absolute;
    z-index:-1;
    left:0;
    bottom:0px;
    width:calc(100% - 30px);
    height:2px;
    border-radius:10px;
    background-color:#49764B;

    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    transition:transform 0.2s;
    transform-origin:left top;
}
a.button-green:hover::after {
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
}

/* light text button (w/ arrow icon) */
a.button-light {
    position:relative;
    z-index:100;
    text-decoration:none;
    padding:0 30px 0 0;
    color:#E7E5DE;
    font-size:17px;
    font-weight:bold;
    display:block;
    width:max-content;

    background-image:url(icons/icon-link-arrow-light.svg);
    background-size:16px auto;
    background-position:right 10px center;
    background-repeat:no-repeat;

    filter:drop-shadow(0px 4px 15px rgba(0,0,0,.1));

    transition:all 0.2s;
}
a.button-light span {
    font-weight:normal;
}
a.button-light:hover {
    text-decoration:none;
    background-position:right 5px center;
}
a.button-light::after {
    content:'';
    position:absolute;
    z-index:-1;
    left:0;
    bottom:0px;
    width:calc(100% - 30px);
    height:2px;
    border-radius:10px;
    background-color:#E7E5DE;

    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    transition:transform 0.2s;
    transform-origin:left top;
}
a.button-light:hover::after {
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
}

/* callout button */
a.button-callout {
    display:block;
    font-size:13px;
    color:#E7E5DE;
    background-color:#002111;
    width:max-content;
    padding:15px 40px 15px 65px;
    margin:0 auto;
    text-decoration:none;
    border-radius:50px;
    text-align:left;

    background-image:url(icons/icon-callout.svg);
    background-size:auto 22px;
    background-position:left 30px center;
    background-repeat:no-repeat;
}
.button-callout span {
    display:block;
    font-size:19px;
    line-height:22px;
}



/* LARGE PLAY BUTTON (tablet, desktop)
**************************************************/
.play-button-large {
    position:absolute;
    z-index:10;
    bottom:50%;
    left:50%;
    -webkit-transform:translateX(-50%) translateY(50%);
    transform:translateX(-50%) translateY(50%);
    width:188px;
    height:188px;
    display:block;
    border-radius:50%;
    cursor:pointer;

    -webkit-box-shadow:0 0 0px 20px rgba(231,229,222,0.5) inset;
    box-shadow:0 0 0px 20px rgba(231,229,222,0.5) inset;

    -webkit-transition:all .4s ease 0s;
	transition:all .4s ease 0s;
}
.play-button-large:hover {
    -webkit-box-shadow:0 0 2px 0 rgba(231,229,222,0.75) inset;
    box-shadow:0 0 2px 0 rgba(231,229,222,0.75) inset;
}
.play-button-large::before {
    content:'';
    position:relative;
    z-index:9;
    top:12px; 
    left:12px;
    width:156px;
    height:156px;
    background-color:#60756C;
    display:block;
    border-radius:50%;
    border:4px solid #E7E5DE;
}
.play-button-large::after {
    content:'';
    position:absolute;
    z-index:12;
    width:45px;
    height:54px;
    top:69px;
    left:76px;

    background-image:url(icons/icon-play.png);
    background-size:45px 54px;

    -webkit-transition:all .25s ease;
	transition:all .25s ease;
}
.play-button-large:hover::after {
    -webkit-transform:scale(1.15);
    transform:scale(1.15);
}
.play-button-large:active::before {
    -webkit-transform:scale(.95);
    transform:scale(.95);
}
/* large play button ripple effect */
.play-button-large .large-ripple::after {
    content:'';
    position:absolute;
    right:0;
    bottom:0;
    width:188px;
    height:188px;
    border:1px solid #fff;
    border-radius:100%;
    box-sizing:border-box;

    animation-name:large-ripple;
    animation-duration:7s;
    animation-timing-function:ease-in-out;
    animation-iteration-count:infinite;
}
@keyframes large-ripple {
    0%, 39% { opacity:0; transform:scale(1); }
    40% { opacity:.5; transform:scale(1); }
    60%, 100% { opacity:0; transform:scale(2); }
}
/* hide ripple when pause button visible */
.play-button-pause .large-ripple::after {
    display:none;
}

/* pause button */
.play-button-pause {
    -webkit-transition:all .75s ease .35s;
    transition:all .75s ease .35s;

    left:-40px;
    bottom:-40px;

    -webkit-transform:translateX(0%) translateY(0%) scale(.35);
    transform:translateX(0%) translateY(0%) scale(.35);
}
.play-button-pause::after {
    content:'';
    position:absolute;
    z-index:12;
    width:66px;
    height:66px;
    top:61px;
    left:61px;

    background-image:url(icons/icon-pause.svg);
    background-size:66px 66px;

    -webkit-transition:all .2s ease;
    transition:all .2s ease;
}
.overons-video:hover .play-button-pause {
    opacity:1;
}



/* LARGE PLAY BUTTON (mobile)
**************************************************/
.play-button-large-mob {
    position:absolute;
    z-index:10;
    bottom:50%;
    left:50%;
    -webkit-transform:translateX(-50%) translateY(50%) scale(.55);
    transform:translateX(-50%) translateY(50%) scale(.55);
    width:188px;
    height:188px;
    display:block;
    border-radius:50%;
    cursor:pointer;

    -webkit-box-shadow:0 0 0px 20px rgba(231,229,222,0.5) inset;
    box-shadow:0 0 0px 20px rgba(231,229,222,0.5) inset;

    -webkit-transition:all .4s ease 0s;
	transition:all .4s ease 0s;
}
.play-button-large-mob:hover {
    -webkit-box-shadow:0 0 2px 0 rgba(231,229,222,0.75) inset;
    box-shadow:0 0 2px 0 rgba(231,229,222,0.75) inset;
}
.play-button-large-mob::before {
    content:'';
    position:relative;
    z-index:9;
    top:12px; 
    left:12px;
    width:156px;
    height:156px;
    background-color:#002111;
    display:block;
    border-radius:50%;
    border:4px solid #E7E5DE;
}
.play-button-large-mob::after {
    content:'';
    position:absolute;
    z-index:12;
    width:45px;
    height:54px;
    top:69px;
    left:76px;

    background-image:url(icons/icon-play.png);
    background-size:45px 54px;

    -webkit-transition:all .25s ease;
	transition:all .25s ease;
}
.play-button-large-mob:hover::after {
    -webkit-transform:scale(1.15);
    transform:scale(1.15);
}
.play-button-large-mob:active::before {
    -webkit-transform:scale(.95);
    transform:scale(.95);
}
/* large play button ripple effect */
.play-button-large-mob .large-ripple-mob::after {
    content:'';
    position:absolute;
    right:0;
    bottom:0;
    width:188px;
    height:188px;
    border:1px solid #fff;
    border-radius:100%;
    box-sizing:border-box;

    animation-name:large-ripple-mob;
    animation-duration:7s;
    animation-timing-function:ease-in-out;
    animation-iteration-count:infinite;
}
@keyframes large-ripple-mob {
    0%, 39% { opacity:0; transform:scale(1); }
    40% { opacity:.5; transform:scale(1); }
    60%, 100% { opacity:0; transform:scale(2); }
}
/* hide ripple when pause button visible */
.play-button-pause .large-ripple-mob::after {
    display:none;
}

/* pause button */
.play-button-pause {
    -webkit-transition:all .75s ease .35s;
    transition:all .75s ease .35s;

    left:-40px;
    bottom:-40px;

    -webkit-transform:translateX(0%) translateY(0%) scale(.35);
    transform:translateX(0%) translateY(0%) scale(.35);
}
.play-button-pause::after {
    content:'';
    position:absolute;
    z-index:12;
    width:66px;
    height:66px;
    top:61px;
    left:61px;

    background-image:url(icons/icon-pause.svg);
    background-size:66px 66px;

    -webkit-transition:all .2s ease;
    transition:all .2s ease;
}



/* BREADCRUMBS (Yoast)
**************************************************/
/* breadcrumbs (light text) */
.cvk-breadcrumbs {
    font-size:14px;
    margin-bottom:10px;
    color:#FFF7E6;
}
.cvk-breadcrumbs a {
    color:#FFF7E6;
}
.cvk-breadcrumbs img {
    width:14px;
    height:auto;
    margin-right:3px;
    
    -webkit-transform:translateY(1px);
    transform:translateY(1px);
}
.cvk-breadcrumbs span {
    padding:0 2px;
}
.cvk-breadcrumbs .breadcrumb_last {
    font-weight:700;
}
/* breadcrumbs (dark text) */
.cvk-breadcrumbs-dark {
    font-size:14px;
    margin:0 0 5px 5px;
    color:#555B6E;
}
.cvk-breadcrumbs-dark a {
    color:#555B6E;
}
.cvk-breadcrumbs-dark img {
    width:12px;
    height:auto;
    margin:0 0 -1px 0;
}
.cvk-breadcrumbs-dark span {
    padding:0 2px;
}
.cvk-breadcrumbs-dark .breadcrumb_last {
    font-weight:700;
}
/* hide home text link */
.cvk-breadcrumbs span span:nth-of-type(1),
.cvk-breadcrumbs-dark span span:nth-of-type(1) {
    display:none !important;
}




/* PAGE TEMPLATE: STANDARD PAGE
**************************************************/
.cvk-standard-page-content-wrapper {
    position:relative;
    z-index:10;
    
    display:flex;
    align-items:flex-start;
    justify-content:center;
    align-items:center;
}
.cvk-standard-page-content-inner {
    position:relative;

    width:1240px;
    margin:0 35px;
    padding:225px 0 75px 0;

    display:flex;
    flex-wrap:wrap;
}
/* content page (standard) background circle */
.cvk-standard-page-content-inner::before {
    content:'';
    position:absolute;
    z-index:-1;
    top:0;
    right:0;
    width:1200px;
    height:1200px;
    border-radius:50%;
    background-color:#F5F5E4;
    transform:translateY(100px) translateX(50%);
}

.cvk-standard-page-content-wrapper h1 {
    font-family:Radley;
    font-weight:400;
    font-style:italic;
    font-size:42px;
    line-height:56px;
    color:#555B6E;
    margin-bottom:35px;
}
.cvk-standard-page-content-wrapper .entry-content p {
    font-size:18px;
    line-height:28px;
}
.cvk-standard-page-content-wrapper .entry-content img {
    padding:0 0 20px 0;
}



/* PAGE TEMPLATE: CONTACT FORM
**************************************************/
.cvk-contact-page-main {
    position:relative;
    z-index:10;
    
    display:flex;
    justify-content:center;
    align-items:center;
}
.cvk-contact-page-main-inner {
    position:relative;
    width:1230px;
    margin:0 35px;
    padding:225px 0 75px 0;
    
    display:flex;
    flex-direction:column;
}
.cvk-contact-page-main-inner h1 {
    font-family:Radley;
    font-weight:400;
    font-style:italic;
    font-size:42px;
    color:#555B6E;
    margin-bottom:40px;
}

/* contact page content wrapper */
.cvk-contact-content {
    display:flex;
    flex-wrap:wrap;
}
.cvk-form-contact-details,
.cvk-form-contact {
    flex:1;
    min-width:300px;
}

/* contact page LEFT side */
.cvk-form-contact {
    margin-right:90px;
    max-width:595px;
    font-size:22px;
    font-weight:400;
    line-height:180%;
}
.cvk-form-contact article {
    margin-top:0;
}


/* contact page RIGHT side */
.cvk-form-contact-details {
    max-width:550px;
    color:#2A4D69;
    font-size:20px;
    line-height:32px;
    font-weight:400;
}
.cvk-form-contact-details > img {
    width:100%;
    height:auto;
    border-radius:8px;
}
.cvk-form-contact-details a {
    color:#2A4D69;
}
.cvk-form-contact-details div:first-of-type {
    font-size:22px;
    font-weight:500;
    margin-top:40px;
}
.cvk-form-contact-details div:last-of-type {
    font-weight:300;
}
.cvk-form-contact-details div {
    margin-bottom:30px;
    margin-left:20px;
}
.cvk-form-contact-details div img {
    width:20px;
    margin-right:5px;

    -webkit-transform:translateY(1px);
    transform:translateY(1px);
}



/* AANPAK PAGE
**************************************************/
.cvk-aanpak-page-main {
    position:relative;
    z-index:10;
    
    min-height:900px;

    display:flex;
    justify-content:center;
    align-items:center;
    
    background-image:url(images/aanpak-bg.jpg);
    background-size:cover;
    background-position:right center;
    background-repeat:no-repeat;
}
.cvk-aanpak-page-main-inner {
    position:relative;
    width:1240px;
    min-height:inherit;
    margin:0 50px;
    padding:275px 0 150px 0;
    
    display:flex;
    flex-direction:column;
}

.cvk-aanpak-page-main-inner h3 {
    font-family:Radley;
    font-weight:400;
    font-style:italic;
    font-size:76px;
    line-height:66px;
    color:#FFF7E6;
}
.cvk-aanpak-page-main-inner > span {
    font-family:Radio Canada Big;
    font-weight:400;
    font-size:26px;
    line-height:38px;
    color:#FFF7E6;
    max-width:775px;
    margin-top:20px;
}

.cvk-aanpak-page-main .hero-nav-wrapper { pointer-events:none; }
.cvk-aanpak-page-main .hero-nav-wrapper > div { background-color:rgba(0,0,0,.7); }
.cvk-aanpak-page-main .hero-nav-wrapper > div span { opacity:1; }

/* aanpak content */
.cvk-aanpak-content {
    position:relative;
    z-index:10;
    padding:75px 50px 125px 50px;
    display:flex;
    justify-content:center;
    align-items:center;
}
.cvk-aanpak-content-inner {
    position:relative;
    width:100%;
    max-width:1240px;
    box-sizing:border-box;
}

.cvk-aanpak-content-inner > h3 {
    font-family:Radley;
    font-weight:400;
    font-style:italic;
    font-size:42px;
    line-height:100%;
    color:#555B6E;
}
.cvk-aanpak-content-inner p {
    font-family:Radio Canada Big;
    font-weight:400;
    font-size:18px;
    line-height:28px;
    color:#555B6E;
}
  
.aanpak-multidisciplinary {
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    width:100%;
    margin-left:-10px;
    margin-bottom:45px;
    padding:0 10px;
    border-bottom:1px solid rgba(0,0,0,.1);
}
.aanpak-multidisciplinary h3 {
    font-family:Radley;
    font-weight:400;
    font-style:italic;
    font-size:24px;
    line-height:100%;
    color:#555B6E;
    margin-top:75px;
}
.aanpak-multidisciplinary a.cta-simple-arrow {
    margin-right:30px;
    margin-bottom:20px;
}

.aanpak-multidisciplinary-col {
    display:grid;
    gap:75px;
    grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));
    margin:0 0 40px 0;
}
.aanpak-multidisciplinary-col > div {
    flex:1;
}
.aanpak-multidisciplinary-col > div h3 {
    position:relative;
    font-family:Radley;
    font-weight:400;
    font-style:italic;
    font-size:24px;
    line-height:100%;
    color:#555B6E;
    padding:0 0 0 50px;
}
.aanpak-multidisciplinary-col > div h3 > span {
    position:absolute;
    top:-7px;
    left:0;
    width:40px;
    height:40px;
    font-size:33px;
    color:#60756C;
    background-color:#C0E9D7;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.aanpak-multidisciplinary-col > div h3 > span span {
    margin-top:-7px;
}
.aanpak-multidisciplinary-col > div:last-of-type h3 > span span {
    margin-top:-11px;
    margin-left:2px;
}
.aanpak-multidisciplinary-col > div p {
    font-family:Radio Canada Big;
    font-weight:400;
    font-size:16px;
    line-height:28px;
    color:#555B6E;
}

.cvk-aanpak-content-inner h4 {
    font-family:Radley;
    font-weight:400;
    font-style:italic;
    font-size:34px;
    line-height:40px;
    color:#555B6E;
}

.aanpak-reimbursement {
    display:flex;
    align-items:flex-start;
    margin-top:65px;
    
}
.aanpak-reimbursement img {
    margin-right:40px;
    max-width:575px;
    min-width:0;
    height:auto;
    flex:1;
}
.aanpak-reimbursement-content {
    flex:1;
}
.aanpak-reimbursement p:last-of-type {
    margin-bottom:40px;
}
.aanpak-reimbursement a.cta-simple-arrow {
    font-size:18px;
    font-weight:500;
}
.aanpak-reimbursement a.cta-simple-arrow::before {
    top:8px;
}

.aanpak-friesland {
    position:relative;
    min-height:575px;
    margin-top:50px;
    padding-top:50px;
}
.aanpak-friesland::before {
    content:'';
    position:absolute;
    top:0;
    right:-40px;
    width:766px;
    height:564px;

    background-image:url(images/aanpak-map.png);
    background-size:cover;
    background-position:right top;
    background-repeat:no-repeat;

    opacity:.25;
}
.aanpak-friesland p {
    max-width:845px;
}
.aanpak-friesland p:last-of-type {
    margin-bottom:40px;
}
.aanpak-friesland a.cta-simple-arrow {
    font-size:18px;
    font-weight:500;
}
.aanpak-friesland a.cta-simple-arrow::before {
    top:8px;
}



/* GRAVITY FORMS
**************************************************/
/* gravity form styling */
.gform_wrapper {
    max-width:600px;
}
.gform_heading,
.gform_description {
    display:none !important;
}
.ginput_container {
    margin-bottom:-20px !important;
}
.gform_submission_error,
.gfield_validation_message {
    font-size:22px !important;
}
textarea,
input[type=text],
input[type=email],
input[type=tel] {
    border:1px solid #2A4D69 !important;
    padding:23px !important;
    resize:none !important;
    height:auto !important;
    border-radius:10px !important;
    font-size:24px !important;
    line-height:130% !important;
    font-family:'Radio Canada' !important;
    font-weight:300 !important;

    background-color:transparent !important;
}
textarea {
    height:200px !important;
    min-height:200px !important;
    margin-bottom:-6px !important;
}
textarea::placeholder,
input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=tel]::placeholder {
    color:#555B6E;
    opacity:1;
}
textarea:focus::placeholder,
input[type=text]:focus::placeholder,
input[type=email]:focus::placeholder,
input[type=tel]:focus::placeholder {
    opacity:0 !important;
}
.gfield_checkbox label {
    font-size:14px !important;
    line-height:160% !important;
    color:#2A4D69 !important;
}
/* customized checkbox */
.gchoice {
    position:relative;
    z-index:1;
    width:100%;
    height:50px;
    margin:-5px 0 0 -10px !important;
}
input.gfield-choice-input {
    position:absolute;
    z-index:2;
    width:100%;
    height:100%;
    appearance:none;
    display:none !important;
    margin:0;
    padding:0;

    background:none !important;
    border:none !important;
    box-shadow:none !important;
}
input.gfield-choice-input:hover,
.gchoice label:hover {
    cursor:pointer;
}
.gchoice label {
    position:relative;
    z-index:3;
    top:0;
    left:0;
    color:#2A4D69;
    padding:3px 0 0 30px;
    margin:0;
    max-width:100% !important;
}
input.gfield-choice-input + label:after {
    content:'';
    position:absolute;
    z-index:-1;
    top:2px;
    left:0;
    width:23px;
    height:23px;
    border:2px solid #2A4D69;
    box-sizing:border-box;
    background-color:#fff;
}
input[type="checkbox"].gfield-choice-input + label:after { 
    border-radius:6px;
}
input.gfield-choice-input:checked + label:after {
    content:'';
}
input.gfield-choice-input:checked + label:before {
    position:absolute;
    content:'';
    width:5px;
    height:10px;
    left:9px;
    top:7px;
    display:inline-block;
    transform:rotate(45deg);
    border-bottom:2px solid #2A4D69;
    border-right:2px solid #2A4D69;
}
/* submit button */
input[type=submit] {
    height:77px !important;
    border-radius:10px !important;
    padding:0 !important;
    width:100% !important;
    border:none !important;
    font-size:28px !important;
    font-weight:600 !important;
    color:#FFF7E6 !important;
    background-color:#2A4D69 !important;
    cursor:pointer !important;
}
.gform_button {
    margin-top:50px !important;
}

.gfield_validation_message {
    margin-top:25px !important;
    font-size:20px !important;
}

/* job listing page */
.job_listing-template-default .job_description h3 {
    font-family:Radley;
    font-weight:400;
    font-style:italic;
    font-size:30px;
    color:#555B6E;
    margin:50px 0 30px 0;
}
.job_listing-template-default textarea {
    height:200px !important;
    background-color: !important;
}
.job_listing-template-default .ginput_container {
    margin-top:0px !important;
}
.job_listing-template-default .gfield_checkbox {
    padding-top:60px !important;
    margin:55px 0 0 0 !important;
    border-top:1px solid #11C8C5 !important;
}
.job_listing-template-default .gform_fileupload_rules {
    display:none !important;
}
.job_listing-template-default .gfield--type-fileupload {
    position:relative !important;
    display:flex !important;
    align-items:flex-start !important;
    margin-top:10px !important;
}
.job_listing-template-default .gfield--type-fileupload .gfield_label {
    flex:0 0 160px !important;
    margin-top:5px !important;
    font-size:24px !important;
    line-height:100% !important;
    font-weight:400 !important;
    color:#555B6E !important;
}
.job_listing-template-default input[type="file"] {
    width:100% !important;
    border:0 !important;
    box-shadow:none !important;
    border-radius:10px !important;
    font-size:14px !important;
    color:#474747 !important;
    height:41px !important;
    background-color:transparent !important;
}
.job_listing-template-default input[type="file"]::file-selector-button {
    color: white !important;
    background-color: #2A4D69 !important;
    border:none !important;
    border-radius:10px !important;
    cursor:pointer !important;
    width:120px !important;
    height:100% !important;
    font-size:15px !important;
}
.job_listing-template-default .ginput_preview_list {
    margin-top:75px !important;
    margin-left:5px !important;
}
.job_listing-template-default .gform_fileupload_rules {
    display:none !important;
}
.job_listing-template-default .gfield--type-fileupload .gfield_description {
    max-width:275px !important;
    position:absolute !important;
    left:165px !important;
    top:50px !important;

    font-size:14px !important;
    line-height:130% !important;
    color:rgba(42,77,105,.6) !important;
}

@media (max-width: 500px) {

    textarea,
    input[type=text],
    input[type=email],
    input[type=tel] {
        padding:17px !important;
        border-radius:6px !important;
        font-size:16px !important;
        margin-top:-5px !important;;
    }
    .gfield_checkbox label {
        font-size:12px !important;
        line-height:140% !important;
        padding-top:6px;
    }
    input[type=submit] {
        height:60px !important;
        border-radius:6px !important;
        font-size:22px !important;
        font-weight:600 !important;
    }

    .job_listing-template-default .gfield--type-fileupload {
        margin-top:0px !important;
    }
    .job_listing-template-default .gfield--type-fileupload .gfield_label {
        flex:0 0 130px !important;
        margin-top:10px !important;
        font-size:18px !important;
    }
    .job_listing-template-default input[type="file"]::file-selector-button {
        font-size:14px !important;
    }
    .job_listing-template-default .gfield--type-fileupload .gfield_description {
        max-width:300px !important;
        position:absolute !important;
        left:0px !important;
        top:65px !important;
        font-size:12px !important;
    }

}


/* PAGE TEMPLATE: FORM (USP elements)
**************************************************/
.cvk-form-usp-page-content-wrapper {
    position:relative;
    z-index:10;
    min-height:750px;
    
    display:flex;
    justify-content:center;
    align-items:center;

    background-color:#E7E5DE;
    background-image:url(images/form-template-bg.svg);
    background-size:440px auto;
    background-position:right top -160px;
    background-repeat:no-repeat;
}
.cvk-form-usp-page-content-inner {
    position:relative;
    left:20px;
    width:1185px;
    margin:0 25px;
    padding:60px 25px 60px 0;

    font-size:22px;
    line-height:160%;
}
.cvk-form-usp-page-content-inner h1 {
    margin-bottom:-10px;
}
.cvk-form-usp-page-content-wrapper .entry-content {
    max-width:875px;
}



/* PAGE TEMPLATE: FORM (Advocaat)
**************************************************/
.cvk-form-advocaat-page-content-wrapper {
    position:relative;
    z-index:10;
    min-height:750px;
    
    display:flex;
    justify-content:center;
    align-items:center;

    background-color:#E7E5DE;
    background-image:url(images/form-template-bg.svg);
    background-size:440px auto;
    background-position:right top -160px;
    background-repeat:no-repeat;
}
.cvk-form-advocaat-page-content-inner {
    position:relative;
    left:20px;
    width:1185px;
    margin:0 100px;
    padding:60px 25px 60px 0;

    font-size:22px;
    line-height:160%;
}
.cvk-form-advocaat-page-content-inner h1 {
    margin-bottom:-10px;
}
.cvk-form-advocaat-page-content-wrapper .entry-content {
    max-width:875px;
}
.cvk-form-advocaat-page-content-inner .cvk-form-advocaat {
    height:860px;
}



/* PAGE TEMPLATE: FORM (success Advocaat)
**************************************************/
.cvk-form-advocaat-success-content-wrapper {
    position:relative;
    z-index:10;
    min-height:750px;
    
    display:flex;
    justify-content:center;
    align-items:center;

    background-color:#E7E5DE;
    background-size:auto 650px,  440px auto;
    background-position:left bottom -200px, right top -160px;
    background-repeat:no-repeat;
}
.cvk-form-advocaat-success-content-inner {
    position:relative;
    left:20px;
    width:1185px;
    margin:0 25px;
    padding:60px 25px 60px 0;

    font-size:22px;
    line-height:160%;
}
.cvk-form-advocaat-success-content-inner h1 {
    margin-bottom:-10px;
}
.cvk-form-advocaat-success-content-wrapper .cvk-form-advocaat {
    height:860px;
}
.cvk-form-advocaat-success-content-wrapper .cvk-form-success {
    max-width:700px;
    min-height:825px;
}
.cvk-form-advocaat-success-content-wrapper .entry-content {
    max-width:700px;
}


/* PAGE TEMPLATE: FORM (success A and USP)
**************************************************/
.cvk-form-success-content-wrapper {
    position:relative;
    z-index:10;
    min-height:750px;
    
    display:flex;
    justify-content:center;
    align-items:center;

    background-color:#E7E5DE;
    background-size:auto 650px,  440px auto;
    background-position:left bottom -125px, right top -160px;
    background-repeat:no-repeat;
}
.page-template-page-form-success-usp .cvk-form-success-content-wrapper {
    background-position:left bottom -200px, right top -160px;
}
.cvk-form-success-content-inner {
    position:relative;
    left:20px;
    width:1185px;
    margin:0 25px;
    padding:60px 25px 60px 0;

    font-size:22px;
    line-height:160%;
}
.cvk-form-success-content-inner h1 {
    margin-bottom:-10px;
}
.cvk-form-success-content-wrapper .cvk-form-success {
    max-width:800px;
    min-height:950px;
}
.cvk-success-usp .cvk-form-success {
    max-width:750px;
    min-height:875px;
}
.cvk-form-success .entry-content {
    max-width:800px;
}
.page-template-page-form-success-usp .entry-content {
    max-width:700px;
}
.cvk-form-success .entry-content a {
    color:#002111;
}
.cvk-form-success .entry-content a:hover {
    color:#E14C0F;
    text-decoration:none;
}
.cvk-form-image-01 {
    height:870px;
}
.cvk-form-image-02 {
    height:890px;
}
.cvk-form-image-03 {
    height:870px;
}
.cvk-form-image-04 {
    height:900px;
}
.cvk-form-image-05 {
    height:890px;
}



/* PAGE TEMPLATE: ZOEKEN
**************************************************/
.page-template-page-zoeken .cvk-block-overons {
    min-height:750px;
}



/* LOCATIONS INFO (/verzorgingsgebied pages)
**************************************************/
/* locations list */
.cvk-locations-info {
    margin:50px 0 0 0;
    font-size:18px;
    line-height:170%;
}
.cvk-locations-info h2 {
    font-size:38px;
    line-height:145%;
}
.cvk-locations-info a {
    color:#002111;
}
.cvk-locations-info ul {
    list-style-type:none;
    margin:55px 0 75px 0;
    padding:0;

    display:grid;
    grid-template-rows:repeat(9, auto);
    grid-template-columns:auto auto auto auto auto;
    grid-auto-flow:column;
}
.cvk-locations-info ul li {
    list-style-type:none;
    font-size:18px;
    line-height:220%;
}
/* other locations */
.cvk-other-locations {
    margin-bottom:110px;
}
.cvk-other-locations h3 {
    font-size:38px;
    line-height:145%;
}
.cvk-other-locations p {
    max-width:700px;
    font-size:20px;
    line-height:160%;
}
.verzorgingsgebieden-left {
    margin-bottom:20px;
}
.verzorgingsgebieden-right {
    -webkit-transform:translateX(75px);
    transform:translateX(75px);
}
.cvk-other-locations strong {
    font-size:24px;
}
.cvk-other-locations a {
    font-size:18px;
    margin-bottom:75px;
}
/* submenu arrow adjustments (full dropdown css above, under footer menu code) */
.verzorgingsgebied-sidebar-menu .cvk-sub-arrow {
    z-index:9;
    right:-2px;
}
.verzorgingsgebied-sidebar-menu span.cvk-submenu-active {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
}


/* GUTENBERG
**************************************************/
/* pullquote*/
.wp-block-pullquote {
    max-width:600px;
    text-align:left;
    margin-bottom:65px;
    padding:15px 0 0px 0;
}
.wp-block-pullquote blockquote {
    padding:2px 0 0 25px;
    border-left:4px solid #EA5925;
}
.wp-block-pullquote blockquote p {
    font-weight:400;
    font-style:italic;

    font-size:36px !important;
    line-height:42px !important;
    color:#EA5925 !important;
  
    margin-bottom:0px !important;
}
.wp-block-pullquote blockquote cite {
    font-family:Jost;
    font-weight:400;
    font-size:16px;
    font-style:normal;
    color:#626262 !important;
}

/* on tablets and lower screen sizes turn GRID BLOCK into vertical list */
@media ( max-width:1280px) {
    .wp-block-group-is-layout-grid,
    .cvk-locations-info .wp-block-group { grid:none !important; }
}
.wp-block-image {
    margin-top:20px;
}
.page-template-page-info-template .wp-block-image img,
.page-template-page-verkeerongeluk-gehad-child .wp-block-image img,
.page-template-page-verzorgingsgebied-child-amsterdam .wp-block-image img,
.page-template-page-verzorgingsgebied-child-groot-amsterdam .wp-block-image img,
.page-template-page-verzorgingsgebied-child-overige-steden .wp-block-image img,
.page-template-page-verzorgingsgebied-child-buitenland .wp-block-image img {
    width:100% !important;
    height:auto !important;
}


/* ARCHIVES (CAT/TAG/AUTHOR)
**************************************************/
.cvk-block-archives-main {
    position:relative;
    z-index:10;

    display:flex;
    align-items:flex-start;
    justify-content:center;
    align-items:center;

    background-color:#fff;
}
.cvk-block-archives-main-inner {
    position:relative;
    width:1300px;
    margin:0 50px;
    padding:275px 0 75px 0;
}
.cvk-block-archives-main-inner .button-white-round-arrow-right {
    position:absolute;
    top:5px;
    right:25px;
}
.cvk-block-archives-main-inner .showing {
    text-align:left;
}
.cvk-block-archives-main-inner .showing h1 {
    font-weight:400;
    font-size:42px;
    margin-bottom:5px;
}
.cvk-block-archives-main-inner .showing span {
    font-size:16px;
    color:#E14C0F;
}
.cvk-block-archives-main-inner .showing p {
    font-size:22px;
    line-height:160%;
    color:#7C7C7B;
    margin-top:25px !important;
}
.cvk-loop {
    margin-top:50px;
    margin-bottom:50px;
}
.cvk-loop ul {
    margin:0;
    padding:0;
}
.cvk-loop ul li.cvk-blog-post {
    display:inline-block;
    vertical-align:top;
    margin:0 0 30px 0;
}
/* on archive pages, remove left padding on 1st and every 4th post */
.cvk-loop ul li.cvk-blog-post:first-of-type,
.cvk-loop ul li.cvk-blog-post:nth-of-type(4),
.cvk-loop ul li.cvk-blog-post:nth-of-type(7),
.cvk-loop ul li.cvk-blog-post:nth-of-type(10),
.cvk-loop ul li.cvk-blog-post:nth-of-type(13) {
    padding-left:0 !important;
}
/* on archive pages, border on every 3rd post */
.cvk-loop ul li.cvk-blog-post:nth-child(3n) {
    border:none;
}

/* author page edits */
.author .showing {
    display:flex;
    flex-direction:row;
    align-items:left;
}
.author .showing-left {
    width:150px;
}
.author .showing-left > img {
    width:100px;
    height:100px;
    border-radius:50%;
    display:block;
}
.author .showing-left > a {
    position:relative;
    top:15px;
    margin-left:40px;
}
.author .showing-right {
    width:100%;
}
.author .showing-right h1 {
    font-size:30px;
    line-height:125%;
    margin-bottom:3px;
}
.author .showing-nick {
    color:#4E4E4E !important;
    font-size:16px;
    line-height:130%;
    margin-bottom:10px;
}
.author .showing-right span {
    display:block;
}
.author .showing-right p {
    margin-top:7px;
}



/* SINGLE POST
**************************************************/
.cvk-block-single-main {
    position:relative;
    z-index:10;
    
    display:flex;
    justify-content:center;
    align-items:center;

    background-color:#FAFAFA;
}
.cvk-block-single-main-inner {
    position:relative;
    width:1350px;
    margin:0 25px;
    padding:210px 0 100px 0;
    
    display:flex;
    flex-direction:column;
}
.cvk-entry-content-wrapper {
    display:flex;
    margin-top:75px;
}
.cvk-entry-content-wrapper .entry-content ul,
.cvk-entry-content-wrapper .entry-content ul li,
.cvk-entry-content-wrapper .entry-content ol,
.cvk-entry-content-wrapper .entry-content ol li {
    font-size:20px;
    line-height:160%;
    padding:0;
}

/* share buttons */
.cvk-share {
    position:absolute;
}
.cvk-share a {
    display:block;
    margin-bottom:20px;
}

/* post meta info */
.single-meta {
    margin-bottom:15px;
}
.single-meta div {
    position:relative;
    width:max-content;
    display:inline-block;
    margin-right:8px !important;
}
.single-meta div,
.single-meta div a {
    font-size:16px;
    font-weight:500;
    color:#002111;
    margin:0;
    padding:0;
}
.single-meta div::after {
    content:'';
    position:absolute;
    top:11px;
    right:-8px;
    width:3px;
    height:3px;
    border-radius:50%;
    background-color:#E14C0F;
    line-height:20px;
}
.single-meta div:first-child::after {
    top:17px;
}
.single-meta div:last-child::after {
    display:none;
}
.bsf-rt-reading-time {
    padding:0 !important;
    margin:0 !important;
    color:#002111 !important;
    background:transparent !important;
    display:inline-block !important;
}
.single-meta ul,
.single-meta ul li {
    padding:0;
    margin:0;
    list-style-type:none;
}

/* single post author (below title) */
.cvk-single-author {
    display:flex;
    align-items:center;
    margin-bottom:40px;

    font-size:16px;
    line-height:100%;
}
.cvk-single-author img.avatar {
    width:48px;
    height:48px;
    border-radius:50%;
    margin-left:5px;
    margin-right:20px;
}
.cvk-single-author a {
    color:#3B3C3C;
    line-height:130%;
    font-weight:700;
}
.cvk-single-author a:hover {
    color:#E14C0F;
    text-decoration:none;
}
.cvk-single-author a span {
    display:block;
    color:#4E4E4E;
    font-weight:400;
}

/* single post content */
.cvk-entry-content-wrapper .entry-content {
    max-width:620px;
    margin-left:160px;
    margin-right:75px;
    padding-top:10px;
}
.cvk-block-single-main-inner .entry-content article p a,
.cvk-block-single-main-inner .entry-content article ul li a {
    text-decoration:none;
    color:#002111;
}
.cvk-block-single-main-inner .entry-content article p a:hover,
.cvk-block-single-main-inner .entry-content article ul li a:hover {
    text-decoration:none;
    color:#E14C0F;
}
.cvk-entry-content-wrapper h1 {
    font-size:30px;
    line-height:130%;
    display:block;
    max-width:max-content;
}
.cvk-entry-content-wrapper .entry-content h2 {
    font-size:24px;
    line-height:160%;
    margin:25px 0 -15px 0;
    padding:0;
}
.cvk-entry-content-wrapper .entry-content h3 {
    font-size:20px;
    line-height:160%;
    margin:25px 0 -15px 0;
    padding:0;
}
.cvk-entry-content-wrapper .entry-content p {
    font-size:16px;
    line-height:160%;
    font-weight:300;
    padding:0;
    color:#002111;
}
.cvk-entry-content-wrapper .entry-content .wp-block-image img {
    margin:0 0 5px 0;
    border-left:7px solid #EA5925;
}

/* post tags */
.cvk-entry-content-wrapper .cvk-post-tag {
    margin-top:50px;
    font-size:12px;
}
.cvk-entry-content-wrapper .cvk-post-tag a {
    color:#E7E5DE;
    border-radius:50px;
    padding:9px 25px;
    margin-right:5px;
    background-color:#EA5925;
    font-weight:700;
}

/* blog sidebar */
.cvk-blog-sidebar {
    width:500px;
    margin-top:20px;
    margin-left:auto;
    padding:40px 40px 0 60px;
    background-color:#fff;
}
.cvk-blog-sidebar > div > div {
    margin-bottom:45px;
}
.cvk-blog-sidebar h3 {
    font-size:23px;
    font-weight:400;
    color:#3F3F3E;
    
    padding-bottom:15px;
    border-bottom:1px solid #3B3C3C;
}

/* /blog sidebar phone number adjustments */
.cvk-blog-sidebar .circled-phone-number-sidebar {
    margin-left:60px;
}
.cvk-blog-sidebar .phone-number-sidebar-secondary-link {
    margin:-25px 0 40px 10px;
}

/* blog sidebar latest posts */
.cvk-sidebar-latest {
    margin-top:75px;
}
.cvk-sidebar-latest ul {
    list-style-type:none;
    padding:0;
}
.cvk-sidebar-latest ul li {
    width:100%;
    padding:20px 0 10px 10px;
    border:none;
    border-bottom:1px solid #DADBDB;
    border-radius:0;
}
.cvk-sidebar-latest ul li:first-of-type {
    padding-top:10px;
}
.cvk-sidebar-latest ul li h3 {
    border:none;
    padding:0;
}
.cvk-sidebar-latest ul li span {
    font-weight:500;
}

/* blog sidebar categories */
.cvk-sidebar-categories {
    margin-top:75px;
}
.cvk-sidebar-categories ul {
    list-style-type:none;
    padding:0;
}
.cvk-sidebar-categories > ul {
    margin-top:30px;
}
.cvk-sidebar-categories ul ul {
    border-top:1px solid #DADBDB;
}
.cvk-sidebar-categories ul ul li {
    padding-left:10px;
}
.cvk-sidebar-categories ul ul li a {
    font-size:17px;
}
.cvk-sidebar-categories > ul > li:nth-of-type(2) {
    border:none;
}
.cvk-sidebar-categories ul li {
    position:relative;
    overflow:hidden;
    border-bottom:1px solid #DADBDB;
}

/* re-arrange categories */
.cvk-sidebar-categories > ul {
    display:flex;
    flex-direction:column;
}
/* move 'Nieuws en artikelen' to the top */
.cvk-sidebar-categories > ul li:nth-child(3) {
    order:-1;
}
/* move 'Kennisbank' to the bottom */
.cvk-sidebar-categories > ul li:nth-child(2) {
    order:2;
}

.cvk-sidebar-categories ul li a {
    position:relative;
    width:100%;
    display:block;
    color:#002111;
    text-decoration:none;
    padding:20px 0 20px 15px;

    font-weight:400;
    font-size:19px;

    -webkit-transition:.2s ease;
    transition:.2s ease;
}
.cvk-sidebar-categories ul li a:hover {
    color:#E14C0F;
}
.cvk-sidebar-categories ul li > span {
    position:absolute;
    top:21px;
    right:0;
    pointer-events:none;
    text-align:right;
    overflow:hidden;

    font-weight:400;
    font-size:17px;

    -webkit-transition:.2s ease;
    transition:.2s ease;
}
.cvk-sidebar-categories ul li a:hover + span {
    position:absolute;
    opacity:0;
    right:0;

    -webkit-transform:translateY(-20px);
    transform:translateY(-20px);
}
.cvk-sidebar-categories .cvk-cat-arrow {
    position:absolute;
    top:10px;
    right:0;
    width:40px;
    height:40px;
    opacity:0;

    background-image:url(icons/icon-blog-cat-arrow.svg);
    background-size:auto auto;
    background-position:top 14px right;
    background-repeat:no-repeat;

    -webkit-transform:translateY(20px);
    transform:translateY(20px);
  
    -webkit-transition:.2s ease;
    transition:.2s ease;
}
.cvk-sidebar-categories ul li a:hover > .cvk-cat-arrow {
    opacity:1;

    -webkit-transform:translateY(0);
    transform:translateY(0);
}

/* blog bottom related stories */
.cvk-related-stories-wrapper {
    margin-top:150px;
    border-top:1px solid #3B3C3C;
    padding-top:15px;
}
.cvk-related-stories-wrapper > span {
    font-weight:300;
    font-size:12px;
    color:#002111;
}
.cvk-related-stories-wrapper > ul {
    padding-left:0;
    display:flex;
    justify-content:space-between;
    margin-top:25px;
}
.cvk-related-stories-wrapper > ul > li {
    margin:0;
}
.cvk-related-stories-wrapper li.cvk-blog-post {
    min-height:260px;
    padding-top:20px;
    padding-bottom:20px;
    margin:0;
}
.cvk-related-stories-wrapper .cvk-blog-post p {
    color:#727272;
}
.cvk-related-stories-wrapper .cvk-blog-post:first-of-type {
    padding-left:0;
}
.cvk-related-stories-wrapper .cvk-blog-post:last-of-type {
    border:none;
}

/* Read Meter plugin customize */
#bsf_rt_progress_bar_container {
    z-index:20;
    top:150px;
    opacity:1 !important;
}



/* CTA BUTTONS
**************************************************/
/* CTA button (orange outline, dark text,icon) */
a.cta-outline-orange {
    position:relative;
    z-index:1;
    width:max-content;
    text-decoration:none;
    font-weight:300;
    font-size:22px;
    color:#3B3C3C;
    padding:10px 50px 10px 25px;
    outline:1px solid #EA5925;

    border-radius:50px;
    display:inline-block;

    -webkit-transition:all .2s cubic-bezier(.5, 1, 0.2, 1.5);
    transition:all .2s cubic-bezier(.5, 1, 0.2, 1.5);
}
a.cta-outline-orange:hover {
    font-weight:400;
    text-decoration:none;
    padding-right:60px;
    padding-left:30px;
    outline:1.5px solid #EA5925;
}
a.cta-outline-orange::after {
    content:'';
    position:absolute;
    top:19px;
    right:20px;

    width:15px;
    height:15px;
    display:block;
    transform-origin:center;
    background-repeat:no-repeat;

    background-image:url('icons/icon-outline-button.svg');
    background-size:15px 15px;
    background-repeat:no-repeat;

    -webkit-transition:all .2s cubic-bezier(.5, 1, 0.2, 1.5);
    transition:all .2s cubic-bezier(.5, 1, 0.2, 1.5);
}
a.cta-outline-orange:hover::after {
    transform:rotate(45deg);
}

/* CTA button (orange outline, light text,icon) */
a.cta-outline-orange-light {
    position:relative;
    z-index:1;
    width:max-content;
    text-decoration:none;
    font-weight:300;
    font-size:22px;
    color:#E0E0E0;
    padding:10px 50px 10px 25px;
    outline:1px solid #EA5925;

    border-radius:50px;
    display:inline-block;

    -webkit-transition:all .2s cubic-bezier(.5, 1, 0.2, 1.5);
    transition:all .2s cubic-bezier(.5, 1, 0.2, 1.5);
}
a.cta-outline-orange-light:hover {
    font-weight:400;
    text-decoration:none;
    padding-right:60px;
    padding-left:30px;
    outline:1.5px solid #EA5925;
}
a.cta-outline-orange-light::after {
    content:'';
    position:absolute;
    top:19px;
    right:20px;

    width:15px;
    height:15px;
    display:block;
    transform-origin:center;
    background-repeat:no-repeat;

    background-image:url('icons/icon-outline-button-light.svg');
    background-size:15px 15px;
    background-repeat:no-repeat;

    -webkit-transition:all .2s cubic-bezier(.5, 1, 0.2, 1.5);
    transition:all .2s cubic-bezier(.5, 1, 0.2, 1.5);
}
a.cta-outline-orange-light:hover::after {
    transform:rotate(45deg);
}


/* CTA button (h2 text outside of icon) */
a.cta-outline-orange-arrow {
    display:flex;
    width:max-content;

    margin-bottom:-65px;
    transform:translateY(-65px);
}
a.cta-outline-orange-arrow h2 {
    position:relative;
    z-index:1;
    width:auto; 
    font-size:22px;
    line-height:100%;

    -webkit-transition: all .2s cubic-bezier(.5, 1, 0.2, 1.5);
    transition: all .2s cubic-bezier(.5, 1, 0.2, 1.5);
}
a.cta-outline-orange-arrow:hover {
    text-decoration:none;
}
a.cta-outline-orange-arrow .cta-arrow {
    position:relative;
    z-index:1;
    top:11px;
    left:8px;
    width:28px;
    height:28px;
    outline:1px solid #EA5925;

    border-radius:50px;
    display:block;

    -webkit-transition:all .2s cubic-bezier(.5, 1, 0.2, 1.5);
    transition:all .2s cubic-bezier(.5, 1, 0.2, 1.5);
}
a.cta-outline-orange-arrow:hover .cta-arrow {
    outline:1.5px solid #EA5925;
    transform:translateX(5px);
}
a.cta-outline-orange-arrow .cta-arrow::after {
    content:'';
    position:absolute;
    top:10px;
    left:9px;

    width:9px;
    height:9px;
    display:block;
    transform-origin:center;
    background-repeat:no-repeat;

    background-image:url('icons/icon-outline-button.svg');
    background-size:9px 9px;
    background-repeat:no-repeat;

    -webkit-transition:all .2s cubic-bezier(.5, 1, 0.2, 1.5);
    transition:all .2s cubic-bezier(.5, 1, 0.2, 1.5);
}
a.cta-outline-orange-arrow:hover .cta-arrow::after {
    left:9.5px;
    top:9.5px;
    transform:rotate(45deg);
}



/* SWITCH TO PORTRAIT NOTICE (mobile)
**************************************************/
/* logo on portrait notice */
.cvk-portrait-notice-wrapper > img {
    position:fixed;
    display:block;
    top:25px;
    left:26px;
    width:244px;
    height:auto;
}
/* hide by default */
.cvk-portrait-notice-wrapper {
    display:none;
}
/* show under specified circumstances */
@media (orientation: landscape) and (hover: none) and (pointer: coarse) and (max-height:650px) {
    .cvk-portrait-notice-wrapper {
        display:table;
        position:fixed;
        z-index:9999999999;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background-color:rgba(0,33,17,.7);

        -webkit-backdrop-filter:blur(25px);
        backdrop-filter:blur(25px);
    }
}

/* white device */
.cvk-portrait-device {
    position:absolute;
    top:calc(50% - 35px);
    left:0;
    right:0;
    width:90px;
    height:50px;
    border:3px solid #ccc;
    border-radius:6px;
    margin:0 auto 0 auto;

    transform-origin:bottom right;

    animation-name:rotate-device;
    animation-duration:4s;
    animation-timing-function:ease-in-out;
    animation-iteration-count:infinite;
    animation-fill-mode:forwards;
}
@keyframes rotate-device {
    0% { opacity:0; transform:scale(1); }
    10%, 15% { opacity:1; transform:scale(1); }
    30% { opacity:1; transform:rotate(92deg) translateY(50px) translateX(0px); }
    35%, 90% { opacity:1; transform:rotate(90deg) translateY(50px) translateX(0px); }
    100% { opacity:0; transform:rotate(90deg) translateY(50px) translateX(0px); }
}

/* grayed out device */
.cvk-portrait-device-back {
    position:absolute;
    z-index:-1;
    top:calc(50% - 35px);
    left:0;
    right:0;
    width:90px;
    height:50px;
    border:3px solid #fff;
    border-radius:6px;
    margin:0 auto;
    box-sizing:border-box;
    opacity:.1;

    transform-origin:bottom right;

    animation-name:rotate-device-back;
    animation-duration:4s;
    animation-timing-function:ease-in-out;
    animation-iteration-count:infinite;
    animation-fill-mode:forwards;
}
@keyframes rotate-device-back {
    0%, 15% { opacity:.1; transform:translateY(0px) translateX(0px); }
    35% { opacity:.1; transform: translateY(0px) translateX(-15px); }
    95% { opacity:.1; transform: translateY(0px) translateX(-15px); }
    100% { opacity:0; transform:translateY(0px) translateX(-15px); }
}
/* buttons for both devices */
.cvk-portrait-device::before,
.cvk-portrait-device-back::before {
    content:'';
    position:absolute;
    width:6px;
    height:6px;
    background-color:#fff;
    top:calc(50% - 3px);
    right:calc(10% - 3px);
    border-radius:5px;
}
/* rotate device text */
.cvk-portrait-notice {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    color:#E7E5DE;
}
.cvk-portrait-notice span {
    display:block;
    font-size:16px;
    margin-top:100px;
    opacity:.75;
}


/* SWITCH TO LANDSCAPE NOTICE (iPad)
**************************************************/
/* logo on landscape notice */
.cvk-landscape-notice-wrapper > img {
    position:fixed;
    display:block;
    top:30px;
    left:45px;
    height:36px;
}
/* hide by default */
.cvk-landscape-notice-wrapper {
    display:none;
}
/* show under specified circumstances */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
    .cvk-landscape-notice-wrapper {
        display:table;
        position:fixed;
        z-index:9999999999;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background-color:rgba(0,33,17,.7);

        -webkit-backdrop-filter:blur(25px);
        backdrop-filter:blur(25px);
    }
}

/* white device */
.cvk-landscape-device {
    position:absolute;
    top:calc(50% - 55px);
    left:0;
    right:0;
    width:90px;
    height:70px;
    border:3px solid #ccc;
    border-radius:6px;
    margin:0 auto 0 auto;

    transform-origin:center center;

    animation-name:rotate-device-landscape;
    animation-duration:4s;
    animation-timing-function:ease-in-out;
    animation-iteration-count:infinite;
    animation-fill-mode:forwards;
}
@keyframes rotate-device-landscape {
    0% { opacity:0; transform:rotate(90deg) translateY(0px) translateX(0px); }
    10%, 15% { opacity:1; transform:rotate(90deg) translateY(0px) translateX(0px); }
    30% { opacity:1; transform:rotate(-2deg) translateY(0px) translateX(0px); }
    35%, 90% { opacity:1; transform:rotate(0deg) translateY(0px) translateX(0px); }
    100% { opacity:0; transform:rotate(0deg) translateY(0px) translateX(0px); }
}

/* grayed out device */
.cvk-landscape-device-back {
    position:absolute;
    z-index:-1;
    top:calc(50% - 55px);
    left:0;
    right:0;
    width:90px;
    height:70px;
    border:3px solid #fff;
    border-radius:6px;
    margin:0 auto;
    box-sizing:border-box;
    opacity:.1;

    transform-origin:center;

    animation-name:rotate-device-back-landscape;
    animation-duration:4s;
    animation-timing-function:ease-in-out;
    animation-iteration-count:infinite;
    animation-fill-mode:forwards;
}
@keyframes rotate-device-back-landscape {
    0%, 15% { opacity:.1; transform:rotate(90deg) translateY(0px) translateX(0px); }
    35% { opacity:.1; transform:rotate(90deg) translateY(0px) translateX(-10px); }
    95% { opacity:.1; transform:rotate(90deg) translateY(0px) translateX(-10px); }
    100% { opacity:0; transform:rotate(90deg) translateY(0px) translateX(-10px); }
}

/* buttons for both devices */
.cvk-landscape-device::before,
.cvk-landscape-device-back::before {
    content:'';
    position:absolute;
    width:6px;
    height:6px;
    background-color:#fff;
    top:calc(50% - 3px);
    right:calc(10% - 3px);
    border-radius:5px;
}

/* rotate device text */
.cvk-landscape-notice {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    color:#E7E5DE;
}
.cvk-landscape-notice span {
    display:block;
    font-size:16px;
    margin-top:100px;
    opacity:.75;
}



/* COOKIE NOTICE (CookieCode)
**************************************************/
/* fullscreen background */
dialog::backdrop {
    background-color:rgba(0,0,0,.85) !important;

    -webkit-backdrop-filter:blur(25px);
    backdrop-filter:blur(25px);
}
/* popup dialog */
dialog {
    width:900px;
    height:750px;
	border:none;
	background-color:#E7E5DE;
	color:#002111;
	font-size:18px;
	padding:0;
	flex-direction:column;
}
dialog[open] {
	display:flex;
}
dialog .name {
    font-weight:700;
}
/* header */
header {
    z-index:9;
    width:100%;
    background:#E7E5DE;
    padding:35px 25px 15px 50px;
}
header .title {
    font-size:25px;
    font-weight:600;
}
header .subtitle {
    display:none;
    font-size:14px;
}
/* content */
main {
    width:100%;
    padding:10px 50px 25px 50px;
    overflow:auto;

    font-size:16px;
	line-height:22px;
	
	scrollbar-width:thin;
	overscroll-behavior:contain;
}
/* srollbar */
main::-webkit-scrollbar {
	width:12px;
}
main::-webkit-scrollbar-thumb {
	background:#49764B;
	background-clip:padding-box;
	border-radius:0;
}
main .intro-specific {
	text-align:left;
	font-size:16px;
	line-height:22px;
	color:#111;
	margin-top:-5px;
}
main .intro-generic {
	text-align:left;
	font-size:16px;
	line-height:22px;
	max-width:550px;
	margin:0;
	color:#111;
}
/* main */
main .service-group-header {
    position:relative;
}
main .service-group-header .name {
    position:relative;
	left:40px;
    font-size:22px;
	font-weight:600;
    margin-top:75px;
    margin-bottom:10px;
}
main .service-group-header .description {
    position:relative;
	left:0;
    font-size:17px;
    color:#111;
}
.service-group-header .action {
	position:absolute;
	top:-1px;
	left:0;
	width:20px;
}
/* sub */
main .service {
    position:relative;
}
main .service .name {
	margin-top:40px;
    margin-bottom:5px;
	font-size:18px;
    font-weight:600;
}
main .service .description {
	display:inline-block;
	width:90%;
    font-size:15px;
	line-height:21px;
    color:#111;
}
main .service .action {
    position:absolute;
	right:-19px;
	top:-7px;
	display:inline-block;
	width:60px;
	vertical-align:top;
	text-align:right;
	margin:0;
	padding:0;
}
/* buttons */
footer {
    text-align:right;
	background:#E7E5DE;
    width:100%;
    position: -webkit-sticky;
    position: sticky;
    bottom:0;
    width:100%;
    align-self:flex-start;
    padding:15px 25px 20px 25px;
    bottom:-1px !important;
}
footer::before {
	content:'';
	position:absolute;
	top:-30px;
	left:0;
	width:100%;
	height:30px;
    background:linear-gradient(0deg, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 100%);
}
/* save button */
footer .button-save {
	float:right;
	display:block;
	font-size:16px;
    font-family:'Jost';
    font-weight:700;
    display:block;
    text-decoration:none;
    padding:12px 75px 12px 75px;
    border-radius:5px;
    color:#090816;
    border:2px solid #49764B;
	background:transparent;
	cursor:pointer;

    background-image:linear-gradient(#49764B, #49764B);
    background-position:50% 50%;
    background-repeat:no-repeat;
    background-size:0% 100%;
    transition:background-size .35s, color .35s;
}
footer .button-save:hover {
	color:#fff;
    background-size:100% 100%;
}	

/* close button */
footer .button-close {
	float:right;
	background:transparent;
	border:none;
	cursor:pointer;
	
	position:relative;
	top:16px;
    width:fit-content;
    font-size:14px !important;
    font-family:'Jost' !important;
    font-weight:700 !important;
    color:#090816 !important;
    padding:0 !important;
    margin-right:30px;
}
footer .button-close::after {
	position:absolute;
    z-index:-1;
    left:0;
    content:'';
    width:calc(100% + 1px);
    height:4px;
    background-color:#49764B;
    bottom:0px;
    transform:scale(0,1);
    transition:transform 0.25s;
    transform-origin:left top;
}
footer .button-close:hover::after {
	-webkit-transform:scale(1,1);
    transform:scale(1,1);
}

/* turn checkbox into toggle button (group item) */
.action-consent-service-group {
	-webkit-appearance: none;
	-webkit-tap-highlight-color: transparent;
	position:relative;
	top:-1px;
	left:0;
	border:0;
	outline:0;
	cursor:pointer;
	margin:0px;
}
/* background */
.action-consent-service-group:after {
	content: '';
	width:22px;
	height:22px;
	display:inline-block;
	border:2px solid #999;
	border-radius:2px;
	clear:both;
}
/* handle */
.action-consent-service-group:before {
    content: '';
    width:11px;
    height:5px;
    position:absolute;
    top:7px;
    left:6px;
    border:3px solid #999;
    border-top: none;
    border-right: none;
    background: transparent;
    opacity:0;
    transform:rotate(-45deg);
}
/* handle hover */
.action-consent-service-group:hover:before {
  opacity:1;
}
/* handle when enabled */
.action-consent-service-group:checked:before {
	opacity:1;
    border-color:#fff;
}
/* background hover */
.action-consent-service-group:hover::after {
	background-color:transparent;
    border-color:#49764B;
}
/* background color when enabled */
.action-consent-service-group:checked:after {
	background-color:#49764B;
	border-color:#49764B;
}
/* animation speed */
.action-consent-service-group,
.action-consent-service-group:before,
.action-consent-service-group:after {
	-webkit-transition:all 0s ease;
    transition:all 0s ease;
}
.action-consent-service-group:checked:before,
.action-consent-service-group:checked:after {
	-webkit-transition:all .2s ease;
    transition:all .2s ease;
}

/* turn checkbox into toggle button (sub-item) */
.action-consent-service {
	-webkit-appearance:none;
	-webkit-tap-highlight-color:transparent;
	position:relative;
	border:0;
	outline:0;
	cursor:pointer;
	margin:10px;
}
/* background */
.action-consent-service:after {
	content:'';
	width:37px;
	height:7px;
	display:inline-block;
	background:rgba(195, 195, 195, 0.5);
	border-radius:10px;
	clear:both;
}
/* handle */
.action-consent-service:before {
	content: '';
	width:19px;
	height:19px;
	display:block;
	position:absolute;
	left:-2px;
	top:-3px;
	border-radius: 50%;
	background:#444;
    border:2px solid #fff;
}
/* handle position when enabled */
.action-consent-service:checked:before {
	left:20px;
}
/* background color when enabled */
.action-consent-service:checked:after {
	background: #49764B;
}
/* animation speed */
.action-consent-service,
.action-consent-service:before,
.action-consent-service:after,
.action-consent-service:checked:before,
.action-consent-service:checked:after {
	-webkit-transition:all .2s ease;
    transition:all .2s ease;
}

.cc_root {
    position:fixed;
    width:100%;
    z-index:99999;
    bottom:0;

    -webkit-transition:all .75s ease;
	transition:all .75s ease;
}
.cc_root > div {
    color:#fff;
    min-height:100px;
    background-color:rgba(0,0,0,.9) !important;

    -webkit-backdrop-filter:blur(25px);
    backdrop-filter:blur(25px);
}
/* hide cookie icon */
.cc_root svg {
    display:none !important;
}
.cc_text {
    font-family:'Jost' !important;
    color:#EAE5E5 !important;
    font-size:18px;
    line-height:26px !important;
    padding:25px 0 45px 25px !important;
}
a.cc_link_cookie_declaration {
    color:#fff !important;
    position:relative;
    font-size:18px;
    line-height:20px !important;
    text-decoration:none !important;
    top:30px !important;
}
/* underline effect */
a.cc_link_cookie_declaration::after {
    position:absolute;
    z-index:-1;
    left:0;
    content:'';
    width:calc(100% + 5px);
    height:4px;
    background-color:#49764B;
    bottom:0px;
    transform:scale(0,1);
    transition:transform 0.25s;
    transform-origin:left top;
}
a.cc_link_cookie_declaration:hover::after {
    width:calc(100% + 32px);
    -webkit-transform:scale(1,1);
    transform:scale(1,1);
}
/* arrow */
a.cc_link_cookie_declaration::before {
	content:'';
	position:absolute;
	top:3px;
	right:-27px;
	width:20px;
	height:20px;
	
	-webkit-transition:all .25s ease;
	transition:all .25s ease;
}
a.cc_link_cookie_declaration:hover::before {
	-webkit-transform:translateX(5px);
	transform:translateX(5px);
}
/* "Settings" button */
.cc_button_settings {
    position:relative;
    width:fit-content;
    font-size:14px !important;
    font-family:'Jost' !important;
    font-weight:700 !important;
    color:#fff !important;
    padding:0 !important;
    margin-right:20px;
}
.cc_button_settings::after {
    position:absolute;
    z-index:-1;
    left:0;
    content:'';
    width:calc(100% + 1px);
    height:4px;
    background-color:#49764B;
    bottom:1px;
    transform:scale(0,1);
    transition:transform 0.25s;
    transform-origin:left top;
}
.cc_button_settings:hover::after {
    -webkit-transform:scale(1,1);
    transform:scale(1,1);
}
/* "Accept all cookies" button */
.cc_button_allowall {
    font-size:16px !important;
    font-family:'Jost' !important;
    font-weight:700 !important;
    text-decoration:none;
    padding:16px 55px 14px 55px !important;
    border-radius:5px !important;
    color:#fff !important;
    border:2px solid #fff !important;

    background-color:transparent !important;
    background-image:linear-gradient(#49764B, #49764B);
    background-position:50% 50%;
    background-repeat:no-repeat;
    background-size:0% 100%;
    transition:background-size .35s, color .35s;
}
.cc_button_allowall:hover {
    color:#fff;
    background-size:100% 100%;
}

/* adjustments for non-switchable cookies */
.action-consent-service-group[name='FUNCTIONAL']:after {
  border-color:#BCBCBC;
}
.action-consent-service-group[name='FUNCTIONAL']:before {
  border-color:#BCBCBC !important;
  opacity:1 !important;
}
.action-consent-service[name='none_Cloudflare']:before,
.action-consent-service[name='none_SiteCookies']:before,
.action-consent-service[name='none_WPML']:before {
	background-color:#BCBCBC !important;
 	left:20px;
}

/* adjustments for resolutions less than 800px */
@media screen and (max-width:800px) {
    header {
        padding-top:25px ;
        padding-left:25px ;
    }
    main {
        padding-left:25px ;
    }
    .cc_text {
        padding:15px 0 35px 15px !important;
    }
    .cc_text,
    .cc_text a {
        font-size:16px;
        line-height:20px !important;
    }
    .cc_button_settings {
        top:65px;
        margin:0 auto;
    }
    .cc_button_allowall {
        margin-top:-50px !important;
        padding:16px 25px 14px 25px !important;
    }
}




/* Schema Q&A
**************************************************/
.wpsp-faq__outer-wrap {
    margin-left:-10px !important;
}
.wpsp-faq-item:focus {
    outline:0 !important;
}
.wpsp-faq-child__outer-wrap .wpsp-faq-item {
    border:0 !important;
}
.wpsp-faq-child__outer-wrap .wpsp-question,
.wpsp-faq-child__outer-wrap .wpsp-faq-item {
    font-size:20px !important;
    line-height:160% !important;
    background-color:transparent !important;
}
.wpsp-faq-child__outer-wrap .wpsp-question {
    font-weight:600 !important;
}
.wpsp-faq-child__outer-wrap .wpsp-faq-item p {
    font-size:20px !important;
    line-height:160% !important;
    padding-left:23px !important;
}

/* mobile adjustments */
@media screen and (max-width:800px) {
    .wpsp-faq-child__outer-wrap .wpsp-question,
    .wpsp-faq-child__outer-wrap .wpsp-faq-item {
        font-size:16px !important;
        line-height:160% !important;
    }
    .wpsp-faq-child__outer-wrap .wpsp-faq-item p {
        font-size:16px !important;
        line-height:160% !important;
    }
}



/* .entry-content HEADINGS
**************************************************/
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    font-family:Radio Canada Big;
    font-style:normal;
    font-weight:400;
    color:#555B6E;
    line-height:120%;
    margin-bottom:15px;
}
.entry-content h1 { font-size:36px; }
.entry-content h2 { font-size:28px; }
.entry-content h3 { font-size:24px; }
.entry-content h4 { font-size:22px; }
.entry-content h5 { font-size:20px; }
.entry-content h6 { font-size:18px; }

@media (max-width: 500px) {
  
  .entry-content h1 { font-size:30px; }
  .entry-content h2 { font-size:26px; }
  .entry-content h3 { font-size:24px; }
  .entry-content h4 { font-size:22px; }
  .entry-content h5 { font-size:20px; }
  .entry-content h6 { font-size:16px; }
  
}
@media (max-width: 400px) {
  
  .entry-content h1 { font-size:24px; }
  .entry-content h2 { font-size:22px; }
  .entry-content h3 { font-size:20px; }
  .entry-content h4 { font-size:18px; }
  .entry-content h5 { font-size:16px; }
  .entry-content h6 { font-size:14px; }
  
}