/*
Theme Name: Autosoft Theme: Vanquish
Theme URI: https://www.autosoft.eu
Author: Autosoft - Automotive internet
Author URI: https://www.autosoft.eu/
Description: Vanquish Thema, ontworpen en ontwikkeld door Autosoft. Dit thema heeft diverse theme options en maakt gebruik van Custom Posttypes voor diverse weergaves. Volledig geoptimaliseerd voor de Autocommerce occasion integratie.Tevens ondersteuning aanwezig voor het zelf wijzigen van kleuren, transparantie niveaus en lettertypen. Volledig responsive waardoor uw site ook geschikt is voor weergave op mobiele apparaten.
Version: 4.1.2
Text Domain: Vanquish
*/


@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,300,700,800&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Oswald:400,700,300&subset=latin,latin-ext);


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.hover {
-webkit-user-select: none;
-webkit-touch-callout: none;        
}

:focus {/* remember to define focus styles! */
	outline: 0;
}

.clear { 
	clear: both; 
	display: block; 
	width: 0px;
	height: 0px; 
	content: '.'; 
	visibility: hidden;
}


/****************************************************
	Design: Autosoft BV - www.autosoft.eu
	Code & CSS: Autosoft BV - www.autosoft.eu
	Copyright 2025 Autosoft BV
	 
****************************************************/

/* = GLOBALS 
-------------------------------------------------------------- */



body { 
	font-family: 'Open Sans', sans-serif;
	background: #fff;
	line-height: 1;
	font-size: 12px;
	Color: #333333;
}


ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}



h1, h2, h3, h4, h5, h6, a.su-button {
	color: #333333;
	font-weight: 400;
	font-family: 'Oswald', sans-serif;
}



h1 { font-size: 2.4em; line-height: 1.5em;}
h2 { font-size: 2.2em; line-height: 1.5em; }
h3 { font-size: 2em; line-height: 1.5em; }
h4 { font-size: 1.8em; line-height: 1.5em; }
h5 { font-size: 1.6em; line-height: 1.5em; }
h6 { font-size: 1.4em; line-height: 1.5em; }


a {	
	-webkit-transition: all 450ms ease-in-out;
	-moz-transition: all 450ms ease-in-out;
	-ms-transition: all 450ms ease-in-out;
	-o-transition: all 450ms ease-in-out;
	transition: all 450ms ease-in-out;
	color: #333333;
	text-decoration: underline;
}

a:hover {	
	color: #cc0000;
	text-decoration: none;
}
img{	
	-webkit-transition: all 450ms ease-in-out;
	-moz-transition: all 450ms ease-in-out;
	-ms-transition: all 450ms ease-in-out;
	-o-transition: all 450ms ease-in-out;
	transition: all 450ms ease-in-out;
}

p {
	font-size: 1em;
	line-height: 1.5em;
	margin-top: 1em;
	margin-bottom: 0.5em;
	}

p strong { font-weight: bold!important;}
p em { font-style: italic!important;}

hr {
	margin-top: 1em;
	margin-bottom: 0.5em;
	display: block;
	clear: both;
	width: 100%;
	border-collapse: collapse;
	border: 0px;
	border-bottom: 1px solid #efefef;
}

td {
	font-size: 1em;
	line-height: 1.5em;
	} 
	
ul, ol {
	font-size: 1em;
	line-height: 1.5em;
	margin-top: 1em;
	margin-bottom: 0.5em;
	margin-left: 2.5em;
	}
	
ul li { list-style: square;}
ol li { list-style: decimal;}


.wrapper  {
	width: 960px;
	margin: 0 auto;
	}


/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 1.625em;
}

/* = HEADER 
-------------------------------------------------------------- */	

button.nav-toggler { display: none; }
button.close-menu { display: none; }

header#navigatie {
	width: 100%;
	height: 130px;
	background: #000000;
	background-color: rgba(0, 0, 0, 0.6);
	position: fixed; top: 0;z-index: 100;
	-webkit-transition: all 450ms ease-in-out;
	-moz-transition: all 450ms ease-in-out;
	-ms-transition: all 450ms ease-in-out;
	-o-transition: all 450ms ease-in-out;
	transition: all 450ms ease-in-out;	
	border-bottom: 1px solid rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.6);
	box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.6);
	}


header#navigatie.scrollmenu {
	background: #cccccc;
	background-color: rgba(125, 125, 125, 0.8);
	position: fixed; top: 0;
	height: 80px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3);
	box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3);
	}

a.logo { 
	background: /*url('images/logo.png')*/ 50% 50% no-repeat;
	background-size: cover;
	display: block; float: left;
	width: 230px; height: 105px;
	text-indent: -9000px;
	margin-top: 12px;
	-webkit-transition: all 450ms ease-in-out;
	-moz-transition: all 450ms ease-in-out;
	-ms-transition: all 450ms ease-in-out;
	-o-transition: all 450ms ease-in-out;
	transition: all 450ms ease-in-out;
	}
	
header#navigatie.scrollmenu  a.logo { 
	width: 137px; height: 60px;
	margin-top: 10px;
	}
	
/* =Menu
-------------------------------------------------------------- */

#access {
    display: inline-block;
	float: right;
	margin: 0 0 0 0;
	}


#access ul {
	font-size: 14px;
	list-style: none;
	margin: 0 0 0 0;
	padding-left: 0;
}

#access li {
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}

#access a {
	color: #ffffff;
	display: block;
	line-height: 130px;
	padding: 0 0.8em;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: all 450ms ease-in-out;
	-moz-transition: all 450ms ease-in-out;
	-ms-transition: all 450ms ease-in-out;
	-o-transition: all 450ms ease-in-out;
	transition: all 450ms ease-in-out;
}

header#navigatie.scrollmenu #access a { line-height: 80px; }

#access ul ul {
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 130px;
	left: 0;
	min-width: 180px;
	z-index: 990;
	text-align: left;
}


header#navigatie.scrollmenu #access ul ul { top: 80px;}

#access ul ul a {
	-webkit-transition: all 450ms ease-in-out;
	-moz-transition: all 450ms ease-in-out;
	-ms-transition: all 450ms ease-in-out;
	-o-transition: all 450ms ease-in-out;
	transition: all 450ms ease-in-out;
	}
	
