/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@800&display=swap');

/* kleuren */
:root {
	--maincolor:	#CB7351;
	--mainlight: 	#FBCDAE;
	--subcolor:		#1a498a;
	--maintxt: 		#000000;
	--jouwgoud:		#FFD700;/*#facc7f;*/
}

.ffaccent {
	color: var(--maincolor)!important; font-weight: 700!important; font-style: italic;
}


/* Menu items color */
.sp-megamenu-parent > li > a,
.sp-dropdown-items > li > a {color: var(--maincolor)!important; font-weight: 700!important; text-transform: uppercase;}

/* Active color of menu item */
.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li.active:hover > a,
.sp-dropdown-items > li.active > a,
.sp-dropdown-items > li.active:hover > a { color: var(--maincolor)!important; font-weight: 700!important; text-transform: uppercase;}

/*  Color of hover menu item */
.sp-megamenu-parent > li > a:hover,
.sp-megamenu-parent > li:hover > a,
.sp-dropdown-items > li > a:hover,
.sp-dropdown-items > li:hover > a { color: var(--subcolor)!important; font-weight: 700!important; text-transform: uppercase;}

.aanbodsubmenu .sp-dropdown-inner 	{ width: 500px; }
.oversubmenu .sp-dropdown-inner	{ width: 240px; }

li.sp-menu-item.aanbodaccent > a > span.far { color: #1a498a ; }



.offcanvas-menu ul.menu-child li {
	margin-bottom: 20px;
	padding: 10px;
	background: var(--mainlight);
}

#sp-top-bar {
	background-color: var(--subcolor);
	color: var(--mainlight);
}
#sp-top-bar a {
	color: var(--mainlight);
}

#sp-top-bar .sp-module {
    margin: 0 0 0 0;
}


.sp-page-title {
  background: var(--subcolor);
}
.sp-page-title .sp-page-title-heading {
  color: #fff;
}

#sppb-addon-617af48f-6ff6-4ce9-a039-17bfd047331f {
  box-shadow:none!important;
}

 

/* ---------------------------------------- TEASER CONTAINE HOMEPAGE 2025 ------ */ 
.teaser-container .sppb-nested-row > div { align-self: stretch; }

.teaser-container .addon-root-image-layouts,
.teaser-container .addon-root-image-layouts > div,
.teaser-container .addon-root-image-layouts .sppb-addon-image-layouts,
.teaser-container .addon-root-image-layouts .sppb-addon-content,
.teaser-container .addon-root-image-layouts .sppb-addon-image-layout-wrap,
.teaser-container .addon-root-image-layouts .sppb-addon-image-layout-content {
    height: 100%;
}

.teaser-container .addon-root-image-layouts .sppb-addon-image-layout-content,
.teaser-container .addon-root-image-layouts .sppb-addon-image-layout-wrap {
    align-items: flex-start;
    flex-direction: column;
}

.teaser-container .addon-root-image-layouts .sppb-addon-image-layout-wrap {
    flex-wrap: nowrap;
}

.teaser-container .addon-root-image-layouts .sppb-addon-image-layout-content {
    display: flex;
    justify-content: space-between;
}



/* ---------------------------------------- VINK OPSOMMING ------ */ 
ul.vinkopsomming			{ list-style: none; }
ul.vinkopsomming li 		{ position: relative; }
ul.vinkopsomming li:before	{
    content: "\f00c";
    font-family: "FontAwesome";
    position: absolute;
    left: -1.5em;
    top: 0;
    color: #933117;
}

/* ---------------------------------------- VINK CUSTOM MARKERS (met eigen icoontjes in Word toegevoegd) ------ */ 
ul.specialcustommarkers		{ list-style: none; }
ul.specialcustommarkers	li	{ margin-left: -20px; }




/* ---------------------------------------- MODULE TOELICHTING GEBRUIKERSACCOUNT ------ */ 
ul.toelichting {
	list-style: disc!important;
}
ul.toelichting > li {
	display: inline flow-root list-item!important;
	border-bottom: none!important;
	margin-left: 15px;
}

#userForm h2 {
  font-family: Merienda;
  font-size: 28px;
  line-height: 36px;
  color: #1a498a;
}



/* ---------------------------------------- EVENTS BOOKING ------ */ 
.eventkop { color: var(--maincolor)!important; font-weight: 700!important; font-style: italic; }
.jouwgoudkop { color: var(--jouwgoud)!important; font-weight: 700!important; font-style: italic; font-size: 2.4rem; }
.jouwgoud { color: var(--jouwgoud); font-weight: 700; font-size: 18px; }

.eb-event-item-grid-default-layout .eb-event-main-category {
	background-color: var(--subcolor);
}

#eb-event-page .eb-description, #eb-events .eb-description {
	background: #fffef8;
	padding: 30px;
}


/* ---------------------------------------- MOBIEL MENU ------ */ 
@media only screen and (max-width: 800px) {
        .logo-image {
          height: 74px!important;
        }

}

@media only screen and (max-width: 640px) {
        .logo-image {
          height: 54px!important;
        }

}