/*
Theme Name: Autosoft Theme: Matador
Theme URI: https://www.autosoft.eu
Author: Autosoft - Automotive Internet
Author URI: https://www.autosoft.eu/
Description: Matador theme, 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.
Version: 3.0.7
Text Domain: autosoft
*/

@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800");
@import url("https://fonts.googleapis.com/css?family=Oswald:300,400,500,700");


/* =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 , :focus {
  outline: 0;
}


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


/*************************************** GLOBALS ***************************************/


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



body { 
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.8em;
  font-weight: 400;
  color: #666666;
  text-align: left;
  
}

.wrapper { 
  width: 100%;
  max-width: 940px; 
  margin: 0px auto; 
  min-height: 10px; 
  padding: 0px 10px;
}

a,
.su-spoiler-title .su-spoiler-icon:before { color: #666666;
  -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;
}
 
a:hover , a:focus,
.su-spoiler-title:hover .su-spoiler-icon:before {
  color: #000000;
}

.entry-title a {
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  color: #343434;
  font-size: 30px;
  line-height: 30px;
  margin-top: 1em;
  margin-bottom: 0.2em;
  font-family: 'Oswald', Helvetica, Arial, sans-serif;
  text-align: left;
}

h1 { font-weight: 600!important; }
h2 { font-size: 22px; line-height: 22px; }
h3 { font-size: 20px; line-height: 20px; }
h4 { font-size: 18px; line-height: 18px; }
h5 { font-size: 16px; line-height: 16px; }
h6 { font-size: 14px; line-height: 14px; }

h1.center, h2.center, h3.center, h4.center, h5.center, h6.center {
  text-align: center;
}

.hide {
  display: none!important;
}

.pre-title { 
  display: block; 
  padding-top: 0em; 
  margin-bottom: -26px;
  font-family: 'Oswald', Helvetica, Arial, sans-serif;
  font-size: 20px;
}

.inhoud .pre-title,
#inhoud .pre-title { 
  margin-bottom: -26px; 
}


.pre-title.center{ 
  text-align: center!important;
}

img{  
  -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;
}

p , strong {
  margin-top: 1em;
  margin-bottom: 1.8em;
}
  
strong {
  font-weight: 600;
}


hr {
  border-collapse: collapse;
  border: 0;
  clear: both;
  display: block;
  border-bottom: 1px solid;
  margin-top: 2em;
  margin-bottom: 2em;
  opacity: 0.2;
}
  
ul , ol{
  margin-top: 1em;
  margin-bottom: 1.8em;
  margin-left: 1.5em;
}
  
li {
  list-style: square; 
  margin-left: 1em; 
  padding-left: 0.5em;
}


ol li {
list-style: none; 
  counter-increment: count-me;
}

ol li::before {
  content: counter(count-me) ". ";
  display: block;
  position: relative;
  max-width: 0px;
  max-height: 0px;
  left: -35px;
  color: #666666;
  font-weight: bold;
}


table {
  margin-bottom: 1.8em;
}

.su-button { 
  margin-top: 10px; margin-bottom: 28px;
}

.su-spoiler-title { font-weight: normal!important;
}

#inhoud .su-column { 
	margin-top: 1%; margin-bottom: 1%;
}
.su-row .su-column:first-child {
  margin-left: 0!important; 
}
.su-row .su-column:last-child {
  margin-right: 0!important; 
}

.su-column iframe {
  max-width: 100%;
  max-height: 318px!important;
}

.su-gmap {
    margin: 1.5em 0 1.5em 0!important;
}


ol.wp-paginate li::before { display: none; }

.wp-paginate {
    font-size: 14px;
}

.wp-paginate.wpp-modern-grey a,
.wp-paginate.wpp-modern-grey .current {
  border-radius: 0!important;
}

.wp-paginate .current { 
  background: #666666!important;  
  border: 1px solid #333333!important;
  opacity: 1!important;
}

/* ----- ----- ----- HEADER  ----- ----- ----- */
  
.site-header-logo {
  position: relative;
  z-index: 500;
  margin-bottom: -32px;
  margin-right: 20px;
}

#top {
  background: #EEEEEE;
  text-align: right;
  color: #343434;
  line-height: 2em;
  padding: 5px 20px;
}

#top  p{
  color: #343434;
}

#top a, #top p a {
  color: #343434;
  line-height: 2em;
  font-size: 0.9em;
  text-decoration: none;
  display: inline-block;
  margin-left: 50px;
}

#top a:hover, #top p a:hover {
  color: #666666;
}

#top #searchform {
  width: auto;
  float: left;
}

#top #searchform input[type="text"] {
  padding: 5px 25px;
  text-align: left;
  float: left;
  background: #ffffff;
}

#top #searchform input[type="text"]:focus { 
  width: 180px;
}

#header {
  background: #ffffff;
  width: 100%;
  padding: 10px 0px 0px 0px;
  margin-bottom: 2em;
}
  
#header .wrapper {
  position: relative; 
  padding-top: 10px; 
  padding-bottom: 10px;
}
  
#header #menu img { 
  max-width: 300px!important; 
  height: auto!important; 
  margin: 16px -10px 10px 0; 
  float: right;
}

#header #menu .desktoplogo { 
  display: block; 
}

#header #menu .mobilelogo { 
  display: none; 
}
  

/* =Menu
  -------------------------------------------------------------- */
.navwrap { 
  width: 100%; 
  position: relative; 
  z-index: 1000;
} 

  
#header #menu {
  min-height: 30px;
  background: #ffffff;
  -webkit-box-shadow: 0 6px 8px 0 rgba(0,0,0,0.4);
  box-shadow: 0 6px 8px 0 rgba(0,0,0,0.4);
  margin-top: -10px;
}
  
#header #menu .wrapper { 
  padding-top: 0px; 
  padding-bottom: 1px;
  display: table;
}


nav { 
  display: table-cell!important;
  vertical-align: middle;
}

  
#menu ul {
  font-size: 12px;
  list-style: none;
  margin: 1px 0 0 0;
  padding-left: 0;  
}
  

#menu li {
  display: inline-block;
  position: relative;
  margin-left: 0;
  padding-left: 0;  
  list-style: none;
}
  
#menu li li{
  margin-top: 0px;
}
  
#menu a {
  color: #000000;
  display: block;
  text-decoration: none;
  line-height: 56px;
  padding-left: 8px; 
  padding-right: 8px;
  font-family: 'Oswald', Helvetica, Arial, sans-serif;
  font-size: 14px; 
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
    
#menu li.menu-item-has-children a {
  padding-right: 28px; 
}

#menu li.menu-item-has-children::after {
  border: solid #666666;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 2px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  position: absolute;
  right: 8px;
  top: 23px;
  content: '';
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
  
#menu li li.menu-item-has-children a { 
  padding-right: 22px;
}

#menu li li.menu-item-has-children:after {
  display: none;
}
  
#menu li:hover > a,
#menu a:focus {
  background: #ffffff;
  color: #666666;
}
  
#menu ul ul {
  float: left;
  margin: 0;
  position: absolute;
  top: 70px;
  left: 0;
  z-index: 99999;
  -webkit-transition: all 350ms ease-in-out 350ms;
  -moz-transition: all 350ms ease-in-out 350ms;
  -ms-transition: all 350ms ease-in-out 350ms;
  -o-transition: all 350ms ease-in-out 350ms;
  transition: all 350ms ease-in-out 350ms;
  visibility: hidden;
  opacity: 0;
    -webkit-box-shadow: 0 8px 46px 0 rgba(0,0,0,0.10);
  box-shadow: 0 8px 46px 0 rgba(0,0,0,0.10);
  width: 220px;
}
  
