/*
Theme Name: Rijschoolvreeman.nl
Theme URI: www.rijschoolvreeman.nl
Description: Dit thema is ontwikkeld door WeTalkBusiness.
Version: 1.4
Author: Emiel Boerefijn
Author URI: www.wetalkbusiness.eu
Tags: WeTalkBusiness
*/



html {
  min-height: 100%;
}

body {
	background-color: #000 ; 
	color: #fff;
	font-family: Arial;
	font-size: 16px;
}

a:link, a:visited {
color: #FFA500;
text-decoration:none;
}

a:hover, a:active {
color: #32CD32;
text-decoration:underline;
}

h1 {
  font-family: Arial;
  color: #FFA500;
  font-size: 24px;
  text-align: left;
}

h2 { 
  font-family: Arial;
  color: #000;
  font-size: 20px;
  text-align: left;
}



.grijsKader { 
  background-color: #484848;
  opacity:0.7;
  filter:alpha(opacity=70); /* Voor ouder als IE9 */
  -moz-border-radius:50px ;
  -webkit-border-radius:50px ;
  border-radius:50px;
}


.grijsKaderBoven { 
	padding-bottom: 30px;
  background-color: #484848;
  opacity:0.7;
  filter:alpha(opacity=70); /* Voor ouder als IE9 */
  -moz-border-radius:50px 50px 0px 0px;
  -webkit-border-radius:50px 50px 0px 0px;
  border-radius:50px 50px 0px 0px;
}

.grijsKaderMidden { 
  background-color: #484848;
  opacity:0.7;
  filter:alpha(opacity=70); /* Voor ouder als IE9 */
}

.grijsKaderOnder { 
	padding-top: 30px;
  background-color: #484848;
  opacity:0.7;
  filter:alpha(opacity=70); /* Voor ouder als IE9 */
  -moz-border-radius:0px 0px 50px 50px;
  -webkit-border-radius:0px 0px 50px 50px;
  border-radius:0px 0px 50px 50px;
}


.logo {

}

.navbar {
	
}

.nav-item {
	padding-left: 0.8em;
	padding-right: 0.8em;
}

.nav-link {
	font-size: 18px;
}

li a.nav-link {
	color: #CC9900;
	text-decoration: none;
	font-weight: 700;
}

li a.nav-link:hover, a.nav-link:active  {
	color: #fff;
	text-decoration: underline;
}


.custom-toggler.navbar-toggler {
    border-color: rgb(255,255,255);
}

.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}



.btn-aanmelden, .btn-aanmelden:link, .btn-aanmelden:visited {
	margin-top: 10px;
	background:  #5bc0de;
	color: #fff;
	border: 2px solid #fff;
}

.btn-aanmelden:hover, .btn-aanmelden:active  {
	margin-top: 10px;
	background: #5cb85c;
	color: #fff;
	border: 2px solid #fff;
}

/* Contact Form 7 Styles
---------------------------------*/
 
.wpcf7-submit {
	margin-top: 10px;
	background: #FFA500;
	border: 2px solid #fff;
	border-radius: 5px;
	color: #fff;
	padding: 10px;
 
}






.footer {
	height: 60px;
	color: #fff;
	text-align: center;
}


@media screen and (min-width: 999px) {

	.achtergrond { 
	  background-image: url('assets/img/mercedes.jpg');
	  background-repeat:no-repeat;
	  margin: 0 auto; 
	  margin-top: -100px;
	  display: block;
	  width: 901px;
	  height: 255px;
	}
}



@media only screen and (max-width: 998px) and (min-width: 500px){

	.achtergrond { 
	  background-image: url('assets/img/mercedes_klein.jpg');
	  background-repeat:no-repeat;
	  margin: 0 auto; 
	  margin-top: -50px;
	  display: block;
	  width: 451px;
	  height: 128px;
	}
}


