/* Copyright www.digiplek.nl */
/*
							STANDAARD							LICHTER	(10% meer helderder)		DONKERDER (10% minder helderder)
	ROOD:					#ED1C24 / rgba(237,28,36,1.0)		#FF2232 / rgba(255,34,50,1.0)		#D11C29 / rgba(209,28,41,1.0)
	BLAUW:					#004684 / rgba(0,70,132,1.0)		#00599B / rgba(0,89,155,1.0)		#003C68 / rgba(0,60,104,1.0)
	WIT:					#f5f5f5 / rgba(245,245,245,1.0)		#ffffff / rgba(255,255,255,1.0)		#dbdbdb / rgba(219,219,219,1.0)
	LICHT-GRIJS:			#cccccc / rgba(204,204,204,1.0)		#e3e3e3 / rgba(227,227,227,1.0)		#444444 / rgba(68,68,68,1.0)
	ZWART:					#1e1e1e / rgba(30,30,30,1.0)		#2b2b2b / rgba(43,43,43,1.0)		#000000 / rgba(0,0,0,1.0)
*/

/* 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-prefooter a:link,
#sp-dp-prefooter a:visited,
#sp-dp-prefooter a:hover,
#sp-dp-prefooter a:active,
#sp-dp-prefooter a:focus,
#sp-bottom a:link,
#sp-bottom a:visited,
#sp-bottom a:hover,
#sp-bottom a:active,
#sp-bottom a:focus {
	text-decoration:underline solid #ED1C24 1px;
	-webkit-text-decoration-line:underline; /* Safari */
	-webkit-text-decoration-color:#ED1C24; /* Safari */
	text-decoration-thickness:1px; /* Safari */
	/* Voor een enkele hyperlink gebruik je de bootstrap class text-decoration-underline */
}
.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) {
	h1 {
		text-align:center;
	}
}
.itemid-101 h1 { /* Homepage titel */
	text-align:center;
}
u,
span[style*="text-decoration:underline;"],
span[style*="text-decoration: underline;"] { /* Tags: Standaard onderlijning opmaken */
	text-decoration-thickness:2px !important;
}
strong,
table th {
	font-weight:600;
}
/* END */

/* HEADER */
#sp-header {
	-webkit-backdrop-filter:blur(15px);
	backdrop-filter:blur(15px);
}
/* 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 { /* 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:#004684 !important;
}
.offcanvas-menu .offcanvas-inner ul.menu li.active>a { /* Menu: Offcanvas kleur probleem oplossen. */
	color:#ED1C24 !important;
}
.offcanvas-menu .offcanvas-inner .sp-contact-info li { /* Menu: Offcanvas tekst grootte. */
	font-size:100%;
}
.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:#004684;
}
#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:#004684;
}
@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:#004684;
}
/* END */

/* VERVOLGPAGINA TITELBALK */
#sp-title .sp-page-title { /* Vervolgpagina titelbalk: achtergrond afbeelding */
	position:relative;
	width:100%;
	height:auto;
	text-align:center;
	background-image:linear-gradient(90deg, rgba(0,0,0,1.0) 30%, rgba(237,28,36,1.0) 100%);
	background-color:transparent;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:50% 50%;
	background-attachment:fixed;
}
#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(0,0,0,1.0) 30%, rgba(237,28,36,0.5) 100%);
}
#sp-title .sp-page-title .container { /* Vervolgpagina titelbalk: titel en subtitel bovenop gradient */
	position:relative;
	z-index:1;
}
/* END */

/* SIDEBARS */
#sp-right .sp-module {
	border-image:linear-gradient(135deg, #ED1C24 0%, #004684 100%) 1; /* SIDEBARS: Module rechter kolom border kleur. */
}
#sp-left .sp-module {
	border-image:linear-gradient(225deg, #ED1C24 0%, #004684 100%) 1; /* SIDEBARS: Module linker kolom border kleur. */
}
#sp-right .sp-module .sp-module-title {
    border-image:linear-gradient(90deg, #ED1C24 0%, #004684 100%) 1; /* SIDEBARS: Titel rechter kolom border kleur. */
}
#sp-left .sp-module .sp-module-title {
    border-image:linear-gradient(270deg, #ED1C24 0%, #004684 100%) 1; /* SIDEBARS: Titel linker kolom border kleur. */
}
/* END */

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