#menu ul ul:before {
  content:"\A";
  border-style: solid;
  border-width: 14px 14px 14px 0px;
  border-color: transparent #343434 transparent transparent;
  position: absolute;
  top: -20px;
  left: 50%;
  margin-left: -80px;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}
  
#menu ul ul ul:before  { 
  display: none;
}
  
#menu ul ul li { text-align: left;
}
  
#menu ul ul ul {
  left: 100%;
  top: 0;
}
#menu ul ul a,
#menu li.menu-item-has-children li a {
  background: #343434;
  color: #ffffff;
  height: auto;
  line-height: 1.2em;
  padding: 8px 10px;
  width: 220px;
  box-sizing: border-box;
  border-left: 3px solid transparent;
  border-bottom: 1px solid rgba(255,255,255,0.1)!important;
  font-family: 'Oswald', Helvetica, Arial, sans-serif; 
  font-weight: 300;
  font-size: 12px; 
  }
  
  
#menu ul ul :hover > a {
  background: #4e4e4e; 
  font-size: 12px;
  color: #ffffff; 
  border-left: 3px solid transparent;
  border-bottom: 1px solid rgba(255,255,255,0.3)!important;
  padding-left: 14px; 
  padding-right: 6px;
}

#menu ul ul li:last-child a { 
  border-bottom: none!important;
}
  
#menu ul li:hover  > ul {
  top: 60px;
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 350ms ease-in-out 0ms;
  -moz-transition: all 350ms ease-in-out 0ms;
  -ms-transition: all 350ms ease-in-out 0ms;
  -o-transition: all 350ms ease-in-out 0ms;
  transition: all 350ms ease-in-out 0ms;
}
  
#menu ul li ul li:hover  > ul  { 
  top: 0; 
  left: 95%;
}
  
#menu .current-menu-item > a,
#menu .current-menu-ancestor > a,
#menu .current_page_item > a,
#menu .current_page_ancestor > a,
#menu .current-post-parent > a {
  background: #ffffff;
  color: #666666;
}
  
#menu ul ul .current-menu-item > a {
  background: #4e4e4e;
  font-size: 12px;
  color: #ffffff; 
  border-left: 3px solid transparent;
  }


   
/*************************************** MAIN CONTENT ***************************************/

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

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

/* =slideshow fix header*/

#mainvisual.visual {
  clear: both; 
  max-width: 100%!important; 
  margin-top: -2em!important; 
  margin-bottom: 0em!important; 
  border-bottom: 20px solid #000000;
}
  
#mainvisual.visual.pageheader {
  clear: both; 
  max-width: 100%!important; 
  margin-top: 0
}
  
#mainvisual.visual.pageheader.static {
	text-align: center;
	line-height: 0;
}

#mainvisual.visual.pageheader.static img {
	width: 100%!important;;
	height: auto!important;
}
  
/* ----- ----- ----- VISUAL  ----- ----- ----- */
  
.visual {
  margin: 0px auto;
  clear: both;
  display: block;
}

div[class^="amazingslider-nav-"] {display: none!important;}


.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;
}
  
.inhoud {
  padding: 0em 2em 1em 2em; 
  position: relative; 
}

body.home article,
body.page-template-page-home article {
  padding: 2em 2em 1em 2em; 
  position: relative; 
}

body.home .article-img-holder,
body.page-template-page-home .article-img-holder {
  display: block;
  text-align: center;
  font-size: 0;
  position: relative;
}
body.home img.article-img,
body.page-template-page-home img.article-img  {
  width: 100%!important;
  margin: 0 auto;
  margin-bottom: -1rem;
  display: inline-block;
  height: auto!important;
  position: relative;
}

#inhoud {
  padding: 2em 2em 2em 2em; 
  position: relative; 
}

/* HOMEPAGE */

article.wit h1, article.wit h3, article.wit .pre-title, article.wit p, 
article.wit #autovandeweek *, article.wit .inhoud ul#autovandeweek li .avdwgegevens .avdwmerkmodel strong,
article.wit a.toplink, article.wit a.toplink:hover { 
  color: #ffffff!important;
}

article.wit .pre-title {
  opacity: 0.75;
}
 
body.home header.entry-header,
body.page-template-page-home header.entry-header { 
  padding-top:10px!important; 
  padding-bottom: 10px!important;
}

.inhoud h3.entry-title-post { 
  margin-left: 120px; 
  text-decoration: none;
}

.inhoud h3.entry-title-post a { 
  text-decoration: none;
}

.inhoud img.attachment-small-post { 
  float: left; 
  margin-right: 10px; 
  margin-bottom: 10px;
  margin-top: -40px; 
  width: 100px!important; 
  height: auto!important;
}

.inhoud img.alignleft,
.inhoud img.alignright,
.inhoud img.aligncenter {
  margin-bottom: 18px;
}

.inhoud p, .inhoud ul, .inhoud ol {
  margin-bottom: 21px;
}
 
.inhoud ul, .inhoud ol { 
  margin-left: 20px;
}

.inhoud ul li {
  list-style: square;
  padding-left: 10px;
}
  
a.toplink { 
  float: right; 
  margin-bottom: -20px; 
  font-size: 0.9em; 
  text-decoration: none; 
  padding-right: 10px; 
  margin-top: 10px;
}  


a.toplink:before {
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #333333;
  content: '';
  position: absolute;
  margin-top: 10px;
  margin-left: 36px;
  -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;
}

a.toplink:hover:before { 
  border-bottom: 5px solid #666666;
}  


a.backtotop, a.backtotop.hide { 
  opacity: 0; bottom: -50px;
  -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;
  display: inline-block!important;
}

a.backtotop.show { 
  opacity: 1; bottom: 16px;
  
}


a.backtotop {
  cursor: pointer;
  position: fixed;
  left: 50%;
  /*margin-top: 8px;*/
  background: #666666;
  border-radius: 50%;
  border: 1px solid #FFFFFF;
  width: 41px;
  height: 41px;
  display: block;
  text-indent: -9000px;
  padding: 0;
  z-index: 999;
  box-sizing: border-box;
  -ms-transform: translate(-50%, -50%); /* IE 9 */
  -webkit-transform: translate(-50%, -50%); /* Safari */
  transform: translate(-50%, -50%);
  -webkit-box-shadow: 0 0 10px 0 #666666;
  box-shadow: 0 0 10px 0 #666666;
}  

a.backtotop:hover {  
  border: 1px solid #FFFFFF;
  background: #343434;
}

a.backtotop::before {
  display: none;
}

a.backtotop::after {
  border: solid #FFFFFF;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 4px;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  position: absolute;
  right: 14px;
  top: 17px;
  content: '';
}

a.backtotop:hover::after {
  border: solid #ffffff;
  border-width: 0 3px 3px 0;
}


.inhoud .blogbar , #inhoud .blogbar, #subfooter .blogbar { 
  text-align: center; 
  font-size: 0; 
  margin-bottom: 20px; 
}

.inhoud .blogbar .block.onehalf, .inhoud .blogbar .block.onefourth,
#inhoud .blogbar .block.onehalf, #inhoud .blogbar .block.onefourth,
#subfooter .blogbar .block.onehalf, #subfooter .blogbar .block.onefourth {
  box-sizing: border-box;
  display: inline-block;
  width: 25%; 
  padding: 0px 10px;
  /*font-size: 13px;*/
  vertical-align: top;
}


.inhoud .blogbar .block.onehalf,
#inhoud .blogbar .block.onehalf,
#subfooter .blogbar .block.onehalf  {
  width: 40%;
}

