/*
Theme Name: SideKick
Template: Impreza
Version: 1.0
Author:	SideKick
Theme URI: http://impreza.us-themes.com/
Author URI: https://sidekick.be/
*/

/*Add your own styles here:*/
/* Hide WPML bar */
.otgs-development-site-front-end {
	display: none !important;
}

.w-image[class*="ush_image_"] img {
    width: auto;
}

/* Cookiebot customization */

#CybotCookiebotDialogPoweredbyCybot {
	display: none !important;
}

#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
    width: auto !important;
    align-self: end;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept, 
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept, 
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
    border-radius: .9em 1.5em 1.5em 0 !important;
    padding: 0.8em 1.3em !important;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonDecline, 
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
	border: none !important;
	color: #003C5B !important;
	display: flex;
    gap: 1rem;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonDecline::before, 
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection::before {
	display: inline-block !important;
    content: "\f061" !important;
    position: relative;
    font-family: "fontawesome";
    font-weight: 400;
    font-size: .9em;
    color: var(--color-secondary-base);
    transition: transform .3s;
}


@media (max-width: 1000px) {
	div[class^="move-with-mouse"], 
	div[class*="move-with-mouse"] {
		transform: none !important;
	}
}

/* ==========================================================================
   GLOBAL STYLES
   ========================================================================== */
@view-transition {
	navigation: auto;
}


* {
    -webkit-font-smoothing: antialiased;
}

body:not(.home) .l-canvas {
	background: radial-gradient(50% 50% at 50% 50%, #EFFAFF 0%, #E6F4FB 100%);
}

#page-content {
	margin-bottom: -6rem;
}
#page-content > section:last-child {
    padding-bottom: 10rem;
}

@media (max-width: 768px) {
	.l-subheader, .l-section {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
	
	#page-content > section:last-child {
		padding-bottom: 18rem;
	}
}

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

/* States
   ========================================================================== */

.nowrap {
	white-space: nowrap;
}

.overflow-hidden {
	overflow: hidden;
}

.unset-max-width,
.unset-max-width * {
	  max-width: unset;
}
.underline {
	text-decoration: underline;
}
.box-shadow {
	box-shadow: 0px 43px 136px 0px rgba(0, 60, 91, 0.07), 0px 27.87px 79.648px 0px rgba(0, 60, 91, 0.06), 0px 16.563px 43.319px 0px rgba(0, 60, 91, 0.05), 0px 8.6px 22.1px 0px rgba(0, 60, 91, 0.05), 0px 3.504px 11.081px 0px rgba(0, 60, 91, 0.04), 0px 0.796px 5.352px 0px rgba(0, 60, 91, 0.03);
}
.box-shadow-alt {
	box-shadow: 76px 61px 27px 0px rgba(1, 60, 91, 0.00), 48px 39px 25px 0px rgba(1, 60, 91, 0.00), 27px 22px 21px 0px rgba(1, 60, 91, 0.01), 12px 10px 16px 0px rgba(1, 60, 91, 0.02), 3px 2px 9px 0px rgba(1, 60, 91, 0.03);
}

/* Typography
   ========================================================================== */
.home h1 {
	
}

h1.heading-alt {
	
}

.resource-subtitel {
	line-height: 1.2;
}

p {
	margin-bottom: 1rem;
}
/* HTML Elements
   ========================================================================== */
#page-content .post_content a {
	color: var(--color-primary-base);
}
#page-content .post_content .has_text_color a {
	color: var(--color-tertiary-base);
}

ul {
	margin-left: 1.9em;
}
ol {
    margin-left: 1em;
}
ul,
ol {
	font-size: 1rem;
	line-height: 1.5;
}

small {
	
}

strong,
b {
	font-weight: 700;
}

sup {
    color: var(--color-primary-base);
    font-weight: 700;
    font-size: .7em;
    position: relative;
    top: -0.4em;
}

pre {
    background: none;
    padding: 0.8rem 0;
}

blockquote {
	text-align: center;
	font-family: var(--h1-font-family);
	font-size: 2.125rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.41;
	position: relative;
	padding-top: 3.5rem;
}

.post-content blockquote {
	font-size: 1.625rem;
}

blockquote::before {
	content: '';
	display: block;
	width: 3rem;
	height: 3rem;
	background: url(images/icon-drop.svg) no-repeat top left transparent;
	background-size: 3rem 3rem;
	position: absolute;
	top: 0;
	left: 0;
}

blockquote + p {
	text-align: center;
	font-family: var(--h1-font-family);
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
}

/* Forms
   ========================================================================== */
input[type=checkbox]  {
	
}
input[type=checkbox]:checked  {
	
}

input[type=checkbox]:checked::before  {
	font-weight: 400;
    line-height: 1.3;
}

.filter-checkbox-dropdown select,
.postperpage-wrap select,
.w-filter-item.type_dropdown .w-filter-item-values select {
	appearance: none;
	-webkit-appearance: none;
}
.filter-checkbox-dropdown,
.postperpage-wrap,
.w-filter-item.type_dropdown .w-filter-item-values{
	position: relative;
	height: fit-content;
}
.filter-checkbox-dropdown::after,
.postperpage-wrap::after,
.w-filter-item.type_dropdown .w-filter-item-values::after {
	content: '';
    position: absolute;
    top: 56%;
    transform: translateY(-50%);
    right: 0;
    font-size: var(--inputs-font-size);
    margin: 0 var(--inputs-padding);
    color: var(--inputs-text-color);
    pointer-events: none;
    width: 0.8em;
    height: 0.8em;
    background: url(images/icon-caret-down.svg) no-repeat top center transparent;
	background-size: contain;
	border: none;
}


form.hs-form {
	/* display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.2rem 1rem; */
}
form.hs-form.stacked {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	gap: 1rem;
}
form.hs-form fieldset.form-columns-1,
form.hs-form fieldset.form-columns-2 {
	max-width: unset;

}
form.hs-form fieldset.form-columns-1 .hs-input {
	width: 100%;
}
form.hs-form fieldset.form-columns-2 {
	display: flex;
	gap: 1rem;
}

form.hs-form fieldset .legal-consent-container {
	margin: 1.5rem 0 1rem;
}
.single-post form.hs-form {
    grid-template-columns: 1fr;
}
form.hs-form .legal-consent-container,
form.hs-form .hs-submit,
.hs-fieldtype-textarea { 
	grid-column: 1 / span 2;
}

form.hs-form .hs-submit input[type=submit] {
    width: 100%;
    font-size: 1rem;
}

form.hs-form label strong {
	font-weight: 400;
}

form.hs-form  .hs-form-required {
    color: var(--color-primary-base);
    font-weight: 700;
    font-size: .7em;
    position: relative;
    top: -0.4em;
}
form.hs-form ul,
form.hs-form ul li {
	margin: 0;
	list-style: none
}
form.hs-form ul li::before {
	display: none;
}

form.hs-form input[type=checkbox] {
	width: 1rem;
    height: 1rem;
}


/* ==========================================================================
   PAGE BUILDER BLOCKS
   ========================================================================== */

/* Buttons
   ========================================================================== */
