@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap');

/*
blauw: #a3cfe0
bruin: #472e24



*/
html {
    hyphens: auto;
}

    body, .pure-g [class *= "pure-u"] {
        font-family: 'Open Sans', sans-serif;
    }
    
    html, body {
        height: 100%;
        background-color: white;
        
    }

    .width_wrapper {
        width: 100%;
        max-width: 1280px;
        margin: 0 auto;
    }

    @media (max-width: 768px) {
        .width_wrapper {
            width: 95%;
        }
        
    }

    @media (max-width: 1300px) {
        .width_wrapper {
            width: 95%;
        }

        .width_wrapper > .container {
            max-width: 98%;
            margin: 0 auto;
        }
    }


/* Commen classes: */

    .pure-g > div {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .pure-g.l-box {
        margin-left: -1em;
        margin-right: -1em;
    }
    
    .pure-g.l-box > div {
        padding-left: 1em;
        padding-right: 1em;
    }
    
    
    .clear {
    	clear: both;
    }

    .hidden {
        display: none;
    }

    img {
        height: auto;
        max-width: 100%;
        display: block;
    }

    :focus {
        outline: none;
    }


    .flex {
        display: flex;
        justify-content: center;    
        align-content: stretch;
    }

    .flex-item {
        flex-grow: 0;
        flex-shrink: 1;
    }

    .flex.h-center {
        justify-content: center;
    }

    .flex.h-left {
        justify-content: flex-start;
    }

    .flex.h-right {
        justify-content: flex-end;
    }

    .flex.space-between {
        justify-content: space-between;
    }
    
    .flex.v-center {
        align-items: center;
    }

    .flex.v-stretch {
        align-items: stretch;
    }
    
    .flex.gutter {
        margin-left: -1em;
        margin-right: -1em;
    }
    
    .flex.gutter > .flex-item {
        padding: 0 1em;
        box-sizing: border-box;
    }


    .flex-item.grow {
        flex-grow: 1;
    }

    .flex-item.shrink {
        flex-shrink: 1;
    }


    .vertical { 
        display: table; 
        width: 100%;
        height: 100%;
    }

    .vertical-item { 
        display: table-cell!important; 
        text-align: center; 
        vertical-align: middle;
    }

    .table{
        display:table;
        width:100%;
        height:100%;
    }
    .table-cell{
        display:table-cell;
        vertical-align:middle;
    }

    .container {
        box-sizing: border-box;
    }
    
    
    .fixed {
        position: fixed!important;
        width: 100%;
        background-color: white;
        z-index: 9999;
    }
    
    .hyphens {
        overflow-wrap: break-word;
        word-wrap: break-word;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto;
    }
    
    .panel-widget-style {
        scroll-margin-top: 5em;
    }
	
	div#nav-under > div {
	    background-color: #d1e0c2;
	    border-radius: 8px;
	    padding: 0.5em 1em;
	}
    
    
    /*remove margin under Google maps frame:*/
    iframe {
        display: block!important;
    }

    
    .w768 {
        display: none;
    }

    @media (min-width: 768px) {
	    .w768 {
	        display: inherit;
	    }
    }




/*Basic structure*/
    #wrapper {
        position: relative;
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
    }

    #main,
    #footer
    {
        width: 100%;
        margin: 0 auto;
        box-sizing: border-box;
        position: relative;
        z-index: 0;
    }







