@charset "utf-8";

/*

Theme Name: World of Birds

Theme URI: http://www.webba.nl/

Author: Webba

Author URI: http://www.webba.nl/

Description: World of Birds

Version: 1.0



* Built on the Whiteboard Framework

* http://whiteboardframework.com

*/



* {

	transition: all 250ms ease-in-out;

}



@font-face {

    font-family: 'ralewayregular';

    src: url('fonts/raleway-regular.woff2') format('woff2'),

         url('fonts/raleway-regular.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}





@font-face {

    font-family: 'ralewaymedium';

    src: url('fonts/raleway-medium.woff2') format('woff2'),

         url('fonts/raleway-medium.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'ralewaysemibold';

    src: url('fonts/raleway-semibold.woff2') format('woff2'),

         url('fonts/raleway-semibold.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



* {

	padding: 0px;

	margin: 0px;

	outline: none;

}



html, body {

	height: 100%;

	width: 100%;

}



body {

font-family: 'ralewayregular';

font-size: 16px;

color: #222;

line-height: 24px;

background:#fff;

}

aside, article, footer, header, nav, section {

display: block;

}

::selection {

background: #00aeef;

color: #fff;

}

::-moz-selection {

background: #00aeef;

color: #fff;

}



h1,h2,h3,h4,h5,h6 {

font-family: 'ralewayregular';

color:#212121;

font-weight: normal;

line-height: 1em;

}



h1 {

font-size: 21px;

}



h2 {

font-size: 20px;

margin-bottom:20px;

}



#body h2 {

	font-size: 21px;

}



#body h1 {

	font-size: 30px;

	font-family: 'ralewaymedium';

}







#body strong {

	color: #8bc34a;

}



#content ul {

	list-style: none;

	padding: 0;

	margin: 0;

}

#content ul li {

	padding-left: 20px;

	background: url('images/circle.png') no-repeat 0 10px;

}

input {

font-family: Arial, Helvetica, sans-serif;

font-size:15px;

}

input:required {

box-shadow:none;

}

input:invalid {

box-shadow:0 0 2px #e7312c;

}

ul, ol {

list-style:inside;

padding:0 0 20px;

}

p {

margin: 0 0 20px;

}

p strong {

font-weight:bold;

}

form {

margin: 0px;

padding: 0px;

}

a img {

border: 0px;

}

a {

border-bottom: 1px dashed #000;

color: #28512e;

display: inline;

text-decoration: none;

}



ul.zoekresultaten {

	list-style: none;

	list-style-type: square;

}



.zoekresultaten p {

	font-style: italic;



}



#content a {

border-bottom: none;

color: #8bc34a;

text-decoration: underline;

}

#content a:hover {

color: #8bc34a;

}

.gallery a {

	border-bottom: none;

}



.gallery a img {

	border: none !important;

}



.clear {

clear:both;

}

img {

max-width:100%;

height:auto;

}



/* Algemeen */

.container {

max-width:1238px;

padding:0px 20px;

margin:0px auto;

}



header .container {

	padding: 0px;

}



.column .content {

	margin-bottom: 20px;

}



hr {

	border: none;

	height: 2px;

	width: 40px;

	background: #28512e;

	margin-bottom: 40px;

}



.zoekresultaten hr {

	width: 100%;

}



.column {

	float: left;

	padding: 140px 40px 40px 40px;

	background: #fff;

	width: calc(32% - 80px);

	border-radius: 5px;

	margin-right: 2%;

	text-align: center;

	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);

	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);

	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);

}


a.column,
#content a.column {

	color: #212121;

	text-decoration: none;

	border: none;

	transition: box-shadow 0.3s ease-out;
	
}

a.column:hover,
#content a.column:hover {

	-webkit-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.2);

	-moz-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.2);

	box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.2);

	transition: box-shadow 0.15s cubic-bezier(0.96, 0.03, 0.09, 0.97);
}


.wob-button {

	display: block;

	width: 270px;

	height: 50px;

	border-radius: 5px;

	border: none;

	text-align: center;

	line-height: 50px;

	color: #fff;

	text-transform: uppercase;

	font-size: 18px;

}



.inschrijf-button {

	width: 270px;

	height: 50px;

	border-radius: 5px;

	border: none;

	text-align: center;

	line-height: 50px;

	color: #fff;

	background-color: #ffa000;

	text-transform: uppercase;

	font-size: 18px;

	cursor: pointer;

}