.w-btn {
    white-space: nowrap;
}

.w-btn.us-btn-style_1 {
	
}
.w-btn.arrow-right-after,
.w-btn.arrow-right-before,
.view-all-link a {
    display: flex !important;
    flex-direction: row;
    gap: 1em;
    align-items: center;
}

.w-btn.arrow-right-after::after,
.w-btn.arrow-right-before::before,
.view-all-link a::after {
	display: inline-block !important;
	content: "\f061" !important;
	position: relative;
	font-family: "fontawesome";
    font-weight: 400;
	font-size: .9em;
	color: var(--color-secondary-base);
	transition: transform .3s;
}

.view-all-link a::after {
	color: var(--color-info-dark);
}

.w-btn.arrow-right-after:hover::after,
.w-btn.arrow-right-before:hover::before,
.view-all-link a:hover::after {
	transform: translatex(.2em);
}

@media (max-width: 1000px) {
	.view-all-column-alt .view-all-link {
		position: absolute !important;
    	bottom: 0 !important;
	}
	
	.view-all-column-alt > ul {
		padding-bottom: 4rem !important;
	}
}

/* Labels
   ========================================================================== */
.w-image.logo-label {
    padding: 0.7rem 1rem !important;
    height: auto !important;
}

.w-image.logo-label > div {
    display: block;
    width: fit-content;
    height: 100%;
    display: flex;
    align-items: center;
}

.logo-label a {
	display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
/* Text
   ========================================================================== */


/* Lists
   ========================================================================== */
/* List header */
.expertise-list {
	font-weight: 600;
	font-size: 1.1em;
}
.wpb_text_column ul,
.wpb_text_column ol,
.list-check-primary-light ul,
.list-check-secondary-base ul,
.list-check-tertiary-base ul {
	font-weight: 400;
	position: relative;
}
.wpb_text_column ul li,
.wpb_text_column ol li,
.list-check-primary-light ul li,
.list-check-secondary-base ul li,
.list-check-tertiary-base ul li {
    margin-bottom: 0.7em;
}

.wpb_text_column ul li::marker,
.list-check-primary-light ul li::marker,
.list-check-secondary-base ul li::marker,
.list-check-tertiary-base ul li::marker {
	font-size: 0;
}
.wpb_text_column ul li::before,
.list-check-primary-light ul li::before,
.list-check-secondary-base ul li::before,
.list-check-tertiary-base ul li::before{
	content: '';
	position: absolute;
    left: -2em;
	display: inline-block;
	width: 1.334em;
	height: 1.334em;
	background: url(images/icon-check-primary-dark.svg) no-repeat center transparent;
}
.list-check-primary-light ul li::before {
	background: url(images/icon-check-primary-light.svg) no-repeat center transparent !important;
}
.list-check-secondary-base ul li::before {
	background: url(images/icon-check-secondary-base.svg) no-repeat center transparent !important;
}
.list-check-tertiary-base ul li::before {
	background: url(images/icon-check-tertiary-base.svg) no-repeat center transparent !important;
}
.list-check-primary-light ol li::marker {
	color: var(--color-primiary-light);
}
.list-check-secondary-base ol li::marker {
	color: var(--color-secondary-base);
}
.list-check-tertiary-base ol li::marker {
	color: var(--color-tertiary-base);
}

/* Icons
   ========================================================================== */
.fa-linkedin:before {
    content: "\f0e1";
}

.fa-x-twitter:before {
    content: "" !important;
}

/* Iconbox
   ========================================================================== */
.w-iconbox .w-iconbox-title {
    margin-bottom: 0.6em;
}

/* Images
   ========================================================================== */
#page-content .post_content .w-image {
	border-radius: 1rem;
}
.w-image img {
	height: initial;
	width: 100%;
}

.w-image.has_bg_color .w-image-h {
	border-radius: 0;
}

.w-image.has_bg_color .w-image-h {
	background: initial;
}

.center-position-absolute {
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.center-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.center-vertically .w-image-h {
	display: flex;
	align-items: center;
}

.image-style-1 {
	-webkit-mask-image: url(images/image-mask-1.svg);
	mask-image: url(images/image-mask-1.svg);
	mask-repeat: no-repeat;
	mask-position: bottom right;
	mask-size: contain;
	border-bottom-left-radius: 0.5rem;
}

/* Video
   ========================================================================== */
.w-video.with_overlay .w-video-icon {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.w-video.with_overlay .w-video-icon::after {
	content: '';
	background: url(images/play-btn.svg) no-repeat center transparent;
	display: block;
	width: 3.125rem;
	height: 3.125rem;
}

/* Containers
   ========================================================================== */

.w-hwrapper {
	gap: var(--hwrapper-gap);
}

.w-hwrapper>:not(:last-child) {
	margin-right: 0!important;
}

/* Breadcrumb
   ========================================================================== */

#breadcrumbs {
    margin: 0 -.2rem;
	padding: 0 0.2rem;
}
#breadcrumbs > span > *:not(span) {
	color: var(--color-primiary-light);
}

#breadcrumbs > span > span {
	color: inherit;
}
.g-breadcrumbs a,
#breadcrumbs a {
	color: var(--color-primiary-light);
}

.breadcrumb-dark .g-breadcrumbs a,
.breadcrumb-dark #breadcrumbs a {
	color: var(--color-primary-base);
}
	
/* Caroussel
   ========================================================================== */


/* Accordion
   ========================================================================== */
.w-tabs.accordion .w-tabs-section-content {
    padding: 1.5rem 2rem !important;
}
.w-tabs.accordion>.w-tabs-sections>div:not(:last-child) {
    border-width: 0px 0 1px 0;
    border-color: var(--color-primary-base);
}
.w-tabs.accordion>.w-tabs-sections>div:last-child {
    border: none;
}

/* Tabs
   ========================================================================== */
.w-tabs.style_radio2 .w-tabs-list-h {
	background: var(--color-grayscale-white) !important;
}

.w-tabs.style_radio2 .w-tabs-list-h > .w-tabs-item {
    color:  var(--color-primary-dark);
	min-width: 13rem;
    font-weight: 600;
    padding: 0.5em 1.5em !important;
}

.w-tabs.style_radio2 .w-tabs-list-h > .w-tabs-item.active {
    background: var(--color-primary-base);
    box-shadow: none;
    color: var(--color-grayscale-white);
}

@media (max-width: 768px) {
	.w-tabs.style_radio2 .w-tabs-list-h > .w-tabs-item {
		min-width: initial;
	}
	
	.w-tabs.style_radio2>.w-tabs-list .w-tabs-list-h {
		 white-space: nowrap;
        font-size: 0.9rem;
	}
}

@media (max-width: 768px) {
	.w-tabs-section-content .wpb_column.vc_column_container {
		padding-left: 1.5rem !important;
    	padding-right: 1.5rem !important;
	}
}



/* Pop-up
   ========================================================================== */
