/* FONTS */
@font-face {
  font-family: 'FordAntenna-Light';
  src: url('/media/com_sppagebuilder/assets/custom-fonts/FordAntenna-Light/FordAntenna-Light.woff2') format('woff2'), url('/media/com_sppagebuilder/assets/custom-fonts/FordAntenna-Light/FordAntenna-Light.woff') format('woff'), url('/media/com_sppagebuilder/assets/custom-fonts/FordAntenna-Light/FordAntenna-Light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'FordAntenna-Regular';
  src: url('/media/com_sppagebuilder/assets/custom-fonts/FordAntenna-Regular/FordAntenna-Regular.woff2') format('woff2'), url('/media/com_sppagebuilder/assets/custom-fonts/FordAntenna-Regular/FordAntenna-Regular.woff') format('woff'), url('/media/com_sppagebuilder/assets/custom-fonts/FordAntenna-Regular/FordAntenna-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'FordAntenna-Semibold';
  src: url('/media/com_sppagebuilder/assets/custom-fonts/FordAntenna-Semibold/FordAntenna-Semibold.woff2') format('woff2'), url('/media/com_sppagebuilder/assets/custom-fonts/FordAntenna-Semibold/FordAntenna-Semibold.woff') format('woff'), url('/media/com_sppagebuilder/assets/custom-fonts/FordAntenna-Semibold/FordAntenna-Semibold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* COLOR SETTINGS */
/* USE var(--sppb-<color name>); */
/*
sppb-donker-blauw: #04132c;
sppb-ford-blauw: #020957;
sppb-helder-blauw: #1401ea;
sppb-lichtblauw: #306de7;
sppb-accent-groen: #99c555;
sppb-accent-groen-hover: #769b3d;
sppb-licht-grijs: #efefef;
sppb-grijs: #838383;
sppb-donkergrijs: #333333;
sppb-wit: #FFFFFF;
*/
*, html, body {
  font-family: 'FordAntenna-Regular', Helvetica, Sans-serif;
}

.body-wrapper {background-color: #ebf6fb;border-radius:15px;}

#sp-header {
  background: var(--sppb-donker-blauw);
height:60px;	
}
#sp-header.header-sticky {
  animation:none;
}

/* OCASSIONS */
.djc_ef_opties div.djc_label {
  display: none;
}
.djc_ef_opties div.djc_value {
  column-count: 3;
  column-width: 40%;
}
/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}
/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}
/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}
/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}
/* Style the tab content */
.djc_attribute_group {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}
/* SEARCH */
div.awesomplete {width:100%;}
div.awesomplete input {
  border:2px solid var(--sppb-lichtblauw);
}


/* MAIN MENU - HORZ */
.sp-megamenu-wrapper {
  width: 100%;
  text-align: center;
  border: 0px solid red;
}
.sp-megamenu-wrapper ul.sp-megamenu-parent {
  margin: 0px auto;
  line-height: 1.4;
  padding-left: 0;
}
.sp-megamenu-parent > li > a, 
.sp-megamenu-parent > li > span, 
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {  
  font-family: 'FordAntenna-Semibold' !important;
}

.sp-megamenu-wrapper ul.sp-megamenu-parent li.sp-menu-item {
  display: inline;
  text-align: center;
}
.sp-megamenu-wrapper ul.sp-megamenu-parent li.sp-menu-item ul li {
  text-align: left;
  display: block;
}
body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-right {
  margin-top: 22px;
}
.sp-megamenu {
  border-top: 0px solid #DDD;
  border-bottom: 0px solid #DDD;
}
.sp-megamenu-parent {
  float: none;
  margin: 0px;
}
.sp-megamenu-parent.menu-animation-fade-up .sp-has-child:hover > .sp-dropdown {
  animation: none;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
  font-size: 15px;
  font-weight: 600;
  color: var(--sppb-wit);
}
.sp-megamenu-parent > li > a:hover, .sp-megamenu-parent > li > span.sp-menu-heading:hover {
  cursor:pointer;
  color: var(--sppb-grijs);
}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
  color: var(--sppb-lichtblauw);
  background-position: 0px 25px;
  background-repeat:no-repeat;
  border-bottom: 0px solid #FF5900;
}
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
  line-height:59px;
  padding-top:0px;
}
/* SUBMENU */
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  padding: 0px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
  padding: 5px 15px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  font-family: 'FordAntenna-regular' !important;
  font-size: 14px;
  color: #0b3445;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover {
  background: #F1F1F1;
}
/* SUB SUBMENU */
body.ltr ul.sp-megamenu-parent li:nth-child(n + 5) .sp-dropdown.sp-dropdown-sub {left:-100%;}