.inschrijf-button:focus {

	color: #fff;

}



.inschrijf-button:hover {

	text-decoration: none;

	color: #fff;

}



.wob-button:focus {

	color: #fff;

}



.wob-button:hover {

	text-decoration: none;

	color: #fff;

}



/* Wrapper */

#wrapper {

	width: 100%;

	height: 100%;

}



/* Header */

#logo {

	z-index: 2;

	position: absolute;

	left: 30px;

	top: 0px;

	border: none;

}



header {

	position: relative;

	background-position: center !important;

	background-size: cover !important;

	width: 100%;

	min-height: 700px;

}



header .container {

	position: relative;

}



#page-info {

	margin: 367px auto 0px auto;

}



#breadcrumbs a:first-of-type {

	border-bottom: none;

	text-decoration: underline;

}



#breadcrumbs, #breadcrumbs a:first-of-type {

	color: #fff;

}



#breadcrumbs {

	margin-bottom: 25px;

}



#page-info #breadcrumbs + h1 {

	color: #fff;

	font-size: 50px;



}



#title {

	display: none;

}



.home #title {

	display: block;

	position: absolute;

	top: 330px;

	right: 0px;

	text-align: right;

}



#title h1 {

	font-family: 'ralewaymedium';

	font-size: 50px;

	color: #fff;

	margin-bottom: 20px;

}



#title h2 {

	color: #d7d6d3;

	font-size: 25px;

}



#title h2 a {

	float:right;

	margin-left: 65px;

	background: #ffa000;

}

header#header:after {

clear:both;

content:'';

display:block;

}



/* Navigatie */



#toggle-navigation {

	position: absolute;

	right: 0px;

	top: 45px;

	z-index: 2;

	border: none;

	background: transparent;

	font-size: 27px;

	color: #fff;

	font-family: 'ralewayregular';

	text-transform: uppercase;

	outline: none;

	cursor: pointer;

	background: url('images/menu.png') center left no-repeat;

	background-size: 27px auto;

	padding-left: 40px;

}



#toggle-navigation.menu-open {

	padding-left: 0px;

	width: 24px;

	height: 24px;

	background: url('images/close.png') center left no-repeat;

}



#toggle-navigation.menu-open span {

	display: none;

}



#main-navigation {

	display: none;

	position: absolute;

	background: rgba(26, 50, 31, 0.97);

	width: 100%;

	min-height: 570px;

	padding-bottom: 130px;

	z-index: 1;

	/* opacity: 0.97; */

}



#main-navigation-top {

	position: relative;

	background: #28512e;

	height: 112px;

	width: 100%;

}



#main-navigation-top .container h1 {

	color: #fff;

	line-height: 112px;

	font-size: 27px;

	text-transform: uppercase;

}



#main-navigation-bottom .container .navigation-column {

	margin: 60px 0px 65px 0px;

	float: left;

	width: 167px;

	padding-right: 20px;

}

#main-navigation-bottom .container .navigation-column h2 {

	margin-bottom: 60px;

	text-transform: uppercase;

	color: #fff;

}



#main-navigation-bottom .container .navigation-column ul {

	list-style-type: none;

	margin: 0px;

	padding: 0px;

}



#main-navigation-bottom .container .navigation-column ul li {

	margin-bottom: 10px;

}



#main-navigation-bottom .container .navigation-column ul li a {

	color: #fff;

	opacity: 0.5;

	border-bottom: none;

	/* overflow-wrap: break-word; */

}





#main-navigation-bottom .container .navigation-column ul li a:hover {

	opacity: 1;

}



#main-navigation-bottom .container .navigation-column ul li:last-of-type {

	margin-bottom: 0px;

}



#main-navigation-bottom .container hr {

	width: 100%;

	height: 1px;

	margin-bottom: 60px;

}



#main-navigation-bottom .container .wob-button {

	position: absolute;

	right: 0px;

}



#main-navigation-bottom .container .wob-button:first-of-type {

	background: #2196f3;

	top: 140px;

	display: none;

}



#main-navigation-bottom .container .wob-button:last-of-type {

	top: 205px;

	background: #ff9800;

}





#main-navigation-bottom .container footer span {

	float: left;

	display: block;

	color: #fff;

	text-transform: uppercase;

}