.w-popup-box-h {
	border-radius: 1rem;
    background: linear-gradient(20deg, #D7EDF9 30.85%, #D7EDF9 38.14%, #FFF 97.81%);
}
.w-popup-box-title {
	background: transparent;
    font-family: Outfit, sans-serif;
    font-weight: 700;
}
.w-popup-box-content {
	background: transparent;
}
/* Social lists
   ========================================================================== */
.fa-linkedin:before {
    content: "\f0e1" !important;
}

.w-socials-list {
	
}


.w-sharing-list,
.w-socials-list {
	display: flex;
    gap: .5rem;
	margin: 0;
}
.w-sharing-list .w-sharing-item,
.w-socials-list .w-socials-item{
	font-size: 1rem;
    border-radius: 50% !important;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: auto;
}

/* Custom classes
   ========================================================================== */

/* Item with orange icon */
.icon-orange i {
	color: var(--color-tertiary-base);
}
/* Dark blue gradient visual */
.dark-blue-gradient-grid > .l-section-h > .g-cols > .wpb_column > .vc_column-inner,
.dark-blue-gradient-grid-inner > .l-section-h > .g-cols > .wpb_column > .vc_column-inner {
	background: linear-gradient(104deg, #003C5B 0%, #002A3F 100%);
	border-radius: 1rem;
	margin: 0 -2rem;
}

.dark-blue-gradient-grid-inner > .l-section-h > .g-cols > div:first-child > .vc_column-inner {
	background: none;
	border-radius: 0;
	margin: 0 2rem 0 0;
}
.dark-blue-gradient-grid .w-grid-list,
.dark-blue-gradient-grid-inner .w-grid-list {
    margin: 0 -1.5rem !important;
	grid-auto-rows: 1fr;
}

.dark-blue-gradient-grid .w-grid-list .w-grid-item-h,
.dark-blue-gradient-grid-inner .w-grid-list .w-grid-item-h{
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.dark-blue-gradient-grid > .l-section-h > .g-cols > .wpb_column > .vc_column-inner .wpb_wrapper .wpb_text_column,
.dark-blue-gradient-grid > .l-section-h > .g-cols > .wpb_column > .vc_column-inner .wpb_wrapper .w-iconbox-meta,
.dark-blue-gradient-grid > .l-section-h > .g-cols > .wpb_column > .vc_column-inner .wpb_wrapper .w-btn,
.dark-blue-gradient-grid-inner > .l-section-h > .g-cols > .wpb_column > .vc_column-inner .wpb_wrapper .wpb_text_column,
.dark-blue-gradient-grid-inner > .l-section-h > .g-cols > .wpb_column > .vc_column-inner .wpb_wrapper .w-iconbox-meta,
.dark-blue-gradient-grid-inner > .l-section-h > .g-cols > .wpb_column > .vc_column-inner .wpb_wrapper .w-btn {
	color: var(--color-grayscale-white) !important;
}

.dark-blue-gradient-grid-inner > .l-section-h > .g-cols > div:first-child > .vc_column-inner .wpb_wrapper .wpb_text_column,
.dark-blue-gradient-grid-inner > .l-section-h > .g-cols > div:first-child > .vc_column-inner .wpb_wrapper .w-iconbox-meta,
.dark-blue-gradient-grid-inner > .l-section-h > .g-cols > div:first-child > .vc_column-inner .wpb_wrapper .w-btn {
	color: inherit !important;
}
.dark-blue-gradient-grid > .l-section-h > .g-cols > .wpb_column > .vc_column-inner .wpb_wrapper .w-btn,
.dark-blue-gradient-grid-inner > .l-section-h > .g-cols > .wpb_column > .vc_column-inner .wpb_wrapper .w-btn {
	margin-top: auto;
}
.dark-blue-gradient-grid > .l-section-h > .g-cols > .wpb_column > .vc_column-inner .wpb_wrapper .post_title,
.dark-blue-gradient-grid > .l-section-h > .g-cols > .wpb_column > .vc_column-inner .wpb_wrapper .post_content,
.dark-blue-gradient-grid-inner > .l-section-h > .g-cols > .wpb_column > .vc_column-inner .wpb_wrapper .post_title,
.dark-blue-gradient-grid-inner > .l-section-h > .g-cols > .wpb_column > .vc_column-inner .wpb_wrapper .post_content {
	margin-bottom: .5rem;
}

.dark-blue-gradient-grid > .l-section-h > .g-cols > .wpb_column > .vc_column-inner > .wpb_wrapper > .g-cols:not(:last-child) > div,
.dark-blue-gradient-grid .cols_3 .w-grid-item:not(:nth-last-child(-n+3)),
.dark-blue-gradient-grid .cols_4 .w-grid-item:not(:nth-last-child(-n+4)),
.dark-blue-gradient-grid-inner > .l-section-h > .g-cols > .wpb_column > .vc_column-inner > .wpb_wrapper > .g-cols:not(:last-child) > div,
.dark-blue-gradient-grid-inner .cols_3 .w-grid-item:not(:nth-last-child(-n+3)),
.dark-blue-gradient-grid-inner .cols_4 .w-grid-item:not(:nth-last-child(-n+4)){
	border-bottom: 1px solid var(--color-primary-base);
}


.dark-blue-gradient-grid > .l-section-h > .g-cols > .wpb_column > .vc_column-inner > .wpb_wrapper > .g-cols > div,
.dark-blue-gradient-grid .w-grid-item,
.dark-blue-gradient-grid-inner > .l-section-h > .g-cols > .wpb_column > .vc_column-inner > .wpb_wrapper > .g-cols > div,
.dark-blue-gradient-grid-inner .w-grid-item {
	padding: 3rem !important;
	/* height: 100%; */
    display: flex;
    align-items: center;
}

.dark-blue-gradient-grid > .l-section-h > .g-cols > .wpb_column > .vc_column-inner > .wpb_wrapper > .g-cols > div:not(:last-child),
.dark-blue-gradient-grid .cols_4 .w-grid-item:not(:nth-child(4n)),
.dark-blue-gradient-grid .cols_3 .w-grid-item:not(:nth-child(3n)),
.dark-blue-gradient-grid-inner > .l-section-h > .g-cols > .wpb_column > .vc_column-inner > .wpb_wrapper > .g-cols > div:not(:last-child),
.dark-blue-gradient-grid-inner .cols_4 .w-grid-item:not(:nth-child(4n)),
.dark-blue-gradient-grid-inner .cols_3 .w-grid-item:not(:nth-child(3n)){
	border-right: 1px solid var(--color-primary-base);
}

.dark-blue-gradient-grid > .l-section-h > .g-cols > .wpb_column > .vc_column-inner > .wpb_wrapper > .g-cols:last-child > div:last-child:not(.wpb_column) {
	align-self: center;
}

.dark-blue-gradient-grid-inner > .l-section-h > .g-cols > .wpb_column > .vc_column-inner > .wpb_wrapper > .g-cols:last-child > div:last-child{
	align-self: auto;
}

.dark-blue-gradient-grid > .l-section-h > .g-cols .g-cols .wpb_wrapper,
.dark-blue-gradient-grid-inner > .l-section-h > .g-cols .g-cols .wpb_wrapper {
	height: 100%;
    display: flex;
    flex-direction: column;
}

.dark-blue-gradient-grid > .l-section-h > .g-cols .g-cols .wpb_wrapper .w-btn-wrapper,
.dark-blue-gradient-grid-inner > .l-section-h > .g-cols .g-cols .wpb_wrapper .w-btn-wrapper {
	margin-top: auto;
}

@media (min-width:768px) and (max-width: 1024px) {

	.dark-blue-gradient-grid .cols_4 .w-grid-item:not(:nth-last-child(1)),
	.dark-blue-gradient-grid .cols_4 .w-grid-item:not(:nth-last-child(2)),
	.dark-blue-gradient-grid-inner .cols_4 .w-grid-item:not(:nth-last-child(1)),
	.dark-blue-gradient-grid-inner .cols_4 .w-grid-item:not(:nth-last-child(2)) {
		border-bottom: 1px solid var(--color-primary-base);
	}
	
	.dark-blue-gradient-grid .cols_4 .w-grid-item:nth-last-child(1),
	.dark-blue-gradient-grid .cols_4 .w-grid-item:nth-last-child(2),
	.dark-blue-gradient-grid-inner .cols_4 .w-grid-item:nth-last-child(1),
	.dark-blue-gradient-grid-inner .cols_4 .w-grid-item:nth-last-child(2) {
		border-bottom: none;
	}

	.dark-blue-gradient-grid .cols_4 .w-grid-item:nth-child(odd),
	.dark-blue-gradient-grid-inner .cols_4 .w-grid-item:nth-child(odd) {
		border-right: 1px solid var(--color-primary-base);
	}
	
	.dark-blue-gradient-grid .cols_4 .w-grid-item:nth-child(even),
	.dark-blue-gradient-grid-inner .cols_4 .w-grid-item:nth-child(even) {
		border-right: none;
	}
}

@media (max-width: 768px) {
	.dark-blue-gradient-grid > .l-section-h > .g-cols > .wpb_column > .vc_column-inner > .wpb_wrapper > .g-cols > div:not(:last-child),
	.dark-blue-gradient-grid .cols_3 .w-grid-item:not(:last-child),
	.dark-blue-gradient-grid .cols_4 .w-grid-item:not(:last-child),
	.dark-blue-gradient-grid-inner > .l-section-h > .g-cols > .wpb_column > .vc_column-inner > .wpb_wrapper > .g-cols > div:not(:last-child),
	.dark-blue-gradient-grid-inner .cols_3 .w-grid-item:not(:last-child),
	.dark-blue-gradient-grid-inner .cols_4 .w-grid-item:not(:last-child){
		border-bottom: 1px solid var(--color-primary-base);
	}

	.dark-blue-gradient-grid > .l-section-h > .g-cols > .wpb_column > .vc_column-inner > .wpb_wrapper > .g-cols > div:not(:nth-child(4n)),
	.dark-blue-gradient-grid .cols_4 .w-grid-item:not(:nth-child(4n)),
	.dark-blue-gradient-grid .cols_3 .w-grid-item:not(:nth-child(3n)),
	.dark-blue-gradient-grid-inner > .l-section-h > .g-cols > .wpb_column > .vc_column-inner > .wpb_wrapper > .g-cols > div:not(:last-child),
	.dark-blue-gradient-grid-inner .cols_4 .w-grid-item:not(:nth-child(4n)),
	.dark-blue-gradient-grid-inner .cols_3 .w-grid-item:not(:nth-child(3n)){
		border-right: none;
	}
}

/* backdrop-filter */
.backdrop-filter .vc_column-overlay {
	backdrop-filter: blur(8px);
}



/* ==========================================================================
   GRIDS
   ========================================================================== */

/* General
   ========================================================================== */
.w-grid .w-grid-item .w-vwrapper {
	flex: 1;
}

.w-grid-none.type_message {
    background: none;
    text-align: left;
    padding: 2rem 0;
}

.w-grid .w-grid-item .valign_middle {
    align-items: center;
}


.w-grid-preloader {
	
}

.g-loadmore {
    margin-top: 3rem;
}


@media (max-width: 768px) {
	.w-grid:not(.layout_41095) .w-grid-item {
		width: 100% !important;
	}
}



/* Grid layout: {name}
   ========================================================================== */
/* Post bento grid */

.post-bento-grid .wpb_column > .vc_column-inner > .wpb_wrapper,
.post-bento-grid .w-grid,
.post-bento-grid .w-grid > .w-grid-list,
.post-bento-grid .w-grid > .w-grid-list > .w-grid-item,
.post-bento-grid .w-grid > .w-grid-list > .w-grid-item > .w-grid-item-h,
.post-bento-grid .w-grid > .w-grid-list > .w-grid-item > .w-grid-item-h > .w-vwrapper,
.post-bento-grid .w-grid > .w-grid-list > .w-grid-item > .w-grid-item-h > .w-hwrapper{
	height: 100%;
}

.post-bento-grid .w-grid > .w-grid-list > .w-grid-item > .w-grid-item-h {
	background-size: cover;
    background-repeat: no-repeat;
}

.layout_38238 {
    min-height: 19rem;
}


/* Software / logo grid */
.software-card .w-hwrapper::after,
.logo-card .w-hwrapper::after {
	    content: "";
    background: url(images/software-lipje.svg) no-repeat top center transparent;
    background-size: contain;
    width: 3.95rem;
    height: 1.3rem;
    display: block;
    position: absolute;
    z-index: 0;
    bottom: -1.25rem;
    left: -0.095rem;
    right: 0;
    margin: 0 auto;
}

.software-card .w-grid-item:hover .w-text.icon_atright,
.logo-card .w-grid-item:hover .w-text.icon_atright {
	transform: rotate(-45deg);
	transform-origin: center;
}

.logo-card .post_image img {
	aspect-ratio: 6 / 5;
    object-fit: contain;
    object-position: center center;
    width: 100%;
	min-height: 8rem;
    display: block;
}

/* ==========================================================================
   HEADER
   ========================================================================== */

#page-header .l-subheader.at_middle:hover {
	background: var(--color-grayscale-white);
}
#page-header.bg_transparent .l-subheader.at_middle:hover .ubermenu-skin-minimal .ubermenu-item-level-0:not(.w-btn) > .ubermenu-target,
#page-header.bg_transparent.sticky .l-subheader.at_middle .ubermenu-skin-minimal .ubermenu-item-level-0:not(.w-btn) > .ubermenu-target{
	color: #333;
}

#page-header.bg_transparent .l-subheader.at_middle:hover .ubermenu-skin-minimal .ubermenu-item-level-0:not(.w-btn) > .ubermenu-target:hover,
#page-header.bg_transparent.sticky .l-subheader.at_middle .ubermenu-skin-minimal .ubermenu-item-level-0:not(.w-btn) > .ubermenu-target:hover {
	color: var(--color-grayscale-white);
}
 
