/* ========================================================================== */
/* Global properties ======================================================== */
/* ========================================================================== */

@font-face {
font-family: 'Sony Sketch EF';
font-style: normal;
font-weight: normal;
src: local('Sony Sketch EF'), url('../webfonts/Sony_Sketch_EF.woff') format('woff');
}
html {
	width:100%;
	overflow-y:scroll;
}
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:1.6em;
	text-align:center;
	background:#0d0d0d url('./images/body-bg.jpg') center top no-repeat fixed;
	
	/* test */
	min-height:1000px;
	
}
.calign {text-align:center;}
.lalign {text-align:center;}
.ralign {text-align:center;}
@media (min-width: 768px) {
	.lalign {text-align:left;}
	.ralign {text-align:right;}
}
.small-text {font-size:0.6rem;}
/*
/* ========================================================================== */
/* Bootstrap overrides ====================================================== */
/* ========================================================================== */

@media (max-width:767px) {
	.container {
		width:auto;
		max-width:100%;
	}
	.navbar-nav {
		display:inline-block;
	}
}

/* ========================================================================== */
/* Header =================================================================== */
/* ========================================================================== */

#header {
	margin-bottom:20px;
}
h2.logo {
	margin:0px;
}
h2.logo a {
	display:block;
	margin:0px 30px;
	height:99px;
	text-indent:-5000px;
	background:url(./images/logo.png) center no-repeat;
	background-size:contain;
}
#coords span {
	font-family: 'Sony Sketch EF', sans-serif;
	font-size:20px;
	color:#fff;
	padding:0px 10px;
}
@media (min-width: 768px) {
	#header {
		margin-bottom:0px;
	}
	h2.logo {
		margin-left:-15px;
	}
	h2.logo a {
		margin:0px;
		width:450px;
		background:url(./images/logo.png) left no-repeat;
		background-size:auto;
	}
	#coords {
		text-align:right;	
		margin-top:10px;
	}
	#coords span {
		display:block;
		padding:0px;
	}
}

/* ========================================================================== */
/* Menu ===================================================================== */
/* ========================================================================== */

.navbar {padding:0px;}
.navbar, .navbar-collapse {width:100%;justify-content:center;}
.navbar-collapse {background:#253f47;padding-top:20px;margin-top:0px;padding-bottom:20px;margin-bottom:20px;text-align:center;border-top:1px solid #fff;border-bottom:1px solid #fff;}
.nav-item {padding:0px 8px;text-transform:uppercase;}
.nav-link {color:#aaa;font-family: 'Sony Sketch EF', sans-serif;font-size:21px;padding:4px 4px;line-height:21px;}
.nav-item:hover>.nav-link, .nav-item.show>.nav-link {color:#fff;}
.navbar-nav > .nav-item.active  > .nav-link {color:#04b5e4;cursor:default;}
.navbar-nav > .nav-item.active.dropdown  > .nav-link {cursor:pointer;}
.dropdown-menu.show > .nav-item.active > .nav-link {color:#04b5e4;cursor:default;}
.navbar-toggler {
	position:fixed;
	top:15px;
	right:15px;
	border:1px solid #ddd;
	padding:5px;
	background-color:#333;
}
.navbar-toggler:focus {
	border-color:#ddd;
	outline:0px;
}

.navbar-toggler:hover {
	background-color:#ddd;
}
.navbar-toggler .icon-bar {
	background-color:#ddd;
	display:block;
	width:22px;
	height:2px;
	border-radius:1px;
}
.navbar-toggler:hover .icon-bar {
	background-color:#222;
}
.navbar-toggler .icon-bar + .icon-bar {
	margin-top:4px;
}
.navbar-nav .nav-item .dropdown-menu {
	border-radius: 0;
	background:#253f47;
	border:0px;
	border-bottom:1px solid #fff;
	box-shadow: 0px 8px 6px rgba(0, 0, 0, 0.4);
	margin-top:16px;
}
@media (max-width: 767px) {
	.navbar.navbar-expand-md {position:fixed;top:0px;right:0px;z-index:100;}
	.navbar-nav .nav-item .dropdown-menu {
		width:auto;
		box-shadow: none;
	}
}
.navbar-collapse.show .nav-item.dropdown.show {margin-bottom:10px;border-top:1px solid #fff;border-bottom:1px solid #fff;background:rgba(255,255,255,0.1);}
.navbar-collapse.show .nav-item.dropdown.show .dropdown-menu.show {border-bottom:0px;margin-top:0px;background:none;}

/* ========================================================================== */
/* Carousel ================================================================= */
/* ========================================================================== */

#carousel {
	margin-bottom:20px;
}
.carousel-item img{
	margin:0px auto;
	border:7px solid #fff;
	width:100%;
	max-width:850px;
}
.carousel-indicators .active {
	background-color:#04b5e4;
}

/* ========================================================================== */
/* Content ================================================================== */
/* ========================================================================== */

#content {text-align:left;}
#content .band {background:url(./images/article-bg.png);padding:10px 15px;margin-bottom:20px;border:1px solid #fff;border-left:0px; border-right:0px;}
#content h2 {font-family: 'Sony Sketch EF', sans-serif;font-size:32px;line-height:36px;margin-bottom:10px;border-bottom:1px solid #04b5e4;}
#content h3 {font-family: 'Sony Sketch EF', sans-serif;font-size:28px;line-height:32px;margin-bottom:7px;color:#fff;}
#content h4 {font-family: 'Sony Sketch EF', sans-serif;font-size:24px;line-height:28px;margin-bottom:5px;border-bottom:1px solid #fff;color:#fff;}
#content p, #content table {color:#fff;}
.blue {color:#04b5e4;}
#content a {color:#fff;}
#content ul {list-style-type:square;list-style-position:outside;color:#fff;margin-left:10px;}
#content ul li {margin-left:7px;}

.sub-item {margin-bottom:10px;margin-top:10px;}
.photogallery {text-align:left;margin-bottom:10px;}
.photogallery img {border:1px solid #04b5e4;margin-bottom:5px;}
@media (min-width: 768px) {
	.photogallery {text-align:center;}
	.row.binnendeuren :nth-child(2) {order:4;}
	.row.binnendeuren :nth-child(4) {order:5;}
	.row.binnendeuren :nth-child(6) {order:6;}
}
@media (min-width: 992px) {
	#content .kraaninfo :nth-child(2) {order:4;}
	#content .kraaninfo :nth-child(3) {order:2;}
	#content .kraaninfo :nth-child(4) {order:3;}
	#content .kraaninfo :nth-child(5) {order:5;}
}
.info-label {display:inline-block;width:65%;}
.info-value {display:inline-block;width:35%;text-align:right;}
#content .specs ul {margin-left:0px;padding-left:15px;}
#content .actieradius table {width:100%;color:#fff;}
#content .kraaninfo {display:flex;flex-direction:row;}
#content table.pricelist {width:100%;}
#content table.pricelist th {font-weight:normal;}
#content table.pricelist th:nth-child(2) {text-align:right;}
#content ul.pricelist {margin-left:0px;padding-left:18px;}
#content ul.pricelist li {margin-left:0px;}


/* ========================================================================== */
/* Footer =================================================================== */
/* ========================================================================== */

#footer {padding-bottom:60px;color:#999;font-size:12px;}
#footer a {text-decoration:none;color:#999;}
#footer a span {font-weight:bold;}
#footer a:hover span {text-decoration:underline;color:#fff;}