/*  Header  */

    #header {
    }

    #header .flex-item {
        flex-shrink: 1;
    }

    #header_img img {
        max-width: 210px;
        height: auto;
        display: block;
        margin: 1em 1em;
    }

    @media (max-width: 990px) {
        #header_img {
            margin: .5em 0;
        }
        
        #responsive_nav {
            top: 80px!important;
        }
        
    }
    
    
    #nav {
        width: 100%;
        font-weight: 900;
        font-size: .9em;
    }

        .nav ul {
        	margin: 0;
        	padding: 0;
        	list-style: none;
    	
        }

        .nav li {
            display: inline-block;
            vertical-align: middle;
            margin: 0;
            padding: 0;
        }

        #nav.nav li.menu-item-has-children:after {
            content: '↓';
            margin-left: -0.75em;
            margin-right: 0.5em;
            font-weight: 900;
        }        
        
        .nav a {
            display: inline;
            white-space: nowrap;
            padding: 0 1em;
            margin: 0;
            text-decoration: none;
            font-size: 1em;
            line-height: 2em;
        }

        .nav .sub-nav a {
    /*        font-size: .8em;*/
        }
    

        /*sub menu*/
        #nav.nav ul.sub-menu {
            display: none;
            z-index: 100;
            position: absolute;
            padding: 0;
            margin: 0;
            padding-top: 0.5em;
            background-color: white;
        }

        .nav .sub-menu li, .nav .sub-menu a {
        	text-align: left;
        }

        #nav.nav li:hover > .sub-menu {
        	display: block;
        }


        /*geen sub sub :) */
        .sub-menu .sub-menu {
        	display: none;
        }

        .nav .sub-menu li {
            display: block;
            margin-left: 0;
        }

        .nav .sub-menu a {
            padding: 0em 1em;
            display: block;
            line-height: 30px;
        }
    

    #hamburger {

        flex-shrink: 0;
        flex-basis: 50px;
    }





/* Main */

    #main {
        min-height: calc(100vh - 5em - 68px);
        
        padding: 0;
        padding-bottom: 2em;
    }

    .home #main {
        padding: 0;
    }
    
    
    #front_intro {
        text-align: center;
        min-height: 500px;
        margin-bottom: 3em;
    }

    #front_intro h1 {
        display: none;
    }
    
    #front-text {
        align-self: center;
    }

    #front_intro .flex-item {
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: 0;
    }

    #front-text .container {
        width: 96%;
        max-width: 540px;
        margin: 0 auto;
    }
    
    #front-text h2 {
        margin-bottom: 10px;
        font-size: 36px;
        font-weight: 300;
    }

    #front-text h3 {
        margin: 0 0 2em 0;
        font-size: 24px;
    }


    #front-text #searchbox {
        margin-bottom: 4em;
    }
    
    #front_intro p.copy,
    .wp-caption-text {
        position: absolute;
        bottom: 0;
        right: 0;
        color: white;
        padding: 0.5em;
        margin: 0!important;
        font-size: .8em;
        text-shadow: 0 0 10px black;
    }
    
    .wp-caption {
        position: relative;
        max-width: 100%;
    }
    
    .wp-caption .wp-caption-text {
        margin-right: 1em!important;
    }


    
/*  Search form     */

    #searchbox {
        width: 97%;
        margin: 1em auto;
        max-width: 600px;
    }
    
    .promagnifier {
        box-shadow: none!important;
    }
    
    #ajaxsearchprores3_1 {
        padding: 0px!important;
    }
    
    .div.asp_w.asp_r .results .item {
        padding: none!important;
        border: none!important;        
    }
    
    div.asp_r.asp_r_3 .results .item {
        background-color: #eef5e7!important;
    }
    
    div.asp_r.asp_r_3.vertical .results .item .asp_conten {
        padding: 8px 0;
    }
    
    div.ajaxsearchpro.asp_an_fadeInDrop {
        animation-name: none!important;
        -webkit-animation-name: none!important;
    }
    
    div.asp_w.asp_r .results .asp_nores {
        background-color: #eef5e7!important;
    }
    
    
    
    
/* Nieuws front   */
    #front_nieuws {
        margin-bottom: 3em;
    }
    
    @media (max-width: 1330px) {
        #front_nieuws {
            padding: 0 1em;
        }
    }
    
    #front_nieuws h2 {
        font-size: 1.4em;
    }
    
    .nieuws article {
        margin-bottom: 3em;
    }
    
    .nieuws h3 {
        font-size: 2em;
        margin: 0 0 0.2em 0;
        font-weight: 100;
    }
    
    #main .nieuws h3 a {
        text-decoration: none!important;
    }
    
    .nieuws .content {
        flex-basis: 80%;
    }
    
    
    .nieuws .post-image img {
        margin-top: 0.5em;
    }


    @media (max-width: 560px) {
        .nieuws article .container.flex {
            display: block;
        }
        
    }




