/* Copyright www.digiplek.nl */
/*
						STANDAARD							LICHTER	(10% meer helderder)		DONKERDER (10% minder helderder)	ALTERNATIEF
	ROOD_LOGO:			#E52713 / rgba(229,39,19,1.0)		#ff2c14 / rgba(255,44,20,1.0)		#cc2310 / rgba(204,35,16,1.0)
	GROEN:				#376066 / rgba(55,96,102,1.0)		#457880 / rgba(69,120,128,1.0)		#29484d / rgba(41,72,77,1.0)		#DAE2E3 / rgba(69,120,128,0.15) / rgba(218,226,227,1.0)
	LICHTGRIJS_LOGO:	#DADADA / rgba(218,218,218,1.0)		#f2f2f2 / rgba(242,242,242,1.0)		#bfbfbf / rgba(191,191,191,1.0)
	DONKERGRIJS_LOGO:	#B2B2B2 / rgba(178,178,178,1.0)		#cccccc / rgba(204,204,204,1.0)		#999999 / rgba(153,153,153,1.0)
	WIT_STANDAARD:		#f5f5f5 / rgba(245,245,245,1.0)		#ffffff / rgba(255,255,255,1.0)		#dbdbdb / rgba(219,219,219,1.0)
	GRIJS_STANDAARD:	#cccccc / rgba(204,204,204,1.0)		#e3e3e3 / rgba(227,227,227,1.0)		#444444 / rgba(68,68,68,1.0)
	ZWART_STANDAARD:	#1e1e1e / rgba(30,30,30,1.0)		#2b2b2b / rgba(43,43,43,1.0)		#000000 / rgba(0,0,0,1.0)
*/

/* AANVULLEND LETTERTYPE */
/* Haal weg indien niet nodig @import url(''); */

/* Gebruik deze opmaak voor de betreffende onderdelen maar niet bij de sections of containers met de class dp_no-text-decor. */
.dp_text-decor a:link,
.dp_text-decor a:visited,
.dp_text-decor a:hover,
.dp_text-decor a:active,
.dp_text-decor a:focus,
#sp-main-body a:link,
#sp-main-body a:visited,
#sp-main-body a:hover,
#sp-main-body a:active,
#sp-main-body a:focus,
#sp-right a:link,
#sp-right a:visited,
#sp-right a:hover,
#sp-right a:active,
#sp-right a:focus,
#sp-dp-after-content01 a:link,
#sp-dp-after-content01 a:visited,
#sp-dp-after-content01 a:hover,
#sp-dp-after-content01 a:active,
#sp-dp-after-content01 a:focus,
#sp-dp-prefooter a:link,
#sp-dp-prefooter a:visited,
#sp-dp-prefooter a:hover,
#sp-dp-prefooter a:active,
#sp-dp-prefooter a:focus {
	text-decoration:underline solid #376066 1px;
	-webkit-text-decoration-line:underline; /* Safari */
	-webkit-text-decoration-color:#376066; /* Safari */
	text-decoration-thickness:1px; /* Safari */
	/* Voor een enkele hyperlink gebruik je de bootstrap class text-decoration-underline */
}
#sp-main-body a {
	font-weight:bolder !important;
}
#sp-main-body h2 a,
#sp-main-body strong a {
	font-weight:inherit !important;
}
.dp_no-text-decor a:link,
.dp_no-text-decor a:visited,
.dp_no-text-decor a:hover,
.dp_no-text-decor a:active,
.dp_no-text-decor a:focus,
a.dp_no-text-decor:link,
a.dp_no-text-decor:visited,
a.dp_no-text-decor:hover,
a.dp_no-text-decor:active,
a.dp_no-text-decor:focus {
	text-decoration:none !important;
	-webkit-text-decoration-line:none !important; /* Safari */
	/* Voor een enkele hyperlink gebruik je de bootstrap class text-decoration-none */
}
.dp_hover-text-decor a:hover,
.dp_hover-text-decor a:active,
.dp_hover-text-decor a:focus,
a.dp_hover-text-decor:hover,
a.dp_hover-text-decor:active,
a.dp_hover-text-decor:focus { /* Bij gebruik van de classes dp_no-text-decor dp_hover-text-decor wel decoration bij on hover */
	text-decoration:underline solid 1px !important;
	-webkit-text-decoration-line:underline !important; /* Safari */
	text-decoration-thickness:1px !important; /* Safari */
}
/* END */

/* TAGS: AANGEPASTE OPMAAK */
/* @media all and (max-width: 767px) { */
	.itemid-101 h1 {
		text-align:center;
	}