.l-header.bg_transparent:not(.sticky) .l-subheader.at_middle:hover .w-image.with_transparent .w-image-h >:first-of-type {
	display: block;
}
.l-header.bg_transparent:not(.sticky) .l-subheader.at_middle:hover .w-image.with_transparent .w-image-h >:last-of-type {
	display: none;
}

/* Logo */
.l-header .ush_image_1 img {
	max-height: 100%;
}

@media (max-width: 768px) {
    .l-header .ush_image_1 {
        width: max-content;
    }
}

/* Header: Search 
   ========================================================================== */
#page-header .w-search.elm_in_header a {
	color: var(--color-primary-base);
}

/* Header: Language switcher
   ========================================================================== */
.w-dropdown-current .w-dropdown-item:after {
	color: var(--color-primary-base);
    font-size: 0.8rem;
    right: 1em;
    line-height: 2;
}
.l-subheader.at_middle .w-dropdown {
	margin-left: 0;
}

.l-subheader.at_middle .w-dropdown .w-dropdown-list{
    background: white;
    color: var(--color-primary-dark);
	box-shadow: none;
}
.w-dropdown a.w-dropdown-item {
	font-size: 1rem;
}


.w-dropdown.opened a.w-dropdown-item,
#page-header .l-subheader.at_middle:hover .w-dropdown a.w-dropdown-item {
	color: var(--color-primary-dark);
}
.w-dropdown.opened a.w-dropdown-item:hover {
	color: var(--color-primary-base) !important;
}

