/* Table of Content
==================================================
    #Font-Face
    #Site Styles
    #Media Queries */

/* #Font-Face
================================================== */
@font-face {
    font-family: 'GalanoGrotesque-Bold';
    src: url('assets/fonts//galano-grotesque/galano_grotesque_bold-webfont.woff2') format('woff2'),
        url('assets/fonts//galano-grotesque/galano_grotesque_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display:swap;
}

@font-face {
    font-family: 'GalanoGrotesque-ExtraBold';
    src: url('assets/fonts//galano-grotesque/galano_grotesque_extra_bold-webfont.woff2') format('woff2'),
        url('assets/fonts//galano-grotesque/galano_grotesque_extra_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display:swap;
}

@font-face {
    font-family: 'Satoshi-Variable';
    src: url('assets/fonts//satoshi/Satoshi-Variable.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	font-display:swap;
}

@font-face {
    font-family: 'Satoshi-Variable-Italic';
    src: url('assets/fonts//satoshi/Satoshi-VariableItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	font-display:swap;
}

@font-face {
    font-family: 'Satoshi-Bold';
    src: url('assets/fonts//satoshi/Satoshi-Bold.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
	font-display:swap;
}

@font-face {
    font-family: 'Satoshi-Regular';
    src: url('assets/fonts//satoshi/Satoshi-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
	font-display:swap;
}

/* #Site Styles
================================================== */
:root {
    --font-family-base: 'Satoshi-Variable', sans-serif;
    --font-family-icon: 'icomoon';
    --font-size-base: 18px;
    --width-base: 1440px;
    --line-height-base: 175%;
    --w-100: 100%;
    --h-100: 100%;
    --white: #fff;
    --black: #000;
    --color-orange: #FA6623;
    --color-blue: #002453;
    --color-green: #45B503;
    --color-black: #333333;
    --color-grey: #D8D8D8;
    --color-grey-200: #f2f2f2;
    --color-light-blue: #0090D7;
	--font-h1: 60px/90% GalanoGrotesque-ExtraBold ;
	--font-h2: 40px/90% GalanoGrotesque-ExtraBold ;
	--font-h3: 32px/100% GalanoGrotesque-ExtraBold ;
	--font-h4: 28px/100% GalanoGrotesque-ExtraBold;
	--font-h5: 24px/100% GalanoGrotesque-Bold;
	--font-h6: 24px/100% Satoshi-Bold;
	--font-large: 20px/175% Satoshi-Bold;
	--font-normal: 18px/175% Satoshi-Regular;
	--font-small: 16px/175% Satoshi-Regular;
    --font-size-h1: 60px;
    --font-size-h2: 40px;
    --font-size-h3: 32px;
    --font-size-h4: 28px;
	--font-size-h5: 24px;
    --base-duration: all 0.3s;
}
:where(.wp-block-columns){
    margin-bottom:0 !important;
    position: relative;
    z-index: 1;
}
a:where(:not(.wp-element-button)){
    color:var(--color-orange);
}

h1.article_title{font:var(--font-h1);}

.schema-faq .schema-faq-question:after{background-image: url('/wp-content/themes/basematic/assets/images/icon-chevron-down.svg'); top: 17px; right:17px; content: ' '; width:24px; height:24px; background-color: var(--color-orange); background-size:18px; background-position:center; background-repeat:no-repeat; border-radius:15px;}
.schema-faq .schema-faq-question.faq-q-open:after{content: ' '; transform:rotate(180deg);}
.schema-faq{margin: 24px 0;}

.schema-faq .schema-faq-question {
    font: var(--font-h5);
    color: var(--color-blue);
    padding: 18px 26px;
}
.schema-faq-section:has(.faq-q-open) {border-radius:0 !important;}
.schema-faq .schema-faq-section{border-radius:12px; background:#ffffff; border:none; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.04) , 0 8px 48px 0 rgba(0, 0, 0, 0.08); }
.schema-faq .schema-faq-question:hover{color:var(--color-light-blue);}
.schema-faq .schema-faq-question.faq-q-open {border-bottom: 1px solid #F5F5F5;}
.schema-faq p.schema-faq-answer{padding: 16px 24px;}
.schema-faq .schema-faq-answer img{width:100px; height:100px !important; object-fit: cover; display:block; margin-top:16px;}


[class^="icon-"], [class*=" icon-"]{letter-spacing: normal;}

body{overflow-x:hidden;}

address{font-style:normal;}
:root :where(body){
    --wp--preset--spacing--20: 24px !important;
    --wp--preset--spacing--30: 24px !important;
    --wp--preset--spacing--40: 36px !important;
    --wp--preset--spacing--50: 72px !important;
    --wp--preset--spacing--60: 96px !important;
    --wp--preset--spacing--70: 144px !important;
    --wp--preset--spacing--80: 192px !important;
    --spacing-xxl:192px !important;
    --spacing-xl:144px !important;
    --spacing-l:96px !important;
    --spacing-m:36px !important;
}
.no-padding-left a{padding-left:0 !important}

.show_mobile{display: none !important;}
.hide_mobile{display: block;}



:root :where(.wp-element-button, .wp-block-button__link){
    font-family: GalanoGrotesque-Bold !important;
    padding: 8px 15px 8px 25px !important;
    position: relative !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    text-align: center !important;
    color: var(--white) !important;
    border-radius: 100px !important;
    background-color: var(--color-orange) !important;
	background-image: linear-gradient(to bottom, #fb752a00, #f9581b) !important;
    transition: var(--base-duration) !important;
    overflow: hidden !important;
    text-decoration: none !important;
    display: inline-flex !important;
    letter-spacing: -0.9px !important;
    align-items: center !important;
    border: 1px solid var(--color-orange) !important;
}
.wp-block-button__link:after {
   
    content: "\e903"; line-height:1px;
    transition: var(--base-duration); font-family: var(--font-family-icon); background-color: white; width: 24px; height: 24px; border-radius: 100%; color: var(--color-orange); display: flex; justify-content: center; align-items: center; margin-left: 10px; font-size: 12px; position: relative; z-index: 2;

}
.wp-block-button__link:hover{
    transition: .2s ease-out;
    background: #fb752a;
    padding-right:10px!important;
    /*background-image: linear-gradient(to bottom, #fa6623, #f9581b) !important;*/
}
.wp-block-button__link:hover:after{
    margin-left:15px;
}

header img.custom-logo {
    max-width: 114px;
    margin-left: 30px;
    margin-right: 37px;
}


.is-style-outline .wp-block-button__link{background:transparent !important; color: var(--color-blue) !important; font-family: 'Satoshi-Bold' !important; border:none !important; }
.is-style-outline .wp-block-button__link:after{color:var(--white) !important; background:var(--color-orange) !important;}

.has-dark-blue-background-color .is-style-outline .wp-block-button__link{color:var(--white) !important}
.has-dark-blue-background-color .is-style-outline .wp-block-button__link:after{}





.nopadding{padding:0 !important;}
.nomargin{margin:0 !important;}
p.paragraph{line-height:var(--line-height-base); margin-bottom:1rem;}
.has-dark-blue-background-color p.paragraph{color:#ffffff}
.has-dark-blue-background-color .wp-block-heading{color:var(--color-light-blue)}
.has-dark-blue-background-color .wp-block-list{color:var(--white);}

.wp-block-heading strong{display: block;}

p strong{font-family: 'Satoshi-Bold';}

/* ### general ### */
* { margin: 0; padding: 0; box-sizing: border-box; }
html,
body { font-family: var(--font-family-base); font-size: var(--font-size-base); line-height: var(--line-height-base); color: var(--black); }
body { background: var(--white); }
input,
select,
textarea { font-size: var(--font-size-base); color: var(--black); }
img { display: block; border: 0; }
ul,
li { list-style: none; }
:focus { outline: none; }

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {  color: var(--color-blue); }*/

h1, .h1{font: var(--font-h1); letter-spacing: -0.05em;}
h2, .h2{font: var(--font-h2); letter-spacing: -0.05em; margin-bottom:36px}
h3, .h3{font: var(--font-h3); letter-spacing: -0.05em; margin-bottom:24px;}
h4, .h4{font: var(--font-h4); letter-spacing: -0.05em;}
h5, .h5{font: var(--font-h5); letter-spacing: -0.05em;}
h6, .h6{font: var(--font-h6); letter-spacing: -0.05em;}

h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong{color:var(--color-light-blue); display: block; font-weight: unset;}
.has-dark-blue-background-color h1 strong, .has-dark-blue-background-color h2 strong, .has-dark-blue-background-color .has-dark-blue-background-color h3 strong, .has-dark-blue-background-color h4 strong, .has-dark-blue-background-color h5 strong, .has-dark-blue-background-color h6 strong{color:var(--white); display: block;}
img{max-width:100%;}

/* ### global classes ### */
.centered, .alignwide { padding-right: 15px; padding-left: 15px; }

.button {font-family: GalanoGrotesque-Bold; padding: 8px 15px 8px 25px; position: relative; font-size: 16px; font-weight: 400; text-align: center; color: var(--white); border-radius: 100px; background-color: var(--color-orange); transition: var(--base-duration); overflow: hidden; text-decoration: none; display: inline-flex; letter-spacing: -0.9px; align-items: center; border: 1px solid var(--color-orange); background-image: linear-gradient(to bottom, #fb752a00, #f9581b) !important;}
.button span { position: relative; z-index: 2; transition: var(--base-duration); }
.button i { font-family: var(--font-family-icon); background-color: var(--white); width: 24px; height: 24px; border-radius: 100%; color: var(--color-orange); display: flex; justify-content: center; align-items: center; margin-left: 10px; font-size: 12px; position: relative; z-index: 2; transition: 0.3s; }
.button:hover{transition: .2s ease-out; background: #fb752a; padding-right:10px; background-image: linear-gradient(to bottom, #fa6623, #f9581b) !important;}
.button:hover i{margin-left:15px;}

.link { text-decoration: none; display: flex; align-items: center; font-size: 16px; color: var(--color-blue); font-family: 'Satoshi-Bold'; }
.link span { transition: 0.3s; }
.link i {transition: var(--base-duration); font-family: var(--font-family-icon); background-color: var(--color-orange); width: 24px; height: 24px; border-radius: 100%; color: var(--white); display: flex; justify-content: center; align-items: center; margin-left: 10px; font-size: 12px; position: relative; z-index: 2; }
.link:hover{padding-right:10px;}
.link:hover span { color: var(--color-orange); }
.link:hover i{margin-left:15px;}




/* ### wrapper ### */
.wrapper { position: relative; display: block; width: var(--w-100); min-height: var(--h-100); overflow-x: clip; }



/* ### header container ### */
header {position: sticky; background-color: var(--white); z-index: 85; top: 0; transition: transform 0.3s ease;}
header.active { position: fixed; top: 0; left: 0; width: var(--w-100); }
header.hide{transform: translateY(-100%);}
.topBar {background: var(--wp--preset--color--light-gray); padding-top: 10px; padding-bottom: 15px; border-bottom: 1px solid var(--color-grey); display: none; font-family: Satoshi-Bold;}
.topBar-holder { display: block; }
.topBar-holder ul { display: block; }
.topBar-holder ul > li { margin-right: 20px; }
.topBar-holder ul > li:last-of-type { margin-right: 0; }
.topBar-holder ul > li a { text-decoration: none;  font-style: normal; color: var(--color-black); font-size: 14px !important; }
header .logo { position: relative; z-index: 12; }
header .logo img { max-width: 93px; transition: 0.3s; }
.navigation { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; position: relative; z-index: 4; padding-top: 18px; padding-bottom: 18px; font-family: GalanoGrotesque-Bold }
.navigation .button {  display: none; }
.navigation .button i{transition: .2s ease-out; position:relative; left:0;}
.navigation .mobile_menu_cta .button{display:flex; margin:20px 0;}
.navigation .button:hover span {margin-right: 5px;}
.navigation .button i { margin-left: 10px; }
.navigation.active:before { position: absolute; top: 0; left: 0; width: var(--w-100); height: var(--h-100); content: ''; background-color: var(--white); z-index: 10; pointer-events: none; }


.is-layout-flex > :is(*, div):not(.wp-block-button){width:100%;}

/* ### menu ### */

.menu ul > li.toplevel{padding: 25px 0}


.menu { opacity: 0; visibility: hidden; transition: 0.2s; padding: 110px 15px 50px; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; overflow-y: auto; z-index: 5; }
.menu ul > li { margin-right: 0; border-bottom: 1px solid var(--color-grey); }
.menu ul > li:last-of-type { margin-right: 0; }
.menu ul > li a { text-decoration: none; font-weight: 100; color: var(--color-blue); font-size: 28px; letter-spacing: -1.1px; display: flex; justify-content: space-between; align-items: center; transition: 0.3s; position: relative; }
.menu ul > li a i { background-color: var(--color-orange); width: 24px; height: 24px; display: flex; justify-content: center; align-items: center;  color: var(--white); border-radius: 100%; transition: 0.3s ease-in-out; }
.menu ul > li a i.chevron { font-size: 8px; }
.menu ul > li a i.arrow { font-size: 12px; }
.menu ul > li a p{letter-spacing: normal; font-weight: normal;}
.menu ul > li.active a i.chevron { transform: rotate(180deg); }
.menu.active { opacity: 1; visibility: visible; background-color: var(--white); }
.menu:before { position: fixed; top: 0; left: 0; width: 100%; height: 100%; content: ''; pointer-events: none; }
.menu-holder { display: block; }
.menu-wrap { display: flex; justify-content: space-between; align-items: center; padding-top: 30px; padding-bottom: 50px; }
.menu-left { display: flex; gap: 15px; }
.menu-left a { text-decoration: none; }
.menu-left a i { width: 48px; height: 48px; display: flex; justify-content: center; align-items: center; background-color: var(--color-orange); border-radius: 100%; color: var(--white); font-size: 24px; }
.menu-text { font-size: 24px; font-weight: 100; color: var(--color-light-blue); line-height: 0.8; letter-spacing: -1.5px; max-width: 200px; padding-top: 30px; }

/* ### submenu ### */
.submenu { background-color: var(--white); display: none;  transition: max-height 0.4s ease-in-out;}

.submenu.open {max-height: 500px; display: block; margin-top: 15px; padding-left: 10px;}
.submenu .hassubsubmenu .subsubnav.open{display: block !important; margin-top: 15px; padding-left: 10px; position: relative; left: 10px;}

.submenu ul > li {  margin-bottom: 0 !important; border-bottom: 1px solid #F5F5F5 !important; padding:10px 0; }
.submenu .bottom .submenu-title{font-family: GalanoGrotesque-Bold; font-size:24px; color:#002453; letter-spacing:-1.1px;}


.submenu .subsubnav{position: absolute; left: 100%; top: 0; bottom:0; min-width: 250px; background: white; padding-left: 25px;}
.submenu .hassubsubmenu{position:unset; background-image:url('https://www.ideo-nl.com/wp-content/themes/basematic/assets/images/icon-arrow-right.svg'); background-position:right center; background-size:24px; background-repeat: no-repeat;}
.submenu .hassubsubmenu .subsubnav{display:none !important}

.submenu .hassubsubmenu:hover .subsubnav{display:block !important;}
.submenu .submenu-left{position:relative;}
.submenu .submenu-left .submenu-title{font-size:18px; letter-spacing: 0;}

.submenu .submenu-first a{position: relative; display: inline !important;}
.submenu .submenu-first a:before{position: absolute; top: 2px; left: unset !important; right: -35px; content: '\e903'; width: 24px; height: 24px; background-color: var(--color-orange); border-radius: 100%; font-size: 12px; display: flex; justify-content: center; align-items: center; font-family: var(--font-family-icon); color: var(--white); opacity:1 !important; visibility: visible !important;}
		
.submenu .submenu_description li:hover .submenu-title{color:var(--color--dark-blue); border-color:transparent;}
.submenu .bottom i.icon-arrow {display: inline-block !important; position: absolute; right: -20px; font-size: 12px; padding-top: 5px; padding-left: 5px; height: 24px; width: 24px; top: 7px;}
.submenu ul > li:hover > a > .submenu-title,
.submenu ul > li:hover > a > .submenu-subtitle  { color: var(--color-light-blue); border-bottom:2px solid var(--color-light-blue);}
.submenu ul > li:hover .subsubnav .submenu-subtitle{color:var(--color-black);}

.submenu ul > li:last-of-type { margin-right: 0 !important; border-bottom: 1px solid #F5F5F5 !important; }
.submenu-title {border-bottom: 2px solid transparent; font-family: Satoshi-Bold; display: inline-block; position: relative; transition: 0.3s; color: var(--color-black); }
.submenu-subtitle { position: relative; margin-bottom: 12px; display: inline-block; transition: 0.3s; font-size: var(--font-size-h4); color: var(--color-black); }

.submenu p { font-family:Satoshi-Regular; line-height: 175%; display: none; }
.submenu a { display: block !important; }
.submenu a:before { display: none; }


/* ### mobileMenu ### */
.mobileMenu { position: absolute; top: 50%; right: 20px; z-index: 20; display: flex; align-items: center; transform: translateY(-50%); transition: 0.2s; cursor: pointer; background-color: var(--color-orange); border-radius: 100px; text-decoration: none; padding: 8px 10px 8px 20px;}
.mobileMenu span.text { color: var(--white); }
.mobileMenu span.icon { position: relative; background-color: var(--white); width: 24px; height: 24px; border-radius: 100%; display: flex; justify-content: center; align-items: center; margin-left: 10px; }
.mobileMenu span.line { position: relative; display: block; width: 15px; height: 2px; text-indent: -9999px; border-radius: 5px; background: var(--color-orange); transition: 0.2s; }
.mobileMenu span.line:before,
.mobileMenu span.line:after { position: absolute; left: 0; display: block; width: 100%; height: 2px; border-radius: 5px; background-color: var(--color-orange); transition-duration: 0.2s, 0.2s; content: ''; }
.mobileMenu span.line:before { top: -4px; }
.mobileMenu span.line:after { bottom: -4px; }


.top_links.show_mobile ul{width:100%; margin-top:var(--spacing-m);}
.top_links.show_mobile ul > li a{font: var(--font-h5); color: #333; line-height: 22px; padding:10px 0;}

body.page-id-1968{background: var(--wp--preset--color--light-gray) !important}

textarea.wpcf7-form-control.wpcf7-textarea {height: 120px;}

/* ### banner ### */
.banner { position: relative; padding-bottom: 120px; }
.banner:before { position: absolute; bottom: 0; right: 0; content: ''; width: var(--w-100); height: var(--h-100); background: linear-gradient(to bottom, rgba(0,36,83,0) 0%, rgba(0,36,83,1) 100%); z-index: 2; pointer-events: none; }
.banner-content { position: relative; z-index: 3; padding: 60px 20px 70px; max-width: 875px; background-color: var(--white); width: calc(100% + 50px); margin-left: -20px; border-bottom-right-radius: 150px; }
.banner-content h1 {max-width:500px; margin-bottom: 45px; font: var(--font-h1); letter-spacing: -0.05em;  color:var(--color-light-blue);}
.banner-content h1 strong {color:var(--color-blue);}
.banner-content ul { margin-bottom: 50px; margin-top:20px; }
.banner-content ul > li { position: relative; font: var(--font-h5); letter-spacing:-0.05em;  margin-bottom: 22px; padding-left: 45px;}
.banner-content ul > li:before { position: absolute; top: -3px; left: 0; content: '\e900'; background-color: var(--color-green); width: 30px; height: 30px; border-radius: 100%; display: flex; justify-content: center; align-items: center; font-family: var(--font-family-icon); color: var(--white); font-size: 15px; }
.breadcrumbs {font: 16px / 100% Satoshi-Bold; text-decoration: none; color: #333; z-index: 1; position: relative; margin-bottom:40px;}
.breadcrumbs a{color:#333 !important; text-decoration: none;}
.breadcrumbs span span {padding: 0 .7em;}

h1.wp-block-heading	{  font: var(--font-h1); letter-spacing: -0.05em; color: var(--color-light-blue);}
h1.wp-block-heading strong	{ font-weight:bold;}

.kennisbank_search_area{padding:48px; background:#ffffff; border-radius: 25px; margin-left: 150px;}
.kennisbank_search_area input{padding: 0 10px;}
.kennisbank_search_area button{width:240px;}

.tax_description{color:#ffffff;}
.tax_description p{margin-bottom:18px;}


.tax_searchForm{display: flex; flex-direction: column; float: right; width:100%; max-width: 340px;}
.tax_searchForm form{gap:0;}
.tax_searchForm input{width: 100%; padding: 0 25px 0 10px;}
.tax_searchForm .fieldContainer{position: relative;}
.tax_searchForm button{width: 24px; padding: 0; height: 24px; position: absolute; bottom:10px; right:10px; z-index: 10; cursor: pointer;}
.tax_searchForm button i{font-size: 10px; background: transparent; color: #ffffff ;margin-left: 0;}


.archive .breadcrumbs{padding: 0 0 50px 0}
.blog .archive_content .grouped-content-block h2{color:var(--color-blue);}

.pagination.navigation{box-shadow: none; display: flex; justify-content: center; margin-bottom: 130px;}
.pagination.navigation .nav-links .page-numbers{font: 500 18px / 22px Satoshi-Bold; margin-right:12px; background: #fff; border-radius: 8px; border: 2px solid rgba(0, 0, 0, .25); color: #0090d7; text-align: left; text-decoration: none; padding: 10px 15px;}
.pagination.navigation .nav-links .page-numbers.current{background: #0090d7; opacity: 1; color: #fff;}

.pagination.navigation .nav-links .page-numbers.next{background-color: transparent; border:none; padding:0;}
.pagination.navigation .nav-links .page-numbers.next i{background: var(--color-orange); color: var(--white); border-radius: 30px; width: 44px; height: 44px; text-align: center; font-size: 23px; line-height: 42px; display: inline-block; margin-left:24px;}
.pagination.navigation .nav-links .page-numbers.prev{background-color: transparent; border:none; padding: 0;}
.pagination.navigation .nav-links .page-numbers.prev i{background: var(--color-orange); color: var(--white); border-radius: 30px; width: 44px; height: 44px; text-align: center; font-size: 23px; line-height: 42px; display: inline-block; rotate: 180deg; margin-right:24px;}

.meta_data {display:flex; color: #333; font:var(--font-small); margin-bottom:20px;}
.meta_data span{display: flex; font-weight:bold; }
.meta_data .date{margin-right:25px;}

.single-post .meta_data{margin-bottom: 72px;}

.archive-after{line-height: var(--line-height-base);}
.archive-after p{margin-bottom:20px;}
.archive-after ul{padding-left:20px; margin-bottom:20px;}
.archive-after ul li{list-style:disc;}

.recent_kb_articles{padding-top:72px; padding-bottom:72px;}
.recent_kb_articles .section_title{color:var(--color-light-blue);}
.recent_kb_articles .posts_container{display:flex;  gap:24px;}

.archive_description{line-height:var(--line-height-base); font-family: 'Satoshi-Bold';}
.post-type-archive-referenties .card-service-text {padding: 92px 42px 42px 77px;}
.post-type-archive-referenties .card-service-text h2 {color: var(--color-light-blue); z-index: 1; opacity: 1; text-align: left; position: relative;}
.post-type-archive-referenties .card-service-text h2::before {content: ''; position: absolute; top: -50px; left: -35px; width: 95px; height: 95px; background-image: url(/wp-content/uploads/2025/01/quote-1.svg); background-size: contain; background-repeat: no-repeat; background-position: center; z-index: -1; opacity: 0.5;}

.post-type-archive-referenties .partner_logo{position: absolute; border-radius: 18.75px; border: 8px solid #f5f5f5; box-shadow: 0 12px 18px rgba(0, 0, 0, .25) inset, 0 6px 36px rgba(0, 0, 0, .08), 0 2px 6px rgba(0, 0, 0, .04); background-size: 100%; width: 144px; height: 144px; top: 2rem; right: 2rem;}
.post-type-archive-referenties .partner_logo:after{box-shadow: 0 12px 18px rgba(0, 0, 0, .25) inset, 0 6px 36px rgba(0, 0, 0, .08), 0 2px 6px rgba(0, 0, 0, .04); content: ' '; width: calc(100% - 16px); height: calc(100% - 16px); display: block; position: absolute; top: 0; padding: 8px;}

.blog .breadcrumbs, .header_only_bc .breadcrumbs, .post-type-archive-kennisbank .breadcrumbs, .post-type-archive-referenties .breadcrumbs, .tax-uitdagingen .breadcrumbs, .page-template-page-pillarpage .breadcrumbs{padding: 50px 0;}
.post-type-archive-kennisbank .breadcrumbs , .post-type-archive-kennisbank .breadcrumbs a, .tax-uitdagingen .breadcrumbs, .tax-uitdagingen .breadcrumbs a, .page-template-page-pillarpage .breadcrumbs a{color:#ffffff !important;}
.page-template-page-pillarpage .breadcrumbs{color:white;}

.post-type-archive-kennisbank .ideo-holder{margin-left:0;}

.blue-bg-starter:before{content:' '; width:100%; height:70%; background-color:var(--color-blue); position: absolute; top:0; left:0;}

.post-type-archive-oplossing .card-discover .description, .post-type-archive-oplossing .card-discover .description:after{ transition: var(--base-duration);}
.post-type-archive-oplossing .card-discover:hover .description:after{opacity:0; }
.post-type-archive-oplossing .card-discover:hover .description{max-height:150px;}

.post-type-archive-werken-bijvacatures{background-color: var(--color-grey-200);}
.post-type-archive-werken-bijvacatures .grouped-content-block .card-service{width:100%; position: relative;}
.post-type-archive-werken-bijvacatures .grouped-content-block .card-service-text h2{color: var(--color-blue);}
.post-type-archive-werken-bijvacatures .checkmarks{position: relative;}
.post-type-archive-werken-bijvacatures .checkmarks span{display: inline-block; color: var(--color-blue); font-family: 'Satoshi-Bold'; padding-left: 14px; margin-right: 10px;}
.post-type-archive-werken-bijvacatures .checkmarks span:before{position: relative; top: -3px; left: -14px; display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; font-size: 11px; font-family: var(--font-family-icon); color: var(--white); border-radius: 50px; background-color: var(--color-green); content: '\e900';}

.category_blocks {display: flex; flex-wrap: wrap; gap: 20px;}
.category_blocks a.card-discover {width: 32%; width: calc(100% / 3 - 20px);}
.category_blocks a.card-discover .card-discover-text{width:100%;}

.active-filters{display: flex; margin-bottom: 30px;}
.active-filters .filter{font-family: GalanoGrotesque-Bold; background: #fff; height: 48px; padding: 0 14px 0 24px; float: left; margin-right: 15px; margin-top: 15px; cursor: pointer; color: #002453; letter-spacing: -1px; border-radius: 48px; border: 2px solid #fa6623; display: flex; align-items: center;}
.active-filters .filter img{margin-left:10px;}

.no_filters{opacity: .25; color: #000; font-family: GalanoGrotesque-Bold; text-align: left;}
.archive-heading{padding-bottom:144px; max-width:66%;}

.archive-heading .wp-block-heading{padding-left:100px;}
.archive-heading .paragraph{padding-left:100px;}

.category-filter{padding-top:15px;}

.banner-content{position: relative; border-radius: 0; padding-right:0 !important}
.banner-content::after{content: ' '; height: 100%; display: block; position: absolute; right: -500px; top: 0; width: 500px; background-image: url(https://ideo-nl.com/wp-content/themes/basematic/assets/images/banner-shape.svg); background-size: auto 100%; background-position: left center; background-repeat: no-repeat;}
.banner-shape { display: none; }
.banner-bg { position: absolute; top: 0; left: 0; width: var(--w-100); height: var(--h-100); background-color: var(--wp--preset--color--dark-blue); background-repeat:no-repeat; background-size:cover; background-position: center;}
.banner-bg img { width: var(--w-100); height: var(--h-100); object-fit: cover; position: relative; }
.banner-bg:before { position: absolute; bottom: 0; right: 0; content: ''; width: var(--w-100); height: var(--h-100); background: linear-gradient(to bottom, rgba(0,36,83,0) 0%, rgba(0,36,83,1) 100%); z-index: 2; pointer-events: none; }
.banner-icon { position: absolute; top: 48px; right: 65px; z-index: -1; }
.banner-wrap{position:relative;}
.banner-wrap.extra-space{margin-top:45px;}
.banner-wrap .header-text-above-cta{position: absolute; top: -32px; left: 0; font-family: Satoshi-Bold; color: #000;}
.banner-wrap .link { margin-top: 20px; margin-left: 15px; }
.banner-partner { position: absolute; z-index: 3;right: 24px; bottom: 105px; display: none; padding-right: calc((100% - var(--width-base)) / 2); padding-left: calc((100% - var(--width-base)) / 2); }


.stacked-images {max-width: calc(100% - 60px); margin-left: 60px;}
.stacked-images .image { padding: 10px; max-width: 596px; position: relative; border-radius: 30px; background-color: var(--white); }
.stacked-images .image img { width: var(--w-100); border-radius: 25px; height:auto; }
.stacked-images .image.image1 {  transform: rotate(-4deg); margin-right:125px;}
.stacked-images .image.image2 { margin-top: -75px; transform: rotate(3deg); margin-left:125px; }
.stacked-images .image.image3 { margin-top: -75px;  z-index: 1; transform: rotate(8deg); margin-right:125px; }

.stacked-images.is-style-small{max-width: 500px; margin-left: 20px;}
.stacked-images.is-style-small .image{padding:5px;}

.share_buttons{display: flex; flex-direction: column; text-align: center; margin-top:var(--spacing-l);}
.share_buttons .buttons{display: flex; justify-content: center;}


@media only screen and (min-width: 767px) {
    .stacked-images .image.image2 {margin-top: -220px; margin-left:100px;}
    .stacked-images .image.image3 {margin-top: -205px; transform: rotate(8deg) translateX(-60px);}
    .stacked-images.is-style-small .image.image2{margin-top:-100px; margin-left:100px;}
    .stacked-images.is-style-small .image.image3{margin-top:-100px;}
}


h1.wp-block-heading{margin-bottom:40px;}

.single-kennisbank .banner, .single-referenties .banner, .single-post .banner{padding-top: 150px;}
.single-kennisbank .banner-bg, .single-referenties .banner-bg, .single-post .banner-bg{height:480px;}
.single-kennisbank .banner:before, .single-referenties .banner:before, .single-post .banner:before{display: none;}
.single-kennisbank .post-entry, .single-referenties .post-entry, .single-post .post-entry, .single-werken-bijvacatures .post-entry{ background:var(--white); padding:46px 200px; position: relative; z-index:2; box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important}
.single-kennisbank h1.article_title, .single-referenties h1.article_title, .single-post h1.article_title, .single-werken-bijvacatures h1.article_title{color:var(--color-light-blue); margin-bottom:40px;}
.single-kennisbank h2, .single-referenties h2, .single-post h2{color:var(--color-light-blue);}
.single-kennisbank .author , .single-referenties .author, .single-post .author{margin-bottom:20px;}
.single-kennisbank p.paragraph, .single-referenties p.paragraph, .single-post p.paragraph{margin-bottom:40px}
.single-kennisbank .wp-block-heading, .single-referenties .wp-block-heading, .single-post .wp-block-heading{margin-bottom:40px;}
.single-kennisbank .post-entry a, .single-referenties .post-entry a, .single-post .post-entry a, .single-werken-bijvacatures .post-entry a{color:var(--color-orange);}
.single-kennisbank .wp-block-image, .single-referenties .wp-block-image, .single-post .wp-block-image{margin-bottom:40px;}

.wp-block-image.is-style-rotate_left {transform: rotate(-3deg); padding: 30px;}
.wp-block-image.is-style-rotate_left img{border-radius:20px; border: white 5px solid;}
.wp-block-image.is-style-rotate_right {transform: rotate(3deg); padding: 30px;}
.wp-block-image.is-style-rotate_right img{border-radius:20px; border: white 5px solid;}

.wp-block-quote {position: relative; padding-left: 40px; padding-top: 20px;}
.wp-block-quote::before { content: ''; position: absolute; top: -10px; left: -10px; width: 100px; height: 100px; background-image: url('https://ideo-nl.com/wp-content/uploads/2025/01/quote-1.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; z-index: 0; opacity: 0.3;}
.wp-block-quote p {color: #0090d7; font: var(--font-h2)); position: relative; z-index: 1; letter-spacing: -0.05em;}

.header_advantages{z-index: 2; gap:24px;  position: relative; display: flex; flex: 1; flex-direction: row;}
.advantages_title{position: relative; z-index: 2; opacity: 1; margin-top:60px; margin-bottom:0;font:var(--font-h2); color: #0090d7; letter-spacing: -0.05em; text-align: left; position: relative;}
.advantages_title strong{color:var(--white);display: block;}
.advantages_description{z-index: 2; position: relative; color: var(--white); max-width: 450px; margin-top: 18px;}
.header_advantages .advantage{margin-top:60px; padding:36px; background:white; border-radius: 24px !important; box-shadow: 0 8px 25px rgba(0, 0, 0, .08), 0 2px 8px rgba(0, 0, 0, .04); display: flex;flex: 1; flex-direction: column; position: relative;}
.header_advantages .advantage:after { position: absolute; top: 36px; right: 36px; content: '\e900'; background-color: var(--color-green); width: 36px; height: 36px; border-radius: 100%; display: flex; justify-content: center; align-items: center; font-family: var(--font-family-icon); color: var(--white); font-size: 18px;}
.header_advantages .advantage .advantage_title{opacity: 1; font:var(--font-h2); letter-spacing: -0.05em; text-align: left; color: #0090d7; margin-top:0; margin-bottom:20px; padding-right:50px;}
.header_advantages .advantage .advantage_description{font: var(--font-normal); opacity: 1; color: #000; letter-spacing: 0; text-align: left;}


.header_users{z-index: 2; position: relative; margin-top: var(--spacing-l);}
.header_users h3{text-align: center; color: var(--wp--preset--color--light-blue); margin-bottom:40px;}
.header_users .users{display: flex; margin-bottom:-230px; gap: 30px; justify-content: center;}
.user_spacer{height:130px;}
.user_spacer.lightgray{background-color:var(--wp--preset--color--light-gray) !important;}
.header_users .users .user{text-align: center;}
.header_users .users .user .user_image{border-radius: 50%; border: 5px solid white; overflow: hidden; width: 130px; height: 130px;}
.header_users .users .user .user_label{margin-top: 10px; max-width:130px; display: block;}


/* ### service ### */
.service { padding-top: 50px; padding-bottom: 50px; position: relative; }
.service-text { margin-bottom: 25px; max-width: 665px; font-weight: 400; line-height: 175%; }
.service-text h2 { margin-bottom: 36px; letter-spacing: -0.05em; }
.service-text h2 strong { display: block; color: var(--color-light-blue); }
.service-slide-nav { padding: 24px 0; position: relative; font-size: 18px; font-weight: 100; }
.service-slide-nav:after { position: absolute; bottom: 0; left: 0; width: var(--w-100); height: 4px; background-color: var(--color-light-blue); opacity: 0; visibility: hidden; transition: var(--base-duration); content: ''; }

.service.inner:before { position: absolute; top: 62%; left: 0; background-color: var(--color-grey-200); content: ''; width: var(--w-100); height: 40%; pointer-events: none; }
.service.inner .service-text { max-width: unset; margin: 0; }
.service.inner .service-text h2 { color: var(--color-light-blue); text-align: center; margin-bottom: 60px; }
.service.inner .service-slide-nav { color: var(--white); font-family: GalanoGrotesque-Bold;}
.service.inner .js-service-slider-nav:after { background: rgba(216,216,216,0.1); }
.service.inner .js-service-slider .swiper-slide { opacity: 1; }
.service.inner .js-service-slider .swiper-slide:after { position: absolute; top: 0; left: 0; width: var(--w-100); height: var(--h-100); background-color: rgba(0, 36, 83, 0.5); content: ''; border-radius: 30px; z-index: 2; }
.service.inner .js-service-slider .swiper-slide-active:after { display: none; }

.js-service-slider { overflow: inherit; }
.js-service-slider .swiper-slide { height: auto; opacity: 0.5; }
.js-service-slider .swiper-slide-active { opacity: 1; }
.js-service-slider-nav { margin-bottom: 73px; }
.js-service-slider-nav:after { position: absolute; bottom: 0; left: 50%; width: 100vw; height: 4px; background: rgba(0,36,83,0.1); transform: translateX(-50%); content: ''; }
.js-service-slider-nav .swiper-slide { opacity: 1; cursor: pointer; text-align: center;  }
.js-service-slider-nav .swiper-slide-thumb-active .service-slide-nav:after { opacity: 1; visibility: visible; }

/* ### ideo ### */
.ideo { position: relative; background-color: var(--color-blue); padding-bottom: 90px; }
.ideo-holder { display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 1195px; margin: 0 auto; }
.ideo-left h2 { color: var(--color-light-blue); }
.ideo-left p { color: var(--white); margin-bottom: 45px; line-height: 175%; }

/* ### card-service ### */
.card-service { max-width: 947px; height: var(--h-100); display: flex; flex-wrap: wrap; border-radius: 30px; background-color: var(--white); overflow: hidden; box-shadow: 0 2px 8px 0 rgba(0,0,0,0.04); }
.card-service-text { padding: 30px 20px; width: 100%; order: 2; line-height: 175%; }
.card-service-text h2 { margin-bottom: 30px; font: var(--font-h2); color: var(--color-light-blue); letter-spacing: -0.05em; }
.card-service-text p { margin-bottom: 25px; }
.card-service-image { width: var(--w-100); order: 1; height:100%; }
.card-service-image img { width: var(--w-100); }

.blog .card-service-text p{-webkit-mask-image: linear-gradient(to bottom, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 100%);}
.blog .card-service-text:hover p{-webkit-mask-image:unset;}

.ideo-right { padding-top: 60px; width: var(--w-100); }
.ideo-right ul > li { position: relative; width: var(--w-100);  border-bottom: 4px solid rgba(216, 216, 216, 0.25); }
.ideo-right ul > li:first-child { border-top: 4px solid rgba(216, 216, 216, 0.25); }
.ideo-right ul > li:before { position: absolute; top: calc(50% - 12px); right: 10px; width: 24px; height: 24px; border-radius: 100%; content: '\e903'; background-color: var(--color-orange); color: var(--white); font-size: 12px; font-family: var(--font-family-icon); display: flex; justify-content: center; align-items: center; }
.ideo-right ul > li a { text-decoration: none; color: var(--white); transition: 0.5s;  padding-top:23px; padding-bottom:27px; display: block;}

.ideo-right ul > li a:hover{background-color: rgba(0, 144, 215, .1); transition: .2s ease-out;}

.ideo-right ul > li:hover:before{right:5px; transition: .3s ease-out;}


/* ### partner ### */
.partner { padding-top: 50px; padding-bottom: 50px; text-align: center; }
.partner-text { margin: 0 auto 40px; max-width: 660px; line-height: 175%; }
.partner-text h2 { margin-bottom: 36px; letter-spacing: -0.05em; }
.partner-text h2 strong { display: block; color: var(--color-light-blue); }
.partner .swiper { overflow: unset; }
.partner .swiper-slide { width: 200px; }
.partner-logo { box-shadow: 0 2px 8px 0 rgba(0,0,0,0.04); }
.partner-btn { padding-top: 50px; }


/* ### news ### */
.news { position: relative; background-color: var(--color-blue); }
.news-holder { padding-top: 90px; padding-right: 20px; padding-bottom: 80px; padding-left: 20px; position: relative; }
.news-bg:before,
.news-bg:after { position: absolute; top: 0; z-index: 1; width: var(--w-100); height: var(--w-100); content: ''; pointer-events: none; }
.news-bg:before { left: 0; background: linear-gradient(to right, rgba(0,36,83,1) 0%, rgba(0,36,83,0) 100%); }
.news-bg:after { right: 0; width: 20%; background: linear-gradient(to right, rgba(0,36,83,0) 0%, rgba(0,36,83,1) 100%); }
.news-text { position: relative; z-index: 2; max-width: 780px; color: var(--white); }
.news-paragraph { margin-bottom: 40px; font:var(--font-h1); letter-spacing: -0.05em; }
.news-text .link { font: var(--font-small); color: var(--white); }
.news-text .link i { margin-left: 20px; }
.news-quote { position: absolute; top: -30px; left: -25px; z-index: -1; pointer-events: none; }
.news-quote img { width: 100px; }
.news-text h4 { color: var(--color-light-blue); }
.news-bg { position: absolute; top: 0; left: 0; width: var(--w-100); height: var(--w-100); }
.news-bg img { width: var(--w-100); height: var(--w-100); object-fit: cover; }

    /* ### discover ### */
.discover {}
.discover.centered.has-slider{padding-right: calc(((100% - var(--width-base)) / 2) - 200px); padding-left: calc(((100% - var(--width-base)) / 2) - 200px);}
.discover .swiffy-slider{--swiffy-slider-item-reveal:234px; !important;}
.discover .slider-container{grid-gap: 24px !important; padding-bottom:30px; padding-left: 200px;}
.discover h2 { margin-bottom: 40px; text-align: center; letter-spacing: -0.05em; }
.discover h2 strong { display: block; color: var(--color-light-blue); }
.discover-column { margin-bottom: 24px;}
.discover-btn { padding-top: 40px; text-align: center; }

.discover .slider-indicators-round .slider-indicators>*, .discover .slider-indicators-round.slider-indicators>* {width: 16px; height: 16px; border: none; margin: 0 6px; border-radius: 50%;}
.discover .slider-indicators>.active{background: var(--color-light-blue);}
/* ### card-discover ### */

.card-discover { width: var(--w-100); height: var(--h-100); min-height:408px; display: block; position: relative; color: var(--color-blue); border-radius: 24px; background-color: var(--white); overflow: hidden; text-decoration: none; box-shadow: 0 8px 30px 0 rgba(0,0,0,0.08); }
.card-discover-image { position: relative; }
.card-discover-image .button { padding: 10px 25px 11px 25px; position: absolute; top: 25px; left: 25px; border-radius: 12px; }
.card-discover-image img { width: var(--w-100); height:auto;}
.card-discover-text {font: var(--font-h3); padding: 20px; width:100%;  letter-spacing: -0.05em; position: absolute; bottom: 0; background:var(--white); hyphens: none; overflow-wrap: normal; word-break: keep-all;}
.card-discover-text .description{letter-spacing: normal; font: var(--font-small); color:#141414; position:relative; margin-top:15px; line-height:175%; max-height: 50px; overflow: hidden;}
.card-discover-text .description:after{content: ' ';  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); width: 100%; height: 100%; display: block; position: absolute; top: 0;}
.card-discover i { position: absolute; right: 15px; bottom: 15px; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; font-size: 12px; color: var(--white); border-radius: 50px; background-color: var(--color-orange); }
.card-discover:hover i{right:20px; transition: var(--base-duration);}

/* ### copy ### */
.card-video { width: var(--w-100); height: var(--h-100); position: relative; display: block; color: var(--color-blue); border-radius: 24px; overflow: hidden; text-decoration: none; box-shadow: 0 8px 30px 0 rgba(0,0,0,0.08); }
.card-video:before { position: absolute; bottom: 0; left: 0;  width: var(--w-100); height: var(--h-100); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); content: ''; pointer-events: none; }
.card-video-image { height: var(--h-100); }
.card-video-image img { width: var(--w-100); height: var(--h-100); object-fit: cover; }
.card-video-image .button { padding: 10px 25px 11px 25px; position: absolute; top: 25px; left: 25px; border-radius: 12px; }
.card-video-text { position: absolute; bottom: 0; left: 0; width: 100%; padding: 35px 20px; font: var(--font-h3); letter-spacing: -0.05em; }
.card-video-text i { position: absolute; right: 15px; bottom: 15px; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; font-size: 12px; color: var(--white); border-radius: 50px; background-color: var(--color-orange); }
.card-video-play { position: absolute; top: 50%; left: 50%; display: flex; align-items: center; justify-content: center; width: 96px; height: 96px; font-size: 40px; color: var(--white); border-radius: 50%; background-color: var(--color-orange); transform: translate(-50%, -50%); }

/* ### potential ### */
.potential { padding-top: 60px; padding-bottom: 82px; color: var(--white); background-color: var(--color-blue); }
.potential-text { margin-bottom: 50px; }
.potential-text h2 { margin-bottom: 32px; color: var(--color-light-blue); letter-spacing: -0.05em; }
.potential-text ul {margin-bottom: 46px; }
.potential-text ul > li { margin-bottom: 15px; padding-left: 40px; position: relative; font: var(--font-h6); letter-spacing: -0.05em; }
.potential-text ul > li:before { position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; font-size: 11px;  font-family: var(--font-family-icon); color: var(--white); border-radius: 50px; background-color: var(--color-green); content: '\e900'; }


.grouped-content-block{display: flex;}
.grouped-content-block.alignment-left{justify-content: left;}
.grouped-content-block.alignment-center{justify-content: center;}
.grouped-content-block.alignment-right{justify-content: end;}

.grouped-content-block .card-service{margin-bottom:40px; display: grid; grid-auto-flow: column; text-decoration: none; color:var(--black);}
.grouped-content-block .card-service-text{width:100%;}
.grouped-content-block .card-service-image{width:100%; height:100%; max-width: 342px; position: relative;}
.grouped-content-block .card-service-image .read_more_arrow{position: absolute; bottom:25px; right:25px; color:var(--white); background-color: var(--color-orange); padding:10px; border-radius: 30px; width:48px; height:48px; text-align: center; line-height: 28px;}

.wp-block-image.is-style-small_rounded{float:left;}
.wp-block-image.is-style-small_rounded img{border-radius: 50%; max-width:130px;}

:root :where(.wp-block-image.is-style-rounded img,.wp-block-image .is-style-rounded img){border: 10px solid #fff; border-radius: 25px !important;}

.wp-block-group.is-content-justification-center{gap:40px;}
.wp-container-core-group-is-layout-1, .wp-container-core-group-is-layout-2{flex-wrap: wrap !important;}

.wp-block-list strong{font-family: 'Satoshi-Bold';}

.wp-block-list{list-style:outside; padding-left:40px; margin-bottom:40px;}
.wp-block-list li{list-style:outside;}
.wp-block-list.is-style-large-checkboxes{ margin-bottom: 46px; padding-left:0;}
.wp-block-list.is-style-large-checkboxes > li{list-style: none; margin-bottom: 15px; padding-left: 40px; position: relative; font:var(--font-h6); letter-spacing: -0.05em;}
.wp-block-list.is-style-large-checkboxes > li:before{position: absolute; top: -5px; left: 0; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; font-size: 11px;  font-family: var(--font-family-icon); color: var(--white); border-radius: 50px; background-color: var(--color-green); content: '\e900';}

.wp-block-list.is-style-circles{padding-left:0;}
.wp-block-list.is-style-circles li {position: relative; list-style: none; opacity: 1; color: #000; font: var(--font-normal); letter-spacing: 0; text-align: left; padding-left:35px; margin-bottom: 20px;}
.wp-block-list.is-style-circles li:before{font-family: "Font Awesome 5 Free"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; content: "\f192"; color: #0090d7; font-size: 24px; position: absolute; top:4px; left:0; font-weight: 900;}

.wp-block-list.is-style-faded{-webkit-mask-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);}
.wp-block-list.is-style-faded li {position: relative; list-style: none; opacity: 1; color: #000; font-size: var(--font-size-h4); letter-spacing: -0.05em; text-align: left; line-height: 32px; font-family: GalanoGrotesque-Bold; padding-left:35px; margin-bottom: 20px;}
.wp-block-list.is-style-faded li:before{font-family: "Font Awesome 5 Free"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; content: "\f058"; color: #45b503; font-size: 26px; position: absolute; top:4px; left:0; font-weight: 900;}

.wp-block-list.is-style-large-numbers{list-style: none;}
.wp-block-list.is-style-large-numbers li{counter-increment: steps; position: relative; list-style: none; padding-left: 6em; margin-bottom:var(--spacing-m)}
.wp-block-list.is-style-large-numbers li:before{font: var(--font-h2); background: #45b503; content: counter(steps); width: 72px; height: 72px; border-radius: 50%; position: absolute; color: #fff; text-align: center; left: 0; justify-content: center; display: flex; align-items: center;}

.potential-image .image { padding: 10px; max-width: 596px; position: relative; border-radius: 30px; background-color: var(--white); }
.potential-image .image img { width: var(--w-100); border-radius: 25px }
.potential-image .image.image1 { margin-left: auto; transform: rotate(-4deg); }
.potential-image .image.image2 { margin-top: -100px; transform: rotate(3deg); }
.potential-image .image.image3 { margin-top: -100px; margin-left: auto; z-index: 1; transform: rotate(8deg)  ; }

.content-card{position:relative; padding: 50px 40px; box-shadow: 0 8px 48px rgba(0, 0, 0, .08), 0 2px 8px rgba(0, 0, 0, .04) !important; border-radius:24px; overflow:hidden;}
.content-card .card-title{font: var(font-h3); letter-spacing: -0.05em; color:var(--color-light-blue);}
.content-card .card-description{font: var(--font-normal); opacity: 1; color: #000; text-align: left;}
.content-card .card-image{position:absolute; right:0; top:0; height:100%; width: auto; min-width: 300px; background-size: cover;}

input[type="checkbox"] {background: #fff; width: 48px; height: 48px; border-radius: 8px; border: 1px solid #ddd; vertical-align: middle; appearance: none; -webkit-appearance: none; outline: 0; cursor: pointer; margin-right: 5px;}
input[type="checkbox"]:hover {border: 2px solid green; transition: unset !important;}
input[type="checkbox"]:checked{background: url(//www.ideo-nl.com/wp-content/themes/ideo/assets/img/icons/filled/circle/Checkmark@3x.svg) center / 24px 24px no-repeat #45b503; transition: unset !important; border: 2px solid rgba(0, 0, 0, .25);}

.has-light-blue-background-color form label{color:white;}
input.form-check-input{ position: absolute; cursor: pointer;}
.round-border { border-radius: 30px; }
form{ display: flex; flex-direction:column; gap: 20px; }
form input, form textarea  { border-radius: 8px; border: 1px solid rgba(0, 0, 0, .25); line-height: 38.5px; margin-top: 5px; max-width:100%;}
form label{ font-size: 18px; font-weight: 500; font-family: Satoshi-Bold; }
form button{ font-family: GalanoGrotesque-Bold; padding: 8px 15px 12px 25px; position: relative; font-size: 16px; font-weight: 400; text-align: center; color: var(--white); border-radius: 100px; background-color: var(--color-orange); transition: var(--base-duration); overflow: hidden; text-decoration: none; display: inline-flex; letter-spacing: -0.9px; align-items: center; border: 1px solid var(--color-orange);}
form button i {     font-family: var(--font-family-icon); background-color: var(--white); width: 24px; height: 24px; border-radius: 100%; color: var(--color-orange); display: flex; justify-content: center; align-items: center; margin-left: 10px; font-size: 12px; position: relative; z-index: 2; transition: 0.3s;}

.wpcf7-list-item-label { font-weight: normal !important; font-family:'Satoshi-Variable', sans-serif; font-size: 18px; }

.has-light-blue-background-color .blogpost-selector h2{color:white;}
.has-light-blue-background-color .blogpost-selector h2 strong{color:var(--color-blue);}

.terms-box { width: 420px; max-width:100%;}
.terms-box .wpcf7-list-item-label{font-size:13px; font-weight: normal !important; font-family:'Satoshi-Variable', sans-serif;}
.terms-box input[type="checkbox"]{width: 20px; height: 20px; border-radius: 4px;}

.legal-consent-container{width: 420px; max-width:100%; background: #f5f5f5; padding: 20px 40px 20px 20px; font-size: 13px; line-height: 21px; position:relative;}
.legal-consent-container .activate{width:20px; height:20px; position:absolute; right:20px; background-image:url('/wp-content/themes/basematic/assets/images/icon-questionmark-circle-orange.svg'); background-size:contain; background-position:center; background-repeat:no-repeat;}
.legal-consent-container .hs-richtext{position:absolute; background:white; z-index:10px; right:30px; top:20px; padding:15px; border:1px solid var(--color-blue); color:var(--black) !important;}
.wide-cta-footer-block .legal-consent-container{background:transparent;}
.legal-consent-container .hs-form-booleancheckbox-display span, .legal-consent-container .hs-form-booleancheckbox-display span p{font-size:13px; font-family: 'Satoshi-Variable',sans-serif;}
.legal-consent-container input[type="checkbox"]{width: 20px !important; height: 20px; border-radius: 4px; }

.legal-consent-container input[type=checkbox]:checked { background: url('/wp-content/themes/basematic/assets/images/icon-checkmark-circle.svg') center / 24px 24px no-repeat #45b503; transition: unset !important; border: 2px solid rgba(0, 0, 0, .25);}

.hs-button{font-family: GalanoGrotesque-Bold; padding: 8px 15px 12px 25px; position: relative; font-size: 16px; font-weight: 400; text-align: center; color: var(--white); border-radius: 100px; background-color: var(--color-orange); transition: var(--base-duration); overflow: hidden; text-decoration: none; display: inline-flex; letter-spacing: -.9px; align-items: center; border: 1px solid var(--color-orange);}
	
.hs-button::after{font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; content: "\e903";}
.hs-error-msg{color:#f2545b; font-size:15px; font-family:'Satoshi-Variable',sans-serif;}
.hs-error-msgs li label{color:#f2545b; font-size:15px;}

.members { display: grid; grid-template-columns: repeat(6, 1fr); gap: 20px; }
.members .member{   transition: transform 0.3s ease; }
.members .member:hover { transform: scale(1.05); }
.members .member img { width: 100% !important; height: 100%; border-radius: 15px; }
.members .member:hover .member_name{font: var(--font-normal); background-color: #fff; border-radius: 0px 0px 15px 15px; color: #002453; padding: 10px; }

.blog { background-color: #F5F5F5; }
.category-filter { display: flex; flex-direction: column; gap: 20px; }
.category-filter .filter-category {font:var(--font-large); display: flex; align-items: center; gap: 20px; }
.category-filter input[type="checkbox"] { appearance: none;  -webkit-appearance: none; -moz-appearance: none; min-width: 48px; min-height: 48px; border-radius: 8px;  border: 1px solid rgba(0, 0, 0, 0.25); background-color: #fff; cursor: pointer; display: inline-block; position: relative; }
.category-filter input[type="checkbox"]:checked { background-color: #45B503; border: 1px solid #008000; display: flex; justify-content: center; align-items: center; }
.category-filter input[type="checkbox"]:hover { border: 1px solid #008000; }
.category-filter input[type="checkbox"]::before { content: "✔"; font-size: 20px; color: white; display: none; position: absolute; }
.category-filter input[type="checkbox"]:checked::before { display: block; }

.wide-quote-block .news-paragraph {color: #fff; z-index: 1; position: relative;  }
.wide-quote-block .news-paragraph::before { content: ''; position: absolute; top: -50px; left: -35px; width: 120px; height: 120px; background-image: url(https://ideo-nl.com/wp-content/uploads/2025/01/quote-1.svg); background-size: contain; background-repeat: no-repeat; background-position: center; z-index: -1; opacity: 0.9; }
.wpcf7-list-item{margin:0;}

.wpcf7-submit{font-family: GalanoGrotesque-Bold; padding: 4px 15px 4px 15px; position: relative; font-size: 16px; line-height: 30px; font-weight: 400; text-align: center; color: var(--white); cursor: pointer; border-radius: 100px; background-color: var(--color-orange); transition: var(--base-duration); overflow: hidden; text-decoration: none; display: inline-flex; letter-spacing: -0.9px; align-items: center; border: 1px solid var(--color-orange);}

/* ### request ### */
.request { color: var(--white); background-color: var(--color-light-blue); overflow: hidden; }
.request .holder { padding-top: 60px; padding-bottom: 150px; position: relative; }
.request-arrow { position: absolute; top: 10px; left: 0; mix-blend-mode: screen; pointer-events: none; }
.request-arrow img { width: 238px; }
.request-title { margin-bottom: 30px; font: var(--font-h1); letter-spacing: -0.05em;}
.request-text { position: relative; z-index: 2; font: var(--font-large); }
.request-text p { margin-bottom: 30px; }
.request-image { position: absolute; bottom: 0; right: 0; width: 100%; max-width:400px }
.request-image img { margin: 0 auto; width: 330px; max-width:100%; height:auto;}
.request-usps{padding-left:20px; margin-bottom:30px;}
.request-usps li{list-style: disc; font: var(--font-large);}
.phone-link{color:var(--white) !important;}

/* ### footer ### */
.footer { padding-top: 60px; padding-bottom: 30px; background-color: var(--white); }
.footer-logo { margin-bottom: 16px; display: inline-block; }
.footer-title { margin-bottom: 20px; padding-top: 4px; color: var(--color-blue); font:var(--font-h5); letter-spacing: -0.05em;}
.footer address { margin-bottom: 8px; color: #000; font: var(--font-normal); margin-top: 16px;}
.footer ul > li { margin-bottom: 16px; }
.footer ul > li > a { color: var(--black); font:var(--font-normal); text-decoration: none; transition: var(--base-duration); }
.footer ul > li > a:hover { color: var(--color-orange); }
.footer .follow .footer-title { margin-bottom: 17px; }
.footer-column { margin-bottom: 25px; }
.footer-social { display: flex; }
.footer-social > li { margin-right: 15px; }
.footer-social > li:last-child { margin-right: 0; }
.footer-social > li > a { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; font-size: 24px!important; color: var(--white)!important; border-radius: 50px; background-color: var(--color-orange); transition: var(--base-duration); }
.footer-social > li > a:hover { background-color: var(--color-blue); }
.footer-wrap { padding-top: 20px; text-align: center; }
.footer-service { margin-bottom: 15px; color: var(--color-light-blue); font:var(--font-h5); letter-spacing:-0.05em;}
.footer-wrap .logo img { margin: 0 auto; }

a.button.posttype_filter {font: var(--font-large); background-image:unset !important; background: #fff; height: 48px; padding: 0 14px 0 14px; float: left; margin-right: 15px; margin-top: 15px; cursor: pointer; color: #002453; letter-spacing: -1px; border-radius: 48px; border: 2px solid #fa6623; display: flex; align-items: center;}
a.button.posttype_filter:hover{padding-right:15px; }


/* ### swiper ### */
.swiper-pagination { padding-top: 43px; position: unset; }
.swiper-pagination-bullet { margin: 0 6px!important; width: 16px; height: 16px; border-radius: 16px; opacity: 0.25; }
.swiper-pagination-bullet-active { opacity: 1; background: var(--color-light-blue); }

.kb-header{display:flex; gap:30px;}

/* #Media Queries
================================================== */
@media only screen and (min-width: 479px) {
    .banner-content ul > li { font-size: 25px; }
}

@media only screen and (min-width: 767px) {
    header .logo img {max-width: unset;}
    .banner {padding-bottom: 100px;}
    .banner-content {padding: 60px 20px 70px;}
    .banner-shape {position: absolute; bottom: 0; right: -225px; z-index: -1; display: block; height:100%;}
    .banner-shape img{width: 100%; height: 100%; object-fit: cover; display: block;}
    .banner-wrap { display: flex; gap: 20px; margin-top:36px;}
    .banner-wrap .link { margin-top: 0; margin-left: 0; }
    .banner-partner { display: block; }
    .ideo-left {width: 48%;}
    .ideo-right {width: 45%; padding-top: 17px;}
  
    .potential-image .image.image2 { margin-top: -220px; }
    .potential-image .image.image3 { margin-top: -205px; transform: rotate(8deg) translateX(-60px); }
    .footer-wrap { padding-top: 40px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
    .news-paragraph { margin-bottom: 50px;}
    .service { padding-top: 80px; padding-bottom: 97px; }
    .js-service-slider .swiper-slide { width: 600px; }
    .js-service-slider .swiper-slide-active .card-service { transform: scale(1.1); }
    .js-service-slider-nav { overflow: inherit; }
    .js-service-slider-nav .swiper-slide { width: 150px; }
     .service.inner .js-service-slider-nav .swiper-slide { width: 170px; }
    .js-service-slider-nav .swiper-wrapper { justify-content: center; }
    .partner-text { margin-bottom: 72px; }
    .partner-btn { padding-top: 73px; }
    .card-service-text { width: 65%; order: 1; }
    .card-service-image { width: 35%; order: 2; }
    .card-service-image img { height: var(--h-100); object-fit: cover; }
    .discover h2 { margin-bottom: 50px; }
    .discover-holder {margin: 0 -12px; display: flex; flex-wrap: wrap;}
    .discover-column {margin-bottom: 0; padding: 12px 12px; width: 33.33%;}
    .discover-btn {padding-top: 72px;}
    .potential {padding-top: 91px;}
    .wp-block-list.is-style-large-checkboxes > li{margin-bottom: 23px; padding-left: 58px; }
    .wp-block-list.is-style-large-checkboxes > li:before{margin-bottom: 23px;  width: 36px; height: 36px; font-size: 20px; }

    .potential-text ul > li {margin-bottom: 23px;padding-left: 58px;}
    .potential-text ul > li:before {width: 36px; height: 36px; font-size: 20px;}
    .potential-image .image.image2 {margin-top: -220px;}
    .potential-image .image.image3 {margin-top: -205px; transform: rotate(8deg) translateX(-60px);}
    .request .holder {padding-top: 150px; padding-bottom: 150px;}
    .request-arrow img {width: auto;}
    .request-image img {width: auto;}
    .footer {padding-top: 96px; padding-bottom: 70px;}
    .footer-title {margin-bottom: 35px;}
    .footer-holder {display: flex; flex-wrap: wrap;}
    .footer-column {margin-bottom: 20px; padding-right: 20px; width: 33.33%;}
    .footer-column:last-child {padding-right: 0;}
    .footer .follow {padding-top: 24px;}
    .footer-wrap {padding-top: 40px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
}

@media only screen and (min-width: 991px) {
	
	.kb-header{flex-direction:row; gap:0;}
	.kb-header > div{flex:1;}

	
    .topBar { display: block; }
    .topBar-holder { display: flex; justify-content: space-between; max-width: 920px; margin-left: auto; }
    .topBar-holder ul { display: flex; flex-wrap: wrap; }
    .topBar-holder ul > li { margin-right: 20px; }
    .topBar-holder ul > li:last-of-type { margin-right: 0; }
    .topBar-holder ul > li a { text-decoration: none; color: var(--color-black); transition: 0.3s; }
    .topBar-holder ul > li a:hover { color: var(--color-orange); }
    .navigation { padding-top: 0; padding-bottom: 0; box-shadow: 0 8px 25px rgba(0, 0, 0, .08), 0 2px 8px rgba(0, 0, 0, .04);}
    .navigation .button { display: inline-flex; }
    .menu { padding: 0; position: unset; top: auto; left: auto; z-index: 2; display: flex; margin-bottom: 0; width: auto; height: auto; opacity: 1; visibility: visible; overflow:visible;}
    .menu ul { margin-right: 20px; display: flex; height: unset; padding: unset; }
    .menu ul > li { margin-right: 20px; border-bottom: 0; margin-bottom: 0; position:relative;}
    .menu ul > li:last-of-type { margin-right: 0; }
    .menu ul > li a { font-size: 22px; font-weight: 100; }
    .mobileMenu { display: none; }
    .menu ul > li:hover .submenu { opacity: 1; visibility: visible; transition: 0.3s; pointer-events: unset; text-decoration:none;}
    .menu ul > li a:hover { color: var(--color-light-blue); }
    .menu ul > li a:before { position: absolute; bottom: -17px; left: 0; width: var(--w-100); content: ''; height: 4px; background-color: var(--color-light-blue); opacity: 0; visibility: hidden; transition: 0.3s ease-in-out; }
    .menu ul > li a:hover:before { opacity: 1; visibility: visible; }
    .menu ul > li a i { display: none; }
    .menu-holder { display: none; }
    .submenu { position: absolute; width:auto; left:0;opacity: 0; visibility: hidden; display: block; pointer-events: none; padding-bottom: 50px; background:transparent;}
    .submenu-holder { display: flex; margin: 0 auto; background:white; padding: 20px;}
    .submenu ul { display: block !important; margin-right:0;}
	.submenu .submenu-columnbox{min-width:250px;}
    .submenu ul > li {  border-bottom: 0; margin-right:0;}
    .submenu ul > li:last-of-type { border-bottom: 0 !important; margin-right: 20px !important; }
	.submenu ul li a{font-size:18px;}
    .submenu-title { font-size: var(--font-size-h4); color: var(--color-black); }
    .submenu-subtitle { color: var(--color-blue); font-weight: 800; border-bottom: 0; }
    .submenu-subtitle:before { position: absolute; top: 4px; right: -60px; content: '\e903'; width: 24px; height: 24px; background-color: var(--color-orange); border-radius: 100%; font-size: 12px; display: flex; justify-content: center; align-items: center; font-family: var(--font-family-icon); color: var(--white); }
    .submenu p { display: block; font-size: var(--font-size-base); color: var(--color-black); }
    .banner-content { padding: 60px 50px 70px; }
    .banner-content ul > li {padding-left: 53px; }
    .banner-content ul > li:before { width: 36px; height: 36px; font-size: 19px; }
    .ideo-right { width: 48%; }
    .service { padding-top: 102px; }
    .js-service-slider .swiper-slide { width: 830px; }
    .service-text { margin-bottom: 41px; padding-left: 125px; max-width: 710px; }
    .service-slide-nav { font-weight: 100; }
    .js-service-slider-nav .swiper-slide { width: 200px; }
    .service.inner .js-service-slider-nav .swiper-slide { width: 215px; }
    .card-service { align-items: center; }
    .card-service-text { padding: 32px; }
    .card-service-text h2 { margin-bottom: 35px; }
    .card-service-text p { margin-bottom: 45px; }
    .partner { padding-top: 90px; padding-bottom: 90px; }
    .news-holder { padding-top: 192px; padding-bottom: 100px; }
    .news-text { padding-left: 95px; }
    .news-quote { top: -72px; left: -16px; }
    .news-quote img { width: auto; }
    .discover h2 { margin-bottom: 71px; }
    .card-discover-text { padding: 35px; }
    .card-discover i { right: 25px; bottom: 25px; }
    .card-video-text { padding: 47px 35px; }
    .card-video-text i { right: 25px; bottom: 25px; }
    .potential-holder { display: flex; flex-wrap: wrap; align-items: center; }
    .potential-text { margin-bottom: 0; padding-right: 50px; width: 45%; }
    .potential-image { padding-left: 60px; width: 55%; }
    .request .holder { padding-bottom: 150px; }
    .request-text {  max-width: 560px; }
    .request-image { width: auto; max-width:400px}
    .footer-column { margin-bottom: 0; width: 20%; }
    .footer-wrap { padding-top: 80px; }
}

@media only screen and (min-width: 1199px) {
    .js-service-slider .swiper-slide { width: 947px; }
    .card-service-text { padding: 42px; }
    .request-text { margin: 0 auto; padding-right: 130px; max-width: 730px; }
    .request .holder { padding-top: 150px; padding-bottom: 150px; }
    .request-arrow { top: 94px; }
}

@media only screen and (min-width: 1480px) {
    .centered, .alignwide { padding-right: calc((100% - var(--width-base)) / 2); padding-left: calc((100% - var(--width-base)) / 2); }
    .request-arrow { left: 112px; }
}



@media only screen and (max-width: 992px) {
    :root {
        --wp--preset--spacing--20: 24px !important;
        --wp--preset--spacing--30: 24px !important;
        --wp--preset--spacing--40: 36px !important;
        --wp--preset--spacing--50: 72px !important;
        --wp--preset--spacing--60: 72px !important;
        --wp--preset--spacing--70: 72px !important;
        --wp--preset--spacing--80: 72px !important;
        --spacing-xxl:72px !important;
        --spacing-xl:72px !important;
        --spacing-l:72px !important;
        --spacing-m:24px !important;
    }
	.recent_kb_articles .posts_container{flex-direction:column;}
    h2, .h2 {margin-bottom:24px}
    h3, .h3 { margin-bottom:24px;}
	.card-discover{min-height:auto;}
	.wp-block-quote{padding-left:20px;}
    .header_advantages{flex-direction:column; margin-top:30px;}
    .header_advantages .advantage{margin-top:30px;}
    .overflow-x-scroll{max-width: 100%; overflow-x: scroll;}
    .request-image { right: -20px; max-width: 200px;}
    .show_mobile{display: flex !important; gap:10px;}
    .hide_mobile{display: none;}
	
	.menu ul > li a{justify-content: flex-start; gap: 15px;}
	.submenu .submenu-first{display:none;}
	.submenu .submenu-columnbox{flex-direction:column; gap:0;}
	.submenu .submenu-columnbox .submenu_description{display:none;}
	.navigation .footer-service{margin-top:15px;}
	.navigation .social_icons{display:flex; gap:10px;}
	
	.single-kennisbank .post-entry, .single-referenties .post-entry, .single-post .post-entry, .single-werken-bijvacatures .post-entry{padding:var(--spacing-m);}
    header .custom-logo{z-index: 10;}
    .kennisbank_search_area{margin-left:0;}
    .archive .discover .slider-container{padding-left:20px;}
	.swiffy-slider .slider-nav{opacity:1; visibility: visible;}
	.single-kennisbank .post-entry, .single-referenties .post-entry, .single-post .post-entry, .single-werken-bijvacatures .post-entry{padding-left:15px; padding-right:15px;}

	.discover .slider-container{padding-left:25px;}
	.discover .swiffy-slider{--swiffy-slider-item-reveal:25px;}
}

@media only screen and (max-width: 767px) {
	
	:root {
		--font-h1: 48px/90% GalanoGrotesque-ExtraBold ;
		--font-h2: 36px/90% GalanoGrotesque-ExtraBold ;
	}
	
	.grouped-content-block .card-service{flex-direction: column; display: flex;}
	.grouped-content-block .card-service-image{max-width:100%;}
    .card-service-image img{height:auto; width:auto; max-width: 100%;}
    .card-service-image{height: 250px; overflow: hidden;}
    .category_blocks{flex-direction: column;}
    .category_blocks a.card-discover{width:100%;}
	.archive-heading{max-width:100%;}
	.archive-heading .wp-block-heading{padding-left:0;}
	.archive-heading .paragraph{padding-left:0;}
	.post-type-archive-kennisbank .slider-container{display: flex;}
	.post-type-archive-kennisbank .slider-container li{width: 90vw; flex: 0 0 auto;}
	.banner-content{max-width: 100%;}
	.legal-consent-container{max-width:100%; width:auto;}
	.category_blocks .card-discover{border-radius:10px;}
	.category_blocks .card-discover .card-discover-image{width:80px;}
	.category_blocks .card-discover .card-discover-text{width:calc(100% - 80px); margin-left:80px; padding: 15px; position: absolute; top: 4px; bottom: unset; font-size:20px; line-height:1;}
	.category-blocks .card-discover i{top:48px;}
	h1, h2, h3, h4, h5{word-wrap: break-word;}
}