/* } */
@media all and (max-width: 575px) {
	.itemid-259 h1 { /* Contact pagina. */
		text-align:center;
	}
}
.article-details .article-header h1 {
	font-size:2.2em;
}
@media all and (max-width: 767px) {
	.article-details .article-header h1 {
		font-size:1.8em;
	}	
}
@media all and (min-width: 768px) and (max-width: 991px) {
	.article-details .article-header h1 {
		font-size:2.0em;
	}	
}
h1,
.dp_fadeinup { /* Fadeinup animatie: Nabootsen. */
	animation:dp_fadeinup 1s 0.5s both;
}
@keyframes dp_fadeinup { /* Fadeinup animatie: Voor diverse elementen. */
	0% {
		opacity:0;
		transform:translate3d(0, 20px, 0);
	}
	100% {
		opacity:1;
		transform:translate3d(0, 0, 0);
	}
}
.dp_fadein { /* Fadein animatie: Nabootsen. */
	animation:dp_fadein 1s 0.5s both;
}
@keyframes dp_fadein { /* Fadein animatie: Voor diverse elementen. */
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
u,
span[style*="text-decoration:underline;"],
span[style*="text-decoration: underline;"] { /* Tags: Standaard onderlijning opmaken */
	text-decoration-thickness:2px !important;
}
strong,
table th,
.fw-bold {
	font-weight:600 !important;
}
/* END */

/* HEADER */
#sp-header {
	background:rgba(255,255,255,0.95);
	box-shadow:0 4px 4px -4px rgba(0, 0, 0, 0.05);
}
#sp-header.header-sticky::before { /* Header: Nodig om nested backdrop-filter probleem voor dropdown menu's te voorkomen. */
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
	-webkit-backdrop-filter:blur(15px);
	backdrop-filter:blur(15px);
	z-index:-1;
	box-shadow:0 4px 4px -4px rgba(0, 0, 0, 0.3);
}
#sp-header.header-sticky {
	background:rgba(255,255,255,0.8);
}
/* END */

/* MOBILE LOGO FIX */
@media all and (max-width: 575px) {
	#sp-header .logo {
		height:70px; /* Mobile logo fix: Header Height (Mobile). */
	}
}
@media all and (max-width: 575px) {
	#offcanvas-toggler {
		height:70px; /* Mobile logo fix: Header Height (Mobile). */
		line-height:70px; /* Mobile logo fix: Header Height (Mobile). */
	}
}
/* END */

/* MENU */
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
	-webkit-backdrop-filter:blur(15px);
	backdrop-filter:blur(15px);
	background:rgba(255,255,255,0.95);
}
/* Part */
a.dp_menu-button.btn {
	transition:all 0.4s ease-in-out;
}
.offcanvas-menu ul.menu li>a.dp_menu-button.btn.btn-primary:hover,
ul.sp-megamenu-parent li>a.dp_menu-button.btn.btn-primary:hover { /* Menu: Hover en active buttons. */
	color:#f5f5f5 !important;
}
.offcanvas-menu ul.menu li.active>a.dp_menu-button.btn.btn-primary,
.offcanvas-menu ul.menu li.active>a.dp_menu-button.btn.btn-primary:hover,
ul.sp-megamenu-parent li.active>a.dp_menu-button.btn.btn-primary,
ul.sp-megamenu-parent li.active>a.dp_menu-button.btn.btn-primary:hover {
	color:#f5f5f5;
	background-color:#457880;
}
.active a.dp_menu-button.btn {
	cursor:default;
}
/* END */

/* OFFCANVAS MENU */
.offcanvas-menu .offcanvas-inner ul.menu>li>a,
.offcanvas-menu .offcanvas-inner ul.menu>li>span { /* Menu: Offcanvas tekst doorzichtigheid opheffen. */
	opacity:initial;
}
.offcanvas-menu .offcanvas-inner ul.menu li.active a,
.offcanvas-menu .offcanvas-inner ul.menu>li li a { /* Menu: Offcanvas kleur probleem oplossen. */
	color:#1e1e1e !important;
}
.offcanvas-menu .offcanvas-inner ul.menu>li a:hover,
.offcanvas-menu .offcanvas-inner ul.menu>li a:focus,
.offcanvas-menu .offcanvas-inner ul.menu>li span:hover,
.offcanvas-menu .offcanvas-inner ul.menu>li span:focus { /* Menu: Offcanvas kleur probleem oplossen. */
	color:#376066 !important;
}
.offcanvas-menu .offcanvas-inner ul.menu li.active>a { /* Menu: Offcanvas kleur probleem oplossen. */
	color:#E52713 !important;
}
.offcanvas-menu .offcanvas-inner .sp-contact-info li,
.offcanvas-menu .offcanvas-inner .social-icons li { /* Menu: Offcanvas tekst en icoon grootte. */
	font-size:initial;
}
.offcanvas-menu .offcanvas-inner .sp-contact-info>li>a,
.offcanvas-menu .offcanvas-inner .social-icons>li>a { /* Menu: Offcanvas contactgegevens. */
	opacity:1;
}
.offcanvas-menu .offcanvas-inner .sp-contact-info a:hover { /* Menu: Offcanvas contactgegevens. */
	color:#376066;
}
#offcanvas-toggler::before { /* Menu: Offcanvas MENU tekst toevoegen. */
	content:"MENU";
	float:right;
	padding-right:9px;
	color:#1e1e1e;
	transition:color 300ms ease-in;
}
#offcanvas-toggler:hover .burger-icon span, /* Menu: Offcanvas MENU tekst toevoegen en styling. */
.burger-icon:hover>span {
	background-color:#376066;
}
@media all and (max-width: 575px) {
	#offcanvas-toggler::before {
		/* content:""; */
	}
	body.ltr #offcanvas-toggler.offcanvas-toggler-right {
		margin-left:10px
	}
}
#offcanvas-toggler:hover::before { /* Menu: Offcanvas MENU tekst toevoegen en styling. */
	color:#376066;
}
/* END */