/* Nieuws archief  */    

    .nieuws > .flex {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    
    .nieuws > .flex > .flex-item {
        flex-basis: 100%;
        flex-grow: 0;
        flex-shrink: 0;
    }
    





/* Footer */

    #footer {
        font-size: .85em;
        line-height: 1.3em;
        min-height: 5em;
        overflow: hidden;
    }
    
    #footer .container {
        padding: 1em;
    }

        #footer .flex-item {
            flex-shrink: 1;
        }


        @media (max-width: 900px) {
            #footer .flex {
                display: block;
                text-align: center;
                line-height: 2em;
            }
            
        }















/* Basic WordPress Blog Styles  */
        
    .entry-content img {
    	margin: 0 0 1.5em 0;
    }
    .alignleft,
    img.alignleft {
    	display: inline;
    	float: left;
      margin-right: 1.5em;
    }
    .alignright,
    img.alignright {
    	display: inline;
    	float: right;
      margin-left: 1.5em;
    }
    .aligncenter,
    img.aligncenter {
    	clear: both;
    	display: block;
    	margin-left: auto;
    	margin-right: auto;
    }
    .wp-smiley { 
    	max-height: 1em;
    	margin:0 !important;
    }
    .gallery dl {
    	margin: 0;
    }
    .gallery-caption {
    	margin:-1.5em 0 0 0;
    }


    blockquote.left {
    	float: left;
    	margin-left: 0;
    	margin-right: 20px;
    	text-align: right;
    	width: 33%;
    }
    blockquote.right {
    	float: right;
    	margin-left: 20px;
    	margin-right: 0;
    	text-align: left;
    	width: 33%;
    }


    /*remove margin under Google maps frame:*/
    iframe {
        display: block!important;
    }





/*  Mobile nav  */
    #responsive_nav {
        position: absolute;
        z-index: 9999;
        width: 100%;
        overflow: hidden;
        display: none;
/*        bottom: 0;*/
        font-size: 1.3em;
    }


    #responsive_nav.open {
    	height: auto;
    }

    #responsive_nav ul {
    	list-style-type: none;
    	margin: 0;
    	padding: 0;
    }

    #responsive_nav li {
    	padding: 0;
    	display: block;
    }

    #responsive_nav li a {
        display: block;
        text-decoration: none;
        font-size: 1em;
        padding: .4em 1em;
        padding-left: 28px;
    }

    #responsive_nav .sub-menu a::before {
        content: "–  ";
    }

    #responsive_nav .sub-menu li a {
        font-size: .9em;
        padding: 0.2em 2em;
    }




    /*https://codepen.io/designcouch/pen/Atyop*/
    #hamburger {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
        margin-right: 1em;
    }

    #hamburger .square-box {
        position: relative;
        min-width: 50px;
        margin: 0 auto;
    }

    #hamburger .square-box:before {
        content: "";
        display: block;
        padding-top: 100%;
    }

    #hamburger .square-content {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        text-align: center;
    }

    #hamburger span {
        position: absolute;
        top: 20%;
        left: 0;
        right: 0;
        display: block;
        height: 3px;
        background-color: #4f8b10;
    
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }

    #hamburger span:nth-of-type(2) {
        top: 50%;
    }

    #hamburger span:nth-of-type(3) {
        top: 80%
    }

    #hamburger.open span:nth-child(1) {
      top: 50%;
      -webkit-transform: rotate(135deg);
      -moz-transform: rotate(135deg);
      -o-transform: rotate(135deg);
      transform: rotate(135deg);
    }

    #hamburger.open span:nth-child(2) {
      opacity: 0;
      left: +20vw;
    }

    #hamburger.open span:nth-child(3) {
      top: 50%;
      -webkit-transform: rotate(-135deg);
      -moz-transform: rotate(-135deg);
      -o-transform: rotate(-135deg);
      transform: rotate(-135deg);
    }