/* Header: Sticky styles
   ========================================================================== */
#page-header.sticky {
	border-bottom: 1px solid var(--color-grayscale-lightest);
	background: var(--color-grayscale-white);
}

/* ==========================================================================
   NAVIGATION
   ========================================================================== */

/* Uber menu
   ========================================================================== */
/* Mobile toggle */

.l-subheader-cell.at_right .ubermenu-responsive-toggle {
    color: inherit;
	padding: 0;
    text-align: right;
    /* width: auto; */
}


@media screen and (max-width: 1000px) {
    body .ubermenu.ubermenu-mobile-modal {
        top: var(--header-sticky-height);
	}
	
	body nav.ubermenu .ubermenu-item.ubermenu-item-38317 > .ubermenu-target, 
	body nav.ubermenu .ubermenu-item.ubermenu-item-38317 > .ubermenu-content-block, 
	body nav.ubermenu .ubermenu-item.ubermenu-item-38317.ubermenu-custom-content-padded {
		padding: 5px 20px !important;
	}
	
	.w-btn:before {
		display: none !important;
	}
}

.ubermenu-icon {
    color: var(--color-primary-base);
}
.ubermenu .ubermenu-item.view-all-link {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.ubermenu .ubermenu-item-type-column>.ubermenu-submenu-type-stack {
    padding-top: 0;
    padding-bottom: 0;
}

.ubermenu .ubermenu-item-type-column>.ubermenu-submenu-type-stack>.ubermenu-item-normal:first-child {
    margin-top: 0px !important;
}
/* Main */
#page-header .ubermenu .ubermenu-submenu-drop.ubermenu-submenu-align-full_width {
	display: flex;
	width: 100vw;
    left: calc((var(--site-content-width) - 100vw) / 2);
    padding: 1.5rem calc((100vw - var(--site-content-width)) / 2);
    box-shadow: 0px 43px 136px 0px rgba(0, 60, 91, 0.07), 0px 27.87px 79.648px 0px rgba(0, 60, 91, 0.06), 0px 16.563px 43.319px 0px rgba(0, 60, 91, 0.05), 0px 8.6px 22.1px 0px rgba(0, 60, 91, 0.05), 0px 3.504px 11.081px 0px rgba(0, 60, 91, 0.04), 0px 0.796px 5.352px 0px rgba(0, 60, 91, 0.03);
    background: url(images/uber-menu-gradient.svg) no-repeat bottom -106rem right -50rem white;
    background-size: 200rem;
    border: none;
	border-top: 1px solid var(--color-grayscale-lightest);
	top: var(--header-height);
}
#page-header.sticky .ubermenu .ubermenu-submenu-drop.ubermenu-submenu-align-full_width {
	top: var(--header-sticky-height);
}

#page-header .ubermenu .ubermenu-submenu-drop.ubermenu-submenu-align-full_width::after {
	content: '';
	display: block;
	width: 21rem;
	height: 21rem;
	position: absolute;
	bottom: -16rem;
	left: -16rem;
	background: url(images/pattern-secondary-base-dots.svg) no-repeat top right transparent;
	background-size: contain;
}

@media (max-width: 1264px) {
	#page-header .ubermenu .ubermenu-submenu-drop.ubermenu-submenu-align-full_width {
		left: -2.5rem;
	}
}
#page-header .ubermenu-item-level-1.ubermenu-column-2-3 > .ubermenu-submenu,
#page-header .ubermenu-item-level-1.ubermenu-column-1-2 > .ubermenu-submenu{
	height: 100%;
}
#page-header .ubermenu-item-level-2:not(.ubermenu-item-header) {
    padding: 0 1rem;
	height: 100%;
}
#page-header .ubermenu-item-level-2 > .ubermenu-submenu {
    height: 100%;
    display: flex;
    flex-direction: column;
}
#page-header .ubermenu .w-btn {
    margin-top: 0.4em;
}

#page-header .ubermenu .w-btn a {
    padding: 0 !important;
}

#page-header .ubermenu > .ubermenu-nav > .ubermenu-item {
	padding: .8em .25em;
}



#page-header .ubermenu .ubermenu-submenu-type-stack>.ubermenu-item-normal>.ubermenu-target,
#page-header .ubermenu .ubermenu-submenu-type-stack>.ubermenu-item-header>.ubermenu-target {
    padding: 0;
}
#page-header .ubermenu .ubermenu-submenu-type-stack>.ubermenu-item-header>.ubermenu-target {
    padding-bottom: 1rem;
}

#page-header .ubermenu .ubermenu-item > .ubermenu-target .ubermenu-sub-indicator {
    right: unset;
    font-size: 0.7em;
    color: var(--color-primary-base);
    font-weight: 900;
    position: relative;
    display: inline-block;
	transform: translateY(0);
	cursor: pointer;
}

#page-header .ubermenu .ubermenu-item.ubermenu-active > .ubermenu-target .ubermenu-sub-indicator {
    transform: rotate(-180deg);
	transform-origin: center;
    transition: transform .3s;
}

#page-header.bg_transparent .ubermenu-skin-minimal .ubermenu-item-level-0 > .ubermenu-target {
	color: var(--color-grayscale-white);
}

#page-header .ubermenu .ubermenu-item.ubermenu-active > .ubermenu-target,
#page-header.bg_transparent .l-subheader.at_middle:hover .ubermenu .ubermenu-item.ubermenu-active > .ubermenu-target,
#page-header.bg_transparent.sticky .ubermenu .ubermenu-item.ubermenu-active > .ubermenu-target{
    background: var(--color-primary-dark);
    color: var(--color-grayscale-white);
}

#page-header .ubermenu-content-block.ubermenu-custom-content ul {
	list-style: none;
	margin: 0;
}
#page-header .ubermenu .ubermenu-custom-content-padded {
	padding: 0;
}


/* elements */
#page-header .ubermenu-item-header > * {
	color: var(--color-grayscale-dark);
	font-size: 0.875rem;
	font-weight: 600;
	padding-bottom: 0.9rem !important;
}