#main-navigation-bottom .container footer a {

	float: right;

	display: block;

	width: 30px;

	height: 30px;

	border-bottom: 0px;

}



#main-navigation-bottom .container footer a:first-of-type {



	background: url('images/facebook.png') left top no-repeat;

}



/* Body */



#body {

	width: 100%;

	min-height: 480px;

	background: #fff url('images/body.png') center 0px no-repeat;

	background-size: 100% 541px;

	background-position: bottom center;

	padding-bottom: 120px;

}



.home #body,

.blog #body {

	background-color: #f5f5f5;

	padding-bottom: 70px;

}



.home #body .container {

	position: relative;

}



.home #body .container .column {

	position: relative;

	top: -80px;

	min-height: 270px;

}



.home #body .container .column:first-of-type {

	background: #fff url('images/reassignments.jpg') center 0px no-repeat;

	margin-top: 0px;

}



.home #body .container .column:nth-of-type(2) {

	background: #fff url('images/support-the-birds.jpg') center 0px no-repeat;

}



.home #body .container .column:last-of-type {

	background: #fff url('images/activities.jpg') center 0px no-repeat;

	margin-right: 0px;

}



.home #body .container .column h3 {

	padding: 30px 0px 20px 0px;

	margin-bottom: 0px;

	word-wrap: break-word;

}





.home #body .container .column hr {

	margin: 0px auto 40px auto;

}



.home #body .container .column:hover {

	transform: scale(1.02);

}







.home #body .container .column a {

	text-transform: uppercase;

	word-wrap: break-word;

}



.home #body .container .column a.column_link {

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	border: 0;

}



#content {

	float: left;

	position: relative;

	padding: 80px 80px 0px 80px;

	width: calc(100% - 160px);

	line-height: 2;

}



/* Events */

.post-type-archive #content {

	margin-top: -48px;

	width: 100%;

	padding: 0px;

}



/* Shop */

.woocommerce-page #content {

	min-height: 900px;

}



/* Events */



#events {

	padding-top: 110px;

	padding-bottom: 40px;

	min-height: 700px;

	width: 100%;

	background: #f9fff1 url('images/events.png') right bottom no-repeat;

}



#events .column, #content .column {

	position: relative;

	padding: 275px 40px 40px 40px;

}



body.post-type-archive-agenda .column {

	margin-bottom: 2%;

}



#events .column h3, #content .column h3 {

	font-size: 21px;

	padding-top: 50px;

	text-align: left;

}



#events .column .content, #content .column .content {

	text-align: left;

	overflow: hidden;

}



#events .column .content {

	height: 48px;

	overflow: hidden;

}



#content .column .content {

	height: 96px;

	overflow: hidden;

}



#content .column:nth-of-type(3n) {

	margin-right: 0px;

}



.page-template-default #content,

.post-template-default #content,

.page-template-page-contact #content {

	display: flex;

}



.page-template-default #content .left,

.post-template-default #content .left,

.page-template-page-contact #content .left {

	flex: 1;

	margin-right: 80px;

}



#content .left table {

	width: 100%;

	border-collapse: collapse;

    border: 1px solid #eee;

}

#content .left table tr td {

	border: 1px solid #eee;	

	padding: 2px 8px;

	line-height: 1.4;

	font-size: 13px;

}



.page-template-default #content .right,

.post-template-default #content .right,

.page-template-page-contact #content .right {

	flex: 1;	

}



.page-template-default #content .right img,

.post-template-default #content .right img {

	border: 15px solid #fff;

	max-width: calc(100% - 30px);

	border-radius: 10px;

	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);

	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);

	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);

	margin-bottom: 40px;

}



#address span {

	display: block;

	margin-bottom: 20px;

}



#address span:last-of-type {

	margin-bottom: 0px;

}



#events .column .date, #content .column .date {

	position: absolute;

	top: 40px;

	left: 40px;

	width: 126px;

	height: 126px;

	border-radius: 50%;

	background: #fff;

	box-shadow: 0 0 10px rgba(0,0,0,0.2);

}



#events .column .date .day,

#events .column .date .month,

#content .column .date .day,

#content .column .date .month {

	display: block;

	position: absolute;

	left: 0px;

	right: 0px;

}



#events .column .date .day, #content .column .date .day {

	bottom: 65px;

	font-family: 'ralewaysemibold';

	font-size: 35px;

	line-height: 1;

}