/* MAIN MENU - OC */
.offcanvas-menu div.d-flex {display:none !important;}
.offcanvas-overlay {
  background: rgba(0, 0, 0, 0.0);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
}
.offcanvas-menu .offcanvas-inner {
  padding-top:0px;
  margin-top: 0px;
}
.offcanvas-menu {
  background-color: rgba(255, 255, 255, 0.95);
  width: 100%;
  height: 100%;
  transition: all 0.6s;
}
body.ltr.offcanvs-position-right .offcanvas-menu {
  left: -100%;
  top: 0;
  right: 0;
}
body.ltr.offcanvs-position-right.offcanvas-active .offcanvas-menu {
  left: 0;
  top: 0;
}
.close-offcanvas {display:none;position:relative;top:0px;left:0px;right:0px;}

.offcanvas-menu .sp-module .OffcanvasServiceIcons a.sppb-btn {display:block;}

.offcanvas-menu .burger-icon {
  margin: 0px 0px 0px 20px;
}
.offcanvas-menu .offcanvas-inner ul.menu>li {border-bottom:1px solid var(--sppb-licht-grijs);}
.offcanvas-menu .offcanvas-inner ul.menu > li > a, .offcanvas-menu .offcanvas-inner ul.menu > li > span {
  font-size: 28px;
  padding: 25px 0px;
  font-family: 'FordAntenna-Light';
}
.offcanvas-menu .offcanvas-inner ul.menu > li > ul > li > a, .offcanvas-menu .offcanvas-inner ul.menu > li > ul > li > span {
  font-size: 18px;
  line-height: 50px;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > ul > li > ul > li > a, .offcanvas-menu .offcanvas-inner ul.menu > li > ul > li > ul > li > span {
  font-size: 16px;
  line-height: 40px;
}
.offcanvas-menu .offcanvas-inner ul.menu ul {
  padding: 0px 20px;
}
.offcanvas-menu .menu-toggler::after {
  content: "\f0da";
  color: var(--sppb-lichblauw);
  font-size:18px;
}
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent.menu-parent-open > a > .menu-toggler:after {
  content: "\f0d7";
  color: var(--sppb-lichblauw);
  font-size:18px;
}
.offcanvas-menu li.menu-parent.menu-parent-open>a>.menu-toggler::after, .offcanvas-menu li.menu-parent.menu-parent-open>.menu-separator>.menu-toggler::after, .offcanvas-menu li.menu-parent.menu-parent-open>.nav-header>.menu-toggler::after, .offcanvas-menu li.menu-parent[aria-expanded=true]>a>.menu-toggler::after, .offcanvas-menu li.menu-parent[aria-expanded=true]>.menu-separator>.menu-toggler::after, .offcanvas-menu li.menu-parent[aria-expanded=true]>.nav-header>.menu-toggler::after {
  content: "\f0d7";
  color: var(--sppb-lichblauw);
  font-size:18px;
}
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent.menu-parent-open > .nav-header > .menu-toggler:after {
  content: "\f0d7";
  color: var(--sppb-lichblauw);
  font-size:18px;
}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler, .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler {
  color: var(--sppb-lichblauw);
}
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent .menu-toggler {
  cursor: pointer;
  color: var(--sppb-ford-blauw);
}
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent .menu-toggler:hover {
  color: var(--sppb-lichtblauw);
}
span.mod-menu__heading::after {
  visibility: hidden;
}

/* FOOTER */
.sppb-panel-heading span.sppb-panel-title:after {
  content: "\f0d7";
  font-family: "Font Awesome 6 Free";
  color:#000;
  position:absolute;
  right:20px;
  bottom:5px;
  font-size:26px;
  transition: transform 0.3s ease-in-out;
}

.sppb-panel-heading.active span.sppb-panel-title:after {
  transform: rotate(180deg);
}

/* OC GENERAL */
.btnProefrit a,.btnTaxatie a {
	width: 100%;
    display: block;
    border-radius: 4px;	
	padding:15px;
}
.btnProefrit a {
	background-color: var(--sppb-lichtblauw);
	color:#FFFFFF;
}
.btnTaxatie a {
	background-color: var(--sppb-wit);
	color:var(--sppb-ford-blauw);
	border:1px solid var(--sppb-grijs);
}
.btnProefrit a:hover {
	background-color: var(--sppb-ford-blauw);
}
.btnTaxatie a:hover {
	background-color: var(--sppb-licht-grijs);
	border:1px solid var(--sppb-donkergrijs);
}
.bckButton {
	border:none;
	background:none;
	font-family: 'FordAntenna-Light';
	font-size: 14px;
	color:var(--sppb-ford-blauw);
	margin-top:30px;
}

/* OC FILTERS */
.sppb-addon-dynamic-content-filter-wrapper  span.sppb-toggle-direction {display:none;}
.sppb-addon-dynamic-content-filter-item-slider-option,
.sppb-addon-dynamic-content-filter-item-slider-container {width:100% !important;}

/* OC SEARCH */
.offcanvas-menu .offcanvas-inner .sp-module .awesomplete {width:100%;}
.offcanvas-menu .offcanvas-inner .sp-module .awesomplete input {padding:15px 5px;}

@media only screen and (min-width: 1200px) {
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
  font-size: 17px;
}
}
@media only screen and (max-width: 992px) {
.offcanvas-menu .offcanvas-inner .sp-module:not(:last-child) {margin-right:0px;}
section.mobileIcons .sppb-row-container {max-width:100% !important;}
}
@media only screen and (min-width: 600px) and (max-width: 992px) {
.offcanvas-menu ul.mod-menu li:nth-child(4) ul.mod-menu__sub {column-count: 2;}
}