#page-header a.ubermenu-target:hover,
#page-header .uber-list-cpt a:hover {
	color: var(--color-primary-base);
}

#page-header .ubermenu-item-header .ubermenu-target {
	padding: 15px 20px 0;
    /* margin-bottom: -15px; */
}
#page-header .ubermenu .w-btn.us-btn-style_1 {
	display: inline-block;
    vertical-align: top;
    text-align: center;
    line-height: 1.2;
    position: relative;
    transition-property: background, border, box-shadow, color, opacity, transform;
    transition-duration: 0.3s;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	font-size: 0.875rem;
    line-height: 1.2 !important;
    font-weight: 700;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0em;
    border-radius: 0.9em 1.5em 1.5em 0;
    padding: 0.8em 1.3em;
    background: #33A5E0;
    border-color: transparent;
    color: #FFFFFF !important;
	margin-left: 1rem;
}


#page-header .ubermenu .w-grid[data-count="1"] .w-grid-item:not(.type-portfolio) {
	width: 70%;
}
#page-header .ubermenu .w-grid[data-count="1"] .w-grid-item.type-portfolio {
	width: 100%;
}
#page-header .ubermenu > .ubermenu-nav > .ubermenu-item > .ubermenu-target {
	padding: .2em .9em;
    border-radius: 30em;
    display: flex;
    flex-direction: row;
    gap: 0.7em;
    align-items: baseline;
}

@media (max-width: 1140px) {
	#page-header .ubermenu > .ubermenu-nav > .ubermenu-item > .ubermenu-target {
		padding: .2em .5em;
	}
	.header_hor .l-subheader-cell.at_left>* {
		margin-right: 0rem;
	}
	
	#page-header .ubermenu .w-btn.us-btn-style_1 {
		margin-left: .5rem;
	}
}

@media (max-width: 1050px) {
	#page-header .ubermenu > .ubermenu-nav > .ubermenu-item > .ubermenu-target {
		padding: .2em .3em;
	}
}

@media (max-width: 1024px) {
	#page-header .ubermenu .w-btn.us-btn-style_1 {
		margin-left: 0;
	}
	
	.header_hor .l-subheader-cell.at_left>* {
		margin-right: 0rem;
	}
}



#page-header .ubermenu .w-btn.us-btn-style_1:hover {
    background: #003C5B;
    border-color: transparent;
    color: #FFFFFF !important;
}

#page-header .ubermenu .w-btn.us-btn-style_1 a {
	color: white;
	font-weight: 700;
}

#page-header .ubermenu-item-layout-icon_left {
	display: flex;
	flex-wrap: nowrap;
}

#page-header .ubermenu-item-layout-icon_left i {
	font-size: .9em;
	color: var(--color-primary-base);
}

#page-header .view-all-link {
	margin-top: auto;
}


#page-header .view-all-link a {
	font-size: 0.875rem;
	font-weight: 600;
	color: var(--color-info-dark);
	margin-top: 2rem;
}

#page-header .ubermenu-more-spacing li:not(.ubermenu-item-header) {
    margin-bottom: 1rem;
}

#page-header .ubermenu-target-with-icon.ubermenu-item-layout-icon_left {
    align-items: center;
}

#page-header .ubermenu-target-with-icon.ubermenu-item-layout-icon_left i {
    font-weight: 400;
}

@media (min-width: 1000px) {
	#page-header .l-subheader-cell.at_right,
	#page-header .l-subheader-cell.at_right > .w-html,
	#page-header .ubermenu,
	#page-header .ubermenu > .ubermenu-nav,
	#page-header .ubermenu > .ubermenu-nav > .ubermenu-item {
		height: 100%;
	}
	#page-header .ubermenu > .ubermenu-nav,
	#page-header .ubermenu > .ubermenu-nav > .ubermenu-item {
		display: flex;
		flex-direction: row;
		align-items: center;
	}
	#page-header .ubermenu .w-btn.us-btn-style_1 {
		height: fit-content;
	}
	
	/* 45711 */
	.ubermenu .ubermenu-item.ubermenu-item-45711 > .ubermenu-target,.ubermenu .ubermenu-item.ubermenu-item-45711 > .ubermenu-content-block,.ubermenu .ubermenu-item.ubermenu-item-45711.ubermenu-custom-content-padded {
		padding: 2rem 0 0 !important;
	}

	/* 38317 */
	.ubermenu .ubermenu-item.ubermenu-item-38317 > .ubermenu-target,.ubermenu .ubermenu-item.ubermenu-item-38317 > .ubermenu-content-block,.ubermenu .ubermenu-item.ubermenu-item-38317.ubermenu-custom-content-padded {
		padding: 2rem 0 0 !important;
	}

	/* 45686 */
	.ubermenu .ubermenu-item.ubermenu-item-45686 > .ubermenu-target,.ubermenu .ubermenu-item.ubermenu-item-45686 > .ubermenu-content-block,.ubermenu .ubermenu-item.ubermenu-item-45686.ubermenu-custom-content-padded {
		padding: 2rem 0 0 !important;
	}
	
	/* 53611 */
	.ubermenu .ubermenu-item.ubermenu-item-53611 > .ubermenu-target,.ubermenu .ubermenu-item.ubermenu-item-53611 > .ubermenu-content-block,.ubermenu .ubermenu-item.ubermenu-item-53611.ubermenu-custom-content-padded {
		padding: 2rem 0 0 !important;
	}
}


/* List solutions*/
.uber-list-cpt {
	columns: 2;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

@media (max-width: 1000px) {
	.uber-list-cpt {
		margin: -15px 0;
	}	
}

.uber-list-cpt > li:not(:last-child) {
	margin-bottom: 1rem;
}
#uber-list-solutions {
	columns: 1;
}

#uber-list-solutions > li {
	margin: 0 0 1rem;
}
#uber-list-solutions > li > a {
	display: grid;
    grid-template-columns: 2em auto auto;
}

#uber-list-software,
#uber-list-industry {
	column-count: 1;
}
.uber-list-cpt li.has-children {
	position: relative;
}

.uber-list-cpt li.has-children > a::after {
	content: "\f107";
    font-family: "Font Awesome 6 Pro";
    font-size: 0.7em;
    color: var(--color-primary-base);
    font-weight: 900;
    position: relative;
    top: 0em;
    right: 0;
    display: inline-block;
    transition: transform .3s;
}

.uber-list-cpt li.has-children ul {
	opacity: 0;
    font-size: 0 !important;
    line-height: 0;
    height: 0;
	padding-left: 2.5em;
	transition: all .05s;
	margin-top: 0.6em !important;
	list-style: none;
    margin-left: 0;
}
.uber-list-cpt li.has-children ul li {
	margin: 0 0 .2rem;
}

.uber-list-cpt li.has-children ul li a {
    font-size: inherit !important;
    line-height: inherit;
	color: inherit;
}

.uber-list-cpt li.has-children ul i {
	display: none;
}

.uber-list-cpt li.has-children:hover ul  {
	display: block;
	opacity: 1;
    font-size: 1em !important;
    line-height: 1.3;
    height: auto;
	transition: all .3s;
}
.uber-list-cpt li.has-children:hover > a::after {
	transform: rotate(180deg);
}