.inhoud .blogbar .block .su-post,
.inhoud .listbar .block .su-post,
#inhoud .blogbar .block .su-post,
#inhoud .listbar .block .su-post,
#subfooter .blogbar .block .su-post,
#subfooter .listbar .block .su-post  {
  background: #ffffff; 
  margin-bottom: 2em;
  -webkit-box-shadow: 0 0 10px 0 #cccccc;
  box-shadow: 0 0 10px 0 #cccccc;
}
  
.inhoud .blogbar .block .berichttekst,
.inhoud .listbar .block .berichttekst ,
#inhoud .blogbar .block .berichttekst,
#inhoud .listbar .block .berichttekst,
#subfooter .blogbar .block .berichttekst,
#subfooter .listbar .block .berichttekst   { 
  padding: 0 10px 10px 10px;
} 


.inhoud .blogbar .block .berichttekst h3.entry-title,
.inhoud .listbar .block .berichttekst h3.entry-title,
#inhoud .blogbar .block .berichttekst h3.entry-title,
#inhoud .listbar .block .berichttekst h3.entry-title,
#subfooter .blogbar .block .berichttekst h3.entry-title,
#subfooter .listbar .block .berichttekst h3.entry-title  { 
  font-weight: 300;
  font-size: 18px!important; 
  display: block; 
  overflow: hidden; 
  height: 40px;
}

body.search #inhoud .blogbar .block .berichttekst h3.entry-title {
  padding-top: 8px;
  height: auto;
}


#subfooter .blogbar .block .berichttekst h3.entry-title,
#subfooter .listbar .block .berichttekst h3.entry-title {
  height: auto;
  margin-bottom: 0!important;
}
  
.inhoud .blogbar .block .berichttekst p,
.inhoud .listbar .block .berichttekst p,
#inhoud .blogbar .block .berichttekst p,
#inhoud .listbar .block .berichttekst p,
#subfooter .blogbar .block .berichttekst p,
#subfooter .listbar .block .berichttekst p {
  text-align: left; 
  line-height: 1.6em;
} 

body.search #inhoud .blogbar .block .berichttekst  p {
  min-height: 156px;
}

.inhoud .blogbar .block .berichttekst a.bloglink,
.inhoud .listbar .block .berichttekst a.bloglink,
#inhoud .blogbar .block .berichttekst a.bloglink,
#inhoud .listbar .block .berichttekst a.bloglink,
#subfooter .blogbar .block .berichttekst a.bloglink,
#subfooter .listbar .block .berichttekst a.bloglink  { 
  padding: 5px 10px; 
  display: inline-block; 
  width: 100%;
  box-sizing: border-box; 
  background:#666666; 
  color: #ffffff;
  font-weight: 300;
  text-decoration: none; 
  margin-top: -3px; 
  text-align: center;
} 

.inhoud .blogbar .block .berichttekst a.bloglink:hover,
.inhoud .listbar .block .berichttekst a.bloglink:hover,
.inhoud .blogbar .block:hover .berichttekst a.bloglink,
.inhoud .listbar .block:hover .berichttekst a.bloglink,
#inhoud .blogbar .block .berichttekst a.bloglink:hover,
#inhoud .listbar .block .berichttekst a.bloglink:hover,
#inhoud .blogbar .block:hover .berichttekst a.bloglink,
#inhoud .listbar .block:hover .berichttekst a.bloglink,
#subfooter .blogbar .block .berichttekst a.bloglink:hover,
#subfooter .listbar .block .berichttekst a.bloglink:hover,
#subfooter .blogbar .block:hover .berichttekst a.bloglink,
#subfooter .listbar .block:hover .berichttekst a.bloglink
  { 
  background:#343434; 
  color: #ffffff;
  text-decoration: none;
} 

.inhoud .blogbar .block .berichtimage,
.inhoud .listbar .block .berichtimage,
#inhoud .blogbar .block .berichtimage,
#inhoud .listbar .block .berichtimage,
#subfooter .blogbar .block .berichtimage,
#subfooter .listbar .block .berichtimage  {
  height: 200px; 
  width: 100%; 
  overflow: hidden;
  position: relative;
  background: url('images/image.png') 50% 50% no-repeat #ffffff;
  background-size: contain;
}

.inhoud .blogbar .block.onehalf .berichtimage, 
#inhoud .blogbar .block.onehalf .berichtimage,
#subfooter .blogbar .block.onehalf .berichtimage  { 
  height: 320px; 
}

.inhoud .blogbar .block.onehalf .berichttekst h3.entry-title, 
#inhoud .blogbar .block.onehalf .berichttekst h3.entry-title,
#subfooter .blogbar .block.onehalf .berichttekst h3.entry-title {
  white-space: nowrap; text-overflow: ellipsis; 
  height: 30px;
}

.inhoud .blogbar .block .berichtimage img,
.inhoud .listbar .block .berichtimage img,
#inhoud .blogbar .block .berichtimage img,
#inhoud .listbar .block .berichtimage img ,
#subfooter .blogbar .block .berichtimage img,
#subfooter .listbar .block .berichtimage img  { 
  min-height: 100%; 
  height: auto; 
  min-width: 100%; 
  width: auto; 
  max-width: none!important;
  position: relative; 
  top: 50%; 
  left: 50%;
  -ms-transform: translate(-50%, -50%); /* IE 9 */
  -webkit-transform: translate(-50%, -50%); /* Safari */
  transform: translate(-50%, -50%);
}
  
.inhoud .blogbar .block:hover .berichtimage img,
.inhoud .listbar .block:hover .berichtimage img,
#inhoud .blogbar .block:hover .berichtimage img,
#inhoud .listbar .block:hover .berichtimage img,
#subfooter .blogbar .block:hover .berichtimage img,
#subfooter .listbar .block:hover .berichtimage img  { 
  -ms-transform: scale(1.02) translate(-49%, -49%); /* IE 9 */
  -webkit-transform: scale(1.02) translate(-49%, -49%); /* Safari */
  transform: scale(1.02) translate(-49%, -49%);
}
  
.inhoud .listbar .block .berichttekst, 
#inhoud .listbar .block .berichttekst,
#subfooter .listbar .block .berichttekst { 
  display: inline-block; 
  width: 64%; 
  vertical-align: top; 
  box-sizing: border-box;
}

.inhoud .listbar .block .berichtimage, 
#inhoud .listbar .block .berichtimage,
#subfooter .listbar .block .berichtimage   { 
  display: inline-block; 
  width: 33%; 
  vertical-align: top;
}

.inhoud .listbar .block .berichttekst h3.entry-title, 
#inhoud .listbar .block .berichttekst h3.entry-title,
#subfooter .listbar .block .berichttekst h3.entry-title { 
  height: auto;
}  

.inhoud .listbar .block .berichttekst .entry-date, 
#inhoud .listbar .block .berichttekst .entry-date,
#subfooter .listbar .block .berichttekst .entry-date {
  font-family: 'Oswald', Helvetica, Arial, sans-serif;
  text-decoration: none; 
  color: #666666;
  margin-top: 1.2em; 
  display: block;
}
  
.inhoud .listbar .block .berichttekst h3.entry-title, 
#inhoud .listbar .block .berichttekst h3.entry-title,
#subfooter .listbar .block .berichttekst h3.entry-title { 
  margin-top: 0; 
}

.inhoud .listbar .block .berichttekst a.bloglink, 
#inhoud .listbar .block .berichttekst a.bloglink,
#subfooter .listbar .block .berichttekst a.bloglink { 
  width: initial;
}



