/* Copyright www.digiplek.nl */
/*
							STANDAARD							LICHTER								DONKERDER
	Lichtblauw:				#79bdc6 / rgba(121,189,198,1.0)		#HEX / rgba(,,,1.0)		#HEX / rgba(,,,1.0)
	Donkerblauw:			#283D59 / rgba(40,61,98,1.0)		#345080 rgba(52,80,128,1.0)		#HEX / rgba(,,,1.0)
	Rood:					#731022 / rgba(115,16,34,1.0)		#HEX / rgba(,,,1.0)		#HEX / rgba(,,,1.0)
	Lichtgrijs (logo):		#DADBDC / rgba(218,219,220,1.0)		#HEX / rgba(,,,1.0)		#HEX / rgba(,,,1.0)
	Donkergrijs (logo):		#797A7D / rgba(121,122,125,1.0)		#HEX / rgba(,,,1.0)		#HEX / rgba(,,,1.0)
	WIT:					#f5f5f5 / rgba(245,245,245,1.0)		#ffffff / rgba(255,255,255,1.0)		#HEX / rgba(,,,1.0)
	LICHT-GRIJS:			#cccccc / rgba(204,204,204,1.0)		#e3e3e3 / rgba(227,227,227,1.0)		#HEX / rgba(,,,1.0)
	ZWART:					#1e1e1e / rgba(30,30,30,1.0)		#2b2b2b / rgba(43,43,43,1.0)		#HEX / rgba(,,,1.0)
*/

/* Gebruik deze opmaak voor de betreffende onderdelen maar niet bij de sections of containers met de class dp_no-text-decor. */
#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-alle-merken a:link,
#sp-alle-merken a:visited,
#sp-alle-merken a:hover,
#sp-alle-merken a:active,
#sp-alle-merken 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 #79bdc6 3px;
	/* 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;
	/* Voor een enkele hyperlink gebruik je de bootstrap class text-decoration-none */
}
/* END */

/* TAGS: AANGEPASTE OPMAAK */
h1 {
	/* Hier CSS declaratie toevoegen */
}
/* END */

/* SP-HEADER */
#sp-header {
	border-bottom:1px; /* Header: Nieuwe lijn boven menu. */
	border-bottom-style:solid;
	border-bottom-color:rgba(121,189,198,1.0);
	box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.4); /* Header: Box shadow weg. */
	background:rgba(255,255,255,0.90);
}
@media (min-width: 992px) {
	#sp-header {
		border-image:linear-gradient(90deg, rgba(255,255,255,0) 5%, rgba(121,189,198,1.0) 20%, rgba(121,189,198,1.0) 80%, rgba(255,255,255,0) 95%) 1;
	}
}
#sp-header .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
	background:rgba(255,255,255,0.90);
}
/* END */

/* TOP BUTTONS EN TEKST */
#sp-top-buttons {
	position:relative;
	z-index:2;
}
@media (min-width: 768px) {
	.dp_top-btn-left .sppb-text-center {
		text-align:right;
	}
	.dp_top-btn-right .sppb-text-center {
		text-align:left;
	}
}
@media (max-width: 767px) {
	.dp_top-btn-left .sppb-text-center a,
	.dp_top-btn-right .sppb-text-center a {
		display:block;
		width:100%;
	}
}
@media (min-width: 992px) {
	.sp-page-builder .page-content #section-id-1677082955189 {
		border-image:linear-gradient(90deg, rgba(121,189,198,0.3) 5%, rgba(30,30,30,1.0) 20%, rgba(30,30,30,1.0) 80%, rgba(121,189,198,0.3) 95%) 1;
	}
}
/* END */

/* VERVOLGPAGINA TITELBALK */
#sp-title .sp-page-title { /* Vervolgpagina titelbalk: achtergrond afbeelding */
	position:relative;
	width:100%;
	height:auto;
	background-image:linear-gradient(90deg, rgba(28,55,101,1.0) 30%, rgba(64,175,223,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(28,55,101,1.0) 30%, rgba(28,55,101,0.5) 100%);
}
#sp-title .sp-page-title .container { /* Vervolgpagina titelbalk: titel en subtitel bovenop gradient */
	position:relative;
	z-index:1;
}
/* END */

/* MAINBODY */
#sp-main-body {
    background-image:url("../../../images/layout/autobedrijf-daatselaar_watermerk.svg");
	background-repeat:no-repeat;
	background-size:600px auto;
	background-position:20% 0%;
	background-origin:content-box;
}
/* END */

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