#events .column .date .month, #content .column .date .month {

	top: 65px;

	text-transform: uppercase;

	font-size: 22px;

	line-height: 1;

}



#events .column .time, #content .column .time  {

	background: url('images/time.png') 0px top no-repeat;



}



#events .column .location, #content .column .location {

	background: url('images/location.png') -2px top no-repeat;

	margin-bottom: 10px;

}



#events .column .time,

#events .column .location,

#content .column .time,

#content .column .location

{

	display: block;

	text-align: left;

	padding-left: 60px;

}



#events .container, #content .container {

	position: relative;

}



#events .wob-button {

	right: 0px;

	position: absolute;

}



#donate {

	background: #ffa000;

	bottom: 70px;

}



#shop {

	background: #2196f3;

	bottom: 0px;

	display: none;

}



#all-events {

	position: absolute;

	top: 0px;

	right: calc(70% - 20px);

}



.post-type-archive-agenda h1 {

	margin-bottom: 65px;

}



/* Contact */

input {

	margin-bottom: 10px;

}



input:focus, textarea:focus {

	border: 1px solid #8bc34a;

	color: #689f38;

}



input, textarea {

	padding: 10px;

	border-radius: 10px;

	border: 1px solid #28512e;

	font-family: Arial, Helvetica, Arial, Verdana, sans-serif;

	font-size: 15px;

	max-width: 350px;

	width: calc(100% - 20px);

}



#submit {

	background: #ffa000;

	padding: 0px;

	margin-top: 20px;

	cursor: pointer;

}



#submit:focus {

	border: 0px;

}



#sidebar {

	float: left;

	max-width: 200px;

	margin: 0px 40px 0px 0px;

	width: 100%;

	list-style-image: none !important;

	list-style-type: none;

}



#shop-wrapper {

	float: left;

}





/* Zoeken */

.searchbox {

width: 150px;

height: 40px;

position: relative;

float: right;

}

.searchbox-input {

top: 0;

right: 0;

border: 0;

outline: 0;

width: 100%;

height: 40px;

margin: 0;

padding: 0px 40px 0px 10px;

border: 1px solid #c4c4c4;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

}

.searchbox-submit {

width: 40px;

height: 40px;

display: block;

position: absolute;

top: 0;

right: 0;

padding: 0;

margin: 0;

border: 0;

outline: 0;

line-height: 40px;

text-align: center;

cursor: pointer;

background: url(images/icon-search.png) no-repeat center center;

background-size: 16px auto;

-webkit-box-shadow: none;

box-shadow: none;

}



/* Footer */

#footer {

	background: #fff;

	padding: 115px 0px 0px 0px;

}



#footer .wob-button {

	background: #ffa000;

	margin-top: 20px;

}



#footer .container > .nieuwsbrief_wrapper {

	width: calc(100% - 250px);

	background: #28512e;

	display: block;

	text-align: center;

	padding: 50px 125px;

	margin-bottom: 115px;

	line-height: 1.5;

}

#footer .container > .nieuwsbrief_wrapper h1 {

	color: #fff;

	font-size: 30px;

}

.nieuwsbrief_wrapper #mc_embed_signup form {

	padding: 0;

}

.nieuwsbrief_wrapper #mc_embed_signup .mc-field-group {

    display: block;

    width: 31.33%;

    clear: initial;

    margin: 0 2% 0 0;

    padding: 0;

}

.nieuwsbrief_wrapper #mc_embed_signup .clear {

    clear: initial;

    width: 33.33%;

    position: absolute;

    float: none;

    right: 0;

    top: 0;

}

.nieuwsbrief_wrapper #mc_embed_signup .button {

	width: 100%;

	padding: 0 10px;

	height: 42px;

	line-height: 42px;

	text-transform: uppercase;

	background: #ffa000;

}

.nieuwsbrief_wrapper #mc_embed_signup .mc-field-group input {

    padding: 0 10px;

    height: 42px;

	line-height: 42px;

    text-indent: initial;

    border: 0;

    max-width: 100%;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.nieuwsbrief_wrapper #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {

    display: inline-block;

    margin: 2px 0 1em 0;

    padding: 0;

    background-color: transparent;

    color: #ffa000;

}

.nieuwsbrief_wrapper #mc_embed_signup div#mce-responses {

    float: none;

    top: 0;

    padding: 0;

    overflow: hidden;

    width: 100%;

    margin: 50px 0 20px 0;

    color: #fff;

}