/* CONTENT PAGES */

#inhoud article header h1 { 
  position: relative; 
  z-index: 2;
}
 
#inhoud img , .wp-caption { 
  max-width: 100%!important; 
  height:auto!important;
  margin-bottom: 20px;
}

.entry-content img { max-width: 100%!important; height: auto!important; }
img.aligncenter { height: auto!important; }

#inhoud .gallery img { 
  margin-bottom: 0;
}

.wp-caption {
  font-weight: bold;
  text-align: center;
}

#inhoud .entry-content { 
  padding-bottom: 40px; 
  width: 100%;
}
 
.su-column img {
  max-width: 100%; 
  height:auto!important;
}
 
/* Alignment */
.alignleft {
  display: inline;
  float: left;
  margin-right: 20px;
}
.alignright {
  display: inline;
  float: right;
  margin-left: 20px;
}
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%!important;
}

.nofloat {
  clear: both;
}

.arrow-up {
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid black;
}

.arrow-down {
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid black;
}

.arrow-right {
  width: 0; 
  height: 0; 
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid black;
}

.arrow-left {
  width: 0; 
  height: 0; 
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent; 
  border-right:5px solid black; 
}

/* ----- ----- ----- Personeel ----- ----- ----- */

#personeelbar { margin-top: -10px; margin-bottom: 40px;}

#personeelbar .block { 
  margin: 0px 0px 30px 0px; 
  background: transparent; 
  display: inline-block; 
  box-sizing: border-box;
  vertical-align: top; 
  text-align: left;
  padding: 10px;
}

#personeelbar .block.onefourth { width: 24.5%;}

#personeelbar h5 {font-size: 1.5em; text-align: center; padding-bottom: 8px;}
#personeelbar .block { text-align: center;}
#personeelbar .block .label {display: none;}
#personeelbar .block .value.email {font-size: 1em;}
#personeelbar a {text-decoration: none;}
#personeelbar a.personeellink {
	display: block;
	width: 90%;
	padding-bottom: 90%;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	border-radius: 50%;
	border: 1px solid #666666;
	}
	
#personeelbar a.personeellink  img {
	position: absolute; 
	border: 0;
	height: 100%!important;
    width: auto!important;
    max-width: none!important;
	top: 50%; left: 50%;
	-ms-transform: translate(-50%, -50%); /* IE 9 */
    -webkit-transform: translate(-50%, -50%); /* Safari */
    transform: translate(-50%, -50%);
	}
	
#personeelbar a.personeellink:hover  img { height: 105%!important;}
#personeelbar a.personeellink img:hover  {border: 0;}
  
#medewerker {
  margin-top: 40px;
}
 
#medewerker  img.staandthumb { 
  float: left; 
  margin-right: 20px; 
  border: 1px solid #cccccc; 
  max-width: 400px!important; 
  height: auto!important;
}

#medewerker h1 { 
  margin-bottom: -10px;
}

#medewerker h4 {
  line-height: 1em; 
	margin-bottom: 2em;
}

#medewerker a {text-decoration: none;}

#medewerker .label { 
  display: inline-block; 
  width: 120px; 
}

#medewerker .postnav { 
    margin-top: 20px;
}

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

.bericht { 
  padding: 10px; 
  margin: 10px; 
  margin-bottom: 20px;
  width: 45.3%; 
  float: left; 
  min-height: 154px;
  background: #f8f8f8; 
  border: 1px solid #e3e3e3;
}

.bericht h2 { 
  margin-top: 0px;
}

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


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

.singlepage {
  margin-top: 40px; 
}

header .entry-meta {
  margin-top: -20px; 
  display: none;
}

.sep, .by-author { 
  display: none;
}

time { 
  font-style: italic;
  font-size: 10px; 
}

footer.entry-meta {
  margin-top: 40px; 
  font-style: italic;  
  font-size: 10px; 
  display: none;
}

footer.entry-meta a { 
  color: #333333; 
  color: #666666;
}

#inhoud .postnav {
  margin-top: 40px; 
  margin-bottom: 40px;
}

#inhoud .postnav span { 
  display: inline-block;
  padding: 2px 15px; 
  margin-bottom: 6px;
  -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;
}

#inhoud .postnav span:hover { 
}

#inhoud .postnav a { 
  color: #565a5a; 
  text-decoration: none;
}

#inhoud .postnav a:hover { 
 color: #666666; 
}

#subfooter .rpwe_widget h3 {
  text-align: center!important;
}

#subfooter .rpwe-block ul {
  list-style: none !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

#subfooter .rpwe-block li {
  border-bottom: 1px solid #eee;
  margin-bottom: 10px;
  padding-bottom: 10px;
  list-style-type: none;
}

#subfooter .rpwe-block a {
  text-decoration: none;
}

#subfooter .rpwe-block h3 {
  background: none !important;
  clear: none;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  font-weight: 400;
  font-size: 14px !important;
  text-align: center!important;
  line-height: 1.5em;
  color: #666666!important;
}

#subfooter .rpwe-thumb {
  border: 1px solid #eee !important;
  box-shadow: none !important;
  margin: 2px 10px 2px 0;
  padding: 3px !important;
}

#subfooter .rpwe-summary {
}

#subfooter .rpwe-time {
  color: #bbb;
  font-size: 11px;
}

#subfooter .rpwe-alignleft {
  display: inline;
  float: left;
}

#subfooter .rpwe-alignright {
  display: inline;
  float: right;
}

#subfooter .rpwe-aligncenter {
  display: block;
  margin-left: auto!important;
  margin-right: auto!important;
}

#subfooter .rpwe-clearfix:before,
#subfooter .rpwe-clearfix:after {
  content: '';
  display: table !important;
}

#subfooter .rpwe-clearfix:after {
  clear: both;
}

#subfooter .rpwe-clearfix {
  zoom: 1;
}

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

/* Contactform */

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;
	max-width: 95%;
	}

form.wpcf7-form input:focus,
form.wpcf7-form textarea:focus,
form.wpcf7-form select:focus {
	border: 1px solid #666666;
	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; }
  
/* AUTO VAN DE WEEK WIDGET */

.inhoud ul#autovandeweek,
#inhoud ul#autovandeweek,
#subfooter ul#autovandeweek ,
.inhoud .slider ul,
#inhoud .slider ul,
#subfooter .slider ul {
  padding: 0;
  width: 100%;
  clear: both;
  text-align: center;
  font-size: 0;
}  
  
.inhoud ul#autovandeweek,
#inhoud ul#autovandeweek,
#subfooter ul#autovandeweek,
.inhoud .slider ul,
#inhoud .slider ul,
#subfooter .slider ul { 
  margin-left: 0px; 
  padding-left: 0px; 
}

.inhoud ul#autovandeweek li,
#inhoud ul#autovandeweek li,
#subfooter ul#autovandeweek li,
.inhoud .slider ul li.voertuig,
#inhoud .slider ul li.voertuig,
#subfooter .slider ul li.voertuig { 
  margin-left: 0px; 
  list-style: none; 
  display: inline-block; 
  width: 1px;
  width: 24%;
  max-width: 300px!important;
  margin: 0% 0.3%;
  overflow: hidden;
  padding: 2px;
  padding-left: 0px;
  box-sizing: border-box;
  -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;
  vertical-align: top;
  font-size: 0;
}
  
.AutoCommerceAvdwWidget ul li ,
.slider ul li.voertuig { 
  max-height: none!important; 
  margin-bottom: 20px!important; 
}

