/* Variables */
:root{
  --theme_color_1:#03298B;
  --theme_color_2:#E42C2A;
  --theme_color_3:#EDF0F7;
  --theme_color_4:#677EB9;
}

/* General */
.negative-margin-top > .fusion-builder-row {margin-top:-120px;}

.button-column > .fusion-column-wrapper {gap:24px;}

#main .check-icon-column > .fusion-column-wrapper {padding-left:50px; position:relative;}
#main .check-icon-column > .fusion-column-wrapper:before {content:""; position:absolute; left:27px; top:5px; bottom:0; width:2px; background:var(--theme_color_4)}
#main .check-icon-column > .fusion-column-wrapper:after {content:""; left:0; width:30px; height:25px; position:absolute; top:0; background:url('../media/check-icon.svg'); background-size:contain; background-repeat:no-repeat }

.small-logo-top:before {content:""; width:50px; height:50px; left:0; right:0; top:-25px; margin:auto; position: absolute; background:url('../media/small-logo.svg'); background-size:contain; background-repeat:no-repeat}

#main .fusion-text a {text-decoration:underline; text-underline-offset:2px;}

/* Breadcrumbs */
.breadcrumbs {display:flex;color:var(--theme-color-1)}
.breadcrumbs.white {color:#fff;}
.breadcrumbs.white a {color:#fff;}
.breadcrumb-list {display: flex;flex-wrap: wrap;align-items: center;list-style: none;padding: 0;margin: 0;gap: 8px;}
.breadcrumb-item {display: inline-flex;align-items: center;gap: 8px;}

/* Buttons */
.fusion-button:hover {border-radius:24px;}

.fusion-button.button-link.icon-left i {color:var(--theme_color_2); transition:.3s;}
.fusion-button.button-link.icon-left:hover i {transform: translateX(8px); color:var(--theme_color_1)}

.fusion-button.button-link.to-top i{color:var(--theme_color_2); transition:.3s;}
.fusion-button.button-link.to-top:hover i {transform:translateY(-4px)}

.fusion-button i {margin-right:12px !important}

.button {padding:12px 28px; background:var(--theme_color_1); color:#fff; display: inline-flex; text-decoration: none !important; border-radius:0 24px 0 24px; cursor:pointer; transition:.3s !important;}
.button .button-text {line-height:1.75; color:#fff; font-family: "Borna - Bold";}

.button:hover {border-radius:24px}

#main .button.link {padding:0px; background:none; color:var(--theme_color_1); border-radius: 0;}
#main .button.link:hover {background:none;}
#main .button.link .button-text {color:var(--theme_color_1); display:inline-flex;}
#main .button.link .button-text:before {content:"\f105"; font-family: "Font Awesome 6 Pro"; color:var(--theme_color_2); margin-right:12px; font-weight:bold; transition: .3s;}
#main .button.link:hover .button-text:before {transform:translateX(8px)}

/* Header */
#wrapper .header-wrapper > .fusion-builder-row {position:relative !important; display: flex; justify-content: space-between;}
#wrapper .header-wrapper > .fusion-builder-row:before {content:""; position:absolute; left:-100vw; right:65px; top:0; bottom:0; background:var(--theme_color_1); display:flex}
#wrapper .header-wrapper > .fusion-builder-row:after {content:""; position: absolute; right:0; bottom:0; top:0; width:65px; background-image:url('../media/menu-after.svg'); display:flex;}

#wrapper .header-wrapper .main-menu-wrapper .fusion-button {background:#fff; color:var(--theme_color_1); font-weight:400; font-size:16px; border-color:#fff;}

.header-top-menu {min-height:70px; color:#fff;}
.header-top-menu .top-menu-search {max-width:50px; transition: .3s; background-color: transparent; margin-left:0px;}
.header-top-menu .top-menu-search .search-button input[type="submit"] {pointer-events: none; color:rgba(255, 255, 255, 0.5) !important;}
.header-top-menu .top-menu-search .search-button:hover {cursor:pointer;}
.header-top-menu .top-menu-search .search-button:hover input[type="submit"] { color:#fff !important;}

.header-top-menu .top-menu-search .search-field input[type="search"] {background:transparent !important; border:none !important}

.search-active .header-top-menu .top-menu-search {max-width:400px; background:#fff;}
.search-active .header-top-menu .top-menu-search .search-button input[type="submit"] {color:var(--theme_color_1) !important;}

.header-right-wrapper > .fusion-column-wrapper > .fusion-builder-row {z-index:99999}

/* Search */
.search-header {margin-top:256px; margin-bottom:32px}
.search-results {padding-bottom:64px; display:flex; flex-direction: column; gap:16px}
.search-results article h2 {font-size:24px; margin:0px;}
.search-results article h2 a {display:flex; align-items: center;}
.search-results article h2 a i {font-size:16px; color:var(--theme_color_2); margin-right:8px;}
.search-results article h2 a:hover {color:var(--theme_color_1)}

/* Titlebar */
.fusion-page-title-bar p {margin-top:0px; margin-bottom:20px}

/* Highlighted Project shortcode 
.projectsWithHighlight {display: grid; grid-template-columns: repeat(4, 1fr);grid-template-rows: repeat(2, 1fr);grid-column-gap: 24px;grid-row-gap: 24px;}

.projectsWithHighlight .project-container.project-single-0 { grid-area: 1 / 1 / 3 / 3; display: flex; flex-direction: column; justify-content: space-between; position:relative; overflow:hidden; text-decoration: none !important;}
.projectsWithHighlight .project-container.project-single-0 .image-wrapper {position:absolute; top:0; right:0; bottom:0; left:0; }
.projectsWithHighlight .project-container.project-single-0 .image-wrapper:after {content:""; position:absolute; left:0; right:0; bottom:0; height:50%; pointer-events: none; background:linear-gradient(0deg, var(--theme_color_1) 0%, rgba(14,2,146,0) 100%); }
.projectsWithHighlight .project-container.project-single-0 .image-wrapper img {width:100%; height:100%; object-fit: cover;}

.projectsWithHighlight .project-container.project-single-0 .content-wrapper {position:relative; color:#fff; text-decoration:none; background-image:url('../images/highlight-bg.svg'); padding:64px; background-size:100% 100%; background-repeat: no-repeat; margin-left:12px; margin-right:12px;}
.projectsWithHighlight .project-container.project-single-0 .content-wrapper h2 {color:#fff; text-decoration: none;}

.projectsWithHighlight .project-container.project-single-0 .excerpt-wrapper {position:relative}
.projectsWithHighlight .project-container.project-single-0 .excerpt-wrapper p {padding:32px; color:#fff;}

.projectsWithHighlight .project-container:not(.project-single-0) {display:flex; flex-direction: column; gap:16px; text-decoration: none !important;}
.projectsWithHighlight .project-container:not(.project-single-0) .image-wrapper {position:relative; padding-top:100%; overflow:hidden;}
.projectsWithHighlight .project-container:not(.project-single-0) .image-wrapper img {position: absolute; left:0; top:0; width:100%; height:100%; object-fit: cover;}
.projectsWithHighlight .project-container:not(.project-single-0) .content-wrapper {display:flex; flex-direction: column; gap:6px;  text-decoration:none;}
.projectsWithHighlight .project-container:not(.project-single-0) .content-wrapper h4 {margin:0px;  text-decoration:none;}
.projectsWithHighlight .project-container:not(.project-single-0) .content-wrapper .terms-wrapper {margin-bottom:0px; color:var(--theme_color_4)} */

/* Products */
.posts-wrapper.producten .single {display:flex; flex-direction: column; border-radius:0 24px 0 24px; overflow: hidden; box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15)}
.posts-wrapper.producten .single .post-image {width:100%; position:relative; display:flex; align-items: center; justify-content:center; padding-top:56.25%; background:#fff; }
.posts-wrapper.producten .single .post-image img {position:absolute; width:100%; height:100%; object-fit: contain; top:0; bottom:0; left:0; right:0; margin:auto;}
.posts-wrapper.producten .single .post-content {background:var(--theme_color_2); display:flex; padding:12px 24px;}
.posts-wrapper.producten .single .post-content h3 {margin:0px; color:#fff;}


/*  Sliders */
.posts-wrapper.post {margin-bottom:0px}
.posts-wrapper.post .single,
.posts-wrapper.vacature .single {display:flex; flex-direction: column; border-radius: 0 24px 0 24px; overflow:hidden; background:var(--theme_color_3)}
.posts-wrapper.projecten .single {display:flex; flex-direction: column; border-radius: 0 24px 0 24px; overflow:hidden; background:#fff;}

.project-archive-wrapper .posts-wrapper.projecten .single {background:var(--theme_color_3)}

.posts-wrapper.post .single .post-image,
.posts-wrapper.vacature .single .post-image,
.posts-wrapper.projecten .single .post-image {width:100%; padding-top:56.25%; position:relative; }

.posts-wrapper.post .single .post-image img,
.posts-wrapper.vacature .single .post-image img,
.posts-wrapper.projecten .single .post-image img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit: cover;}

.posts-wrapper.post .single .post-image .term-wrapper {position:absolute; bottom:8px; left:8px; background:var(--theme_color_2); color:#fff; padding:4px 8px; font-size:14px; border-radius:16px 0 16px 0;}

.posts-wrapper.post .single .post-content,
.posts-wrapper.vacature .single .post-content,
.posts-wrapper.projecten .single .post-content {padding: 24px;; display:flex; flex-direction: column; gap:16px; flex:1;}

.posts-wrapper.post .single .post-content .button-wrapper,
.posts-wrapper.vacature .single .post-content .button-wrapper,
.posts-wrapper.projecten .single .post-content .button-wrapper {margin-top:auto;}

.posts-wrapper.post .single .post-content h3,
.posts-wrapper.vacature .single .post-content h3,
.posts-wrapper.projecten .single .post-content h3 {margin:0px}

.shortcode-wrapper {position:relative}
.shortcode-wrapper .swiper-navigation-wrapper > div {width: 48px; height:48px; background:var(--theme_color_2); color:#fff; transition:.3s; position:absolute; z-index: 2; top:0; bottom:0; margin:auto; display:flex; align-items: center; justify-content:center; border-radius:0 16px 0 16px; cursor:pointer;}
.shortcode-wrapper .swiper-navigation-wrapper > div:hover {background:var(--theme_color_1)}

.shortcode-wrapper .swiper-navigation-wrapper > div.swiper-button-prev {left:0; transform:translateX(-50%)}
.shortcode-wrapper .swiper-navigation-wrapper > div.swiper-button-next {right:0; transform:translateX(50%)}

.shortcode-wrapper .swiper-pagination {justify-content: center !important; gap:4px; margin-top:24px;}
.shortcode-wrapper .swiper-pagination .swiper-pagination-bullet {width:12px; height:12px; border:solid 1px var(--theme_color_4)}
.shortcode-wrapper .swiper-pagination .swiper-pagination-bullet:hover,
.shortcode-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {border-color:var(--theme_color_2); background:var(--theme_color_2)}

/* Verberg navigation en pagination wanneer er te weinig slides zijn */
#wrapper .swiper.hide-controls .swiper-pagination,
#wrapper .swiper.hide-controls .swiper-button-prev,
#wrapper .swiper.hide-controls .swiper-button-next {display: none !important;}

/* Challenges */
.posts-wrapper.uitdagingen .single {display:flex; flex-direction: column; border-radius:0 24px 0 24px; overflow: hidden; box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15)}
.posts-wrapper.uitdagingen .single .post-image {width:100%; position:relative; display:flex; align-items: center; justify-content:center; padding-top:56.25%; background:#fff; }
.posts-wrapper.uitdagingen .single .post-image img {position:absolute; width:100%; height:100%; object-fit: cover; top:0; bottom:0; left:0; right:0; margin:auto;}
.posts-wrapper.uitdagingen .single .post-content {background:var(--theme_color_2); display:flex; padding:12px 24px; height:100%;}
.posts-wrapper.uitdagingen .single .post-content h3 {margin:0px; color:#fff;}

/* applications */
.posts-wrapper.toepassingen .single {display:flex; flex-direction: column; border-radius:0 24px 0 24px; overflow: hidden; box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15)}
.posts-wrapper.toepassingen .single .post-image {width:100%; position:relative; display:flex; align-items: center; justify-content:center; padding-top:56.25%; background:#fff; }
.posts-wrapper.toepassingen .single .post-image img {position:absolute; width:100%; height:100%; object-fit: cover; top:0; bottom:0; left:0; right:0; margin:auto;}
.posts-wrapper.toepassingen .single .post-content {background:var(--theme_color_2); display:flex; padding:12px 24px;}
.posts-wrapper.toepassingen .single .post-content h3 {margin:0px; color:#fff;}

/* People */
.posts-wrapper.mensen .posts-container {grid-template-columns: repeat(4, 1fr);}
.posts-wrapper.mensen .single {display:flex; flex-direction: column;}
.posts-wrapper.mensen .single .post-image {position:relative; width:100%; padding-top:100%; border-radius:0 24px 0 24px; overflow: hidden;}
.posts-wrapper.mensen .single .post-image img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit: cover;}
.posts-wrapper.mensen .single .post-content {display:flex; flex-direction: column; gap:4px; padding-top:16px;}
.posts-wrapper.mensen .single .post-content h3 {margin:0px}
.posts-wrapper.mensen .single .post-content .member-info-wrapper {display:flex; flex-direction: column; align-items: flex-start;}
.posts-wrapper.mensen .single .post-content .member-info-wrapper a {text-decoration: underline;}

.posts-wrapper.contact-personen .posts-container {grid-template-columns: repeat(4, 1fr);}
.posts-wrapper.contact-personen .single {display:flex; flex-direction: column;}
.posts-wrapper.contact-personen .single .post-image {position:relative; width:100%; padding-top:100%; border-radius:0 24px 0 24px; overflow: hidden;}
.posts-wrapper.contact-personen .single .post-image img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit: cover;}
.posts-wrapper.contact-personen .single .post-content {display:flex; flex-direction: column; gap:4px; padding-top:16px;}
.posts-wrapper.contact-personen .single .post-content h3 {margin:0px}
.posts-wrapper.contact-personen .single .post-content .member-info-wrapper {display:flex; flex-direction: column; align-items: flex-start;}
.posts-wrapper.contact-personen .single .post-content .member-info-wrapper a {text-decoration: underline;}

/* Custom WPML Language Switcher Styles */
.custom-lang-switcher { position: relative; display: inline-flex; }
.lang-switcher-current { display: flex; align-items: center; gap: 8px; cursor: pointer; padding: 8px; transition: opacity 0.3s ease; }
.lang-switcher-current:hover { opacity: 0.7; }
.lang-code { font-size: 16px; color: #fff; line-height: 1; text-transform: uppercase; }
.lang-arrow { font-size: 20px; color: #fff; line-height: 1; transition: transform 0.3s ease; }
.custom-lang-switcher.active .lang-arrow { transform: rotate(180deg); }
.lang-switcher-dropdown { position: absolute; top: 100%; left: 0; background: #fff; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 4px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); padding: 8px; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s; z-index: 1000; }
.custom-lang-switcher.active .lang-switcher-dropdown { opacity: 1; visibility: visible; transform: translateY(0); }
.lang-switcher-item { display: flex; align-items: center; padding: 8px; text-decoration: none; border-radius: 4px; transition: background-color 0.2s ease; }
.lang-switcher-item:hover { background-color: rgba(0, 0, 0, 0.05); }
.lang-switcher-item + .lang-switcher-item { margin-top: 4px; }
.lang-switcher-item .lang-code { color: var(--awb-color4); }
.lang-switcher-item:hover .lang-code { color: var(--awb-color4); }

/* Single Uitdagingen */
.single-post #main .post-content > .fusion-fullwidth:first-child,
.single-uitdagingen #main .post-content > .fusion-fullwidth:first-child,
.single-producten #main .post-content > .fusion-fullwidth:first-child,
.single-toepassingen #main .post-content > .fusion-fullwidth:first-child,
.single-projecten #main .post-content > .fusion-fullwidth:first-child {padding-top:0;}

/* Toggles */
#main .fusion-faqs-wrapper .fusion-panel .panel-heading .panel-title .fusion-toggle-icon-wrapper {transition:transform .3s ease-in-out;}
#main .fusion-faqs-wrapper .fusion-panel .panel-heading .panel-title .active .fusion-toggle-icon-wrapper {transform:scaleY(-1);}
#main .fusion-faqs-wrapper .fusion-panel .panel-heading .panel-title .fusion-toggle-icon-wrapper:after {content:'\f107'; font-family:"Font Awesome 6 Pro"; font-size:32px;}
#main .fusion-faqs-wrapper .fusion-panel .panel-heading .panel-title .fusion-toggle-icon-wrapper * {display:none!important;}

/* Form */
#wrapper .wpforms-container #wpforms-form-11183.wpforms-form .wpforms-field-container .wpforms-field input[type="file"] {padding:8px 4px; width:100%;}
#wrapper .wpforms-container #wpforms-form-11183.wpforms-form .wpforms-submit-container button[type="submit"]:hover {background:var(--submitBackground); border-radius:24px;}