.nieuwsbrief_wrapper #mc_embed_signup div.response {

    margin: 0;

    padding: 0;

    float: none;

    top: 0;

    width: 100%;

    font-weight: normal;

}

.nieuwsbrief_wrapper #mc_embed_signup div.response a {

	color: #fff;

	border-color: #fff;

}

.nieuwsbrief_wrapper #mc_embed_signup #mce-success-response {

	color: #fff;

}



#footer .container {

	margin-bottom: 80px;

}



#footer section h1, #fast-navigation h1 {

	margin-bottom: 25px;

}



#footer section, #fast-navigation {

	float: left;

	width: 402px;

}



#footer section div {

	float: left;

	width: 100%;

}



#footer section div p {

	float: left;

	width: 50%;

}



#footer section p strong {

	display: block;

	width: 100%;

	float: left;

}



#fast-navigation ul {

	list-style-type: none;

	margin: 0px;

	padding: 0px;

}



#fast-navigation ul li {

	float: left;

	width: 50%;

}



#webba {

	float: right;

	display: block;

	width: 150px;

	height: 125px;

	background: url('images/webba.png');

	border-bottom: none;

}



/* Nieuws */

ul#nieuws {

	list-style: none;

	margin: 0;

	padding: 0;

	display: flex;

	flex-flow: row wrap;

}

ul#nieuws li {

	width: calc(33.33% - 20px);

	margin: 0 30px 30px 0;

	background-color: #fff;

	border-radius: 5px;

	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);

	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);

	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);

}

ul#nieuws li:nth-child(3n) {

	margin-right: 0;

}

ul#nieuws li div {

	padding: 20px;

}

ul#nieuws li > a {

	display: block;

	border: 0;

}

ul#nieuws li a > img {

	border-radius: 5px 5px 0 0;

	width: 100%;

}

p.datum {

	margin: 0;

	padding-left: 30px;

	background: url(images/time.png) 0px 2px no-repeat;

}

body.single p.datum {

	margin-bottom: 20px;

}



/* Personeel */



#content ul.personeel {

	list-style: none;

	margin: 0;

	padding: 0;

	display: flex;

	flex-flow: row wrap;

}

#content ul.personeel li {

	width: calc(33.33% - 20px);

	margin: 0 30px 30px 0;

	padding: 0;

	background: #fff;

	border-radius: 5px;

	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);

	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);

	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);

}

#content ul.personeel li:nth-child(3n) {

	margin-right: 0;

}

#content ul.personeel li div {

	padding: 5px 20px;

}

#content ul.personeel li > img {

	border-radius: 5px 5px 0 0;

	width: 100%;

}

#content ul.personeel li div table tr td {

	padding: 5px 20px 5px 0;

	vertical-align: top;

	line-height: 1.5;

}

#content ul.personeel li div table tr td:first-child {

	font-weight: bold;

}

#content ul.personeel li div table tr td:last-child {

	padding-right: 0;

}



/* Responsive  */

@media (max-width: 1810px) {

	#main-navigation-bottom .container {

		width: calc(100% - 300px);

		padding-left: 280px;

		padding-right: 20px;

		margin: 0px 0px;

	}



	#toggle-navigation {

		margin-right: 20px;

	}



	header .container {

		width: calc(100% - 300px);

		padding-left: 280px;

		padding-right: 20px;

		margin: 0px 0px;

	}



	#title {

		margin-right: 20px;

	}



	#main-navigation-bottom .container .wob-button {

		margin-right: 20px;

	}



	#events .wob-button {

		margin-right: 20px;

	}

}



@media (max-width: 1318px) {



	#page-info {

		width: calc(100% - 40px);

		padding-left: 20px;

		padding-right: 20px;

	}

	

	#main-navigation-bottom .container .wob-button {

		position: static;

		float: left;

		margin-bottom: 60px;

		margin-right: 0px;

	}



	#main-navigation-bottom .container .wob-button:first-of-type {

		clear: left;

		margin-right: 15px;

	}



}



