:root {
	--menu-item-bg-color:#1371d9;
	--menu-item-bg-hover-color:#000000;
	--menu-item-text-color:#ffffff;
	--menu-item-text-hover-color:#ffffff;
   	--menu-item-text-active-color:#ffffff;
	--menu-border-bottom-color:rgba(232, 232, 232, 0.6);
	--menu-dropdown-bg-color:#acacac;
	--btn-bg-color: #1371d9;
	--btn-text-color: #ffffff;
	--btn-bg-hover-color:#000000;
	--btn-text-hover-color: #ffffff;
}

/* body {text-transform: none} */
H3 {margin-bottom: 15px;text-transform: uppercase;}


#coming-soon-countdown {display:none}
html.coming-soon body {background-color: #ffffff;}

/* Logo */
#sp-header.header-sticky .logo-image {height: 60px;margin-top: 10px;}
#sp-header.header-sticky .logo {display: inline-flex !important; }
#sp-header .logo {align-items: flex-start;}
/* logo in de body plaatsen */ 
.ca-logo {position: absolute;top: 150px;z-index: 2;}
.center {margin: auto;width: 18%;}

/* aanpassing login en burger menu */
a.sp-sign-in {color: #fff;}
.burger-icon>span {background-color: #000 !important;}

#sp-menu>.sp-column {height: 60px;} 
.logo-image-phone {height: 50px !important;}

.breadcrumb {
    background-color: #fff;
	padding: 0rem 0rem;
	margin-bottom: 0rem;
}

/* footer */
#sp-footer .container-inner {padding: 5px 0 !important;}
#sp-footer2 {padding:10px 5px ;}
/* #sp-footer2 h3.sppb-addon-title{color:#fff;} */ 

/* aanpassing menu */
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {text-transform: uppercase;}
.sp-megamenu-parent > li.active > a {background-color: var(--menu-item-bg-color);color: var(--menu-item-text-active-color);
}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {color:var(--menu-item-text-color);}
.sp-megamenu-parent > li.active:hover > a {color:var(--menu-item-text-hover-color);}
.sp-megamenu-parent > li > a {text-transform: uppercase;padding: 0 8px;color:var(--menu-item-text-color);}
.sp-megamenu-parent > li.active > a {background-color:var(--menu-item-bg-color);color: var(--menu-item-text-active-color);}
.sp-megamenu-parent > li:hover > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover {background-color:var(--menu-item-bg-hover-color);
    color:var(--menu-item-text-hover-color);}
.sp-megamenu-parent>li:last-child>a {padding: 0px 8px;}

/* dropdown menu */
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover > a {color:var(--menu-item-text-hover-color);}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {color:var(--menu-item-text-active-color);}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active {background-color:var(--menu-item-bg-color);color: var(--menu-item-text-active-color);}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active:hover {background-color:var(--menu-item-bg-hover-color);color: var(--menu-item-text-active-color);}

/* .sp-megamenu-parent .sp-dropdown li.sp-menu-item:active {background-color:var(--menu-item-bg-hover-color);color: var(--menu-item-text-active-color);} */
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {margin-left: 10px;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item {text-transform: uppercase;color:var(--menu-item-text-color);line-height: 22px;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item {border-bottom: 1px solid var(--menu-border-bottom-color);padding: 5px 0px;}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {box-shadow: 0 3px 5px 0 #acacac;padding: 5px; background: var(--menu-dropdown-bg-color);}



/* aanpassing button */
.btn, .btn-success,.btn-primary,.sppb-btn-primary,.sppb-btn-custom,.btn-secondary,.sppb-btn-default,.btn-outline-secondary, .sppb-btn, sppb-btn-rounded, .sppb-btn-secondary.sppb-btn-outline, .sppb-sp-slider-button .sp-slider-btn-text {
    border-color: var(--btn-bg-color);
	background-color: var(--btn-bg-color);
	color: var(--btn-text-color);
}

.btn:focus, .btn-success:focus,.btn-primary:focus, .sppb-btn-primary:focus, .sppb-btn-custom:focus,.btn-secondary:focus, .sppb-btn-default:focus,.btn-outline-secondary:focus, .sppb-btn:focus, sppb-btn-rounded:focus,.sppb-sp-slider-button .sp-slider-btn-text:focus {
    border-color: var(--btn-bg-color);
	background-color: var(--btn-bg-color);
	color: var(--btn-text-color);
}

.btn:visited, .btn-success:visited,.btn-primary:visited, .sppb-btn-primary:visited, .sppb-btn-custom:visited,.btn-secondary:visited, .sppb-btn-default:visited, .btn-outline-secondary:visited, .sppb-btn:visited, sppb-btn-rounded:visited, .sppb-sp-slider-button .sp-slider-btn-text:visited {
    border-color: var(--btn-bg-color);
	background-color: var(--btn-bg-color);
	color: var(--btn-text-color);
}

.btn:hover, .btn-success:hover, .btn-primary:hover, .sppb-btn-primary:hover, .sppb-btn-rounded:hover, .sppb-btn-custom:hover, .btn-secondary:hover, .sppb-btn-default:hover, .btn-outline-secondary:hover, .sppb-btn:hover, sppb-btn-rounded:hover, .sppb-btn-secondary.sppb-btn-outline:hover, .sppb-sp-slider-button .sp-slider-btn-text:hover {
	border-color: var(--btn-bg-hover-color) !important;	
	background-color: var(--btn-bg-hover-color)!important;	
	color: var(--btn-text-hover-color)!important;	
}

.sppb-btn-custom, .btn-outline-secondary, .sppb-btn, sppb-btn-rounded {
    text-transform: uppercase;
	border-radius: 0px;
}
/* einde aanpassing button */

/* diensten hover */
.sppb-image-layouts-inline, .sppb-image-layouts-inline-img:hover {
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
}

/* Aanpassingen kleur radio en check labels */
.form-builder-checkbox-item label::before, .form-builder-radio-item label::before, .sppb-addon-form-builder .sppb-form-check-label::before {
    border: 2px solid var(--btn-bg-color);
}
.form-builder-checkbox-item input:checked+label::before, .form-builder-radio-item input:checked+label::before, .sppb-addon-form-builder .sppb-form-check-input:checked+label::before {
    background: var(--btn-bg-color);
}

/* aanpassing event */

.regpro-calendarMonthHeader {background-color: #b6b6b6 !important;}
.eb-topmenu-calendar ul li a:hover, .eb-topmenu-calendar ul li a.active {
    color: var(--btn-text-color) !important;
	background: var(--btn-bg-color) !important;
}
.eb-calendar ul.eb-weekdays {background: #999999 !important;}
.regpro-calendarDay .eb_event_link {background: #999999 !important;}
#extcalendar .currentmonth, #extcalendar .currentday, #extcalendar .currentweek, #extcalendar .previousday, #extcalendar .previousweek, #extcalendar .nextday, #extcalendar .nextweek {background-color: #b6b6b6 !important;}
.regpro-calendarDay .eb_event_link {font-weight: 400 !important;}
.sppb-addon-module .eshop-product {text-align: -webkit-center !important;}

/* aanpassing formulier */
@media (min-width: 768px)
.col-md-9 {width: 95%;}
.col-md-3  {width: 95%;}

/* aanpassingen CF-formulier */
.cf-btn {background-color: var(--btn-bg-color) !important;color: var(--btn-text-color)!important;}
.cf-btn:hover {background-color: var(--btn-bg-hover-color) !important;color: var(--btn-text-hover-color)!important;}
.convertforms .cf-response { color: #000 !important; text-align: left !important;}
.convertforms.cf-success .cf-response {background-color: #ffffff !important;}