/* VERVOLGPAGINA TITELBALK */
#sp-title .sp-page-title { /* Vervolgpagina titelbalk: achtergrond afbeelding */
	position:relative;
	width:100%;
	height:auto;
	padding:24px 0 26px;
	background-image:linear-gradient(90deg, rgba(218,218,218,1.0) 30%, rgba(178,178,178,1.0) 100%);
	background-color:transparent;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:50% 50%;
	background-attachment:scroll; /* Hier is "fixed" niet bruikbaar omdat 100% breedte niet behouden blijft. */
}
@media all and (min-width: 1px) and (max-width: 767px) {
	#sp-title .sp-page-title {
		/* padding:45px 0 55px; */
	}
}
#sp-title div.sp-page-title[style]::after { /* Vervolgpagina titelbalk: gradient overlay als bg afbeelding in inline style aanwezig is */
	position:absolute;
	content:"";
	top:0;
	left:0;
	width:100%;
	height:100%;
	/* background-image:linear-gradient(90deg, rgba(218,218,218,1.0) 30%, rgba(178,178,178,0.5) 100%); */
}
@media all and (min-width: 1px) and (max-width: 767px) {
	#sp-title div.sp-page-title[style]::after {
		background-image:linear-gradient(90deg, rgba(245,245,245,0) 50%, rgba(245,245,245,0.75) 100%);
	}
}
#sp-title div.sp-page-title[style] {
	/* background-size:auto 100%; */
	background-size:contain;
	background-position:100% 50%;
}
#sp-title {
	background-image:url(../../../images/layout/webdesign-achtergrond-vervolg.jpg);
	background-size:cover;
}
#sp-title .sp-page-title .container { /* Vervolgpagina titelbalk: titel en subtitel bovenop gradient */
	position:relative;
	z-index:1;
}
#sp-title .sp-page-title .container h1,
#sp-title .sp-page-title .container h2,
#sp-title .sp-page-title .container h3 {
	text-align:right;
	text-shadow:0px 0px 4px rgba(245,245,245,1.00);
}
@media all and (min-width: 1px) and (max-width: 991px) {
	#sp-title .sp-page-title .container h1,
	#sp-title .sp-page-title .container h2,
	#sp-title .sp-page-title .container h3 {
		text-align:center;
	}
}
/* Part */
#sp-title .sp-page-title .sp-page-title-heading {
	color:#376066;
	font-style:italic;
	font-weight:300;
	font-size:1.8em;
	line-height:1.4;
}
#sp-title .sp-page-title .sp-page-title-sub-heading {
	color:#376066;
	font-size:initial;
}
@media all and (min-width: 992px) and (max-width: 1900px) {
	#sp-title .sp-page-title .sp-page-title-heading,
	#sp-title .sp-page-title .sp-page-title-sub-heading	{
		padding-right:140px;
	}
}
/* Part */
#sp-title .sp-page-title ol.breadcrumb { /* Voeg toe in module positie 'breadcrumb'. */
	font-size:0.75em;
}
#sp-title .sp-page-title ol.breadcrumb > li,
#sp-title .sp-page-title ol.breadcrumb > li+li:before {
	color:#376066;
}
#sp-title .sp-page-title ol.breadcrumb > li.float-start {
	margin-right:0.5em;
}
#sp-title .sp-page-title ol.breadcrumb > li.active {
	font-weight:600;
	color:#376066;
}
#sp-title .sp-page-title ol.breadcrumb > li > a:link,
#sp-title .sp-page-title ol.breadcrumb > li > a:visited {
	color:#376066;
	text-decoration:underline;
}
#sp-title .sp-page-title ol.breadcrumb > li > a:hover,
#sp-title .sp-page-title ol.breadcrumb > li > a:active {
	color:#1e1e1e;
}
@media all and (max-width: 991px) { /* Vervolgpagina titelbalk: Centreren titel en breadcrumb. */
	#sp-title .sp-page-title {
		text-align:center;
	}
	#sp-title .sp-page-title ol {
		justify-content:center;
	}
}
/* END */

/* SLIDESHOW */
.dp_hp-slideshow .sppb-sp-slider-image img {
	object-fit:cover !important;
	object-position:0% 50% !important;
}
@media all and (min-width: 961px) and (max-width: 991px) {
	.dp_hp-slideshow .sppb-sp-slider-image img {
		height:350px !important;
	}
}
@media all and (min-width: 1141px) and (max-width: 1199px) {
	.dp_hp-slideshow .sppb-sp-slider-image img {
		height:400px !important;
	}
}
/* END */

/* SIDEBARS */
#sp-right .sp-module {
	border-image:linear-gradient(135deg, #E52713 0%, #376066 100%) 1; /* Sidebars: Module rechter kolom border kleur. */
}
#sp-left .sp-module {
	border-image:linear-gradient(225deg, #E52713 0%, #376066 100%) 1; /* Sidebars: Module linker kolom border kleur. */
}
#sp-right .sp-module .sp-module-title {
    border-image:linear-gradient(90deg, #E52713 0%, #376066 100%) 1; /* Sidebars: Titel rechter kolom border kleur. */
}
#sp-left .sp-module .sp-module-title {
    border-image:linear-gradient(270deg, #E52713 0%, #376066 100%) 1; /* Sidebars: Titel linker kolom border kleur. */
}
#sp-right .sp-module.dp_sdb-flat .sp-module-title,
#sp-left .sp-module.dp_sdb-flat .sp-module-title {
	border-image:none;
    border-bottom:1px solid #376066; /* Sidebars: Titel kolom border kleur. */
}
/* Part */
#sp-right .sp-module h3.sp-module-title,
#sp-left .sp-module h3.sp-module-title { /* Sidebars: Module titel grootte. */
	font-size:1.5em;
}
@media all and (max-width: 767px) {
	#sp-right .sp-module h3.sp-module-title,
	#sp-left .sp-module h3.sp-module-title	{
		font-size:1.1em;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	#sp-right .sp-module h3.sp-module-title,
	#sp-left .sp-module h3.sp-module-title	{
		font-size:1.3em;
	}
}
/* Part */
#sp-right .sp-module.dp_sdb-flat,
#sp-left .sp-module.dp_sdb-flat { /* Sidebar: Sidebar flat in kleur. */
	border:1px solid #376066;
	background-color:#f5f5f5;
}
#sp-right .sp-module.dp_sdb-flat {
	border-radius:50px 10px 30px;
}
#sp-left .sp-module.dp_sdb-flat {
	border-radius:10px 50px 10px 30px;
}
@media all and (min-width: 1px) and (max-width: 991px) {
	#sp-right .sp-module.dp_sdb-flat,
	#sp-left .sp-module.dp_sdb-flat {
		border-radius:10px;
	}
}
#sp-right .dp_hover-text-decor li.current a:link,
#sp-right .dp_hover-text-decor li.current a:visited,
#sp-right .dp_hover-text-decor li.current a:hover,
#sp-right .dp_hover-text-decor li.current a:active,
#sp-right .dp_hover-text-decor li a:hover {
	color:#376066 !important;
	text-decoration:underline solid #376066 1px !important;
}
#sp-right .dp_hover-text-decor li.current a {
	cursor:default;
}
/* END */

