/**
 *  Aangepaste styling mobile site
 */

.content-wrapper{
	width:auto;
	margin:0px auto;
	text-align:left;
	
	.page-body{
		padding-left:10px;
		padding-right:10px;
		margin-right:0px;
	}
	.page-sidebar{
		display:none;	
	}
}		

.overzicht.producten{
	margin-top:10px;
	.product{
		.overzicht-item-afbeelding{
			display:none;
		}
		&.hover{
			.overzicht-item-afbeelding{
				display:none;
			}	
		}
	}
}

.menu-wrapper{
	text-align:center;
	background-image:url(../images/mob-submenu-overlay.png);
	background-position:center;
	height:auto;
	overflow:visible;
	display:block;
	#menuBar,
	#submenuBar{
		background-color:none!important;
		background:none;
		.inline-block;
		vertical-align:top;
		width:40%;
	}
	#menuBar{	
		text-align:right;
		
		#mainMenu{
			.font-default;
			padding:20px;
			padding-right:0px;
			margin-right:-2px;
			li.menu-item{
				display:block;
				
				a{
					padding:0px;	
					text-align:left;
					color:#ffffff;
				}
				
				&.active a.menu-item-link, 
				&:hover a.menu-item-link, 
				& a.menu-item-link:focus{
					background-image:url(../images/mob-hoofdmenu-actief-item.png);
					background-position:right center;
					background-repeat:no-repeat;
					font-weight:bold;
				}
				
				&.menu-item-search{
					//display:none; // verberg het zoekveld
				}
			}
			
		}		
	}
	#submenuBar{
		height:auto;
		
		#subMenu{
			padding:20px;
			text-align:left;
			
			li.sub-menu-item{
				display:block;				
				a{
					padding:0px !important;
				}
			}
		}	
	}
	.content-wrapper{
		margin:0px;	
		text-align:left;
	}
	
}

#siteFooter{
	text-align:center;
	#footerMenu{
		display:none;	
	}
	.footer-left,
	.footer-right{
		width:auto;
		text-align:center;	
	}
	.social-media-component{
		.inline-block;	
		padding-left: 10px;
	}
}



div.mobile {
	display: block;
}

.mobile-menu-button {
	color: #ffffff;
	text-align: left;
	padding-left: 10px;
	line-height: 30px;
	
	img {
		margin-right: 13px;
		vertical-align: middle;
		position: relative;
		top: -2px;
	}
}

.mobile-contact-area {
	position: relative;
	background-color: @template-link-hover;
	color: #ffffff;
	text-align: left;
	padding-left: 10px;
	line-height: 30px;
	
	img {
		position: absolute;
		bottom: -12px;
		right: 17px;
		z-index: 1000;
	}
}

.no-mobile {
	display: none;
}

div.menu-wrapper, div.mobile-contact-area {
	display: none;
}

.formulier .labelhldr, .formulier .fieldhldr {
	display: block;
	
	input[type=text], textarea {
		width: 90%;
	}
}

.formulier .labelhldr {
	tr, th, td {
		display: inline;
	}
}

.carrousel-items {
	left: -900px;
}

.carrousel-navigation {

	ul#nav {
		text-align: center;	
		padding: 0px;
		
		li {
			margin: 10px 5px 0px 5px;
			float: none;
			display: inline-block;
		}
	}
	
	img {
		width: 75px;
		height: 75px;
	}
}

.overzicht-item-afbeelding {
	margin-left: 10px;
}

.overzicht.overzicht-normal{
	.overzicht-item{
		&.has-picture{
			.overzicht-item-content{
				width:100%;
			}
		}
	}
}

#siteContent {
	min-height: 0px;
}

.page-body {
	padding-top: 10px !important;
}

.breadcrumb li a {
	font-size: 12px;
}

html {
	min-width: 320px;
}

.overzicht.overzicht-compact{
	.overzicht-item{
		&.hover{
			.overzicht-item-afbeelding{
				display:none;		
			}
		}
	}
}