/*  Forms   */
    
    input, textarea, select, button {
        border: none;
        width: 100%;
    	padding: .5em;
    	margin: .5em 0;
    	box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;    
    }

    input[type="submit"],
    button[type="submit"],
    button[type="button"],
    a.button,
    input.button {
        border: none!important;
        display: block;
        box-sizing: border-box!important;
        margin: 1em 0em 0 1em !important;
        padding: .25em 1.5em!important;
        width: auto!important;
        text-align: center;
        cursor: pointer;
        height: auto!important;
        line-height: inherit!important;
        font-weight: inherit;

    
        border-radius: 8px!important;
    }

    textarea {
        height: 200px;
    }

    a.button {
        display: inline-block!important;
        text-decoration: none!important;
    }

    #anchors a.button {
        margin: 0!important;
    }
    


    label {
    /*    display: inline-block;*/
        display: inline; /* kan dit ook? nodig op de betaal pagina */ 
        width: 100%;
        text-align: left;
    }

    input[type="radio"], 
    input[type="checkbox"] {
        width: auto!important;
    	margin-right: 5px!important;
    }



    div.wpcf7-validation-errors, 
    .em-booking-message,
    .wpcf7 form.invalid .wpcf7-response-output {
        border: none!important;
        background-color: rgb(255, 211, 207);
        padding: 1em 1em .1em 1em;
        color: rgb(215, 55, 40);
        margin: 2em 0em;
    }

    .em-booking-message-success {
        background-color: rgb(50, 165, 55);
        padding: 1em;
        color: rgb(255, 255, 255);
    }

    div.wpcf7-mail-sent-ok,
    .wpcf7-response-output {
        border: none!important;
    	background-color: #2bb34f;
    }

    div.wpcf7-response-output {
        margin: 0px!important;
        padding: 1em!important;
        color: #fff;
    }

    img.ajax-loader {
        width: auto!important;
        height: auto!important;
    }

    span.wpcf7-not-valid-tip {
        color: rgb(255, 255, 255);
        display: block;
        background-color: rgb(255, 114, 82);
        padding: .5em 1em;
        margin-top: -.5em;
    }

    div.wpcf7-validation-errors,
    .wpcf7 form.invalid .wpcf7-response-output {
        border: none!important;
        background-color: rgb(255, 114, 82);
        color: white;
        margin-top: -2em!important
    }



    .wpcf7-form-control-wrap {
        display: block;
    }

    .TxtStatus.dropError {
        color: rgb(111, 111, 111);
        position: absolute;
        text-align: center;
        top: 0;
        width: 100%;
    }

    .wpcf7-form.sent p {
        display: none;
    }





/* Responsive */

    /*Menu switch breakpoint*/
    .nav-wrap-desktop {
        display: none;
    }

    @media (min-width: 1150px) {

        .nav-wrap-desktop {
            display: block;
        }
    
        .nav-wrap-mobile {
            display: none;
        }

    }



    /* switch desktop/mobile content */
    .desktop {
        display: none!important;
    }

    @media (min-width: 769px) {
    
        .mobile {
            display: none!important;
        }
    
        .desktop {
            display: inherit!important;
        }
    
    }