.inhoud ul#autovandeweek li:hover,
#inhoud ul#autovandeweek li:hover,
#subfooter ul#autovandeweek li:hover,
.inhoud .slider ul li.voertuig:hover,
#inhoud .slider ul li.voertuig:hover,
#subfooter .slider ul li.voertuig:hover {
  margin-top: -4px; 
  margin-bottom: 4px;
  cursor: pointer;
}
  
.inhoud ul#autovandeweek li .avdwfoto,
#inhoud ul#autovandeweek li .avdwfoto,
#subfooter ul#autovandeweek li .avdwfoto ,
.inhoud .slider ul li.voertuig .sliderfoto,
#inhoud .slider ul li.voertuig .sliderfoto,
#subfooter .slider ul li.voertuig .sliderfoto { 
  display: block; 
  width: 100%; 
  height: auto!important; 
  overflow: hidden; 
  float: left; 
  margin-right: 10px; 
  margin-left: 0; 
  box-sizing: border-box; 
}
.inhoud ul#autovandeweek li .avdwfoto br,
#inhoud ul#autovandeweek li .avdwfoto br,
#subfooter ul#autovandeweek li .avdwfoto br,
.inhoud .slider ul li.voertuig .sliderfoto br,
#inhoud .slider ul li.voertuig .sliderfoto br,
#subfooter .slider ul li.voertuig .sliderfoto br {
  display: none;
} 

.inhoud ul#autovandeweek li .avdwfoto img,
#inhoud ul#autovandeweek li .avdwfoto img,
#subfooter ul#autovandeweek li .avdwfoto img,
.inhoud .slider ul li.voertuig .sliderfoto img,
#inhoud .slider ul li.voertuig .sliderfoto img,
#subfooter .slider ul li.voertuig .sliderfoto img { 
  max-width: 100%!important; 
  width: 100%!important;
  height: auto!important; 
  margin-top: 0px; 
}
  
.inhoud ul#autovandeweek li .avdwgegevens,
#inhoud ul#autovandeweek li .avdwgegevens,
#subfooter ul#autovandeweek li .avdwgegevens,
.inhoud .slider ul li.voertuig .slidergegevens,
#inhoud .slider ul li.voertuig .slidergegevens,
#subfooter .slider ul li.voertuig .slidergegevens { 
  display: block; 
  float: left; 
  width: 100%; 
  /*font-size: 14px; */
}

.inhoud ul#autovandeweek li .avdwgegevens br,
#inhoud ul#autovandeweek li .avdwgegevens br,
#subfooter ul#autovandeweek li .avdwgegevens br,
.inhoud .slider ul li.voertuig .slidergegevens br,
#inhoud .slider ul li.voertuig .slidergegevens br,
#subfooter .slider ul li.voertuig .slidergegevens br {
  display: none;
}
  
.inhoud ul#autovandeweek li .avdwgegevens .avdwmerkmodel strong,
#inhoud ul#autovandeweek li .avdwgegevens .avdwmerkmodel strong,
#subfooter ul#autovandeweek li .avdwgegevens .avdwmerkmodel strong,
.inhoud .slider ul li.voertuig .slidergegevens  .slidermerkmodel strong,
#inhoud .slider ul li.voertuig .slidergegevens  .slidermerkmodel strong,
#subfooter .slider ul li.voertuig .slidergegevens  .slidermerkmodel strong { 
  font-size: 1.1em; 
  display: block; 
  max-width: 100%;
  white-space: nowrap; 
  overflow: hidden; text-overflow: ellipsis; 
  padding: 0px 4px; 
  margin-top: 0.5em; 
  margin-bottom: 0;
  font-family: 'Oswald', Helvetica, Arial, sans-serif;
  color: #666666; 
  font-weight: normal;
}

.inhoud ul#autovandeweek li .avdwgegevens .avdwuitvoering,
#inhoud ul#autovandeweek li .avdwgegevens .avdwuitvoering,
#subfooter ul#autovandeweek li .avdwgegevens .avdwuitvoering,
.inhoud .slider ul li.voertuig .slidergegevens .slideruitvoering,
#inhoud .slider ul li.voertuig .slidergegevens .slideruitvoering,
#subfooter .slider ul li.voertuig .slidergegevens .slideruitvoering { 
  display: block; 
  max-width: 100%; 
  white-space: nowrap; 
  overflow: hidden; 
  text-overflow: ellipsis; 
  padding: 0px 4px;
}

.inhoud ul#autovandeweek li .avdwgegevens .avdwuitvoering em,
#inhoud ul#autovandeweek li .avdwgegevens .avdwuitvoering em,
#subfooter ul#autovandeweek li .avdwgegevens .avdwuitvoering em,
.inhoud .slider ul li.voertuig .slidergegevens .slideruitvoering em,
#inhoud .slider ul li.voertuig .slidergegevens .slideruitvoering em,
#subfooter .slider ul li.voertuig .slidergegevens .slideruitvoering em {
  font-size: 0.9em; 
  line-height: 1.8em; 
  font-style: normal;
}
  
.inhoud ul#autovandeweek li .avdwgegevens .avdwbouwjaar,
#inhoud ul#autovandeweek li .avdwgegevens .avdwbouwjaar,
#subfooter ul#autovandeweek li .avdwgegevens .avdwbouwjaar,
.inhoud .slider ul li.voertuig .slidergegevens .sliderbouwjaar,
#inhoud .slider ul li.voertuig .slidergegevens .sliderbouwjaar,
#subfooter .slider ul li.voertuig .slidergegevens .sliderbouwjaar  { 
  display: none; 
  max-width: 100%; 
  white-space: nowrap; 
  overflow: hidden; 
  text-overflow: ellipsis; 
  font-size: 0.9em; 
  padding: 0px 4px;
}

.inhoud ul#autovandeweek li .avdwgegevens .avdwkmstand,
#inhoud ul#autovandeweek li .avdwgegevens .avdwkmstand,
#subfooter ul#autovandeweek li .avdwgegevens .avdwkmstand,
.inhoud .slider ul li.voertuig .slidergegevens .sliderkmstand,
#inhoud .slider ul li.voertuig .slidergegevens .sliderkmstand,
#subfooter .slider ul li.voertuig .slidergegevens .sliderkmstand { 
  display: none; 
  max-width: 100%; 
  white-space: nowrap; 
  overflow: hidden; 
  text-overflow: ellipsis;
  font-size: 0.9em; 
  padding: 0px 4px;
}

.inhoud ul#autovandeweek li .avdwgegevens .avdwprijs strong,
#inhoud ul#autovandeweek li .avdwgegevens .avdwprijs strong,
#subfooter ul#autovandeweek li .avdwgegevens .avdwprijs strong, 
.inhoud .slider ul li.voertuig .slidergegevens .sliderprijs strong,
#inhoud .slider ul li.voertuig .slidergegevens .sliderprijs strong,
#subfooter .slider ul li.voertuig .slidergegevens .sliderprijs strong  {
  display: block; 
  max-width: 100%; 
  white-space: nowrap; 
  overflow: hidden; 
  text-overflow: ellipsis;
  padding: 0px 4px; 
  margin-top: 0em; 
  margin-bottom: 0;
}  

.inhoud ul#autovandeweek li .avdwgegevens .avdwprijs strong em,
#inhoud ul#autovandeweek li .avdwgegevens .avdwprijs strong em,
#subfooter ul#autovandeweek li .avdwgegevens .avdwprijs strong em,
.inhoud .slider ul li.voertuig .slidergegevens .sliderprijs strong em,
#inhoud .slider ul li.voertuig .slidergegevens .sliderprijs strong em,
#subfooter .slider ul li.voertuig .slidergegevens .sliderprijs strong em { 
  font-style: normal; 
}