/* MAINBODY */
#sp-main-body { /* Mainbody: Visueel nodig voor hoofdtitel met logo en lijn. */
	background-color:rgba(218,226,227,1.0);
	background-image:linear-gradient(180deg, rgba(218,226,227,1.0) 50%, rgba(218,226,227,0) 100%),url('../../../images/layout/digiplek-webdesign-nijkerk_logo-watermerk.svg');
	background-size:100% 250px,100% auto;
	background-repeat:no-repeat,no-repeat;
	background-position:center top,right bottom -1px;
	background-attachment:scroll,fixed;
}
@media all and (max-width: 1199px) {
	#sp-main-body { /* Mainbody: Fixed watermerk uitschakelen voor ipad/iphone omdat het daarin niet werkt. */
		background-attachment:scroll,scroll;
	}
}
/* END */

/* HOMEPAGEBLOKKEN */
.dp_homepage-blokken a.sppb-btn {
	font-size:inherit;
}
@media all and (min-width: 1px) and (max-width: 991px) {
	.dp_homepage-blokken .dp_logo-blokken {
		background-image:linear-gradient(0deg, rgb(218, 218, 218) 0%, rgb(245, 245, 245) 100%) !important;
	}
}
/* END */

/* CONTACTBLOK */
.dp_contactblok-tekst {
	position:relative;
	z-index:1;
}
.dp_contactblok-arrow-down {
	position:relative;
}
.dp_contactblok-arrow-down i {
	font-size:2rem;
	color:#1e1e1e;
	position:absolute;
	bottom:-2rem;
	left:calc(50% - 1rem);
	transform:rotate(45deg);
	z-index:0;
}
/* END */

/* DP-AFTER-CONTENT01 */
#sp-dp-after-content01 .dp_referentiebalk .dp_balk-reviews h4.newsflash-title,
#sp-dp-after-content01 .dp_referentiebalk .dp_balk-reviews h4.mod-articles-title {
	margin-bottom:0px;
	font-size:1rem;
	font-weight:600;
}
#sp-dp-after-content01 .dp_referentiebalk .dp_balk-reviews h4.mod-articles-title a::after { /* Dp-after-content01: Stretched-link maken. */
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:1;
    content:"";
}
#sp-dp-after-content01 .dp_referentiebalk .dp_balk-reviews .mod-articles-item-content p:last-child {
	display:inline;
}
#sp-dp-after-content01 .dp_referentiebalk .dp_balk-reviews .mod-articles-items.mod-list {
	list-style-type:none !important;
	padding-left:0;
}
/* Part */
.sp-module .dp_blog-nieuws-wistudat {
	display:inline-block;
	margin:3rem;
	padding:1rem;
	background-color:rgba(218,226,227,0.80);
}
@media all and (min-width: 1px) and (max-width: 991px) {
	.sp-module .sppb-addon-content:has(.dp_blog-nieuws-wistudat) {
		display:flex;
		justify-content:center;
		align-items:center;
		text-align:center;
	}
}
.sp-module .dp_blog-nieuws-wistudat ul > li > a {
	display:block;
}
.sp-module .dp_blog-nieuws-wistudat ul > li > a:hover {
	color:#376066;
}
/* Part */
#sp-dp-after-content01 #dp_nieuwsbrief {
	color:#f5f5f5;
	background:rgba(55,96,102,1.0);
	background:linear-gradient(90deg, rgba(41,72,77,1.0) 0%, rgba(55,96,102,1.0) 50%, rgba(41,72,77,1.0) 100%);
}
#sp-dp-after-content01 #dp_nieuwsbrief a:hover,
#sp-dp-after-content01 #dp_nieuwsbrief a:active,
#sp-dp-after-content01 #dp_nieuwsbrief a:focus {
	text-decoration:underline solid #ff2c14 1px;
	-webkit-text-decoration-line:underline; /* Safari */
	-webkit-text-decoration-color:#ff2c14; /* Safari */
	text-decoration-thickness:1px; /* Safari */
}
#sp-dp-after-content01 #dp_nieuwsbrief a:link,
#sp-dp-after-content01 #dp_nieuwsbrief a:visited {
	color:#f5f5f5;
}
#sp-dp-after-content01 #dp_nieuwsbrief a:hover,
#sp-dp-after-content01 #dp_nieuwsbrief a:active,
#sp-dp-after-content01 #dp_nieuwsbrief a:focus {
	color:#ff2c14;
}
/* END */