/*Siteorigin hacks*/

    .panel-grid-cell {
    /*    padding: 2em 0 0 0!important;*/
    }

    .panel-grid-cell h2:first-of-type,
    .panel-grid-cell h1:first-of-type
    {
        margin-top: 0!important;
    }



    /*      */
    .sow-tabs-tab-container {
        background-color: white!important;
        padding: 0!important;
    }

    .sow-tabs-panel {
        padding: 0!important;
    }

    .sow-tabs-tab {
        padding: 0!important;
        margin: 1em 1em 1em 0!important;
        font-weight: 700!important;
    }

    .sow-tabs-panel h2 {
        display: none;
    }

    
    /* Images */
    .so-widget-sow-image {
        position: relative;
    }
    .so-widget-sow-image .widget-title {
        position: absolute;
        bottom: 0;
        right: 0;
        color: white;
        padding: 0.5em;
        margin: 0;
        font-size: .8em;
        text-shadow: 0 0 10px black;
    }
    






/* Basic styling        */

    p {
        margin: 0;
        padding: 0;
    }


    .content p {
        margin: 0 0 1em 0;
        padding: 0;
        line-height: 1.7em;
    }
    
    .content .textwidget p:last-of-type {
        margin-bottom: 0;
    }
    

    a {
        text-decoration: none;
    }

    #main a {
        text-decoration: underline;
    }

    a.more-link {
        display: table-cell; /*block;*/
        margin: 1em 0 0 0;
    }

    h1 {
        font-size: 3em;
        margin: .67em 0 .1em 0;
    }

    h2 {
        font-size: 1.7em;
        margin: 1em 0 .67em 0;
    }

    h1, h2, h3, h4, h5, h6 {
        font-weight: 100;
    }

    blockquote {
        font-size: 2em;
        font-weight: 700;
    }

    span.tooltips {
        cursor: pointer;
        border-bottom: 1px solid #4f8b10;
    }





/* Planten en klachten pagina */

    #single-anchors {
        display: none;
    }
    
    @media (min-width: 768px) {
        #single-anchors {
            display: block;
            position: fixed;
            width: 240px;
            overflow: hidden;
            padding: 0 1em;
            box-sizing: border-box;
        }

        #data {
            margin-left: 245px;
            max-width: 590px;
            padding-bottom: 10em;
/*
            background: white url('../images/side.jpg') repeat-y scroll top right;
*/        }

    }


    #single-anchors a {
        display: block;
        text-decoration: none;
        font-size: 20px;
        line-height: 30px;
    }
    
    

    .single-klacht #kijkbij a {
        font-size: 18px;
        
    }
    
    .subcategory h3 {
        margin: 0 0 0.25em 0;
    }
    .subcategory h3:last-of-type {
        margin-bottom: 1em;
    }
    
    /* aanpassing voor MN: */
    #veiligheid p {
        margin-bottom: 0;
    }
    
    
    
    
    
    


/* Alfabetische lijsten */
    html {
        scroll-behavior: smooth;
    }

    #plantenlijst, #klachtenlijst {
        position: relative;
        padding-bottom: 10em;
    }

    
    .lijst ul, .lijst li {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    .a_list ul {
        margin-right: 1em;
    }

    .lijst .index {
        background-color: white;
    }
    
    .lijst .index a {
        font-size: 2em;
        text-decoration: none!important;
        font-family: 'Roboto Mono', monospace;
        display: inline-block;
        padding: 0 .25em;
        
        -webkit-transition: color 1s;
        -moz-transition:    color 1s;
        -ms-transition:     color 1s;
        -o-transition:      color 1s;
        transition:         color 1s;
    }

    .lijst h2 {
        display: none;
    }
    
    
    #alfa-lijst .plant-image {
        background: white url('../images/side.jpg') repeat-y scroll right top;
        width: 153px;
        flex-shrink: 0;
        display: none;
    }
    


    .index li {
        display: inline-block;
    }

    .a_list li {
    /*    padding-top: 10em;*/
    }

    .a_list li.divider {
        margin-top: 5em;
    }

    .a_list li.divider:first-of-type {
        margin-top: 0;
    }

    a.anchor {
        display: block;
        position: relative;
        top: -270px;
        visibility: hidden;
    }


    #klachtenlijst {
        display: none;
    }
    
    li.letter {
        font-size: 2em;
        margin-top: 1em;
        font-family: 'Roboto Mono', monospace;
    }
    
    
    #klachten h2, #planten h2 {
        margin-top: 0;
    }
    

    #type-buttons.fixed {
        top: 70px;
        flex-grow: 1;
    }

    #type-buttons.fixed h1 {
        display: none;
    }

    #alfabet.fixed {
        top: 137px;
        width: 98%;
    }







