/*
Theme Name: Wevenwerkt
Theme URI: https://lefcreative.nl/
Author: Lef Creative
Author URI: https://lefcreative.nl/
Description: Child theme van het thema Leflite voor Wevenwerkt
Version: 1.0.0
License: /
License URI: /
Template: leflite
*/

body {
 -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; 
}
.footer-builders .addtoany_share_save_container {
  display: none;
}
/* HEADER */
header {
  	max-width: var(--container-width);
  	left: 50%;
  	transform: translateX(-50%);
  	margin-top: 59px;
  	border-radius: var(--general-border-radius);
  	box-shadow: 0px 0px 13px rgba(0,0,0,.15);
}

header.scrolled-to-menu {
  	margin-top: 30px;
}

header .accessibility-button {
  	transform: translateX(-100vw);
}

header.navigation .navigation-inner.navigation-inner-main {
  	padding: var(--padding-inner-navigation-y) 35px;
}

header .menu-item a {
  	color: var(--primary);
}

.hamburger-icon span,
.bg-white .hamburger-icon span {
  	background: var(--primary);
}

@media only screen and (max-width: 1700px) {
  	header {
      	max-width: 1540px;
  	}
}

@media only screen and (max-width: 1600px) {
  	header {
      	max-width: 1440px;
  	}
}

@media only screen and (max-width: 1500px) {
  	header {
      	max-width: 1340px;
  	}
}

@media only screen and (max-width: 1400px) {
  	header {
      	max-width: 1240px;
  	}
}

@media only screen and (max-width: 1300px) {
  	header {
      	max-width: 1140px;
  	}
}

@media only screen and (max-width: 1200px) {
  	header {
      	max-width: 1040px;
  	}
}

@media only screen and (max-width: 1100px) {
  	header {
      	max-width: 960px;
  	}
}

@media only screen and (max-width: 991px) {
   	body header {
      	margin-top: 15px;
      	width: calc(100% - 30px) !important;
  	}
  
  	header.scrolled-to-menu {
        margin-top: 15px;
    }
  	
  	header.navigation .navigation-inner.navigation-inner-main {
    	padding: 25px 20px;
  	}
  
  	header.navigation .logo {
      	max-height: 25px;
  	}
}

/* MEGA MENU */
header .sub-menu.mega-menu-wrapper {
  	padding: 77px 138px 62px 138px;
  	margin-top: 15px;
  	border-top-left-radius: unset !important;
  	border-top-right-radius: unset !important;
  	box-shadow: 0 8px 10px rgba(0, 0, 0, 0.1);
}

header .sub-menu.mega-menu-wrapper::before {
  	content: '';
  	position: absolute;
  	top: -15px;
  	left: 0;
  	width: 100%;
  	height: 25.5px;
  	background: var(--white);
  	border-radius: 0 0 var(--general-border-radius) var(--general-border-radius); 
  	box-shadow: 0 8px 10px rgba(0, 0, 0, 0.1);
}

header .sub-menu.mega-menu-wrapper .sub-menu-column.mega-menu-left-content {
  	max-width: 398px;
  	margin-right: 30px;
}

header .sub-menu.mega-menu-wrapper .sub-menu-column.mega-menu-left-content .content-wrapper p,
header .sub-menu.mega-menu-wrapper .sub-menu-column.mega-menu-left-content .content-wrapper a, 
header .sub-menu.mega-menu-wrapper .sub-menu-column.mega-menu-left-content .content-wrapper span {
  	font-size: 20px;
  	line-height: 28px;
  	color: var(--white-content);
  	font-weight: 300;
}

header .sub-menu.mega-menu-wrapper .sub-menu-column.mega-menu-right-content {
  	max-width: 398px;
  	margin-left: 154px;
}

header .sub-menu.mega-menu-wrapper .sub-menu-column.mega-menu-right-content .card {
  	margin: unset;
}

header .sub-menu.mega-menu-wrapper .sub-menu-column.mega-menu-right-content .card .card-subtitle {
  	display: none;
}

header .sub-menu.mega-menu-wrapper .sub-menu-column.mega-menu-right-content .card h4 {
  	-webkit-line-clamp: 3;
  	font-size: var(--h4-size);
  	line-height: 35px;
}

header .sub-menu.mega-menu-wrapper .sub-menu-column.mega-menu-right-content .card .image-holder {
  	padding-bottom: unset;
  	height: 277px;
}

header .sub-menu.mega-menu-wrapper .sub-menu-column li.menu-item-has-children a {
  	font-size: 24px;
  	font-weight: 600;
  	line-height: 29px;
}

header .sub-menu.mega-menu-wrapper .sub-menu-column li.menu-item-has-children a[href="#"] {
  	pointer-events: none;
  	cursor: none;
}

header .sub-menu.mega-menu-wrapper .sub-menu-column li.menu-item-has-children a::after {
  	all: unset;
}

header .sub-menu.mega-menu-wrapper .sub-menu-column li.menu-item-has-children ul.sub-menu {
  	margin-top: 15px;
}

header .sub-menu.mega-menu-wrapper .sub-menu-column li.menu-item-has-children ul.sub-menu li:not(:last-child) {
  	margin-bottom: 5px;
}

header .sub-menu.mega-menu-wrapper .sub-menu-column li.menu-item-has-children ul.sub-menu li a {
  	font-size: 20px;
  	font-weight: 400;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
}

header .sub-menu.mega-menu-wrapper .sub-menu-column li.menu-item-has-children ul.sub-menu li a::after {
   	content: '\eeaf';
  	font-family: 'icomoon';
  	font-size: 13px;
  	margin-left: 19px;
}

header .sub-menu.mega-menu-wrapper h3 {
  	line-height: 42px;
}

@media only screen and (max-width: 1599px) {
  	header .sub-menu.mega-menu-wrapper {
      	padding-left: 100px;
      	padding-right: 100px;
  	}
}

@media only screen and (max-width: 1499px) {
  	header .sub-menu.mega-menu-wrapper {
      	padding-left: 77px;
      	padding-right: 77px;
  	}
}

@media only screen and (max-width: 1299px) {
	header .sub-menu.mega-menu-wrapper .sub-menu-column.mega-menu-right-content {
      	display: none;
  	}
}

/* MOBILE NAVIGATION */
nav.mobile-navigation .menu {
  	padding-right: 15px;
}

nav.mobile-navigation .menu li a {
  	color: var(--primary);
  	font-weight: 500;
  	font-size: var(--p-size);
}

nav.mobile-navigation button.sub-menu-toggle {
  	border-radius: 8px;
}

body nav.mobile-navigation .menu ul.sub-menu {
  	background-color: var(--quaternary);
  	border-radius: 8px;
}

nav.mobile-navigation .menu ul.sub-menu li a {
  	color: var(--primary);
  	font-weight: 500;
}

body button.sub-menu-toggle {
  	background: transparent;
}

body button.sub-menu-toggle:after {
  	line-height: 40px;
  	color: var(--primary);
}

/* SUBMENU */
.main-nav-menu li .sub-menu {
  	color: var(--primary);
  	border-radius: var(--general-border-radius);
  	border: unset;
}

.main-nav-menu li .sub-menu li {
  	border-radius: var(--general-border-radius);
}

.main-nav-menu li .sub-menu li a {
  	color: var(--primary);
    border-radius: var(--general-border-radius);
}

/* CONTENT */
main {
  	overflow: hidden;
}

body {
  	font-size: var(--p-size);
  	font-weight: var(--p-font-weight);
}

small {
  	font-size: 18px;
  	line-height: 32px;
}

h1 {
	font-size: var(--h2-size);
}

.hero-section.content-wrapper {
  	margin-right: 25px;
}

.hero-section h1 {
  	font-size: var(--h1-size);
}

.lef-section.hero-section .hero-featured-items {
  	margin-top: 99px;
  	margin-bottom: -195px;
}

:not(.bg-primary) h1, :not(.bg-primary) h2, :not(.bg-primary) h3 {
  	color: var(--primary);
}

.content-wrapper h4{
  	color: var(--primary);
}

h6 {
  	font-size: 20px;
  	color: var(--secondary);
  	font-weight: 600;
  	margin-bottom: 16px;
}

ul {
  	padding: 20px;
}

ul li::marker {
  	color: var(--primary);
}

ul li {
  	line-height: 45px;
}

ul.traject-list {
  	list-style-type: none;
  	padding: unset;
  	display: flex;
  	flex-direction: column;
  	gap: 20px;
}

ul.traject-list li {
  	font-size: 24px;
  	font-weight: 600;
  	color: var(--primary);
  	display: flex;
  	align-items: center;
}