#access ul ul ul,
header#navigatie.scrollmenu #access ul ul ul {
	left: 100%;
	top: 0;
	-webkit-transition: all 450ms ease-in-out;
	-moz-transition: all 450ms ease-in-out;
	-ms-transition: all 450ms ease-in-out;
	-o-transition: all 450ms ease-in-out;
	transition: all 450ms ease-in-out;
}

#access ul ul a,
header#navigatie.scrollmenu #access ul ul a  {
	background: #000000;
	background-color: rgba(0, 0, 0, 0.6);
	border-bottom: 1px dotted #333333;
	color: #ffffff;
	font-size: 13px;
	font-weight: normal;
	text-transform: none;
	height: auto;
	line-height: 1.4em;
	padding: 4px 10px;
	min-width: 180px;
	box-sizing: border-box;
	border-left: 1px solid transparent;

}

#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
	background: #efefef;
	background: #000000;
	background-color: rgba(0, 0, 0, 0.6);
}


#access ul li:hover > ul {
	display: block;
}

#access ul ul :hover > a,
header#navigatie.scrollmenu #access ul ul :hover > a {
	color: #ffffff;
	background: #000000;
	background-color: rgba(0, 0, 0, 0.85);
	padding: 4px 4px 4px 16px;
	}
	
#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a {
	font-weight: bold;
}
	

	
/* = VISUAL 
-------------------------------------------------------------- */	
#mainvisual {
	width: 100%;
	height: 635px;
	position: relative;
	z-index: 0;
	background: transparent;
	overflow: hidden;
	text-align: center;
}

#mainvisual img { 
	width: 100%; min-width: 1600px;
	height: auto!important; 
	margin-top: -10%;
	position: relative;
	left: 50%;
	-ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
	}

#mainvisual.smaller img { margin-top: -12%}
#mainvisual.smaller .featuredtext { display: none;}


#mainvisual .featuredtext {
	width: 100%; text-align: center;
	position: absolute;
	z-index: 2; 
	height: 635px!important; 
	display: table;
	vertical-align: middle;
	-webkit-transition: all 450ms ease-in-out;
	-moz-transition: all 450ms ease-in-out;
	-ms-transition: all 450ms ease-in-out;
	-o-transition: all 450ms ease-in-out;
	transition: all 450ms ease-in-out;
	opacity: 1;
    filter: alpha(opacity=100);
	}

 #mainvisual .featuredtext.scrollmenu  { 
	opacity: 0;
    filter: alpha(opacity=0);
	}
 
 
#mainvisual .featuredtextwrapper {
	display: table-cell;
	vertical-align: middle;
	}

#mainvisual .featuredtextwrapper h2 {
	line-height: 50px; 
	color: #ffffff; font-size: 46px;
	text-transform: uppercase;
	margin-top: 50px;
	text-shadow: 2px 2px 4px #000000;
	max-width: 75%; margin: 0 auto;
	}
	
#mainvisual .featuredtextwrapper p {
	line-height: 20px;
	color: #ffffff; font-size: 16px;
	font-style: italic;
	margin: 0 auto;
	margin-top: 18px;
	text-shadow: 1px 1px 1px #000000;
	display: block; max-width: 500px;
	}
	
#mainvisual .featuredtextwrapper a.ctalink {
	border: 1px solid #ffffff;
	background: #000000;
	background-color: rgba(0, 0, 0, 0.4);
	-webkit-border-radius: 2px;
	border-radius: 2px;
	margin-top: 30px;
	display: inline-block!important; 
	padding: 12px 40px!important;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 18px!important;
	line-height: 30px;
	color: #ffffff;
	text-shadow: none;
	}
	
#mainvisual .featuredtextwrapper a.ctalink:hover {
	border: 1px solid #ffffff;
	background: #000000;
	background-color: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 0px;
	border-radius: 0px;
	text-decoration: none;
	color: #ffffff;
	padding: 12px 48px!important;
	}
	
/* Amazing slider fixes */

#mainvisual img {
	left: 0%;
	-ms-transform: translate(0%, 0);
	-webkit-transform: translate(0%, 0);
	transform: translate(0%, 0);
	}

#mainvisual div[class^="amazingslider-text-wrapper-"] {
    position: absolute; top: 50%!important;
    left: 0px; right: 0px;
    margin: 0px 0px 0px 0px!important;
	-ms-transform: translate(0%, -50%) scale(0.8)!important;
	-webkit-transform: translate(0%, -50%) scale(0.8)!important;
	transform: translate(0%, -50%) scale(0.8)!important;
}

@media screen and (min-width: 801px) {
	#mainvisual div[class^="amazingslider-text-wrapper-"] { 
		-ms-transform: translate(0%, -50%) scale(1)!important;
		-webkit-transform: translate(0%, -50%) scale(1)!important;
		transform: translate(0%, -50%) scale(1)!important;
	}
}

@media screen and (min-width: 1400px) {
	#mainvisual div[class^="amazingslider-text-wrapper-"] { top: 45%!important; }
}

#mainvisual div[class^="amazingslider-title-"] {
	font-family: 'Oswald', sans-serif!important;
	line-height: 50px;
    color: #ffffff;
    font-size: 46px;
    text-transform: uppercase;
    margin-top: 50px;
    text-shadow: 2px 2px 4px #000000;
    max-width: 75%;
    margin: 0 auto;
}

#mainvisual div[class^="amazingslider-description-"] { 
	font-family: inherit!important;
	max-width: 500px!important; 
	line-height: 20px;
    color: #ffffff;
    font-size: 16px;
    font-style: italic;
    margin: 0 auto;
    margin-top: 18px;
    text-shadow: 1px 1px 1px #000000;
}

#mainvisual div[class^="amazingslider-button-"] {
	margin: 0!important;
}

#mainvisual .as-btn-blue-medium {
	border: 1px solid #ffffff;
	background: #000000;
	background-color: rgba(0, 0, 0, 0.4);
	-webkit-border-radius: 2px;
	border-radius: 2px;
	margin-top: 30px;
	display: inline-block!important; 
	padding: 12px 40px!important;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 18px!important;
	color: #ffffff;
	text-shadow: none;
	font-family: inherit!important;
    line-height: 0.8!important;
	-webkit-transition: all 450ms ease-in-out;
	-moz-transition: all 450ms ease-in-out;
	-ms-transition: all 450ms ease-in-out;
	-o-transition: all 450ms ease-in-out;
	transition: all 450ms ease-in-out;
}

