@charset "utf-8";
/* CSS Document */

@media (max-width: 768px){
	
	body.site{
		padding:unset;
		background-color:#ffffff;
		margin-bottom:10px;
	}
	
	#sidebarleft, #djslider-loader129, .djslider-end, .socialmedia{
		display:none;
	}
	.body>.container{
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-flow: row wrap;
		flex-flow: row wrap;
	}
	.header{
		margin-bottom:5px;
		flex:1 auto;
		margin-left:45px;
	    min-height: 34px;
		padding-bottom: 10px;
	    border-bottom: solid 1px #adadad;
		order:2;
		z-index:200;
	}
	.header .brand{
		text-align:right;
	}
	.header-left{
		
		text-align:center;
		flex: 1 0px;
		order:3;
	}
	.header-left img{
		width: auto;
		height: 30px;
	}
	.header .subtitle{
		display:none;
	}
	.header-right{
		order:2;
		margin-top: 6px;
	}
	.navigation{		
		position: absolute;
	    width: 100%;
		order:1;
		border-bottom: solid 1px #adadad;
	}
	.navbar{
		margin-bottom:10px;
	}
	.nav-collapse{
		background:#ffffff;
	}
	.nav-collapse.in.collapse{
		margin-right:40px;
	}
	.navbar .btn-navbar{
		margin:unset;
		padding: 7px 10.5px;
		font-size:16px;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		box-shadow: none;
		border-color: #eee;
		background-color: #eee;
		background-image: none;
	    text-shadow: none;
	}
	.span9{
		width:unset;
	}
	.banner {
		order:3;
    	width: 100%;
	}
	.body .container .banner{
		margin:unset;
	}
	.banner .custom{
		margin:unset;
	}
	.container-content {
		order:4;
    	width: 100%;
	}
	.container-content div.row{
		margin-top:unset;
	}
	footer.footer{
	    padding: 0px 20px 5px 20px
	}
	.banner .omslagfoto-lustrum{
		display: none;
	}
	.banner div#lustrumbanner a{
		display: block;
		background-color:#eb0078;
		padding:15px 5px 15px 20px;
		color: #ffffff;
		font-weight: bold;
		text-align:center;
		display: flex;
    	flex-flow: row nowrap;
	}
	
	/** Menu **/
	ul.nav.menu.nav-pills.mod-list {
		border: 1px solid #666666;
		border-radius: 5px;
	}
	.navigation .collapse:before{
		position: absolute;
		top: 100%;
		right: 0;
		left: 0;
		height: 6px;
		content: '';
	}
	.navigation .collapse ul.nav.menu.nav-pills.mod-list:before {
		position: absolute;
		top: -7px;
		left: 9px;
		display: inline-block;
		border-right: 7px solid transparent;
		border-bottom: 7px solid #ccc;
		border-left: 7px solid transparent;
		border-bottom-color:#666666;
		content: '';
	}
	
	/** Agenda **/
	#jevents_body #jev_maincal{
		font-size:12px;
	}
	td.jevents_locatie{
		font-size:12px!important;
		word-break:break-word;
	}
	#jevents_body .new-navigation, #jevents_body .currentmonth, #jevents_body .jev_pretoolbar, #jevents_body>.jev_clear{
		display:none;
	}
	#jevents_body ul.ev_ul li.ev_td_li{
		margin:3px 0px;
	}
	.jevents_datum{
		width:50px;
	}
	.jevents_datum>div {
		display: block;
	}
	.jevents_tijd {
    	width: 42px;
	    padding-left: 5px;
	}
	.jevents_locatie{
		padding-left:5px;
		font-size:12px;
		line-height:16px;
	}	
	.jevents_titel{
		width:100px;
		-ms-hyphens: auto;
		-moz-hyphens: auto;
		-webkit-hyphens: auto;
		hyphens: auto;
		padding-left:5px;
	}
	
	/** Smoelenboek **/
	.cb_template .navbar{
		padding:0px;
	}
	.cb_template .navbar-toggler{
		font-size:16px;
		padding: 10px 12.5px;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
	}
	.cb_template .navbar-light .navbar-toggler{
		color:#000000;
		border:none;
	}
	.cb_template .navbar-light .navbar-toggler-icon{
		background-image:none;
	}
	.cb_template .navbar-light .navbar-toggler-icon:before{
		/*position: absolute;*/
		font-family: 'FontAwesome';
		top: 0;
		left: 10px;
		content: "\f0c9";
	}
	.cb_template .navbar-toggler-icon{
		width:unset;
		height:unset;
	}
	.cb_template .navbar-expand-sm .navbar-nav>li{
		margin-right:0px;
	}
	.cb_template .cbFieldIcons, .cb_template .cbFieldIconsLabels{
		display:none;
	}
	
}
@media (max-width: 979px){
	
	/** Menu **/
	.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a{
		font-weight:unset;
	}
	.nav-collapse .nav > li.active > a{
		color:#ffffff;
	}
	.nav-collapse .nav > li.active.deeper > a{
		color:#000000;
	}
	.nav-collapse .nav > li > a:hover, .nav-collapse .nav > li > a:focus, .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus, .nav-collapse .nav > li.active > a:hover{
		background-color:#666666;
		color:#ffffff;
	}
	
}