/* Algemeen */

.footertext {
    font-size: 0.8em;
    color: #999999;
}

.titel-orange { 
    color: #f5841f;
  	
}

.witteletters {
    color: #ffffff;
}

.zwarteletters {
    color: #000000;
}

cite { 
	font-size: 1.5em;
}

@media (max-width:960px) {
    H5 { 
        font-size: 2em; 
        line-height: 1em; 
      	text-align: middle; }
}

@media (max-width:960px) {
    H6 { 
        font-size: 2em; 
        line-height: 1em; }
}

.H7 /* gebaseerd op H5, dus 0.6em van font-size H5 */ {
  font-size: 0.6em; 
  line-height: 1em;
}

@media (max-width:960px) {
    .H7 { 
        font-size: 0.8em; 
        line-height: 1em; }
}

.titel-extra-vet {
    font-weight: 700;
}

.stories-header-titel {
    position: relative;
    left: 0;
    right: 0;
    padding-top: 40px;
    padding-bottom: 10px;
    padding-left: 40px;
    padding-right: 40px;
    margin-right: 45%;
    margin-top: 3%;
    font-size: 5em;
    color: #ffffff;
    margin-left: 1%;
    text-align: left;
    font-weight: 400;
    font-family: inherit;
}

.subtitel-stories {
    position: relative;
    left: 0;
    right: 0;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-right: 45%;
    margin-top: 1%;
    font-size: 1.2em;
    color: #ffffff;
    text-align: left;
    font-weight: 300;
    font-family: inherit;
}


.subtitel-product {
    position: relative;
    left: 0;
    right: 0;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-right: 0%;
    margin-top: 1%;
    font-size: 1.3em;
    color: #ffffff;
    text-align: left;
    font-weight: 300;
    font-family: inherit;
}
  

/* Blog styling */
.uk-article {
  background: #ffffff!important;
  padding: 50px;
}

.uk-article image {
  padding: 0px;
}

.uk-section-default {
    background: #f7f7f7!important;
}

.uk-button-text {
  	text-transform: none; 
}


.uk-grid > div > .uk-article > h1 {
  order: 2;
  margin-top: 25px !important;
  }

.uk-article > div[property="image"] {
  margin-top: -50px !important; 
  margin-left: -50px !important; 
  margin-right: -50px !important; 
  margin-bottom: 30px !important;
  }



/* Blog styling - meta data onderaan */

.uk-grid > div > .uk-article {
  display: flex;
  flex-direction: column;
  }

  .uk-grid > div > .uk-article > div[property="image"] {
  order: 1;
  overflow: hidden;
  /*margin-bottom: 0 !important;*/
  }

  .uk-grid > div > .uk-article > h2 {
  order: 2;
  }

  .uk-grid > div > .uk-article > div[property="text"] {
  order: 3;
  }

  .uk-grid > div > .uk-article > p:last-child {
  order: 4;
  }

  .uk-grid > div > .uk-article > p.uk-article-meta {
  order: 5;
  border-top: 1px solid #e2e2e2;
  padding-top: 30px;
  }


/* blog sidebar */


.tm-sidebar .uk-panel {
  background: #ffffff;
}

.intro-blok .custom div {
  padding: 25px 50px 30px 50px;
}

.laatsteblogs { 
  padding:50px;
}

.probeerdezesantos { 
  padding:50px;
}

.tm-sidebar .uk-panel h2 a {
  color: #000;
}

.tm-sidebar .uk-panel h2 a:hover {
  color: #f5841f;
}


.tm-sidebar .uk-panel .latestnews a {
  color: #000;
  font-size: 15px;
}

.tm-sidebar .uk-panel .latestnews a:hover {
  color: #f5841f;
}

.tm-sidebar .uk-panel .uk-h4, h4 {
  font-size: 1.2em;
}





/* sticky topmenu styling */

.smallmenu {
   font-size: 0.85em;
}

.smallmenu > li {
    margin-top: auto;
    margin-bottom: auto;
}

.uk-subnav::after {
    clear: both;
}

.uk-subnav::after, .uk-subnav::before {
    content: "";
    display: block;
    overflow: hidden;
}

.uk-subnav {
    display: flex;
    flex-wrap: wrap;
}


.titel-menu {
    height: 50px;
    font-size: 1.1em!important;
    font-weight: 400;
    vertical-align: center;
    justify-content: left;
}

.titel-menu > li {
    margin-top: auto;
    margin-bottom: auto;
}



@media (min-width:960px) {
  .submenu-margin {
    padding-left: 40px;
    padding-right: 40px; }
}

@media (min-width:1600px) {
  .submenu-margin {
    padding-left: 0px;
    padding-right: 0px; }
}

@media (max-width:960px) {
  .submenu-margin {
    padding-left: 20px;
    padding-right: 20px; }
}


.sticky-top {
    background-color: #ffffff;
    border-bottom: 1px solid #dadada;
    color: #000000;
    height: 60px;
  	padding-top: 10px;
}


/* iconen */

.icongreen {
    color: green;
}

.iconred {
    color: red;
}

.icongrey {
  color: #a1a1a1;
}



/* scroll > werkt nog niet lekker! */
uk-scroll { 
  duration: 1000;
}


/* zijmenu Santos Only */
.zijmenu-img {
  margin-right: 5px;
  width:30px;
}

.zijmenu-titel {
  font-size: 18px;
}

.uk-nav-default .uk-nav-sub {
padding-left: 0;
}

.uk-nav-default .zijmenu-img > img {
  float: left;
  width:auto;
  height:30px;
  margin-right: 10px;
  padding-left: 5px;
}

.uk-nav-default .uk-nav-sub li a {
display: inline;
line-height: 30px;
}

.uk-nav-default .uk-nav-sub > li > a {
font-size: 16px;
white-space: nowrap;
color: #818181;
}

.uk-nav-default .uk-nav-sub > li.uk-active {
background-color: #FFFFFF;
color: #000000;
}


/* SO items in hoofdmenu */

  .uk-navbar .so-menu-icon > img {
  float: left;
  width: 30px;
  height:auto;
  margin-right: 10px;
  padding-left: 5px; 
}

/* mobile menu */

.uk-nav-default .uk-nav-sub > li  {
  font-size: 12px; 
  padding-left: 10px;
}

.mobile-menu {
  font-size: 14px!important; 
}

@media (max-width:640px) {
.uk-nav-default .uk-nav-sub .so-menu-icon > img {
  float: left;
  width: 30px;
  height:auto;
  margin-right: 10px;
  padding-left: 5px; 
 }
}

@media (max-width:640px) {
.uk-nav-default .uk-nav-sub .so-menu-icon {
 font-size: 14px!important; 
 }
}

@media (max-width:640px) {
  .mobile-menu {
    padding-left: 0px!important; }
}
  

/* Dealerkaart styling */
.dealermap .uk-container {
  max-width: 1600px;
}

.dealermap .locator_container {
  background: #fff;
  padding: 40px;
}

.dealermap .uk-section .locator_container {
   padding-top: 0px;
}

.dealermap .locator_container h5 {
   display: none;
}

.dealermap .locator_container h3 {
  display: none;  
}

.dealermap .locator_container .form-inline {
  line-height:60px;
}

#sl_search_container label.checkbox { 
  width: auto;
}

.form-inline .checkbox input[type="checkbox"], .form-inline .radio input[type="radio"], .form-search .checkbox input[type="checkbox"], .form-search .radio input[type="radio"] {
  float: none;
}

#sl_locate_results {
  display: none;
}