#mainvisual .as-btn-blue-medium:hover {
	border: 1px solid #ffffff;
	background: #000000;
	background-color: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 0px;
	border-radius: 0px;
	text-decoration: none;
	color: #ffffff;
	padding: 12px 48px!important;
	}

#mainvisual .amazingsliderbutton { 
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

/* = TOPCONTENT 
-------------------------------------------------------------- */	

#topcontent { 
	position: relative; 
	z-index: 2;
	min-height: 90px;
	padding-bottom: 20px;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 10%, rgba(255,255,255,1) 80%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 10%,rgba(255,255,255,1) 80%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 10%,rgba(255,255,255,1) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	}
	
#topcontent .widget {
		margin: 0 1%;
		width: 23%;
		display:block;
		float: left;
		margin-top: -50px;
		}
		
#topcontent .widget h3 {
	background: #000000;
	background-color: rgba(0, 0, 0, 0.4);
	line-height: 50px; white-space: nowrap;
	color: #ffffff; font-size: 22px;
	padding-left: 10px;
	text-shadow: 2px 2px 4px #000000;
	}
	
	#topcontent .widget img { max-width: 100%; height: auto!important; border-bottom: 2px solid transparent;}
	
	#topcontent .widget a:hover img { border-bottom: 2px solid black;}
	
	
	
	/* = MAINCONTENT 
-------------------------------------------------------------- */	

#sitecontainer { 
	position: relative; 
	background: #ffffff;
	}

#sitecontainer.pull-up { 
	margin-top: -200px;
	padding-top: 40px;
	}	
	
#maincontent { 
	padding-bottom: 20px;
	}

	
	#inhoud {padding: 10px 10px 20px 10px; }
	
	
	#inhoud img {max-width: 100%!important; height: auto!important; } 
	
	#inhoud .su-column { margin: 1%; float: left;}
	.su-column-size-1-3 { width: 30.66%; }
	.su-column-size-2-3 { width: 65.33%; }
		
	.su-column img {max-width: 100%!important}
	.su-column a {max-width: 100%!important}
	
.su-column iframe, .su-column object, .su-column embed {
     max-width: 100%;
	 min-height: 260px;
	 height: auto !important;
}
	

/* = SIDEBARS
-------------------------------------------------------------- */	

#maincontent.sidebar-left #inhoud,
#maincontent.sidebar-right #inhoud  { width: 70%; box-sizing: border-box;}
#maincontent #sidebar { width: 25%; box-sizing: border-box; }
	
#maincontent.sidebar-left #inhoud  { float: right;}
#maincontent.sidebar-right #inhoud  { float: left;}
#maincontent.sidebar-left #sidebar  { float: left; margin-right: 5%}
#maincontent.sidebar-right #sidebar  { float: right; margin-left: 5%}


#maincontent #sidebar .block { 
	display: inline-block; vertical-align: top; 
	box-sizing: border-box; width: 100%; 
	margin-bottom: 2.5em;
	}
	
#maincontent #sidebar .block a { text-decoration: none; }
#maincontent #sidebar .block iframe { max-width: 100%!important }

#maincontent #sidebar  img { height: auto!important; }
	
	
/* = fotogallery (basic)
-------------------------------------------------------------- 
#inhoud .gallery {  margin-left: 0px; margin-right: 0px; margin-bottom: 18px; clear: both; display: block;}
#inhoud .gallery .gallery-item {display: inline-block; text-align: center;}
#inhoud .gallery-item a { margin: 5px 5px; height: 156px; width: 230px; display: block; overflow: hidden;}
#inhoud .gallery .gallery-caption { display: none;}

#inhoud .gallery-icon a img { 
	margin: 0px 0px!important; 
	width: 230px;
	height: auto!important;
	position: relative;
    top: 50%!important;
    -ms-transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
	}
*/	

	

/* = fotogallery
-------------------------------------------------------------- */
#inhoud .gallery {  
	margin-left: 0px;
	margin-right: 0px; 
	margin-bottom: 1.5em; 
	clear: both; 
	display: block;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: left;
	    -ms-flex-pack: left;
	        justify-content: left;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-ms-flex-flow: row wrap;
	    flex-flow: row wrap;
	-ms-flex-line-pack: center;
	    align-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
}

.entry-content .gallery-item {
	-ms-flex-preferred-size: 24%;
	    flex-basis: 24%;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	font-size: 0;
	line-height: 0;
	padding: 3px;
    max-width: calc(100% - 6px);
	text-align: center;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	
	overflow: hidden;
	position: relative;
	margin: 3px;
	-ms-flex-preferred-size: calc(25% - 6px);
	    flex-basis: calc(25% - 6px);
	height: 0;
	padding-bottom: 16%;
}

#inhoud .entry-content .gallery-icon a img {
    margin: 0px 0px!important;
    height: auto!important;
    min-width: 100%!important;
    position: absolute;
    top: 50%; left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.entry-content .gallery-item:hover img { opacity: 0.75; }

.gallery-columns-1 .gallery-item { -ms-flex-preferred-size: calc(100% - 6px); flex-basis: calc(100% - 6px); padding-bottom: 66%; }
.gallery-columns-2 .gallery-item { -ms-flex-preferred-size: calc(50% - 6px); flex-basis: calc(50% - 6px); padding-bottom: 32%; }
.gallery-columns-3 .gallery-item { -ms-flex-preferred-size: calc(33.333% - 6px); flex-basis: calc(33.333% - 6px); padding-bottom: 21%; }
.gallery-columns-4 .gallery-item { -ms-flex-preferred-size: calc(25% - 6px); flex-basis: calc(25% - 6px); padding-bottom: 16%; }
.gallery-columns-5 .gallery-item { -ms-flex-preferred-size: calc(20% - 6px); flex-basis: calc(20% - 6px); padding-bottom: 12%; }
.gallery-columns-6 .gallery-item { -ms-flex-preferred-size: calc(16.666% - 6px); flex-basis: calc(16.666% - 6px); padding-bottom: 10%; }
.gallery-columns-7 .gallery-item { -ms-flex-preferred-size: calc(14.125% - 6px); flex-basis: calc(14.125% - 6px); padding-bottom: 8.6%; }
.gallery-columns-8 .gallery-item { -ms-flex-preferred-size: calc(12.5% - 6px); flex-basis: calc(12.5% - 6px); padding-bottom: 7.8%; }
.gallery-columns-9 .gallery-item { -ms-flex-preferred-size: calc(11.111% - 6px); flex-basis: calc(11.111% - 6px); padding-bottom: 6.8%; }


