/* enter here your custom CSS code */

/* rode hoofdnavigatiebalk bovenaan en het fixedmenu en de subfooter onderaan*/
.head-slider-disabled, .fixedmenu, #subfooter {
	background: #d4002a;
}

#subfooter a:link, #subfooter a:visited {
	color:#fff !important;
}
#subfooter a:hover {
	background: rgba(93, 0, 0, 0.6); 
    -webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
    -moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
    box-shadow: 5px 40px -10px rgba(0,0,0,0.57);
    transition: all 0.4s ease 0s;
}
#subfooter a {
	margin-right: 10px;
}

/* module op homepage bckground huurwagens */
.modulebckgr_SRK {
	/* background: linear-gradient(45deg,rgba(18,18,18,.1),rgba(18,18,18,0)); */
	/* background-image:url(../../../images/bkgr-home-carmodule-1600x573.jpg);
	/* background-color: rgba(212,0,42); 
	background-position:left 0%;
	background-size:cover; */
}

/* logo bovenaan niet schalen */
#tbar-logo {
	flex: none;
	width:170px;
	text-align: center;
	text-indent:10px;
	font-size: 85%;
/* letter-spacing:1px; */
}
#tbar-logo a:link {
    color: #dfb1b3;
}
#tbar-logo a:visited {
    color: #dfb1b3;
}
#tbar-logo a:hover {
    color: white;
}
#tbar-logo a:active {
    color: grey;
}


 /*  hoofdnavigatiemenu  */
.mainmenu .nav > li.parent:hover > a {
    color: white !important;
}
.mainmenu a:link {
    color: #fff !important;
}
.mainmenu a:visited {
    color: #fff !important;
}
.mainmenu .nav-item:hover {
   /*  color: #000 !important; 
    border-bottom: solid 1px white; */
    background: rgba(93, 0, 0, 0.6); 
    -webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
    -moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
    box-shadow: 5px 40px -10px rgba(0,0,0,0.57);
    transition: all 0.4s ease 0s;
}
.mainmenu a:active {
    color: #dfb1b3 !important;
}


div.breadcrumb {
    background-color: white;
    margin-bottom:0px;
}

/* vikwords achtergrondkleur*/
.color {
    background-color: #db0000 !important;
}
/* vikwords kleur middelste tekst*/
.vikqt_desc {
	color: #fcbe46 !important;
}

/* verhuur search*/
.module.grid-module.simplyblauw-bck{
    /* background:none; */
	background-image:url(../../../images/bkgr-merc.jpg);
}
.simplyblauw-bck {
    background: rgba(255,255,255,0.9);
    border-radius: 0.25rem;
 }
.e4j-divmenutitle {
	color:rgb(235,235,235);
}

.mainmenu .nav > li a:hover {
	background: transparent;
}
/* hoofdnavigatiebalk zwarte onderlijn*/
.mainmenu .nav > li.active > *:after {
	background: #000;
}
/* hoofdnavigatiebalk zwarte onderlijn*/
.mainmenu .nav > li.active > *:after {
	background: #000;
}

/* auto's groter weergeven in resultaten*/
.vrc-car-result-left {
	flex-basis: 30%;
	padding: 8px;
}


/* Lange termijn banner rechts j23 */
.vikwallimage-desc > h2 {
	color:rgb(255,255,255) !important;
}
.vikwallimage-inner {
	padding: 20px;
}

.langetermijnbox .moduletable {
	background-image:url(../../../images/cars/bestelwagens/big_vw-bestelwagen-6kub-zijkant.jpg);
	background-position:left 0%;
	background-size:cover;
	background-repeat:no-repeat;
	background-color: rgba(212,0,42);
	border: 0;
 	border-radius: 0.25rem;
	margin: 0 5px 0 0;
	padding: 0;
	font-size: 1.2em;
}
.langetermijnbox a {
	font-size: 1.2em;
}
.bannerofferteopmaat > .moduletable {
	margin:0 5px 0 0;
	padding: 0;
}
button {
	background-color:rgb(216,8,38);
	font-family:inherit;
	font-size: 0.8em;
	padding:8px 10px 7px 10px; 
	border:none;
	border-radius: 5px;
}
button a {
	color:rgb(255,255,255);
	text-decoration:none;
}
button a:hover {
	color:rgb(255,255,255);
	text-decoration:none;
}
button:hover {
	background-color:rgb(172,0,25);
	transition: all 200ms ease-in-out 0s;
}


