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

*/

@font-face {
    font-family: 'Codec Pro';
    src: url('assets/fonts/CodecPro-BoldItalic.woff2') format('woff2'),
        url('assets/fonts/CodecPro-BoldItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Codec Pro';
    src: url('assets/fonts/CodecPro-Bold.woff2') format('woff2'),
        url('assets/fonts/CodecPro-Bold.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Codec Pro';
    src: url('assets/fonts/CodecPro-ExtraBold.woff2') format('woff2'),
        url('assets/fonts/CodecPro-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Codec Pro';
    src: url('assets/fonts/CodecPro-ExtraBoldItalic.woff2') format('woff2'),
        url('assets/fonts/CodecPro-ExtraBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Codec Pro';
    src: url('assets/fonts/CodecPro-Regular.woff2') format('woff2'),
        url('assets/fonts/CodecPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



:root {
	--font-family: 'Codec Pro';
	
	--color-grey:#2E2E2E;
	--color-grey-50: #F7F7F7;
	--color-grey-75: #EEE;
	--color-bordeaux:#5C0C38;
	--color-orange: #FAA61A;
	--color-white: #fff;
	
	--text-h1:61px;
	--text-h2:39px;
	--text-h3:31px;
	--text-h4:25px;
	
	--text-p-large:20px;
	--text-p-medium:16px;
	--text-p-small:13px;
	--text-p-smallest:10px;
	
	
	--padding-content:100px 0 68px;
		
	--space-16:16px;
	--space-24:24px;
	--space-32:32px;
	--space-64:64px; 

	
	--gradient-dark-bordeaux:linear-gradient(180deg,rgba(52, 8, 32, 1) 0%, rgba(92, 12, 56, 1) 100%);
}


@media screen and (max-width:992px){
	
	:root {
		--text-h1:50px;
		--text-h2:30px;
		--text-h3:25px;
		--text-h4:21px;
		
		--text-p-large:18px;
		--text-p-medium:16px;
		--text-p-small:13px;
		--text-p-smallest:10px;
		
		
		--padding-content:50px 0 18px;
		
	}
	
}

@media screen and (max-width:767px){
	
	:root {
		--text-h1:38px;
		--text-h2:24px;
		--text-h3:21px;
		--text-h4:19px;
		
		
		--text-p-large:16px;
		--text-p-medium:14px;
		--text-p-small:11px;
		--text-p-smallest:10px;
	}
	
}
@media screen and (max-width:550px){
	
	:root {
		--text-h1:28px;
		
	}
	
}



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


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


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

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

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

a{text-decoration:none;}

.standaard-content a:not(.btn) {font-weight:bold;color:var(--color-bordeaux);text-decoration:underline;}

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

/*------------------------------------*\
    Fonts
\*------------------------------------*/
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {margin-bottom:0;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {   font-family: var(--font-family-title); margin: 0;color:var(--color-bordeaux); font-weight:500;line-height:1.3;text-transform:none}
body {font-size:var(--text-p-medium);line-height:1.5;font-family: var(--font-family);color:var(--color-black);font-weight:normal;}
 
h1, .h1 {font-size:var(--text-h1)}
h2, .h2 {font-size:var(--text-h2)}
h3, .h3 {font-size:var(--text-h3)}
h4, .h4, h5, .h5, h6, .h6 {font-size:var(--text-h4)}




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


.standaard-content ul:not(.btn-list), .standaard-content ul:not(.btn-list) li, .standaard-content ol {padding:0;margin:0;list-style:none;display:block}
.standaard-content ul:not(.btn-list) li {position:relative;padding-left:28px;margin-bottom:12px;display:flex;width:100%;gap:16px}
.standaard-content ul:not(.btn-list) li:last-child {margin-bottom:0;}
.standaard-content ul:not(.btn-list), .standaard-content ol {margin-bottom:20px;}
.standaard-content ul:not(.btn-list):last-child, .standaard-content ul li:last-child, .standaard-content ol:last-child {margin-bottom:0}
.standaard-content ul:not(.btn-list) li:before {    content: "";    position: absolute;    left: 0;    top: 0;    line-height: 1;    content: "";    background: url(assets/images/icons/check.svg);    width: 17px;    height: 22px;    border-radius: 50%;    display: inline-block;    background-size: contain;    background-repeat: no-repeat;    background-position: center center;}


.standaard-content.text-center ul:not(.btn-list) li:before {position:relative;}

.page-banner  ul:not(.btn-list):not(.contact-info-list):not(.vacature-info) li:before {
    width: 21px;
    top: 3px;
}
.page-banner  ul:not(.btn-list):not(.contact-info-list):not(.vacature-info)  li {padding-left:34px}

.bold-content {font-weight:500}


.bg-bordeaux .standaard-content ul:not(.btn-list) li:before  { background: url(assets/images/icons/check-yellow.svg);}
.standaard-content.text-center ul:not(.btn-list) li {justify-content:center;}

.standaard-content ol { counter-reset: li}
.standaard-content ol li {display:block;padding-left:20px;position:relative;}
.standaard-content ol li:before{counter-increment: li;content: counter(li)'.'; color: var(--color-bordeaux);
  display: inline-block; position:absolute;left:0;top:0;}

.standaard-content ul + .btn, .standaard-content ol + .btn {margin-top:5px;}

.btn-list , .btn-list  li {padding:0;margin:0;list-style:none }
.btn-list {display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;}
.text-center .btn-list {justify-content:center;}



.standaard-content ul.inline-list {    display: flex;    gap: 6px 24px;    flex-wrap: wrap;}
.standaard-content ul.inline-list li {display:inline-flex;    width: auto;}
.standaard-content.text-center ul.inline-list {justify-content:center}

.text-center {text-align:center}

.title-box {margin-bottom:8px}

.title-box h1, .page-banner h1, .page-banner h2 {font-weight:bold;}
.title-box h1, .title-box h2 {font-size:var(--text-h1);text-transform:uppercase;}
.title-box h2, .h2 {font-size:var(--text-h2);}
.title-box h3, .h3, .title-box .h3 {font-size:var(--text-h3);text-transform:uppercase;}
.title-box h4, .h4, .title-box h2.h4 {font-size:var(--text-h4);text-transform:uppercase;}


.centered-content {justify-content:center}
.centered-content > div {max-width:800px}


.fold-content {display:none}

.double-columns {  column-count: 1;	}

@media (min-width: 768px) {
  .double-columns {
    column-count: 2;
	column-gap: 24px;
  }
}

@media screen and (max-width:992px){
	.standaard-content ul.inline-list {gap:6px 16px}
}
@media screen and (max-width:768px){
	p:not(:last-child), .fold-content {margin-bottom:16px;}
	.standaard-content ul:not(.btn-list) li:not(:last-child) {margin-bottomn:8px}
}

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

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

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

.content-row {padding:var(--padding-content);position:relative;}
.no-background + .no-background, .bg-white + .bg-white, .bg-grey + .bg-grey, .bg-grey-50 + .bg-grey-50, .bg-bordeaux +.bg-bordeaux {padding-top:0;}

.bg-grey, .bg-grey-50{background-color:var(--color-grey-50);}
.bg-bordeaux {background-color:var(--color-bordeaux);}
.bg-bordeaux {color:#fff;}
.bg-bordeaux h2, .bg-bordeaux h3 {color:var(--color-orange)}



.marginfix {margin-bottom:var(--space-32);}
.large-marginfix {margin-bottom:var(--space-64);}
@media screen and (max-width:992px){
	.large-marginfix {margin-bottom:var(--space-32);}
}
.small-margin {margin-bottom:8px;}
.vacature-slider {margin-bottom:0}

.single-content > div:not(:last-child), .medium-marginfix  {margin-bottom:var(--space-24)}
.single-content .h3 + p {margin-top:8px}





.media-box {position:relative;border-radius:8px;overflow:hidden}
.media-box img {width:100%;}
.video-box {border-radius:8px;overflow:hidden;position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%;height: auto;} 
.video-box iframe, .video-box object, .video-box embed { position: absolute;top: 0;	left: 0;width: 100%;height: 100%;}

.video-link {display:block;position:relative}
.video-link.overlay {position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;}
.video-link span {position:absolute;top:calc(50% - 40px);left:calc(50% - 40px);border:6px solid #fff;border-radius:50%;width:80px;height:80px}
.video-link:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-bordeaux);opacity:.6}
.video-link span:before {content:"";position:absolute;  width: 0; 
  height: 0; 
     border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 30px solid #fff;top:calc(50% - 17px);left:calc(50% - 13px)}
.video-link:hover span {width:70px;height:70px;top:calc(50% - 35px);left:calc(50% - 35px);}

.right-image-content {    order: 2;    margin-left: auto;}
.bottom-image-content {   order: 2;}

.boxed-media {position:relative;border-radius:8px;background-color:var(--color-bordeaux)}


.boxed-media > div{transform: translateX(20px) translateY(20px);}


.boxed-content {padding:var(--space-32);border: 1px solid var(--color-grey-75, );background: var(--color-grey-50);border-radius:8px}

@media screen and (max-width:992px){
	.boxed-content {padding:24px}
}
@media screen and (max-width:767px){
	.boxed-content {padding:16px}
	
	.boxed-media > div{transform: translateX(12px) translateY(12px);}
	.boxed-media {    margin-left: -12px;    margin-right: 12px;}
}
/*------------------------------------*\
    Banner
\*------------------------------------*/
.page-banner {padding:120px 0 120px;min-height:530px;position:relative;background:var(--color-grey-50);display: flex;    flex-wrap: wrap;    align-items: center;}
.page-banner:before {content:"";position:absolute;left:40%;top:0;width:60%;height:100%; background: linear-gradient(90deg, #F7F7F7 0%, rgba(247, 247, 247, 0.00) 100%);z-index:2;}
.page-banner > img {width:60%;left:40%;height:100%;object-fit:cover;position:absolute;top:0;z-index:1;opacity:.5}

.page-banner .container {position:relative;z-index:100}

.page-banner h1, .page-banner h2 {font-size:var(--text-h1);color:var(--color-bordeaux);text-transform:uppercase}
.page-banner h1 + p, .page-banner h2 + p {margin-top:8px;}
.page-banner h1 span, .page-banner h2 span {color:var(--color-orange)}
.page-banner p {font-size:var(--text-p-large);}
.page-banner p:not(:last-child){margin-bottom:32px;}

.single-banner {padding:75px 0 100px;min-height:0!important;}
.single-banner:before {display:none;}
.single-banner .vacature-info {font-size:var(--text-p-large);margin-bottom:var(--space-32)}

.home-banner {background: linear-gradient(180deg, #340820 0%, #5C0C38 29.9%);min-height:760px}
.home-banner:before {left:0;width:100%;background: radial-gradient(380.06% 85.75% at 0% 47.83%, rgba(92, 12, 56, 0.10) 0%, rgba(255, 255, 255, 0.10) 100%);
filter: blur(207px);}
.home-banner h1, .home-banner {color:#fff;}

.banner-reviews {position:absolute;bottom:0;left:0;width:100%;z-index:2;padding:12px 0;}
.banner-reviews p {font-size:var(--text-p-small);}
.banner-reviews span {color:var(--color-orange)}
.home-banner > img {width: 660px;    object-fit: contain;    opacity: 1;    max-width: 50%;    left: auto;    right: 0;    object-position: bottom left;}


@media screen and (max-width:992px){
	.page-banner {padding:90px 0;     min-height: 450px;}
	.home-banner {min-height:550px}
	
	.page-banner p:not(:last-child) {margin-bottom:24px}
	.single-banner {padding:60px 0 60}

}
@media screen and (max-width:767px){
	.page-banner {padding:60px 0;     min-height: 350px;}
	.page-banner p:not(:last-child) {margin-bottom:16px}
}


@media screen and (max-width:550px){
	.page-banner {min-height:250px}
}

/*------------------------------------*\
    Merken
\*------------------------------------*/

.referentie-row { margin-bottom:24px; margin-top:32px;display: grid;  grid-template-columns: repeat(5, 1fr);  gap:140px 60px;align-items:center}

.referentie-box img {    max-width: 100%;    max-height: 110px;    width: auto;    height: auto;}
.referentie-box {text-align:center;}
.referentie-box a {display:inline-block}

.merken-row {overflow:hidden}
.merken-row .slick-list {overflow:visible}
.merk-slide {margin:0 60px}
.merk-slide img {max-height:65px;width:auto;height:auto;max-width:250px}
.merk-slide a {display:inline-block}
.merken-slider.slick-slider {margin-top:40px;margin-bottom:40px}

.merken-slider .slick-track{    display: flex !important;}
.merken-slider .slick-slide{    height: inherit !important;}
.merken-slider .slick-slide > div {display:flex;height:100%;align-items:center;}
.merken-slider .slick-slide > div > * {width:100%;}

@media screen and (max-width:1200px){
	.referentie-row { grid-template-columns: repeat(4, 1fr);  gap:32px 32px;}
}


@media screen and (max-width:992px){
	.referentie-row { grid-template-columns: repeat(3, 1fr);  gap:24px;}
	
	.merk-slide {margin:0 30px}
	.merk-slide img {max-height:55px;}
	
	.referentie-row {margin-top:24px;}
}

@media screen and (max-width:767px){
	.merk-slide {margin:0 20px}
	.referentie-row { grid-template-columns: repeat(2, 1fr);  gap:12px;}
	.referentie-row {margin-top:8px}
}



/*------------------------------------*\
    USPS
\*------------------------------------*/
.usp-box {text-align:center;color:var(--color-bordeaux);}
.bg-bordeaux .usp-box {color:#fff;}

.usps-row  {
  display: grid;
  grid-template-columns: 1fr; /* mobiel: 1 kolom */
  gap: 40px 24px;
}

.usp-box svg {fill:var(--color-orange);height:68px;margin-bottom:12px}
.rows-double .usp-box svg {height:68px;}

.usp-box .h2 {margin-bottom:12px}

@media (min-width: 768px) {
	.usps-row {
      display: grid;
	  grid-template-columns: repeat(3, minmax(0, 330px));
	  justify-content: space-between;
	  gap: 40px 24px;
  }
  .usps-row.rows-double {
    grid-template-columns: repeat(2, 1fr);
  }
}

/*------------------------------------*\
    FAQ
\*------------------------------------*/
.faq-row {margin-top:var(--space-32);margin-bottom:16px;}

.faq-box {border: 1px solid var(--color-grey-50);background: var(--color-grey-50);width:100%;overflow:hidden;border-radius:8px;margin-bottom:16px;}
.bg-grey-50  .faq-box {border: 1px solid var(--color-grey-75);background: #fff;}


.faq-box h3, .faq-toggle {
    font-size: var(--text-p-large);
    font-weight: 500;
    color: var(--color-grey);
    background: none;
    border: none;
    padding: 0;
    margin: 0;
}
.faq-toggle {padding:24px 32px;width:100%;text-align:left;cursor:pointer;position:relative;padding-left:66px}
.active .faq-toggle {padding-bottom:8px;}
.faq-content {padding:24px 32px;padding-top:0;}

.faq-box.active {background:var(--color-bordeaux)}
.faq-box.active  .faq-box h3, .faq-box.active .faq-toggle, .faq-box.active {color:#fff}

.faq-toggle span {width:18px;height:18px;border-radius:3px;border:2px solid var(--color-bordeaux);position:absolute;left:32px;top:26px;}
.faq-toggle span:before, .faq-toggle span:after {content:"";position:absolute;height:2px;width:8px;top:calc(50% - 1px);left:calc(50% - 4px);border-radius:2px;background:var(--color-bordeaux)}
.faq-toggle span:after{transform:rotate(90deg)}
.faq-box.active  .faq-toggle span:after {display:none}
.faq-box.active  .faq-toggle span:before, .faq-box.active  .faq-toggle span:after {background:var(--color-orange)}
.faq-box.active  .faq-toggle span{border-color:var(--color-orange)}


@media screen and (max-width:992px){
	.faq-toggle span {top:25px}
}

@media screen and (max-width:768px){
	.faq-toggle {    padding: 16px 24px;    padding-left: 50px;}
	.faq-toggle span {    left: 20px;    top: 17px;}
	.faq-content {		padding: 0 16px 16px;}
	.faq-rows:last-child {margin-bottom:8px}
	
	.faq-row + .faq-row {margin-top:0}
	.faq-row:not(:last-child){margin-bottom:0}
}
/*------------------------------------*\
    Team
\*------------------------------------*/
.team-box {width:450px;margin:0 12px}
.team-box> div {display:flex;flex-wrap:wrap;align-items:center;padding:12px 24px 12px 12px;border-radius: 100px;border: 1px solid var(--color-grey-50);background: rgba(255, 255, 255, 0.08);position:relative;cursor:pointer;}

.team-box img {width:94px;height:94px;border:1px solid #fff;border-radius:50%}

.team-base {position:relative;width:calc(100% - 114px);padding-left:24px;opacity:1;}

.team-quote {opacity:0;width:calc(100% - 142px);right:24px;top:0;padding:12px 32px;text-align:center;height:100%;position:absolute;overflow:auto;display:flex;align-items:center;}
.team-quote p {font-size:var(--text-p-small);margin:0;}
.team-quote span {color:var(--color-orange);font-size:50px;position:absolute;line-height:1;height:auto;}
.team-quote span:first-child {left:0;top:32px;}
.team-quote span:last-child {right:0;bottom:12px;}

.team-box:hover > div, .team-box.active > div {border-color:var(--color-orange)}
.team-box:hover .team-quote, .team-box.active .team-quote{opacity:1;}
.team-box:hover .team-base, .team-box.active .team-base{opacity:0;}

.team-box h3 {font-weight:400;font-size:var(--text-p-large);margin-bottom:0px;}
.reverse-slider .slick-track {
    display: flex;
    flex-direction: row-reverse;
}

.team-slider .slick-list {overflow:visible}

.team-quote, .team-base{
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}



/*------------------------------------*\
    Contact
\*------------------------------------*/
.contact-info-list, .contact-info-list li {padding:0;margin:0;list-style:none;display:flex;align-items:center;}
.contact-info-list {gap:8px 32px;flex-wrap:wrap}
.contact-info-list:not(:last-child){margin-bottom:32px;}
.contact-info-list li svg {display:inline-block;width:20px;height:20px;margin-right:16px}
.contact-info-list li svg path {fill:var(--color-bordeaux);}
.contact-info-list, .contact-info-list a {color:var(--color-bordeaux);font-weight:500;font-size:var(--text-p-large)}
.contact-info-list a:hover, .contact-info-list a:focus {color:var(--color-orange)}


.contact-boxed {padding:24px;}
.contact-boxed ul, .contact-boxed li {padding:0;margin:0;list-style:none;}

.contact-info h3 {margin-bottom:var(--space-16);text-transform:uppercase}
.contact-info p {margin:0;}
.contact-info p.bold {font-weight:500}


.contact-boxed ul:not(.socials){margin-bottom:var(--space-24)}
.contact-boxed ul:not(.socials) li:not(:last-child){margin-bottom:var(--space-16)}

.contact-boxed .socials {    justify-content: flex-start;}
.contact-boxed ul:not(.socials) li {    display: flex;    gap: 16px;width:100%;align-items:center;}
.contact-boxed ul:not(.socials) li svg {width:20px;fill:var(--color-bordeaux)}
.contact-boxed ul:not(.socials) a {font-weight:500;color:var(--color-grey)}
.contact-boxed ul:not(.socials) a:hover, .contact-boxed ul:not(.socials) a:focus {color:var(--color-orange)}

@media screen and (max-width:992px){
	.contact-boxed ul:not(.socials) {margin-bottom:16px}
}
@media screen and (max-width:768px){
	.contact-info h3 {margin-bottom:8px}
	.contact-boxed {padding:16px;}
}

/*------------------------------------*\
    Single content
\*------------------------------------*/
.single-side-holder {position:relative;height:100%}
.single-side {
  position: absolute;
  top: 0;
  width: 100%;
}


.single-side > div:not(:last-child) {margin-bottom:var(--space-32)}
.single-side  h3 {font-size:var(--text-h4);margin-bottom:16px;text-transform:uppercase}
.single-side ul, .single-side li {padding:0;margin:0;list-style:none;display:block}

.single-side > div svg{
    display: inline-block;
    width: 20px;
    fill: var(--color-orange);
    margin-right: 8px;
}

.side-contact li a{font-weight:500;}
.side-contact li:not(:last-child){margin-bottom:16px}
.single-side, .single-side a{font-size:var(--text-p-small);color:var(--color-grey)}
.single-side a:hover {color:var(--color-bordeaux)}

.index a {padding:8px 0 8px 16px;position:relative;color:var(--color-grey);display:block}
.index a:before {content:"";position:absolute;top:0;left:0;width:2px;height:100%;background:none;border-radius:2px;}
.index a.active:before {background:var(--color-bordeaux);}
.index a.active {font-weight:500}


.post-author {display:flex;width:100%;margin-top:var(--space-32);flex-wrap:wrap;align-items:center}
.author-image {width:94px;height:94px;border-radius:100%;overflow:hidden;background:var(--color-orange)}
.author-image img {width:100%;height:100%;object-fit:cover;}
.author-desc {width:calc(100% - 94px);padding-left:24px;color:var(--color-bordeaux);}
.author-desc p{font-size:var(--text-p-medium)!important}
.author-desc .author-name {color:var(--color-grey);font-weight:500;font-size:var(--text-p-large)!important}
.author-desc p {margin:0!important;}



@media screen and (max-width:768px){
	.single-side {position:relative!important;top:0!important;left:0!important;margin-top:32px}
	.single-side > div:first-child {display:none}
}



/*------------------------------------*\
    Cards
\*------------------------------------*/
.row +.cards-row {margin-top:var(--space-32)}
.cards-row {margin-bottom:16px;}
.card-box, .image-card-box  {margin-bottom:24px;}
.card-image {position:relative;padding-bottom:60%;background-color:var(--color-grey-75)}
.card-image img {width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}
.card-content {padding:24px;    color: var(--color-grey);}
.bg-bordeaux > .card-content {color:#fff;}
.card-content {font-size:var(--text-p-medium);margin:0;}
.card-box > div, .card-box > a {height:100%;border-radius: 8px;overflow:hidden;border:1px solid var(--color-grey-75);display: grid;  grid-template-rows: auto 1fr auto;  height: 100%;}
.card-btn {margin-top:auto;padding: 24px;padding-top:0;}
.bg-white .card-box > div, .bg-white .card-box > a {background: var(--color-grey-50);}

.card-content h3 {font-size:var(--text-p-medium);}
.image-card-box > div, .image-card-box > a {display:block;position:relative;padding-bottom:75%;border-radius:8px;overflow:hidden}
.image-card-box .card-image {position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;padding:0;}
.image-card-box .card-image:before {content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 61.28%, #000 100%);z-index:2;}
.image-card-box .card-image img {position:relative;}
.image-card-box .card-content {position:absolute;bottom:0;padding:16px 24px;z-index:10;width:100%;}
.image-card-box .card-content h3, .card-hover-content h3 {font-size:var(--text-p-large);color:#fff;line-height:1.2}
.card-hover-content h3 {color:var(--color-orange);margin-bottom:8px;}
.image-card-box .card-content h3 {padding-right:30px;width:100%;position:relative;}
.image-card-box .card-content h3 svg {position:absolute;bottom:0;right:0;fill:#fff;width:20px}


.card-hover-content {color:#fff;display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;overflow:auto;padding:24px}
.card-hover-content > div {height:100%;overflow:auto;display:flex;flex-wrap:wrap;align-items:center;}
.image-card-box:hover  .card-hover-content {display:flex;}
.card-hover-content:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:20; background: linear-gradient(0deg, rgba(92, 12, 56, 0.80) 0%, rgba(92, 12, 56, 0.80) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0.00) 61.28%, #000 100%);opacity:.7;z-index:-1
}
.image-card-box:hover > div> .card-content, .image-card-box:hover > a> .card-content {opacity:0;}

.card-content.standaard-content ul:not(.btn-list) li:before {
    width: 17px;
    top: 0;
}
.card-content.standaard-content ul:not(.btn-list) li {padding-left:28px}

.card-box > div:not(.bg-bordeaux) .card-content h3 {color:var(--color-bordeaux)}


.bg-bordeaux > .card-content h3 {color:var(--color-orange)}

.cards-slider {margin-bottom:0!important;}
.cards-slider .slick-list {overflow:visible}
.slick-slide.card-box {width:354px;    padding: 0 12px;}
.slick-slide .card-image {
    width: calc(100% - 48px);
    margin-left: 24px;
    margin-top: 24px;
    border-radius: 4px;
    overflow: hidden;
}
.slick-slider {margin-bottom:8px;}
.slick-track{    display: flex !important;}
.slick-slide{    height: inherit !important;}


.slider-arrow {    border: none;    background: none;    padding: 0;    margin: 0;}
.card-slider-arrows {display:flex;align-items:center;justify-content:center;gap:16px;}
.slider-arrow svg {width:36px;height:36px;fill:var(--color-bordeaux)}
.bg-bordeaux .slider-arrow:not(:hover) svg {fill:#fff} 
.slider-arrow:hover svg {fill:var(--color-orange)}


.vacature-info, .card-info {display:flex;flex-wrap:wrap;gap: 16px 24px}
.vacature-info, .vacature-info li, .card-info, .card-info li {padding:0;margin:0;list-style:none}
.vacature-info, .vacature-box h2, .card-info, .nieuws-box h2 {margin-bottom:16px;}
.vacature-info svg {width:27px;fill:var(--color-bordeaux)}
.vacature-info li {display:flex;align-items:center;gap:12px}
.card-content  .vacature-info svg {width:23px;}
.card-content  .vacature-info li {gap:8px}
.vacature-box h2, .nieuws-box h2 {font-size:var(--text-h4);text-transform:uppercase}
.card-box a {color:var(--color-grey)}

.card-info li {display:flex;align-items:center;gap:12px}
.card-info li svg {fill:var(--color-bordeaux);width:23px}
.nieuws-box  .card-info li  {gap:8px}


.recent-slider {padding:0;}
.vacature-box.slick-slide, .nieuws-box.slick-slide {padding:0 12px}

.archive-row {margin-top:32px;margin-bottom:16px;}



.e-learnings-row {gap:24px;}

.learning-box .subtitel {color:var(--color-grey);margin-bottom:24px;}
.learning-box h2 {margin:0;}
.e-learning-prijs {color:var(--color-orange);font-size:var(--text-p-large)}
.learning-box .btn:not(.read-more) {padding-left:16px;padding-right:16px;}

.learning-box .btn {font-size:var(--text-p-small);padding:16px 30px}



@media screen and (min-width:767px){
	.row + .e-learnings-row {margin-top:32px}

}
@media screen and (max-width:992px){
	
	.card-content {padding:16px}
	.vacature-info, .vacature-box h2, .card-info, .nieuws-box h2, .learning-box .subtitel, .card-content.standaard-content ul:not(.btn-list) {    margin-bottom: 16px;}
	.learning-box h2 {margin:0;}
	
	.row +.cards-row, .archive-row {margin-top:0;}
	
	.slick-slide .card-image {
    width: calc(100% - 32px);
    margin-left: 16px;
		margin-top: 16px;}
	
}
@media screen and (max-width:768px){
	.card-box:not(:last-child), .image-card-box:not(:last-child) {    margin-bottom: 16px;}
	.slick-slide.card-box {		width: 300px;}
	
	.vacature-info, .card-info {display:flex;flex-wrap:wrap;gap: 8px 16px}

	
}
/*------------------------------------*\
    Pagination
\*------------------------------------*/
.archive-pagination {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:24px;margin-top:8px;}
.pagination-prev svg, .pagination-next svg {width:36px;height:auto;fill:var(--color-bordeaux)}
.page-numbers:hover > svg {fill:var(--color-orange)}
.page-numbers.disabled {opacity:.5}
.page-numbers {font-size:var(--text-p-large);color:var(--color-grey)}
a.page-numbers:hover, .page-numbers.current {color:var(--color-bordeaux)}

@media screen and (max-width:992px){
	.archive-pagination {gap:12px}
}
@media screen and (max-width:450px){
	.archive-pagination {gap:8px}
}
/*------------------------------------*\
    E-learning checkout
\*------------------------------------*/
.inschrijven-usp-row {padding:50px 0;}
.inschrijven-usp-row .col-sm-12 {width:auto;position:relative;padding-left:32px;font-size:var(--text-p-medium);color:var(--color-bordeaux)}
.inschrijven-usp-row .col-sm-12 svg {position:absolute;width:20px;left:0;top:3px;}
.inschrijven-usp-row .row {justify-content:space-between;flex-wrap:wrap;gap:15px;align-items:center;}




.checkout-form-top {padding:40px 0;}
.checkout-form-top-item:not(.active) {opacity:.5}
.checkout-form-top-item {font-size:var(--text-p-medium);color:#fff;width:20%;}
.checkout-form-top-item p {text-transform:uppercase;font-size:var(--text-h4);font-weight:500}




.step{    display:none;}
.step.active{    display:block;}



input[type='text'], input[type='email'], input[type='tel'] {
    border-radius: 4px;
    border: 1px solid var(--color-grey-75);
    background: #FFF;
    width: 100%;
    padding: 12px 16px;
    box-sizing: border-box;
    line-height: 1;
    height: 42px;
}

input[type="radio"]{
	position:absolute;z-index:-9999;opacity:0;width:0;height:0;visibility:hidden
}
input[type="radio"] + span {font-size:var(--text-p-small);position:relative;padding-left:32px;display:block;}
input[type="radio"] + span:before {width:24px;height:24px;border-radius: 4px;border: 1px solid var(--color-grey-75);background: #fff;content:"";position:absolute;left:0;top:-2px;}
.input-label {margin-right:24px;}
input[type="radio"]:checked + span:after {width:12px;height:12px;border-radius: 2px;background: var(--color-orange);content:"";position:absolute;left:0;top:4px;left:6px;}
.input-label {margin-right:24px;}

.form-group label:not(.input-label), .coupon-code label {
	display:block;font-weight:500;margin-bottom:8px;line-height:1;
}


.form-group{    margin-bottom:24px;   max-width: 512px;width:100%;}
.form-group.small-form-group {    max-width: 256px;width:50%;}



.form-row {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
.form-row>* {
    padding-right: 12px;
    padding-left: 12px;width:100%;
}

.cursist-btns {width:auto;}
.cursist-btns button {border:none;background:var(--color-bordeaux);border-radius: 4px;
border: 1px solid var(--color-grey-75);width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;}


.hidden{
    display:none;
}

.input-error{
    border:1px solid red!important;
}

.zakelijk-controle:not(.active) {display:none}


.error-message, .succes-coupon{
    color:red;
    font-size:14px;
    margin-top:5px;
}
.succes-coupon {color:green}
.buttons{
    display:flex;
    gap:10px;
}


/*Check*/
.order-row {margin-bottom:var(--space-32)}
.order-row h3, .check-cursist-row h3 {font-size:var(--text-p-large);margin-bottom:16px}
.order-row ul, .order-row li, .check-cursist-row  ul, .check-cursist-row  li, .check-cursist-row p {padding:0;margin:0;list-style:none;display:block;}
.order-row strong, .check-cursist-row strong {font-weight:500}

.order-cursisten {padding:0;display:flex;flex-wrap:wrap;}
.check-cursist-row {width:25%;padding:0 12px;}
.coupon_code .form-group{margin-bottom:16px;}
button#apply_coupon {border:none;background:none;padding:0;margin:0;text-decoration:underline;color:var(-color-grey);font-size:var(--text-p-small);font-weight:400}
/*------------------------------------*\
    BUTTON
\*------------------------------------*/
.btn {
    font-size: var(--text-p-medium);
    font-family: var(--font-family);
    color: var(--color-grey);
    font-weight: 400;
    display: inline-flex;
    line-height: 1;
    padding: 16px 30px;
    background: #fff;
    border-radius: 0;
    min-width: 0;
    text-align: center;
    border: 1px solid var(--color-grey-75);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-style: normal;
    cursor: pointer;
    text-transform: none;
    align-items: center;
   text-transform:none;
	border-radius:30px;
}
.btn:hover, .btn:focus {color:var(--color-grey);background:var(--color-grey-75);border-color:var(--color-grey-75)}
.btn.orange {background:var(--color-orange);border-color:var(--color-orange)}
.btn.orange:hover, .btn.orange:focus  {color:var(--color-orange);background:var(--color-bordeaux);border-color:var(--color-bordeaux)}


.btn.transparent-border {background:none;color:#fff;border-color:#fff;}
.btn.transparent-border:hover {color:var(--color-bordeaux);background:#fff;}

.btn svg {margin-left:12px;width:12px;    width: 16px;margin-right:-4px;fill:var(--color-grey);}
.btn:hover svg, .btn:focus svg {fill:var(--color-grey);}

.btn.orange svg {fill:var(--color-grey);}
.btn.orange:hover svg, .btn.orange:focus svg {fill:var(--color-orange);}

.btn.transparent-border svg {fill:#fff;}
.btn.transparent-border:hover svg, .btn.transparent-border:focus svg {fill:var(--color-bordeaux);}

.btn.read-more {padding:0!important;background:none; color: var(--color-bordeaux);border:none;}
.btn.read-more svg {fill:var(--color-bordeaux);}
.btn.read-more:hover, .btn.read-more:focus {color:var(--color-orange)}
.btn.read-more:hover svg, .btn.read-more:focus svg{fill:var(--color-orange)}


.btn.read-more .less {display:none;}
.btn.read-more.active .less {display:block;}
.btn.read-more.active .more {display:none;}


.bg-bordeaux .btn.read-more   {color:var(--color-orange)}
.bg-bordeaux .btn.read-more svg {fill:var(--color-orange);}

.bg-bordeaux .btn.read-more:hover, .bg-bordeaux .btn.read-more:focus {color:#fff}
.bg-bordeaux .btn.read-more:hover svg, .bg-bordeaux .btn.read-more:focus svg{fill:#fff}


.prevBtn.btn svg {margin-right:12px;margin-left:-4px;transform:rotate(180deg)} 
.prevBtn.btn:not(:hover) {background:none;border-color:transparent}

@media screen and (max-width:767px){
	.btn {padding:12px 16px}
}

/*------------------------------------*\
    FILTERS
\*------------------------------------*/
.news-filter {display:flex;flex-wrap:wrap;gap:24px;}
.news-filter-btn {border-color:var(--color-grey-75);background:var(--color-grey-50);color:var(--color-grey)}
.news-filter-btn.active-filter, .news-filter-btn:hover, .news-filter-btn:focus, .news-filter-btn:active {font-weight:500;color:#fff!important;background:var(--color-bordeaux)!important;border-color:var(--color-bordeaux)!important}


@media screen and (max-width:992px){
	.news-filter {gap:12px}
}

/*------------------------------------*\
    HEADER
\*------------------------------------*/

#breadcrumbs {padding:15px 0;background:#fff;}
#breadcrumbs, #breadcrumbs a {font-size:var(--text-p-smallest);color:var(--color-grey)}
#breadcrumbs a:hover, #breadcrumbs a:focus {color:var(--color-orange)}


header {position:fixed;top:0;left:0;width:100%;z-index:2000;padding:36px 0;}
body:not(.home) main {margin-top:120px}
.fixed-header {padding:20px 0;}
header:before {content:"";position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;background:var(--color-bordeaux);}
header .row {gap:30px;align-items:center;}
.header-logo {width:236px;}
.extra-header-nav {width:auto;margin-left:auto;}
.desktop-nav {width:auto;}

header ul, header li {padding:0;margin:0;list-style:none;}
.menu-items > ul {display:flex;align-items:center;gap:32px;}
.menu-items > ul > li {display:flex;}

.menu-items li {position:relative;}
.menu-items .sub-menu {position:absolute;top:100%;display:none}

.extra-header-nav li {display:flex;gap:8px;align-items:center;}
.extra-header-nav li svg {width:20px;fill:var(--color-orange)}

header a {font-size:var(--text-p-medium);color:#fff;font-weight:500;}
header li:hover > a, header li:focus > a, header li.current-menu-item > a, header li.current-menu-ancestor > a {color:var(--color-orange)}

.desktop-nav a {padding:12px 0;}

.home .header:not(.fixed-header):before {opacity:0}


header.nav-up {top:-100%;}



.sidenav, .mobbtn-hold {display:none}

.mobbtn {display:block;position:relative;width:30px;height:24px;}
.mobbtn span {position:absolute;left:0;width:100%;height:2px;background:var(--color-orange)}
.mobbtn span:nth-child(1) {top:3px;}
.mobbtn span:nth-child(2) {top:11px;}
.mobbtn span:nth-child(3) {top:19px;}

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

@media screen and (max-width:1400px){
	.header-logo {    width: 200px;}
	.menu-items > ul {gap:24px}
	header .row {		gap: 12px;}
}
@media screen and (max-width:1250px){

	header {padding:24px 0;}
	body:not(.home) main {    margin-top: 91px}
	header a {font-size:var(--text-p-small);}
}
@media screen and (max-width:1100px){

	.desktop-nav {display:none}
	body:not(.home) main {    margin-top: 82px}
	.mobbtn-hold {display:block;width:auto;}
	header .row {gap:0;}
}

@media screen and (max-width:767px){
	.header-logo {        width: 120px;        padding-right: 0;    }
	.login-senszit {display:none!important}
	    body:not(.home) main {        margin-top: 72px;    }
}
@media screen and (max-width:450px){
	.lang-switch.desktop {display:none}
	
}
/*------------------------------------*\
    FOOTER
\*------------------------------------*/
footer ul, footer li {padding:0;margin:0;list-style:none;}

.footer-top {position:relative;background:var(--color-bordeaux);background:var(--gradient-dark-bordeaux);padding:100px 0 68px}
.footer-top:before {z-index:1;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background: radial-gradient(380.06% 85.75% at 0% 47.83%, rgba(92, 12, 56, 0.10) 0%, rgba(255, 255, 255, 0.10) 100%);filter: blur(207px);}

.footer-top .container {position:relative;z-index:2;}

.footer-widget h4 {font-size:var(--text-p-large);color:var(--color-orange);line-height:1;margin-bottom:16px;font-weight:700;}

.footer-widget, .footer-widget a {font-size:var(--text-p-medium);font-weight:500;color:#fff;}
.footer-widget a:hover, .footer-widget a:focus {color:var(--color-orange)}
.footer-widget p, .footer-widget li {margin-bottom:16px;}
.footer-widget p:last-child, .footer-widget li:last-child {margin-bottom:0;}
.footer-widget svg {display:inline-block;width:20px;fill:var(--color-orange);margin-right:8px}
.footer-widget li {line-height:1.3;}
.footer-widget {margin-bottom:32px;}


.footer-copyright, .footer-copyright a {font-size:var(--text-p-small);font-weight:normal}
.footer-copyright {padding-top:24px; padding-bottom:16px;}
.footer-copyright .col-sm-12 {margin-bottom:8px;}
.footer-copyright .menu li {display:inline-block;margin:0 20px;}
.footer-copyright .menu li:last-child {margin-right:0;}
.footer-copyright .menu li:first-child {margin-left:0;}
.footer-copyright .menu a {color:var(--color-grey);text-decoration:underline;}
.footer-copyright .menu a:hover, .footer-copyright .menu a:focus {color:var(--color-orange)}
.footer-copyright .row {align-items:center;}

.socials {display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center}
.socials li {display:inline-block;}
.socials li svg {width:21px;height:auto;fill:var(--color-bordeaux);}
.socials li a:hover svg {fill:var(--color-orange);}

@media screen and (min-width:991px){
	.footer-copyright .col-sm-12:last-child {text-align:right}
	.contact-form {max-width:735px;margin-left:auto}
}

@media screen and (max-width:992px){
	.footer-copyright .col-sm-12 {text-align:center}
	.footer-copyright .menu li {margin:0 10px;}
	
	.footer-top {padding-top:40px;padding-bottom:16px}
	.footer-widget {margin-bottom:24px;}
	.footer-widget h4 { font-size: var(--text-p-medium);}
	.footer-widget, .footer-widget a {font-size:var(--text-p-small);}
	.footer-widget p, .footer-widget li {margin-bottom:8px;}

}

@media screen and (max-width:768px){
	.footer-copyright, .footer-copyright a {font-size:var(--text-p-smallest)}
	.footer-widget.col-md-2 {width:50%}
	
}

@media screen and (max-width:400px){
	.footer-widget.col-md-2 {width:100%}
	
}
/*------------------------------------*\
    MISC
\*------------------------------------*/
::selection {
	background:var(--color-orange);
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:var(--color-orange);
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:var(--color-orange);
	color:#FFF;
	text-shadow:none;
}
/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

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

}
.bypostauthor {

}

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

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