/* BOTTOM */
#sp-bottom {
	background:rgba(55,96,102,1.0);
	background:linear-gradient(90deg, rgba(41,72,77,1.0) 0%, rgba(55,96,102,1.0) 50%, rgba(41,72,77,1.0) 100%);
}
#sp-bottom .sp-module ul > li {
	margin:0.5rem 0;
}
#sp-bottom ul li.current > a {
	color:#ff2c14;
	cursor:default;
}
#sp-bottom.dp_hover-text-decor ul li.current a:link,
#sp-bottom.dp_hover-text-decor ul li.current a:visited,
#sp-bottom.dp_hover-text-decor ul li.current a:hover,
#sp-bottom.dp_hover-text-decor ul li.current a:focus,
#sp-bottom.dp_hover-text-decor ul li.current a:active {
	text-decoration:underline;
}
#sp-bottom.dp_hover-text-decor a.sppb-btn:hover,
#sp-bottom.dp_hover-text-decor a.sppb-btn:active,
#sp-bottom.dp_hover-text-decor a.sppb-btn:focus {
	text-decoration:none !important;
}
#sp-bottom .dp_custom-img01,
#sp-bottom .dp_custom-img02 {
	display:inline-block;
    max-width:150px;
}
#sp-bottom .dp_custom-img01 {
    filter:brightness(0.01) invert(1);
}
/* END */

/* ZWEVENDE KNOP */
.itemid-259 .dp_zwevendeknop,
.itemid-361 .dp_zwevendeknop {
	display:none;
}
.itemid-259 #sp-footer,
.itemid-361 #sp-footer {
	padding-bottom:0;
}
.dp_zwevendeknop {
	position:fixed;
	z-index:5;
	padding:10px;
	bottom:19px;
	left:15px;
	font-weight:400;
	line-height:normal;
	text-align:center;
	background-color:rgba(55,96,102,0.95);
	border:1px solid rgba(255,255,255,0.10);
	border-radius:8px;
	transition:all 0.4s ease-in-out;

}
a.dp_zwevendeknop,
a.dp_zwevendeknop:link,
a.dp_zwevendeknop:visited {
	color:#f5f5f5;
}
a.dp_zwevendeknop:hover,
a.dp_zwevendeknop:active,
a.dp_zwevendeknop:focus {
	color:#f5f5f5;
	background-color:rgba(69,120,128,0.95);
}
@media (max-width: 950px) {
	.dp_zwevendeknop {
		width:100%;
		bottom:0;
		left:0;
		border:0;
		border-top:1px solid rgba(245,245,245,0.2);
		border-radius:0;
	}
	#sp-footer {
		padding-bottom:41px; /* Zwevende knop: Ruimte in footer maken i.v.m. zwevende knop. */
	}
}
/* END */

/* FOOTER */
#sp-footer .container-inner {
	border:none;
}
/* END */