/**
 * Fixes the track, handle sliding with transform: translatex via JS
 * TODO: 
 * - Add track scroll buttons
 * - Add pointer above currently selected item
 * - Check / Fix track infinite loop via transform overflow
 * ISSUE: images not initially displayed don't render when entering the viewport
 **/
.mgx-gallery-slider-wrapper {
	position: relative;
	overflow: hidden;
}
.mgx-gallery-slider-wrapper::before, .mgx-gallery-slider-wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: .6rem;
    width: 44px;
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    transition: opacity .2s ease;
}
.mgx-gallery-slider-wrapper::before {
    left: 0;
    background: linear-gradient(to right, var(--sppb-wit), transparent);
}
.mgx-gallery-slider-wrapper::after {
    right: 0;
    background: linear-gradient(to left, var(--sppb-wit), transparent);
}
.mgx-gallery-slider-wrapper.prev::before, .slider-wrapper.next::after {
    opacity: 1;
}

.mgx-gallery-slider {
    overflow: hidden;
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    transition: transform .4s ease;
	gap: .5rem;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    padding-bottom: .6rem;
}

.mgx-gallery-button {
	position: absolute; 
    /*top: 42%; 
    transform: translateY(-50%); */
    z-index: 2;
    width: 2rem;
	height: 80px;
	margin: 15px 0;
    border-radius: 10%;
    display: none; 
    align-items: center; 
    justify-content: center;
    background: var(--sppb-wit); 
    color: var(--sppb-grijs);
    border: 1px solid var(--sppb-grijs); 
    font-size: 1.25rem; 
    line-height: 1; 
    cursor: pointer;
    transition: border-color .5s ease, color .5s ease;	
}
.mgx-gallery-button:hover { 
    border-color: var(--sppb-lichtblauw); 
    color: var(--sppb-lichtblauw); 
}
.mgx-gallery-button.prev { 
    left: -10px; 
} 
.mgx-gallery-button.next { 
    right: -10px; 
}
.mgx-gallery-button.show { 
    display: flex; 
}

/*6 items shown in slider at all times*/
.mgx-gallery-slider a {
    flex: 0 0 16.67%;
	width: 100%;
	margin: 0!important;
	scroll-snap-align: start;
}

.mgx-gallery-slider img {
    width: 100%!important;
    height: 110px!important;
	padding: 0!important;
    object-fit: cover;
    display: block;
}