@media only screen and (max-width: 820px) {
	.gallery-columns-5 .gallery-item { -ms-flex-preferred-size: calc(25% - 6px)!important; flex-basis: calc(25% - 6px)!important; padding-bottom: 16%; }
	.gallery-columns-6 .gallery-item { -ms-flex-preferred-size: calc(25% - 6px)!important; flex-basis: calc(25% - 6px)!important; padding-bottom: 16%; }
	.gallery-columns-7 .gallery-item { -ms-flex-preferred-size: calc(25% - 6px)!important; flex-basis: calc(25% - 6px)!important; padding-bottom: 16%; }
	.gallery-columns-8 .gallery-item { -ms-flex-preferred-size: calc(25% - 6px)!important; flex-basis: calc(25% - 6px)!important; padding-bottom: 16%; }
	.gallery-columns-9 .gallery-item { -ms-flex-preferred-size: calc(25% - 6px)!important; flex-basis: calc(25% - 6px)!important; padding-bottom: 16%; }
}

@media only screen and (max-width: 480px) {
	.entry-content .gallery-item { 
		-ms-flex-preferred-size: calc(50% - 6px)!important; 
		    flex-basis: calc(50% - 6px)!important; 
		-webkit-box-flex: 1!important; 
		    -ms-flex-positive: 1!important; 
		        flex-grow: 1!important;  
		padding-bottom: 32%; 
		}
}


#inhoud .gallery br {   
	display: inline;
  	content: ' ';
  	padding: 0; 
}

#inhoud .gallery .gallery-caption { display: none; }

.gallery .gallery-item .gallery-caption {
	display: block!important;
	box-sizing: border-box;
	width: calc(100% + 6px);
	padding: 5px;
	position: absolute;
	bottom: -20px;
	left: -3px;
	font-size: 13px;
	line-height: 21px;
	color: #ffffff;
	text-align: center;
	background: rgba(0,0,0,0.5);
	visibility: hidden;
	pointer-events:none;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 50ms ease-in-out;
}

.gallery .gallery-item:hover .gallery-caption {
	visibility: visible;
	bottom: 0px;
}


#inhoud .gallery-icon a img { 
	margin: 0px 0px!important; 
	height: auto!important;
	min-width: 100%!important;
	position: relative;
}

.pswp__bg {
	background: rgba(0,0,0,0.7)!important;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
}

img.pswp__img {  
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
	

/* ----- ----- ----- Personeel ----- ----- ----- */
#personeelbar { margin-top: 20px; margin-bottom: 20px;}

#personeelbar .block { padding: 0px 18px 30px 18px; display: inline-block; background: transparent; line-height: 1.5em; box-sizing: border-box; vertical-align: top;}
#personeelbar .block.onefourth { width: 24.5%;}

#personeelbar .block h3 { line-height: 2.5em; font-weight: bold; border-bottom: 0px; margin-bottom: 0px;}
#personeelbar .block .label { display: inline-block; width: 35%; font-weight: bold;}

#personeelbar .block img { 
	margin: 0px 0px 10px 0px; 
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	border: 1px solid #cccccc;
	width: 100%; height: auto!important
	}
	
#personeelbar .block img:hover { 
	border: 1px solid #333333;
	}
	
	
	#medewerker  img.staandthumb { float: left; margin: 0px 20px; border: 1px solid #cccccc; max-width: 300px!important; height: auto!important;}
	#medewerker h1 { margin-bottom: -10px;}
	#medewerker h4 { line-height: 1em; }
	#medewerker .label { display: inline-block; width: 120px; font-weight: bold;}
	
	.postnav { padding: 20px 0px; }
	
/* ----- ----- ----- 404 ----- ----- ----- */	
	
	body.error404 {
		background: url('images/404.jpg') 50% 50% no-repeat fixed;
		background-size: cover;
		}
	
	body.error404 #mainvisual { display: none;}
	
	body.error404 #sitecontainer {
    background: transparent;
}
	
	#sitecontainer.not-found { 
	margin-top: -500px;
	}	
	
	#sitecontainer.not-found h1 { 
	margin-top: 20px;
	margin-left: 70px;
	font-weight: bold!important;
	font-size: 188px!important;
	color: #333333!important;
	}
	
	#sitecontainer.not-found h5 { 
	margin-left: 160px;
	font-size: 48px!important;
	color: #cccccc!important;
	font-style: italic!important;
	text-transform: none!important;
	text-shadow: 1px 1px 0px #000000;
	margin-top: -116px;
	margin-bottom: 80px;
	}
	
	#sitecontainer.not-found #maincontent { 
	min-height: 400px;
	}	

/* ----- ----- ----- Blogposts ----- ----- ----- */

#berichtenbar .wrapper { width: 960px; padding: 0px; margin-bottom: 20px;}

.bericht { 
	padding: 10px;
    box-sizing: border-box;
    margin: 1%;
    margin-bottom: 20px;
    width: 47.5%;
    display: inline-block;
	vertical-align: top;
    min-height: 160px;
    background: #f8f8f8;
    border: 1px solid #e3e3e3;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
	}
	
.bericht:hover { 
	-webkit-box-shadow: 0 0 10px 0 #333333;
	box-shadow: 0 0 10px 0 #333333;
	}
	
.bericht h2 { margin-top: 0px!important; font-size: 1.8em; }