/* OVERIGE */
.layout-blog.itemid-257 .article-list .article { /* Overige: Blog opmaak. */
	text-align:center;
}
.layout-blog.itemid-257 .article-list .article {
	padding-top:3rem;
	padding-bottom:1.75rem;
}
.article-list .article .article-intro-image {
	margin-bottom:0;
}
.layout-blog.itemid-257 .article-list .article .article-intro-image img {
	display:inline-block;
}
@media all and (min-width: 992px) {
	.layout-blog.itemid-257 .article-list .article .article-header h2 {
		font-size:1em;
	}
}
.layout-blog.itemid-257 .article-list .article .article-header a {
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.layout-blog.itemid-257 .article-list .article .article-introtext .readmore {
	
	/* margin-top:1.5rem; */
}
.layout-blog.itemid-257 .article-list .article .article-introtext .readmore a:link,
.layout-blog.itemid-257 .article-list .article .article-introtext .readmore a:visited {
	display:inline-block;
	padding:10px 16px;
	border-radius:5px;
	color:#F5F5F5;
	background-color:#376066;
	text-decoration:none !important;
}
.layout-blog.itemid-257 .article-list .article .article-introtext .readmore a:hover,
.layout-blog.itemid-257 .article-list .article .article-introtext .readmore a:active {
	color:#F5F5F5;
	background-color:#457880;
}
/* Part */
.article-list .article {
	background:rgba(245,245,245,1.0);
	border-bottom:1px solid rgba(245,245,245,1.0);
    box-shadow:0 1rem 3rem rgba(0,0,0,.175) !important;
	border-radius:6px;
}
.article-info {
	padding-bottom:0.25rem;
	border-bottom:1px solid #376066;
}
.article-info>span.published {
	font-size:1rem;
	font-style:italic;
}
.article-info>span.published:before {
	font-family:"Font Awesome 6 Free"; /* J5 */
	content:'\f133';
	margin-right:0.25rem;
	font-style:normal;
}
.article-list .article .article-header h2 {
    font-size:1.8em;
}
@media all and (min-width: 768px) and (max-width: 991px) {
	.article-list .article .article-header h2 {
		font-size:1.6em;
	}
}
@media all and (min-width: 1px) and (max-width: 767px) {
	.article-list .article .article-header h2 {
		font-size:1.4em;
	}
}
#sp-main-body .article-list .article-header h2 a {
	text-decoration:none !important;
}
.article-list .article .readmore {
	font-size:1.0em;
}
/* Part */
.article-details .featured-article-badge { /* Overige: Verbergen featured badge. */
	/* display:none; */
	/* visibility:hidden; */
	top:-31px;
	left:0px;
}
@media all and (min-width: 1px) and (max-width: 767px) {
	.article-details .featured-article-badge {
		left:50%;
		transform:translate(-50%, 0);
	}
}
/* Part */
.pagination>li>span:hover { /* Overige: Pagina navigatie en buttons. */
	color:#f5f5f5;
}
.pagenavigation {
	padding-bottom:0;
}
.pagenavigation .pagination a {
	padding:8px 16px;
}
.pagenavigation a.btn,
.btn.btn-primary {
	border-color:#f5f5f5;
	border-radius:8px;
}
.pagenavigation a.btn:link,
.pagenavigation a.btn:visited,
.btn.btn-primary:link,
.btn.btn-primary:visited {
	font-size:1.0em;
	text-decoration:none !important;
	color:#f5f5f5;
	background-color:#376066;
}
.pagenavigation a.btn:hover,
.pagenavigation a.btn:active,
.btn.btn-primary:hover,
.btn.btn-primary:active {
	color:#E52713;
	background-color:#457880;
}
/* Part */
/* Overige: naar top icoon */
.sp-scroll-up {
	background:rgba(55,96,102,0.4);
	border:1px solid rgba(255,255,255,0.10);
}
.sp-scroll-up:hover, .sp-scroll-up:active, .sp-scroll-up:focus { /* Overige: naar top icoon */
	background:rgba(229,39,19,0.9);
}
/* Part */
.grecaptcha-badge { /* Overige: badge altijd zichtbaar */
    z-index:11;
}
:target { /* Overige: Gebruik in vervolg html {scroll-padding-top:150px;} */
	/* scroll-margin-top:150px; */
}
html { /* Overige: Linken naar anchor/anker positie met 80px (fixed header) + 150px (extra speling) = 230px zodat de anchor positie niet deels achter fixed header schuil gaat */
	scroll-padding-top:230px;
}
/* Part */
.coming-soon body,
.coming-soon .coming-soon-title,
.error-page body { /* Overige: Onder andere coming soon pagina stylen */
	color:#f5f5f5;
	text-shadow:none;
	animation:none;
}
.coming-soon .coming-soon-logo {
	background-color:#f5f5f5;
	border:10px solid #f5f5f5;
}
.error-page body {
	background-color:#376066;
}
.error-page h1.error-code {
	animation:none;
}
.error-page img.error-logo {
	width:400px;
	max-width:100%;
}
.error-page .btn.btn-secondary {
	color:#f5f5f5;
	background-color:#1e1e1e;
	border:none;
}
.error-page .btn.btn-secondary:hover {
	background-color:#E52713;
}
/* Part */
.text-white code { /* Overige: Styling voor voorbeeldpagina. */
	color:#f5f5f5;
	font-size:0.8em;
}
/* Part */
ul.dp_list-inline li { /* Overige: Horizontale lijst items. */
	display:inline-block;
}
/* END */