.inhoud ul#autovandeweek li .avdwgegevens .avdwprijs .prijslabel,
#inhoud ul#autovandeweek li .avdwgegevens .avdwprijs .prijslabel,
#subfooter ul#autovandeweek li .avdwgegevens .avdwprijs .prijslabel,
.inhoud .slider ul li.voertuig .slidergegevens .sliderprijs .prijslabel,
#inhoud .slider ul li.voertuig .slidergegevens .sliderprijs .prijslabel,
#subfooter .slider ul li.voertuig .slidergegevens .sliderprijs .prijslabel {
  display:none; 
}  

.AutoCommerceAvdwWidget h3 {
  display: none;
}

#subfooter .AutoCommerceAvdwWidget h3,
#subfooter h3 {
  display: block;
  margin-top: 0;
  margin-bottom: 1em;
  text-align: center;
}


 /***** ***** ***** AVDWSCROLLLER ***** ***** *****/

/** Carousel **/

.inhoud ul#autovandeweek.slick-slider,
#inhoud ul#autovandeweek.slick-slider,
#subfooter ul#autovandeweek.slick-slider,
.inhoud .slider ul.slick-slider ,
#inhoud .slider ul.slick-slider ,
#subfooter .slider ul.slick-slider  { 
  padding-bottom: 20px;
}

.inhoud ul#autovandeweek.slick-slider li.slick-slide,
#inhoud ul#autovandeweek.slick-slider li.slick-slide,
#subfooter ul#autovandeweek.slick-slider li.slick-slide,
.inhoud .slider ul.slick-slider  li.slick-slide,
#inhoud .slider ul.slick-slider  li.slick-slide,
#subfooter .slider ul.slick-slider  li.slick-slide {
  float: none!important;
  vertical-align: middle!important;
}


.inhoud ul#autovandeweek ul.slick-dots,
#inhoud ul#autovandeweek ul.slick-dots ,
#subfooter ul#autovandeweek ul.slick-dots,
.inhoud .slider ul ul.slick-dots,
#inhoud .slider ul ul.slick-dots,
#subfooter .slider ul ul.slick-dots {
  display: inline-block;
  font-size: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style: none;
  margin-left: 0;
}

.inhoud ul#autovandeweek ul.slick-dots  li,
#inhoud ul#autovandeweek ul.slick-dots  li,
#subfooter ul#autovandeweek ul.slick-dots  li,
.inhoud .slider ul ul.slick-dots li,
#inhoud .slider ul ul.slick-dots li,
#subfooter .slider ul ul.slick-dots li {
  display: inline-block;
  font-size: 1.5rem;
  line-height: 14px;
  padding-left: 0px;
  margin: 20px 5px;
  width: auto;
}

.inhoud ul#autovandeweek ul.slick-dots li button,
#inhoud ul#autovandeweek ul.slick-dots li button,
#subfooter ul#autovandeweek ul.slick-dots li button,
.inhoud .slider ul ul.slick-dots li button,
#inhoud .slider ul ul.slick-dots li button,
#subfooter .slider ul ul.slick-dots li button {
  display: block;
  background: #cccccc;
  opacity: .35!important;
  text-decoration: none;
  width: 14px; height: 14px;
  border-radius: 50%;
  color: transparent;
  text-align: center;
  padding: 0; border: 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;
}

.inhoud ul#autovandeweek ul.slick-dots li.slick-active button,
#inhoud ul#autovandeweek ul.slick-dots li.slick-active button,
#subfooter ul#autovandeweek ul.slick-dots li.slick-active button,
.inhoud .slider ul ul.slick-dots li.slick-active button,
#inhoud .slider ul ul.slick-dots li.slick-active button,
#subfooter .slider ul ul.slick-dots li.slick-active button {
  background: #343434;
  pointer-events: none;
  opacity: 1!important;
}

.inhoud ul#autovandeweek ul.slick-dots li button:hover,
#inhoud ul#autovandeweek ul.slick-dots li button:hover ,
#subfooter ul#autovandeweek ul.slick-dots li button:hover ,
.inhoud .slider ul ul.slick-dots li button:hover,
#inhoud .slider ul ul.slick-dots li button:hover,
#subfooter .slider ul ul.slick-dots li button:hover {
  background: #343434;
  opacity: 1!important;
}

.inhoud ul#autovandeweek ul.slick-dots li button:before,
.inhoud ul#autovandeweek ul.slick-dots li button:hover:before,
.inhoud ul#autovandeweek ul.slick-dots li.slick-active button:before,
#inhoud ul#autovandeweek ul.slick-dots li button:before,
#inhoud ul#autovandeweek ul.slick-dots li button:hover:before,
#inhoud ul#autovandeweek ul.slick-dots li.slick-active button:before,
#subfooter ul#autovandeweek ul.slick-dots li button:before,
#subfooter ul#autovandeweek ul.slick-dots li button:hover:before,
#subfooter ul#autovandeweek ul.slick-dots li.slick-active button:before,
.inhoud .slider ul ul.slick-dots li button:before,
.inhoud .slider ul ul.slick-dots li button:hover:before 
.inhoud .slider ul ul.slick-dots li.slick-active button:before,
.inhoud .slider ul ul.slick-dots li.slick-active button:hover:before,
#inhoud .slider ul ul.slick-dots li button:before,
#inhoud .slider ul ul.slick-dots li button:hover:before 
#inhoud .slider ul ul.slick-dots li.slick-active button:before,
#inhoud .slider ul ul.slick-dots li.slick-active button:hover:before,
#subfooter .slider ul ul.slick-dots li button:before,
#subfooter .slider ul ul.slick-dots li button:hover:before 
#subfooter .slider ul ul.slick-dots li.slick-active button:before,
#subfooter .slider ul ul.slick-dots li.slick-active button:hover:before {
  display: none!important;
  content: ''!important;
}

.slick-prev, .slick-next {
  width: 35px;
}
.slick-prev:before, .slick-next:before {
  -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;
  color: #cccccc!important;
  opacity: .35!important;
  line-height: 0px!important;
  z-index: 500;
  position: relative;
 }
 
.slick-prev:hover:before, .slick-next:hover:before {
  color: #343434!important;
  opacity: 1!important;
 }
 
.slick-prev:before {
  content: '\2329'!important;
  font-size: 3rem!important;
}

.slick-next:before {
  content: '\232A'!important;
  font-size: 3rem!important;
}

.slider div {
  outline: none;
}


/* zoekfilter widget */

#minizoeker {
  font-size: 0;
}
 
#minizoeker  h3 { 
  display: none; 
}
 
#minizoeker .labeltekst ,
#minizoeker label { 
  display: inline-block; 
  width: 30%; 
  margin-bottom: 3px;
}

article.wit #minizoeker .labeltekst, article.wit #minizoeker label  { 
  color: #ffffff!important;
}  
  
#minizoeker .label { 
  display: inline-block; 
  width: 70%; 
  margin-bottom: 3px;
}
  
#minizoeker select, #minizoeker input[type=button] { 
  display: inline-block; 
  width: 70%!important; 
  margin-bottom: 3px;
  line-height: 2em;
}

#minizoeker .label select, #minizoeker .label input ,
#minizoeker select, #minizoeker input[type=button]{ 
  width: 100%!important;
  border: 1px solid #cccccc!important;
  padding: 5px;
  color: #666666!important;
  cursor: pointer;
  background: #f6f6f6;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  -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;
}