@media (max-width: 1038px) {



	#main-navigation-bottom .container {

    	width: calc(100% - 200px);

	    padding-left: 180px;

		padding-right: 0;	    

	}

	#main-navigation-top {

		height: 60px;

	}



	#main-navigation-top .container h1 {

		height: 60px;

		line-height: 60px;

	}



	#toggle-navigation {

		top: 20px;

	}



	header {

	    min-height: 340px;

	}

	

	.home header {

	    min-height: 430px;

	}





	.post-type-archive-agenda header {

	    min-height: 380px;

	}



	#logo {

		left: 20px;

		width: 130px;

	}

	

	#title {

		top: 120px !important;

		padding-left: 170px;

	}



	#title h1 {

		font-size: 32px;

	}



	#title h2 {

		font-size: 18px;

	}



	#page-info {

		margin-top: 220px;

	}



	#breadcrumbs {

		margin-bottom: 0px;

	}



	#main-navigation {

		min-height: auto;

		padding-bottom: 20px;

	}



	#main-navigation-bottom .container hr {

		margin-bottom: 20px;

	}



	#main-navigation-bottom .container .navigation-column h2 {

		margin-bottom: 30px;

	}



	#main-navigation-bottom .container .wob-button {

		margin-bottom: 30px;

	}



	header .container {

	    padding-left: 213px;

	    width: calc(100% - 233px);

	}



	#body {

		padding-bottom: 60px;

	}



	.page-template-default #content .left,

	.post-template-default #content .left,

	.page-template-page-contact #content .left {

		margin-right: 40px;

	}



	#content {

		padding: 40px 40px 0px 40px;

    	width: calc(100% - 80px);

	}



	#footer section {

		width: 50%;

		margin-bottom: 40px;

	}



	#fast-navigation {

		width: calc(50% - 20px);

		margin-left: 20px;

	}



	#fast-navigation ul li {

		width: 100%;

	}



	#footer .wob-button {

		clear: both;

		float: left;

	}



	#webba {

		clear: left;

		float: left;

	}



	#body {

		background-size: 100% 280px;

	}



	/* Nieuws */

	ul#nieuws li {

		width: calc(50% - 15px);

		margin: 0 30px 30px 0;

	}

	ul#nieuws li {

		width: calc(50% - 15px);

		margin: 0 30px 30px 0;

	}

	ul#nieuws li:nth-child(3n) {

		margin-right: 30px;

	}

	ul#nieuws li:nth-child(2n) {

		margin-right: 0;

	}



	/* Personeel */

	#content ul.personeel li {

		width: calc(50% - 15px);

		margin: 0 30px 30px 0;

	}

	#content ul.personeel li:nth-child(3n) {

		margin-right: 30px;

	}

	#content ul.personeel li:nth-child(2n) {

		margin-right: 0;

	}



}



@media (max-width: 1047px) {

	#main-navigation-bottom .container .navigation-column {

		width: calc(25% - 20px);

		padding-right: 20px;

	}

	#footer .container > .nieuwsbrief_wrapper {

	    width: calc(100% - 60px);

	    padding: 50px 30px;

	}

}



@media (max-width: 910px) {

	#events {

		background-image: none;

	}

}



@media (max-width: 890px) {



	.column {

		background-image: none !important;

		margin-top: 20px;

		padding: 30px !important;

		width: calc(100% - 60px) !important;

		min-height: auto !important;

	}



	#events .column .content {

		height: auto;

	}



	#content .column .content {

		height: auto;

	}



	.home #body .container .column h3 {

		padding: 0px 0px 20px;

	}



	.home #body {

		background-size: auto;

		background-position: center bottom;

	}



	#events .column .date, #content .column .date {

		position: relative;

		float: right;

		width: 60px;

		right: 0px;

		top: 0px;

		left: 0px;

		border-radius: 0px;



	}



	#events {

		min-height: auto;

		padding-top: 40px;

	}



	#events .column h3, #content .column h3 {

		padding-top: 0px;

	}



	#events .wob-button:first-of-type {

		margin-right: 20px;

		clear: left;

	}



	#events .wob-button {

		margin-top: 30px;

		position: static;

		float: left;	

	}



	#events hr {

		margin-bottom: 20px;

	}



	#all-events {

		right: 20px;

	}



	#footer {

		padding-top: 40px;

	}



	#footer .container > h1 {

		margin-bottom: 40px;

		font-size: 22px;

	}



	#footer section div {

		word-wrap: break-word;

	}



	#footer .container {

		margin-bottom: 40px;

	}



}



