@font-face {
  font-family: 'Open Sans';
  src: url('fonts/opensans-light-webfont.eot'); /* IE9 Compat Modes */
  src: url('fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/opensans-light-webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/opensans-light-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/opensans-light-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/opensans-light-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
       font-weight: normal;
}

@font-face {
  font-family: 'Open Sans';
  src: url('fonts/opensans-semibold-webfont.eot'); /* IE9 Compat Modes */
  src: url('fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/opensans-semibold-webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/opensans-semibold-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/opensans-semibold-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/opensans-semibold-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
       font-weight: bold;
}

html {height: 100%;}
body {padding-top: 70px; font-family: "Open Sans", Arial, sans-serif; color: #000; background: #f2f2f2; color: #444;}
h1, h2, h3, h4, h5, h6 {font-family: "Open Sans", Arial, sans-serif; margin: 0.8em 0 0 0; display: block;}
h1 {font-size: 1.75em; font-weight: 400; margin: 0.7em 0 0.9em 0;}
h2 {padding: 0 0 10px 0; font-size: 1.55em; font-weight: 400;}
h3 {font-size: 1.2em; font-weight: 600; padding-bottom: 10px;}
h4 {text-transform: none; font-size: 1em; font-weight: 600; padding-bottom: 10px;}
h5 {font-size: 0.9em; font-weight: 700;}
h6 {font-size: 0.8em; font-weight: 300; }
p {font-size: 15px; line-height: 1.5em;}
a, a:hover {color: #00ab67;}
hr {border-color: #ddd; clear: both;}

img.alignleft {float: left; margin-right: 15px;}
img.alignright {float: right; margin-left: 15px;}


/*container xl screens*/
@media screen and (min-width:1600px) {
	.container { width:1300px; height: 100%;}
	#nav ul li {font-size: 1.8em;}
	}

/*container*/
.container {background: #fff; padding: 0; height: 100%;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {padding: 0 30px;}

/*nav*/
nav {height: 70px;}
.navbar-inverse {background: #fff;}
.navbar-brand img {height: 45px;}
.navbar-header {max-width: 100px;}
.woocommerce .navbar-brand img {height: 45px !important;}
@media screen and (max-width:480px) {
	body {padding-top: 50px;}
	.navbar-brand img {height: 30px;}
	.woocommerce .navbar-brand img {height: 30px !important;}
	.woocommerce .navbar-brand img, .woocommerce-page .navbar-brand img {height: 30px !important;}
	nav {height: 50px;}
	}
#navbar.navbar-collapse.collapse {display: none;}
#nav .ledenlogout {text-align: right; width: 100%; }
#nav ul {margin: 35px 0 0 0;}
	@media screen and (max-width: 991px) {	#nav ul {margin: 44px 0 0 0; display: none;} }
#nav ul li {display: inline-block; font-size: 1.5em; padding-left: 2.25%; position: relative;}
	@media screen and (max-width: 1199px) {	#nav ul li {font-size: 1.30em;} }
	@media screen and (max-width: 991px) {	#nav ul li {font-size: 0.9em;} }
#nav a {color: #000; }
.current-menu-item, .current_page_item {text-decoration: underline;}
#nav ul ul {display: none; position: absolute; z-index: 500; margin: 0; padding: 3px 0 0 0;}
#nav ul li:hover ul {display: block;}
#nav ul ul li {font-size: 0.9em; padding-left: 0; margin: 0; }
	@media screen and (max-width: 1199px) {	#nav ul ul li {font-size: 1.38em;} }
#nav ul ul a {display: block; background: /*rgba(68,68,68,0.8)*/rgba(230,230,230,0.9); width: 250px; padding: 4px 20px; font-size: 0.8em; margin: 0; border: 1px solid #888;}

/*SUBMENU*/
#ledensub li {display: none;}
#ledensub li:nth-child(2), #ledensub li li {display: block !important;}
#ledensub ul {margin: 0; padding: 14px 0 0 0;}
#ledensub ul.children {padding: 6px 0 0 0;}
/*Ledenpagina heading (clickable)*/
#ledensub li.page-item-63 a {font-size: 2.6em; text-transform: uppercase; color: #000; }
#ledensub li.page-item-63 ul.children li a {font-size: 1.6em; text-transform: none; color: #00ab67;}
#ledensub ul.children ul.children {padding: 0 0 0 15px;}
#ledensub li.page-item-63 ul.children ul.children li a {font-size: 1.3em;}

/*jumbotron*/
.jumbotron {color: #fff; text-align: center; padding: 0; margin: 0 auto 20px auto; background: #f2f2f2; width: 100%; overflow: hidden;}
.jumbotron .container {padding: 0;}
.jumbotron img {width: 100%; height: auto;}

/*Content HOME*/
.homeleft {border-right: 1px solid #ddd; overflow: hidden; height: 100%;}


	.addtoany_list a.a2a_button_whatsapp {padding-left: 40px;}

.vr h2 {float: right; width: 75%; margin-top: 0;}
.articleleft {overflow: hidden;}
.articleleft img {float: left; width: 20%; max-width: 300px; box-shadow: 0 0 0 5px rgba(255,255,255,1.00),0 0 0 6px rgba(221,221,221,1.00); margin: 6px; height: auto;}
	img.vrijruiter {max-height: 200px; width: auto;}
.articleleft h3, .articleleft small, .articleleft p {float: right; width: 75%; }
.articleright {clear: both; overflow: hidden;}
.articleright img {float: right; width: 35%; max-width: 300px; box-shadow: 0 0 0 5px rgba(255,255,255,1.00),0 0 0 6px rgba(221,221,221,1.00); margin: 6px; height: auto;}
.articleright small, .articleright p {float: left; width: 60%; }
	/*Actueel op home*/
.articleright .laatstenieuws {float: left; clear: left; padding-bottom: 10px;}
.articleright .attachment-post-thumbnail {float: right; clear: left;}
.articleright .laatstenieuws:nth-child(odd) .attachment-post-thumbnail {float: left;}
.articleright .laatstenieuws:nth-child(odd) p {float: right;}
.laatstenieuws h3 {padding-bottom: 0;}
.laatstenieuws h3 a, .blog h3 a {color: #444;}
.laatstenieuws small {padding-bottom: 10px;}

section.blog h3 {padding-bottom: 0;}
section.blog small {clear: both; padding-bottom: 10px; display: block;}
section.blog img {float: left; max-width: 20%; height: auto; max-height: 200px; width: auto; box-shadow: 0 0 0 5px rgba(255,255,255,1.00),0 0 0 6px rgba(221,221,221,1.00); margin: 6px;}
section.blog .addtoany_share_save_container img {width: 100%; max-width: 16px;}
section.blog p {float: right; width: 75%;}

	/*Login HOME*/
	.login {padding: 0; overflow: hidden; border-bottom: 1px solid #ddd;}
	.login-username ::-webkit-input-placeholder, .login-password ::-webkit-input-placeholder { color: #444;}
	.login-username :-moz-placeholder, .login-password :-moz-placeholder { /* Firefox 18- */ color: #444;  }
	.login-username ::-moz-placeholder, .login-password ::-moz-placeholder {  /* Firefox 19+ */ color: #444;  }
	.login-username :-ms-input-placeholder, .login-password :-ms-input-placeholder  { color: #444;  }

	/*Welkom HOME*/
	.welkom ul, .welkom li {margin: 0; padding: 0;}
	.welkom li {list-style-type: none;}
	.welkom li.item_logout {font-size: 1.2em;}
	
	/*Evenementenkalender HOME*/
	.calendar {padding: 0 0 20px 0;}
	.calendar h4 {margin-top: 0; padding-bottom: 0;}
	.calendar p {margin-bottom: 0;}
	.calendar ol {padding: 0;}
	.calendar ol li {padding: 0 0 10px 0;}
	
	/*Lid worden HOME*/
	.lidworden {background: #ddd; padding: 5px 15px 15px 15px; margin: 10px 0 0 0;}
	.lidworden .button a {text-align: center; display: block; padding: 10px 20px; background: #00ab67; color: #fff; font-weight: bold;}

	/*Advertentie HOME*/
	.afbeelding {background: #fff; border-top: 1px solid #ddd; margin-top: 20px; padding-top: 10px;}
	.afb {margin: 15px auto 0 auto; display: block; max-width: 312px; max-height: 280px;}
	.afb .soliloquy-container {box-shadow: 0 0 0 5px rgba(255, 255, 255, 1), 0 0 0 6px rgba(221, 221, 221, 1); max-width: 300px; max-height: 250px; margin-left: 6px; }
	
	/*Nieuws HOME*/
	.laatstenieuws img {display: none;}
	.laatstenieuws img.attachment-post-thumbnail {display: block;}

/*Smalle schermen*/
@media screen and (min-width:992px) {
	section.calendar {border-bottom: 1px solid #ddd; margin-bottom: 20px; }
}
@media screen and (max-width:992px) {
	section.articleright {border-bottom: 1px solid #ddd; margin-bottom: 20px; }
}
@media screen and (max-width:767px) {
	section.articleright {margin-bottom: 0;}
	section.calendar {border-bottom: 1px solid #ddd; }
	article.lid {margin-top: 10px;}
}

/*CONTENT VERVOLGPAGINA'S*/
/*Centered rows for centered content*/
.row { margin: 30px auto; padding: 0; background: #fff;}
article.page {border-right: 1px solid #ddd; overflow: hidden; height: 100%;}
div.wp-caption.alignright {float: right; margin-left: 10px;}
div.wp-caption.alignleft {float: left; margin-right: 10px;}

/*OVER ONS EN SUBPAGES*/
.overons h2 {clear: both; overflow: hidden; padding-top: 20px; border-top: 1px solid #ddd;}
.overons h1 + h2 {border-top: none; padding-top: 0; margin-top: 0;}
.overons img.attachment-post-thumbnail {max-width: 300px; height: auto; float: left; padding-right: 15px; padding-bottom: 20px;}

/*NIEUWS*/
.nieuws {border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 10px; clear: both; overflow: hidden;}
.nieuws:last-child {border: none;}
.nieuws h4 {margin: 0; padding: 0 0 5px 0;}
.nieuws a {color: #444;}
.nieuws a.read-more {color: #00ab67;}
/*.nieuws small {display: block;}*/
.nieuws img {float: right; width: 35%; max-width: 300px; box-shadow: 0 0 0 5px rgba(255,255,255,1.00),0 0 0 6px rgba(221,221,221,1.00); margin: 6px; height: auto; clear: both;}
.nieuws:nth-child(even) img {float: left;}

/*VrijRuiter ARCHIEF*/
.vrarchief {overflow: hidden; float: left; margin-right: 15px;}
.vrarchief p {overflow: hidden; max-width: 200px;}
.vrarchief img.alignleft {margin-right: 0;}

/*RECHTERKOLOM*/
.uitgelicht li.categories {display: none; content: '';}
.uitgelicht li.categories > ul {display: block;}

/*WIDGETS*/
ul + div.jetpack-image-container {margin-top: 15px; padding-top: 20px; border-top: 1px solid #ddd;}
.uitgelicht h1 a {color: #444;}
.uitgelicht h2.widgettitle {border-top: 1px solid #ddd; padding-top: 20px;}
.uitgelicht > h2.widgettitle {border: none; padding-top: 0;}
.uitgelicht ul + h2.widgettitle {border-top: 1px solid #ddd; padding-top: 20px;}
.jetpack-image-container img {max-width: 300px; height: auto; margin: 0 auto; display: block;}
div.textwidget + div.jetpack-image-container {border-top: 1px solid #ddd; margin-top: 15px; padding-top: 15px;}
div.jetpack-image-container + div.ninja-forms-cont {border-top: 1px solid #ddd; margin-top: 15px; padding-top: 15px;}

/*WIKI*/
.target::before {content:""; display:block; height: 70px; /* fixed header height*/ margin: -70px 0 0; /* negative fixed header height */}
.wiki h4 {margin-top: 0;}

#clearfix { display: inline-block; }
#clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}


/*footer*/
footer {clear: both; display: block; font-size: 0.9em;}
footer.container {height: auto; background: #aaa;}
footer .row {background: #aaa; margin: 0;}
footer h2 {margin-top: 0; padding-top: 0;}
footer p {text-align: center; padding: 15px; font-size: 12px;}
footer a, footer a:hover, footer a:visited {color: #000;}
footer ul {padding-left: 0;}
footer li {list-style-type: none;}
footer ul ul {padding-left: 15px;}
footer .ninja-forms-required-items {margin-bottom: 10px;}
footer .field-wrap.label-right label, footer .field-wrap.label-left label {display: inline-block; width: 25%; float: left;}
footer .field-wrap, footer #ninja_forms_required_items {margin-bottom: 5px;}
footer .field-wrap.label-left .ninja-forms-field, footer .field-wrap.label-left .ninja-forms-star-rating-control {margin: 0;}
footer .ninja-forms-form-wrap input, footer .ninja-forms-form-wrap select, footer .ninja-forms-form-wrap textarea {width: 75%; float: right;}
footer .ninja-forms-form-wrap input#ninja_forms_field_56 {float: right; width: auto;}


/*HIERONDER OPMAAK PER PLUGIN*/

/*Soliloquy*/
ul#soliloquy-30 {margin: 0 !important; padding: 0 !important;}

/*Event Calendar*/
ol.tribe-list-widget {margin: 0; list-style-type: none; margin-block-end: 0; margin-block-start: 0; -moz-padding-start: 0;}
ol.hfeed.vcalendar li {padding: 0; margin: 0;}
.calendar h4 a {color: #444;}
.duration {padding-bottom: 10px;}
.tribe-event-date-start, .tribe-event-time, .tribe-event-date-end {font-size: 0.8em;}
.tribe-events-widget-link a {font-size: 0.8em; color: #444; text-decoration: underline;}

/*Login*/
#loginform {float: left; width: 75%;}
#loginform p {display: block;}
#loginform input {width: 100%;}
#loginform input#rememberme {width: inherit;}
.login-username label, .login-password label {display: none;}
.login-remember, .login-submit {width: 50%; float: left; display: inline;}
.login-remember label {font-size: 0.8em; font-weight: normal;}
.sidebar {display: block; overflow: hidden;  margin-bottom: 10px; padding-bottom: 5px;}
.sidebar a {display: block; float: left;}
.login-submit {float: right;}

/*Social login*/
.wp-social-login-widget {display: block; float: left; width: 100%;}
.wp-social-login-connect-with, wp-social-login-provider-list {float: left; display: inline; width: 90px;}
.wp-social-login-provider-list a img {padding: 0 0 0 10px; width: 32px; position: relative; top: -10px;}

/*Ninja Forms*/
.input-counter {display: none;}
#ninja_forms_field_15_div_wrap, #ninja_forms_field_16_div_wrap {width: 48%}
#ninja_forms_field_2_div_wrap, #ninja_forms_field_14_div_wrap, #ninja_forms_field_8_div_wrap, #ninja_forms_field_5_div_wrap {width: 48%;}
#ninja_forms_field_3_div_wrap {width: 100%; clear: both;}
#ninja_forms_field_15_div_wrap, #ninja_forms_field_2_div_wrap, #ninja_forms_field_14_div_wrap, #ninja_forms_field_10_div_wrap, #ninja_forms_field_5_div_wrap {float: left;}
#ninja_forms_field_16_div_wrap, #ninja_forms_field_8_div_wrap {float: right;}
#ninja_forms_field_14_div_wrap {clear: both;}
@media screen and (max-width:767px) {
	#ninja_forms_field_15_div_wrap, #ninja_forms_field_16_div_wrap, #ninja_forms_field_2_div_wrap, #ninja_forms_field_14_div_wrap, #ninja_forms_field_8_div_wrap, #ninja_forms_field_10_div_wrap, #ninja_forms_field_5_div_wrap{width: 100%;}
}
.nf-field-container.halfleft {width: 49%; float: left; clear: none;}
.nf-field-container.halfright {width: 49%; float: right; clear: none;}
.nf-after-field {display: none;}

/*WOOCOMMERCE*/
.cart-collaterals a.button.wc-backward {float: right;}
.cart_totals {clear: right;}
#jp-relatedposts, .cart_totals h2 {display: none !important;}
.woocommerce .navbar-brand img, .woocommerce-page .navbar-brand img {height: 45px !important;}
	@media screen and (max-width:480px) {
	.woocommerce .navbar-brand img {height: 30px !important;}
	}
.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {width: 90px !important;}
.woocommerce-cart .cart-collaterals .cart_totals table th {padding-right: 5px !important;}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {background-color: #00ab67 !important;}
.woocommerce .woocommerce-message, .woocommerce .woocommerce-info {border-top-color: #00ab67 !important;}
.woocommerce .woocommerce-info::before {color: #00ab67 !important;}
ul.products {padding: 0; margin-top: 30px;}
	ul.products li {width: 300px; list-style-type: none; float: left; margin: 20px 0;}
	ul.products li:nth-child(even) {float: right;}
	ul.products li:nth-child(odd) {clear: both;}
	@media screen and (max-width:680px) {
		ul.products li {width: 100%;}
	}
.woocommerce-pagination {clear: both; text-align: center; float: right;}
	.woocommerce-pagination .page-numbers li {float: left; list-style-type: none; padding: 20px;}
ul.products li.product_cat-verbergen {display: none;} /*hide stuff (child products) from shop page*/
li.product:nth-of-type(odd) {clear: both;}

/*Opmaak Woocommerce shop page*/
a.woocommerce-LoopProduct-link {float: left;}
a.button {float: left; clear: both;}
a.button:hover {color: #fff;}
span.onsale {position: absolute; z-index: 10; background: #fff; display: block; color: red; transform: rotate(-20deg); font-size: 1.2em; font-weight: bold; padding: 0 10px;}
img.attachment-shop_catalog {position: relative; z-index: 0}

/*Opmaak Woocommerce productpage*/
div.product .images {width: 48%; float: left;}
	.images a img {width: 100%; height: auto;}
	.images .thumbnails a img {width: 75px; height: auto; margin-top: 20px;}
div.product .summary {width: 50%; float: right;}
	@media screen and (max-width: 1199px) {	
		div.product .images, div.product .summary {width: 100%;}
	}
.product_meta {display: none;}
.related.products {display:none;}
.tabs.wc-tabs {display: none;}
.label {color: #000; font-size: 100%;}
.group_table td {padding: 3px 0;}
.group_table td .quantity {margin-top: 0;}
.cart .group_table .label label { margin-top: 10px;}
.cart .group_table .price .woocommerce-Price-amount {display: block; padding-top: 5px;}
.quantity {width: 170px; margin-top: 10px;}
.quantity, button.single_add_to_cart_button {float: left;}
table.group_table td { vertical-align: top;}
.button {padding: 10px; background: #00ab67; color: #fff; font-weight: bold;}
.woocommerce-tabs {clear: both; padding-top: 20px;}
	#tab-description {border-top: 1px solid #000;}
img.attachment-shop_catalog {max-width: 150px; height: auto;}
.woocommerce-message a:hover {color: #fff;}

/*Opmaak Woocommerce checkout*/
.woocommerce form .form-row input#terms {margin-top: 6px !important;}
.woocommerce-terms-and-conditions-checkbox-text {margin-left: 15px;}

/*WOOCOMMERCE COMPOSITE PRODUCTS*/
.component_option_thumbnail .image img {display: none;}

/*WOOCOMMERCE MOBILE*/
.side-pull-right #primary { float: none;}
.side-pull-left #primary{float:none;}