/*

Theme Name: Delfttaxi

Theme URI: http://www.folderfabriek.nl

Author: de Folderfabriek

Author URI: http://www.folderfabriek.nl

Description: Taxi Service Nootdorp thema

License: Alle rechten voorbehouden

License URI: Geen

Tags: Taxi Service Nootdorp

Text Domain: Geen

*/





/* Algemeen */

/* body {font-size: 16px; font-family: 'Roboto Slab', serif;} */
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');

body, html{
font-family: 'Open Sans', sans-serif;
}

p{}

a:link, a:visited {color:#000; text-decoration: none; outline: 0;}

h1, h2, h3, h4, h5 {font-family: 'Montserrat', sans-serif; display: block; }

h1 {}

h2 {}

h3 {}

h4 {}

h5 {}

img {display: block; max-width: 100%;}

.clearer {clear: both;}



#logo {text-align: center; padding-bottom: 20px;}

#logo img {margin: auto 0px}

/*#header {background: #fde40d url(images/bg_header.jpg) repeat-x center bottom ; text-align: center; padding: 40px 0 30px 0; margin-bottom: 10px;}*/

#header{
/*background: #2980b9 url(/wp-content/uploads/2019/06/taxidelft-banner-min.jpg) no-repeat center bottom;*/
	background: #2980b9 url(/wp-content/uploads/2019/07/taxidelft-achtergrond-banner-V2-min.jpg) no-repeat center bottom;
    text-align: center;
    padding: 40px 0 30px 0;
    margin-bottom: 10px;
    background-size: cover;
}

#header h1 {font-weight: 700; font-size: 3em; color:#fff; margin: 0 0 20px 0; line-height: 1.25em;}

#header h2 {font-weight: 400; font-size: 1.5em; margin: 0 0 20px 0; line-height: 1.2em;}

#header i {padding: 0 10px 0 0;}