#minizoeker select:focus, #minizoeker input:focus { 
  outline: 0; 
  border: 1px solid #666666!important;
}

#minizoeker #zoekbar {
  margin-left: 30%;
}

#minizoeker #zoekbar #zoekbutton {
  cursor: pointer;
}

#minizoeker #zoekbar #zoekbutton:hover ,
#minizoeker input[type=button]:hover  {
  background: #ffffff; 
  border: 1px solid #666666!important
}
  
   /* HOMEPAGE NIEUWS WIDGET */
.rpwe-block ul {
  margin-left: 0px;
  padding-left: 0px; 
  text-align: center;
}

.rpwe-block ul li {
  margin-left: 0px; 
  padding-left: 0px;
  list-style: none; 
  display: inline-block; 
  padding: 0; 
  width: 23.5%;
  margin: 0% 0.5%;
  overflow: hidden;
  padding-bottom: 6px;
  color: #333333!important;
  vertical-align: top;
}

.rpwe-block a {
  display: inline !important;
  text-decoration: none;
}

.rpwe-block h3 {
  background: none !important;
  clear: none;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  font-weight: bold;
  font-size: 17px !important;
  line-height: 1.5em;
  padding: 4px;
  color: #333333!important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.home .rpwe-block  h3 a,
body.page-template-page-home .rpwe-block h3 a { 
  color: #565a5a;
}

.rpwe-thumb {
  margin-left: 0px!important
}

.rpwe-summary {
  font-size: 13px;
  color: #333333!important;
  padding: 4px;
}

.rpwe-summary a.more-link {
  display: block!important;
}

article.wit .rpwe-time,
.rpwe-time {
  color: #bbb!important;
  font-size: 10px;
  font-style: italic;
}

.rpwe-aligncenter {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
}

.rpwe-clearfix:before,
.rpwe-clearfix:after {
  content: '';
  display: table !important;
}

.rpwe-clearfix:after {
  clear: both;
}

.rpwe-clearfix{
  zoom: 1;
}
 
  
/*************************************** SIDEBAR ***************************************/

#inhoud #contentsidebar { 
  width: 75%; 
  box-sizing: border-box;
}

#inhoud #mainsidebar { 
  width: 25%; 
  padding-top: 1em;
  box-sizing: border-box;
}

#inhoud.sbright #contentsidebar {
  float: left;
}
#inhoud.sbright #mainsidebar {
  float: right;
  padding-left: 40px;
}

#inhoud.sbleft #contentsidebar {
  float: right;
}
#inhoud.sbleft #mainsidebar {
  float: left;
  padding-right: 40px;
}

#inhoud #mainsidebar .widget { 
  margin-top: 0px;
  margin-bottom: 30px;
}

#inhoud #mainsidebar .widget img { 
  margin-bottom: 20px;
}

#inhoud #mainsidebar * { 
  text-align: left;
}

#inhoud #mainsidebar a { 
  text-decoration: none;
}

#inhoud #mainsidebar a:hover { 
 text-decoration: underline;
}

#inhoud #mainsidebar h1,
#inhoud #mainsidebar h2,
#inhoud #mainsidebar h3,
#inhoud #mainsidebar h4,
#inhoud #mainsidebar h5,
#inhoud #mainsidebar h6 { 
  margin-top: 0px;
  margin-bottom: 1em;
}

#inhoud #mainsidebar li.current-menu-item a {
  color: #000000;
}

#inhoud #mainsidebar ul {
  margin: 0;
  padding: 0;
}

#inhoud #mainsidebar ul li{
  margin: 0;
  padding: 0;
  list-style: none;
}

#inhoud #mainsidebar ul li a {
  display: block;
  box-sizing: border-box;
  padding: 5px 15px;
  text-align: left;
  text-decoration: none;
  background: #666666;
  color: #ffffff;
  line-height: 2em;
  margin-bottom: 1px;
}

#inhoud #mainsidebar ul li a:hover, 
#inhoud #mainsidebar ul li.current_page_item a {
  padding: 5px 10px 5px 20px;
  text-decoration: none;
  background: #333333;
  color: #ffffff;
}

#inhoud #mainsidebar .widget_children_pages h3 {
  display: none;
}

/*************************************** FOOTER ***************************************/

#subfooter {
  padding-left: 0px; 
  padding-right: 0px;
  margin:  0 auto;
  margin-bottom:  0px;
  margin-top: 0px;
  padding-top: 40px;
  padding-bottom: 10px;
  background: #efefef;
  border-top: 8px solid #ffffff;
  text-align: center;
  box-sizing: border-box;
}

#footer {
  padding-left: 0px; 
  padding-right: 0px;
  margin:  0 auto;
  margin-bottom:  0px;
  margin-top: 0px;
  padding-top: 40px;
  padding-bottom: 10px;
  background: #000000;
  border-top: 4px solid #ffffff;
  text-align: center;
  box-sizing: border-box;
}
  
#footer #supplementary {
  white-space: nowrap;
  margin-top: 14px;
}
  
#footer .widget  { 
  margin-bottom: 2em; 
  text-align: left; 
  white-space: normal; 
  max-width: 100%!important; 
  overflow: hidden; 
}

#footer .widget img  { 
  height: auto!important; 
  max-width: 100%!important; 
  margin-top: 0.5em; 
}

#footer .widget a#routelink  { 
  margin-top: 4px; 
}

#footer .widget-area { 
  padding: 0px 10px; 
  display: inline-block; 
  box-sizing: border-box; 
  width: 33%; 
  vertical-align: top;
}

#footer #first.widget-area { 
  width: 35%;
}

#footer #second.widget-area { 
  width: 30%;
}

#footer #third.widget-area { 
  width: 35%; 
}

#footer p { 
  color: #F1F1F1;
}

#footer h3.widget-title {
  text-align: left; 
  color: #ffffff; 
  font-size: 19px; 
  margin-top: 0px;
  Padding-top: 0 !important;
  font-family: 'Oswald', Helvetica, Arial, sans-serif;
}

#footer a { 
  color: #F1F1F1; 
  font-weight: bold;
  text-decoration: none;
}

#footer a:hover{ 
  color: #ffffff; 
  text-decoration: none;
}

#footer .wp-video {
  margin-top: 1em;
}


#footer #first a.mailto { 
  background: url('images/mail.png') 8px 50% no-repeat; 
  background-size: contain; 
  padding-left: 60px; 
}

#footer #first a.callus { 
  background: url('images/phone.png') 8px 50% no-repeat; 
  background-size: contain; 
  padding-left: 60px;  
}

#footer #first a.follow { 
  background: url('images/facebookbutton.png') 0% 50% no-repeat; 
  background-size: contain; 
  text-indent:-999999px; 
  height: 50px; 
}

#footer #first a.mailto:hover { 
  padding-left: 66px; 
}

#footer #first a.callus:hover { 
  padding-left: 66px; 
}

#footer #first a.follow:hover{ 
  background: url('images/facebookbutton.png')6px 50% no-repeat; 
  background-size: contain; 
}

#copyright {
   text-align: center;
   color:  #666666;
   margin: 0 auto;
   background: #000000;
   line-height: 2.4em;
   font-size: 0.8em;
   padding: 10px 0px 10px 0px;
}
  
.spacer {
  margin-left: 10px; 
  margin-right: 10px;
  color:  #ffffff!important;
  opacity: 0.2;
}
  
#copyright a {
  color:  #666666;
  text-decoration: none;
}

#copyright a:hover {
  color:  #cccccc;
  text-decoration: none;
}
 
 
  
/*---------- BEOORDELING ----------*/