/*MIJN RESPONSIVE TABLE: o.a. op hoofdkantoren*/
/* Variables
================================== */
/* Tables
================================== */
.Rtable {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 3em 0;
  padding: 0;
}
.Rtable-cell {
  box-sizing: border-box;
  flex-grow: 1;
  width: 100%;
  padding: 0.5em 0.5em;
  overflow: hidden;
  list-style: none;
  border: solid 3px white;
  background: rgba(112, 128, 144, 0.2);
}
.Rtable-cell > h1,
.Rtable-cell > h2,
.Rtable-cell > h3,
.Rtable-cell > h4,
.Rtable-cell > h5,
.Rtable-cell > h6 {
  margin: 0;
}
/* Table column sizing
================================== */
.Rtable--2cols > .Rtable-cell {
  width: 50%;
}
.Rtable--3cols > .Rtable-cell {
  width: 33.33%;
}
.Rtable--4cols > .Rtable-cell {
  width: 25%;
}
.Rtable--5cols > .Rtable-cell {
  width: 20%;
}
.Rtable--6cols > .Rtable-cell {
  width: 16.6%;
}
/* Page styling
================================== */

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
}
h3 {
  font-size: 1.1em;
}
h4 {
  font-size: 1em;
}
strong {
  color: #434d57;
}
.Rtable a:hover {
	text-decoration:underline;
}
/* Apply styles
================================== */
.Rtable {
  position: relative;
  top: 3px;
  left: 3px;
}
.Rtable-cell {
  margin: -3px 0 0 -3px;
  background-color: white;
  border-color: #e2e6e9;
}
/* Cell styles
================================== */
.Rtable-cell--dark {
  background-color: slategrey;
  border-color: #5a6673;
  color: white;
}
.Rtable-cell--dark > h1,
.Rtable-cell--dark > h2,
.Rtable-cell--dark > h3,
.Rtable-cell--dark > h4,
.Rtable-cell--dark > h5,
.Rtable-cell--dark > h6 {
  color: white;
}
.Rtable-cell--medium {
  background-color: #b8c0c8;
  border-color: #a9b3bc;
}
.Rtable-cell--light {
  background-color: white;
  border-color: #e2e6e9;
}
.Rtable-cell--highlight {
  background-color: lightgreen;
  border-color: #64e764;
}
.Rtable-cell--alert {
  background-color: darkorange;
  border-color: #cc7000;
  color: white;
}
.Rtable-cell--alert > h1,
.Rtable-cell--alert > h2,
.Rtable-cell--alert > h3,
.Rtable-cell--alert > h4,
.Rtable-cell--alert > h5,
.Rtable-cell--alert > h6 {
  color: white;
}
.Rtable-cell--head {
  background-color: slategrey;
  border-color: #5a6673;
  color: white;
}
.Rtable-cell--head > h1,
.Rtable-cell--head > h2,
.Rtable-cell--head > h3,
.Rtable-cell--head > h4,
.Rtable-cell--head > h5,
.Rtable-cell--head > h6 {
  color: white;
}
.Rtable-cell--foot {
  background-color: #b8c0c8;
  border-color: #a9b3bc;
}
/* Responsive
==================================== */
@media all and (max-width: 560px) {
  .Rtable--collapse {
    display: block;
  }
  .Rtable--collapse > .Rtable-cell {
    width: 100% !important;
  }
  .Rtable--collapse > .Rtable-cell--foot {
    margin-bottom: 1em;
  }
}
.no-flexbox .Rtable {
  display: block;
}
.no-flexbox .Rtable > .Rtable-cell {
  width: 100%;
}
.no-flexbox .Rtable > .Rtable-cell--foot {
  margin-bottom: 1em;
}