.bericht img.thumb { width: 100px; height:auto!important; border: 2px solid #ffffff; margin-top: 14px;}

.navigation { text-align: center;}

footer.entry-meta { display: none;}


/************ BUTTONS ***************/

a.su-button { 
	margin-top: 1.5em;  margin-bottom: 1.5em; 
		-webkit-transition: all 450ms ease-in-out;
	-moz-transition: all 450ms ease-in-out;
	-ms-transition: all 450ms ease-in-out;
	-o-transition: all 450ms ease-in-out;
	transition: all 450ms ease-in-out;
}

/************ FORM ***************/

form.wpcf7-form { margin-top: 18px;font-size: 12px;}
form.wpcf7-form .links { display: block; float: left; width: 50%;}
form.wpcf7-form .label { display: block; float: left; width: 120px; line-height: 26px;}
form.wpcf7-form input,
form.wpcf7-form textarea,
form.wpcf7-form select {
	border: 1px solid #cccccc;
	background: #efefef;
	padding: 5px;
	font-family: arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #333333;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	}

form.wpcf7-form input:focus,
form.wpcf7-form textarea:focus,
form.wpcf7-form select:focus {
	border: 1px solid #666666;
	border-radius: 5px;
	background: #ffffff;
	}

form.wpcf7-form .clear { height: 1px; margin-bottom: 0px;}
	
form.wpcf7-form textarea  { width: 500px; max-width: 94%}

form.wpcf7-form .wpcf7-checkbox .wpcf7-list-item { float: left; width: 220px; display: block; margin: 3px;  margin-left: 10px; }

form.wpcf7-form .captcha { width: 120px; display: block; float: left; }
form.wpcf7-form input.wpcf7-captchar { width: 80px; float: left; margin-left: 10px; margin-top: -2px;}

form.wpcf7-form input.wpcf7-submit { width: 100px; float: left; margin-left: 15px; margin-top: -2px; }
form.wpcf7-form input.wpcf7-submit:hover {  cursor: pointer; color: #333333; border-radius: 5px; width: 120px; }
	
form.wpcf7-form img { 
	border: 0px; padding: 0px; float: left;
	}

form.wpcf7-form .wpcf7-not-valid-tip {
	display: inline-block!important; 
	padding-left: 10px!important;
	line-height: 26px!important;
	}


form.wpcf7-form .wpcf7-checkbox {
    float: left;
	max-width: 95%;
    display: block;
    margin: 3px;
    margin-left: 0px;
 -webkit-column-count: 2;
	    -moz-column-count: 2;
	         column-count: 2;
-webkit-column-gap: 20px;
   -moz-column-gap: 20px;
        column-gap: 20px;
}

form.wpcf7-form .wpcf7-checkbox .wpcf7-list-item {
    float: none;
    width: 100%;
    display: block;
    padding: 3px;
	margin: 0;
    margin-left: 0px;
}
  
form.wpcf7-form input[type="checkbox"]:focus,
form.wpcf7-form input[type="radio"]:focus { outline: 1px dotted; }
	
	
/***** ***** ***** WP NATIVE ZOEKFORM ***** ***** *****/

form#searchform input {
	border: 1px solid #cccccc;
	background: #efefef;
	padding: 5px;
	font-family: arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 16px;
	color: #333333;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	text-align: center;
	clear: both;
	width: 300px;
	max-width: 95%; 
	margin-top: 10px;
	}

body.error404 form#searchform { margin-top: -30px;}
	
form#searchform input:focus {
	border: 1px solid #666666;
	border-radius: 5px;
	background: #ffffff;
	}

form#searchform input[type="submit"] { width: 100px; margin-top: 8px; clear: both;font-weight: normal; text-transform: none; }
form#searchform input[type="submit"]:hover {  cursor: pointer; color: #333333; border-radius: 5px; width: 160px; }



	
/***** ***** ***** AVDWSCROLLLER ***** ***** *****/
#carslider .jcarousel-wrapper { background: transparent!important; width: 95%; }

@media screen and (max-width: 820px) {
	#carslider .jcarousel-wrapper{ width: 90%; }
}

@media screen and (max-width: 480px) {
	#carslider .jcarousel-wrapper{ width: 84%; }
	#carslider .jcarousel-wrapper a.jcarousel-control-prev { margin-left: -50px; }
	#carslider .jcarousel-wrapper a.jcarousel-control-next { margin-right: -40px; }
}


		
/* standaard auto van de week */
.AutoCommerceAvdwWidget ul,
.autovdweek ul {
    width: 100%;
	position: relative;
    list-style: none;
    margin: 10px 0;
    padding: 0;
	margin-left: 0px;
	text-align: center;
}

	.AutoCommerceAvdwWidget ul li,
	.autovdweek ul li {         
		width: 24.5%;     
		padding-left: 0px;
		margin-left: 0px;
		list-style: none;
		display: inline-block;
		overflow: hidden;
		text-align: left;
		margin: 0;
		max-height: none;
		}		
	
		
	.AutoCommerceAvdwWidget ul li,
	.AutoCommerceAvdwWidget ul li a,
	.autovdweek ul li,
	.autovdweek ul li a { 
		text-decoration: none; 
		}
		
	.AutoCommerceAvdwWidget a:hover,
	.autovdweek a:hover { 
		text-decoration: none; 
		}
	
	.AutoCommerceAvdwWidget ul li .avdwfoto,
	.autovdweek ul li .avdwfoto {
		display: block; float: left; 
		width: 90px; height: 90px; 
		margin-right: 0px;
	}
	
	.AutoCommerceAvdwWidget ul li .avdwfoto img,
	.autovdweek ul li .avdwfoto img {
		width: 90px!important; height: auto!important; 
		margin-top: 2px; margin-left: 0px;
	}
	
	.AutoCommerceAvdwWidget ul li .avdwgegevens,
	.autovdweek ul li .avdwgegevens {
		display: block; float: left; 
		padding-left: 10px; 
		width: 140px; height:90px;
	}
	
	.AutoCommerceAvdwWidget ul li .avdwmerkmodel,
	.autovdweek ul li .avdwmerkmodel {
		display: block; width: 140px; height: 20px;  
		overflow: hidden;  white-space: nowrap; 
		text-overflow: ellipsis; font-size: 14px;
		margin-top: 0!important;
		}
		 
	.AutoCommerceAvdwWidget ul li .avdwmerkmodel strong,
	.autovdweek ul li .avdwmerkmodel strong {
		font-weight: bold; font-size: 14px;
		}
	
	.AutoCommerceAvdwWidget ul li .avdwuitvoering,
	.autovdweek ul li .avdwuitvoering {
		display: block; width: 140px; height: 20px;  
		overflow: hidden;  white-space: nowrap; 
		text-overflow: ellipsis; font-size: 12px;
		font-style: italic; margin-bottom: -1px;
		}

	.AutoCommerceAvdwWidget ul li .avdwbouwjaar,
	.AutoCommerceAvdwWidget ul li .avdwkmstand,
	.autovdweek ul li .avdwbouwjaar,
	.autovdweek ul li .avdwkmstand	{
		display: block; width: 140px; display: none;
		height: 16px; font-size: 11px; color: #cccccc;
	}
	
	
	.AutoCommerceAvdwWidget ul li .detail,
	.autovdweek ul li .detail {
		display: block; width: 58px; float: left; 
		height: 16px; font-size: 11px; color: #cccccc;
	}
	
	.AutoCommerceAvdwWidget ul li .detaildata,
	.autovdweek ul li .detaildata {
		display: block; width: 90px; float: left; 
		height: 16px; font-size: 11px; color: #cccccc;
	}
	
	.AutoCommerceAvdwWidget ul li .details .prijs,
	.AutoCommerceAvdwWidget ul li .avdwprijs,
	.autovdweek ul li .details .prijs,
	.autovdweek ul li .avdwprijs	{
		display: block; height: 20px; margin-top: 3px;
		overflow: hidden;  white-space: nowrap; 
		text-overflow: ellipsis; font-size: 14px;
	}
	
	.AutoCommerceAvdwWidget ul li .avdwprijs strong,
	.autovdweek ul li .avdwprijs strong {
		font-weight: bold; font-size: 14px;
		}
		
	.AutoCommerceAvdwWidget ul li .avdwprijs em,
	.autovdweek ul li .avdwprijs em  {
		font-style: normal; font-size: 14px;
		}	

	.AutoCommerceAvdwWidget ul li .avdwprijs .prijslabel,
	.autovdweek ul li .avdwprijs .prijslabel {
		display: none;
		}		
		
/* = BOTTOMCONTENT 
-------------------------------------------------------------- */	

#bottomcontent { 
	position: relative; 
	z-index: 2;
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: rgba(0, 0, 0, 0.15);
	}