a.btn_groot:link, a.btn_groot:visited {text-transform: uppercase; padding: 15px 30px; display: inline-block; background: #000; color: #fff; font-weight: 700; font-size: 1.15em; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin: 0 10px 30px 10px;}

a.btn_groot:hover {background: #181818; }

#taxi_bmw {margin: auto auto;
max-width:80%;
width:600px;}

.prijzen{margin: 0 0 20px 0; text-align: center}

.prijzen p {text-align: left; font-weight: 300; font-size: 0.9em; line-height: 1.6em; margin: 0px auto 20px auto;}

div.price-bubble {border: 8px solid #f3d40a; -webkit-border-radius: 55px; -moz-border-radius: 55px; border-radius: 55px; background: #fde40d;

margin: 0 auto 15px auto; width: 110px; height: 110px;}

span.price {line-height: 90px; font-weight: 700; font-size: 2.3em; font-family: 'Montserrat', sans-serif; letter-spacing: -3px;}

span.eur, span.cents {font-family: 'Montserrat', sans-serif; font-size: 1.1em;font-weight: 400;}

h4.bestemming {font-size: 1em; line-height: 1.4em; font-weight: 700}

p.note {text-align: center; font-weight: 400; font-size: 0.75em; line-height: 1.6em; margin: 30px auto 50px auto; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; padding: 10px 0;}

#breadcrumb {margin: 0px auto 30px auto; font-size: 0.85em; color: #000;}

#breadcrumb a {margin-right: 0px; border-bottom: 1px dotted #ccc;}

article {margin-bottom: 50px;}

article a, #widgets a {border-bottom: 1px dotted #ccc;}

article p, article ul, aside ul, #widgets p, #widgets ul {text-align: left; font-weight: 400; font-size: 0.9em; line-height: 1.6em; margin: 0px auto 20px auto;}

table {text-align: left; font-weight: 300; font-size: 0.9em; line-height: 1.6em; margin-bottom: 20px;}

article h2 {font-size: 1.6em; text-transform: uppercase; margin: 0 0 20px 0; font-weight: 700}

article h3 {text-align: left; font-size: 1.2em; text-transform: uppercase; margin: 10px 0 15px 0; font-weight: 700; line-height: 1.5rem}

article h4, aside h4 {text-align: left; font-family: 'Roboto Slab', serif; color: #000; font-size: 1.1em; font-weight: 400; margin: 20px 0 10px 0; font-weight: 700}

article ul {}

article li {list-style-type: disc; margin-left: 18px; }

article h4 {margin-bottom: 10px;}

footer {line-height: 38px; padding: 0 0 50px 0;}

footer img {}

footer div {text-align: left;}

footer ul li {display: inline-block; padding: 0 5px;}



#widgets {margin-bottom: 50px;}

#widgets h3 {margin-bottom: 10px; font-size: 1.3em; color: #444444;}

#direct-reserveren {margin-bottom: 50px; text-align: center; border-bottom: 1px dotted #ccc; border-top: 1px dotted #ccc; padding: 20px 0;}

#direct-reserveren h4 {font-size: 1.5em; font-weight: 700}



.menu {}

.menu {text-align: right; text-transform: uppercase; font-size: 0.95em;}

.menu li {display: inline-block; padding-left: 20px; line-height: 35px;}

.menu li.current-menu-item a {color: #2980b9;}



aside .menu li {line-height: 1.3rem; padding-left: 0px; display: block; text-align: left}

aside .menu li a {padding: 0px 0px; text-transform: capitalize; text-align: left; display: inline-block; line-height: 1.5rem;}



ul.sub-menu {display: none;}



aside p {text-align: center; font-weight: 300; font-size: 0.9em; line-height: 1.6em; padding: 0px 20px;}

aside h3 {font-size: 1.2em; margin-bottom: 20px;}



.clearer {clear:both;}



.morelink, aside a {display: block; padding: 20px 0; text-align: center;}



/* Pas elementen aan wanneer scherm kleiner dan 768px */

@media handheld, only screen and (max-width: 767px) {



	#logo {padding-bottom: 10px; margin: 0 auto; }

    #logo img {display: inline-block }

	#content article {margin: 0 0 10px 0;}

	#header {padding: 10px 0 0 0;}

	a.btn_groot:link, a.btn_groot:visited {margin: 0 10px 10px 10px;}

	#taxi_bmw {margin-top: 20px;}

	footer {margin: 20px 0 40px 0 !important}

	#header h1 {font-size: 1.5em; line-height: 1.3em;}

	a.readmore-js-toggle {padding: 10px 0 30px 0;}

	.menu {}

	.menu li {display: block; text-align: center; padding: 0 0 5px 0; line-height: 25px;}

	article p {max-width: 100%;}

	article h3 {font-size: 1.4em}

}

/* Extra CSS */


a.btn_groot:link, a.btn_groot:visited{
background:#2980b9 !important;
border:1px solid #fff;
box-sizing:border-box;
}

#direct-reserveren a{
text-decoration:underline;
}

.footerbg{
background:rgba(41, 128, 185, 0.85);
overflow:hidden;
width:100%;
height:auto;
padding:40px 0 20px;
	box-sizing:border-box;
color:#fff;}

.footerbg .fa{
color:#fff;
}


@media screen and (max-width:767px){
	#direct-reserveren a{

display:block;
clear:both;

}
	
	.footerbg p, .footerbg{
text-align:center !important;
}

.footerbg img{
margin:0 auto;
}
}

/* Responsive nav css */

#simple-menu .fa{
font-size:2em;
display:none;
}

.sidr{
background:#2980b9 !important;
box-shadow: none !Important;
}

.sidr li a:hover{
box-shadow: none !Important;
}

@media screen and (max-width:934px){
#simple-menu .fa{
display:block;
}

.header .col-9-12 #menu{
display:none;
} 

.header .col-1-4{
width:70%;
float:left;

}


.header .col-1-4 #logo{
text-align:left;
}

.header .col-9-12{
width:30%;
float:left;
text-align:right;
padding-right:10px !important;
box-sizing:border-box;
}
}

.reservation-iframe-wrapper {
	background:rgba(41, 128, 185);
	border: 1px solid white;
	border-radius: 0.75rem;
	padding: 1rem;
}



.bg-white {
	background: white;
}

#empty-header{
	background: #2980b9 url(/wp-content/uploads/2019/07/taxidelft-achtergrond-banner-V2-min.jpg) no-repeat center bottom;
	background-size: cover;
	width: 100%;
	left: 0;
	right: 0;
	top: 0;
	height: 40rem;
	position: absolute;
	z-index: -1;
}