.uber-list-cpt > li > a {
	display: flex;
    flex-direction: row;
    align-items: baseline;
    gap: .5rem;
    justify-content: flex-start;
	font-size: 1rem;/*font-size: .875rem;*/
	line-height: 1.1;
	color: inherit;
}

.uber-list-cpt > li i {
	font-size: .9em;
    color: var(--color-primary-base);
    width: 2em;
    text-align: center;
}

@media (max-width: 1000px) {
	.uber-list-cpt {
		columns: 1;
	}
	#uber-list-solutions {
		grid-template-columns: 1fr;
	}
	
	.uber-posts-column {
		display: none !important;
	}
}


/* Post item */
#page-header .ubermenu-custom-content .w-grid-list {
	display: flex;
    margin: 0 -1rem;
    flex-wrap: nowrap;
	gap: 1rem;
	min-height: 22.7rem;
}
#page-header .ubermenu-custom-content .uber-post-item {
	position: relative;
    border-radius: .5rem;
    padding: .5rem .5rem 1rem;
    background: var(--color-grayscale-white);
	/* margin-top: 1rem; */
}
#page-header .ubermenu-custom-content .uber-post-item aside {
	position: relative;
	margin-bottom: 1rem;
}
#page-header .ubermenu-custom-content .uber-post-item aside img {
	aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: .5rem;
}
#page-header .ubermenu-custom-content .uber-post-item aside .w-btn {
	position: absolute;
    left: 0.7rem;
    bottom: -0.7rem;
}

#page-header .ubermenu-custom-content .uber-post-item main {
	padding: .7rem;
}
#page-header .ubermenu-custom-content .uber-post-item main h3 {
	font-size: 1.125rem;
}




/* Mobile navigation
   ========================================================================== */
/* Nav default */

/* Nav open */
html.w-nav-open body {
	overflow: hidden;	
}

/* ==========================================================================
   FOOTER
   ========================================================================== */

/* .l-footer {
	overflow: visible;
	position: relative;
	z-index: 2;
} */
#page-footer section.has_text_color a {
    color: inherit;
}

#page-footer li.menu-item-has-children > a {
    color: var(--color-primary-base);
}
#page-footer nav.has_text_color a {
    color: var(--color-grayscale-white);
}

#page-footer nav:not(.has_text_color)  a {
    color: var(--color-primary-dark);
}

#page-footer nav.has_text_color a {
    color: var(--color-grayscale-white);
}

#page-footer .w-socials-list {
	justify-content: flex-end;
}

#page-footer .w-socials-list .w-socials-item-link {
	width: unset;
}

#page-footer .w-socials-list i::before {
	background: var(--color-grayscale-white);
	color: var(--color-primary-dark);
	width: 1.7em;
    height: 1.7em;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
}

#page-footer .w-socials-list i:hover::before {
	background: transparent;
	color: inherit;
}

#page-footer::before {
	content: '';
	display: block;
	height: 6rem;
	width: 100%;
	background: #E6F4FB;
}

@media (max-width: 900px) {
	#page-footer > *:nth-child(2) .g-cols {
		display: grid;
        gap: 4rem;
	}
	
	#page-footer > *:nth-child(2) .g-cols > .wpb_column {
		width: auto;
	}
	
	#page-footer > *:nth-child(2) .g-cols > *:last-child {
    	margin-left: 32%;
	}
}

@media (max-width: 768px) {
	#page-footer::before {
		display: none;
	}
	
	#page-footer > *:nth-child(2) .g-cols {
        gap: 1rem;
		padding-bottom: 5rem;
	}
	
	#page-footer > *:nth-child(2) .g-cols > *:last-child {
    	margin-left: 0;
	}
	
	#page-footer .w-socials-list {
		justify-content: center;
	}
}

[data-wpr-lazyrender] {
  content-visibility: initial !important;
}
@media (hover: none) {
  
}

/* ==========================================================================
   SHORTCODES
   ========================================================================== */

/* {shortcode_name}
   ========================================================================== */



/* ==========================================================================
    PAGE TEMPLATES:  ARCHIVES
   ========================================================================== */

/* Grids
   ========================================================================== */

.grid-image-gallery .w-grid-list {
	justify-content: center;
}

@media (max-width: 768px) {
    .grid-image-gallery .w-grid-list .w-grid-item {
        padding: 0 2rem;
    }
}
/* Filters
   ========================================================================== */

.post-filters {
	position: relative;
	
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 2rem;
    justify-content: space-between;
    align-items: flex-start;
}
.post-filters-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: .5rem;
}
.post-filters-wrap > *:nth-child(1) {
	flex: 2;
}
.post-filters-wrap > *:nth-child(2) {
	/* flex: 1; */
	height: fit-content;
}

.vc_col-sm-7 .post-filters-wrap {
	flex: 1;
	justify-content: space-between;
}

.vc_col-sm-7 .post-filters-wrap > *:nth-child(2) {
	flex: none;
}

.vc_col-sm-7 .postperpage-wrap {
	position: absolute;
    top: -3rem;
    right: 0;
}
.postperpage-wrap {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    gap: 1rem;
	flex: 1;
}

.postperpage-wrap label {
	white-space: nowrap;
}

.postperpage-wrap select {
	width: 4rem;
}

.filter-checkbox-dropdown select {
	width: 13rem;
	color: var(--color-grayscale-dark);
}
.filter-checkbox-buttons .filter-checkbox-wrap {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 1rem;
}

.filter-checkbox-buttons .filter-checkbox-wrap .filter-checkbox {
	background: var(--color-grayscale-white);
    color: var(--color-primary-dark);
    border-radius: 9.38rem;
    border: none !important;
    padding: 0;
    font-size: 0.875rem !important;
    line-height: 1 !important;
    font-weight: 700;
	
	transition: background .3s, color.3s;
}
.filter-checkbox-buttons .filter-checkbox-wrap .filter-checkbox.selected {
	background: var(--color-primary-dark);
    color: var(--color-grayscale-white);
}

.filter-checkbox-buttons .filter-checkbox-wrap .filter-checkbox label {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	gap: .5rem;
	align-items: center;
	padding: 0.75rem 1.1rem;
}

.filter-checkbox-buttons .filter-checkbox-wrap .filter-checkbox input[type=checkbox]{
	margin: 0;
	box-shadow: none;
	border: none;
	border-radius: .125rem;
	background: var(--color-grayscale-lightest) !important;
	color: var(--color-primary-base) !important;
	transition: background .3s, color.3s;
}
.filter-checkbox-buttons .filter-checkbox-wrap .filter-checkbox input[type=checkbox]:checked::before {
    font-weight: 300;
    line-height: 1.45;
    font-size: 1.1em;
}

.filter-checkbox-buttons .filter-checkbox-wrap .filter-checkbox.selected input[type=checkbox],
.filter-checkbox-buttons .filter-checkbox-wrap .filter-checkbox.selected input[type=checkbox]:focus {
	background: var(--color-primary-base) !important;
	color: var(--color-grayscale-white) !important;
}
.filter-checkbox-dropdown .filter-checkbox-wrap {
	display: flex;
	flex-direction: column;
}