/* HOMEPAGE SLIDESHOW */
@media (max-width: 405px) {
	#column-wrap-id-1676629997859 {
		margin-top:-349px !important;
	}
}
@media (min-width: 1px) {
	.sppb-addon-sp-slider.dp_align-items-end .sp-item.slider-content-vercally-center { /* Homepage Slideshop: verticale uitlijning. */
		align-items:end;
	}
}
@media (max-width: 767px) {
	#sppb-addon-1677506183601 .sp-background:after {
		background:rgba(121,189,198, 0.70) !important;
	}
}
.sp-slider #sp-slider-item-1677506183601-num-0-key.sp-item .sp-background {
	background-position:90% 100%;
}
.sp-slider #sp-slider-item-1677506183601-num-2-key.sp-item .sp-background {
	background-position:65% 100%;
}
.sp-slider #sp-slider-item-1677506183601-num-4-key.sp-item .sp-background {
	background-position:25% 100%;
}
/* END */

/* HOMEPAGE VIDEO */
@media all and (max-width: 322px) {
	.sp-page-builder .page-content #section-id-1679322692513 {
		margin-top:-337px !important;
	}
}
@media all and (min-width: 323px) and (max-width: 405px) {
	.sp-page-builder .page-content #section-id-1679322692513 {
		margin-top:-314px !important;
	}
}
@media only screen and (orientation: landscape) and (max-width: 768px) {
	.sp-page-builder .page-content #section-id-1679322692513 {
		margin-top:0px !important;
	}
}
#section-id-1679322692513 h1 {
	color:#1e1e1e;
}
#section-id-1679322692513 .sppb-youtube-video-bg { /* HOMEPAGE VIDEO: Zorgen dat de play-button te gebruiken is om de video af te kunnen spelen of pauzeren */
	pointer-events:auto !important;
}
#section-id-1679322692513 .sppb-row-overlay { /* HOMEPAGE VIDEO: Zorgen dat je door deze laag heen kan klikken. */
	pointer-events:none !important;
}
/* END */

/* CATEGORIE PAGINA'S */
.view-category .list-title a {
	display:block;
}
/* END */

/* DIENSTEN ICONEN */
#dp_diensten-iconen a i {
	font-size:50px;
}
/* END */

/* BOTTOM SECTION */
#sp-bottom {
	font-size:18px;
	background:rgba(40,61,98,1.0);
	background:radial-gradient(circle, rgba(52,80,128,0.9) 0%, rgba(40,61,98,0.9) 60%), url("../../../images/layout/autobedrijfdaatselaar_footer-bg100.jpg");
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
#sp-bottom .sp-module .sp-module-title {
	font-size:1.1em;
}
@media (max-width: 767px) {
	#sp-bottom {
		font-size: 14px;
	}
}
@media (min-width: 768px) and (max-width: 1200px) {
	#sp-bottom {
		font-size: 16px;
	}
}
#sp-bottom ul.menu li:not(:last-child) {
	margin-bottom:10px;
}
#sp-bottom ul.menu ul > li:first-child {
	margin-top:10px;
}
@media (max-width: 1200px) { /* Bottom section: bullets op kleinere schermen weglaten. */
	#sp-bottom ul {
		list-style-type:none;
		padding-inline-start:0;
		padding-left:0;
	}
}
@media (min-width: 1200px) {
	#sp-bottom ul.menu {
		list-style-type:none;
		padding-left:0;
	}
	#sp-bottom ul.menu ul {
		list-style-type:none;
		padding-left:20px;
	}
}
/* END */

/* FOOTER SECTION */
#sp-footer .container-inner {
	border-top:0;
}

/* OVERIGE */
.sp-scroll-up:hover, .sp-scroll-up:active, .sp-scroll-up:focus { /* Overige: naar top icoon */
	color:#1e1e1e;
	background:rgba(121,189,198,1.0);
}
/* End */
[id^="custom_captcha_"].h-captcha { /* Overige: Dit element iets naar rechts opschuiven */
	margin-left:15px;
}
.grecaptcha-badge { /* Overige: badge altijd zichtbaar */
    z-index:1;
}
: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;
}
/* 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:#cc0000;
}
.dp_text-red {
	color:#cc0000;
}
.dp_orange, dp_bg-orange {
	background-color:orange;
}
.dp_green, dp_bg-green {
	background-color:#64A80A;
}
.dp_text-green {
	color:#64A80A;
}
.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);
}
@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_img-grijstint,
.dp_img-grijstint img { /* Afbeelding met grijstint */
	-webkit-filter:grayscale(100%); /* Safari 6.0 - 9.0 */
	filter:grayscale(100%);
}
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(40,39,40,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(40,39,40,1.0) !important;
	background-color:rgba(225,225,225,1.0);
}
.dp_z-index0 {
	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 */