/* OVERIGE */
.article-list .article { /* Overige: Opmaak voor blog-pagina */
	border:1px solid #00599B;
}
.pagenavigation .pagination a { /* Overige: Pagina navigatie */
	padding:8px 16px;
}
.pagenavigation a.btn {
	border-color:#f5f5f5;
	border-radius:5px;
}
.pagenavigation a.btn:link,
.pagenavigation a.btn:visited {
	font-size:1.0em;
	text-decoration:none !important;
	color:#f5f5f5;
	background-color:#1e1e1e;
}
.pagenavigation a.btn:hover,
.pagenavigation a.btn:active {
	color:#ED1C24;
	background-color:#1e1e1e;
}
/* End */
.rsform-submit-button.btn {
	font-size:22px;
	padding:20px 50px;
	border:1px solid transparent;
}
.rsform-submit-button.btn:hover {
	text-decoration:underline solid 1px;
}
.rsform-submit-button.btn.btn-primary {
	background-color:#004684;
}
.rsform-submit-button.btn.btn-primary:hover {
	background-color:#003C68;
}
.dp_frm-report-stolen-saddle .rsform-submit-button.btn.btn-primary {
	background-color:#ED1C24;
}
.dp_frm-report-stolen-saddle .rsform-submit-button.btn.btn-primary:hover {
	background-color:#D11C29;
}
/* End */
.sp-scroll-up:hover, .sp-scroll-up:active, .sp-scroll-up:focus { /* Overige: naar top icoon */
	background:rgba(237,28,36,1.0);
}
.grecaptcha-badge { /* Overige: badge altijd zichtbaar */
    z-index:11;
}
:target { /* Overige: Linken naar anchor/anker positie met 100px (fixed header) + 50px (extra speling) = 150px zodat de anchor positie niet deels achter fixed header schuil gaat */
	scroll-margin-top:150px;
}
.coming-soon body,
.error-page body { /* Overige: Onder andere coming soon pagina stylen */
	color:#f5f5f5;
}
.coming-soon .coming-soon-logo {
	background-color:#f5f5f5;
	border:10px solid #f5f5f5;
}
/* End */
.text-white code { /* Overige: Styling voor voorbeeldpagina. */
	color:#f5f5f5;
	font-size:0.8em;
}
/* END */

/* EIGEN OPMAAK CLASSES */
.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_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-shaduw-light {
	text-shadow:0px 0px 10px rgba(245,245,245,0.50);
}
.dp_text-shaduw-light02 {
	text-shadow:2px 2px 0px rgba(245,245,245,0.50);
}
.dp_text-shaduw-dark {
	text-shadow:0px 0px 10px rgba(30,30,30,0.50);
}
.dp_text-shaduw-dark02 {
	text-shadow:2px 2px 0px rgba(30,30,30,0.50);
}
.dp_box-shadow-light {
	box-shadow:0px 0px 4px rgba(245,245,245,0.20);
}
.dp_box-shadow-dark {
	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) !important;
}
@media (max-width: 767px) {
	.dp_image-full { /* Afbeelding volle breedte op kleine schermen. */
		width:100% !important;
		height:auto !important;
		margin-right:0 !important;
		margin-left:0 !important;
	}
}
.dp_w-15 { /* Afbeelding 15% breed maken */
	width:15%; /* Of gebruik de standaard B5 classes w-25, w-50 en w-75 */
	height:auto;
}
.dp_w-35 { /* Afbeelding 35% breed maken */
	width:35%;
	height:auto;
}
@media all and (min-width: 768px) and (max-width: 991px) {
	.dp_w-15 {
		width:25% !important; /* Afbeeldingen 25% breed maken op kleinere schermen */
	}
}
img.dp_bw-image,
.dp_bw-image img { /* Afbeelding met grijstint */
	filter:grayscale(100%);
	transition:all 0.4s ease-in-out;
}
a:hover img.dp_bw-image,
.dp_bw-image a:hover img {
	filter:grayscale(0%);
}
.dp_object-fit-cover { /* Vulling afbeeldingen. */
	object-fit:cover;
}
.dp_object-fit-contain {
	object-fit:contain;
}
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 {
	margin-bottom:1rem;
	border:0;
	border-left:4px solid;
	border-image:linear-gradient(180deg, #ED1C24 0%, #004684 100%) 1;
	padding:10px 0 10px 20px;
}
blockquote.blockquote p:last-child {
	margin-bottom:0;
}
.dp_z-index0 { /* Te combineren met de Bootstrap classes position-relative en position-absolute. */
	z-index:0;
}
.dp_z-index1 {
	z-index:1;
}
.dp_list-indent-0 { /* Toevoegen aan UL om lijsten niet te laten uitspringen. */
	padding-left:0;
	list-style-position:inside;
}
/* END */