body.error404 #bottomcontent {
	background-color: rgba(255, 255, 255, 0.8);
	}

	
#bottomcontent .widget {
		margin: 0 1%;
		width: 48%;
		display:block;
		float: left;
		}
		
#bottomcontent .widget.autovdweek,
#bottomcontent .widget.AutoCommerceAvdwWidget {
		margin: 0 0;
		width: 100%;
		display:block;
		float: none;
		}
		
#bottomcontent .widget h3 {
	line-height: 50px; white-space: nowrap;
	color: #000000; font-size: 22px;
	overflow: hidden; text-overflow: ellipsis;
	}
	
	#bottomcontent .widget img { float: left; margin-right: 20px; max-width: 140px; height: auto!important; border-bottom: 2px solid transparent;}
	#bottomcontent .widget p.nieuwstitle { margin-top: 0px; margin-bottom: -0.8em; font-weight: bold; font-size: 14px;}
	#bottomcontent .widget a:hover img { border-bottom: 2px solid black;}	
	#bottomcontent .widget a.leesmeerlink { float: right;}
	
	#bottomcontent .widget a.nieuwslink { 
	clear: both; float: right;
	width: 50%; display: block;
	border: 1px solid #e0e0e0;
	background: #000000;
	background-color: rgba(0, 0, 0, 0.8);
	color: #ffffff; line-height: 16px; padding: 5px;
	cursor: pointer; text-align: center;
	text-decoration: none;
	margin-top: 40px;
	text-shadow: none;
	}
	
	#bottomcontent .widget a.nieuwslink:hover {
	background: #000000;
	background-color: rgba(0, 0, 0, 1);
	color: #ffffff;
	} 
	
	#minizoeker .labeltekst { 
	display: inline-block; width: 30%; margin-bottom: 3px;
	font-size: 12px; line-height: 18px;
	}
	
	#minizoeker .label { display: inline-block; width: 60%; margin-bottom: 3px;}
	#minizoeker .label select, #minizoeker .label input { 
	width: 100%;
	border: 1px solid #e0e0e0;
	background: #ffffff;
	padding: 5px;
	font-size: 12px;
	line-height: 16px;
	color: #333333;
	cursor: pointer;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	}

	#minizoeker #zoekbar {margin-left: 30%;}
	#minizoeker #zoekbar #zoekbutton {
	background: #000000;
	background-color: rgba(0, 0, 0, 0.8);
	color: #ffffff;
	cursor: pointer; margin-left: 4px; font-size: 12px; 
	-webkit-transition: all 450ms ease-in-out;
	-moz-transition: all 450ms ease-in-out;
	-ms-transition: all 450ms ease-in-out;
	-o-transition: all 450ms ease-in-out;
	transition: all 450ms ease-in-out;
	}
	#minizoeker #zoekbar #zoekbutton:hover {
	background: #000000;
	background-color: rgba(0, 0, 0, 1);
	color: #ffffff;
	}
	
	

/***** ***** ***** WOOCOMMERCE EXTRAS ***** ***** *****/

/* = Login widget  = */

.woo-ma-error { 
	font-style: italic; background: red; 
	color: #ffffff; padding: 5px 10px; width: 80%; 
	margin: 0; text-align: center;
	}

.logout p { display: block; clear: both;}

.logout p label { display: inline-block; line-height: 26px; width: 120px; vertical-align: middle;}

.logout p.login-username label { line-height: 14px;}

.logout p.login-remember { display: inline-block; width: 120px; vertical-align: middle; }
.logout p.login-remember label { font-size: 10px;}

.logout p.login-submit { display: inline-block; width: 220px; vertical-align: middle;}

.logout input,
.logout textarea {
	border: 1px solid #cccccc;
	background: #efefef;
	padding: 5px;
	font-family: arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #333333;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	width: 220px;
	}

.logout input:focus,
.logout textarea:focus {
	border: 1px solid #666666;
	border-radius: 5px;
	background: #ffffff;
	}

.logout p.login-remember label input {float: left; margin-right: 6px; margin-top: 8px; width: 20px}
	