/* Kaart */
    
    #behandelaars {
        margin-top: 2em;
    }
    
    #map {
        height: 500px;
        width: 100%;
    }

    #kaart {
        z-index: 99999;
        position: relative;
        background-color: white;
    }

    #specialisten #anchors {
        position: absolute;
        width: 215px
    }
    
    
        #specialisten #anchors .container a {
            display: block;
            text-decoration: none;
            font-size: 20px;
            line-height: 30px;
        }

        #specialisten #anchors .container {
            margin-bottom: 2em;
        }

        #specialisten #data {
            padding-bottom: 0;
        }
    
        #specialisten h4 {
            font-size: 1.5em;
            margin: 0 0 0.5em 0;
        }
    
        #specialisten h3 i {
            color: grey;
            font-weight: 100;
        }
        
        #specialisten #anchors.fixed {
            top: 84px;
        }
    
        #specialisten .anchor {
            top: -87px;
        }

    
    .specialist {
        background-color: #c3d6ac4d;
        padding: 0.5em 1em;
        margin-bottom: 1.5em;
        line-height: 1.5em;
    }

    .specialist:last-of-type {
        margin-bottom: 0em;
    }

        .specialist h3 {
            margin: 0;
        }
    
        .specialist .praktijk {
            font-weight: 100;
            margin-bottom: 0.5em;
            color: #464646;
            display: block;
        }



    .leaflet-popup-content h3 {
        margin: 0em;
    }

    .leaflet-popup-content i {
        margin-bottom: .5em;
        display: block;
    }
    

    
    #filters {
        margin: 1em 0 1em 0;
    }
    
    #filters a {
        background-color: #4f8b10;
        border-radius: 7px;
        padding: 0.3em 0.7em;
        font-size: .85em;
        text-decoration: none;
        color: white;
        margin-left: 0.4em;
        cursor: pointer;
        line-height: 2.5em;
    }

    @media (min-width: 768px) {
        #filters a:hover {
            background-color: #aaa;
        }
    }

    #filters a.passive {
        background-color: #ccc;
    }


    .map-container.fixed {
        position: fixed!important;
        top: 66px;
        width: 38vw;
    }
    
    @media (min-width: 1280px) {
        .map-container.fixed {
            width: 608px;
        }
	
    }
    
    @media (max-width: 767px) {
        #specialisten {
            position: fixed;
            z-index: -9999;
        }
        
        .page-behandelaars-en-specialisten #main {
            padding-bottom: 0;
        }

        .page-behandelaars-en-specialisten #footer {
            display: none;
        }

        .map-container.fixed {
            width: 100%;
        }
        
        #map {
            max-height: calc(100vh - 210px);
        }
        
        #filters {
            margin: 0.5em 0 0.5em 0;
        }
        
	
    }
    
    #tabs {
        list-style: none;
        margin: 1em 0 0 0;
        padding: 0;
    }
    
        #tabs.fixed {
            top: 64px;
            width: 95%;
            background-color: white;
            padding-bottom: .5em;
        }

        #tabs li {
            display: inline-block;
            width: 49%;
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            text-align: center;
        }

        #tabs a {
            background-color: #e7f4e3;
            display: block;
            margin: 0;
            padding: 0.5em 1em;
            text-decoration: none;
        }
        
        #tabs a.inactive {
            background-color: #f3f3f3;
        }

    @media (min-width: 768px) {
        
        .lijst .index {
            position: fixed;
            width: 180px;
            padding: 0 1em;
        }
        
        .lijst .a_list {
            margin-left: 220px;
            min-width: 350px;
            padding: 0;
            justify-content: space-between;
        }

        .lijst h2 {
            display: inherit;
        }
    
        #alfa-lijst .plant-image {
            display: inherit;
        }
        #alfa-lijst .spacer {
            width: 220px;
        }
        
        a.anchor {
            top: -260px;
            top: -360px;
        }
    }
    
    
    
    
    
    
    /* Single Nieuws    */
    
    .single .date {
        font-style: italic;
        margin-bottom: 1.5em;
    }
    
    .single .post-image {
        margin-bottom: 1em;
    }
    
    
    #nav-under {
        margin-top: 2em;
        margin-bottom: 2em;
        justify-content: space-between;
        flex-direction: row-reverse;
        align-items: stretch;
    }
    
        #nav-under .nev-next {
            text-align: right;
        }
    
	
	.small {
		font-size: .8em;
	}
    
    /* FAQ */
    
    .faq .so-panel > div {
        padding: 1em;
        margin: 0 -1em;
    }
    


