body { font: 16px 'Open Sans'; line-height: 24px; margin-top: 0; }


/* ALGEMEEN */
h1, h2, h3, h4, h5, h6, 
.h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 600; }
h1.page-header { border-bottom: none; }
.nav > li > a:focus,
.nav > li > a:hover { background-color: transparent; }
.view .view-content > .views-row { margin-bottom: 30px; }
.container { padding-left: 30px; padding-right: 30px; }

.page-node-type-homepage h1 { display: none; }

/* ENTITY BLOK TITEL HIDEN */
.block-entity-viewnode > * > h2 { display: none; }

/* REGIONS */
.main-container { background: #fff; padding-top: 25px; padding-bottom: 50px; }


/* BOOTSTRAP NAVBAR & FOOTER OVERRIDE */
.navbar-header { float: none; }
.navbar-nav { margin-left: 0; margin-right: 0; }
.container > .navbar-header {  }
.navbar.container { max-width: none; border: none; border-radius: 0; margin-bottom: 0; }
.footer { margin-top: 0; padding-top: 0; border-top: none; }
.footer > div { padding-top: 35px; padding-bottom: 35px; }


/* SITE BRANDING */
.site-branding-block { padding: 15px 0; }
.site-branding-block:after { content: " "; clear: both; display: table; }
.site-branding-block .logo { display: inline-block; padding-right: 25px; }
.site-branding-block .site-naam-container { display: inline-block; vertical-align: middle; }
.site-branding-block .site-naam { font-size: 28px; line-height: 34px; }
.site-branding-block .site-slogan { font-size: 20px; line-height: 26px; }


/* MAIN MENU */
.menu-container > .container {  }
.menu-container ul.main-menu { float: none; padding: 15px 0; margin: 0 -15px; }
.menu-container ul.main-menu:after { display: table; content: " "; clear: both; }
.menu-container ul.main-menu li { list-style: none; }
.menu-container ul.main-menu > li { display: inline-block; position: relative; padding-right: 15px; padding-left: 15px; }
.menu-container ul.main-menu > li:last-child { margin-right: 0; }
.menu-container ul.main-menu li a { font-weight: bold; font-size: 18px; padding: 0; }

	/* SUB MENU'S */
	.menu-container ul.main-menu >  {  }
	.menu-container ul.main-menu > li > ul { position: absolute; min-width: 100%; background: #408ebc; top: 40px; left: 0; padding: 0 15px 12px; }
	.menu-container ul.main-menu > li > ul li a {  }
	.menu-container ul.main-menu > li:not(.hover) ul { display: none; }


/* HEADER LAYOUT 2 */
.header-layout-2 {  }
.header-layout-2 ul.main-menu li a {  }


/* HEADER LAYOUT 3 */
.header-layout-3 ul.main-menu li a { border-width: 1px; border-style: solid; border-right: none; }
.header-layout-3 ul.main-menu li:last-child a { border-right: 1px solid; }


/* MOBILE HEADER */
#block-modviboot1-viboot1-logo-mobile.non-mobile { display: none; }
#block-modviboot1-viboot1-logo-mobile { padding: 5px 0 5px 15px; }
.mobile-header { position: fixed; top: 0; left: 0; background: #fff; width: 100%; z-index: 9999;
	box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow:0px 0px 10px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:0px 0px 10px 4px rgba(0, 0, 0, 0.1); 
}
.mobile-header .inner { position: relative; padding: 8px 15px; }
.mobile-header .logo img { max-width: 140px; }
.mobile-header .menu-toggler-container { position: absolute; right: 15px; top: 50%; margin-top: -16px; width: 32px; height: 32px; z-index: 502; }
.mobile-header .menu-toggler { width: 100%; height: 100%; display: block; background: url(../img/menu-toggler.png); background-size: 100%; cursor: pointer; }
.mobile-header .toggled .menu-toggler { background-image: url(../img/close.png); }
.mobile-header .mobile-menu-container { display: none; position: fixed; z-index: 501; background: #fff; width: 100%; left: 0; top: 0px; padding: 5px 15px 15px 15px;
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); 
}
.mobile-header ul.main-menu { padding-left: 0; padding-top: 25px; }
.mobile-header ul.main-menu li { display: block; float: none; margin-bottom: 15px; }
.mobile-header ul.main-menu li a { display: block; margin-bottom: 0; padding: 0; font-weight: normal; font-size: 16px; color: #000; text-transform: uppercase; }
.mobile-header ul.main-menu li a.active { color: #4db848; }
.mobile-header ul.main-menu li.last a { margin-bottom: 0; }
.mobile-header ul.main-menu ul { margin-bottom: 12px; margin-top: 5px; display: none; padding-left: 15px; }
.mobile-header ul.main-menu li.active-trail ul { display: block; }
.mobile-header ul.main-menu ul > li a { font-size: 0.9em; }


/* HOME SLIDER */
.field--name-field-foto-slider > .field--item { width: 100%; }
.field--name-field-foto-slider > .field--item img { width: 100%; height: auto; }


/* HEADER FOTO (VERVOLGPAGINA'S) */
.field--name-field-header-foto img { width: 100%; height: auto; }


/* FIELD BLOKKEN */
.field--name-field-blokken { max-width: 880px; padding-bottom: 50px; }
.field--name-field-blokken > .field--item > .paragraph { margin-bottom: 15px; }
.field--name-field-blokken > .field--item > .paragraph--type--tekst-en-foto { margin-bottom: 50px; }
	
	/* TEKST EN FOTO PARAGRAAF */
	.paragraph--type--tekst-en-foto:after { content: " "; display: table; clear: both; width: 100%; } 
	.paragraph--type--tekst-en-foto img { max-width: 100%; height: auto; } 
	.paragraph--type--tekst-en-foto .field--name-field-foto { text-align: left; color: #b5b5b5; font-size: 14px; font-style: italic; }
	.paragraph--type--tekst-en-foto.foto-positie-rechts .field--name-field-foto { text-align: right; }
	
		/* FOTO WEL OM TEKST */
		.paragraph--type--tekst-en-foto.photo-around-text .field--name-field-foto { max-width: 50%; float: left; padding-right: 15px; padding-bottom: 15px; }
		.paragraph--type--tekst-en-foto.photo-around-text.foto-positie-rechts .field--name-field-foto { float: right; padding-right: 0;  padding-left: 15px; }


	/* SUBTITEL */
	.paragraph--type--subtitel { font-size: 22px; font-weight: 600; }

	/* ALBUM */
	.paragraph--type--foto-album {  }
	.paragraph--type--foto-album .field--name-field-foto-s { text-align: center; }
	.paragraph--type--foto-album .field--name-field-foto-s > .field--item { display: inline-block; margin: 0 15px 30px; }


/* NIEUWS VIEW */
.view-nieuws {  }
.view-nieuws .views-row {  }
.view-nieuws .views-row:after { content: " "; clear: both; display: table; display: table; }
.view-nieuws .views-field-title { font-weight: bold; font-size: 26px; line-height: 32px; }
.view-nieuws .views-field-field-nieuws-datum { color: #ACACAC; margin-bottom: 12px; }
.view-nieuws .views-field-field-overzichtsfoto img { max-width: 100%; }

/* NIEUWS NODE */
.page-node-type-nieuws h1 { margin-bottom: 0; }
.field--name-field-nieuws-datum { color: #9a9a9a; margin-bottom: 30px; }


/* AGENDA VIEW */
.view-agenda {  }
.view-agenda .views-row {  }
.view-agenda .views-row.has-image .views-field-field-agenda-datum { display: none; }
.view-agenda .views-row:after { content: " "; clear: both; display: table; display: table; }
	.view-agenda .views-field-field-hoofdfoto,
	.view-agenda .views-field-field-agenda-datum { float: left; width: 32%; }
	.view-agenda .views-field.pos-right { margin-left: 35%; }
	.view-agenda .views-field-field-hoofdfoto img { width: 100%; height: auto; }
	.view-agenda .views-field-title { font-weight: bold; font-size: 20px; line-height: 26px; }
	.view-agenda .views-field-field-agenda-datum-1 { color: #ACACAC; }
		.view-agenda .views-field-field-agenda-datum .datum-wrapper { color: #a1a1a1; padding: 20px 0; border: 1px solid #efefef; text-align: center; }
		.view-agenda .views-field-field-agenda-datum .datum-dag { font-size: 60px; font-weight: bold; line-height: 52px; }
		.view-agenda .views-field-field-agenda-datum .datum-maand { font-size: 22px; text-transform: uppercase; letter-spacing: 4px; line-height: 22px; }

/* AGENDA NODE */
.field--name-field-agenda-datum { color: #ACACAC; }


/* SPONSOREN VIEW */
.view-sponsoren { text-align: center; }
.view-sponsoren .view-content { margin: 0 -15px; }
.view-sponsoren .views-row { display: inline-block; padding: 0 15px; }
.view-sponsoren .views-row .views-field-title { text-transform: uppercase; margin-top: 8px; font-weight: 600; color: #6b6b6b; }
.view-sponsoren .view-display-id-type1 {  }
.view-sponsoren .view-display-id-type2 {  }
.view-sponsoren .view-display-id-type3 {  }
.view-sponsoren .view-display-id-type4 {  }


/* FOOTER */

	/* SCHIJNDEL ONTMOET LOGO */
	#block-schijndel-ontmoet-logo { float: right; }
	#block-schijndel-ontmoet-logo img { max-width: 150px; }



/* MIN WIDTHS */
@media (min-width: 420px){
	/* FOTO NIET OM TEKST  */
	.paragraph--type--tekst-en-foto.photo-not-around-text.has-photo { margin-left: -15px; margin-right: -15px; }
	.paragraph--type--tekst-en-foto.photo-not-around-text.has-photo .field--name-field-foto, 
	.paragraph--type--tekst-en-foto.photo-not-around-text.has-photo .field--name-field-tekst { padding: 0 15px; float: left; width: 50%; } 
	.paragraph--type--tekst-en-foto.photo-not-around-text.foto-positie-rechts img { margin-left: auto; } 
}

@media (min-width: 600px){
	/*NIEUWS VIEW */
	.view-nieuws .views-field.pos-right { margin-left: 44%; }
	.view-nieuws .views-field-field-hoofdfoto { float: left; width: 40%; }
}

@media (min-width: 769px){

}

@media (min-width: 992px){
	/* HOME KOLOMMEN */
	.mobile-header { display: none; }
	.homepage > .content { margin-left: -15px; margin-right: auto; }
	.field--name-field-linker-kolom { padding: 0 15px; float: left; width: 65%; }
	.field--name-field-rechter-kolom { padding: 0 15px; float: left; width: 35%; }
}

/* MAX WIDTHS */
@media (max-width: 991px){
	body { padding-top: 70px; }
	.menu-container,
	header { display: none; }
}

@media (max-width: 599px){
	.view-nieuws .views-field-field-hoofdfoto { margin-bottom: 10px; }
}

@media (max-width: 599px){
	.paragraph--type--tekst-en-foto.photo-not-around-text.foto-positie-rechts .field--name-field-foto { margin-top: 25px; }
	.paragraph--type--tekst-en-foto.photo-not-around-text.has-photo:not(.foto-positie-rechts) .field--name-field-tekst { margin-top: 25px; }
}

@media (max-width: 350px){
	.view-agenda .views-field-field-agenda-datum .datum-wrapper { padding: 12px 0;}
	.view-agenda .views-field-field-agenda-datum .datum-dag { font-size: 35px; line-height: 39px; }
	.view-agenda .views-field-field-agenda-datum .datum-maand { font-size: 18px; line-height: 16px; }
}