.logout input[type="submit"] { width: 100px; float: left; }
.logout input[type="submit"]:hover  { cursor: pointer; color: #333333; border-radius: 5px; width: 120px; }

.logout a.woo-ma-lost-pass { 
	font-size: 10px; font-style: italic;
	opacity: 0.4; filter: alpha(opacity=40);
	}
	

.login li a { text-decoration: none;}

.logout a.woo-ma-cart-link,
.login a.woo-ma-cart-link,
.login a.woo-ma-myaccount-link {
	 background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    border: 1px solid #e0e0e0;
    clear: both;
    color: #ffffff;
    cursor: pointer;
    display: block;
    line-height: 16px;
    margin-top: 20px;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    width: 50%;
	}
	
.logout a.woo-ma-cart-link:hover,
.login a.woo-ma-cart-link:hover,
.login a.woo-ma-myaccount-link:hover {
	background: #000000;
	background-color: rgba(0, 0, 0, 1);
	color: #ffffff;
	} 


.login a.woo-ma-logout-link { 
	font-size: 10px; font-style: italic;
	opacity: 0.4; filter: alpha(opacity=40);
	}
	
	
/* = Mijn account overzicht  = */
.woocommerce p.myaccount_user {
	margin-bottom: 2.5em!important;
	}
	
.woocommerce .addresses {margin-top: 2.5em!important;}

.woocommerce #customer_details {margin-bottom: 2.5em!important;}

.woocommerce .addresses a.edit { 
	margin-top: 20px;margin-right: 10px;
	font-size: 10px; font-style: italic;
	opacity: 0.4; filter: alpha(opacity=40);
	}
	
.woocommerce .addresses address {
	font-size: 1em;
	line-height: 1.5em;
	margin-top: 0.6em;
	margin-bottom: 0.5em;
	padding: 8px;
	background-color: rgba(0, 0, 0, 0.15);
	}
	
.woocommerce input {	
	border: 1px solid #cccccc;
	background: #efefef;
	padding: 5px;
	font-family: arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #333333;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	}
	
.woocommerce input:focus {	
	border: 1px solid #666666;
	border-radius: 5px;
	background: #ffffff;
	}

.woocommerce #payment ul li,
.woocommerce ul.order_details li { list-style: none;}


.woocommerce ul.order_details {
	line-height: 1.5em;
	margin-top: 0.6em;
	margin-bottom: 0.5em;
	padding: 8px;
	background-color: rgba(0, 0, 0, 0.15);
	}

p.demo_store { 
	background-color: #ff0000!important; 
	top: auto!important; bottom: 0!important;
	box-shadow: 0 -1px 1em rgba(0, 0, 0, 0.5)!important;
	opacity: 0.75; filter: alpha(opacity=75);
	}


.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message,
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
.woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt[disabled]:disabled, .woocommerce #respond input#submit.alt[disabled]:disabled:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt[disabled]:disabled, .woocommerce a.button.alt[disabled]:disabled:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt[disabled]:disabled, .woocommerce button.button.alt[disabled]:disabled:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt[disabled]:disabled, .woocommerce input.button.alt[disabled]:disabled:hover,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
.woocommerce .widget_price_filter .ui-slider .ui-slider-range { 
	background: #000000;
	background-color: rgba(0, 0, 0, 0.6);	
	color: #ffffff!important;
	}

.woocommerce .woocommerce-error:hover, .woocommerce .woocommerce-info:hover, .woocommerce .woocommerce-message:hover,
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
.woocommerce .widget_price_filter .ui-slider .ui-slider-range { 
	background: #000000;
	background-color: rgba(0, 0, 0, 1);
	color: #ffffff!important;
	} 


/* = FOOTER 
-------------------------------------------------------------- */	
footer { 
	background: #000000;
	background-color: rgba(0, 0, 0, 0.8);
	text-align: center;
	position: relative;
	z-index: 30;
	text-shadow: none;
	}
	
footer a#toplink { 
	display: inline-block; width: 50px; height: 50px; text-indent: -9000px; position: absolute; 
	background: url('images/arrow_up.png') 50% 50%; margin-top: -25px; cursor: pointer;
	left: 50%; margin-left: -25px;
	}
	
footer a#toplink:hover {  margin-top: -28px;	}
	
#footerwidgets { padding-top: 40px;}
#footerwidgets .widget {
		margin: 0 1%;
		width: 31.32222%;
		display:block;
		float: left;
		text-align: left;
		}
		
#footerwidgets .widget h3 {
	line-height: 50px; white-space: nowrap;
	color: #ffffff; font-size: 22px;
	}

#footerwidgets .widget p { color: #ffffff;} 
#footerwidgets .widget p a { color: #ffffff;} 
	
#footerwidgets .widget img {
	max-width: 140px!important; height: auto!important;
	float: left; margin-right: 20px; 
	}
#footerwidgets .widget img.attachment-full { max-width: 100%!important;}
	
	#footerwidgets .widget iframe { width: 100%;}
	
#colofon { padding-top: 40px; padding-bottom: 60px; color: #666} 
#colofon a { color: #666;  text-decoration: none;} 
#colofon a:hover { color: #ccc;} 

#colofon .spacer { padding: 0 5px;} 

/*************************************** SHAREBAR ***************************************/
#sharebar {
	position: fixed; z-index: 100;
	width: 50px; height: 126px; 
	left: -1px; top: 160px;
	background: url('images/sharebar.png') rgba(200,200,200,0.5);
	border: 1px solid #ffffff;
	-webkit-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
	-webkit-box-shadow: 0 0 5px 0 #333333;
	box-shadow: 0 0 5px 0 #333333;
	-webkit-transition: all 450ms ease-in-out;
	-moz-transition: all 450ms ease-in-out;
	-ms-transition: all 450ms ease-in-out;
	-o-transition: all 450ms ease-in-out;
	transition: all 450ms ease-in-out;
	opacity: 0.6;
    filter: alpha(opacity=60);
}		
#sharebar:hover {
	opacity: 0.9;
    filter: alpha(opacity=90);
	}
	
#sharebar ul { margin-left: 0px; padding-left: 0px; margin-top: 7px;}
#sharebar ul li { margin-left: 6px; padding-left: 0px; }
#sharebar a {
	display: block; border: 1px solid transparent;
	width: 32px; height: 30px; margin-bottom: 8px;
	text-indent: -9000px;
}		

#sharebar a:hover { background: transparent;}	

/*************************************** MISC ***************************************/
#inhoud .edit-link { 
	position: fixed; right: 20px; bottom: 80px;
	background: #ffffff; border: 1px solid #cccccc;
	padding: 10px; z-index: 99999;
	display: inline-block;
	-webkit-transition: all 450ms ease-in-out;
	-moz-transition: all 450ms ease-in-out;
	-ms-transition: all 450ms ease-in-out;
	-o-transition: all 450ms ease-in-out;
	transition: all 450ms ease-in-out;
	opacity: 0.3;
    filter: alpha(opacity=30);
	}
	