/* Basic styling */
    a {
    	text-decoration: none;
        
        -webkit-transition: color .5s;
        -moz-transition:    color .5s;
        -ms-transition:     color .5s;
        -o-transition:      color .5s;
        transition:         color .5s;
        
    }

    #tekst a {
    	text-decoration: underline;
    }

    ul, ol {
    	list-style-position: inside;
    	margin: 10px 0;
    	padding-left: 15px;
    }

    ul {
    	list-style-type: disc;
    }

    blockquote {
    	margin: 0 20px 10px 20px;
    	padding: 5px 10px;
    	font-style: italic;
    	background-color: #DDEAEA;
    }

    .alignright {
    	float: right;
    	margin: 0 0 0 10px;
    }

    .alignleft {
    	float: left;
    	margin: 0 10px 0 0;
    }

    .aligncenter {
    	margin: 0 auto;
    }

    span.divider {
        margin: 0 1em;
    }

    span.divider:before {
        content: " ";
    }
    
    p.error {
    	color: red;
    	font-style: italic;
    }

    p.ok {
    	font-style: italic;
	
    }
    
    .copy {
        line-height: 1.5em;
    }








/* kleuren color and sizes: 

basis zwart:    #1F1F1F 

groen:          #4F8B10
soft groen:     #87AE59

donker grijs:   #6F6F6F
grijs tekst:    #8F8F8F
soft grijs:     #C6C6C6

*/

html,
.specialist h3
{
    color: #1F1F1F;
}


/* grijs */
.nav a,
.date,
#front_nieuws h2
{
    color: #6F6F6F;
}


/* licht grijs */
a.button {
    background-color: #b5b5b5;
}


li.letter, .index a {
    color: #bfbfbf;
}


/* groen */
h1, h2, h3, h4, h5, h6,
.title,
a,
.nav > .container > ul > li:hover a,
.nav .current-page-item > a, 
.nav .current_page_item > a, 

.nav .current-menu-item > a,
.nav .current_menu_item > a,

.nav .current-page-ancestor > a, 

.nav .current-page-parent > a, 
.nav .current_page_parent > a, 

.nav .current-post-parent > a, 
.nav .current_post_parent > a, 

.nav .current-menu-parent > a,
.nav .current_menu_parent > a,
.nav a:hover,
.index a:hover,
.specialist span,
.leaflet-popup-content span,
#footer .white_bg a
{
    color: #4F8B10;

}

#footer {
    background-color: #4F8B10;
}





/* Lichtgroen */
a.button.active,
input[type="submit"],
.ow-button-base a {
    background-color: #87AE59;
    background: #87AE59!important;
    border: none!important;
    text-decoration: none!important;
}


/* lichter groen */
#responsive_nav {
    background-color: #e7f4e3;
}




/*  Wit         */
#footer,
#footer a,
a.button {
    color: white;
}




/* Oranje */

a:hover,
#footer a:hover {
    color: #ff9000;
}