ul.traject-list li::before {
  	content: '';
  	background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDIuMTE5IiBoZWlnaHQ9IjQwLjI5IiB2aWV3Qm94PSIwIDAgNDIuMTE5IDQwLjI5Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoIj4KICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV8xMzciIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDEzNyIgd2lkdGg9IjQyLjExOSIgaGVpZ2h0PSI0MC4yOSIgZmlsbD0iIzE2NWM1ZSIvPgogICAgPC9jbGlwUGF0aD4KICA8L2RlZnM+CiAgPGcgaWQ9Ikdyb3VwXzM5NSIgZGF0YS1uYW1lPSJHcm91cCAzOTUiIGNsaXAtcGF0aD0idXJsKCNjbGlwLXBhdGgpIj4KICAgIDxwYXRoIGlkPSJQYXRoXzgwIiBkYXRhLW5hbWU9IlBhdGggODAiIGQ9Ik01MS4zMTcsMzguNTU2YS40NjcuNDY3LDAsMCwxLS4wNzYtLjMwN2MtLjQxOC0uMDM3LS44LS4zOS0xLjMxNi0uMzU0bC0xLjM2OC4zMThjLS44MjEuNC0uNTE3LS4xMDktMS44MDguOTM2bC0zLjA2NCwyLjkxNy0yLjAzOSwyLjQ3MmExMS40MTcsMTEuNDE3LDAsMCwxLTEuMTcsMS41MDdjLS4wNjkuMDc0LS4xLjE3NS0uMTY3LjI1M2wtLjcyNS44NThjLS4yMzIuMzc4LS4yMTMuMjEtLjM1Ni40MzFsLS43NzgsMS4wNzktLjY1OC0uNjgzYy0uMDg4LS4wMzguMDQzLS4xMDctLjE4OS0uMjQ3YTEyLjMsMTIuMywwLDAsMC0xLjY5LTEuNjM5bC0xLjc5Mi0uODY1Yy0uMzYxLS4xMjktMS4xMzQtLjYtMS4yNzQtLjQxOC0uMDUzLjA2OC4wNzYuMTY0LS4xNzguMjUxbC0uMTMxLjEyOWMtLjM5My0uMTYtLjM0NC0uMTUtLjQ0LjI3OC0uMS40NjcuNTQuNy4zNjMuOTU2LS4xNTIuMjIuMzg1LjMwNy40NC41OTEuMTA1LjUzOS44MTIsMS40Ljc1OCwxLjU0NS0uMS4yNS4wODYuMjUyLjE3My4zOTFMMzYuMSw1Mi4xMjVsLjc0NywxLjA5NGExLjk0NSwxLjk0NSwwLDAsMCwyLjczLjM0NywzMi4xMiwzMi4xMiwwLDAsMCwzLjU5My0zLjM0LDE0LjM4MSwxNC4zODEsMCwwLDEsMS4wNDEtMS4yNjljLjQtLjMxMSwzLjMtMy44MzcsMy44NTgtNC4zODlhNy4zMzYsNy4zMzYsMCwwLDAsMS40NzItMS44NTRsLjI1My0uMzIyYy4wNDYtLjE3My4wNC0uMzg3LjE4Ny0uNDc2YS4wMzkuMDM5LDAsMCwwLC4wMDktLjAyNWMtLjAxMi0uMjE0LjItLjE4Ny4xNzEtLjQzNi0uMDItLjE4Ny41LS41OS42NTQtMS4xLjEyMS0uMzkuNS0uNTIuNDQ5LS43Ni0uMTIyLS41MzkuMTg1LS41LjA1MS0uNzY3QzUxLjIwNSwzOC42MjQsNTEuMzY5LDM4LjYzNiw1MS4zMTcsMzguNTU2WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIxLjY1NiAtMjUuNTc2KSIgZmlsbD0iIzE2NWM1ZSIgZmlsbC1ydWxlPSJldmVub2RkIi8+CiAgICA8cGF0aCBpZD0iUGF0aF84MSIgZGF0YS1uYW1lPSJQYXRoIDgxIiBkPSJNMTIuOTIzLDM4Ljg4NUEyMC42OTIsMjAuNjkyLDAsMCwxLDEuNDY4LDI3LjMwNywyMC4zNjUsMjAuMzY1LDAsMCwxLC4xMDcsMTcuNTE5YTIxLjUzMywyMS41MzMsMCwwLDEsMS4zNzctNS41MzVjLjA0NC0uMDkxLjExNC0uMjQzLjE1MS0uMzM4YTE4LjYsMTguNiwwLDAsMSw0LjMtNi41NzEsMTUuOTM2LDE1LjkzNiwwLDAsMSw1LjAzNC0zLjUyNCwyMC45MTgsMjAuOTE4LDAsMCwxLDQuNS0xLjM2MUExMS43NjQsMTEuNzY0LDAsMCwxLDE5LjcxLjJhLjMyLjMyLDAsMCwxLC4xMzUuMDUzYy4yMi4yNTguNTYxLjI1OC44NDUuNDQyYTEuNjA3LDEuNjA3LDAsMCwwLC43MjIuMzM2Yy0uOTg2LjI3MS0uNTA2LjI4MS0xLjAyMy4zMzgtLjY5LjA3Ni0uMzUyLjI0NS0xLjE5NC40YTcuMzU5LDcuMzU5LDAsMCwwLTIuMDk0LjgwNSwxMS4xODMsMTEuMTgzLDAsMCwwLTIuOCwxLjA4N2MtLjc0My40NDMtMy40NzQsMi4wNTgtNCwyLjg0NC0uMzg4LjU4MS0uODQ5Ljc4My0xLjEyOSwxLjNhLjM4OS4zODksMCwwLDEtLjA1Ni4wNzRBNS45LDUuOSwwLDAsMCw4LjA1OSw5LjQwNkw3LjIsMTAuNzEzYTIwLjkzNCwyMC45MzQsMCwwLDAtMi4xLDYuMTczQTE0Ljg1NiwxNC44NTYsMCwwLDAsNC45NDEsMjAuNWExNi4yNDgsMTYuMjQ4LDAsMCwwLDguMTQsMTMuMSwxNS44NDMsMTUuODQzLDAsMCwwLDguMzYzLDIuMjY4LDE4LjA1NiwxOC4wNTYsMCwwLDAsMTEuMTgyLTQuMzIsMTYuNzA5LDE2LjcwOSwwLDAsMCw0Ljg1Ni03LjUzNkExNy4xNzgsMTcuMTc4LDAsMCwwLDM2LjcsMTIuMzg4YTE5LjA0NCwxOS4wNDQsMCwwLDAtMi4xNzUtMy41NDljLS43MS0uNzU0LS40NzctLjc5NS0uNzY1LTEuMTI1YTIwLjU3NSwyMC41NzUsMCwwLDAtNC45MzYtMy45NTNjLS45OTMtLjYyNi0yLjUwOC0uNzIyLTIuNzI2LTEuMDM2YTQuMiw0LjIsMCwwLDAtMS40NzYtLjQ4OSwxMC4zODMsMTAuMzgzLDAsMCwxLTMuMjA5LS43NjNBMy45ODMsMy45ODMsMCwwLDEsMjIuNTM0LDEuM2MtLjM2Mi0uMTM2LS4xNzYtLjA2Ny4wNjUtLjMyN0MyMi41Ljg1MSwyMS43NjYuOCwyMi4yNjEuNjlhMTYuNTg0LDE2LjU4NCwwLDAsMSw0Ljc2Ny4xNzVBMTcuMjE3LDE3LjIxNywwLDAsMSwzNy41LDYuOGExOS4xODYsMTkuMTg2LDAsMCwxLDMuMTE4LDUuMjYzLDguMTg4LDguMTg4LDAsMCwxLC42MDcsMS43NjhsLjQsMS4zODFBMjAuNDkxLDIwLjQ5MSwwLDAsMSwzMi41LDM3LjE2M2ExOC4zMjcsMTguMzI3LDAsMCwxLTMuMzk1LDEuOGwtLjQ4NS4xNTVhMjQuNDkyLDI0LjQ5MiwwLDAsMS0xNC44NzYuMDIzWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSIgZmlsbD0iIzE2NWM1ZSIgZmlsbC1ydWxlPSJldmVub2RkIi8+CiAgPC9nPgo8L3N2Zz4K");
  	width: 42px;
  	height: 40px;
  	display: inline-flex;
  	margin-right: 23px;
}

.card-with-mask .card.col-card {
  	padding: 103px 138px 120px 138px;
  	background: url('/app/themes/wevenwerkt/dist/img/background-mask.jpg');
  	background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  	color: var(--primary);
}

.content-wrapper:has(em) {
  	position: relative;
  	z-index: 2;
}

h1 em,
h1 .text-scribble,
h2 em,
h2 .text-scribble,
h3 em,
h3 .text-scribble,
h4 em,
h4 .text-scribble,
h5 em,
h5 .text-scribble {
  	font-style: normal;
  	position: relative;
}