@media (max-width: 768px) {



	#title {

		top: 220px !important;

		padding-left: 170px;

	}



	#main-navigation-bottom .container {

	    width: 100%;

	    padding-left: 0;

	}



	#main-navigation-bottom .container .navigation-column:last-of-type {

		margin-bottom: 20px;

	}



	#main-navigation-bottom .container .navigation-column ul li a:hover {

		background: rgba(0, 0, 0, 0.2);

	}



	#main-navigation-bottom .container .navigation-column {

		width: 100%;

		margin: 0px;

		padding-right: 0px !important;

	}



	#main-navigation-bottom .container .navigation-column h2 {

		margin-bottom: 0px;

	}



	#main-navigation-top span {

		display: none;

	}



	#main-navigation-bottom .container .navigation-column h2 {

		background: #28512e;

		line-height: 60px;

		cursor: pointer;

		font-weight: normal;

	}



	#main-navigation-bottom .container .navigation-column h2:before {

		font-family: 'FontAwesome';

		content: "\f105";

		margin-right: 10px;

	}

	#main-navigation-bottom .container .navigation-column h2.open:before {

		content: "\f107";

	}



	#main-navigation-bottom .container .navigation-column ul {

		display: none;

		margin-bottom: 0px;

	}



	#main-navigation-bottom .container .navigation-column ul li {

		border-bottom: 1px solid #28512e;

	}



	#main-navigation-bottom .container .navigation-column ul li a {

		line-height: 50px;

	}



	#main-navigation-bottom .container .navigation-column h2,

	#main-navigation-bottom .container .navigation-column ul li a

	{

		padding-left: 173px;

		display: block;

		font-size: 16px;

	}



	#main-navigation-bottom footer {

		width: calc(100% - 40px);

		padding: 0px 20px;

	}



	header .container {

	    width: 100%;

	    margin: 0px auto;

	    padding: 0px;

	}



	#main-navigation-bottom .container .wob-button:first-of-type {

		margin-top: 40px;

	}



	#main-navigation-bottom .container .wob-button:last-of-type {

		margin-bottom: 40px;

	}



	#main-navigation-bottom .container .wob-button {

		width: calc(100% - 40px);

		margin-left: 20px;

		margin-right: 20px !important;

		text-align: left;

		margin-bottom: 20px;

		text-align: center;

	}



	#content {

	    padding: 20px 0px 0px 0px;

		width: 100%;

	}



	.page-template-default #content,

	.post-template-default #content,

	.page-template-page-contact #content {

		display: block;

	}



	.page-template-default #content .left,

	.post-template-default #content .left,

	.page-template-page-contact #content .left {

		margin-right: 0px;

	}



	.page-template-default #content .right img,

	.post-template-default #content .right img {

		display: block;

		float: left;

		width: calc(50% - 40px);

		margin-right: 20px;

	}



	.page-template-default #content .right img:last-of-type,

	.post-template-default #content .right img:last-of-type {

		margin-right: 0px;

	}



	.page-template-default #content .right,

	.post-template-default #content .right,

	.page-template-page-contact #content .right,

	.page-template-default #content .left,

	.post-template-default #content .left,

	.page-template-page-contact #content .left {

		display: block;

		float: left;

	}



	#events {

		background-position: 180px bottom;

	}



	#footer section div p {

		width: 100%;

	}



	#main-navigation-bottom .container .navigation-column ul li {

		margin-bottom: 0px;

	}



	/* Personeel */

	#content ul.personeel li {

		width: 100%;

		margin: 0 0 30px 0 !important;

	}

	#content ul.personeel li div {

	    padding: 5px 10px;

	}



	#page-info #breadcrumbs + h1 {

	    font-size: 32px;

	}



	.nieuwsbrief_wrapper #mc_embed_signup .mc-field-group {

	    display: block;

	    width: 100%;

	    clear: both;

	    margin: 0 0 10px 0;

	}

	.nieuwsbrief_wrapper #mc_embed_signup .clear {

		position: relative;

		width: 100%;

	}



}



@media (max-width: 600px) {



	.page-template-default #content .right img,

	.post-template-default #content .right img {

		width: 100%;

	}



	input, textarea {

		max-width: 100%;

	}



	#footer .container > h1 {

		width: calc(100% - 80px);

		padding: 40px;

	}



	/* Nieuws */

	ul#nieuws li {

		width: 100%;

		margin: 0 0 30px 0 !important;

	}

}