#supplementary .beoordelingWidget a { 
  color: #343434!important; 
}

#supplementary .beoordelingWidget a:hover { 
  text-decoration: underline;
}

#supplementary .beoordelingWidget {
  background-color: #cccccc;
  color: #343434;
  padding: 8px 15px;
}  
  
.beoordelingWidget span.kvtitle { 
  color: #343434!important; 
  font-weight: normal!important; 
  font-size: 1.1em!important;
}

.beoordelingWidget img { 
  margin-right: 3px;
  float: left; 
  margin-top: 2px;
}

.beoordelingWidget span.cijfer {
  font-size: 1.8em!important; 
  color: #343434!important;
  margin-left: 8%!important; 
  margin-top: 4px!important;
}

.beoordeling {
  background-color: #ffffff!important;
  border: 1px solid #cccccc;
  -webkit-border-radius: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px;
  -webkit-box-shadow: 0 0 6px 0 #8F8F8F;
  box-shadow: 0 0 6px 0 #8F8F8F;
 }

.beoordelingTop {
  border: 2px solid #ffffff!important; 
  color: #ffffff!important;
  background: #343434!important; /* Show a solid color for older browsers */
  background: -moz-linear-gradient(#666666, #343434)!important;
  background: -o-linear-gradient(#666666, #343434)!important;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666666), to(#343434))!important; /* older webkit syntax */
  background: -webkit-linear-gradient(#666666, #343434)!important;
}  
  
.beoordelingTop h2 {
  color: #ffffff!important;
  text-shadow: 1px 1px 2px #343434;
}

blockquote::before { 
  color: #cccccc!important; 
}

blockquote { 
  border-bottom: 2px solid #3e3e3e!important; 
}

.holder a { 
  background: #fff none repeat scroll 0 0!important;
  padding: 1px 10px!important;
  border: 1px solid #fff!important;
  -webkit-border-radius: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px;
}

.holder a.jp-current, .holder a:hover {
  background: #343434 none repeat scroll 0 0!important ;
  border: 1px solid #ffffff!important; 
  color: #fff;
  -webkit-border-radius: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px;
  -webkit-box-shadow: 0 0 6px 0 #8F8F8F;
  box-shadow: 0 0 6px 0 #8F8F8F;
}

.holder a.jp-disabled,
.holder a.jp-disabled:hover,
.holder a.jp-first, .holder a.jp-first:hover {
  color: #bbb ;
  cursor: default ;
  border: 1px solid transparent;
  background: transparent;
  -webkit-box-shadow: 0 0 0 0 transparent;
  box-shadow: 0 0 0 0 transparent;
}

  /* CONTACT TABS
------------------------------------------- */


/* Pro AutoWebsite & Higher*/

ul.ctatabs {
  position: fixed;
  right: 0px;
  top: 50%;
  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);
  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 a { background-image: url('images/contactctatabs.jpg'); background-repeat: no-repeat;}

ul.ctatabs li.bellentab a { z-index: 9001; background-position: 50% 0; background-color: #e10000; }
ul.ctatabs li.emailtab a { z-index: 9002; background-position: 50% -50px; background-color: #4caae0; }
ul.ctatabs li.facebooktab a { z-index: 9003; background-position: 50% -100px; background-color: #3f5898;}
ul.ctatabs li.whatsapptab a { z-index: 9010; background-position: 50% -150px; background-color: #53be18;}
ul.ctatabs li.instagramtab a { z-index: 9004; background-position: 50% -200px; background-color: #a03697;}
ul.ctatabs li.twittertab a { z-index: 9005; background-position: 50% -250px; background-color: #000000;}
ul.ctatabs li.youtubetab a { z-index: 9005; background-position: 50% -300px; background-color: #ff0200;}
ul.ctatabs li.linkedintab a { z-index: 9005; background-position: 50% -350px; background-color: #0a66c2;}

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


/* =fotogallery
-------------------------------------------------------------- */
#inhoud .gallery,
.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,
.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,
.inhoud .gallery br {   
	display: inline;
  	content: ' ';
  	padding: 0; 
}

#inhoud .gallery .gallery-caption,
.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,
.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;
}

/*************************************** MISC ***************************************/


#inhoud .edit-link { 
  position: fixed; 
  right: 20px; 
  bottom: -1px;
  background: #ffffff; 
  border: 1px solid #cccccc;
  padding: 10px; 
  z-index: 100;
  display: inline-block;
}
  
#inhoud .edit-link a { 
  text-decoration: none;
}
   
.cookie-bar-block #catapult-cookie-bar span {
   font-size: 12px;
}

#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%);
}

 /* Gallery lightbox fix */
 .mfp-bg { background: #ffffff; opacity: 0.9; }
 .mfp-counter { color: #333333; }
 .mfp-title { color: #333333; }
 .mfp-arrow:before { opacity: 0.95; }
 .mfp-arrow-left:before { border-right: 27px solid #666666; }
 .mfp-arrow-right:before { border-left: 27px solid #666666; }
 .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #000000; }
  
 
/* colorbox fix */
#cboxContent, #cboxLoadedContent { background: #ffffff!important; } 

#cboxLoadedContent {
  -webkit-box-shadow:inset 0 0 2px 0 #000000;
  box-shadow:inset 0 0 2px 0 #000000;
}

/* facebookfeed fix */
#inhoud .cff-likebox .fb_iframe_widget iframe ,
#inhoud .cff-likebox iframe { 
	width: 340px!important;
    margin: 0 auto!important;
    display: block!important;
}	

body.error404 {
  background-color: #ffffff;
  background-image: url('images/404backdrop.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: 50% 50%;
  background-size: cover;
}

/* 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: 1.8em;
}
.map-responsive iframe {
    border: 0;
	left: 0;
    top: 0;
    height: 100%!important;
    width: 100%!important;
    position: absolute;
}


/* Searchform
------------------------------------------- */
#searchform  { 
  display: inline-block; 
  height: 26px;
  position: relative; 
  width: 100%;
  }
  
#searchform 	label {
  display: none;
}
	
#searchform input[type="text"]{ 
  box-sizing: border-box;
  margin-bottom: 0px;
  padding: 15px 25px;
  padding-right: 50px;
  width: 180px;
  font-weight: bold!important;
  font-size: 1.2em!important;
  color: #666666;
  text-align: center;
  background: #efefef;
  border: 1px solid #cccccc;
  -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;
  }
		
#searchform input[type="text"]:focus { 
  width: 400px;
  border: 1px solid #666666;
  background: #ffffff;
}

@media screen and (max-width: 480px) {
  #searchform input[type="text"]:focus { 
    width: 95%; 
  }
}


#searchform ::placeholder { opacity: 0.4; }
#searchform input[type="submit"]{ 
  height: 30px;
  width: 25px;
  position: relative;
  margin-top: 2px;
  margin-left: -40px;
  padding: 0px 0px;
  vertical-align: middle;
  text-indent: -9000px;
  border: 0;
  z-index: 1;
  opacity: 0.7;
  background: url('images/icon-search.png');
  background-size: 20px 20px;
  background-position: 10% 40%;
  background-repeat: no-repeat;
  background-color: transparent;
  cursor: pointer;
   -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;
}

#searchform input[type="submit"]:hover{ 
  opacity: 1;
}



/* ===== ===== ===== PAGEBUILDERS ===== ===== ===== */
#inhoud.pagebuilder { padding: 0; width: 100%; max-width: 100%; }
#inhoud.pagebuilder .wrapper { width: 100%; max-width: 100%; padding: 0; overflow-x: hidden; }
#inhoud.pagebuilder header { display: none; }

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