.post-filters + .form-footer {
	text-align: right;
    margin-top: 1rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 1rem;
    margin: 1rem 0;
}

@media (max-width: 1024px) {
	.post-filters {
		flex-direction: column-reverse;
		align-items: flex-end;
	}
	.post-filters-wrap {
		flex-direction: column-reverse;
    	gap: 2rem;
	}
	
	.filter-checkbox-dropdown select {
		width: 100%;
	}
}

/* Sorting
   ========================================================================== */

/* Archive Blog
   ========================================================================== */

@media (max-width: 768px) {
	.post-type-archive--blog .w-grid-list,
	.post-type-archive--portfolio .w-grid-list,
	.post-type-archive--career .w-grid-list,
	.single-post .w-grid .w-grid-list{
		gap: 1rem 0;
	}
}

.post-type-archive--blog .usg_post_image_1 {
	transition-duration:0.3s;
	transform-origin:50% 50%;
	transform:scale(1) translate(0%,0%)
}
.post-type-archive--blog .w-grid-item-h:hover .usg_post_image_1 {
	transform:scale(1.05) translate(0%,0%);
	opacity:1;
}
.post-type-archive--blog .usg_post_title_1{
	transition-duration:0.3s;
	transform-origin:50% 50%;
	transform:scale(1) translate(0%,0%);
}
.post-type-archive--blog .w-grid-item-h:hover .usg_post_title_1{
	transform:scale(1) translate(0%,0%);
	opacity:1;
	color:var(--color-primary-base)!important;
}
.post-type-archive--blog .usg_btn_1 {
	transition-duration:0.3s;
	transform-origin:50% 50%;
	transform:scale(1) translate(0%,0%);
}
.post-type-archive--blog .w-grid-item-h:hover .usg_btn_1{
	transform:scale(1) translate(0%,0%);
	opacity:1;color:var(--color-primary-base)!important
}
.post-type-archive--blog .usg_vwrapper_1{
	border-radius:0.5rem!important;
	overflow:hidden!important;
	background:var(--color-grayscale-white)!important;
	padding:.5rem .5rem 1.5rem .5rem!important;
	height: 100%;
}
.post-type-archive--blog .usg_post_image_1{
	border-radius:0.25rem!important
}
.post-type-archive--blog .usg_vwrapper_2{
	padding-left:.5rem!important;
	padding-right:.5rem!important;
	overflow:hidden!important
}
.post-type-archive--blog .usg_post_title_1{
	color:var(--color-primary-dark)!important;
	font-size:1.125rem!important;
	line-height:1.5!important;
	font-family:var(--h1-font-family)!important;
	font-weight:700!important;
}
.post-type-archive--blog .usg_post_taxonomy_1{
	font-size:.875rem!important;
	position:absolute!important;
	left:.5rem!important;
	bottom:.5rem!important
}
.post-type-archive--blog .usg_btn_1{
	margin-top:auto!important
}
.post-type-archive--blog .usg_post_date_1{
	color:var(--color-grayscale-darkest)!important;
	font-size:0.875rem!important;
	line-height:1.2!important;
	font-weight:400!important;
}
.post-type-archive--blog .usg_post_content_1{
	color:var(--color-grayscale-darkest)!important;
	font-size:0.875rem!important;
	line-height:1.57!important;
}
.post-type-archive--blog .usg_hwrapper_1{
	position:relative!important;
	overflow:hidden!important
}

@media (max-width:768px){
	.post-type-archive--blog .w-grid-list{
		margin:0
	}
	.post-type-archive--blog .w-grid-list .w-grid-item{
		width:100%;
		padding:0;
		margin-bottom:var(--gap,0px)
	}
}
	
/* Archive {post_type_name}
   ========================================================================== */

/* Archive search
   ========================================================================== */




/* Pagination
   ========================================================================== */
.pagination .nav-links {
	
}
.pagination .nav-links .page-numbers {
    font-size: 1rem;
    line-height: 2rem;
    height: 2rem;
    width: 2rem;
}

.pagination>:not(.custom) .page-numbers.prev:after, 
.pagination>:not(.custom) .page-numbers.next:after {
	font-size: 1rem;
}
.pagination>:not(.custom) .page-numbers.prev, 
.pagination>:not(.custom) .page-numbers.next {
    transition: transform .3s;
}

.pagination>:not(.custom) .page-numbers.prev:hover {
	background: transparent !important;
    transform: translatex(-0.2rem);
} 
.pagination>:not(.custom) .page-numbers.next:hover {
	background: transparent !important;
    transform: translatex(0.2rem);
}

.pagination .nav-links .page-numbers.current,
.pagination .nav-links .page-numbers:not(.next):not(.prev):hover {
    background: var(--color-content-primary-grad) !important;
    color: #fff !important;
}
.pagination .next,
.pagination .prev {
    
}



/* ==========================================================================
   PAGE TEMPLATES: DETAIL
   ========================================================================== */

.post_content section.l-section {
	/* padding: 0; */
}

.single-post .post_content > * {
	padding-left: 0;
	padding-right: 0;
}

/* Detail Solutions
   ========================================================================== */
/* .single-solution section:nth-last-child(2) {
	margin-bottom: -6.5rem !important;
    padding-bottom: 0 !important;
}*/

@media (max-width: 1024px) {
	.single-solution section:nth-last-child(2) {
		margin-bottom: 0 !important;
		padding-bottom: 2.5rem !important;
		padding-top: 5rem; !important
	}
}

/* Detail Software
   ========================================================================== */


@media (max-width: 1024px) {
	.single-software section:first-child {
		overflow: hidden;
    	padding-bottom: 4rem;
	}
	
	.single-software section:first-child .w-image.box-shadow.has_bg_color {
		right: .5rem !important;
	}
}


/* Detail Careers
   ========================================================================== */
.career-template-default .w-text-h,
.portfolio-template-default .w-text-h {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}
.career-template-default .w-text.icon_atleft i,
.portfolio-template-default .w-text.icon_atleft i {
	background: var(--color-secondary-base);
    border-radius: 50%;
    font-size: 0.5em;
    width: 1.6em;
    height: 1.6em;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* ==========================================================================
   PAGE SPECIFIC STYLES
   ========================================================================== */

/* PAGE {page_name}
   ========================================================================== */


/* ==========================================================================
   WORDPRESS PAGES
   ========================================================================== */

/* PAGE {page_name}
   ========================================================================== */

/* ==========================================================================
   ANIMATIONS
   ========================================================================== */

/* Animation classes
   ========================================================================== */
.fade-down,
.fade-down-fast {
	opacity: 0;
	animation-duration: 1.5s;
    animation-name: fade-down;
	animation-delay: .25s;
	animation-direction: normal;
	animation-fill-mode: forwards;
	animation-timing-function: cubic-bezier(.215,.61,.355,1);
}

.fade-down-fast {
	animation-duration: 1s;
	animation-delay: 0;
}


/* Animation types
   ========================================================================== */
@keyframes fade-down {
	from {
		opacity: 0;
		transform: translate3d(0, -40px, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}