/* REFERENTIES */
.dp_refer-gallery ul.sppb-gallery {
	justify-content:start;
}
.dp_refer-gallery ul.sppb-gallery li:first-child {
	width:100%;
}
.dp_refer-gallery ul.sppb-gallery li {
	width:50%;
	margin-bottom:1rem !important;
}
.dp_refer-gallery ul.sppb-gallery li:last-child {
	margin-bottom:0rem !important;
}
@media all and (min-width: 1px) and (max-width: 767px) {
	.dp_refer-gallery ul.sppb-gallery li:nth-last-child(2) {
		margin-bottom:0rem !important;
	}
}
@media all and (min-width: 1200px) {
	.dp_refer-gallery ul.sppb-gallery li:nth-last-child(2) {
		margin-bottom:0rem !important;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	.dp_refer-gallery ul.sppb-gallery li:first-child {
		width:50%;
	}
}
@media all and (min-width: 768px) and (max-width: 1199px) {
	.dp_refer-gallery ul.sppb-gallery li {
		width:100%;
	}
}
.sppb-gallery-desc { /* Referenties: Foto uitvergroting. */
	max-width:initial !important;
}
/* END */

/* FORMULIEROPMAAK */
.dp_frm-opmaak {
	border-radius:10px;
	padding:1rem;
	background-color:rgba(245,245,245,1.0);
}
.dp_frm-opmaak .form-label {
	font-weight:700;
}
.dp_frm-opmaak .form-control {
	border-radius:0;
	color:#1e1e1e; /* Formulieropmaak: Tekstveld tekst kleur */
	background-color:rgba(69,120,128,0.15); /* Formulieropmaak: Tekstveld achtergrond kleur */
	border-color:rgba(55,96,102,0.20); /* Formulieropmaak: Tekstveld border kleur */
	transition:all 0.4s ease-in-out;
}
.dp_frm-opmaak .form-control:hover {
	border-color:#376066; /* Formulieropmaak: Tekstveld border hover kleur */
}
.dp_frm-opmaak .form-check-input {
	background-color:rgba(69,120,128,0.15); /* Formulieropmaak: Radio-veld achtergrond kleur */
	border-color:rgba(55,96,102,0.20); /* Formulieropmaak: Radio-veld border kleur */
	transition:all 0.4s ease-in-out;
}
.dp_frm-opmaak .form-check-input:hover {
	background-color:#376066; /* Formulieropmaak: Radio-veld achtergrond hover kleur */
	border-color:#29484d; /* Formulieropmaak: Radio-veld border hover kleur */
}
.dp_frm-opmaak .form-check-input:checked {
	background-color:#376066; /* Formulieropmaak: Radio-veld achtergrond actief kleur */
	border-color:#29484d; /* Formulieropmaak: Radio-veld border actief kleur */
}
.dp_frm-opmaak ::placeholder {
	color:rgba(69,120,128,0.60); /* Formulieropmaak: Placeholder tekst kleur */
	transition:all 0.4s ease-in-out;
}
.dp_frm-opmaak :hover::placeholder {
	color:rgba(69,120,128,0.15); /* Formulieropmaak: Placeholder tekst hover kleur */
}
.dp_frm-opmaak .formError {
	font-size:0.7em;
	font-weight:500;
	color:red;
	border:1px solid red;
	margin-top:2px;
	padding:5px;
	background-color:white;
}
.dp_frm-opmaak .form-check-input.is-invalid~.form-check-label {
	color:red;
}
.dp_frm-opmaak .btn {
	border-radius:0;
	color:#f5f5f5;
	font-size:1em;
	padding:8px 16px;
}
.dp_frm-opmaak a.rsform-captcha-refresh-button.btn.btn-secondary:link,
.dp_frm-opmaak a.rsform-captcha-refresh-button.btn.btn-secondary:visited {
	text-decoration:none !important;
	color:#f5f5f5; /* Formulieropmaak: Captcha button tekst kleur */
	background-color:#376066; /* Formulieropmaak: Captcha button achtergrond kleur */
}
.dp_frm-opmaak a.rsform-captcha-refresh-button.btn.btn-secondary:hover,
.dp_frm-opmaak a.rsform-captcha-refresh-button.btn.btn-secondary:active {
	color:#694F53; /* Formulieropmaak: Captcha button tekst hover kleur */
	background-color:#C7CEBE; /* Formulieropmaak: Captcha button achtergrond hover kleur */
}
.dp_frm-opmaak .btn-primary,
.dp_frm-opmaak .sppb-btn-primary,
button.rsform-submit-button.rsform-thankyou-button.btn.btn-primary {
	font-weight:400;
	color:#f5f5f5; /* Formulieropmaak: Submit button tekst kleur */
	border-color:#376066; /* Formulieropmaak: Submit button border kleur */
	background-color:#376066; /* Formulieropmaak: Submit button achtergrond kleur */
}
button.rsform-submit-button.rsform-thankyou-button.btn.btn-primary {
	border-radius:0;
	font-size:20px;
	padding:8px 16px;
}
.dp_frm-opmaak .btn-primary:hover,
.dp_frm-opmaak .sppb-btn-primary:hover,
button.rsform-submit-button.rsform-thankyou-button.btn.btn-primary:hover {
	color:#f5f5f5; /* Formulieropmaak: Submit button tekst hover kleur */
	border-color:#457880; /* Formulieropmaak: Submit button border hover kleur */
	background-color:#457880; /* Formulieropmaak: Submit button achtergrond hover kleur */
}
.dp_frm-opmaak .btn.btn-warning {
	color:#f5f5f5;
	background-color:#E5301F;
	border-color:#E5301F;
	margin-right:10px;
}
.dp_frm-opmaak .btn.btn-warning:hover {
	color:#231f20;
	background-color:#72C00B;
	border-color:#72C00B;
}
.dp_frm-opmaak .btn.btn-success {
	color:#f5f5f5;
}
.dp_frm-opmaak .btn.btn-success:hover {
	color:#231f20;
}
.dp_frm-opmaak .rsformProgress {
	margin-bottom:1rem!important;
}
.dp_frm-opmaak .progress {
	border-radius:0;
	height:30px;
	color:#f5f5f5;
	background-color:#f5f5f5;
}
.dp_frm-opmaak .progress .progress-bar {
	background-color:#E52713;
}
/* END */

/* EIGEN OPMAAK CLASSES */
@media all and (min-width: 1px) and (max-width: 1199px) {
	.dp_sidebar-img {
		max-height:134px;
	}
}
/* Part */
.dp_full-width-row { /* CONTENT: Met rij ontsnappen uit een container zodat de rij full screen breed wordt. */
	width:100vw;
	position:relative;
	left:calc(-1 * (100vw - 100%)/2);
}
.dp_text-yellow {
	color:#FFD43B;
}
.dp_marker, .dp_yellow, .dp_bg-yellow {
	background-color:yellow;
}
.dp_red, .dp_bg-red {
	background-color:red;
}
.dp_text-red {
	color:red;
}
.dp_orange, .dp_bg-orange {
	background-color:orange;
}
.dp_text-green {
	color:green;
}
.dp_green, .dp_bg-green {
	background-color:green;
}
.dp_blue, .dp_bg-blue {
	background-color:blue;
}
.dp_text-blue02 {
	color:#376066;
}
.dp_bg-blue02 {
	background-color:rgba(69,120,128,0.15);
}
.dp_text-shaduw-light,
.dp_text-shaduw-light01 {
	text-shadow:0px 0px 10px rgba(245,245,245,0.50);
}
.dp_text-shaduw-light02 {
	text-shadow:0px 0px 4px rgba(245,245,245,0.50);
}
.dp_text-shaduw-light03 {
	text-shadow:2px 2px 0px rgba(245,245,245,0.50);
}
.dp_text-shaduw-dark,
.dp_text-shaduw-dark01 {
	text-shadow:0px 0px 10px rgba(30,30,30,0.50);
}
.dp_text-shaduw-dark02 {
	text-shadow:0px 0px 4px rgba(30,30,30,0.50);
}
.dp_text-shaduw-dark03 {
	text-shadow:2px 2px 0px rgba(30,30,30,0.50);
}
.dp_box-shadow-light,
.dp_box-shadow-light01 {
	box-shadow:0px 0px 4px rgba(245,245,245,0.20);
}
.dp_box-shadow-light02 {
	box-shadow:0px 0px 40px rgba(245,245,245,0.80);
}
.dp_box-shadow-dark,
.dp_box-shadow-dark01 {
	box-shadow:0px 0px 4px rgba(0,0,0,0.20);
}
.dp_box-shaduw-dark02 {
	box-shadow:0px 0px 40px rgba(0,0,0,0.80);
}
.dp_w-15 { /* Element/afbeelding met aangepaste breedte */
	width:15% !important; /* Of gebruik de standaard B5 classes w-25, w-50 en w-75 */
	height:auto;
}
.dp_w-33 { /* Element/afbeelding met aangepaste breedte */
	width:33% !important;
	height:auto;
}
.dp_w-35 { /* Element/afbeelding met aangepaste breedte */
	width:35% !important;
	height:auto;
}
.dp_w-40 { /* Element/afbeelding met aangepaste breedte */
	width:40% !important;
	height:auto;
}
.dp_w-65 { /* Element/afbeelding met aangepaste breedte */
	width:65% !important;
	height:auto;
}
@media all and (min-width: 768px) and (max-width: 991px) {
	.dp_w-15 {
		width:25% !important; /* Element/afbeelding 25% breed maken op kleinere schermen */
	}
}
@media (max-width: 767px) {
	.dp_element-full,
	.dp_image-full { /* Element/afbeelding volle breedte op kleine schermen. */
		width:100% !important;
		height:auto !important;
		margin-right:0 !important;
		margin-left:0 !important;
	}
}
@media (max-width: 575px) {
	.dp_element-full02 { /* Element/afbeelding volle breedte op kleinere schermen. */
		width:100% !important;
		height:auto !important;
		margin-right:0 !important;
		margin-left:0 !important;
	}
}
iframe.dp_bw-iframe,
img.dp_bw-image,
.dp_bw-image img { /* Afbeelding met grijstint */
	filter:grayscale(100%);
	transition:all 0.4s ease-in-out;
}
img.dp_shadow-image,
.dp_shadow-image img { /* PNG-afbeelding met shaduw */
	-webkit-filter:drop-shadow(1px 1px 0px rgba(255,255,255,0.7));
	filter:drop-shadow(1px 1px 0px rgba(255,255,255,0.7));
}
a:hover img.dp_bw-image,
.dp_bw-image a:hover img {
	filter:grayscale(0%);
}
/* Part */
.dp_object-fit-cover { /* Vulling afbeeldingen. */
	object-fit:cover;
}
.dp_object-fit-contain {
	object-fit:contain;
}
.dp_object-position-top {
	object-position:center top;
}
.dp_object-position-bottom {
	object-position:center center;
}
.dp_object-position-bottom {
	object-position:center bottom;
}
/* Part */
a.sppb-btn i { /* Algemeen: Ruimte tussen tekst en icoon in button. */
	margin-left:0.5rem !important;
}
a.btn.dp_buttons,
a.btn.dp_buttons:link,
a.btn.dp_buttons:visited { /* Algemeen: afwijkende button opmaak */
	color:rgba(245,245,245,1.0) !important;
	background-color:rgba(30,30,30,1.0);
	text-decoration:none !important;
	border-radius:0;
}
a.btn.dp_buttons:hover,
a.btn.dp_buttons:focus,
a.btn.dp_buttons:active {
	color:rgba(245,245,245,1.0) !important;
	background-color:rgba(0,0,0,1.0);
}
blockquote.blockquote {
	font-style:italic;
	display:inline-block;
	margin:0.5rem 0 1.5rem;
	/* border:1px solid #E52713; */
	border-left:10px solid rgba(55,96,102,1.0);
	padding:20px 20px 20px 40px;
	background-color:rgba(55,96,102,0.1);
}
@media all and (min-width: 1px) and (max-width: 767px) {
	blockquote.blockquote {
		padding:20px;
	}
}
blockquote.blockquote > div::before,
blockquote.blockquote > div::after {
	font-family:"Font Awesome 6 Free"; /* J5 */
	font-weight:900;
	color:#376066;
}
blockquote.blockquote > div::before {
	display:block;
	content:"\f10d";
	text-align:left;
}
blockquote.blockquote > div::after {
	display:block;
	content:"\f10e";
	text-align:right;
}
.blockquote-footer {
	color:#376066;
	font-weight:600;
	font-size:1em;
	font-style:normal;
}
blockquote.blockquote :last-child {
	margin-bottom:0;
}
/* Part */
.dp_stretched-link::after { /* Stretched-link maken. */
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:1;
    content:"";
}
/* Part */
.dp_z-index0 { /* Te combineren met de Bootstrap classes position-relative en position-absolute. */
	z-index:0;
}
.dp_z-index1 {
	z-index:1;
}
/* Part */
ul.dp_list-indent-0 { /* Toevoegen aan UL en OL om lijsten niet te laten uitspringen. */
	padding-inline-start:1.25rem;
}
ol.dp_list-indent-0 {
	padding-inline-start:1.5rem;
}
/* END */