h1 em::after,
h2 em::after,
h3 em::after,
h4 em::after,
h5 em::after {
  	content: '';
    background: url(/app/themes/wevenwerkt/dist/img/text-round.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  	pointer-events: none;
  	transform: scale(1.2);
  	z-index: -1;
}

h1 .text-scribble::after,
h2 .text-scribble::after,
h3 .text-scribble::after,
h4 .text-scribble::after,
h5 .text-scribble::after {
  	content: '';
    background: url(/app/themes/wevenwerkt/dist/img/text-scribble.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: calc(100% - 72px);
    display: block;
    height: 45px;
    position: absolute;
    bottom: -24px;
    left: -18px;
  	pointer-events: none;
  	transform: scale(1.2);
  	z-index: -1;
}

h1 {
  	line-height: 66px;
}

h2 {
  	line-height: 58px;
}

h3 {
}

h4 {
}

h5 {
}

.higher-z-index {
  	z-index: 2;
}

.headings-biro h1,
.headings-biro h2,
.headings-biro h3,
.headings-biro h4,
.headings-biro h5 {
  	font-family: var(--biro-font);
  	font-size: 38px;
  	line-height: 25px;
  	position: relative;
  	margin-bottom: 69px !important;
}

.headings-biro h1::after,
.headings-biro h2::after,
.headings-biro h3::after,
.headings-biro h4::after,
.headings-biro h5::after {
  	content: '';
  	position: absolute;
  	width: 69px;
  	height: 69px;
  	background: url('/app/themes/wevenwerkt/dist/img/rounded-arrow-down.svg');
  	background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
  	bottom: -75px;
  	right: 31px;
  	transform: rotate(-45deg);
}

@media only screen and (max-width: 991px) {
   	section.transparent-top-section-padding {
      	padding-top: calc((var(--fake-menu-height) + var(--section-padding-mobile)) - 80px);
	}
  
  	h1 {
        font-size: var(--h2-size-mobile);
    }

    .hero-section h1 {
        font-size: var(--h1-size-mobile);
    }
  
    .lef-section.hero-section .hero-featured-items {
        margin-top: 30px;
        margin-bottom: 0px;
  	}
  
  	section {
      	padding: var(--section-padding-mobile) 0;
  	}
  
  	.lef-section.mobile-center .content-wrapper,
  	.lef-section.mobile-center .buttons-holder {
      	text-align: center;
  	}
  
  	.lef-section.mobile-center .buttons-holder {
      	margin-top: unset;
  	}
  
  	.card-with-mask .card.col-card {
      	padding: 40px;
  	}
  
  	p {
      	font-size: 18px;
      	line-height: 28px;
 	}
  	
  	li {
      	font-size: 18px;
      	line-height: 35px !important;
  	}
}

/* BUTTONS */
.btn, .button {
  	padding: unset !important;
  	background: unset !important;
  	line-height: 25px;
  	border: unset !important;
}

.btn span, .button span {
  	border-radius: var(--btn-border-radius);
  	transition: background .3s ease-in-out, color .3s ease-in-out;
}

.btn .icon, .button .icon {
  	line-height: 25px;
  	height: 100%;
    border-radius: var(--btn-border-radius);
  	aspect-ratio: 1/1;
  	padding: unset !important;
  
  	display: flex;
    align-items: center;
    justify-content: center;
    transition: background .3s ease-in-out, color .3s ease-in-out;
}

.btn .icon:before, .button .icon:before {
  	transition: margin .3s ease-in-out;
}

.btn:hover .icon:before, .button:hover .icon:before {
  	margin-left: 30px !important;
}

.btn.position-after .icon {
  	margin-left: -2px;
}

.btn.position-before .icon {
  	margin-right: -2px;
}

.btn.btn-small span, .button.btn-small span, .btn.btn-small .icon, .button.btn-small .icon {
  	padding: var(--btn-small-padding);
}
.btn.btn-small .icon, .button.btn-small .icon {
  	width: 51px;
  	height: 51px;
}
.btn.btn-small.bg-transparent .icon, .button.btn-small.bg-transparent .icon {
  	width: 55px;
  	height: 55px;
}

.btn.btn-medium span, .button.btn-medium span, .btn.btn-medium .icon, .button.btn-medium .icon {
  	padding: var(--btn-medium-padding);
}
.btn.btn-medium .icon, .button.btn-medium .icon {
  	width: 51px;
  	height: 51px;
}
.btn.btn-medium.bg-transparent .icon, .button.btn-medium.bg-transparent .icon {
  	width: 55px;
  	height: 55px;
}

.btn.btn-big span, .button.btn-big span, .btn.btn-big .icon, .button.btn-big .icon {
  	padding: var(--btn-big-padding);
  	font-size: var(--btn-big-font-size);
  	border-radius: 65px;
}
.btn.btn-big .icon, .button.btn-big .icon {
  	width: 65px;
  	height: 65px;
  	border-radius: 65px;
}
.btn.btn-big.bg-transparent .icon, .button.btn-big.bg-transparent .icon {
  	width: 69px;
  	height: 69px;
  	border-radius: 69px;
}

.btn.bg-transparent span, .button.bg-transparent span, .btn.bg-transparent .icon, .button.bg-transparent .icon {
  	background: transparent;
  	color: var(--primary);
  	border: 2px solid var(--primary);
}
.btn.bg-transparent:hover span, .button.bg-transparent:hover span, .btn.bg-transparent:hover .icon, .button.bg-transparent:hover .icon {
  	background: var(--primary);
  	color: var(--primary-content);
}

.btn.bg-white span, .button.bg-white span, .btn.bg-white .icon, .button.bg-white .icon {
  	background: var(--white);
  	color: var(--white-content);
}
.btn.bg-white:hover span, .button.bg-white:hover span, .btn.bg-white:hover .icon, .button.bg-white:hover .icon {
  	background: var(--white-darkened);
  	color: var(--white-content);
}

.btn.bg-primary span, .button.bg-primary span, .btn.bg-primary .icon, .button.bg-primary .icon {
  	background: var(--primary);
  	color: var(--primary-content);
}
.btn.bg-primary:hover span, .button.bg-primary:hover span, .btn.bg-primary:hover .icon, .button.bg-primary:hover .icon {
  	background: var(--primary-darkened);
  	color: var(--primary-content);
}

.btn.bg-secondary span, .button.bg-secondary span, .btn.bg-secondary .icon, .button.bg-secondary .icon {
  	background: var(--secondary);
  	color: var(--secondary-content);
}
.btn.bg-secondary:hover span, .button.bg-secondary:hover span, .btn.bg-secondary:hover .icon, .button.bg-secondary:hover .icon {
  	background: var(--secondary-darkened);
  	color: var(--secondary-content);
}

.btn.bg-tertiary span, .button.bg-tertiary span, .btn.bg-tertiary .icon, .button.bg-tertiary .icon {
  	background: var(--tertiary);
  	color: var(--tertiary-content);
}
.btn.bg-tertiary:hover span, .button.bg-tertiary:hover span, .btn.bg-tertiary:hover .icon, .button.bg-tertiary:hover .icon {
  	background: var(--tertiary-darkened);
  	color: var(--tertiary-content);
}

.btn.bg-quaternary span, .button.bg-quaternary span, .btn.bg-quaternary .icon, .button.bg-quaternary .icon {
  	background: var(--quaternary);
  	color: var(--quaternary-content);
}
.btn.bg-quaternary:hover span, .button.bg-quaternary:hover span, .btn.bg-quaternary:hover .icon, .button.bg-quaternary:hover .icon {
  	background: var(--quaternary-darkened);
  	color: var(--quaternary-content);
}

.btn.bg-succes span, .button.bg-succes span, .btn.bg-succes .icon, .button.bg-succes .icon {
  	background: var(--succes);
  	color: var(--succes-content);
}
.btn.bg-succes:hover span, .button.bg-succes:hover span, .btn.bg-succes:hover .icon, .button.bg-succes:hover .icon {
  	background: var(--succes-darkened);
  	color: var(--succes-content);
}

.btn.bg-error span, .button.bg-error span, .btn.bg-error .icon, .button.bg-error .icon {
  	background: var(--error);
  	color: var(--error-content);
}
.btn.bg-error:hover span, .button.bg-error:hover span, .btn.bg-error:hover .icon, .button.bg-error:hover .icon {
  	background: var(--error-darkened);
  	color: var(--error-content);
}

/* CUSTOM SECTION SETTINGS */
.lef-section.background-mask {
  	background: url('/app/themes/wevenwerkt/dist/img/background-mask.jpg');
  	background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.lef-section.in-grid {
  	max-width: var(--container-width);
  	margin: 0 auto;
  	border-radius: var(--general-border-radius);
  	overflow: hidden;
}

.overlap-team-card-on-top {
  	margin-top: -191px;
}

.overlap-traject-card-on-top {
  	margin-top: -184px;
}

.image-outer.usp-image {
  	display: flex;
  	justify-content: center;
}

.image-outer.usp-image img {
  	width: 70px;
  	height: 70px;
  	object-fit: contain;
  	object-position: center;
}

.lef-section.bg-color-half.bg-primary {
  	background: rgba(22, 92, 94, .5);
}
.lef-section.bg-color-half.bg-secondary {
  	background: rgba(235, 95, 58, .5);
}
.lef-section.bg-color-half.bg-tertiary {
  	background: rgba(255, 230, 179, .5);
}
.lef-section.bg-color-half.bg-quaternary {
  	background: rgba(230, 236, 247, .5);
}

@media only screen and (max-width: 991px) {
   	.lef-section.in-grid {
      	border-radius: unset;
  	}
  
  	.overlap-team-card-on-top {
      	margin-top: -171px;
  	}
  
  	.wp-block-custom-section-block-col:emtpy {
      	display: none;
  	}
}

/* BREADCRUMBS */
#breadcrumbs {
  	color: var(--secondary);
  	font-size: 20px;
  	font-weight: 600;
}

#breadcrumbs .breadcrumb_last::after {
  	content: '/';
  	
}

/* CARDS: CARD DEFAULT & CARD BLOG */
.card-default,
.card-blog {
  	position: relative;
}

.card-default .content-date {
  	display: none;
}

.card-default .card-subtitle,
.card-blog .card-subtitle {
  	position: absolute;
  	top: 22px;
  	left: 22px;
  	padding: 6px 18px;
  	font-size: 15px;
  	line-height: 20px;
  	color: var(--primary);
  	border-radius: var(--general-border-radius);
  	font-weight: 400;
}
.card-default .card-subtitle.bg-primary,
.card-default .card-subtitle.bg-black,
.card-default .card-subtitle.bg-secondary,
.card-blog .card-subtitle.bg-primary,
.card-blog .card-subtitle.bg-black,
.card-blog .card-subtitle.bg-secondary{
  	color: var(--white);
}

.card-default .content-outer,
.card-blog .content-outer {
  	position: absolute;
  	bottom: 0;
  	color: var(--white);
  	padding: 16px 86px 16px 22px;
  	width: 100%;
}

.card-default .content-outer h3,
.card-blog .content-outer h3, 
.card-default .content-outer h4,
.card-blog .content-outer h4 {
  	margin-bottom: unset;
  	overflow: hidden;
  	display: -webkit-box;
  	-webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.card-blog .content-outer h3,
.card-blog .content-outer h4 {
  	color: var(--primary);
}

.card-default:not(.smaller-heading) .content-outer h4 {
  	font-size: var(--h3-size);
}

.card-default .content-outer .excerpt-holder,
.card-blog .content-outer .excerpt-holder {
  	margin-top: 10px;
  	margin-bottom: unset;
  	font-size: var(--p-font-size);
  	line-height: 32px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.card-blog .content-outer .excerpt-holder {
  	color: var(--black);
}

.card-default .content-outer .buttons-holder,
.card-blog .content-outer .buttons-holder{
  	display: none;
}

.card-default .content-outer .buttons-holder .btn {
  	margin: 20px;
}

.card-default .content-outer .buttons-holder .btn span {
  	background: var(--primary);
    color: var(--primary-content);
    padding: unset;
    width: 50px;
    min-width: 50px;
    height: 50px;
}

.mega-menu-right-content .card-default .content-outer .buttons-holder .btn span {
  	background: var(--white);
  	color: var(--primary);
}

.mega-menu-right-content .card-default .content-outer .buttons-holder .btn span .icon {
  	background: var(--white);
  	color: var(--primary);
}

@media only screen and (max-width: 1699px) {
  	.card-default.card-size-small .image-outer .image-holder {
      	padding-bottom: 63% !important;
  	}
}

@media only screen and (max-width: 991px) {
  	.card-default h3,
  	.card-default h4 {
      	overflow: hidden;
      	display: -webkit-box;
      	-webkit-line-clamp: 2;
      	-webkit-box-orient: vertical;
  	}
  
  	.card-default .content-outer {
      	padding-right: 22px;
  	}
  
  	.card-default .content-outer .buttons-holder {
      	display: none !important;
  	}
  
  	.card-default.card-size-small .image-outer .image-holder {
      	padding-bottom: 63% !important;
  	}
  
  	.card-default:not(.smaller-heading) .content-outer h4 {
      	font-size: var(--h4-size-mobile);
  	}
  
  	.smaller-heading.card-default .content-outer h3 {
        font-size: var(--h4-size-mobile);
    }
  
  	.card .excerpt-holder {
      	font-size: 18px !important;
      	line-height: 28px !important;
  	}
}

/* CARDS: CARD TRAJECT & CARD STEP*/
.card-traject {
 	position: relative;
 	background: var(--primary);
  	color: var(--primary-content);
  	padding: 42px 102px 42px 50px;
  	height: 314px;
}

.card-step {
  	background: url('/app/themes/wevenwerkt/dist/img/background-mask.jpg');
  	background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  	color: var(--primary);
  	padding: 42px 51px;
}

.card-traject .content-outer,
.card-step .content-outer {
  	padding: unset;
}

.card-traject h3,
.card-traject h4 {
  	overflow: hidden;
  	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.card-traject .excerpt-holder {
  	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.card-traject .card-subtitle,
.card-step .card-subtitle {
  	display: block;
  	color: var(--tertiary);
  	font-size: 20px;
  	font-weight: 600;
  	line-height: 100%;
  	margin-bottom: 10px;
}

.card-step .card-subtitle {
  	color: var(--secondary);
}

.card-traject h3,
.card-step h3 {
  	font-weight: 600;
  	margin-bottom: 30px;
}

.card-traject h3 {
  	color: var(--primary-content);
}

.card-traject .excerpt-holder,
.card-step .excerpt-holder {
  	margin-bottom: unset;
  	font-size: 20px;
  	line-height: 32px;
}

.card-default .content-outer .buttons-holder,
.card-traject .content-outer .buttons-holder,
.lef-section.blog-featured-blogs .card.fallback-image .buttons-holder {
  	display: block;
  	opacity: 0;
  	position: absolute;
  	bottom: 0;
  	right: 0;
  	margin: unset;
  	transition: opacity .3s ease-in-out;
}

.card-traject .content-outer .buttons-holder {
  	bottom: 25px;
  	right: 25px;
}

.card-default:hover .content-outer .buttons-holder,
.card-traject:hover .content-outer .buttons-holder {
  	opacity: 1;
}

.card-default .content-outer .buttons-holder .btn,
.card-traject .content-outer .buttons-holder .btn {
  	background: var(--white);
  	color: var(--white-content);
  	padding: unset;
  	margin: 20px;
}

.hero-featured-items .card-default .content-outer .buttons-holder .btn span,
.hero-featured-items .card-default .content-outer .buttons-holder .btn .icon,
.card-traject .content-outer .buttons-holder .btn span,
.card-traject .content-outer .buttons-holder .btn .icon{
  	background: var(--white);
  	color: var(--white-content);
  	padding: unset;
  	width: 50px;
  	min-width: 50px;
  	height: 50px;
}

.hero-featured-items .card-default .content-outer .buttons-holder .btn .icon {
  	font-size: 19px;
  	color: var(--primary);
}

.card-traject .content-outer .buttons-holder .btn .icon {
  	font-size: 19px;
  	color: var(--primary);
}

.hero-featured-items.fallback-white-blue-mask .card.fallback-image .content-outer .buttons-holder .btn,
.hero-featured-items.fallback-white-blue-mask .card.fallback-image .content-outer .buttons-holder .btn span,
.hero-featured-items.fallback-white-blue-mask .card.fallback-image .content-outer .buttons-holder .btn .icon {
  	background: var(--primary);
  	color: var(--primary-content);
}

.card-default .content-outer .buttons-holder .btn::before,
.card-traject .content-outer .buttons-holder .btn::before,
.card-blog .content-outer .buttons-holder .btn::before{
  	content: '';
  	position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    border-radius: 100px;
  	border: 1px solid var(--white);
  	-webkit-animation-name: stretch;
    animation-name: stretch;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.hero-featured-items.fallback-white-blue-mask .card.fallback-image .content-outer .buttons-holder .btn::before {
  	border-color: var(--primary);
}

.card-default .image-outer .image-holder {
  	padding-bottom: 63%;
  	overflow: hidden;
}

.card-default.card-size-small .image-outer .image-holder {
  	padding-bottom: 46%;
}

.card-default .image-outer .image-holder::after {
  	content: '';
  	background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .5) 100%);
  	position: absolute;
  	width: 100%;
  	height: 100%;
}

.featured .wp-block-custom-section-block-col .card-traject {
  	transition: transform .3s ease-in-out;
  	transform-origin: top left;
}

.featured .wp-block-custom-section-block-col:nth-child(4) .card-traject,
.featured .wp-block-custom-section-block-col:not(:nth-child(4)) .card-traject:hover {
  	transform: rotate(5deg);
  	transform-origin: top left;
}

.featured .wp-block-custom-section-block-col:nth-child(4) .card-traject:hover {
  	transform: unset;
}

@media only screen and (max-width: 1499px) {
  	.card-traject {
      	height: 295px;
  	}
  
  	.card-traject .excerpt-holder {
      	font-size: 18px;
      	line-height: 28px;
  	}
}

@media only screen and (max-width: 1399px) {
  	.card-traject {
      	height: 270px;
  	}
  
  	.card-traject .excerpt-holder {
      	font-size: 16px;
      	line-height: 24px;
  	}
}

@media only screen and (max-width: 991px) {
  	.featured .wp-block-custom-section-block-col:nth-child(4) .card-traject,
	.featured .wp-block-custom-section-block-col:not(:nth-child(4)) .card-traject:hover {
      	transform: rotate(2deg);
  	}
  
  	.card-traject {
      	padding: 40px;
      	height: unset;
  	}
  
  	.card-traject .excerpt-holder {
      	font-size: 18px;
      	line-height: 28px;
  	}
  
  	.card-traject .content-outer .buttons-holder {
      	display: none;
  	}
}

/* CARDS: CARD TEAM */
.card-team {
  	background: transparent;
  	color: inherit;
  	flex-direction: column;
  	align-items: center;
  	text-align: center;
}

.card-team .image-outer {
  	margin-bottom: 37px;
}

.card-team .image-outer .image-holder {
  	background-color: unset;
  	padding-bottom: unset;
  	display: flex;
  	justify-content: center;
}

.card-team .image-outer .image-holder img {
  	position: relative;
  	height: 202px;
  	width: 202px;
  	border-radius: 202px;
}

.card-team .team-function {
  	font-size: 20px;
  	line-height: 32px;
  	color: var(--primary);
}

.card-team h3 {
  	margin-bottom: unset;
  	font-weight: 600;
}

.colored-team-function .card-team .team-function {
  	color: var(--secondary);
}

.card-team .buttons-holder {
  	text-align: center;
}

.card-team[data-href] .buttons-holder {
  	display: none;
}

/* CARDS: CARD BLOG */
.card-blog {
  	border: 2px solid transparent;
  	transition: border-color .3s ease-in-out;
}

.card-blog:hover {
  	border-color: var(--primary);
}

.card-blog .image-outer .image-holder {
  	padding-bottom: 46%;
}

@media only screen and (max-width: 991px) {
  	.card-blog .image-outer .image-holder {
      	padding-bottom: 63%;
  	}
  
  	.card-blog h4 {
      	overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
  	}
}

/* CARDS: CARD ERVARING */
.card-ervaring {
  	display: flex;
  	flex-direction: row !important;
  	background: var(--quaternary);
  	border: 2px solid var(--quaternary);
  	padding: 101px 100px 94px 58px;
  	transition: border-color .3s ease-in-out;
}

.card-ervaring:hover {
  	border-color: var(--primary);
}

.card-ervaring .content-left-outer {
  	width: 202px;
  	min-width: 202px;
}

.card-ervaring .content-left-outer .image-outer {
  	margin-bottom: 33px;
}

.card-ervaring .content-left-outer .image-outer .image-holder {
  	padding-bottom: unset;
  	height: 202px;
  	width: 202px;
  	background: unset;
}

.card-ervaring .content-left-outer .experience-company {
  	font-size: 20px;
  	color: var(--primary);
  	margin-bottom: 4px;
  	line-height: 32px;
}

.card-ervaring .content-left-outer h3 {
  	color: var(--primary);
  	font-weight: 600;
  	line-height: 30px;
  	margin-bottom: unset;
}

.card-ervaring .content-right-outer {
  	margin-left: 71px;
  	display: flex;
    flex-direction: column;
}

.card-ervaring .content-right-outer .experience {
  	line-height: 32px;
  	margin-bottom: 30px;
}

.card-ervaring .content-right-outer .buttons-holder {
  	margin-top: auto;
  	opacity: 0;
  	transition: opacity .3s ease-in-out;
}

.card-ervaring:hover .content-right-outer .buttons-holder {
  	opacity: 1;
}

@media only screen and (max-width: 991px) {
  	.card-ervaring {
      	flex-direction: column !important;
      	padding: 30px;
  	}
  
  	.card-ervaring .content-left-outer {
      	display: flex;
      	flex-direction: column;
      	align-items: center;
      	width: 100%;
  	}
  
  	.card-ervaring .content-left-outer .image-outer {
      	display: flex;
      	justify-content: center;
      	margin-bottom: 20px;
  	}
  
  	.card-ervaring .content-left-outer .image-outer .image-holder {
      	width: 150px;
      	height: 150px;
  	}
  
  	.card-ervaring .content-right-outer {
      	margin-left: unset;
      	margin-top: 20px;
  	}
  
  	.card-ervaring .content-right-outer .buttons-holder {
      	opacity: 1;
      	margin-bottom: 5px;
  	}
}

/* CARDS: CARD VACATURE */
.card-vacature {
  	display: flex;
  	background: var(--quaternary);
  	color: var(--quaternary-content);
  	padding: 38px 51px;
  	flex-direction: column;
  	align-items: flex-start !important;
  	text-decoration: none !important;
  	border: 2px solid transparent;
  	transition: border-color .3s ease-in-out;
}

.card-vacature:hover {
  	border-color: var(--primary);
}

.card-vacature .vacancy-hours {
  	color: var(--secondary);
  	font-size: 20px;
  	font-weight: 600;
  	line-height: 28px;
}

.card-vacature h3 {
  	color: var(--primary);
  	font-weight: 600;
  	margin-bottom: unset;
}

@media only screen and (max-width: 991px) {
  	.card-vacature {
      	padding: 30px;
  	}
}

/* ACCORDION */
body .accordion {
  	background-color: var(--quaternary);
}

body .accordion .accordion-title {
  	color: var(--primary);
  	font-weight: 600;
  	padding: 40px 53px;
  	line-height: 34px;
}

body .accordion .accordion-title .title {
	line-height: 34px;
}

body .accordion .accordion-content {
  	padding: 0 53px 37.5px 53px;
}

@media only screen and (max-width: 991px) {
  	body .accordion .accordion-title {
      	padding: 30px;
  	}
  
  	body .accordion .accordion-content {
      	padding: 0 30px 30px 30px;
  	}
}

/* BLOCK: QUOTE */
body .block-quote-outer {
  	border-left: unset;
  	padding-left: unset;
  	text-align: center;
}

body .block-quote-outer blockquote {
  	border-left: unset;
  	padding-left: unset;
  	color: var(--primary);
  	font-size: var(--h2-size);
  	line-height: var(--h-line-height);
  	font-weight: 400;
}

@media only screen and (max-width: 991px) {
  	body .block-quote-outer blockquote {
      	font-size: var(--h2-size-mobile);
  	}
}

/* BLOCK: COSTS */
.costs {
  	padding: 40.5px 80px 40.5px 54px;
  	border-radius: var(--general-border-radius);
  	background: url('/app/themes/wevenwerkt/dist/img/background-mask.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  	color: var(--primary);
  	display: flex;
  	flex-direction: row;
}

.costs .costs-introduction h1,
.costs .costs-introduction h2,
.costs .costs-introduction h3,
.costs .costs-introduction h4,
.costs .costs-introduction h5,
.costs .costs-introduction h6 {
  	font-size: 32px;
  	line-height: 38px;
  	margin-bottom: 15px;
}

.costs .costs-introduction * {
  	line-height: 32px;
}

.costs .costs-pricing {
  	width: 225px;
  	min-width: 225px;
  	border-left: 1px solid var(--primary);
  	padding-left: 60px;
  	margin-left: 40px;
  	display: flex;
  	flex-direction: column;
}

.costs .costs-pricing .costs-label {
  	display: block;
  	font-size: 28px;
  	font-weight: 500;
  	line-height: 34px;
  	margin-bottom: 4px;
}

.costs .costs-pricing .costs-price {
  	display: block;
  	font-size: 28px;
  	font-weight: 700;
  	line-height: 34px;
  	margin-bottom: 28px;
}

.costs .costs-pricing .buttons-holder {
  	margin-top: auto;
  	margin-bottom: 5px;
}

@media only screen and (max-width: 991px) {
  	.costs {
      	flex-direction: column;
      	padding: 40px;
  	}
  
  	.costs .costs-pricing {
      	width: 100%;
      	min-width: unset;
      	border-left: unset;
      	border-top: 1px solid var(--primary);
      	margin-left: unset;
      	padding-left: unset;
      	margin-top: 30px;
      	padding-top: 30px;
  	}
}

/* BLOCK: FEATURED */
.featured.large-row-gap .row {
  	grid-row-gap: 116px;
}

/* BLOCK: HERO FEATURED CARDS */
.hero-featured-items {
  	display: flex;
  	flex-direction: row;
  	gap: 16px;
}

.hero-featured-items .featured-items-half {
  	width: 50%;
}

.hero-featured-items.one-large-two-small .featured-items-half:nth-child(1) .card,
.hero-featured-items.two-small-one-large .featured-items-half:nth-child(2) .card {
  	height: calc(100% - 30px);
}

.hero-featured-items.one-large-two-small .featured-items-half:nth-child(1) .card figure.image-outer,
.hero-featured-items.two-small-one-large .featured-items-half:nth-child(2) .card figure.image-outer{
  	height: 100%;
}

.hero-featured-items.one-large-two-small .featured-items-half:nth-child(1) .card .image-outer .image-holder,
.hero-featured-items.two-small-one-large .featured-items-half:nth-child(2) .card .image-outer .image-holder{
  	padding-bottom: unset;
  	height: 100%;
}

.hero-featured-items.fallback-white-blue-mask .card.fallback-image .image-holder::after,
.lef-section.blog-featured-blogs .card.fallback-image .image-holder::after {
  	all: unset;
}

.hero-featured-items.fallback-white-blue-mask .card.fallback-image .content-outer,
.lef-section.blog-featured-blogs .card.fallback-image .content-outer {
  	color: var(--black);
}

.hero-featured-items.fallback-white-blue-mask .card.fallback-image .content-outer h3,
.lef-section.blog-featured-blogs .card.fallback-image .content-outer h3,
.hero-featured-items.fallback-white-blue-mask .card.fallback-image .content-outer h4,
.lef-section.blog-featured-blogs .card.fallback-image .content-outer h4 {
  	color: var(--primary);
}

@media only screen and (max-width: 991px) {
  	.hero-featured-items {
      	flex-direction: column;
      	width: 100%;
      	gap: unset;
  	}
  
    .hero-featured-items .featured-items-half {
      	width: 100%;
    }
  
  	.hero-featured-items.one-large-two-small .featured-items-half:nth-child(1) .card {
      	margin-bottom: unset;
  	}
  	.hero-featured-items.two-small-one-large .featured-items-half:nth-child(2) .card {
      	margin-top: unset;
  	}
  
  	.hero-featured-items.one-large-two-small .featured-items-half:nth-child(1) .card figure.image-outer, 
  	.hero-featured-items.two-small-one-large .featured-items-half:nth-child(2) .card figure.image-outer {
      	height: unset;
  	}
  
  	.hero-featured-items.one-large-two-small .featured-items-half:nth-child(1) .card .image-outer .image-holder, 
  	.hero-featured-items.two-small-one-large .featured-items-half:nth-child(2) .card .image-outer .image-holder {
      	padding-bottom: 63%;
  	}
  
  	.hero-featured-items .card-default.card-size-small .image-outer .image-holder {
      	padding-bottom: 63%;
  	}
}

/* BLOCK: FEATURED PROCEDURES */
.featured-procedures {
  	height: 800px;
  	margin-bottom: -120px;
}

.featured-procedures .content-wrapper {
  	position: relative;
  	margin-top: 66px;
}

.featured-procedures .content-wrapper::after {
  	content: '';
  	width: 70px;
  	height: 70px;
  	position: absolute;
  	bottom: -73.4px;
  	right: 68.4px;
  	background: url('/app/themes/wevenwerkt/dist/img/rounded-arrow-down.svg');
  	background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
  	transform: rotate(-45deg);
}

.featured-procedures .content-wrapper h1,
.featured-procedures .content-wrapper h2,
.featured-procedures .content-wrapper h3,
.featured-procedures .content-wrapper h4,
.featured-procedures .content-wrapper h5 {
  	font-family: var(--biro-font);
  	font-size: 38px;
  	line-height: 25px
}

.featured-procedures .procedure-1 .card-traject {
  	transform: rotate(-8deg);
  	position: absolute;
  	top: 477px;
  	margin-left: 297px;
  	width: 100%;
}
.featured-procedures .procedure-2 .card-traject {
  	transform: rotate(8deg);
  	position: absolute;
  	top: 176px;
  	margin-left: -56px;
  	width: 100%;
}
.featured-procedures .procedure-3 .card-traject {
  	transform: rotate(-8deg);
  	position: absolute;
  	margin-left: -8px;
  	width: 100%;
}

.featured-procedures .card-traject {
	transition: transform .3s ease-in-out;  
}

.featured-procedures .card-traject:hover {
  	transform: rotate(0deg);
}

.featured-procedures .procedure-buttons {
    pointer-events: none;
}

.featured-procedures .procedure-buttons .buttons-holder {
  	pointer-events: none;
  	margin-top: 430px;
}

.featured-procedures .procedure-buttons .buttons-holder a {
  	pointer-events: all;
}

@media only screen and (max-width: 1699px) {
  	.featured-procedures .procedure-1 .card-traject {
      	margin-left: 90px;
  	}
  
  	.featured-procedures .procedure-buttons .buttons-holder {
      	margin-top: 480px;
  	}
}

@media only screen and (max-width: 991px) {
  	.featured-procedures {
      	height: unset;
      	margin-bottom: unset;
  	}
  
  	.featured-procedures .content-wrapper {
      	margin-top: 30px;
      	margin-bottom: 90px;
  	}
  
  	.featured-procedures .card-traject {
      	position: relative !important;
      	transform: unset !important;
      	top: unset !important;
      	margin-left: unset !important;
  	}
  
  	.featured-procedures .procedure-buttons {
      	pointer-events: all;
  	}
  
  	.featured-procedures .procedure-buttons .buttons-holder {
        pointer-events: all;
        margin-top: unset;
    }
}

/* BLOCK: FEATURED PARTNERS */
.featured-partners {
  	padding: 53px;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: center;
  	gap: 16px;
  	border-radius: var(--general-border-radius);
	background: url('/app/themes/wevenwerkt/dist/img/background-mask.jpg');
  	background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.featured-partners .partner-image {
  	background: var(--white);
  	width: 260px;
  	height: 169px;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	border-radius: var(--general-border-radius);
}

.featured-partners .partner-image img {
  	filter: grayscale(1);
}

@media only screen and (max-width: 991px) {
  	.featured-partners {
      	padding: 30px;
      	flex-wrap: wrap;
  	}
  
  	.featured-partners .partner-image {
      	width: calc(50% - 8px);
      	height: 150px;
  	}
  
  	.featured-partners .partner-image img {
      	max-width: 80%;
  	}
}

/* SLIDER BUTTONS */
.tns-controls button {
  	background: var(--white);
  	color: var(--primary);
  	border: 2px solid var(--primary);
}

.tns-controls button:hover {
  	border-color: var(--primary-darkened);
}

/* SINGLE VACATURES PAGE */
.lef-section.vacancy-header {
  	padding: 232px 0 80px 0; 
}

.lef-section.vacancy-header .vacancy-image {
  	margin-left: -15px;
  	margin-right: -15px;
}

.lef-section.vacancy-header .vacancy-details {
  	width: 100%;
  	display: flex;
  	padding: 45px 48px;
  	border-radius: var(--general-border-radius);
  	background: var(--quaternary);
  	color: var(--primary);
  	font-weight: 600;
  	justify-content: space-between;
  	margin-top: -58.5px;
}

.lef-section.vacancy-header .vacancy-details .vacancy-detail {
  	line-height: 27px;
}

.single-vacatures .lef-section:not(.vacancy-header).transparent-top-section-padding {
  	padding-top: var(--section-padding);
}

@media only screen and (max-width: 991px) {
  	.lef-section.vacancy-header {
      	padding: unset;
  	}
  
  	.lef-section.vacancy-header .image-holder {
      	height: 350px;
  	}
  
  	.lef-section.vacancy-header .image-holder img {
      	border-radius: unset;
      	height: 100%;
      	object-fit: cover;
      	object-position: center;
  	}
  
  	.lef-section.vacancy-header .vacancy-details {
      	padding: 30px;
      	flex-direction: column;
      	gap: 20px;
      	margin-top: calc(25% * -1)
  	}
  
  	.single-vacatures .lef-section:not(.vacancy-header).transparent-top-section-padding {
      	padding-top: var(--section-padding-top);
  	}
}

/* SINGLE BLOG PAGE */
.lef-section.blog-header {
  	padding-bottom: 52px;
}

.lef-section.blog-header .blog-header-image .image-holder {
  	height: 560px;
}

.lef-section.blog-header .blog-header-image .image-holder img {
  	height: 560px;
  	object-fit: cover;
  	object-position: center;
}

.lef-section.blog-header .blog-header-details {
  	margin-top: 62px;
}

.lef-section.blog-header .blog-header-details h1 {
  	margin-bottom: unset;
}

.lef-section.blog-header .blog-header-details .blog-subtitle-and-date {
  	display: flex;
  	flex-direction: row;
  	align-items: center;
}

.lef-section.blog-header .blog-header-details .blog-subtitle-and-date .blog-subtitle {
  	display: block;
  	background: var(--secondary);
  	color: var(--secondary-content);
  	font-size: 15px;
  	font-weight: 400;
  	line-height: 20px;
  	padding: 6px 15px;
  	border-radius: 30px;
  	height: 100%;
}

.lef-section.blog-header .blog-header-details .blog-subtitle-and-date .blog-date {
  	font-size: 20px;
  	color: var(--secondary);
  	font-weight: 600;
  	line-height: 44px;
  	margin-left: 33px;
}

.lef-section.blog-content {
  	padding-top: unset;
  	padding-bottom: unset;
}

.lef-section.blog-content .blog-sections {
  	margin-left: -15px;
  	margin-right: -15px;
}

.lef-section.blog-content .blog-sections .lef-section:first-child {
  	padding-top: unset;
}
.lef-section.blog-content .blog-sections .lef-section:last-child {
  	padding-bottom: unset;
}

.lef-section.blog-featured-blogs {
  	padding-top: 160px;
  	padding-bottom: 160px;
}

@media only screen and (max-width: 991px) {
  	.lef-section.blog-header {
      	padding: unset;
  	}
  
  	.lef-section.blog-header .blog-header-image {
      	margin-left: -15px;
      	margin-right: -15px;
  	}
  
  	.lef-section.blog-header .blog-header-image .image-holder {
      	height: 350px;
  	}
  
  	.lef-section.blog-header .blog-header-image .image-holder img {
      	border-radius: unset;
      	height: 350px;
  	}
  
  	.lef-section.blog-header .blog-header-details {
      	margin-top: 50px;
  	}
}

/* SHARE BUTTONS */
.addtoany_share_save_container {
  	margin: unset;
  	padding: 0 15px;
}

.addtoany_share_save_container a {
  	padding: unset;
  	font-size: 20px !important;
  	font-weight: 600 !important;
  	line-height: 44px !important;
  	text-decoration: none !important;
  
  	display: flex;
  	flex-direction: row;
  	align-items: center;
}

.addtoany_share_save_container a::after {
  	content: '';
  	width: 23.6px;
  	height: 27.2px;
  	background: url("data:image/svg+xml;base64,PHN2ZyBpZD0iR3JvdXBfNDE4IiBkYXRhLW5hbWU9Ikdyb3VwIDQxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjIzLjY4NyIgaGVpZ2h0PSIyNy4yMTUiIHZpZXdCb3g9IjAgMCAyMy42ODcgMjcuMjE1Ij4NCiAgPGRlZnM+DQogICAgPGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPg0KICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV8xMzgiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDEzOCIgd2lkdGg9IjIzLjY4NyIgaGVpZ2h0PSIyNy4yMTUiIGZpbGw9IiMxNjVjNWUiLz4NCiAgICA8L2NsaXBQYXRoPg0KICA8L2RlZnM+DQogIDxnIGlkPSJHcm91cF80MTciIGRhdGEtbmFtZT0iR3JvdXAgNDE3IiBjbGlwLXBhdGg9InVybCgjY2xpcC1wYXRoKSI+DQogICAgPHBhdGggaWQ9IlBhdGhfOTAiIGRhdGEtbmFtZT0iUGF0aCA5MCIgZD0iTTE5LjIzMiwxOC4zMDZhNC40NDQsNC40NDQsMCwwLDAtMy4yOTQsMS40NTlMOC42LDE1LjIyM2E0LjQzOCw0LjQzOCwwLDAsMCwwLTMuMjNMMTUuOTM4LDcuNDVhNC40NTQsNC40NTQsMCwxLDAtLjg1Ni0xLjM4TDcuNzQ5LDEwLjYxMmE0LjQ1NSw0LjQ1NSwwLDEsMCwwLDUuOTkxbDcuMzM0LDQuNTQyYTQuNDU0LDQuNDU0LDAsMSwwLDQuMTUtMi44MzlNMTYuNCw0LjQ1NWEyLjgzLDIuODMsMCwxLDEsMi44MywyLjgzLDIuODM0LDIuODM0LDAsMCwxLTIuODMtMi44M000LjQ1NSwxNi40MzhhMi44MywyLjgzLDAsMSwxLDIuODMtMi44MywyLjgzNCwyLjgzNCwwLDAsMS0yLjgzLDIuODNNMTYuNCwyMi43NmEyLjgzLDIuODMsMCwxLDEsMi44MywyLjgzLDIuODM0LDIuODM0LDAsMCwxLTIuODMtMi44MyIgZmlsbD0iIzE2NWM1ZSIvPg0KICA8L2c+DQo8L3N2Zz4NCg==");
  	background-position: center;
  	background-size: contain;
  	background-repeat: no-repeat;
  	margin-left: 14px;
  	
}

/* BLOG ARCHIVE PAGE */
.blog .post-items .featured-items-half .card-holder {
  	height: 302px;
  	margin: 15px 0;
  	display: flex;
  	flex-direction: column;
}

.blog .post-items .card {
  	border: 2px solid transparent;
  	overflow: hidden;
  	transition: border-color .3s ease-in-out;
  	border-radius: 22px;
}

.blog .post-items .card:hover {
  	border-color: var(--primary);
}

.blog .post-items .featured-items-half:not(.full-card) .card-holder .image-outer .image-holder::after {
  	all: unset;
}

.blog .post-items .featured-items-half .card-holder .card {
  	height: 100%;
  	margin: unset;
}

.blog .post-items .featured-items-half .card-holder:first-child {
  	margin-bottom: 30px;
}


.blog .post-items .featured-items-half .card-holder .card .image-holder {
  	height: 302px;
  	padding-bottom: unset;
}

.blog .post-items .featured-items-half.full-card .card {
  	height: calc(100% - 30px);
  	min-height: 630px;
}

.blog .post-items .featured-items-half .card .buttons-holder {
  	display: none;
}

.blog .post-items .featured-items-half.full-card .card .image-outer {
  	height: 100%;
}

.blog .post-items .featured-items-half.full-card .card .image-holder {
  	padding-bottom: unset;
  	height: 100%;
}

.blog .post-items .featured-items-half .card .image-holder.no-image,
.blog .post-items .featured-items-half .card-holder .card .image-holder {
  	background: url('/app/themes/wevenwerkt/dist/img/background-mask.jpg');
  	background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.blog .post-items .featured-items-half .card-holder .card .image-holder img {
	display: none;
}

.blog .post-items .featured-items-half .card .image-holder.no-image::after {
  	all: unset;
}

.blog .post-items .featured-items-half .card:has(.no-image) .content-outer h4,
.blog .post-items .featured-items-half .card-holder .card .content-outer h4 {
 	color: var(--primary);
}

.blog .post-items .featured-items-half .card:has(.no-image) .content-outer,
.blog .post-items .featured-items-half .card-holder .card .content-outer {
  	color: var(--black);
}

.blog .ajax-pagination .page-load-more {
  	display: flex;
  	justify-content: center;
  	margin-top: 60px;
}

.blog .ajax-pagination .page-load-more span {
  	pointer-events: none;
}

@media only screen and (max-width: 991px) {
    .blog .post-items .featured-items-half .card-holder {
      	height: unset;
    }
  	.blog .post-items .featured-items-half .card-holder .card {
      	height: unset;
  	}
  	.blog .post-items .featured-items-half.full-card .card {
      	height: unset;
      	min-height: unset;
  	}
  
  	.blog .post-items .featured-items-half.full-card .card .image-holder {
      	height: unset;
      	padding-bottom: 63%;
  	}
  
  	.blog .post-items .featured-items-half .card-holder .card .image-holder {
      	height: unset;
      	padding-bottom: 63%;
  	}
}

/* FORMS */
.gform_wrapper form {
  	margin-bottom: unset;
}

.gform_wrapper .gfield_label {
  	font-weight: 600;
  	line-height: 27px;
  	margin-bottom: 10px;
}

.filter-item input, .filter-item select, .filter-item textarea, form input, form select, form textarea {
  	background-color: transparent;
  	border: unset;
  	border-radius: unset;
  	border-bottom: 2px solid rgba(22, 92, 94, .4);
  	transition: border-color .3s ease-in-out;
  	color: var(--primary);
  	line-height: 27px;
}

.filter-item input:focus, 
.filter-item select:focus, 
.filter-item textarea:focus, 
form input:focus, 
form select:focus, 
form textarea:focus {
  	border-color: var(--primary);
}

.gform_wrapper form fieldset {
  	display: flex;
  	align-items: center;
}

.gform_wrapper form .gfield--type-submit {
  	display: flex;
  	justify-content: flex-end;
}

.gform_wrapper form .gfield--type-submit input.button {
  	background: var(--primary) !important;
  	content: var(--primary-content);
  	padding: var(--btn-medium-padding) !important;
  	font-size: 20px;
}

.gform_wrapper form .gfield--type-submit input.button:hover {
  	background: var(--primary-darkened) !important;
  	color: var(--primary-content);
}

.gform_wrapper form .gfield_checkbox .gchoice {
  	display: flex;
  	align-items: center;
}

.gform-footer {
  	padding: unset;
}

body input[type="checkbox"] {
  	width: 25px;
  	height: 25px;
  	min-width: 25px;
  	border-radius: unset;
  	border-width: 2px;
  	margin-right: 18px;
}

.gform_required_legend {
  	display: none;
}

@media only screen and (max-width: 991px) {
  	.gform_fields {
      	row-gap: 30px;
  	}
}

/* FOOTER */
.footer-builders {
	margin-bottom: 15px;
}

footer#footer {
  	background: var(--white);
  	color: var(--white-content);
}

footer .footer-inner {
  	max-width: var(--container-width);
  	margin: 0 auto;
  	border-radius: var(--general-border-radius);
  	padding: 87px 138px;
}

footer .footer-inner a {
  	text-decoration: none;
}
footer .footer-inner a:hover {
  	text-decoration: underline;
}

footer.bg-primary .footer-inner {
    background: var(--primary);
    color: var(--primary-content);
}

footer.bg-secondary .footer-inner {
    background: var(--secondary);
    color: var(--secondary-content);
}

footer.bg-tertiary .footer-inner {
    background: var(--tertiary);
    color: var(--tertiary-content);
}

footer.bg-quaternary .footer-inner {
    background: var(--quaternary);
    color: var(--quaternary-content);
}

footer img {
    width: auto;
}

@media only screen and (max-width: 991px) {
  	.footer-builders {
      	margin-bottom: unset;
  	}
  	
  	footer .footer-inner {
      	padding: 50px;
      	border-radius: unset;
  	}
  	
  	footer .footer-inner .row-gap {
      	grid-row-gap: 50px;
  	}
  
  	footer .footer-inner .content-wrapper * {
      	text-align: center !important;
  	}
}

/* SOCKET */
footer .socket {
  	font-size: 20px;
  	color: var(--primary);
  	font-weight: 400;
  	padding: 35px 0;
}

footer .socket .socket-inner {
  	flex-wrap: wrap;
}

footer .socket .socket-inner .socket-half {
  	flex: 1;
}

footer .socket .socket-inner .socket-half.middle {
  	text-align: center;
}

footer .socket .socket-inner .socket-half.last ul {
  	padding: unset;
  	margin: unset;
  	list-style-type: none;
  	display: flex;
  	flex-direction: row;
  	justify-content: flex-end;
  	gap: 67px;
}

footer .socket .socket-inner .socket-half.last ul li {
  	line-height: 27px;
}

footer .socket .socket-inner .socket-half.last ul li a {
  	line-height: 27px;
  	font-size: var(--p-size);
  	text-decoration: none;
  	font-weight: 500;
}

footer .socket .socket-inner .socket-half.last ul li a:hover {
  	text-decoration: underline;
}

footer .socket .socket-inner .socket-half.first a  {
  	text-decoration: none;
}

footer .socket .socket-inner .socket-half.first a .icon {
  	font-size: 25px;
}

footer .socket .socket-inner .socket-half.first a:not(:last-child) .icon {
	margin-right: 30px;
}

footer .socket .socket-inner .socket-developed-by {
  	width: 100%;
  	text-align: center;
  	font-size: 14px;
  	line-height: 24px;
  	opacity: 0.5;
}

@media only screen and (max-width: 991px) {
  	footer .socket {
      	padding: 25px 0;
  	}
  	footer .footer-inner .col-lg-4 {
      	order: 1;
  	}
  	footer .footer-inner .col-lg-2 {
      	order: 2;
  	}
  	footer .socket .socket-inner .socket-half.first {
      	order: 1;
      	margin-bottom: 10px;
  	}
  	footer .socket .socket-inner .socket-half.last {
      	display: none
  	}
  	footer .socket .socket-inner .socket-half.last ul {
      	flex-direction: column;
      	gap: 5px;
      	align-items: center;
  	}
  	footer .socket .socket-inner .socket-half.middle {
      	display: none;
      	order: 3;
      	font-size: 18px;
      	line-height: 26px;
  	}
  	footer .socket .socket-inner .socket-developed-by {
      	order: 4;
  	}
}

/* Line section */
.line-section {
 	position: relative;
}

/* CARD REVEAL ANIMATION - in sync with line scroll */
.line-section .featured-procedures .card-traject {
  transition: transform 0.3s ease-in-out, opacity 0.7s ease-out;
}

.line-section .featured-procedures .procedure-1 .card-traject:not(.line-revealed),
.line-section .featured-procedures .procedure-3 .card-traject:not(.line-revealed) {
  opacity: 0;
  transform: rotate(-8deg) translateY(30px);
}

.line-section .featured-procedures .procedure-2 .card-traject:not(.line-revealed) {
  opacity: 0;
  transform: rotate(8deg) translateY(30px);
}

.line-section .featured-procedures .procedure-1 .card-traject.line-revealed {
  opacity: 1;
  transform: rotate(-8deg);
}

.line-section .featured-procedures .procedure-2 .card-traject.line-revealed {
  opacity: 1;
  transform: rotate(8deg);
}

.line-section .featured-procedures .procedure-3 .card-traject.line-revealed {
  opacity: 1;
  transform: rotate(-8deg);
}

.line-section .featured-procedures .card-traject.line-revealed:hover {
  transform: rotate(0deg) !important;
}

@media only screen and (max-width: 991px) {
  .line-section .featured-procedures .card-traject,
  .line-section .featured-procedures .card-traject:not(.line-revealed) {
    opacity: 1 !important;
    transform: unset !important;
  }
}
.overlap-index {
  	position: relative;
  	z-index: 2;
}

/* Ensure sections above the line-section paint over the SVG (which lives in a stacking context
   created by animate__animated and can otherwise bleed into the section above on wide screens) */
section:has(+ .line-section) {
  position: relative;
  z-index: 1;
}

.svg-container {
  width: 100vw;
  padding: 20px 0;
  position: absolute;
  bottom: -50%;
  transform: scale(1.3);
  left: calc(50% - 43vw);
  z-index: -1;
  margin-bottom: -300px;
}
.svg-container svg {
  width: 100vw;
  height: auto;
  display: block;
}

.svg-container2 {
    width: calc(100vw + 30px);
    padding: 20px 0;
    position: absolute;
    top: -250px;
    left: 0;
    z-index: -1;
    transform: scale(1.5) rotate(14deg);
    overflow: hidden;
}

@media only screen and (max-width: 2299px) {
	.svg-container2 {
		left: 50px;
	}
}

@media only screen and (max-width: 2169px) {
	.svg-container2 {
		left: 100px;
	}
}

@media only screen and (max-width: 1999px) {
	.svg-container2 {
		left: 150px;
	}
}

@media only screen and (max-width: 1879px) {
	.svg-container2 {
		left: 200px;
	}
}

@media only screen and (max-width: 1739px) {
	.svg-container2 {
		left: 250px;
	}
}

.svg-container2 svg {
    width: 100vw;
    margin-left: -36vw;
    height: auto;
    display: block;
    overflow: visible;
}



@media only screen and (max-width: 1699px) {
  	.svg-container2 {
      	top: -200px;
  	}
}

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

/* WHATSAPP BUTTON */
body .whatsapp-button {
    background: var(--primary);
    color: var(--primary-content) !important;
}

body .whatsapp-button:hover {
  	background: var(--primary-darkened);
}

/* ANIMATIONS */
@-webkit-keyframes stretch {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 1;
    }

    90% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: .1;
    }
  
  	100% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0;
    }
}

@keyframes stretch {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 1;
    }

    90% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: .1;
    }
  
  	100% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0;
    }
}