/*

	LESS Variables
	
*/
@color-black: #000000;
@color-black-point-8: rgba(0, 0, 0, 0.8);
@color-white: #FFFFFF;
@color-lightgray: #EAEAEA;
@color-red: red;

/*

	Global
	
*/
body { background: @color-black url("@{dealer-bg}") center 120px fixed no-repeat; background-size: cover; font-family: @dealer-font, 'Open Sans', 'sans-serif'; font-size: @dealer-font-size; }

a { color: @color-black; text-decoration: none; }
a:hover { text-decoration: none; }

img { max-width: 100%; height: auto; }

	h1 { line-height: 38px; font-size: 1.6em; color: @color-white; }
	h2 { line-height: 40px; font-size: 1.4em; color: @color-white; text-transform: uppercase; }
	p { line-height: 20px; font-size: 1.4em; margin: 0px; }

	// Buttons
	.btn { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; height: 40px; line-height: 40px; border: 0; border-radius: 5px; font-size: 1.4em; background: @dealer-color2; color: @color-white; text-transform: uppercase; text-align: center; cursor: pointer; }
	.btn.active { background: @dealer-color; }
	.btn.choice { margin: 0px 0px 5px 0px; padding: 0 20px; background: @color-white; color: @color-black; text-align: left; }
	.btn.choice span.size { float: right; text-align: right; }
	.btn.choice.active { background: @dealer-color2; color: @color-white; }
	.btn.result { margin: 0px 0px 5px 0px; padding: 0 20px; background: @color-white; color: @color-black; text-align: left; float:left; width: 30%; margin-right: 3%; }
	.size-alternative-container .btn.result{ width: ~"calc(100% - 20px)"; }
	.btn.result span.size { float: right; text-align: right; }
	.btn.result.active { background: @dealer-color2; color: @color-white; }
	.btn#show-results { height: 50px; line-height: 50px; background: @color-white; color: @color-black; font-weight: bold; opacity: 0.4; cursor: default; }
	.btn#show-results i:nth-child(1) { margin-left: 5px; }
	.btn#show-results.active { opacity: 1; cursor: pointer; }
	.btn:focus { outline: none; }
	.btn-ipad{ border: 3px solid #fff; margin: 20px; width: ~"calc(100% - 40px)";}

	.hidden { display: none; }
	.clearfix:before, .clearfix:after { content: ""; display: table; }
	.clearfix:after { clear: both; }

/*

	Pre-Header
	
*/
.pre-header{ width: 100%; min-width: 1280px; height: 50px; background: @dealer-color2; position: fixed; top: 0; z-index: 9; font-size: 10pt; line-height: 25pt; }
.pre-header .row .col .content { padding: 4px 20px; }
.pre-header nav { width: 100%; float: right; }
.pre-header nav.dealer-menu-1 { height: 40px; margin: 0; }
.pre-header nav ul { float: right; list-style: none; margin: 0px; padding: 0; margin-left: 25px; }
.pre-header nav.dealer-menu-1 ul.social-media-icons li { margin: 0 0 0 5px; }
.pre-header nav.dealer-menu-1 li { line-height: 32pt; margin: 0px 0px 0px 25px; float: left; font-size: 1em; color: @color-white; text-transform: uppercase; }
.pre-header nav.dealer-menu-1 li a { color: @color-white; }
// .pre-header nav.dealer-menu-1 li:hover a{ color: @dealer-color; }
.pre-header .dealer-info { margin-top: 4px; color: @color-white; }
.pre-header .dealer-info .fa { font-size: 11pt; margin-right: 2px; }
.pre-header .dealer-info .dealer-info-text { margin-right: 5px; }
.pre-header .social-media-icons a { font-size: 16pt; margin: 0 3px; margin-top: 10px; }

body.admin-bar .pre-header { top: 32px; }
body.admin-bar .dealer-header { top: 82px; }
body.admin-bar .dealer-wrapper { top: 202px; }
/*

	Header
	
*/
.dealer-header { width: 100%; min-width: 1280px; height: 120px; background: @color-white; position: fixed; top: 50px; z-index: 9; }
.dealer-header .row .col .content { padding-top: 0px; padding-bottom: 0px; padding: 0; }
// .dealer-header img { width: auto; height: 72px; margin: 24px 0 24px 0; float: left; } /* Logo */
.dealer-header img { margin: 24px 0 24px 0; float: left; position: absolute; z-index: -1; } /* Logo */
.dealer-header nav { width: 100%; float: right; }
.dealer-header nav.dealer-menu-1 { height: 20px; margin: 24px 0 22px 0; }
.dealer-header nav.dealer-menu-2 { height: 30px; margin: 60px 0 24px 0; }
.dealer-header nav ul { float: right; list-style: none; margin: 0px; }
.dealer-header nav.dealer-menu-1 li { line-height: 20px; margin: 0px 0px 0px 30px; float: left; font-size: 1.4em; }
.dealer-header nav.dealer-menu-2 li { line-height: 18px; margin: 0px 0px 0px 20px; padding-right: 20px; border-right: 2px solid @dealer-color; float: left; font-size: 2em; text-transform: uppercase; font-weight: bold; }
.dealer-header nav.dealer-menu-2 li:last-child{ border-right: none; padding-right: 0;}
.dealer-header nav.dealer-menu-2 li a{ color: @dealer-color; }
.dealer-header nav.dealer-menu-2 li:hover a{ color: @dealer-color2; }

.dealer-messages { width: 100%; min-width: 1280px; background: @color-black-point-8; }
.dealer-messages p { color: @color-white; }

/*

	Wrapper
	
*/
.dealer-wrapper { width: 100%; min-width: 1280px; padding: 40px 0; margin-top: 170px; }
	.dealer-post .row .col-container>.content { margin: 0 20px; padding: 20px 0px; background: @color-black-point-8; }
	.dealer-post .row .col-container .col-container>.content { background: 0; } // Niet bij col-containers inside col-container
	.dealer-post-tile-right { padding-top: 20px; }
	.dealer-post .row .col-container .content .row .col .content { padding: 0px 20px; }
	.dealer-post .row .col-container .content .row .col .content.nopadding { padding: 0px !important; }
	.col-onethird { width: 30%; min-height: 2px; margin-right: 3%; float: left;}
	.col-onethird .btn.result { width: 100%; float: left;}
	
	// Header
	.dealer-post.dealer-post-header .row .col-container>.content { border-bottom: 1px solid @color-white;  }
	.dealer-post-header { }
	.dealer-post-header a i { line-height: 40px; font-size: 30px; float: right; margin: 0 20px 0 0; color: @color-white; }

	// Footer
	.dealer-post-footer { display: none; }
	.dealer-post.dealer-post-footer .row .col-container>.content { padding: 0 0 20px 0; }
	
	// Zoeken
	.dealer-post.dealer-post-option .row .col-container>.content { padding: 0 0 20px 0; } 
	.dealer-post.dealer-post-option .row .col-container:nth-child(1)>.content { padding-bottom: 0; } 
	.dealer-post.dealer-post-option .row .col-container:nth-child(1) .content .col .content { padding-bottom: 0; } 
	.dealer-post-option h2 { line-height: 38px; border-bottom: 2px solid @color-white; text-align: center; text-transform: uppercase; display: none; }
	.dealer-post-option-a { }
	.dealer-post-option-b { display: none; }
	.dealer-post-option-c { display: none; }
		form.form-category { }
		form.form-category label { line-height: 20px; margin: 0 19px 0 0; float: left; color: @color-white; text-transform: uppercase; font-size: 1.4em; cursor: pointer; }
		form.form-category input { margin: 5px 10px -5px 0; float: left; cursor: pointer; }

	// Resultaten
	.dealer-post.dealer-post-results .row .col-container .content .row .col .content { padding: 20px; padding: 15px; }
// 	.dealer-post.dealer-post-results .row .col-container .content .row:nth-child(1) .col .content { padding: 0 20px; }
	.dealer-post-results h1 { margin: 0; }
		a.tile { display: block; background: @color-white; color: @color-black; padding: 20px; font-size: 0.8em; line-height: 15px; /* padding-bottom: 40px; */ } 
		a.tile img { margin: 0 0 10px 0; } 
// 		a.tile:hover img{ filter: grayscale(100%); -webkit-filter: grayscale(100%); }
		a.tile i { float: right; font-size: 30px; } 
		
	// Resultaten (Stijl)
	#lightgallery { }
		.lg .lg-sub-html h4 { margin: 0 0 10px 0; }
		.lg .lg-sub-html p a { color: @color-white; }
		.lg .lg-sub-html .btn-style { background: 0; border: 1px solid @color-white; margin-top: 10px; padding: 5px 10px; border-radius: 5px; }
		.lg .lg-sub-html .btn-style:hover { background: @color-black; color: @color-white; }
		#wpadminbar { z-index: 1000 !important; } // Normaal 99999, maar lightGallery is 1050, dus zo valt hij er overheen.
		
	// Tegel
	.dealer-post.dealer-post-tile .row .col-container .content .row .col .content { padding: 0; }
	.dealer-post.dealer-post-tile .row .col-container.viewed-tiles-container .row .col .content{
		padding: 0 20px 0 0;
	}
// 	.dealer-post.dealer-post-tile .row .col-container .content .row:nth-child(1) .col .content { padding: 0; } // Bubble's
	.dealer-post.dealer-post-tile .row .col-container .content .row:nth-child(3) .col .content { padding: 0 20px; } // U heeft bekeken:
	.dealer-post-tile p { color: @color-white; font-size: 9pt; }	
		.tile-large { padding: 20px 70px 20px 20px; margin-top: 20px; position: relative; }
		.tile-large img {  }
		.tile-large i { width: 30px; height: 30px; line-height: 30px; font-size: 30px; text-align: center; margin: 0 0 20px 0; color: @dealer-color; position: absolute; }
		.tile-large a.show_atmosphere i { right: 20px; top: 40px; }
		.tile-large a.show_panel i { right: 20px; top: 80px; }
		.tile-large span.info-icon i { right: 20px; top: 80px; }
		
		// Banner
		.banner-img{
			border-radius: 5px;
		}

		// Sfeerfoto's en Paneelfoto's
		a.bubble {  height: 120px; position: relative; font-size: 12px; display: block; background: #fff; border-radius: 5px; color: @dealer-color; }
		a.bubble i { width: 120px; height: 120px; line-height: 120px; text-align: center; font-size: 30px; position: absolute; top: 0; left: 0; }
		a.bubble span.show_atmosphere_img,
		a.bubble span.show_panel_img { width: 270px; height: 120px; margin: 0 0px 0 0; float: left; background-position: center center; background-size: cover; }
			.show_atmosphere { cursor: pointer; } // f06e
			a.bubble span.show_atmosphere_img { border-radius: 5px;}
			.show_atmosphere_text { position: absolute; width: 100%; left: 0; bottom: 0; line-height: 20px; background: rgba(255, 255, 255, 0.75); text-align: center; border-radius: 0 0 5px 5px; color: #000; }
			.uppercase { text-transform: uppercase; font-weight: bolder; margin: 0; }
			.show_panel { cursor: pointer; } // f030
			
			a.bubble::after{
			    position : absolute;
			    display: block;
			    content:"";
			    width:0;
			    height:0;
			    border-top: 20px solid transparent;
			    border-bottom: 20px solid transparent;
			    border-right: 20px solid #fff;
			    left: -20px;
			    top: 40px;
			}
			
		// Tegel informatie tabel
		.tile-information-table-container { padding: 10px; }
		.tile-information-table { float:left; width: 100%; margin:20px 0; padding: 20px 0; height: auto; position: relative; font-size: 12px; display: block; border-radius: 5px; color: @dealer-color; }
// 			.tile-information-table-inner { padding: 0 20px; }
			.uppercase { text-transform: uppercase; font-weight: bolder; }
			.tile-information-table h3 { margin-bottom: 5px; font-size: 10pt; }
			.tile-information-table p { color: #bebebe; color: @color-black; font-size: 9pt; line-height: normal; }
			.tile-information-table .icon-arrow{
			    position : absolute;
			    display: block;
			    content:"";
			    width:0;
			    height:0;
			    border-top: 20px solid transparent;
			    border-bottom: 20px solid transparent;
			    border-right: 20px solid #fff;
			    left: -20px;
			    top: 50%;
			    margin-top: -20px;
			}
			.tile-info-label{
				float: left;
				clear: both;
				width: 130px;
				margin-right: 10px;
				line-height: 13pt;
				color: #696969;
			}
			.tile-info-value{
				float: left;
				line-height: 13pt;
// 				text-transform: capitalize;
				color: #696969;
			}
			.tile-type { text-transform: capitalize; }
			#tile_text_2{
				line-height: 13pt;
				color: #696969;
			}
				#tile_text_2 .size-item{
					float: left;
					width: 30%;
					margin-right: 2%;
				}
			
		
		// Formulier
		form.form-code { padding: 20px; background: @dealer-color; border-radius: 5px; position: relative; }
		form.form-code h2 { line-height: normal; margin: 0 0 10px 0; }
		form.form-code p { line-height: normal; margin: 0 0 10px 0; }
		form.form-code input { width: 100%; padding: 0 10px; margin: 0; float: left; background: @color-white; color: @color-black; border: 2px solid @color-lightgray; border-radius: 5px; height: 25px; box-sizing: border-box; font-size: 9pt; }
		form.form-code input[type=submit] { color: @dealer-color; font-weight: bolder; }
		form.form-code input.error { border-color: @color-red; }
		form.form-code label.error { display: none !important; }
		form.form-code div { }
		form.form-code div .col-33p { float: left; width: 33.3332%; padding-right: 20px; box-sizing: border-box; }
		form.form-code div .col-33p:nth-child(3) { padding-right: 0; }


			
			form.form-code::after{
			    position : absolute;
			    display: block;
			    content:"";
			    width:0;
			    height:0;
			    border-top: 20px solid transparent;
			    border-bottom: 20px solid transparent;
			    border-right: 20px solid @dealer-color;
			    left: -20px;
			    top: 55px;
			}
			


		// Recent bekeken
		#viewed a.tile { padding: 10px; position: relative; }
		#viewed a.tile i.tile-remove { font-size: 20px; color: @color-white; text-shadow: 1px 1px 4px @color-black-point-8; position: absolute; top: 0; right: 0; cursor: pointer; }
		.viewed-tile-col{ margin-bottom: 10px;}
		span.tile-info {
		    bottom: 5px;
		    display: block;
		}
		#viewed .content{
			padding: 0 5px;
		}
		.viewed-col{
			padding: 0 15px;
		}
		.memory-title{
			padding: 10px 5px !important;
		}
	
	// 404
	.dealer-post-404 p { color: @color-white; }
	
.results .no-results{
	text-transform: uppercase;
	font-size: 1.4em;
}

.show-route .col .map-overlay{
	display: none !important;
}
.color-alternative-container,
.gsfeer_control_container,
.main-col .navigation-row,
a.tile span.info-icon{
	display: none;
}
.viewed-tiles-container{
	background: @dealer-color;
	padding-bottom: 10px;
	margin-top: 20px;
}
.viewed-tiles-container h2{
	color: #fff;
	font-size: 1.6em;
}
.viewed-tiles-container h3{
    font-size: 1.3em !important;
    color: #fff !important;
    text-transform: uppercase;
}
.show-route .col-lg-8{
	border: none !important;
	background: none !important;
	margin-top: 0 !important;
}
.show-route{
	margin-bottom: 20px;
	background: #f0f0f1;
}
.dealer-post-tile > .row{
	background: #f0f0f1;
}
.dealer-info{
	background: @dealer-our-address-bg;
	color: @dealer-our-address-text-color;
	padding: 15px;
	height: ~"calc(100% - 30px)";
}
	.dealer-info p{
		color: inherit;
	}
	.dealer-info-header{
	    width: ~"calc(100% + 30px)";
		background: @dealer-our-address-header-bg;
	    margin-top: -15px;
	    margin-left: -15px;
	    height: 30px;
	    float: left;
	    margin-bottom: 10px;
	    text-align: center;
	}
		.dealer-info-header p{
		    line-height: 30px;
			color: @dealer-our-address-header-text-color;
		    font-weight: bold;
		}
	.dealer-post .dealer-info h3{
		color: #fff;
		margin: 0;
		margin-bottom: 10px;
		margin-top: 20px;
	}
	.dealer-post .dealer-info h3:first-child{
		margin-top: 0;
	}
.page-id-1002 .dealer-post-bottom, .page-id-1002 .bottom-footer{
	display: none;
}
.breadcrumb-item{
	text-transform: uppercase;
	line-height: 16pt;
	color: @dealer-color-text;
	font-size: 9pt;
	cursor: pointer;
    margin-right: 10px;
}
.breadcrumb-item::after{
	content: ">";
	margin-left: 10px;
}
.row-breadcrumbs .breadcrumb-item:last-child::after {
	content: none;
}
.breadcrumb-back::before{
	content: "< ";
}
.row .col .content.atmosphere-slider{
	padding-top: 0;
}
.atmosphere-slider-images{
	height: 450px !important;
}

.custom-banner{
	float: left;
	width: 100%;
}
.page-id-1003 .custom-banner{
	width: ~"calc(100% - 20px)";
}
	.custom-banner-feature{
		position: absolute;
		color: @dealer-banner-tip-text-color;
	    font-weight: bold;
	    border-left: 80px solid transparent;
	    border-right: 80px solid transparent;
	    border-bottom: 80px solid @dealer-banner-tip-bg;
	    width: 0;
	    height: 0;
	    margin-left: -51px;
	    transform: rotate(-45deg);
	    margin-top: -12px;
	}
		.custom-banner-feature-content{
		    position: relative;
		    width: 100px;
		    top: 40px;
		    text-align: center;
		    left: -50px;
			font-size: 15pt;	    
		}
			.custom-banner-feature-content p{
				font-size: 20pt;
			}
			.custom-banner-feature-content *{
				margin: 0;
				color: inherit;
			}
	.custom-banner-text{
	    float: left;
	    width: ~"calc(100% - 30px)";
	    background: @dealer-banner-bg;
	    color: @dealer-banner-text-color;
	    padding: 15px;
	    text-transform: uppercase;
	    text-align: center;
	    font-size: 8pt;
	}
		.custom-banner-text p{
			font-size: 11pt;
		}
		.custom-banner-text *{
			color: inherit !important;
		}
.maps-container{
	width: ~"calc(100% - 20px)";
	height: 270px;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
}
.bottom-buttons select{
    float: left;
    height: 40px;
    -webkit-appearance: menulist;
    border: none;
    border-radius: 0;
	-webkit-border-radius: 0px;
    background: @dealer-calculate-route-bg;
    color: @dealer-calculate-route-text-color;
    display: inline-block;
    font-size: 10pt;
    max-width: 130px;
    border-right: 1px solid #fff;
}