#inhoud .edit-link:hover { 
	padding: 10px 20px; 
	opacity: 0.9;
    filter: alpha(opacity=90);
	}
#inhoud .edit-link a { 
	text-decoration: none;
	}


#cookie-law-info-bar {border-top: 1px solid #666666!important;}
#cookie-law-info-again {
    right: -82px!important;
    top: 70%!important; bottom: auto!important;
    display: block; width: 160px;
	border-top: 1px solid #666666!important;
	border-left: 1px solid #666666!important;
	border-right: 1px solid #666666!important;
	-ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Safari */
    transform: rotate(-90deg);
}


#catapult-cookie-bar span {
	font-size: 1em;
	line-height: 1.5em;
	margin-top: 0.5em!important;
	margin-bottom: 1.5em!important;
	}
	
#catapult-cookie-bar h3 {
    margin: 0 0 0 0!important;
}

#catapult-cookie-bar a { display: inline-block; }
	
	
.cookiefirst-root > span { 
	margin-bottom: 60px; 
	opacity: 0.6;
	-webkit-filter: grayscale(100%);
    -moz-filter:    grayscale(100%);
    -ms-filter:     grayscale(100%);
    -o-filter:      grayscale(100%);
}

.cookiefirst-root > span:hover { 
	margin-bottom: 60px; 
	opacity: 1;
	-webkit-filter: grayscale(0%);
    -moz-filter:    grayscale(0%);
    -ms-filter:     grayscale(0%);
    -o-filter:      grayscale(0%);
}


/* hide skip link */
a.skip-link { position: absolute; text-indent: -9000px; }


.map-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
	margin-top: 1em;
	margin-bottom: 0.5em;
}
.map-responsive iframe {
    border: 0;
    left: 0;
    top: 0;
    height: 100%!important;
    width: 100%!important;
    position: absolute;
}


/* SOCIAL TABS */
ul.ctatabs {
  position: fixed;
  right: 0px;
  top: 28%;
  z-index: 1000;
  -ms-transform: translate(0%, -50%); /* IE 9 */
  -webkit-transform: translate(0%, -50%); /* Safari */
  transform: translate(0%, -50%);

}

ul.ctatabs li {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  margin-bottom: 0;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
   -webkit-box-shadow: 0 8px 46px 0 rgba(0,0,0,0.15);
}

ul.ctatabs li a {
  display: block;
  width: 50px;
  height: 50px;
}  

ul.ctatabs li:hover {
  margin-left: -3px;
}  

ul.ctatabs li a { text-indent: -9000px; }	  

ul.ctatabs li.bellentab a { z-index: 9001; background: url('images/contactctatabs.jpg') 50% 0 no-repeat #e10000; }
ul.ctatabs li.emailtab a { z-index: 9002; background: url('images/contactctatabs.jpg') 50% -50px no-repeat #4caae0; }
ul.ctatabs li.facebooktab a { z-index: 9003; background: url('images/contactctatabs.jpg') 50% -100px no-repeat #3f5898;}
ul.ctatabs li.instagramtab a { z-index: 9004; background: url('images/contactctatabs.jpg') 50% -200px no-repeat #a03697;}
ul.ctatabs li.twittertab a { z-index: 9004; background: url('images/contactctatabs.jpg') 50% -250px no-repeat #000000;}
ul.ctatabs li.linkedintab a { z-index: 9004; background: url('images/contactctatabs.jpg') 50% -300px no-repeat #0a66c2;}
ul.ctatabs li.youtubetab a { z-index: 9004; background: url('images/contactctatabs.jpg') 50% -350px no-repeat #ff0101;}
ul.ctatabs li.whatsapptab a { z-index: 9005; background: url('images/contactctatabs.jpg') 50% -150px no-repeat #53be18;}

ul.ctatabs li.whatsapptab.mobiel { display: none; }

@media screen and (max-width: 820px) {
	 ul.ctatabs {
      top: 100%;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 50px;
      font-size: 0;
      -ms-transform: translate(0%, -100%); /* IE 9 */
      -webkit-transform: translate(0%, 100%); /* Safari */
      transform: translate(0%, -100%);
	  display: flex;
    }
		  
    ul.ctatabs li {
      display: inline-block;
      text-align: center;
	  /*width: 25%;*/
	  flex: 1 0;
    }

    ul.ctatabs li:hover {
      margin-left: 0px;
    }

    ul.ctatabs li a {
      display: block;
      width: 100%;
      height: 50px;
    }
}

/* SMALLER TABLETS */
@media screen and (max-width: 600px) {
 ul.ctatabs li.whatsapptab.mobiel { display: inline-block; }
 ul.ctatabs li.whatsapptab.desktop { display: none; }
}


/* ===== ===== ===== ANIMATION ===== ===== ===== */
#sitecontainer {
  animation-duration: 0.5s;
  animation-name: animate-fade;
  animation-delay: 0.5s;
  animation-fill-mode: backwards;
}

#topcontent {
  animation-duration: 0.5s;
  animation-name: animate-fade;
  animation-delay: 0.4s;
  animation-fill-mode: backwards;
}

body.home #sitecontainer {
  animation-duration: 0.5s;
  animation-name: animate-fade;
  animation-delay: 0.6s;
  animation-fill-mode: backwards;
}

@keyframes animate-fade {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

/* ===== ===== ===== PAGEBUILDERS ===== ===== ===== */
#maincontent.pagebuilder { margin-top: -40px; padding: 0; width: 100%; max-width: 100%; }
#maincontent.pagebuilder .wrapper { width: 100%; max-width: 100%; padding: 0; overflow: hidden; }
#maincontent.pagebuilder .wrapper #inhoud { padding: 0px 0px 0px 0px; }


/* ACCESSIBILITY */
.onetap-container-toggle { padding: 0!important; }
.onetap-container * { text-shadow: none!important; }
nav.onetap-accessibility {display: block!important; }


/****************************************************
	Design: Autosoft BV - www.autosoft.eu
	Code & CSS: Autosoft BV - www.autosoft.eu
	Copyright 2025 Autosoft BV
	
****************************************************/