/**
 * @license
 * MyFonts Webfont Build ID 3330999, 2017-01-13T02:48:53-0500
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: DearJoe5CASUAL by JOEBOB graphics
 * URL: http://www.myfonts.com/fonts/joebob/dear-joe-5-casual/casual/
 * Copyright: © 2008 JOEBOB graphics - www.joebob.nl
 * Licensed pageviews: 20,000
 *
 * Webfont: CaeciliaLTPro-86HeavyItalic by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/pmn-caecilia/pro-86-heavy-italic/
 * Copyright: Copyright © 2015 Monotype Imaging Inc. All rights reserved.
 * Licensed pageviews: 250,000
 *
 *
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3330999
 *
 * © 2017 MyFonts Inc
*/

/* @import must be at top of file, otherwise CSS will not work - this is untrue -KL */
/* @import url("//hello.myfonts.net/count/32d3b7"); */


@font-face {
	font-family: 'DearJoe5CASUAL';
	font-display: swap;
	src: url(/wp-content/themes/vogids/css/fonts/32D3B7_0_0.eot);
	src: url(/wp-content/themes/vogids/css/fonts/32D3B7_0_0.eot?#iefix) format('embedded-opentype'),
		url(/wp-content/themes/vogids/css/fonts/32D3B7_0_0.woff2) format('woff2'),
		url(/wp-content/themes/vogids/css/fonts/32D3B7_0_0.woff) format('woff'),
		url(/wp-content/themes/vogids/css/fonts/32D3B7_0_0.ttf) format('truetype'),
		url(/wp-content/themes/vogids/css/fonts/32D3B7_0_0.svg#wf) format('svg');
}

@font-face {
	font-family: 'CaeciliaLTPro-86HeavyItalic';
	src: url(/wp-content/themes/vogids/css/fonts/32D3B7_1_0.eot);
	font-display: swap;
	src: url(/wp-content/themes/vogids/css/fonts/32D3B7_1_0.eot?#iefix) format('embedded-opentype'),
		url(/wp-content/themes/vogids/css/fonts/32D3B7_1_0.woff2) format('woff2'),
		url(/wp-content/themes/vogids/css/fonts/32D3B7_1_0.woff) format('woff'),
		url(/wp-content/themes/vogids/css/fonts/32D3B7_1_0.ttf) format('truetype'),
		url(/wp-content/themes/vogids/css/fonts/32D3B7_1_0.svg#wf) format('svg');
}

@font-face {
  font-family: 'icons';
  src:url(/wp-content/themes/vogids/css/fonts/icons.eot);
  src:url(/wp-content/themes/vogids/css/fonts/icons.eot?#iefix) format('embedded-opentype'),
    url(/wp-content/themes/vogids/css/fonts/icons.woff) format('woff'),
    url(/wp-content/themes/vogids/css/fonts/icons.ttf) format('truetype'),
    url(/wp-content/themes/vogids/css/fonts/icons.svg#icons) format('svg');
  font-weight: normal;
  font-style: normal;
}

[data-icon]:before {
  font-family: "icons" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-right-open:before {
  content: "\65";
}
.icon-up-open:before {
  content: "\66";
}
.icon-left-open:before {
  content: "\67";
}
.icon-down-open:before {
  content: "\68";
}
.icon-facebook:before {
  content: "\61";
}
.icon-google-plus:before {
  content: "\62";
}
.icon-instagram:before {
  content: "\63";
}
.icon-linkedin:before {
  content: "\64";
}
.icon-mail:before {
  content: "\69";
}
.icon-twitter:before {
  content: "\6a";
}
.icon-eye:before {
  content: "\6b";
}
.icon-loep:before {
  content: "\6e";
}
.icon-oorkonde:before {
  content: "\6f";
}
.icon-school:before {
  content: "\70";
}
.icon-webpage:before {
  content: "\6c";
}
.icon-plus:before {
  content: "\6d";
}
.icon-minus-round:before {
  content: "\72";
}
.icon-cancel:before {
  content: "\74";
}
.icon-call-old-telephone:before {
  content: "\73";
}
.icon-mobile:before {
  content: "\75";
}
.icon-phone:before {
  content: "\76";
}
.icon-bus:before {
  content: "\77";
}
.icon-bike:before {
  content: "\78";
}
.icon-share-square-o:before {
  content: "\79";
}
.icon-sign-in:before {
  content: "\7a";
}
.icon-info-circled:before {
  content: "\42";
}
.icon-paintbucket:before {
  content: "\43";
}
.icon-trash:before {
  content: "\44";
}
.icon-pencil:before {
  content: "\45";
}
.icon-envelope:before {
  content: "\46";
}
.icon-sign-out:before {
  content: "\41";
}
.icon-kalender:before {
  content: "\71";
}
.icon-download:before {
  content: "\47";
}
.icon-upload:before {
  content: "\48";
}
.icon-coffee:before {
  content: "\49";
}
.icon-youtube-1:before {
  content: "\4c";
}
.icon-filter:before {
  content: "\4a";
}
.icon-select-all:before {
  content: "\4b";
}
.icon-home:before {
  content: "\4d";
}
.icon-whatsapp:before {
  content: "\4e";
}
.icon-copy:before {
  content: "\4f";
}
.icon-check-1:before {
  content: "\50";
}
.icon-ios-location:before {
  content: "\53";
}
.icon-hand-o-right:before {
  content: "\51";
}
.icon-tiktok:before {
  content: "\52";
}
.icon-clock-o:before {
  content: "\54";
}
.icon-calendar-o:before {
  content: "\55";
}
.icon-persoon:before {
  content: "\56";
}
.icon-map-marker:before {
  content: "\57";
}
.icon-pencil-square-o:before {
  content: "\58";
}
.icon-x:before {
  content: "\59";
}

/* Cookiebot custom styling for DeVOGids.nl */

/* DIALOG */

/*  Color settings */
#CookieInfoDialog {
    /* dialog basic settings */
    font-family: "myriad-pro", sans-serif;
    font-size: 15px; /* font-size */
    line-height: 1.5; /* line-height */
}

#CookieInfoDialogHeader {
    background-color: #FFFFFF; /*background color */
}

#CookieInfoDialogButtons, .CookieInfoDialogScrollContainer {
    background-color: #FFFFFF; /*background color */
}

#CookieInfoDialog, #CookieInfoDialog p {
    /* dialog and paragraph */
    color: #333333; /* text color */
}

#CookieInfoDialog h2 {
    /* title */
    color: #333333; /* text color */
}

#CookieInfoDialog a {
    /* link */
    color: #555555; /* text color */
}

#CookieInfoDialog a:hover {
    /* link hover */
    color: #CC612D; /* text color */
}

#CookieInfoDialogSettings p {
    font-size: 15px !important;
    line-height: 1.5 !important;
}

/* Site-specific content */

#CookieInfoDialogHeader:before {
    content: url('/wp-content/themes/vogids/images/logo-vogids-small.svg');
    width: 100px;
}

.CookieContentSiteName:before {
    content: ' bij De VO Gids';
}

/* Dialog */
#CookieInfoDialog {
    display: flex !important;
    z-index: 2147483645;
    border-radius: 10px;
    position: fixed;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2), 0 5px 15px 0 rgba(0, 0, 0, 0.19);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 620px;
    height: auto;
    max-width: calc(100% - 16px);
    max-height: 80vh;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
}

#CookieInfoDialog.CookieInfoShow {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.75s;
}

#CookieInfoDialogContainer {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    width: 100%;

}

#CookieInfoDialogHeader {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    justify-content: flex-end;
    display: flex;
    justify-content: space-between;
    padding: 30px 35px 20px 35px;
    width: 100%;
}

#CookieInfoDialogPoweredByLink {
    line-height: 0.01em;
}

#CookieInfoDialogPoweredByLogo {
}

#CookieInfoDialogContent {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    overflow: auto;
    width: 100%;
}

#CookieInfoDialogSettings, #CookieInfoDialogIntro {
    display: none;
}

#CookieInfoDialogSettings.CookieInfoShow, #CookieInfoDialogIntro.CookieInfoShow {
    display: inline-block;
}

/* scroll container */
#CookieInfoDialogContent.CookieInfoScrollable:after {
    content: '';
    pointer-events: none;
    position: absolute;
    bottom: 0;
    height: 25%;
    right: 0;
    left: 0;
    margin: 0em 1em 0em 0.5em;
    background: linear-gradient(0deg, white, transparent);
}

#CookieInfoDialogContent::-webkit-scrollbar {
    width: 0.3em;
}

#CookieInfoDialogContent::-webkit-scrollbar-thumb {
    background-color: #666;
    border-radius: 10em;
}

#CookieInfoDialogContent::-webkit-scrollbar-track {
}

.CookieInfoDialogScrollContainer {
    display: flex;
    min-height: auto;
    flex: 1;
    flex-direction: column;
    height: 100%;
    min-height: 10vh;
    padding: 0 35px 30px 35px;
    position: relative;
}

/* content container */
#CookieInfoDialogSettings .CookieInfoDialogSettingsIntro {
    padding-bottom: 1em;
}

#CookieInfoDialog h2 {
    margin: 0;
    font-size: 1.3em;
    font-weight: bold;
    padding-bottom: 10px;
}

#CookieInfoDialog h2 + p {
    margin-top: 0.5em;
}

/* fix bulkconsent presentation */
#CookieInfoDialogSettings .CookieInfoDialogSettingsIntro dl {
    margin: 0;
}

#CookieInfoDialogSettings .CookieInfoDialogSettingsIntro dd {
    margin-left: 2em;
}

#CookieInfoDialogSettings .CookieInfoDialogSettingsIntro p + br,
#CookieInfoDialogSettings .CookieInfoDialogSettingsIntro p + br + br,
#CookieInfoDialogSettings .CookieInfoDialogSettingsIntro dl + br,
#CookieInfoDialogSettings .CookieInfoDialogSettingsIntro dl + br + br {
    display: none;
}

/* buttons */
#CookieInfoDialogButtons {
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0 35px 30px 35px;
}

#CookieInfoDialogButtons .CookieInfoDialogIcon {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
}

#CookieInfoDialogButtonsIntro, #CookieInfoDialogButtonsSettings {
    display: none;
}

#CookieInfoDialogButtonsIntro.CookieInfoShow, #CookieInfoDialogButtonsSettings.CookieInfoShow {
    display: flex;
    justify-content: space-between;
}

#CookieInfoDialogButtons button.CookieInfoButton {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    padding: 1em 2em;
    margin: 0;
    font-weight: normal;
    text-align: center;
    border-width: 0.1em;
    border-style: solid;
    cursor: pointer;
    font-size: 1em;
    position: relative;
}

#CookieInfoDialogBack {
    width: 27px;
    cursor: pointer;
    visibility: hidden;
    position: relative;
    border: 0;
    background: none;
    padding: 0;
    border-radius: 0;
}

#CookieInfoDialogBack span {
    position: absolute;
    width: 100px;
    text-indent: -1500px;
}

#CookieInfoDialogButtons button.CookieInfoButtonArrow, #CookieInfoDialogButtons button.CookieInfoButtonSettings {
    padding-right: 3em;
}

#CookieInfoDialog .CookieInfoButtonArrow .CookieInfoDialogIcon, #CookieInfoDialog .CookieInfoButtonSettings .CookieInfoDialogIcon {
    right: 1em;
}

#CookieInfoDialogBack.CookieInfoShow {
    visibility: visible;
}

#CookieInfoDialog .CookieInfoDesktop {
    display: inline-block;
}

#CookieInfoDialog .CookieInfoMobile {
    display: none;
}

/* checkboxes */
#CookieInfoDialogSettings .CookieInfoLabelContainer {
    position: relative;
    padding: 0 0 1em 0em;
}

#CookieInfoDialogSettings .CookieInfoLabelContainer p {
    margin: 0 0 0 0;
    position: relative;
    padding-left: 2em;
}

#CookieInfoDialogSettings .CookieInfoLabelContainer label {
    position: relative;
    padding-left: 2em;
    font-weight: bold;
    cursor: pointer;
    user-select: none;
    line-height: 1.8;
}

#CookieInfoDialogSettings .CookieInfoLabelContainer label.CookieInfoDisabled {
    cursor: default;
}

#CookieInfoDialogSettings .CookieInfoLabelContainer input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    left: -500em;
}

#CookieInfoDialogSettings .CookieInfoLabelContainer .CookieInfoCheckmark {
    position: absolute;
    top: 3px;
    left: 0px;
    height: 18px;
    width: 18px;
    border-width: 1px;
    border-radius: 3px;
    border-style: solid;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}

#CookieInfoDialogSettings .CookieInfoLabelContainer input:checked ~ .CookieInfoCheckmark:after,
#CookieInfoDialogSettings .CookieInfoLabelContainer input:checked[disabled] ~ .CookieInfoCheckmark:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 1px;
    width: 6px;
    height: 12px;
    border-width: 0 3px 3px 0;
    border-style: solid;
    -webkit-transform: rotate(35deg);
    -moz-transform: rotate(35deg);
    -o-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    transform: rotate(35deg);
    border-radius: 2px;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (max-height: 750px) {
    #CookieInfoDialog {
        max-height: calc(100% - 16px);
    }
}

/* mobile */
@media screen and (max-width: 800px) {
    #CookieInfoDialog {
        max-height: calc(100% - 16px);
    }

    #CookieInfoDialog .CookieInfoDesktop {
        display: none;
    }

    #CookieInfoDialog .CookieInfoMobile {
        display: inline-block;
    }

    #CookieInfoDialogButtonsIntro, #CookieInfoDialogButtonsSettings {
        flex-direction: column;
        row-gap: 1em;
    }

    #CookieInfoDialogButtons button.CookieInfoButton {
        width: 100%;
    }
}

/* STYLING VO GIDS */
/* basic styling */
#CookieInfoDialogButtons #CookieInfoDialogButtonsIntro button.CookieInfoButtonArrow {
    width: 100%;
}

/* kleuren */
#CookieInfoDialogButtons button.CookieInfoButton {
    /* primary button */
    color: #FFFFFF; /* text color */
    background-color: #ED2A7E; /*background color */
    border-color: #ED2A7E; /* border color */
    border-radius: 50px; /* roundness (0px = square) */
    fill: #FFFFFF; /* icon color */
}

#CookieInfoDialogButtons button.CookieInfoButton:hover {
    /* primary button hover */
    color: #ffffff; /* text color */
    background-color: #261f5b;
    border-color: #261f5b; /* border color */
    fill: #ffffff; /* icon color */
}

#CookieInfoDialogButtons button.CookieInfoButtonSecondary {
    /* secondary button */
    color: #261f5b; /*text-color */
    background-color: #ffffff;
    border-color: #261f5b; /* border color */
    fill: #261f5b; /* icon color */
}

#CookieInfoDialogButtons button.CookieInfoButtonSecondary:hover {
    /* secondary button hover */
    color: #ffffff; /*text-color */
    background-color: #261f5b;
    border-color: #261f5b; /* border color */
    fill: #ffffff; /* icon color */
}

#CookieInfoDialogBack {
    /* back button (arrow) */
    fill: #ED2A7E; /* icon color */
}

#CookieInfoDialogBack:hover {
    /* back button hover (arrow) */
    fill: #261f5; /* icon color */
}

#CookieInfoDialog a {
    /* link */
    color: #ED2A7E; /* text color */
    text-decoration: none;
}

#CookieInfoDialog a:hover {
    /* link hover */
    color: #ED2A7E; /* text color */
    text-decoration: underline;
}

#CookieInfoDialog button:focus, a:focus, #CookieInfoDialog input[type="checkbox"]:focus ~ .CookieInfoCheckmark {
    outline: 0em;
    outline-offset: 0em;
}

/*******************************/
/* Switches */
/* reset */
#CookieInfoDialogSettings .CookieInfoLabelContainer input[type="checkbox"] {
    opacity: 1;
    left: 0;
}

#CookieInfoDialogSettings .CookieInfoLabelContainer .CookieInfoCheckmark {
    display: none;
}

#CookieInfoDialogSettings .CookieInfoLabelContainer p {
    padding-left: 60px;
}

#CookieInfoDialogSettings .CookieInfoLabelContainer label {
    padding-left: 60px;
}

/* styling switch */
.CookieInfoLabelContainer input {
    width: 42px;
    height: 22px;
    border-radius: 25px;
    margin-top: 2px;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid #bbb;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    transition: background-color .15s ease-in-out, background-position .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
    background-position: left center;
}

.CookieInfoLabelContainer input:hover {
    cursor: pointer;
}

.CookieInfoLabelContainer input:disabled {
    cursor: inherit;
}

.CookieInfoLabelContainer input:checked {
    background-position: right center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
    background-color: #ED2A7E;
    border-color: #ED2A7E;
}

.CookieInfoLabelContainer input:checked:disabled {
    border: 1px solid #bbb;
    background-color: #bbb;
}

.CookieInfoLabelContainer label {
    line-height: 30px;
}

/* DECLARATION */

#CookieDeclarationUserStatusLabelWithdraw {
    display: none !important;
}

.CookieDeclarationDialogText, .CookieDeclarationIntro, .CookieDeclarationLastUpdated {
    margin: 0 0 14px 0;
}

.CookieDeclaration h2 {
    margin: 10px 0 20px 0;
}

#CookieDeclarationUserStatusPanel a {
    color: #4d9fdf;
}

#CookieDeclarationUserStatusPanel a:hover {
    color: #ED2A7E;
    text-decoration: underline;
}

.CookieDeclarationType {
    display: block;
    margin: 12px 0 12px 0;
    padding-right: 15px;
    vertical-align: top;
}

.CookieDeclarationTypeHeader {
    margin: 20px 0 0 0;
    font-weight: bold;
}

.CookieDeclarationTypeDescription {
    margin: 2px 0 16px 0;
}

.CookieDeclarationTable {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 20px 0 18px 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

.CookieDeclarationTableHeader {
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    text-align: left;
    padding: 4px;
}

.CookieDeclarationTableHeader[dir='rtl'] {
    text-align: right;
}

.CookieDeclarationTableCell {
    text-overflow: ellipsis;
    word-wrap: break-word;
    border-bottom: 1px solid #ccc;
    vertical-align: top;
    padding: 4px 30px 5px 4px;
}

/* IE10+ specific styles go here */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    td.CookieDeclarationTableCell, th.CookieDeclarationTableHeader {
        font-size: 3vw;
    }
}

/* All browsers except IE10+  */
@supports not (-ms-high-contrast: none) {

    @media only screen and (max-width: 1024px) {
        table.CookieDeclarationTable, table.CookieDeclarationTable thead, table.CookieDeclarationTable tbody, table.CookieDeclarationTable th, table.CookieDeclarationTable td, table.CookieDeclarationTable tr {
            display: block;
        }

        td.CookieDeclarationTableCell:first-child {
            background: #eee;
            font-weight: bold;
        }

        table.CookieDeclarationTable thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        td.CookieDeclarationTableCell {
            border: 1px solid #ccc;
            position: relative;
            padding-left: 35%;
            border-collapse: collapse;
            border-top: 0px;
            font-size: 0.9em;
        }

        table.CookieDeclarationTable tr:first-child td:first-child {
            border-top: 1px solid #ccc;
        }

        td.CookieDeclarationTableCell:before {
            position: absolute;
            top: 5px;
            left: 5px;
        }

        /* Headers  */
        td.CookieDeclarationTableCell:nth-of-type(1):before {
            content: "Name";
        }

        td.CookieDeclarationTableCell:nth-of-type(2):before {
            content: "Provider";
        }

        td.CookieDeclarationTableCell:nth-of-type(3):before {
            content: "Purpose";
        }

        td.CookieDeclarationTableCell:nth-of-type(4):before {
            content: "Expiry";
        }

        td.CookieDeclarationTableCell:nth-of-type(5):before {
            content: "Type";
        }
    }
}


/* OPT-IN/OUT CONTENT */

.cookiebot-renew-link {
    display: inline !important;
    text-decoration: underline;
}

.cookieconsent-optout,
.cookieconsent-optout-preferences,
.cookieconsent-optout-statistics,
.cookieconsent-optout-marketing,
.cookieconsent-optout-large {
    position: relative;
    font-style: italic;
    font-size: 15px;
    color: #555;
    background-color: #e7e7e7;
    background-color: rgba(115, 115, 115, 0.1);
    padding: 90px 40px 40px 40px;
    margin-top: 40px;
    margin-bottom: 50px;
    border-radius: 5px;
    text-align: center;
    font-weight: 400;
}

.cookieconsent-optout:before,
.cookieconsent-optout-preferences:before,
.cookieconsent-optout-statistics:before,
.cookieconsent-optout-marketing:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border: dashed 2px #ddd;
    border-radius: 5px;
    z-index: -1;
}

.cookieconsent-optout:after,
.cookieconsent-optout-preferences:after,
.cookieconsent-optout-statistics:after,
.cookieconsent-optout-marketing:after {
    content: "!";
    position: absolute;
    display: block;
    top: 30px;
    left: -moz-calc(50% - 25px); /* Firefox */
    left: calc(50% - 25px); /* Standard */
    width: 50px;
    height: 50px;
    background-color: white;
    font-size: 36px;
    line-height: 45px;
    font-style: normal;
    font-weight: 700;
    border-radius: 50%;
    display: block;
}

/* op schoolwijzer */
.page-schoolwijzer .cookieconsent-optout-kaart {
    position: absolute;
    width: 70%;
    top: 100px;
    margin: 0 5%;
}

@media only screen and (min-width: 1024px) {
    .page-schoolwijzer .cookieconsent-optout-kaart {
        position: relative;
        width: -moz-calc(90% - 600px);
        width: calc(90% - 600px);
        margin: 0;
        margin-left: 550px;
    }
}

@charset "utf-8";
.container-breadcrumbs {
	background-color: #e5e5e5;
	background-color: #f2f2f2;
	position: relative;
	height: 50px;
	padding-left: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	border-bottom-color: #e5e5e5;
}
.container-breadcrumbs .button {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	float:left;
}
.container-breadcrumbs .button.float-right {
	float:right;
	margin-right: 20px;
}
/* breadcrumbs */
ul.breadcrumbs {
	display:none;
}
@media only screen and (min-width: 760px) {
	ul.breadcrumbs {
		display:inherit;
	}
	ul.breadcrumbs li,
	ul.breadcrumbs li a {
		float: left;
		font-size: 16px;
		line-height: 48px;
		float: left;
		text-decoration: none;
		padding-right:2px;
	}
	ul.breadcrumbs li .icon {
		display:none;
	}
	ul.breadcrumbs li a .icon {
		display:inherit;
	}
	ul.breadcrumbs li .icon {
		line-height: 49px;
		height: 30px;
		width: 20px;
		text-align: center;
		position:relative;
		font-size: 16px;
		float: right;
		padding-left:3px;
	}
	ul.breadcrumbs li:first-child .icon:first-child {
		float: left;
		display:inherit;
		padding-right:5px;
	}
	ul.breadcrumbs li:last-of-type .icon {
		display: none;
	}
	ul.breadcrumbs li:last-of-type a {
		color: #333;
	}
}
@media only screen and (min-width: 1250px) {
	.container-breadcrumbs .button.float-right {
		display: none;
	}
}

@charset "utf-8";
/* VISUAL HOME */
.visual-home {
	position: relative;
	margin-bottom: 55px;
	margin-bottom: 0px; /* tbv blok landingspagina's */
	width:100%;
	min-height: -moz-calc(100vh - 70px); /* Firefox */
	min-height: -webkit-calc(100vh - 70px); /* WebKit */
	min-height: calc(100vh - 70px); /* Standard */
	display: block;
	background-repeat: no-repeat;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-position: center;
	background-position: top;
	background-color: #261f5b;
	overflow: hidden;
    padding-bottom: 150px;
}
.visual-home {
	background-image: url(/wp-content/themes/vogids/css/../images/home/home-kinderen-small.jpg);
}

@media only screen and (min-width: 1024px) {
	.visual-home {
		background-image: url(/wp-content/themes/vogids/css/../images/home/home-kinderen-medium.jpg)
	}
}
@media only screen and (min-width: 1280px) {
	.visual-home {
		background-position: center;
        padding-bottom: 0px;
	}
}
@media only screen and (min-width: 1400px) {
	.visual-home {
		background-image: url(/wp-content/themes/vogids/css/../images/home/home-kinderen-large.jpg);
	}
}
/*
.visual-home.static {
background-image: url(/wp-content/themes/vogids/css/../images/home/home-commercial1-small.jpg);
}
.visual-home.static.variant {
	background-image: url(/wp-content/themes/vogids/css/../images/home/home-commercial2-small.jpg);
}
@media only screen and (min-width: 1024px) {
	.visual-home.static {
		background-image: url(/wp-content/themes/vogids/css/../images/home/home-commercial1-medium.jpg)
	}
	.visual-home.static.variant {
		background-image: url(/wp-content/themes/vogids/css/../images/home/home-commercial2-medium.jpg)
	}
}
@media only screen and (min-width: 1400px) {
	.visual-home.static {
		background-image: url(/wp-content/themes/vogids/css/../images/home/home-commercial1-large.jpg);
	}
	.visual-home.static.variant {
		background-image: url(/wp-content/themes/vogids/css/../images/home/home-commercial2-large.jpg);
	}
}
*/
@media only screen and (min-width: 1280px) {
	.vertical-align-middle {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		/* align vertical */
		-webkit-box-align: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
	}
}
.video {
	position: absolute;
	z-index: 1;
	right: 0;
	bottom: 0;
	top:0;
	right:0;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	background-color: black; /* in case the video doesn't fit the whole page*/
	background-image: none; /* our video */
	background-position: center center;
	background-size: contain;
	object-fit: cover; /*cover video background */
	margin-top: 0px;
}
/*
KOLOMMEN op HOME
*/
.visual-home-kolom-links,
.visual-home-kolom-rechts {
	padding-left: 20px;
	padding-right: 20px;
}
.visual-home-kolom-links {
	padding-top: 300px;
	padding-bottom: 30px;
	position: relative;
}
.visual-home-kolom-rechts {
	padding-bottom: 80px;
}
@media only screen and (min-width: 1024px) {
	.visual-home-kolom-links {
		float: left;
		width: 45%;
		padding-left: 5%;
		padding-right: 0%;
		padding-top: 35%;
	}
	.visual-home-kolom-rechts {
		float: right;
		width: 45%;
		padding-left: 0%;
		padding-right: 5%;
		padding-top: 35%;
	}
}
@media only screen and (min-width: 1280px) {
	.visual-home-kolom-links {
		z-index: 5;
		padding-top: 0;
		width: 63%;
		padding-right: 2%;
		padding-bottom: 0px;
	}
	.visual-home-kolom-rechts {
		z-index: 5;
		padding-top: 200px;
		padding-bottom: 30px;
		width: 23%;
		padding-left: 2%;
		min-width: 350px;
	}
}
.container-panels-home {
	position: relative;
	z-index: 4;
	max-width: 450px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	padding-bottom: 10px;
	border-radius: 16px;
	-moz-box-shadow: 2px 2px 28px #000;
	-webkit-box-shadow: 2px 2px 28px #000;
	box-shadow: 2px 2px 28px #000;
}
.container-panels-home h1,
.container-panels-home h4 {
	font-size: 19px;
	margin-bottom: 20px;
	text-align: center;
	padding-bottom: 0px;
	text-align: center;
	color: #fff;
}
/* icon op panel */
.container-panels-home:after {
	position: absolute;
	font-family: "icons";
	line-height: 60px;
	top: -10px;
	right: -10px;
	color: #fff;
	background-color: #ED2A7E;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	text-align: center;
	display: none;
}
.container-panels-home.zoek:after {
	content: "\6e";
	font-size: 32px;
}
.container-panels-home.scholen:after {
	content: "\53";
	font-size: 26px;
}

/*
PANEL ZOEK SCHOOL
*/
.container-panels-home.zoek form input.text {
	background-color: #fff;
}
.container-panels-home.zoek form input.text:focus {
	background-color: #e7e7e7;
}
.container-panels-home.zoek form input.text.error:focus {
	background-color: #f5cbdb;
}
/* formulier items */
.container-panels-home.zoek .kolom-km,
.container-panels-home.zoek .kolom-submit{
	font-weight: 700;
	color: #fff;
	margin-bottom: 10px;
}
.container-panels-home.zoek .kolom-submit{
	float: right;
}
.container-panels-home.zoek .kolom-km {
	width: 100px;

}
.container-panels-home.zoek .kolom-km {
	float: left;
}
.container-panels-home.zoek .select2-container--default .select2-selection--single {
	border-radius: 7px;
}
.container-panels-home.zoek .select2-container--default .select2-selection--single .select2-selection__rendered,
.container-panels-home.zoek .select2-container--default .select2-selection--single .select2-selection__arrow::after {
	color: #fff;
}
.container-panels-home.zoek .select2-container--default .select2-selection--single .select2-selection__rendered {
	padding-left: 10px;
	padding-right: 10px;
}
.container-panels-home.zoek .kolom-tekstveld {
	margin-bottom: 15px;
}
.container-panels-home h1 {
	padding-left: 7%;
	padding-right: 7%;
}
@media only screen and (min-width: 600px) {
	.container-panels-home h1 {
		padding-left: 12%;
		padding-right: 12%;
	}
}
@media only screen and (min-width: 1024px) {
	.container-panels-home.zoek {
		margin-top: 0px;
	}
}
@media only screen and (min-width: 1280px) {
	.container-panels-home.zoek {
	}
}

@media only screen and (min-width: 1280px) {
	.container-panels-home.zoek {
		max-width: 700px;
		padding: 30px;
		padding-bottom: 40px;
	}
	.container-panels-home.zoek .kolom-tekstveld {
		width: -moz-calc(100% - 220px); /* Firefox */
		width: -webkit-calc(100% - 220px); /* WebKit */
		width: calc(100% - 220px); /* Standard */
		float: left;
	}
	.container-panels-home.zoek .kolom-km,
	.container-panels-home.zoek .kolom-submit,
	.container-panels-home.zoek .kolom-submit input[type="submit"].submit {
		margin-left: 0px;
	}
	.container-panels-home.zoek .kolom-km,
	.container-panels-home.zoek .kolom-submit {
		margin-left: 15px;
	}
}


/*
panel school ads
*/
.ad-school {
	margin-bottom: 10px;
	border-radius: 7px;
	background-color: #fff;
}
.ad-school:hover {
	background-color: #ED2A7E;
}
.ad-school a {
	text-decoration: none;
}
.ad-school .padding-panel {
	padding: 10px;
	padding-left: 20px;
}
/* FOTO */
.ad-school .container-school-foto {
	position: relative;
	float: right;
	width: 70px;
	overflow: hidden;
	right: 10px;
	top: 10px;
	margin-bottom: 20px;
	margin-left: 30px;
	border-radius: 7px;
}
.ad-school .container-school-foto:before{
	content: "";
	display: block;
	padding-top: 70px;
}
.ad-school .school-foto {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;

}
.ad-school .school-foto img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	overflow: hidden;
}
.ad-school h3 {
	font-size: 18px;
	line-height: 20px;
	margin-bottom: 5px;
}
.home .ad-school p {
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 5px;
}
.ad-school .pijltje {
	position: relative;
	float: right;
	width: 30px;
	height: 85px;
	display: none;
}
.ad-school .pijltje:after {
	position: absolute;
	content: "\65";
	font-family: "icons";
	font-size: 24px;
	top: 20px;
	left: -2px;
}
@media only screen and (min-width: 1024px) {
	.container-panels-home.scholen {
		margin-left: 20px;
		max-width: 350px;
	}
}
@media only screen and (min-width: 1280px) {
	.container-panels-home.scholen {
		max-width: 350px;
	}
}
/* landingspagina's */
.container-links-landingspagina {
	position: relative;
	padding-top: 40px;
	padding-bottom: 30px;
	padding-left: 6%;
	padding-right: 6%;
	margin-bottom: 25px;
}
.container-links-landingspagina h4  {
	font-size: 20px;
	padding-bottom: 10px;
}
.container-links-landingspagina .links {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	max-width: 1030px;
}
.container-links-landingspagina .links ul {
	-moz-column-count: 2; /* Fx */
	-webkit-column-count: 2; /* Ch, Saf, And, BB  */
	column-count: 2; /* IE 10, Op 11.1+ */
	-moz-column-gap: 10px; /* Fx */
	-webkit-column-gap: 10px; /* Ch, Saf, And, BB  */
	column-gap: 10px; /* IE 10, Op 11.1+ */
	padding-left: 50px;
	text-align: left;
	padding-bottom: 20px;
}
.container-links-landingspagina .links ul a {
	color: #222;
	text-decoration: none;
}
.container-links-landingspagina .links ul a:hover {
	color: #222;
	text-decoration: underline;
}
@media only screen and (min-width: 768px) {
	.container-links-landingspagina {
		margin-bottom: 50px;
	}
	.container-links-landingspagina .links ul {
		-moz-column-count: 4; /* Fx */
		-webkit-column-count: 4; /* Ch, Saf, And, BB  */
		column-count: 4; /* IE 10, Op 11.1+ */
	}
	.container-links-landingspagina h4  {
		font-size: 26px;
		padding-bottom: 20px;
	}
}
@media only screen and (min-width: 1024px) {
	.container-links-landingspagina .links ul {
		-moz-column-count: 5; /* Fx */
		-webkit-column-count: 5; /* Ch, Saf, And, BB  */
		column-count: 5; /* IE 10, Op 11.1+ */
		padding-left: 90px;
	}
}

/*
knop-scroll-down
*/
#container-knop-scroll-down {
	position: absolute;
	z-index: 3;
	text-align: center;
	height: 70px;
	width: 100%;
	bottom: -20px;
	text-align: center;
}
#knop-scroll-down {
	margin-right: auto;
	margin-left: auto;
	position: relative;
	display: inline-block;
}
#knop-scroll-down a {
	height: 70px;
	width: 70px;
	background-color: #FFF;
	border-radius: 50%;
	text-align: center;
	display: block;
	text-decoration: none;
}
#knop-scroll-down:hover .pijltje {
	top: 25px;
}
#container-knop-scroll-down .pijltje {
	position: relative;
	top: 20px;
	font-size: 36px;
}
/* LOGO */
#logo {
	width: 150px;
	position: absolute;
	left: 25px;
	top: 65px;
	z-index: 10;
}
@media only screen and (min-width: 500px) {
	#logo {
		width: 200px;
		left: 30px;
		top: 65px;
	}
}
@media only screen and (min-width: 1024px) {
	#logo {
		width: 240px;
		left: 30px;
		top: 75px;
	}
}
#anker {
	background-color: #F60;
	background-color:transparent;
	position: absolute;
	height: 50px;
	width: 10px;
	bottom: 0px;
}
/*
STYLING
*/
.home p {
	margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
	.page.home h2.paddingtop {
		padding-top: 20px;
	}
	.home p {
		font-size: 19px;
		line-height: 28px;
	}
}
@media only screen and (min-width: 1280px) {
	.page.home h2.paddingtop {
		padding-top: 40px;
	}
}

/*
FEATURES
*/
.home .content-wrapper.een-koloms-pagina .icon {
	position: relative;
	height: 50px;
	width: 60px;
	margin-left: -15px;
	margin-top: -15px;
	float: left;
	display: block;
	font-size: 36px;
	font-size: 40px;
	text-align: center;
	color: #ED2A7E;/*rose*/
	color: #4d9fdf;/*blauw*/
	color: #999;
	color: #222;
	line-height: 58px;
//background-color: #e7e7e7;
	border-radius: 50%;
}
.home .content-wrapper.een-koloms-pagina .icon.small {
	font-size: 30px;
}
.feature {
	padding-bottom: 30px;
	padding-top: 0px;
}
.feature:last-child {
	padding-bottom: 80px;
}
@media only screen and (min-width: 768px) {
	.feature:last-child {
		padding-bottom: 140px;
	}
}

/*
SLIDER LOGO's SCHOLEN
*/
.swiper-container.border-bottom {
	border-bottom: 50px solid #ED2A7E;
	border-bottom: 0px solid #ED2A7E;
}
.swiper-logoos-home .swiper-slide {
	width: auto;
	height: 40px;
	margin-bottom: 50px;
    margin-left: 25px;
    margin-right: 25px;
}

.swiper-logoos-home .swiper-slide img {
    max-width: 160px; /* Maximale breedte van 200 pixels */
    max-height: 40px; /* Maximale hoogte van 50 pixels */
    width: 100%; /* Automatische breedte om de verhoudingen te behouden */
    height: 100%; /* Automatische hoogte om de verhoudingen te behouden */
		object-fit: contain;
}

/* LANDINGSPAGINA */
.nieuws-container.landingspagina h4 {
	line-height: 30px;
	margin-bottom:20px;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 2px;
}
.nieuws-container.landingspagina li a {
	text-decoration: none;
	color: #FFF;
}
.nieuws-container.landingspagina li a:hover {
	text-decoration: underline;
}
.nieuws-container.landingspagina li span {
	color: #8dc1e9;
}
.page.home .landingspagina #kolom-links .icon {
	height: 30px;
	width: 20px;
	display: block;
	float: right;
	font-size: 18px;
	margin-top: 0px;
	color: #fff;
	line-height: 30px;
}

/*
PANEL MET GIDS 2021-2022
*/

.container-panel-home-gids {
	position: absolute;
	left: 10%;
	bottom: -400px;
	width: 330px;
	height: 190px;
	margin-top: -50px;
	overflow: hidden;
}
.container-panel-home-gids img.fond-met-tekst {
	width: 80%;
}
.container-panel-home-gids img.gids {
	position: absolute;
	right: -10px;
	bottom: 0px;
	width: 150px;
	z-index: 3;
}
@media only screen and (min-width: 1024px) {
	.container-panel-home-gids {
		position: absolute;
		width: 380px;
		height: 220px;
		margin-top: -50px;
	}
	.container-panel-home-gids img.gids {
		width: 200px;
	}
}
@media only screen and (min-width: 1440px) {
	.container-panel-home-gids {
		position: absolute;
		width: 430px;
		height: 250px;
		margin-top: -50px;
	}
	.container-panel-home-gids img.gids {
		width: 230px;
	}
}
@media only screen and (min-width: 1800px) {
	.container-panel-home-gids {
		position: absolute;
		width: 600px;
		height: 320px;
		margin-top: -50px;
	}
	.container-panel-home-gids img.gids {
		width: 320px;
	}
}
/* Animatie gids slide-in */
.animatie_slide_in {
	-moz-animation-name: gids_slide_in;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: ease-out;
	-moz-animation-duration: 1s;
	-moz-animation-delay: 1s;
	-moz-animation-fill-mode: forwards;

	-webkit-animation-name: gids_slide_in;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: 1s;
	-webkit-animation-fill-mode: forwards;

	animation-name: gids_slide_in;
	animation-iteration-count: 1;
	animation-timing-function: ease-out;
	animation-duration: 1s;
	animation-delay: 1s;
	animation-fill-mode: forwards;
}

@-moz-keyframes gids_slide_in {
	from {
		bottom: -400px;
	}
	to {
		bottom: 0px;
	}
}
@-webkit-keyframes gids_slide_in {
	from {
		bottom: -400px;
	}
	to {
		bottom: 0px;
	}
}
@keyframes gids_slide_in {
	from {
		bottom: -400px;
	}
	to {
		bottom: 0px;
	}
}
/* veilig fietsen */
.container-panel-home-gids {
	z-index: 5;
}
.container-panel-home-gids a {
	display: block;
	height: 300px;
}
.container-panel-home-gids a:hover .container-panel-home-fond {
	background-color: #261f5b;
}
.container-panel-home-gids .fond-met-tekst {
	position: relative;
	z-index: 2;
}
.container-panel-home-fond {
	position: absolute;
	width: 80%;
	left: 0;
	top: 0;
	right: 20%;
	padding-bottom: 80%;
	background-color: #ED2A7E;
	border-radius: 50%;
	z-index: 1;
}
.container-panel-home-gids img.fiets {
	position: absolute;
	right: 0px;
	top: 30px;
	width: 150px;
	border-radius: 50%;
	overflow: hidden;
	z-index: 3;
}
@media only screen and (min-width: 1024px) {
	.container-panel-home-gids img.fiets {
		width: 180px;
	}
}
@media only screen and (min-width: 1440px) {
	.container-panel-home-gids img.fiets {
		width: 200px;
	}
}
@media only screen and (min-width: 1800px) {
	.container-panel-home-gids img.fiets {
		width: 250px;
	}
}
@charset "UTF-8";
.container-banners {
    padding: 10px 0;
    margin: 40px 0;
}
.schoolboard-reusable-block .container-banners {
    padding: 0 6%;
    margin: 0;
}

@media only screen and (min-width: 768px) {
    .container-banners {
        padding: 20px 0;
        margin: 60px 0;
    }
}

.container-blocks {
    display: flex;
    grid-column-gap: 4%;
    justify-content: center;
    grid-row-gap: 20px;
    flex-wrap: wrap;
}

.container-banners h4 {
    display: block;
    font-family: var(--default-font);
    padding-bottom: 40px;
    text-align: center;
}

@media only screen and (min-width: 768px) {
    .container-banners h4 {
        font-size: 24px;
    }
}

.wp-block-vogids.banner.staand {
    width: 100%;
    max-width: 320px;
}

.wp-block-vogids.banner.liggend {
    width: 100%;
    max-width: 500px;
}

.wp-block-vogids.flex-direction-row a {
    flex-direction: row;
}

.wp-block-vogids.flex-direction-column a {
    flex-direction: column;
}

/* MAIN */
.wp-block-vogids {
    position: relative;
    margin-bottom: 30px;
    width: 100%;
    border-radius: 22px;
    border-radius: 16px;
    overflow: hidden;
}

.wp-block-vogids a {
    display: flex;
    width: 100%;
    flex: 1;
    color: white;
    border-radius: 16px;
    overflow: hidden;
}

.wp-block-vogids a:after {
    font-family: 'icons';
    content: "\65";
    font-size: 22px;
    line-height: 30px;
    text-align: center;
    position: absolute;
    top: -moz-calc(50% - 15px); /* Firefox */
    top: calc(50% - 15px); /* Standard */
    right: 0;
    width: 45px;
    height: 30px;
    z-index: 3;
}

.wp-block-vogids a[aria-disabled=true] {
    cursor: default;
    pointer-events: none;
}

.wp-block-vogids a[aria-disabled=true]:after {
    content: "";
}

.wp-block-vogids:hover a[aria-disabled=true] h3 {
    text-decoration: none;
}

.wp-block-vogids .block-container {
    display: flex;
    flex-direction: row;
    flex: 1;
}

.wp-block-vogids .block-left {
    position: relative;
    width: auto;
    height: 100%;
    aspect-ratio: 1;
}

.wp-block-vogids .block-left.w-75px {
    width: 75px;
    min-height: 75px;
}

.wp-block-vogids .block-left.w-100px {
    width: 100px;
    min-height: 100px;
}

.wp-block-vogids .block-left.w-120px {
    width: 120px;
    min-height: 120px;
}

.wp-block-vogids .block-left.w-140px {
    width: 140px;
    min-height: 140px;
}

.wp-block-vogids .block-left .img-container {
    position: absolute;
    margin: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
}


.wp-block-vogids .block-left .img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
}

.wp-block-vogids .block-right {
    display: flex;
    flex: 1;
    padding: 9px 50px 9px 20px;
    flex-direction: column;
    justify-content: center;
    align-items: left;
}

.wp-block-vogids .block-bottom {
    flex: 1;
    padding: 9px 20px;
    flex-grow: 2;
}

.wp-block-vogids ul {
    margin-bottom: 0;
}

.wp-block-vogids-colorblock p:last-child,
.wp-block-vogids-colorblock ul:last-child,
.wp-block-vogids p:last-child,
.wp-block-vogids ul:last-child,
.blockContainer p:last-child {
    margin-bottom: 0;
}

/* BANNERS */
.wp-block-vogids.banner {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
}

.wp-block-vogids.banner a {
    flex-direction: column;
    text-decoration: none;
}

.wp-block-vogids.banner.liggend_1 a {
    flex-direction: row;
}

.wp-block-vogids.banner .block-left {
    overflow: hidden;
}

.wp-block-vogids.banner img {
     transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

.wp-block-vogids.banner a:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.wp-block-vogids.banner .block-right {
    padding-top: 15px;
}
.wp-block-vogids.banner h3 {
    font-size: 22px;
    margin-bottom: 10px;
    text-align: left;
}
/* op schoolpresentatie pagina */
.container-links .wp-block-vogids.banner h3 {
    font-size: 18px;
    margin-bottom: 10px;
}
.wp-block-vogids.banner p {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px;
    padding-bottom: 0;
    text-align: left;
}

/* de laatste regel opvullen zodat het pijlte rechtsonder vrij staat */
.wp-block-vogids.banner p::after {
    content: '––––';
    visibility: hidden;
    white-space: nowrap;
}

/* BANNERS STAAND */
.wp-block-vogids.banner.staand a:after {
    right: 8px;
    top: auto;
    bottom: 15px
}

.wp-block-vogids.banner.staand .block-image {
    position: relative;
    height: 200px;
    width: 100%;
    overflow: hidden;
}

.wp-block-vogids.banner.staand .block-image.h-100pr {
    height: 100%;
}

.wp-block-vogids.banner .block-txt {
    padding: 25px 20px 25px 30px;
}

/* indien een staande banner geen image bevat txt in hoogte centreren */
.wp-block-vogids.banner.staand .block-txt {
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: center;
}

.wp-block-vogids.banner.staand .block-image + .block-txt {
    justify-content: flex-start;
}

/* KLEUREN */
.wp-block-vogids.banner.bg-groen a:hover {
    background-color: #6ea91f;
}

.wp-block-vogids.banner.bg-oranje a:hover {
    background-color: #e08830;
}

.wp-block-vogids.banner.bg-blauw a:hover {
    background-color: #228fd0;
}

.wp-block-vogids.banner.bg-rose a:hover {
    background-color: #cf0e75;
}

.wp-block-vogids.banner.bg-donkergrijs a {
    color: #222;
}

.wp-block-vogids.banner.bg-donkergrijs a:hover {
    background-color: #a39d9d;
    background-color: #aea9a9;
}


.wp-block-vogids.banner.bg-donkerblauw a:hover {
    background-color: #110c36;
}

/* IMAGE */
.wp-block-vogids.banner.staand .block-image .img-container {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
}

.wp-block-vogids.banner.staand .block-image .img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
}

/* ADDED BY JULIUS ON MARCH 2025 */
/* banners homepage */
.wp-block-vogids.banner.staand .block-container .block-left {
    position: relative;
    height: 200px;
    width: 100%;
    overflow: hidden;
}

.wp-block-vogids.banner.staand .block-container {
    flex-direction: column;
}

.wp-block-vogids.banner.staand .block-right {
    justify-content: flex-start;
    padding: 25px 20px 25px 30px;
}

.wp-block-vogids.banner .block-txt {
    padding: 25px 20px 25px 30px;
}

/* banners schoolpresentatie */
.kolom-rechts .wp-block-vogids.banner .block-left {
    width: 75px;
    min-height: 75px;
}
.search-container {
    position: fixed;
    width: 50px;
    z-index: 1000;
    top: 0px;
    right: 130px;
}

.page-beheer .search-container, .page-backend .search-container {
    display: none;
}

.search-container.search-active {
    right: 0px;
}

.search-container .search-tekstveld {
    position: fixed;
    right: 50px;
    top: 0;
    z-index: 2;
    display: none;
}

.search-container.search-active .search-tekstveld {
    display: inherit;
    width: -moz-calc(100% - 50px);
    width: calc(100% - 50px);
}

@media only screen and (min-width: 1280px) {
    .search-container {
        position: relative;
        width: 50px;
        z-index: 1000;
        right: 0;
    }

    .search-container .search-tekstveld {
        position: absolute;
        right: 50px;
    }

    .search-container.search-active .search-tekstveld {
        width: 400px;
    }
}

@media only screen and (max-width: 1279px) {
    .cd-dropdown-wrapper.show-nav .search-container {
        display: none;
    }

    .admin-bar:has(#wpadminbar) .search-container,
    .admin-bar:has(#wpadminbar) .search-container .search-tekstveld {
        top: 32px;
    }
}

/* LOEP / SUBMIT */
.search-container input[type="submit"].submit {
    position: relative;
    height: 50px;
    width: 50px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    color: #fff;
    background-color: transparent;
    opacity: 1 !important;
    border: 0px solid #cecece;
    font-family: "icons" !important;
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 0px;
    padding: 0;
    border-radius: 0;
    z-index: 3;
}

.search-container.search-active input[type="submit"].submit {
    background-color: #00AEF0;
}

.search-container.search-active input[type="submit"].submit:hover {
    background-color: #114268;
    cursor: pointer;
}

.search-tekstveld input.text {
    border-radius: 0;
}

.search-container .afdek-search {
    z-index: 1;
}

/* PLACEHOLDER */
.search-container form .formerize-placeholder {
    color: #222;
}

.search-container form input.text:focus::-webkit-input-placeholder {
    opacity: 0 !important;
}

.search-container form input.text:focus:-moz-placeholder { /* Firefox 18- */
    opacity: 0 !important;
}

.search-container form input.text:focus::-moz-placeholder { /* Firefox 19+ */
    opacity: 0 !important;
}

.search-container form input.text:focus:-ms-input-placeholder {
    opacity: 0 !important;
}

/* zoeken aktief */
.search-container.search-active form input.text:focus::-webkit-input-placeholder {
    color: #222;
    opacity: 1 !important;
    font-style: normal;
}

.search-container.search-active form input.text:focus:-moz-placeholder { /* Firefox 18- */
    color: #222;
    opacity: 1 !important;
    font-style: normal;
}

.search-container.search-active form input.text:focus::-moz-placeholder { /* Firefox 19+ */
    color: #222;
    opacity: 1 !important;
    font-style: normal;
}

.search-container.search-active form input.text:focus:-ms-input-placeholder {
    color: #222;
    opacity: 1 !important;
    font-style: normal;
}

@charset "UTF-8";
/*
open dagen zoeken
*/
.container-richting {
	margin-bottom: 30px;
	position: relative;
}
.container-richting.kolommen {
	-moz-column-count: 1; /* Firefox */
	-webkit-column-count: 1; /* Safari and Chrome */
	column-count: 1;
	-moz-column-gap: 0px; /* Firefox */
	-webkit-column-gap: 0px; /* Safari and Chrome */
	column-gap: 0px;
}
@media only screen and (min-width: 425px) {
	.container-richting.kolommen {
		-moz-column-count: 2; /* Firefox */
		-webkit-column-count: 2; /* Safari and Chrome */
		column-count: 2;
		-moz-column-gap: 10px; /* Firefox */
		-webkit-column-gap: 10px; /* Safari and Chrome */
		column-gap: 10px;
	}
}
/*
foto
*/
.container-richting .ronde-foto {
	display:none;
}
@media only screen and (min-width: 680px) {
	.container-richting .ronde-foto {
		display:inherit;
		height: 200px;
		width: 200px;
		position: absolute;
		top: 0px;
		right: 0px;
		margin-right: -100px;
	}
	.container-richting .ronde-foto img {
		width: 100%;
		border-radius: 50%;
	}
}

@media only screen and (min-width: 1280px) {
	.container-richting .ronde-foto {
		height: 250px;
		width: 250px;
		margin-right: -200px;
	}

}

/*
filters op schoolwijzer
*/
.container-filters {
	display: block;
	margin-bottom: 15px;
	padding-top: 5px;
	margin-left: 25px;
	margin-right: 25px;
	padding-bottom: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ccc;
}
.container-filters:first-child {
	border-top-width: 0px;
}
.container-filters:last-child {
	padding-bottom: 15px;
	border-bottom: 1px #ccc solid;
}
.info-icon {
	font-size: 26px;
	float: right;
	text-align: right;
	margin-top: 10px;
}
.info-icon a {
	height: 30px;
	width: 30px;
	display: block;
	color: #ED2A7E;
	text-decoration: none;
}
.info-icon a:hover {
	color: #261f5b;
}
.container-filters h5 {
	font-size: 16px;
	font-weight: 700;
	font-variant: normal;
	line-height: 40px;
}
.container-filters p {
	font-weight: 600;
	padding-top:15px;
	padding-bottom:10px;
}
.aantal {
	float: right;
	letter-spacing: 1px;
	color: #999;
	padding-left:8px;
}
/*
select filters
*/
.container-filters .container-checkbox {
	line-height: 28px;
	display: block;
	min-height: 30px;
	width: -moz-calc(100% - 30px); /* Firefox */
	width: -webkit-calc(100% - 30px); /* WebKit */
	width: calc(100% - 30px); /* Standard */
	position: relative;
	padding-left:30px;
}


.container-filters .container-checkbox input {
	display:none;
}
.container-filters .checked {
	line-height:30px;
	color:#FFF;
}

.container-filters .container-checkbox input {
	display:none;
}
/* geactiveerd */
.container-filters .container-checkbox input[type="checkbox"]:checked + label.box {
	min-height: 30px;
	display: block;
	line-height: 28px;
}

.container-filters .container-checkbox input[type="checkbox"]:not(:checked) + label.box::after,
.container-filters .container-checkbox input[type="checkbox"]:checked + label.box::after {
	content: '';
	position: absolute;
	left: 0px;
	top: 7px;
	background-color: #fff;
	height: 15px;
	width: 15px;
	border: 1px solid #999;
	border-radius: 4px;
}
.container-filters .container-checkbox input[type="checkbox"] + label.box:hover::after {
	background-color: #f3f3f3;
}
.container-filters .container-checkbox input[type="checkbox"]:checked + label.box:hover::after,
.container-filters .container-checkbox input[type="checkbox"]:checked + label.box::after {
	background-color: #00AEF0;
	border: 1px solid #00AEF0;
}
.container-filters label {
	cursor: pointer;
	display: block;
}
.container-filters label .inner {
	padding-right: 30px;
}
/* vinkje */
.container-filters .container-checkbox input[type="checkbox"]:checked + label.box::before {
	content: "\50";
	font-family: "icons";
	position: absolute;
	font-size: 12px;
	z-index: 3;
	left: 3px;
	top: 0px;
	color: #fff;
}
/*
select open dagen
*/
.open-dagen .container-checkbox {
	line-height: 28px;
	display: block;
	/*min-height: 30px;*/
	width: -moz-calc(100% - 30px); /* Firefox */
	width: -webkit-calc(100% - 30px); /* WebKit */
	width: calc(100% - 30px); /* Standard */
	position: relative;
	padding-left:30px;
	margin-bottom: 5px;
}
.open-dagen .container-checkbox input {
	display:none;
}
.open-dagen .checked {
	line-height:30px;
	color:#FFF;
}

.open-dagen .container-checkbox input {
	display:none;
}
/* geactiveerd */
.open-dagen .container-checkbox input[type="checkbox"]:not(:checked) + label.box::after,
.open-dagen .container-checkbox input[type="checkbox"]:checked + label.box::after,
.open-dagen .container-checkbox input[type="checkbox"][name="aanbod"]:not(:checked) + label.box::after,
.open-dagen .container-checkbox input[type="checkbox"][name="aanbod"]:checked + label.box::after {
	content: '';
	position: absolute;
	left: 0px;
	top: 5px;
	background-color: #fff;
	height: 20px;
	width: 20px;
	border-radius: 4px;
}
.open-dagen .container-checkbox input[type="checkbox"]:checked + label.box::after,
.open-dagen .container-checkbox input[type="checkbox"][name="aanbod"]:checked + label.box::after {
	background-color: #1b5c8e;
}
.open-dagen form label {
	cursor: pointer;
}
/* vinkje */
.open-dagen .container-checkbox input[type="checkbox"]:checked + label.box::before {
	content: "\50";
	font-family: "icons";
	position: absolute;
	font-size: 12px;
	z-index: 3;
	left: 5px;
	top: 0px;
	color: #fff;
}


#floater {
	float: left;
	height: 50%;
	width: 100%;
	margin-bottom: -250px;
}
.container-formulier-zoeken {
	clear: both;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 30px;
	padding-left: 20px;
	position: relative;
	margin-right: 0px;
	margin-left: 0px;
}
.container-formulier-zoeken.margin-top-bottom, .acf-row-swwidget .container-formulier-zoeken {
	margin-top: 20px;
	margin-bottom: 20px;
}
.container-formulier-zoeken h4 {
	font-weight: 700;
	text-align: center;
	color: #FFF;
	margin-bottom: 30px;
	font-size: 18px;
}

/* KOLOMMEN */
.container-formulier-zoeken.open-dagen .kolom-km {
	font-weight: 700;
}
.container-formulier-zoeken.open-dagen .kolom-tekstveld,
.container-formulier-zoeken.schoolwijzer .kolom-tekstveld {
	margin-bottom: 15px;
	margin-right: 0px;
	width: 100%;
	position: relative;
}
.container-formulier-zoeken.open-dagen .kolom-km,
.container-formulier-zoeken.schoolwijzer .kolom-km {
	float: left;
	margin-bottom: 15px;
	width: 120px;
	position: relative;
}
.container-formulier-zoeken.schoolwijzer.kolom-km {
	float: left;
	margin-right: 15px;
}
.container-formulier-zoeken.open-dagen .kolom-submit,
.container-formulier-zoeken.schoolwijzer .kolom-submit {
	float: right;
	width: 70px;
}
.container-formulier-zoeken.schoolwijzer .kolom-submit,
.container-formulier-zoeken.open-dagen .kolom-submit {
	width: 90px;
}
.container-formulier-zoeken.open-dagen .kolom-submit {
	clear:left;
	margin-top:30px;
}
@media only screen and (min-width: 670px) {
	.container-formulier-zoeken {
		padding-right: 40px;
		padding-left: 40px;
		max-width: 560px;
	}
	.container-formulier-zoeken.open-dagen.margin-top-bottom,
	.container-formulier-zoeken.schoolwijzer.margin-top-bottom {
		margin-top: 50px;
		margin-left:auto;
		margin-right:auto;
	}
	.container-formulier-zoeken.open-dagen.margin-top-bottom {
		margin-top: 15px;
		margin-bottom: 25px;
	}
}
@media only screen and (min-width: 600px) {
	.container-formulier-zoeken h4 {
		margin-bottom: 30px;
		font-size: 20px;
	}
	.container-formulier-zoeken.open-dagen .kolom-tekstveld {
		float: left;
		width: 78%;
		position: relative;
	}
	.container-formulier-zoeken.open-dagen .kolom-km {
		float: right;
		margin-bottom: 15px;
		width: 20%;
		position: relative;
	}
	.container-formulier-zoeken.schoolwijzer .kolom-km {
		float: right;
		width: 20%;
	}
	.container-formulier-zoeken.schoolwijzer .kolom-tekstveld {
		float: left;
		width: 78%;
		position: relative;
		margin-right: 0px;
	}

	.container-formulier-zoeken.vogids .kolom-tekstveld {
		float: left;
		width: 84%;
		position: relative;
		margin-right: 15px;
	}
	.container-formulier-zoeken.schoolwijzer .kolom-submit,
	.container-formulier-zoeken.open-dagen .kolom-submit {
		float: right;
	}
	.acf-row-swwidget .container-formulier-zoeken .kolom-submit {
		float: none;
	}
}
@media only screen and (min-width: 840px) {
	.container-formulier-zoeken {
		max-width: 680px;
		padding-top: 30px;
		padding-right: 50px;
		padding-left: 50px;
		border-radius: 10px;
		margin-right: auto;
		margin-left: auto;
	}
}
.container-formulier-zoeken.open-dagen .kolom-km,
.container-formulier-zoeken.schoolwijzer .kolom-tekstveld {
	box-sizing: border-box;
}
/*
tooltip
*/
#aToolTip {
	position: absolute;
	display: none;
	z-index: 50000;
}


.defaultTheme {
	color: #fff;
	margin: 0;
	-moz-box-shadow: 2px 2px 5px #111; /* for Firefox 3.5+ */
	-webkit-box-shadow: 2px 2px 5px #111; /* for Safari and Chrome */
	box-shadow: 2px 2px 5px #111; /* for Safari and Chrome */
	width: 150px;

	background-color: #f3f3f3;
	background-color: #00AEF0;
	padding-top: 15px;
	padding-right: 25px;
	padding-bottom: 20px;
	padding-left: 25px;
}
/*
zoeken container op home 
*/
#kolom-links .container-formulier-zoeken {
	margin-right: 0px;
	margin-left: 0px;
}
/*
suggesties
*/
.container-suggesties {
	text-align: center;
	width: 100%;
	max-width: 560px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
.container-suggesties .icon {
	float: right;
	font-size: 20px;
	padding-right: 10px;
}
.container-suggesties h4 {
	font-weight: 700;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 30px;
	font-size: 18px;
}
@media only screen and (min-width: 600px) {
	.container-suggesties h4 {
		margin-bottom: 30px;
		font-size: 20px;
	}
}
.container-suggesties .container-school a {
	width: 96%;
	text-align: left;
	padding-left: 4%;
}
.container-suggesties .container-school:last-child {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

/* zoekfunctie redactioneel */
.zoekresultaten .container-zoekresultaat {
	border-bottom: 1px dashed #ccc;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 0;
}
.zoekresultaten .container-zoekresultaat.columns a {
	display: flex;
	column-gap: 30px;
}
.zoekresultaten .container-zoekresultaat a {
	text-decoration: none;
}
.zoekresultaten .container-zoekresultaat a:hover span {
	text-decoration: underline;
	color: #ed2a7e;
}
.zoekresultaten .container-zoekresultaat span {
	color: #4d9fdf;
	text-decoration: underline;
}
.zoekresultaten .container-zoekresultaat h3 {
	font-size: 17px;
	line-height: 24px;
}
.zoekresultaten .container-zoekresultaat p {
	padding: 0;
}
.zoekresultaten .container-zoekresultaat .column {
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.zoekresultaten .container-zoekresultaat .column.logo {
	width: 70px;
}
.zoekresultaten  .navigation.pagination {
	margin: 10px 0 20px 0;
}
.zoekresultaten  .navigation.pagination a {
	color: #4d9fdf;
	padding-left: 3px;
}
.zoekresultaten  .navigation.pagination a:hover {
	color: #ed2a7e;
}
.zoekresultaten  h2 {
	margin-top: 60px;
	color: #ed2a7e;
}
.zoekresultaten h2:first-of-type {
	margin-top: 20px;
}
.zoekresultaten form {
	margin: 20px 0;
}
.zoekresultaten input.text {
	float: left;
	margin-right: 10px !important;
	width: 50%;
}
.zoekresultaten input.text:focus {
	background-color: #e7eae8;
}
@charset "UTF-8";
/* letter grootte */
.cd-dropdown .cd-dropdown-content li a {
    font-size: 16px;
    font-weight: 700;
    font-variant: normal;
}
@media only screen and (min-width: 1280px) {
    .cd-dropdown .cd-dropdown-content li a {
        font-size: 17px;
    }
}
/* cd-dropdown-wrapper */
.cd-dropdown-wrapper {
    background-color: #261f5b;
    position: fixed;
    height: 100%;
    width: 270px;
    right: -270px;
    z-index: 1003;
    -webkit-transition: right 0.3s ease-out;
    -moz-transition: right 0.3s ease-out;
    transition: right 0.3s ease-out;
}
.cd-dropdown {
    position: relative;
    height:100%;
    z-index: 1002;
    margin-top:50px;
    /* mooie scroll op IOS */
    overflow-y: scroll; /* has to be scroll, not auto */
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

/* styling menu */
.cd-dropdown {
position: fixed;
position: absolute;
height: 100%;
right: -1px;
top: 0;
    //z-index: 999999;
width: 270px;
font-size: 16px;
}
@media only screen and (min-width: 768px) {
    .cd-dropdown-wrapper {
        width: 350px;
        right: -350px;
    }
    .cd-dropdown {
        margin-top:100px;
    }
    .cd-dropdown {
        width: 100%;
    }
}
.show-nav {
    right: 0px;
}
.cd-dropdown .cd-dropdown-content {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 160px;
    margin-left: 0px;
}
.cd-dropdown li a {
    display: block;
    line-height: 40px;
    padding: 0 16px 0 32px;
    color: #FFF;
    text-decoration: none;
}
/* submenu */
.cd-dropdown .cd-secondary-dropdown {
    display: none;
    padding-bottom: 20px;
}
.cd-dropdown .cd-secondary-dropdown li {
    padding-left:10px;
}
.cd-dropdown li a:hover {
    color: #FFF;
    background-color:rgba(255,255,255,0.2);
    text-decoration: none;
}

/* style menu items which have a submenu  */
.cd-dropdown .menu-item-has-children > a {
    position: relative;
}


@media only screen and (min-width: 1280px) {
    .cd-dropdown-wrapper {
        background-color:transparent;
        position:absolute;
        height:auto;
        height:50px;
        width: 100%;
        right: 0px;
        top:0px;
    }
    .cd-dropdown {
        overflow-y: visible;
        height: 50px;
        width: 100%;
        position: absolute;
        padding: 0px;
        margin-top: 0px;
        top: 0px;
        top:auto;
        bottom:0px;
        display: block;
    }
    .cd-dropdown {
        list-style: none;
        height: 50px;
        position: absolute;
        margin-top: 0px;
        top: 0px;
        top:auto;
        bottom:0px;
        width: 100%;
        margin-right:0%;
        margin-left:0%;
        background-color:transparent;
    }
    .cd-dropdown li {
        display: inline-block;
        margin-bottom: 0px;
        height: 50px;
        margin-right:20px;
        margin-right:0px;
        float:left;
    }
    .cd-dropdown li a {
        text-decoration: none;
        color:#fff;
        z-index: 200;
        position: relative;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 20px;
        padding-right: 20px;
        height: 50px;
        line-height:48px;
    //background-color:#FC0;
    }

    .cd-dropdown li a,
    .cd-dropdown li.active a {
        display:block;
    }
    .cd-dropdown li.menu-item-has-children a {
        padding-right: 40px;
    }
    /* hover */
    .cd-dropdown li:hover > a{
        background-color: #261f5b;
    }
    /* menu item rechtslijnend */
    .cd-dropdown li.align-right {
        float:right;
    }
    .cd-dropdown li.align-right.fixed-width,
    .cd-dropdown li.align-right.fixed-width .cd-secondary-dropdown {
        width: 270px;
}
    /* submenu */
    .cd-dropdown .cd-secondary-dropdown {
        display: none;
        position: absolute;
        top: 100%;
        background-color: #ffffff;
        padding-top: 18px;
        padding-bottom: 18px;
        padding-left:0px;
        padding-right:0px;
        top: 50px;
        -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
        -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
        margin-top: 0px;
        z-index: 70;
        margin-left: 0px;
    }
    /* submenu item */
    .cd-dropdown .cd-secondary-dropdown li {
        padding-left:0px;
        display: block;
        margin-bottom: 0px;
        margin-right:30px;
        width: 100%;
        float: none;
        position: relative;
        text-align: left;
        height: 40px;

    }
    /* tekst in submenu */
    .cd-dropdown .cd-secondary-dropdown li a {
        /*font-size: 24px;*/
        margin-left: 0px;
        padding-left: 25px;
        padding-right: 25px;
        color: #222;
        /*background-color:#F6C;*/
        transition: all 0.5s;
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        height: 40px;
        line-height: 38px;
    }
    /* mouseover in submenu */
    .cd-dropdown .cd-secondary-dropdown li a:hover {
        color: #ED2A7E;
        background-color: #fff;
    //background-color:rgba(000,000,000,0.2);
        padding-left:30px;
        padding-right:20px;
    }

    /* show submenu */
    .cd-dropdown ul li:hover > ul.cd-secondary-dropdown {
        display: block;
    }
    .cd-dropdown ul ul.cd-secondary-dropdown:hover {
        display: block;
    }
}
/* this is the right arrow to show that the item has a submenu  */
.cd-dropdown .menu-item-has-children > a::after {
    font-family: icons;
    content: "\65";
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    display: block;
    height: 25px;
    width: 25px;
    position: absolute;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 10px;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
}
.cd-dropdown .menu-item-has-children > a.submenu-open::after {
    -webkit-transform: translateY(-50%) rotate(90deg);
    -moz-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    -o-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
}
/* Don't show the arrow for submenu items that have children -KL */
.cd-dropdown .cd-secondary-dropdown .menu-item-has-children > a::after {
    content: "";
}
@media only screen and (min-width: 768px) {
    .cd-dropdown .menu-item-has-children > a::after {
        right: 35px;
    }
}
@media only screen and (min-width: 1280px) {
    /* pijltje draaien */
    .cd-dropdown .menu-item-has-children > a::after {
        -webkit-transform: translateY(-50%) rotate(90deg);
        -moz-transform: translateY(-50%) rotate(90deg);
        -ms-transform: translateY(-50%) rotate(90deg);
        -o-transform: translateY(-50%) rotate(90deg);
        transform: translateY(-50%) rotate(90deg);
        right: 10px;
        top: 25px;
    }
    /* aparte kleuren */
    .cd-dropdown li.donkerblauw a {
        background-color: #261f5b;
    }
    .cd-dropdown li.bgblauw a {
        background-color: #00AEF0;
    }
    .cd-dropdown li.bgblauw a:hover {
        background-color: #261f5b;
    }
    .cd-dropdown li.bgblauw li a,
    .cd-dropdown li.bgblauw li a:hover  {
        background-color: #fff;
    }
    .cd-dropdown li.bgblauw:hover > a{
        background-color: #261f5b;
    }
}

/* naam in menubalk op mobile */
#naam {
    background-color: #261f5b;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 99;
    line-height: 50px;
    font-weight: 700;
}
#naam a {
    display: block;
    height: 50px;
    padding-left: 20px;
    padding-right: 20px;
    color: #FFF;
    text-decoration: none;
}
@media only screen and (min-width: 1280px) {
    #naam {
        display: none;
    }
}

/* afdek */
.afdek-nav,
.afdek-filter,
.afdek-menu,
.afdek-search {
    display:none;
    position: fixed;
    right: 0px;
    z-index: 50;
    top: 0px;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}
.afdek-filter {
    z-index: 9998;
}
.afdek-menu {
    z-index: 1003;
}
/* overgenomen van oude menu.css */
.logged-in.admin-bar #naam {
    display: none; /* fix mobile + admin bar -KL */
}

.menuknop-hide {
    display:inherit;
    color:#222;
}
@media only screen and (min-width: 1024px) {
    .menuknop-hide {
        display: none;
        display:inherit;
    }
}
@media only screen and (min-width: 1100px) {
    .menuknop-hide {
        display:inherit;
    }
}
li.vergelijk {
    display: none; /* displayed using JS */
}
/* knoppen verbergen */
.menuknop-hide {
    display: none;
    display:inherit;
}
@media only screen and (min-width: 1280px) {
    .menuknop-hide {
        display:inherit;
    }
    /* onderwijsinstellingen en vergelijk scholen */
    .cd-dropdown-content li.onderwijsinstellingen,
    .cd-dropdown-content li.vergelijk {
        float: right;
    }
    .cd-dropdown-content .onderwijsinstellingen a,
    .cd-dropdown-content .vergelijk a {
        background-color: #00AEF0;
    }
    .cd-dropdown-content .onderwijsinstellingen ul li a,
    .cd-dropdown-content .vergelijk ul li a {
        background-color: #fff;
    }
}


/* Menu items to be shown only when logged in or out -KL */
.only-loggedin,
.cd-dropdown .menu-item-has-children .only-loggedin {
    display: none;
}

.logged-in .only-loggedin {
    display: block !important;
}

.logged-in .only-loggedout {
    display: none !important;
}
/* verberg eerste menu knop */
@media only screen and (max-width: 1280px) {
    #menu-item-19 {
        display:none;
    }
}

/* Plugins die de responsive layout verpesten */
@media only screen and (max-width: 1152px) {
    #wpadminbar #wp-admin-bar-new_draft {
        display: none;
    }
}

#wpadminbar #wp-admin-bar-cs-explain {
    display: none;
}

.hamburger {
    position: absolute;
    height: 40px;
    width: 40px;
    right: 15px;
    top: 5px;
    cursor: pointer;
    z-index: 99;
}

.cd-dropdown-wrapper.show-nav + .hamburger {
    z-index: 1004;
}

.hamburger-streep {
    transition: 0.6s ease;
    transition-timing-function: cubic-bezier(.75, 0, .29, 1.01);
    margin-top: 10px;
    position: absolute;
    background-color: #fff;
}

.top-menu,
.mid-menu,
.bottom-menu {
    top: 2px;
    left: 9px;
    width: 23px;
    height: 3px;
    border-radius: 4px;
}

.mid-menu {
    top: 9px;
}

.bottom-menu {
    top: 16px;
}

.top-animate {
    top: 9px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mid-animate {
    opacity: 0;
}

.bottom-animate {
    top: 9px;
    -webkit-transform: rotate(-225deg);
    -moz-transform: rotate(-225deg);
    transform: rotate(-225deg);
}

.fixed {
    position: fixed;
}

.hamburger-tekst {
    position: absolute;
    top: 7px;
    right: 50px;
    color: #fff;
    font-weight: 700;
    line-height: 24px;
}

@media only screen and (min-width: 768px) {
    .hamburger {
        right: 30px;
    }

    .fixed {
        right: 30px;
    }
}

@media only screen and (min-width: 1250px) {
    .hamburger {
        display: none;
    }
}

@charset "utf-8";
.clearfooter {
    height: 800px;
    clear: both;
}
footer {
    display: none; /* Will be shown using JS on document ready */
    position: absolute;
    width: 100%;
    bottom: 0; /* stick to bottom */
    background: #4a4953;
    height: 700px;
    color: #9c9ba4;
    padding-top: 50px;
    padding-bottom: 50px;
    line-height: 30px;
}

footer a {
    color: #9c9ba4;
    text-decoration: none;
}
footer a:hover {
    color: #c4c3cc;
    text-decoration: underline;
}
footer .bold {
    color: #c4c3cc;
}
.footer-kolom-links,
.footer-kolom-links.social {
    float: none;
    width: 100%;
    position: relative;
    padding-bottom: 25px;
}
.footer-kolom-links div {
    position: relative;
    text-indent: 30px;
}
.footer-kolom-links div span {
    text-indent: 0px;
    line-height: 34px;
}
.footer-kolom-rechts {
    float: none;
    width: 140px;
    text-align: left;
}
.icon-contact {
    font-size: 24px;
    position: absolute;
    padding-right: 5px;
    top: 0px;
    left: 0px;
}

@media only screen and (min-width: 500px) {
    .clearfooter {
        height: 650px;
    }
    footer {
        height: 550px;
    }
    .footer-kolom-links,
    .footer-kolom-links.social {
        float: left;
        width: 50%;
        position: relative;
    }
    .footer-kolom-links.scholen {
        width: 40%;
        padding-right:10%;
    }
    .footer-kolom-links div {
        position: relative;
        text-indent: 30px;
    }
    .footer-kolom-rechts {
        float: left;
    }
}
@media only screen and (min-width: 768px) {
    .clearfooter {
        height: 520px;
    }
    footer {
        height: 420px;
    }
    .footer-kolom-links,
    .footer-kolom-links.social {
        float: left;
        width: 33.3333%;
        position: relative;
    }
    .footer-kolom-links.scholen {
        width: 30%;
        padding-right:3.3333%;
    }
    .footer-kolom-rechts {
        float: right;
        text-align: right;
    }
}

@media only screen and (min-width: 1280px) {
    .clearfooter {
        height: 430px;
    }
    footer {
        height: 330px;
    }
    .footer-kolom-links,
    .footer-kolom-links.social {
        width: 25%;
}
    .footer-kolom-links.scholen {
        width: 20%;
        padding-right: 5%;
    }
}

/*
SCROLL UP BUTTON
*/

#button-up {
    width: 40px;
    height: 40px;
    position: fixed;
    z-index: 300;
    bottom: -80px;
    -moz-transition: bottom 0.5s ease-in-out;
    -o-transition: bottom 0.5s ease-in-out;
    -webkit-transition: bottom 0.5s ease-in-out;
    transition: bottom 0.5s ease-in-out;
    right: 0px;
    margin-right: 20px;
    margin-bottom: 20px;
}
#button-up .icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    color: #FFF;
    font-size: 26px;
    line-height: 38px;
}
#button-up a {
    width: 40px;
    height: 40px;
    display: block;
}
#button-up a:hover {
    text-decoration: none;
}
#button-up.show {
    bottom: 40px;
}
/*
SOCIAL LINKS
*/

.button-social {
    width: 40px;
    height: 40px;
    z-index: 30;
    margin-right: 10px;
    margin-bottom: 20px;
    display: inline-block;
}
.button-social .icon {
    width: 40px;
    height: 40px;
    text-align: center;
    color: #FFF;
    font-size: 26px;
    line-height: 38px;
    text-indent: 0px;
}
.button-social a {
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 50%;
    background-color: #ED2A7E;
}
.button-social a:hover {
    text-decoration: none;
    background-color: #00AEF0;
}


/*

WEBDESIGN

*/
#container-webdesign {
    position: absolute;
    width: 94%;
    height: 30px;
    bottom: 10px;
    padding-left: 6%;
    padding-right: 0;
}
#webdesign {
    font-size: 11px;
    width: auto;
    padding-right: 0px;
    padding-bottom: 0px;
}
@media only screen and (min-width: 500px) {
    #container-webdesign {
        position: absolute;
        width: 280px;
        z-index: 90;
        right: 0px;
    }
    #webdesign {
        text-align:right;
        padding-right: 30px;
        padding-bottom: 0px;
    }
}
#webdesign a {
    text-decoration : none;
}


/* DISCLAIMER -> FOOTER-MENU */
#container-disclaimer {
    position: absolute;
    width: 88%;
    height: 30px;
    bottom: 30px;
    padding-left: 6%;
    padding-right: 6%;
}
#disclaimer {
    font-size: 11px;
    text-align: center;
    width: auto;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0px;
    padding-bottom: 0px;
    color: #ad2512;
}
#disclaimer li {
    float: left;
    margin-right: 10px;
}
@media only screen and (min-width: 500px) {
    #container-disclaimer {
        position: absolute;
        width: 300px;
        z-index: 90;
        left: 0px;
        bottom: 10px;
        padding-left: 0%;
    }
    #disclaimer {
        text-align: left;
        padding-left: 30px;
        padding-bottom: 0px;
    }
}

/* TOEVOEGING KL */
#sidebar-footer .widgettitle {
    display: none;
}

@charset "UTF-8";
.container-filters .toggle {
	height: 35px;
	width: 100%;
	position: relative;
	cursor: pointer;
	text-align: left;
	line-height: 33px;
}
.container-filters .toggle .less {
	display: none;
}
.container-filters .toggle.expanded .more {
	display: none;
}
.container-filters .toggle.expanded .less {
	display: inherit;
}
.container-filters .icon {
	font-size: 24px;
	line-height: 33px;
	height: 35px;
	text-align: center;
	position: absolute;
	left: 2px;
	top: 2px;
	font-size: 14px;
	text-indent: 0px;
}
.container-filters .more,
.container-filters .less {
	height: 35px;
	width: 100%;
	text-indent: 30px;
}
/* STYLING */
input.text, .submit, .wp-form input {
    font-family: "myriad-pro", sans-serif;
    font-size: 16px;
    font-weight: 400;
    box-sizing: border-box;
}

input.text, .wp-form input[type="text"], .wp-form input[type="password"] {
    width: 100%; /* negative margin = border-width + horizontal padding */
    display: block;
    -moz-transition: background-color 0.3s ease-in-out;
    -webkit-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    -ms-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
    margin-top: 0;
    margin-bottom: 0px;
    padding-right: 15px;
    padding-left: 15px;
    border: 0px;
    height: 50px;
}

input.text:focus,
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
    background-color: #fff;
    color: #222;
}

/* Verberg placeholdertekst on focus */
/* WebKit browsers */
input.text:focus::-webkit-input-placeholder {
    color: transparent;
}

/* Mozilla Firefox 4 to 18 */
input.text:focus:-moz-placeholder {
    color: transparent;
}

/* Mozilla Firefox 19+ */
input.text:focus::-moz-placeholder {
    color: transparent;
}

/* Internet Explorer 10+ */
input.text:focus:-ms-input-placeholder {
    color: transparent;
}

input[type="submit"].submit {
    padding: 0;
    height: 50px;
    width: 90px;
    display: block;
    text-align: center;
    text-decoration: none;
    color: #fff;
    background-color: #1b5c8e;
    opacity: 1 !important;
    border: 0px solid #cecece;
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 5px;
}

/* ronde hoekjes */
input.text, .submit, .wp-form input,
form.select2-container--default .select2-selection--single {
    border-radius: 7px;
}

input[type="submit"].submit:hover {
    background-color: #114268;
    cursor: pointer;
    border: 0px solid #888;
}

form .actions {
    padding-top: 0;
}

form label {
    display: block;
}

form ::-moz-focus-inner {
    border: 0;
}

form ::-moz-focus-inner {
    border: 0;
}

.error {
    color: #ffffff;
    margin-right: 0;
    margin-bottom: 10px;
    padding-top: 2px;
    padding-right: 0;
    padding-bottom: 2px;
    padding-left: 15px;
    margin-top: 2px;
    font-size: 14px;
    line-height: 16px;
    background-color: transparent;
}

form input.text, form select, form textarea, .wp-form input[type="text"], .wp-form input[type="password"] {
    background-color: #b8daf5;
}

form input.text:focus, form select:focus, .wp-form input[type="text"]:focus, .wp-form input[type="password"]:focus {
    background-color: #fff;
}

form .formerize-placeholder {
    color: #222;
}

form ::-webkit-input-placeholder {
    color: #222;
    opacity: 1 !important;
    font-style: italic;
}

form :-moz-placeholder { /* Firefox 18- */
    color: #222;
    opacity: 1 !important;
    font-style: italic;
}

form ::-moz-placeholder { /* Firefox 19+ */
    color: #222;
    opacity: 1 !important;
    font-style: italic;
}

form :-ms-input-placeholder {
    color: #222;
    opacity: 1 !important;
    font-style: italic;
}


/* styling aanpassen tbv inlog -JS */
#login-form input.text,
#login-form input[type="text"],
#login-form input[type="password"] {
    background-color: #b8daf5;
}

#login-form input.text:focus,
#login-form select:focus,
#login-form input[type="text"]:focus,
#login-form input[type="password"]:focus {
    background-color: #fff;
}

#login-form input.text,
#login-form input[type="text"],
#login-form input[type="password"] {
    width: 100%; /* negative margin = border-width + horizontal padding */
    display: block;
    -moz-transition: background-color 0.3s ease-in-out;
    -webkit-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    -ms-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
    margin-top: 0;
    margin-bottom: 0px;
    padding-right: 15px;
    padding-left: 15px;
    border: 0px;
    height: 50px;
}

/* password visibility toggle */
#login-form .password-inner {
    position: relative;
}

#login-form .password-inner .icon.password-toggle {
    position: absolute;
    font-size: 18px;
    right: 4px;
    top: 14px;
    cursor: pointer;
    color: #999;
}

#login-form .password-inner input[type=text] + .icon.password-toggle {
    color: #333;
}

@charset "UTF-8";
.formulier-container {
    position: relative;
    background-color: #f2f2f2;
    background-color: #ececec;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
}

.formulier-container .foto-meisje {
    display: none;
}

.lead-service .padding {
    padding-top: 20px;
    padding-left: 0px;
    padding-right: 0px;
}

.lead-service .container-input.kolom-50-procent,
.lead-service .container-select.kolom-50-procent {
    width: 100%;
    float: none;
    margin-right: 0%;
}

@media only screen and (min-width: 450px) {
    .lead-service .padding {
        padding-left: 10%;
    }
}

@media only screen and (min-width: 768px) {
    .lead-service .padding {
        padding-top: 30px;
        padding-left: 30%;
        padding-right: 5%;
    }

    .formulier-container .foto-meisje {
        display: inherit;
        position: absolute;
        left: -70px;
        top: 120px;
        overflow: hidden;
        border-radius: 50%;
        width: 220px;
    }

    .lead-service .container-input.kolom-50-procent,
    .lead-service .container-select.kolom-50-procent {
        width: 46%;
        float: left;
        clear: none;
        margin-left: 2%;
        margin-right: 2%;
    }
}

.lead-service .tab {
    display: none;
    text-align: left;
}

.lead-service .tab h3 {
    font-size: 20px;
    line-height: 24px;
}

.lead-service .tab h4 {
    font-size: 20px;
    line-height: 24px;
    margin-top: 30px;
    margin-bottom: 20px;
}

.lead-service .tab p.bijschrift {
    color: #999;
    font-style: italic;
    padding-left: 0px;
}

@media only screen and (min-width: 768px) {
    .lead-service .tab h3 {
        font-size: 30px;
        line-height: 32px;
    }
}

.lead-service .tab.current {
    display: block;
}

.lead-service .error {
    color: #f00;
}

.formulier-container h5 {
    padding-bottom: 10px;
    font-weight: 700;
}

.formulier-container h5 a {
    text-decoration: none;
}

.formulier-container h5 span {
    font-weight: 400;
}

.formulier-container h5 a.opendag-popup {
    display: inline-block;
    margin-left: 3px;
}

.formulier-container h5 a.opendag-popup .icon {
    float: none;
    display: inline-block;
    vertical-align: top;
}

.formulier-container,
.lead-service textarea,
.lead-service .submit {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}

.lead-service .container-input, .lead-service .container-select {
    position: relative;
    margin-bottom: 15px;
}

.lead-service .inputText {
    font-size: 14px;
    width: -moz-calc(100% - 22px); /* Firefox */
    width: -webkit-calc(100% - 22px); /* WebKit */
    width: calc(100% - 22px); /* Standard */
    padding-left: 10px;
    padding-right: 10px;
    height: 40px;
    background-color: #fff;
    border-radius: 4px;
}

.lead-service textarea.inputText {
    box-sizing: border-box;
    width: -moz-calc(100% - 8px); /* Firefox */
    width: -webkit-calc(100% - 8px); /* WebKit */
    width: calc(100% - 8px); /* Standard */
    width: 100%;
    height: 100px;
    resize: none;
    padding-top: 12px;
    padding-bottom: 12px;
}

.lead-service input,
.lead-service textarea {
    position: relative;
    border: 0;
    outline: 0;
    border: 1px solid #e2e2e2;
    border: 1px solid #d2d2d2;
    z-index: 10;
}

.lead-service input.inputText:focus,
.lead-service textarea:focus {
    -webkit-box-shadow: 0 6px 4px -4px #666;
    -moz-box-shadow: 0 6px 4px -4px #666;
    box-shadow: 0 6px 4px -4px #666;
}

/*
ERROR
*/
form.lead-service .error {
    margin-bottom: 0px;
}

.lead-service .inputText.error {
    border-color: red;
}

.lead-service .checkbox label.error,
.lead-service .radiobutton label.error {
    position: absolute;
    top: 45px;
    left: 0px;
}

.lead-service .container-checkbox-met-pulldown .checkbox label.error,
.lead-service .akkoord .checkbox label.error {
    top: -4px;
    left: 0px;
    position: relative;
}

/*
placeholdertekst
*/
form.lead-service .formerize-placeholder {
    color: #999;
}

form.lead-service ::-webkit-input-placeholder {
    color: #999;
}

form.lead-service :-moz-placeholder { /* Firefox 18- */
    color: #999;
    opacity: 1;
    letter-spacing: 1px;
}

form.lead-service ::-moz-placeholder { /* Firefox 19+ */
    color: #999;
    opacity: 1;
}

form.lead-service :-ms-input-placeholder {
    color: #999;
}

/* Verberg placeholdertekst on focus */
/* WebKit browsers */
.lead-service input:focus::-webkit-input-placeholder,
.lead-service textarea:focus::-webkit-input-placeholder {
    color: transparent;
}

/* Mozilla Firefox 4 to 18 */
.lead-service input:focus:-moz-placeholder,
.lead-service textarea:focus:-moz-placeholder {
    color: transparent;
}

/* Mozilla Firefox 19+ */
.lead-service input:focus::-moz-placeholder,
.lead-service textarea:focus::-moz-placeholder {
    color: transparent;
}

/* Internet Explorer 10+ */
.lead-service input:focus:-ms-input-placeholder,
.lead-service textarea:focus:-ms-input-placeholder {
    color: transparent;
}

/*
radio buttons en checkboxes
*/
.lead-service .container-radio-buttons-checkboxes {
    padding-bottom: 20px;
}

.lead-service .container-checkbox-met-pulldown {
    clear: both;
}

.lead-service .checkbox,
.lead-service .radiobutton {
    display: block;
    cursor: pointer;
    position: relative;
    margin-bottom: 5px;
}

.lead-service .checkbox span,
.lead-service .radiobutton span {
    color: #222;
    padding-left: 35px;
    line-height: 22px;
    position: relative;
    display: block;
}

.lead-service .checkbox > input,
.lead-service .radiobutton > input {
    height: 22px;
    width: 22px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 1px solid #999;
    border-radius: 50%;
    outline: none;
    background-color: #fff;
    cursor: pointer;
    position: absolute;
    left: 0px;
    top: 0px;
}

.lead-service .container-radio-buttons-checkboxes {
    padding-bottom: 20px;
}

.lead-service .checkbox > input:checked,
.lead-service .radiobutton > input:checked {
    border: 2px solid #999;
}

.lead-service .checkbox > input:checked::before,
.lead-service .radiobutton > input:checked::before {
    content: '';
    display: block;
    position: absolute;
    left: 3px;
    top: 3px;
    z-index: 99;
    width: 12px;
    height: 12px;
    background-color: #444;
    border-radius: 50%;
}

.lead-service .dropdown {
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
    padding-bottom: 0px;
    display: none;
}

.dropdown-indien-leerling,
.dropdown-indien-ouder {
    display: none;
}

/*
radio buttons ouder - leerling
*/
.radiobutton.leerling-ouder {
    display: block;
    cursor: pointer;
    position: relative;
    margin-bottom: 0px;
}

.radiobutton.leerling-ouder span {
    color: #222;
    padding-left: 10px;
    line-height: 22px;
    position: absolute;
}

.radiobutton.leerling-ouder > input.leerling,
.radiobutton.leerling-ouder > input.ouder {
    height: 45px;
    width: 200px;
    border: 0px;
    border-radius: 5px;
    background-color: #00AEF0;
    color: #fff;
    margin-bottom: 10px;
    font-weight: 700;
    position: relative;
}

.radiobutton.leerling-ouder > input.leerling:after,
.radiobutton.leerling-ouder > input.ouder:after {
    content: "leerling";
    position: relative;
    text-align: center;
    width: 100%;
    display: block;
    line-height: 42px;
}

.radiobutton.leerling-ouder > input.ouder:after {
    content: "ouder";
}

.radiobutton.leerling-ouder > input.leerling:checked,
.radiobutton.leerling-ouder > input.ouder:checked {
    border: 0px;
    background-color: #261f5b;
}

.radiobutton.leerling-ouder > input.leerling:checked::before,
.radiobutton.leerling-ouder > input.ouder:checked::before {
    width: 0px;
    height: 0px;
}

.radiobutton.leerling-ouder label.error {
    top: 102px;
}

.leerling.error,
.ouder.error {
    padding-left: 0px;
    padding-top: 0px;
}

/*
select option - pull down
*/
.lead-service .container-select {
    position: relative;
}

.lead-service .select-css {
    position: relative;
    display: block;
    color: #999;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    box-shadow: 0 0px 0 0px rgba(0, 0, 0, .04);
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    height: 44px;
    border-radius: 4px;
    border: 1px solid #e2e2e2;
    border: 1px solid #d2d2d2;
    font-style: italic;
}

.lead-service .select-css:focus {
    color: #222;
    outline: none;
    -webkit-box-shadow: 0 6px 4px -4px #666;
    -moz-box-shadow: 0 6px 4px -4px #666;
    box-shadow: 0 6px 4px -4px #666;
    font-style: normal;
}

.lead-service .select-css.success,
.lead-service .select-css.geselecteerd {
    color: #222;
    font-style: normal;
}

/* icon pijltje */
.lead-service .icoontje-pijltje {
    position: absolute;
    top: 32px;
    right: 0;
    width: 37px;
    height: 30px;
    pointer-events: none;
}

.lead-service .icoontje-pijltje::after {
    position: absolute;
    content: '\68';
    font-family: "icons";
    font-size: 18px;
    color: #999;
    right: 15px;
    top: calc(50% - 0.5em);

}

.lead-service .select-css::-ms-expand {
    display: none;
}

.lead-service .select-css.error {
    border: 1px solid red;
}

.lead-service .select-css.error:focus {
    border: 1px solid red;
}

.lead-service .select-css option {
    font-weight: normal;
}

/* haal stippellijn weg */
select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

/* scholennamen in laatste tab van Opendagen aanmeldformulier */
.lead-service.opendagen .tab .bold {
    font-size: 100%;
    padding-bottom: 30px;
    padding-left: 15px;
}

.lead-service.opendagen .tab .bold span {
    display: block;
}

/*
Progress balk
*/
.container-steps {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    padding-top: 20px;
}

.step {
    transition-property: all;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    transition-delay: 0s;
    position: relative;
    padding-top: 20px;
    color: #999;
    text-indent: -9999px;
    border: none;
    background-color: transparent;
    outline: none !important;
    cursor: pointer;
    text-align: center;
}

@media (min-width: 500px) {
    .step {
        text-indent: 0;
    }
}

.step:before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 13px;
    height: 13px;
    content: '';
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: all 0.15s linear 0s, -webkit-transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s;
    transition: all 0.15s linear 0s, transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s;
    transition: all 0.15s linear 0s, transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s, -webkit-transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s;
    border: 2px solid currentColor;
    border-radius: 50%;
    background-color: #fff;
    box-sizing: border-box;
    z-index: 3;
}

.step:after {
    position: absolute;
    top: 5px;
    left: calc(-50% - 13px / 2);
    transition-property: all;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    transition-delay: 0s;
    display: block;
    width: 100%;
    height: 2px;
    content: '';
    background-color: currentColor;
    z-index: 1;
}

.step:first-child:after {
    display: none;
}

.step.active {
    color: #ED2A7E;;
}

.step.active:before {
    -webkit-transform: translateX(-50%) scale(1.2);
    transform: translateX(-50%) scale(1.2);
    background-color: currentColor;
}

/*
knoppen next prev submit
*/
.lead-service .container-buttons {
    text-align: right;
}

.step-btn {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 16px;
    min-height: 30px;
    text-decoration: none;
    display: inline-block;
    line-height: 28px;
    color: #666;
    color: #FFF;
    border-radius: 15px;
    padding-right: 15px;
    padding-left: 15px;
    font-weight: 700;
    background-color: blueviolet;
    border: 0px;
}

.step-btn.previous, .step-btn.cancel {
    background-color: #f3f3f3;
    color: #999;
}

.step-btn.cancel {
    float: left;
}

.step-btn.next {
    background-color: #ED2A7E;
}

.step-btn.submit {
    background-color: #FF9933;
    font-weight: 700;
    height: 50px;
    width: 120px;
    border-radius: 10px;
    font-size: 16px;
}

.step-btn:hover {
    cursor: pointer;
    background-color: #261f5b;
    color: #FFF;
    border: 0px;
}

.step-btn.previous:hover, .step-btn.cancel:hover {
    background-color: #999;
    background-color: #d2d2d2;
    color: #999;
    color: #fff;
}

.step-btn .icon {
    line-height: 30px;
    height: 30px;
    width: 20px;
    text-align: center;
    position: relative;
    font-size: 18px;
}

.step-btn .icon.icon-left {
    float: left;
    margin-left: -10px;
}

.step-btn .icon.icon-right {
    float: right;
    margin-right: -10px;
}

/* OPEN DAGEN OVERZICHT OP LAATSTE SLIDE */
.resumee {
    position: relative;
    padding-bottom: 20px;
}

.resumee .school-open-dag {
    position: relative;
    display: flex !important;
    flex-wrap: wrap;
    background-color: darkgray;
    background-color: #e7e7e7;
    background-color: #fafafa;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 0;
}

.resumee .school-open-dag h3 {
    position: relative;
    font-size: 16px;
    line-height: 20px;
    background-color: aqua;
    background-color: #cbc8c8;
    width: 100%;
    padding-top: 7px;
    padding-bottom: 9px;
    margin-bottom: 0;
}

.resumee .school-open-dag .specs {
    font-size: 14px;
    line-height: 40px;
    padding: 0;
    padding-left: 15px;
    min-height: 35px;
    width: auto;
    display: flex !important;
    flex-grow: 1;
    flex-wrap: wrap;
}

.resumee .school-open-dag .specs div {
    position: relative;
    display: inline-block;
    padding-left: 0px;
    padding-bottom: 0px;
    display: flex !important;
    align-items: center;
}

.resumee .school-open-dag .specs div.soort {
    width: 190px;
}

.resumee .school-open-dag .specs div.datum {
    width: 140px;
}

.resumee .school-open-dag .specs div span {
    position: relative;
    left: 0;
    font-size: 16px;
    width: 25px;
}

@media only screen and (min-width: 768px) {
    .resumee .specs {
        padding-left: 20px;
    }
}
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}

@charset "UTF-8";
.select2 {
    width: 100%;
}

.select2-search--dropdown .select2-search__field {
    width: 100%;
}

.select2-search--dropdown {
    display: none;
}

.select2-with-search .select2-search--dropdown {
    display: initial;
    padding: 0;
}

.select2-with-search .select2-search--dropdown .select2-search__field {
    padding: 8px 6px 8px 20px;
}

.select2-container--default .select2-selection--single {
    background-color: #1b5c8e;
    border: 0px solid #aaa;
    border-radius: 0px;
    height: 50px;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee !important;
    cursor: default;
}

.panel .select2-container--default .select2-selection--single,
.container-formulier-zoeken .select2-container--default .select2-selection--single {
    border-radius: 7px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 48px;
    color: #222;
}

.panel .select2-container--default .select2-selection--single .select2-selection__rendered,
.container-formulier-zoeken .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff;
    font-weight: 700;
}

.select2 .select2-selection--single .select2-selection__rendered {
    padding-left: 20px;
    padding-right: 20px;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered {
    color: #222;
}

.panel .select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered,
.container-formulier-zoeken .select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered {
    color: #fff;
}

/* standaard pijlen uitzetten */
.select2-container--default .select2-selection--single .select2-selection__arrow b,
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-width: 0;
}

/* pijl omlaag */
.select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 30px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow:after {
    font-family: "icons";
    content: "\68";
    font-size: 20px;
    color: #222;
    line-height: 50px;
}

.panel .select2-container--default .select2-selection--single .select2-selection__arrow:after,
.container-formulier-zoeken .select2-container--default .select2-selection--single .select2-selection__arrow:after {
    color: #fff;
}

/* pijl omhoog */
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow:after {
    content: "\66";
}

/* dropdown */
.select2-dropdown {
    border-radius: 0px;
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .35);
    box-shadow: 0 2px 3px rgba(0, 0, 0, .4);
    border: 0px solid #aaa;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #e5e5e5;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #ff3300;
    background-color: #1b5c8e;
    background-color: #b8daf5;
    color: #222;
}

.select2-results__option {
    padding-left: 20px;
}

/*
STATISTIEKEN
*/
#container-statistieken .container-select {
    position: relative;
    width: 80% !important;
    max-width: 280px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}

#container-statistieken .select2-container--default .select2-selection--single {
    background-color: #cdcdcd;
    height: 40px;
}

#container-statistieken .select2-container--default .select2-selection--single .select2-selection__rendered,
#container-statistieken .select2-container--default .select2-selection--single .select2-selection__arrow:after {
    line-height: 40px;
}

/*
BEHEER TABS
*/
.line .select2 {
    margin-bottom: 10px;
    float: left;
}

.select2.w-100 {
    width: 100px;
}

.select2.w-150 {
    width: 150px;
}

.select2.w-300 {
    width: 300px;
}

.select2.w-450 {
    width: 450px;
}

.select2.w-620 {
    width: 620px;
}

.line .select2-container--default .select2-selection--single,
.order-lines-container .select2-container--default .select2-selection--single {
    background-color: #d8d8d8;
    height: 40px;
}

.line .select2-container--default .select2-selection--single .select2-selection__rendered,
.line .select2-container--default .select2-selection--single .select2-selection__arrow:after,
.order-lines-container .select2-container--default .select2-selection--single .select2-selection__rendered,
.order-lines-container .select2-container--default .select2-selection--single .select2-selection__arrow:after {
    line-height: 40px;
}

/*
MULTIPLE CHOICES
*/
.select2-container--default .select2-selection--multiple {
    background-color: #d8d8d8;
    border: 0px solid #aaa;
    border-radius: 0px;
    min-height: 40px;
}

.select2-container--default .select2-selection--multiple:after {
    font-family: "icons";
    content: "\68";
    font-size: 20px;
    color: #222;
    line-height: 40px;
    position: absolute;
    right: 10px;
    top: 0px;
}

.select2-container--default.select2-container--open .select2-selection--multiple:after {
    content: "\66";
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding-left: 15px;
    border: 0px solid #aaa;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 0px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #f3f3f3;
    border: 0px solid #aaa;
    border-radius: 15px;
    margin-right: 9px;
    margin-top: 8px;
    margin-bottom: 0px;
    padding: 0px 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    margin-right: 5px;
    line-height: 0px;
    top: -2px;
    position: relative;
}

/* Enable (pseudo-)readonly for select2 4.0 */
select[readonly] + .select2-container {
    pointer-events: none;
    touch-action: none;
}

select[readonly] + .select2-container .select2-selection {
    background: #eee;
    box-shadow: none;
}

@charset "UTF-8";
#date-picker-wrapper {
	position:relative;
	z-index: 10;
	background-color: #fff;
	width: 90%;
	font-size: 14px;
	line-height: 20px;
	color: #aaa;
	font-family: Arial;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 5%;
	padding-bottom: 20px;
	padding-left: 5%;
	box-sizing:content-box;
}
#date-picker-wrapper input {
	z-index: -1;
	position: relative;
	font-size: 5px;
	height: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#container-date-picker .kolom {
	width: 50%;
	float: left;
}


#container-date-picker .date-titel {
	width: 100%;
	line-height: 50px;
	display: block;
}
#container-date-picker .date-veld {
	line-height: 40px;
	width: 80%;
	padding-left: 5%;
	padding-right: 5%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}





.date-picker-wrapper.single-date {
	width:auto;
}
.date-picker-wrapper.no-shortcuts {
	padding-bottom:12px;
}
.date-picker-wrapper .footer
{
	font-size: 11px;
	padding-top: 3px;
	display: none;
}
.date-picker-wrapper b
{
	color:#666;
	font-weight:700;
}
.date-picker-wrapper a
{
	color: #00AEF0;
	text-decoration:underline;
}
.date-picker-wrapper .month-wrapper
{
	background-color:#fff;
	padding:5px;
	cursor:default;
	position:relative;
	_overflow:hidden;
}
.date-picker-wrapper .month-wrapper table
{
	float:left;
}
.date-picker-wrapper .month-wrapper table.month2
{
	float:right;
}
.date-picker-wrapper .month-wrapper table th,
.date-picker-wrapper .month-wrapper table td
{
	vertical-align:middle;
	text-align:center;
	line-height:14px;
	margin : 0px;
	padding : 0px;
}
.date-picker-wrapper .month-wrapper table .day
{
	height:26px;
	line-height:25px;
	margin-bottom:1px;
	color:#999;
	cursor:default;
}
.date-picker-wrapper .month-wrapper table div.day.lastMonth,
.date-picker-wrapper .month-wrapper table div.day.nextMonth
{
	color:#999;
	cursor:default;
}
/* dagen geselecteerd */
.date-picker-wrapper .month-wrapper table .day.checked
{
	background-color: rgb(156, 219, 247);
}
.date-picker-wrapper .month-wrapper table .week-name
{
	height:20px;
	line-height:20px;
	font-weight:100;
}

.date-picker-wrapper .month-wrapper table .day.has-tooltip { cursor:help !important;}

.date-picker-wrapper .month-wrapper table .day.toMonth.valid
{
	color:#333;
	cursor:pointer;
}
/* huidige datum */
.date-picker-wrapper .month-wrapper table .day.real-today {
	background-color: rgb(255, 230, 132);
	background-color: #ED2A7E;
	background-color:#e5e5e5;
}
.date-picker-wrapper .month-wrapper table .day.real-today.checked { background-color: rgb(112, 204, 213); }


.date-picker-wrapper table .caption
{
	height:40px;
}
.date-picker-wrapper table .caption .next,
.date-picker-wrapper table .caption .prev
{
	padding:0 5px;
	cursor:pointer;
}
.date-picker-wrapper table .caption .next:hover,
.date-picker-wrapper table .caption .prev:hover
{
	background-color:#ccc;
	color:white;
}
.date-picker-wrapper .gap
{
	position:absolute;
	display:none;
	top:0px;
	left:204px;
	z-index: 1;
	width:15px;
	height: 100%;
	background-color:red;
	font-size:0;
	line-height:0;
}
.date-picker-wrapper .gap .gap-lines { height: 100%; overflow:hidden; }
.date-picker-wrapper .gap .gap-line { height:15px;width:15px; position:relative;  }
.date-picker-wrapper .gap .gap-line .gap-1 { z-index:1; height:0; border-left:8px solid white; border-top:8px solid #eee;border-bottom:8px solid #eee; }
.date-picker-wrapper .gap .gap-line .gap-2 { position:absolute; right:0; top:0px; z-index:2; height:0; border-left:8px solid transparent; border-top:8px solid white; }
.date-picker-wrapper .gap .gap-line .gap-3 { position:absolute; right:0; top:8px; z-index:2; height:0; border-left:8px solid transparent; border-bottom:8px solid white; }
.date-picker-wrapper .gap .gap-top-mask { width: 6px; height:1px; position:absolute; top: -1px; left: 1px; background-color: #eee; z-index:3; }
.date-picker-wrapper .gap .gap-bottom-mask { width: 6px; height:1px; position:absolute; bottom: -1px; left: 7px; background-color: #eee; z-index:3; }

.date-picker-wrapper .selected-days
{
	display:none;
}
.date-picker-wrapper .drp_top-bar
{
	line-height:40px;
	height:40px;
	position:relative;
}
.date-picker-wrapper .drp_top-bar .error-top { display:none; }
.date-picker-wrapper .drp_top-bar .normal-top { display:none; }
.date-picker-wrapper .drp_top-bar .default-top {
	font-size: 16px;
	display: block;
	color: #ED2A7E;
}

.date-picker-wrapper .drp_top-bar.error .default-top { display:none; }
.date-picker-wrapper .drp_top-bar.error .error-top { display:block; color:red; }

.date-picker-wrapper .drp_top-bar.normal .default-top { display:none; }
.date-picker-wrapper .drp_top-bar.normal .normal-top { display:block; }

.date-picker-wrapper .drp_top-bar .apply-btn
{
	position: absolute;
	right: 0px;
	top: 6px;
	padding: 3px 5px;
	margin: 0;
	font-size: 12px;
	cursor: pointer;
	color: #fff;
	background-color: #ED2A7E;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

.date-picker-wrapper .drp_top-bar .apply-btn.disabled
{
	cursor: pointer;
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
/*time styling*/
.time {
	position: relative;
}
.time input[type=range] {
	vertical-align: middle;
}
.time1, .time2 {
	width: 180px;
	padding: 0 5px;
	text-align: center;
}
.time1 {
	float: left;
}
.time2 {
	float: right;
}
.hour, .minute {
	text-align: right;
}
.hide {
	display: none;
}
.date-picker-wrapper .month-wrapper .month1,
.date-picker-wrapper .month-wrapper .month2 {
	float: none;
	width: 100%;
}
.gap-lines {
	display:none;
}
.gap {
	opacity: 0;
}
@media only screen and (min-width: 600px) {
	.date-picker-wrapper .month-wrapper .month1 {
		float: left;
		width: 44%;
	}
	.date-picker-wrapper .month-wrapper .month2 {
		float: right;
		width: 44%;
	}
}

/*!
 * Polyfill CSS object-fit
 * http://helloanselm.com/object-fit
 *
 * @author: Anselm Hannemann <hello@anselm-hannemann.com>
 * @author: Christian "Schepp" Schaefer <schaepp@gmx.de>
 * @version: 0.3.4
 *
 */

x-object-fit {
	position: relative !important;
	display: inline-block !important;
}

x-object-fit > .x-object-fit-taller,
x-object-fit > .x-object-fit-wider {
	position: absolute !important;
	left: -100% !important;
	right: -100% !important;
	top: -100% !important;
	bottom: -100% !important;
	margin: auto !important;
}

.x-object-fit-none > .x-object-fit-taller,
.x-object-fit-none > .x-object-fit-wider {
	width: auto !important;
	height: auto !important;
}

.x-object-fit-fill > .x-object-fit-taller,
.x-object-fit-fill > .x-object-fit-wider {
	width: 100% !important;
	height: 100% !important;
}

.x-object-fit-contain > .x-object-fit-taller {
	width: auto !important;
	height: 100% !important;
}

.x-object-fit-contain > .x-object-fit-wider {
	width: 100% !important;
	height: auto !important;
}

.x-object-fit-cover > .x-object-fit-taller,
.x-object-fit-cover > .x-object-fit-wider {
	max-width: none !important;
	max-height: none !important;
}

.x-object-fit-cover > .x-object-fit-taller {
	width: 100% !important;
	height: auto !important;
	max-width: none !important;
}

.x-object-fit-cover > .x-object-fit-wider {
	width: auto !important;
	height: 100% !important;
	max-width: none !important;
}

.x-object-position-top > .x-object-fit-taller,
.x-object-position-top > .x-object-fit-wider {
	top: 0 !important;
	bottom: auto !important;
}

.x-object-position-right > .x-object-fit-taller,
.x-object-position-right > .x-object-fit-wider {
	left: auto !important;
	right: 0 !important;
}

.x-object-position-bottom > .x-object-fit-taller,
.x-object-position-bottom > .x-object-fit-wider {
	top: auto !important;
	bottom: 0 !important;
}

.x-object-position-left > .x-object-fit-taller,
.x-object-position-left > .x-object-fit-wider {
	left: 0 !important;
	right: auto !important;
}


.accordion {
	margin-bottom:30px;
}

.accordion h3 {
	font-family: "CaeciliaLTPro-86HeavyItalic";
	font-family: "myriad-pro", sans-serif;
	font-size: 18px;
	margin: 0;
	background-color: #00AEF0;
	font-weight: 700;
    border-radius: 10px;
}

.accordion p {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	padding-bottom: 20px;
	margin-left: 0px;
}
.accordion p:last-child {
	padding-bottom: 0px;
}
.accordion h3 a {
	display: block;
	padding-left: 12px;
	color: #fff;
	text-decoration: none;
	margin-top: 0;
	margin-right: 0;
	margin-top: 5px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}
.accordion h3:hover {
	background-color: #261f5b;
}
.accordion h3.open {
	background-color: #ED2A7E;
}
.accordionv h3 + div {
	padding: 10px;
}
.accordion h3 strong {
	color: #261f5b;
	padding-right: 20px;
}
.accordion h3:hover strong {
	color:#FFF;
}
.accordion h3.open:hover strong {
	color: #261f5b;
}
/* Pre hide sections with JavaScript on */
.accordion h3 + div {
	display: none;
}
/* CSS3 Animation example */
.accordion h3 + div {
	height: 0px;
	padding: 0px;
	overflow: hidden;
	background: #000;
	display: block!important;
	-webkit-transform: translateZ(0);
	-webkit-transition: all 0.3s ease;
	moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition:all 0.3s ease;
	transition: all 0.3s ease;
}
.accordion .content {
	padding: 20px;
	background-color: #f2f2f2;
}

/* icon */
.accordion .icon-open,
.accordion .icon-dicht {
	height: 20px;
	width: 20px;
	font-size: 24px;
	text-align: center;
	line-height: 25px;
	float: left;
	margin-right: 20px;
}
.accordion h3.open .icon-open {
	display:none;
}
.accordion h3 .icon-dicht {
	display:none;
}
.accordion h3.open .icon-dicht {
	display:inherit;
}
.accordion p {
	//padding-bottom: 0px;
}
.accordion ul {
	padding-bottom: 10px;
	margin-top: -20px;
	padding-top: 10px;
}
.accordion li {
	margin-bottom: 0px;
	margin-left: 35px;
	padding-left: 10px;
	font-style: normal;
}
.autocomplete-suggestions { 
	border: 0px solid #999; 
	background: #FFF; 
	overflow: auto;
	-webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .35);
	box-shadow: 0 2px 3px rgba(0, 0, 0, .4);
}
.autocomplete-suggestion { 
	padding: 5px 15px;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
}
.autocomplete-selected {
	color:#FFF;
	background: #B9DAF4;
	background-color: #1b5c8e;
}
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 22px 50px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }
@charset "UTF-8";
.container-alert {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    /* align vertical */
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.alert-box {
    max-width: 500px;
    background-color: #fff;
    padding-top: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
    padding-left: 25px;
    z-index: 9999;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
}

.alert-box.w-650 {
    max-width: 650px;
    max-height: 90vh;
    overflow-x: scroll;
}

.alert-box .icon-sluit {
    position: absolute;
    right: 0px;
    top: 0px;
}

.alert-box .icon-sluit a {
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 24px;
    line-height: 38px;
    text-decoration: none;
}

/* icon sluit */
.alert-box .icon-sluit {
    position: absolute;
    width: 40px;
    height: 40px;
    background-color: #FFFFFF;
    cursor: pointer;
    z-index: 99;
    margin-top: 10px;
    margin-right: 10px;
    border-radius: 3px;
}

.alert-box .icon-sluit:hover {
    cursor: pointer;
}

.alert-box .icon-sluit:after,
.alert-box .icon-sluit:before {
    content: "";
    position: absolute;
    width: 23px;
    height: 3px;
    top: 18px;
    left: 9px;
    border-radius: 3px;
    background-color: #222;
    /* Firefox */
    -moz-transform: rotate(-45deg);
    /* WebKit */
    -webkit-transform: rotate(-45deg);
    /* Opera */
    -o-transform: rotate(-45deg);
    /* Standard */
    transform: rotate(-45deg);
}

.alert-box .icon-sluit:before {
    /* Firefox */
    -moz-transform: rotate(45deg);
    /* WebKit */
    -webkit-transform: rotate(45deg);
    /* Opera */
    -o-transform: rotate(45deg);
    /* Standard */
    transform: rotate(45deg);
}

.alert-box .button {
    margin-bottom: 0;
    margin-top: 10px;
}

.alert-box .button.float-left,
.alert-box .button.float-right {
    margin-top: 30px;
}

.alert-box .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
}

.alert-box .alert-title {
    padding-right: 20px;
}

.alert-fond {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background-color: #ccc;
    background-color: #333;
    opacity: 0.7;
}

@media only screen and (min-width: 4810px) {
    .alert-box {
        position: fixed;
        top: 50%;
        left: 50%;
        width: 500px;
        /* height: 350px; */
        height: auto;
        margin: -200px 0 0 -250px;
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
        z-index: 1000;
    }
}

.container-alert .break-link {
    word-break: break-word;
}

/* VEILIG FIETSEN */
.container-alert.veilig-fietsen {
    justify-content: center;
    /*display: none;*/
}

.alert-box.veilig-fietsen {
    max-width: 350px;
    border-radius: 10px;
    margin-left: 20px;
    margin-right: 20px;
    justify-content: center;
    text-align: center;
}

.alert-box.veilig-fietsen,
.alert-box.veilig-fietsen .icon-sluit {
    background-color: #7dbc23;
}

.alert-box.veilig-fietsen h1 {
    font-family: "CaeciliaLTPro-86HeavyItalic";
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 20px;
    color: #fff;
}

.alert-box.veilig-fietsen .foto {
    margin: 60px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.alert-box.veilig-fietsen .foto img {
    border-radius: 10px;
    border-radius: 50%;
}

/* angepaste foto */
.alert-box.veilig-fietsen.nw-2023 {
    max-width: 410px;
    padding: 0px;
    padding-bottom: 30px;
}

.alert-box.veilig-fietsen.nw-2023 .foto {
    margin: 0px;
    margin-bottom: 20px;
}

.alert-box.veilig-fietsen.nw-2023 .foto img {
    border-radius: 10px 10px 0 0;
}

.alert-box.veilig-fietsen.nw-2023 .icon-sluit {
    background-color: transparent;
}

@charset "UTF-8";
/*
inloggen
*/
.container-inloggen {
	clear:both;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;
	position: relative;
}
.container-inloggen p a {
	color:#FFF;
}
.container-inloggen.margin-top-bottom {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: 20px;
	margin-left: 20px;
}
.container-inloggen h4 {
	font-weight: 700;
	text-align: center;
	color: #FFF;
	margin-bottom: 30px;
	font-size: 18px;
}
.container-inloggen p {
	padding-bottom: 20px;
	text-align: center;
	margin-top: -20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
/* KOLOMMEN */
.container-inloggen .kolom-tekstveld {
	margin-bottom: 15px;
	margin-right: 0px;
	width: 100%;
	position: relative;
}
.container-inloggen .kolom-submit {
	float: right;
	width: 80px;
}

.container-inloggen .content-wrapper {
	padding-bottom: 200px;
}
@media only screen and (min-width: 600px) {
.container-inloggen {
	padding-right: 40px;
	padding-left: 40px;
	max-width: 520px;
}
.container-inloggen.margin-top-bottom,
.container-inloggen.margin-top-bottom {
	margin-top: 50px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 60px;
}
}
@media only screen and (min-width: 768px) {
.container-inloggen {
	max-width: 560px;
	padding-top: 50px;
	padding-right: 60px;
	padding-bottom: 70px;
	padding-left: 60px;
	border-radius: 10px;
	margin-right: auto;
	margin-left: auto;
}
.container-inloggen h4 {
	margin-bottom: 50px;
	font-size: 20px;
}

.container-inloggen .kolom-tekstveld {
	float: left;
	width: 40%;
	position: relative;
	margin-right: 15px;
}
.container-inloggen .kolom-tekstveld.breed {
	width: 81.5%;
}
.container-inloggen .kolom-submit {
	float: right;
}
}
@media only screen and (min-width: 1280px) {
.container-inloggen.margin-top-bottom,
.container-inloggen.margin-top-bottom {
	margin-top: 100px;
}
}

.container-inloggen input[type="submit"] {
	padding:0;
	margin:0;
	height: 50px;
	width: 80px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background-color: #1b5c8e;
	opacity: 1 !important;
	border: 0px solid #cecece;
	font-family: "myriad-pro", sans-serif!important;
	font-size: 16px;
	line-height: 48px;
	overflow:hidden;
}

.container-inloggen input[type="submit"]:hover {
	background-color: #114268;
	cursor: pointer;
	border: 0px solid #888;
}

.container-inloggen.wp-form input[type="submit"] {
	width: auto;
	padding: 0 15px;
	margin: 10px 0;
}

.container-inloggen button.wp-generate-pw {
	display: none;
}

@charset "utf-8";
/*
KOLOMMEN
*/
#nieuwsbrieven #kol-links {
	//width: 100%;
}
#nieuwsbrieven #kol-rechts {
	//width: 100%;
}
@media only screen and (min-width: 650px) {
#nieuwsbrieven #kol-links {
	overflow:hidden;
	padding-right: 20px;
}
#nieuwsbrieven #kol-rechts {
	float: right;
	width: 280px;
	overflow-x: hidden;
}
}
/*
STYLE
*/
#nieuwsbrieven #kol-rechts .button {
	margin-top: 0px;
	margin-bottom: 4px;
}
#nieuwsbrieven #kol-rechts .button a {
	width: 100%;
}

#nieuwsbrieven #kol-rechts .button .icon {
	display:none;
}
#nieuwsbrieven #kol-rechts .button a {
	padding-left: 20px;
}
#nieuwsbrieven #kol-rechts .button.full-width a,
#nieuwsbrieven #kol-rechts .button.full-width {
	width: -webkit-calc(100% - 17px);
	width: -moz-calc(100% - 17px);
	width: calc(100% - 17px);
}
@media only screen and (min-width: 650px) {
#nieuwsbrieven #kol-rechts .button .icon {
	display:inherit;
}
#nieuwsbrieven #kol-rechts .button a {
	padding-left: 5px;
}
#nieuwsbrieven #kol-rechts .button.full-width a,
#nieuwsbrieven #kol-rechts .button.full-width {
	width: -webkit-calc(100% - 10px);
	width: -moz-calc(100% - 10px);
	width: calc(100% - 10px);
}
}
#container-nieuwsbrief {
	padding-top: 25px;
	padding-right: 6%;
	padding-bottom: 6%;
	padding-left: 6%;
	position: relative;
}
#header .logo {
	position: relative;
	width: 100%;
	float: left;
}
#header #aanhef {
	position: relative;
	width: 100%;
	float: right;
	padding-top: 30px;
}
@media only screen and (min-width: 500px) {
#header .logo {
	position: relative;
	width: 45%;
	float: left;
}
#header #aanhef {
	position: relative;
	width: 50%;
	float: right;
	padding-top: 30px;
}
}
@media only screen and (min-width: 650px) {
#header .logo {
	width: 100%;
}
#header #aanhef {
	width: 100%;
}
}
@media only screen and (min-width: 850px) {
#header .logo {
	position: relative;
	width: 45%;
	float: left;
}
#header #aanhef {
	position: relative;
	width: 50%;
	float: right;
	padding-top: 30px;
}
}
#header #aanhef p {
	padding-bottom: 0px;

}
#nieuwsbrieven #titel {
	color: #FFF;
	padding-left: 20px;
	line-height: 30px;
	margin-bottom: 30px;
	margin-top: 20px;
}
@charset "UTF-8";
.content-wrapper-actueel {
    width: 100%;
    max-width: 950px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

.container-actueel-header-image {
    margin-top: -50px;
}

.container-actueel-tekst {
    padding-top: 20px;
}

.container-actueel-tekst, .content-wrapper-actueel .acf-row-content {
    padding-right: 6%;
    padding-left: 6%;
}

.content-wrapper-actueel .panel {
    margin-top: 10px;
    margin-bottom: 20px;
    margin-right: 6%;
    margin-left: 6%;
    position: relative;
    padding-top: 25px;
    padding-right: 4%;
    padding-bottom: 15px;
    padding-left: 4%;
}

@media only screen and (min-width: 480px) {
    .container-actueel-tekst {
        padding-right: 16%;
        padding-left: 16%;
        padding-top: 40px;
    }

    .content-wrapper-actueel .acf-row-content, .content-wrapper-actueel .acf-row-basic {
        padding-right: 16%;
        padding-left: 16%;
        padding-bottom: 20px;
    }

    .content-wrapper-actueel .panel {
        margin-right: 12%;
        margin-left: 12%;
    }
}

.content-wrapper-actueel .panel:last-child {
    margin-bottom: 50px;
}

.content-wrapper-actueel .panel h3 {
    font-family: "myriad-pro", sans-serif;
    font-size: 22px;
    line-height: 22px;
    font-weight: 700;
    font-variant: normal;
    margin-bottom: 15px;
    color: #FFF;
    text-align: left;
}

.content-wrapper-actueel .panel.bg-lichtgrijs h3 {
    color: #222;
}

.content-wrapper-actueel .panel p {
    color: #FFF;
    font-weight: 600;
    font-variant: normal;
}

.content-wrapper-actueel .panel.bg-lichtgrijs p {
    color: #222;
    font-weight: 400;
}

.content-wrapper-actueel .panel img {
    margin-top: 0px;
    margin-bottom: 0px;
    width: 100%;
    max-width: 300px;
}

.content-wrapper-actueel .button {
    margin-top: 0px;
    margin-bottom: 10px;
}

.content-wrapper-actueel .button a {
    background-color: #1b5c8e;
}

.content-wrapper-actueel .panel.bg-lichtgrijs .button a {
    background-color: #222;
    color: #fff;
}

/*
OPSOMMINGEN
 */
.content-wrapper-actueel .acf-row-content ul, .content-wrapper-actueel .acf-row-basic ul {
    /*font-style: italic;*/
    padding-bottom: 10px;
    margin-bottom: 10px;
    margin-top: -10px;
    padding-top: 10px;
}

.content-wrapper-actueel .acf-row-content li, .content-wrapper-actueel .acf-row-basic li {
    list-style-type: none;
    margin-bottom: 10px;
}

.content-wrapper-actueel .acf-row-content li::before, .content-wrapper-actueel .acf-row-basic li::before {
    font-family: AppleGothic, "Lucida Sans", Impact, Verdana, sans-serif;
    content: '■';
    color: #4d9fdf;
    float: left;
    width: 1em;
    margin: .1em -1.5em;
    font-size: 90%;
    font-style: normal;
}

/*
AFBEELDING
*/
.content-wrapper-actueel .acf-row-content img, .content-wrapper-actueel .acf-row-basic img {
    float: right;
    margin: 0 0 10px 20px;
}

.content-wrapper-actueel .acf-row-content img.alignleft, .content-wrapper-actueel .acf-row-basic img.alignleft {
    float: left;
    margin: 0 20px 10px 0;
}

.content-wrapper-actueel .acf-row-content img.alignnone, .content-wrapper-actueel .acf-row-basic img.alignnone {
    float: none;
    margin: 10px 0;
}

.content-wrapper-actueel .acf-row-content .wp-caption.alignright, .content-wrapper-actueel .acf-row-basic .wp-caption.alignright {
    float: right;
    margin-left: 40px;
}

.content-wrapper-actueel .acf-row-content .wp-caption.alignright .wp-caption-text, .content-wrapper-actueel .acf-row-basic .wp-caption.alignright .wp-caption-text {
    color: #00AEF0;
    color: #261f5b;
    font-size: 80%;
    line-height: 70%;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 10px;
}

/*
LINKS IN BLAUW BLOK
 */
.content-wrapper-actueel .panel.bg-blauw a {
    color: #fff;
}

.content-wrapper-actueel .panel.bg-blauw a:hover, .content-wrapper-actueel .panel.bg-blauw a:active, .content-wrapper-actueel .panel.bg-blauw a:hover:focus {
    color: #ED2A7E;
}

/* Text Items */
.download_Item_Text {
    margin-bottom: 10px;
}

.download_Item_Text:last-child {
    margin-bottom: 0;
}

.download_Item_Text a {
    display: flex;
    flex-wrap: wrap;
    background: #e1e1e1;
    text-decoration: none;
    border-radius: 10px;
}

.download_Item_Text a:hover {
    background: #d5d5d5;
}

.download_Icon {
    width: 60px;
    text-align: center;
}

.download_Icon span {
    display: block;
    font-size: 18px;
    padding: 10px 20px 10px 20px;
}

.download_Title {
    flex: 1;
    padding: 10px 0;
}

.download_Size {
    width: 70px;
    padding: 10px 0 0 10px;
    font-size: 80%;
}

/* Foto Items */
.container-download-Images {
    display: flex;
    flex-wrap: wrap;
    grid-column-gap: 2%;
    grid-row-gap: 20px;
    width: 100%;
    margin-bottom: 20px;
}

.download_Item_Image {
    width: 32%;
}

@media only screen and (min-width: 768px) {
    .container-download-Images {
        grid-column-gap: 2%;
    }

    .download_Item_Image {
        width: 23.5%;
    }
}

@media only screen and (min-width: 1024px) {
    .download_Item_Image {
        width: 15%;
    }
}

@media only screen and (min-width: 1440px) {
    .container-download-Images {
        grid-column-gap: 1%;
    }

    .download_Item_Image {
        width: 13.4%;
    }
}

@media only screen and (min-width: 14400000px) {
    .container-download-Images {
        grid-column-gap: 1%;
    }

    .download_Item_Image {
        width: 9.1%;
    }
}

.download_Item_Image {
    display: block;
    position: relative;
    cursor: pointer;
    box-sizing: content-box;
}

.download_Item_Image:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.download_Item_Image .img-container {
    position: absolute;
    top: 2px;
    left: 2px;
    bottom: 2px;
    right: 2px;
    z-index: 2;
    overflow: hidden;
    background: #e1e1e1;
}

.download_Item_Image .img-container img {
    width: 90%;
    height: 90%;
    margin: 5%;
    object-fit: contain;
    overflow: hidden;
}

.download_Item_Image .img-container:hover {
    background: #ccc;
}

@charset "UTF-8";
.collapsible-Items {
    margin-bottom:30px;
}

.collapsible-Items h3 {
    font-family: "myriad-pro", sans-serif;
    font-size: 18px;
    margin: 0;
    font-weight: 700;
    border-radius: 15px;
    position: relative;
    display: block;
    padding-left: 12px;
    color: #fff;
    text-decoration: none;
    margin-top: 0;
    margin-right: 0;
    margin-top: 10px;
    margin-left: 0;
    padding-top: 10px;
    padding-right: 50px;
    padding-left: 20px;
    padding-bottom: 10px;
}

.schoolboard .kolom-links .collapsible-Items h3 {
    color: #fff;
}

.collapsible-Items .content-hidden {
    padding: 25px 20px 25px 30px;
    background-color: #f2f2f2;
    border-radius: 0 0 16px 16px;
}

.collapsible-Items h3.open {
    border-radius: 15px 15px 0 0;
}

.collapsible-Items h3:hover,
.collapsible-Items h3.open:hover{
    cursor: pointer;
}

/* icon */
.collapsible-Items .icon-open,
.collapsible-Items .icon-dicht {
    position: absolute;
    height: 20px;
    width: 20px;
    font-size: 24px;
    text-align: center;
    line-height: 25px;
    right: 20px;
    top: 10px;
}

.collapsible-Items h3.open .icon-open {
    display:none;
}
.collapsible-Items h3 .icon-dicht {
    display:none;
}
.collapsible-Items h3.open .icon-dicht {
    display:inherit;
}

/* KLEUREN */
.collapsible-Items h3.bg-groen:hover {
    background-color: #6ea91f;
}

.collapsible-Items h3.bg-oranje:hover {
    background-color: #e08830;
}

.collapsible-Items h3.bg-blauw:hover {
    background-color: #228fd0;
}

.collapsible-Items h3.bg-rose:hover {
    background-color: #cf0e75;
}

.collapsible-Items h3.bg-donkergrijs:hover {
    background-color: #aea9a9;
}

/* KOLOMMEN */
@media only screen and (min-width: 625px) {
    .collapsible-Items .twee-koloms {
        -moz-column-count: 2; /* Fx */
        -webkit-column-count: 2; /* Ch, Saf, And, BB  */
        column-count: 2; /* IE 10, Op 11.1+ */
    }
}

/*
KOLOMMEN
*/
.container-kolom-filter {
    background-color: #FFF;
    position: fixed;
    height: 100%;
    width: 300px;
    left: -300px;
    z-index: 9999;
    -webkit-transition: left 0.3s ease-out;
    -moz-transition: left 0.3s ease-out;
    transition: left 0.3s ease-out;
    top: 0px;
    bottom: 0px;
}

#kolom-filter {
    position: relative;
    margin-top: 60px;
    height: -moz-calc(100% - 60px); /* Firefox */
    height: -webkit-calc(100% - 60px); /* WebKit */
    height: calc(100% - 60px); /* Standard */
    overflow-y: scroll; /* has to be scroll, not auto */
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 45px;
    padding-left: 0px;
}

#header-container-top {
    position: fixed;
    width: 100%;
    height: 70px;
    top: 50px;
    z-index: 11;
    background-color: #fff;
    border-bottom: solid 1px #ccc;
}

#header-container-top .button {
    margin-top: 10px;
    margin-bottom: 0;
    margin-right: 0;
}

@media screen and (max-width: 767px) {
    #header-container-top .button .hide-mobile {
        display: none;
    }
}

#header-container {
    position: relative;
    width: 100%;
    background-color: #fff;
    top: 420px;
    z-index: 5;
}

#kolom-scholen {
    position: relative;
    width: 100%;
    padding-top: 420px;
    -webkit-overflow-scrolling: touch;
    z-index: 4;
}

#kolom-scholen .container-school-ad {
    padding: 40px 0;
    text-align: center;
}

#kolom-kaart {
    position: absolute;
    height: 350px;
    background-color: #e5e5e5;
    top: 120px;
    z-index: 5;
    width: 100%;
}

@media only screen and (min-width: 450px) {
    .container-kolom-filter {
        width: 350px;
        left: -350px;
    }
}

@media only screen and (min-width: 600px) {
    .container-kolom-filter {
        width: 450px;
        left: -450px;
    }

    #kolom-filter {
        padding-left: 45px;
        padding-right: 20px;
    }

    #header-container {
        top: 570px;
    }

    #kolom-scholen {
        padding-top: 560px;
    }

    #kolom-kaart {
        height: 500px;
    }
}

@media only screen and (min-width: 1024px) {
    .wrapper {
        box-sizing: border-box;
    }

    #header-container {
        position: absolute;
        position: fixed;
        width: 520px;
        height: 125px;
        z-index: 49;
        top: 120px;
        border-bottom: solid 1px #ccc;
        //background-color: darkorange;
    }

    #kolom-scholen,
    #kolom-kaart {
        height: -moz-calc(100vh - 50px); /* Firefox */
        height: calc(100vh - 50px); /* Standard */
        margin-top: 0px;
        margin-bottom: 0px;
    }

    #kolom-scholen {
        height: -moz-calc(100vh - 245px); /* Firefox */
        height: calc(100vh - 245px); /* Standard */
        float: left;
        width: 520px;
        overflow-y: auto;
        z-index: 4;
        padding-top: 0px;
        top: 195px;
    }

    #kolom-scholen .container-school-ad {
        width: 440px;
    }

    #kolom-kaart {
        overflow: hidden;
        position: absolute;
        top: 50px;
        left: 520px;
        width: -moz-calc(100% - 520px); /* Firefox */
        width: calc(100% - 520px); /* Standard */
    }

    #header-container-top {
        width: 520px;
        height: 70px;
        border-bottom: solid 0px #ccc;
    }
}

.show-container-filter {
    left: 0px;
}

.container-kolom-filter .icon-sluit {
    right: 0px;
}

/*
STYLING
*/
#preview-frame {
    float: left;
    width: 100%;
    max-width: 100% !important;
    height: 100%;
    max-height: 100% !important;
}

.filter-aanhef {
    margin-bottom: 15px;
    padding-top: 0px;
    padding-bottom: 15px;
}

.gevonden-aantal {
    margin-bottom: 15px;
}

#header-container-top .padding {
    padding-top: 12px;
    padding-right: 25px;
    padding-left: 25px;
}

#header-container .padding,
#kolom-scholen .padding {
    padding-top: 20px;
    padding-right: 25px;
    padding-bottom: 25px;
    padding-left: 25px;
}

#header-container .padding {
    padding-bottom: 0px;
}

@media only screen and (min-width: 600px) {
    .filter-aanhef {
        padding-top: 20px;
    }

    #header-container-top .padding {
        padding-right: 45px;
        padding-left: 35px;
    }

    #header-container .padding,
    #kolom-scholen .padding {
        padding-right: 45px;
        padding-left: 35px;
    }
}

@media only screen and (min-width: 1024px) {
    #header-container .padding {
        padding-top: 10px;
    }

    #kolom-scholen .padding {
        padding-top: 0px;
    }
}

.container-school {
    position: relative;
    z-index: 10;
    padding-bottom: 15px;
}

.container-school a {
    display: block;
    text-decoration: none;
    padding-bottom: 20px;
    padding-top: 30px;
}

.container-school a:hover {
    /*background-color: #ccebf7;*/
}

.container-school h2 {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 10px;
}

.container-school h2.margin-right {
    margin-right: 75px;
}

.container-school .afstand {
    float: right;
    font-size: 16px;
    line-height: 30px;
    margin-left: 10px;
    margin-top: 25px;
}

@media only screen and (min-width: 500px) {
    .container-school .afstand {
        margin-top: -5px;
    }
}

.container-school .typering {
    margin-right: 0px;
}

.container-school .adres {
    margin-right: 140px;
}

@media only screen and (min-width: 420px) {
    .container-school .typering {
        margin-right: 120px;
    }
}

@media only screen and (min-width: 1024px) {
    .container-school h2 {
        font-size: 20px;
        line-height: 22px;
        margin-bottom: 15px;
    }

    .container-school {
        width: 440px;
    }

    .container-school a {
        width: 430px;
    }
}

@media only screen and (min-width: 12800px) {
    .container-school {
        width: 540px;
    }

    .container-school a {
        width: 530px;
    }
}

/*
KNOPPEN LOCATIE - VERGELIJK - ONTDEK
*/
.container-school .container-checkbox,
.container-school .container-locatie,
.container-school .container-ontdek {
    cursor: pointer;
    line-height: 23px;
    display: block;
    width: 105px;
    height: 25px;
    margin-left: 0px;
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative;
    width: 105px;
    border-radius: 15px;
    background-color: #fff;
    background-color: #ccc;
    text-indent: 15px;
    color: #fff;
    color: #666;
    float: left;
    font-size: 14px;
    font-weight: 600;
}

.container-school .container-checkbox:hover,
.container-school .container-checkbox .box:hover {
    cursor: pointer;
    background-color: #00AEF0;
    background-color: #261f5b;
    color: #FFF;
}

.container-school .container-checkbox input {
    display: none;
}

.container-school .checked {
    background-color: #00AEF0;
    line-height: 30px;
    color: #FFF;
    border-radius: 15px;
}

.container-school .container-checkbox input[type="checkbox"]:checked + label.box {
    width: 105px;
    height: 25px;
    display: block;
    background-color: #00AEF0;
    border-radius: 15px;
    color: #FFF;
    line-height: 21px;
}

.container-school .container-checkbox input[type="checkbox"]:not(:checked) + label.box::after,
.container-school .container-checkbox input[type="checkbox"]:checked + label.box::after {
    font-family: "icons";
    content: '\6d';
    position: absolute;
    line-height: 28px;
    right: 10px;
    top: -2px;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
}

.container-school .container-checkbox input[type="checkbox"]:checked + label.box::after {
    font-family: "icons";
    content: '\72';
    position: absolute;
}

/* LOCATIE */
.container-school .container-locatie:after {
    font-family: "icons";
    content: '\53';
    position: absolute;
    line-height: 28px;
    right: 7px;
    top: -2px;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
}

.container-school .container-locatie:hover {
    cursor: pointer;
    background-color: #261f5b;
    color: #FFF;
}

.container-school .container-locatie-markericoon {
    position: absolute;
    bottom: 5px;
    right: 6px;
    height: 16px;
    width: 16px;
}

.container-locatie-small {
    display: none;
}

/* ONTDEK */
.container-school .container-ontdek {
    background-color: #00AEF0;
}

.container-school .container-ontdek a {
    position: relative;
    display: block;
    width: auto;
    padding: 0;
    height: 25px;
    border-radius: 15px;
    color: #fff;
}

.container-school .container-ontdek a:hover {
    background-color: #261f5b;
    color: #fff;
}

.container-school .container-ontdek a .icon-right-open {
    position: absolute;
    right: 7px;
    top: 0px;
    color: #fff;
    font-size: 16px;
}

/*
ICONS
*/
.container-school .icoon-1,
.container-school .icoon-2 {
    position: absolute;
    width: 25px;
/ / bottom: 95 px;
    top: 30px;
    right: 0px;
    /*opacity:0.7;*/
}

.container-school .icoon-1 {
    right: 35px;
/ / bottom: 93 px;
    top: 32px;
}

@media only screen and (min-width: 500px) {
    .container-school .icoon-1,
    .container-school .icoon-2 {
        top: auto;
        bottom: 30px;
    }

    .container-school .icoon-1 {
        bottom: 28px;
    }
}

/*
KNOP FILTER en SCHOOLVERGELIJKER
*/
.container-knop-filter {
    position: relative;
}

.container-knop-filter .button {
    margin-top: 0px;
    margin-bottom: 0px;
}

.container-knop-filter .button.float-right {
    margin-left: 0px;
    margin-bottom: 10px;
    margin-left: 7px;
}

.container-knop-filter .button.float-left {
    margin-right: 0px;
    margin-bottom: 10px;
}

#header-container-top .button#knop-toon-container-filter .icon,
.container-knop-filter .button#knop-toon-container-filter .icon {
    width: 20px
}

@media only screen and (max-width: 1023px) {
    .container-knop-filter #knop-schoolvergelijker {
        display: none;
    }
}

/* icon sluit */
.container-kolom-filter .icon-sluit {
    position: absolute;
    width: 40px;
    height: 40px;
    background-color: #FFFFFF;
    cursor: pointer;
    z-index: 99;
    margin-top: 10px;
    margin-right: 10px;
    border-radius: 3px;
}

.container-kolom-filter .icon-sluit:hover {
    cursor: pointer;
}

.container-kolom-filter .icon-sluit:after,
.container-kolom-filter .icon-sluit:before {
    content: "";
    position: absolute;
    width: 23px;
    height: 3px;
    top: 18px;
    left: 9px;
    border-radius: 3px;
    background-color: #222;
    /* Firefox */
    -moz-transform: rotate(-45deg);
    /* WebKit */
    -webkit-transform: rotate(-45deg);
    /* Opera */
    -o-transform: rotate(-45deg);
    /* Standard */
    transform: rotate(-45deg);
}

.container-kolom-filter .icon-sluit:before {
    /* Firefox */
    -moz-transform: rotate(45deg);
    /* WebKit */
    -webkit-transform: rotate(45deg);
    /* Opera */
    -o-transform: rotate(45deg);
    /* Standard */
    transform: rotate(45deg);
}

/*
AFDEK
*/
.afdek-nav,
.afdek-filter {
    display: none;
    position: fixed;
    right: 0px;
    z-index: 1001;
    top: 0px;
    background-color: rgba(0, 0, 0, 0.0);
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

/*
BANNERS
 */
#kolom-scholen .container-school-ad {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
}

#kolom-scholen .container-school-ad div {
    max-width: 400px;
    margin: 0 auto;
    position: relative;
}

/*
PANELtje OP KAART
*/
.gm-style .gm-style-iw-d {
    padding: 4px;
}

.gm-style .gm-style-iw-d p:first-child {
    font-weight: 700;
}

.gm-style .gm-style-iw-d p a {
    position: relative;
    display: block;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 15px;
    color: #222;
    background: #D01A1D;
    background: #999;
    background: #ccc;
    color: #666;
    margin-top: 10px;
    padding-left: 12px;
    padding-right: 35px;
}

.gm-style .gm-style-iw-d p a:hover {
    background: #00AEF0;
    color: #fff;
}

.gm-style .gm-style-iw-d p a:after {
    content: '\65';
    font-size: 16px;
    font-family: "icons";
    position: absolute;
    right: 6px;
    top: -1px;
    font-weight: 400;
    color: #fff;
}

.gm-style .gm-style-iw-d p a + a {
    margin-left: 5px;
}

/*
KOLOMMEN (subwrappers worden door schoolpresentatie.js toegevoegd)
*/

.wrapperSchool {
    display: flex;
    padding-bottom: 50px;
}

@media only screen and (max-width: 1023px) {
    .wrapperSchool {
        flex-direction: column;
        gap: 30px;
    }

    /* Volgorde blokken */
    .contentBlok.one {
        order: 1;
    }

    .contentBlok.two {
        order: 2;
    }

    .contentBlok.three {
        order: 3;
    }

    .contentBlok.four {
        order: 4;
    }
}

@media only screen and (min-width: 1024px) {
    .wrapperSchool {
        flex-wrap: wrap;
        grid-column-gap: 6%;
    }

    .subwrapper-1,
    .subwrapper-2 {
        width: 66%;
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

    .subwrapper-2 {
        width: 28%;
    }
}

.contentBlok {
    position: relative;
    width: 100%;
}

/*
HEADER 
*/
.schoolpresentatie .header {
    padding-bottom: 30px;
}

.schoolpresentatie .header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 20px;
    column-gap: 40px;
}

@media only screen and (max-width: 767px) {
    .schoolpresentatie .header .logo-school {
        width: 100%;
        padding-bottom: 25px;
    }
}

.schoolpresentatie .header .logo-school img {
    max-width: 150px;
    max-height: 100px;
}

.schoolpresentatie .header .header-txt {
    flex: 1;
}

.schoolpresentatie .header .header-txt h1 {
    font-size: 24px;
    line-height: 30px;
}

.schoolpresentatie .header .header-txt h2 {
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    margin-top: 5px;
    color: #4d9fdf;
}

@media only screen and (min-width: 1024px) {
    .schoolpresentatie .header .logo-school img {
        max-width: 220px;
        max-height: 110px;
    }

    .schoolpresentatie .header .header-txt h1 {
        font-size: 36px;
        line-height: 40px;
    }

    .schoolpresentatie .header .header-txt h2 {
        font-size: 20px;
        line-height: 24px;
    }
}

.collapsible-Items.hide {
    display: none;
}

.collapsible-Items .content-hidden h3,
.collapsible-Items .content-hidden h4 {
    color: #ed2a7e;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 0;
}

/* SWIPER SLIDER */
.swiper-container.swiper-school-fotoos {
    position: relative;
    width: 100%;
    z-index: 8;
    margin-bottom: 30px;
    overflow: hidden;
    display: block;
    border-radius: 16px;
}

.swiper-container.swiper-school-fotoos:after {
    content: "";
    display: block;
    padding-top: 60%;
}

.swiper-slide.schoolfoto {
    background-position: center;
    background-size: cover;
}

.swiper-container.swiper-school-fotoos .swiper-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

/*
VIDEO
*/
.video-container {
    position: relative;
    padding-top: 15px;
    padding-right: 0px;
    padding-bottom: 15px;
    padding-left: 0px;
}

@media only screen and (min-width: 1024px) {
    .video-container {
        padding: 25px 50px;
    }
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    /* 16/9 ratio */
    padding-top: 30px;
    /* IE6 workaround*/
    height: 0;
    overflow: hidden;
    border-radius: 16px;
    overflow: hidden;
}

.embed-container iframe,
.embed-container object,
.embed-container embed,
.embed-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*
video 2 (when both urlFilm and urlFilm2 are poplated )
*/
.video-container-2 {
    padding-top: 25px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    width: 100%;
}

@media only screen and (min-width: 1024px) {
    .video-container-2 {
        padding: 25px;
        width: 100%;
        position: relative;
        float: left;
    }
}

.embed-container-2 {
    position: relative;
    padding-bottom: 30%;
    padding-top: 60px;
    height: 0;
    overflow: hidden;
    width: 50%;
    margin: auto;
}

@media only screen and (min-width: 500px) {
    .embed-container-2 {
        position: relative;
        padding-bottom: 30%;
        padding-top: 30px;
    }
}

@media only screen and (min-width: 1024px) {
    .embed-container-2 {
        position: relative;
        padding-bottom: 25%;
        padding-top: 30px;
        float: left;
    }
}

.embed-container-filler-2 {
    height: 1px;
}

@media only screen and (min-width: 1024px) {
    .embed-container-filler-2 {
        height: 230px;
    }
}

.embed-container-2 iframe,
.embed-container-2 object,
.embed-container-2 embed {
    position: absolute;
    top: 0;
    left: 0;
}

.video-container .video-top {
    position: absolute;
    top: 15px;
    left: 0;
    bottom: 15px;
    right: 0;
    z-index: 3;
    display: flex;
    flex-direction: column;
    gap: 0px;
    align-items: center;
    text-align: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 16px;
}

@media only screen and (min-width: 1024px) {
    .video-container .video-top {
        top: 25px;
        left: 50px;
        bottom: 25px;
        right: 50px;
    }
}

.video-container .video-top h4 {
    font-size: 18px;
    color: #fff;
    width: 100%;
    display: block;
    margin: 20px;
}

/* PLAY BUTTON */
.video-container .play-button {
    position: relative;
    width: 54px;
    height: 60px;
    padding-left: 6px;
    background-color: #ed2a7e;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 3;
}

.video-container .play-button::after {
    content: "";
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 21px solid white;
}

.video-container a:hover .play-button {
    background-color: #cf0e75;
}

.wrapperSchool p {
    padding-bottom: 20px;
}

/* OPEN DAGEN */
#container-opendagen {
    position: relative;
    padding-top: 0;
    margin-bottom: 50px;
}

#container-opendagen h2 {
    position: relative;
    padding-bottom: 20px;
}

/* reset van open-dagen.css */
#container-opendagen h3 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0px;
    padding-left: 37px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #333;
}

#container-opendagen .item-open-dag a:hover h3 {
    color: #fff;
}

.item-open-dag {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
    background-color: #e7e7e7;
    background-color: #00aef0;
    text-decoration: none;
    border-radius: 16px;
    overflow: hidden;
    color: #fff;
}

.item-open-dag .part {
    display: flex;
    font-size: 16px;
    line-height: 24px;
    padding: 10px 10px 10px 20px;
}

.item-open-dag .titel {
    position: relative;
    width: 100%;
    background-color: #cbc8c8;
    background-color: #261f5b;
    margin-bottom: 0;
    padding-left: 40px;
}

.schoolpresentatie .kolom-links .item-open-dag h3 {
    color: #333;
}

#container-opendagen .item-open-dag h3 {
    color: #fff;
}

.schoolpresentatie .kolom-links .item-open-dag a:hover h3 {
    color: #fff;
}

.item-open-dag .titel span,
.item-open-dag .top .part span {
    font-family: "icons";
    font-size: 18px;
    position: absolute;
    left: 15px;
    top: 10px;
}

.item-open-dag .titel span {
    left: 12px;
}

.item-open-dag .part-content {
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

.item-open-dag .part-content .top {
    position: relative;
    display: flex;
    flex-grow: 1;
}

.item-open-dag .part-content .top .part {
    position: relative;
    padding-left: 40px;
}

.item-open-dag .part-content .top .part.datum {
    margin-left: 5px;
    width: 130px;
}

.item-open-dag .part-content .bottom {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    flex-wrap: wrap;
}

.item-open-dag .part.knop {
    position: relative;
    flex: 1;
    justify-content: flex-end;
    align-self: flex-end;
    line-height: 27px;
    padding-bottom: 9px;
}

.item-open-dag .part.knop .button {
    background-color: #ed2a7e;
}

.item-open-dag .part.knop .hidden {
    display: none !important;
}

.item-open-dag .part.knop p {
    display: inline-block;
    right: 0;
    bottom: 0;
}

.item-open-dag .part.txt {
    flex: 1;
    width: auto;
    line-height: 20px;
}

.item-open-dag .part.txt p {
    padding-bottom: 10px;
}

@media only screen and (min-width: 768px) {
    .item-open-dag .part.txt {
        flex: 1;
        width: auto;
    }
}

@media only screen and (min-width: 1024px) {
    .item-open-dag .part-content .bottom {
        flex-direction: row;
    }

    .item-open-dag .part.knop {
        width: 130px;
        flex: none;
    }
}

@media only screen and (min-width: 1280px) {
    .item-open-dag .titel {
        width: 150px;
    }

    .item-open-dag .part-content {
        flex: 1;
        width: auto;
    }
}

#container-opendagen .item-open-dag .button {
    display: flex;
    height: 30px;
    color: #fff;
    border-radius: 15px;
    padding-right: 0px;
    padding-left: 0px;
    font-weight: 700;
    margin: 0;
}

#container-opendagen .item-open-dag a:hover .button {
    background-color: #261f5b;
}

.item-open-dag .button .icon {
    line-height: 30px;
    height: 30px;
    width: 20px;
    text-align: center;
    position: relative;
    font-size: 18px;
    float: right;
    margin-right: -10px;
}

/* BLOKKEN */
.contentBlok.two,
.contentBlok.four {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.contentBlok.four .container-blocks {
    padding: 50px 0 30px 0;
}

/*
.contentBlok.four {
    padding: 25px;
    background-color: #f4f4f4;
    width: -moz-calc(100% - 50px);
    width: calc(100% - 50px);
}
*/

.contentBlok .hidden {
    display: none;
}

.blok {
    padding: 25px;
    border-radius: 16px;
}

.blok h4 {
    font-family: "myriad-pro", sans-serif;
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    font-variant: normal;
    margin-bottom: 10px;
}

.blok p {
    padding-bottom: 20px;
}

.blok p:last-child {
    margin-bottom: 0px;
}

.blok ul.bullets,
.groupedContent ul {
    padding-bottom: 20px;
}

.blok ul.bullets li,
.groupedContent ul li {
    position: relative;
    list-style-type: square;
    margin-bottom: 15px;
    margin-bottom: 0px;
    padding-left: 20px;
    list-style-type: none;
}

.blok ul.bullets li::before,
.groupedContent ul li::before {
    position: absolute;
    font-family: "myriad-pro", sans-serif;
    content: "•";
    color: inherit;
    width: 1em;
    left: 0px;
    font-size: 28px;
    line-height: 22px;
    font-style: normal;
}

.container-eigenschappen {
    padding-top: 20px;
    border-top: 1px solid #CCC;
}

.container-eigenschappen:first-of-type {
    border-top: none;
}

.container-eigenschappen ul li:empty {
    display: none;
}

.watzeggenleerlingen p {
    font-style: italic;
}

/* LINKS */
.container-links {
    padding-top: 20px;
}

.container-links h3 {
    margin-bottom: 15px;
}

.container-links li {
    clear: left;
    line-height: 38px;
}

.container-links li a {
    text-decoration: none;
    display: block;
    height: 50px;
}

.container-links .icon {
    float: left;
    height: 40px;
    width: 40px;
    position: relative;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    margin-right: 10px;
    font-size: 26px;
    line-height: 38px;
}

.container-links .icon.icon-video {
    font-size: 20px;
}

.container-links li a:hover .icon {
    background-color: #261f5b;
}

.container-links li a:hover .icon.bg-rose {
    background-color: #cf0e75;
}

.container-links li a:hover .icon.bg-blauw {
    background-color: #228fd0;
}

/* SHARE */
.container-share {
    position: relative;
}

.container-share:hover .icon {
    background-color: #cf0e75;
}

.container-share .icon {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    font-size: 21px;
    line-height: 40px;
    float: left;
    background-color: #ed2a7e;
    z-index: 42;
    position: relative;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer;
}

.button-share {
    font-size: 16px;
    cursor: pointer;
    height: 40px;
    position: relative;
    border-radius: 25px;
    z-index: 40;
    line-height: 38px;
}

.container-share-links {
    height: 40px;
    width: 25px;
    position: absolute;
    margin-right: 10px;
    left: 0px;
    top: 0px;
    z-index: 41;
    background-color: #e5e5e5;
    -webkit-transition: width 0.2s;
    -moz-transition: width 0.2s;
    -o-transition: width 0.2s;
    -ms-transition: width 0.2s;
    padding-right: 15px;
    padding-left: 0px;
    overflow: hidden;
    border-radius: 25px;
    box-sizing: content-box;
    opacity: 0;
}

.show-links {
    width: 240px;
    opacity: 1;
}

.container-share-links li {
    list-style-type: none;
    float: right;
    height: 40px;
    width: 40px;
    margin-right: 5px;
    margin-left: 5px;
    font-size: 26px;
    line-height: 40px;
    text-align: center;
}

.container-share-links li a {
    text-decoration: none;
}

.container-share-links li a:hover {
    color: #ed2a7e;
}

.anker {
    position: absolute;
    width: 20px;
    height: 70px;
    top: -70px;
}

.schoolpresentatie .logo-school {
    margin-bottom: 20px;
}

.schoolpresentatie .logo-school img {
    max-width: 150px;
    max-height: 100px;
}

.extra-logo {
    padding-top: 10px;
    padding-bottom: 10px;
}

.extra-logo img {
    width: 100%;
    max-width: 180px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

.extra-logo a:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

/* KAART */
.wrapperSchool #kaart {
    width: 100%;
    height: 400px;
    background-color: #FFF;
    margin-top: 50px;
    border-radius: 20px;
    overflow: hidden;
}

.wrapperSchool #preview-frame {
    float: left;
    width: 100%;
    max-width: 100% !important;
    height: 100%;
    max-height: 100% !important;
}

.wrapperSchool #kaart p {
    padding-bottom: 0;
}

/* correctie ivm andere opmaak banner */
.contentBlok.four .container-banners,
.contentBlok.two .container-banners {
    padding: 0;
    margin: 0;
}

.contentBlok.four .container-blocks,
.contentBlok.two .container-banners .container-blocks {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #CCC;
}

.contentBlok.two .container-banners .container-blocks {
    padding-top: 20px;
}

.contentBlok.four .container-blocks .block-left,
.contentBlok.two .container-blocks .block-left {
    width: 75px;
    min-height: 75px;
}

/* MKL button styles specifiek voor schoolpresentatie, niet algemeen gewijzigd ivm onverwachte effecten elders */
.schoolpresentatie-buttons-bottom {
    height: 100px;
}

.schoolpresentatie-buttons-bottom .button {
    font-size: 18px;
}

.schoolpresentatie-buttons-bottom .button a {
    min-height: 44px;
    line-height: 40px;
    padding-right: 20px;
    padding-left: 20px;
}

.schoolpresentatie-buttons-bottom .button .icon {
    height: 44px;
    line-height: 44px;
}
/*
POPUP contact met school
*/
.popup-info-scholen {
    position: fixed;
    bottom: -300px;
    right: 20px;
    width: 220px;
    height: 260px;
    background: #e7e7e7;
    z-index: 400;
    padding-top: 20px;
    padding-left: 15px;
    padding-right: 10px;
    text-align: center;
    -webkit-transition: bottom 0.5s ease-out;
    -moz-transition: bottom 0.5s ease-out;
    transition: bottom 0.5s ease-out;
    -moz-box-shadow: 0px 0px 12px #999;
    -webkit-box-shadow: 0px 0px 12px #999;
    box-shadow: 0px 0px 12px #999;
}

.show-popup-info-scholen {
    bottom: 0px;
}

.popup-info-scholen .icon-sluit {
    margin-right: 0px;
    margin-top: 0px;
    background-color: #e7e7e7;
    right: 0px;
    top: 0px;
}

.popup-info-scholen .foto-meisje {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
}

.popup-info-scholen h6 {
    font-size: 19px;
    line-height: 21px;
    font-weight: 700;
}

/* icon sluit */
.popup-info-scholen .icon-sluit {
    position: absolute;
    width: 40px;
    height: 40px;
    cursor: pointer;
    z-index: 99;
    border-radius: 3px;
}

.popup-info-scholen .icon-sluit:hover {
    cursor: pointer;
}

.popup-info-scholen .icon-sluit:after,
.popup-info-scholen .icon-sluit:before {
    content: "";
    position: absolute;
    width: 23px;
    height: 3px;
    top: 18px;
    left: 9px;
    border-radius: 3px;
    background-color: #222;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.popup-info-scholen .icon-sluit:before {
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*
HEADER
*/
.headerOpendagen {
    position: relative;
    z-index: 91;
    padding: 20px 0;
    background-color: #fff;
    padding-left: 0;
    padding-right: 0;
}

@media only screen and (min-width: 450px) {
    .headerOpendagen {
        padding: 20px;
        padding-bottom: 10px;
    }
}

.headerOpendagen.vast {
    -webkit-box-shadow: 0 8px 6px -6px #333;
    -moz-box-shadow: 0 8px 6px -6px #333;
    box-shadow: 0 8px 6px -6px #333;
    margin-top: -1px;
    z-index: 101;
    position: -webkit-sticky; /* safari */
    position: sticky;
    position: fixed;
    top: 0;
    left: 0;
    width: inherit;
    width: 100%;
    padding: 11px 0 4px 0;
}

.headerOpendagen.vast .headerOpendagen-content {
    width: 88%;
    padding-right: 6%;
    padding-left: 6%;
    max-width: 1560px;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (min-width: 768px) {
    .headerOpendagen.vast {
        padding-bottom: 10px;
    }
}

.headerOpendagen .button {
    margin-top: 0px;
    margin-bottom: 0px;
}

.container-buttons-footer {
    padding-top: 20px;
    padding-right: 20px;
    float: right;
}

.headerOpendagen p.aantal-geselecteerd {
    float: right;
    line-height: 30px;
    padding-right: 20px;
}

.headerOpendagen.signup-disabled p.aantal-geselecteerd, .headerOpendagen.signup-disabled .container-knop-input {
    display: none !important;
}

/* knop aanmelden */
input.aanmelden[type=button] {
    position: relative;
    background-color: #ED2A7E;
    height: 30px;
    padding-bottom: 4px;
    border: none;
    color: white;
    text-decoration: none;
    cursor: pointer;
    border-radius: 15px;
    padding-right: 25px;
    padding-left: 15px;
    font-weight: 700;
}

input.aanmelden[type=button]:disabled,
input.aanmelden[type=button]:disabled:hover {
    background-color: #ccc;
    cursor: default;
}

input.aanmelden[type=button]:hover {
    background-color: #261f5b;
}

/* knop selecteer alles */
.container-knop-input.selecteerAlles {
    background-color: #ED2A7E;
    border-radius: 15px;
    width: 30px;
    margin-right: 10px;
}

.container-knop-input.selecteerAlles:hover {
    background-color: #261f5b;
}

input.selecteerAlles[type=button] {
    background-color: transparent;
    height: 30px;
    padding-bottom: 4px;
    border: none;
    color: white;
    text-decoration: none;
    cursor: pointer;
    border-radius: 15px;
    padding-right: 15px;
    padding-left: 0px;
    font-weight: 700;
    text-indent: -9999px;
}

.container-knop-input .icon.icon-select-all:hover {
    cursor: pointer;
}

@media only screen and (min-width: 768px) {
    .container-knop-input.selecteerAlles {
        width: auto;
    }

    input.selecteerAlles[type=button] {
        text-indent: 0px;
        padding-left: 30px;
    }
}

.container-knop-input {
    position: relative;
    display: inline-block;
    float: right;
}

.container-knop-input .icon {
    position: absolute;
    top: 0px;
    z-index: 5;
    line-height: 30px;
    height: 30px;
    width: 30px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    border-radius: 15px;
}

.container-knop-input .icon.right {
    right: 0px;
}

.button-disabled {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 30px;
    background-color: transparent;
    border-radius: 15px;
    z-index: 10;
}

.hide {
    display: none;
}

/* knop filter */
#knop-toon-container-filter .knop-filter-txt {
    display: none;
}

.button#knop-toon-container-filter .icon {
    width: 0px
}

@media only screen and (min-width: 768px) {
    #knop-toon-container-filter .knop-filter-txt {
        display: inherit;
    }

    .button#knop-toon-container-filter .icon {
        width: 20px
    }
}

/* filter */
.container-filters .container-checkbox img {
    position: absolute;
    width: 25px;
    right: 0;
    top: 7px;
}

/**********************************************
OPEN DAGEN
*/
.container-scholen-open-dagen {
    position: relative;
    padding-top: 0px;
    margin-top: 0px;
    width: 88%;
    max-width: 1560px;
    padding-right: 6%;
    padding-left: 6%;
    margin-left: auto;
    margin-right: auto;
}

.container-scholen-open-dagen h1 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    font-variant: normal;
    margin: 30px 0 10px 0;
    padding-left: 20px;
}

.container-scholen-open-dagen h1 a {
    text-decoration: underline;
}

.container-scholen-open-dagen.landingspagina h2 {
    margin-bottom: 40px;
}

/**********************************************
PANEL SCHOOL
*/
.school-open-dag {
    position: relative;
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    background-color: #e7e7e7;
    border-radius: 7px;
    overflow: hidden;
    text-decoration: none;
    font-size: 16px;
}

.school-open-dag .titel {
    background-color: #cbc8c8;
    margin-bottom: 0;
}

.school-open-dag h3,
.school-open-dag .specs {
    padding: 5px 15px 5px 15px;
}

.school-open-dag h3 {
    width: 100%;
}

.school-open-dag .specs {
    position: relative;
    flex: 1;
    width: auto;
    padding-top: 20px;
    padding-bottom: 5px;
}

.school-open-dag .soort-datum-tijd {
    padding-bottom: 10px;
}

.school-open-dag .specs div.soort,
.school-open-dag .specs div.datum,
.school-open-dag .specs div.tijd {
    position: relative;
    display: inline-block;
    padding-left: 45px;
    padding-right: 10px;
    padding-bottom: 5px;
}

.school-open-dag .specs div.soort {
    display: block;
    width: 160px;
}

.school-open-dag .specs div.datum {
    width: 110px;
}

.school-open-dag .specs div.tijd {
    width: 110px;
}

.school-open-dag .specs div span {
    font-family: 'icons';
    font-size: 18px;
    position: absolute;
    left: 15px;
    top: 0px;
}

.school-open-dag p {
    width: 100%;
    width: auto;
    padding-bottom: 70px;
}

@media only screen and (min-width: 768px) {
    .school-open-dag p {
        padding-bottom: 15px;
    }

}

@media only screen and (min-width: 875px) {
    .school-open-dag h3 {
        padding-left: 25px;
    }

    .school-open-dag p {
        padding-left: 10px;
        padding-right: 180px;
    }

}

@media only screen and (min-width: 1024px) {
    .school-open-dag .specs div.soort {
        display: inline-block;
    }
    .school-open-dag p {
        flex: 1;
        padding-right: 180px;
    }
}

@media only screen and (min-width: 1280px) {
    .school-open-dag h3,
    .school-open-dag .specs,
    .school-open-dag p {
        padding-top: 11px;
        padding-bottom: 9px;
    }

    .school-open-dag h3 {
        width: 290px;
    }

    .school-open-dag .soort-datum-tijd {
        padding-bottom: 0px;
    }

    .school-open-dag p {
        width: auto;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 45px;
    }
}

@media only screen and (min-width: 1600px) {
    .school-open-dag .specs {
        width: 550px;
        display: flex;
    }

    .school-open-dag .specs div.soort,
    .school-open-dag .specs div.datum,
    .school-open-dag .specs div.tijd {
        position: relative;
        display: inline-block;
        padding-left: 45px;
        padding-right: 10px;
        padding-bottom: 5px;
        vertical-align: top;
    }

    .school-open-dag .specs div.soort {
        display: inline-block;
        width: 160px;
    }

    .school-open-dag p {
        padding-right: 160px;
        padding-left: 0px;
    }

}

/* KNOPPEN */
.school-open-dag .container-button-kalender,
.school-open-dag .container-button-open-dag,
.school-open-dag .container-button-oog {
    position: absolute;
    right: 25px;
    bottom: 20px;
    height: 30px;
    width: 30px;
    padding: 10px;
    z-index: 10;
}

.school-open-dag .container-button-kalender {
    right: 75px;
    padding-right: 10px;
}

.school-open-dag .container-button-oog {
    right: 125px;
}

.school-open-dag .container-button-kalender a,
.school-open-dag .container-button-open-dag a,
.school-open-dag .container-button-oog a {
    height: 40px;
    width: 40px;
    line-height: 40px;
    display: block;
    text-decoration: none;
    text-align: center;
    border-radius: 20px;
    background-color: #ED2A7E;
    color: #fff;
}

.school-open-dag .container-button-kalender a:hover,
.school-open-dag .container-button-open-dag a:hover,
.school-open-dag .container-button-oog a:hover {
    background-color: #261f5b;
}

@media only screen and (min-width: 1024px) {
    .school-open-dag .container-button-kalender,
    .school-open-dag .container-button-open-dag,
    .school-open-dag .container-button-oog {
        bottom: 0px;
        right: 0px;
        top: 0;
    }

    .school-open-dag .container-button-kalender {
        right: 40px;
    }

    .school-open-dag .container-button-oog {
        right: 80px;
    }

    .school-open-dag .container-button-kalender a,
    .school-open-dag .container-button-open-dag a,
    .school-open-dag .container-button-oog a {
        height: 30px;
        width: 30px;
        line-height: 30px;
        font-size: 16px;
    }
}

/**********************************************
CHECKBOX
*/
.container-checkbox-openDag {
    display: block;
    display: inline-block;
    position: relative;
    margin-top: 12px;
    margin-left: 16px;
    margin-right: 8px;
    cursor: pointer;
    line-height: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 18px;
    float: right;
    width: 16px;
}

@media only screen and (min-width: 1024px) {
    .container-checkbox-openDag {
        margin-top: 7px;
    }
}

/* Verberg de browser's default checkbox */
.container-checkbox-openDag input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Styling custom checkbox */
.container-checkbox-openDag .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    border: 1px solid #999;
    border-radius: 4px;
    background-color: #fff;
    margin-left: 10px;
}

@media screen and (min-width: 1024px) {
    .container-checkbox-openDag .checkmark {
        margin-left: 0;
    }
}

/* Styling checkmark/indicator (hidden when not checked) */
.container-checkbox-openDag .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Mouse-over */
.container-checkbox-openDag:hover input ~ .checkmark {
    background-color: #ccc;
    background-color: #eee;
}

/* Styling checkbox checked */
.container-checkbox-openDag input:checked ~ .checkmark {
    background-color: #00AEF0;
    border: 1px solid #00AEF0;
}

/* Show the checkmark when checked */
.container-checkbox-openDag input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container-checkbox-openDag .checkmark:after {
    left: 5px;
    top: 1px;
    width: 4px;
    height: 8px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/**********************************************
SORTEER
*/
.container-buttons-sorteer {
    position: relative;
    display: block;
    margin-bottom: 20px;
    padding-right: 20px;
    border-bottom: 1px solid #999;
}

@media only screen and (min-width: 768px) {
    .container-buttons-sorteer {
        padding-top: 10px;
    }
}

.container-buttons-sorteer p {
    float: right;
    line-height: 28px;
    padding-right: 10px;
    font-weight: 700;
}

.container-buttons-sorteer .button-choice {
    cursor: pointer;
    line-height: 28px;
    float: right;
}

.container-buttons-sorteer .button-choice input {
    display: none;
}

.container-buttons-sorteer .button-choice input:checked + .inner {
    background-color: #F00;
    background-color: #cbc8c8;
    background-color: #00AEF0;
    color: #fff;
}

.container-buttons-sorteer .button-choice input + .inner {
    display: inline-block;
    height: 30px;
    background-color: #FF9900;
    background: #e7e7e7;
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 5px;
    border-radius: 10px 10px 0 0;
}

.container-buttons-sorteer .button-choice input:checked .inner {
    background-color: #000;
}

.container-buttons-sorteer .button-choice .inner:hover {
    background-color: #6C6;
    background-color: #261f5b;
    color: #fff;
}

/* Button PDF */
.container-scholen-open-dagen .button.margin-left {
    margin-left: 20px;
}

/*
ADS OPEN DAGEN + SCHOOLPRESENTATIE
*/
#opendagen-ad-container .ads > div, #schoolboard-ad-container .ads > div {
    display: inline-block;
    width: 93%;
    margin-left: 1%;
    margin-right: 1%;
    max-width: 400px;
    vertical-align: top;
    padding-bottom: 50px;
}

@media only screen and (min-width: 1024px) {
    #opendagen-ad-container .ads > div, #schoolboard-ad-container .ads > div {
        width: calc(29.3333% - 4px);
        margin-right: 2%;
        margin-left: 2%;
    }
}

.open-dagen-no-results {
    padding-bottom: 200px;
    padding-left: 20px;
}

/* panel COVID */
.panel-covid.opendagen-resultaten {
    padding: 10px;
    border-radius: 5px;
    margin-left: 30px;
    margin-top: 20px;
    max-width: 600px;
    text-align: center;
    font-size: 13px;
    line-height: 20px;
    font-weight: 700;
}

@media only screen and (min-width: 768px) {
    .panel-covid.opendagen-resultaten {
        margin-top: 0px;
        max-width: 300px;
        text-align: center;
        float: right;
    }
}

@media only screen and (min-width: 1280px) {
    .panel-covid.opendagen-resultaten {
        max-width: 400px;
    }
}

@media only screen and (min-width: 1440px) {
    .panel-covid.opendagen-resultaten {
        max-width: 500px;
    }
}
@charset "UTF-8";
.container-scholen-vergelijk {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    margin-top: 50px;
    margin-bottom: 50px;
    width: 92%;
    max-width: 1460px;
    padding-right: 4%;
    padding-left: 4%;
}
@media only screen and (min-width:768px) {
    .container-scholen-vergelijk {
        width: 88%;
        padding-right: 6%;
        padding-left: 6%;
    }
}
#schoolvergelijker {
	position: relative;
}
/* SWIPER */
#schoolvergelijker .swiper-container {
	position: relative;
	width: 100%;
	background-color: white;
}
#schoolvergelijker .absolute {
	position: absolute;
	left: 0;
	top: 0;
	/* z-index: 5; -maakt button onklikbaar, lijkt niet nodig -ML */
	width: 100%;
}
/* styles */
#schoolvergelijker .swiper-container .line {
	padding: 10px;
}

/* swiper 1 */
#schoolvergelijker .swiper-1.logoos {
	z-index: 9 !important;
}
#schoolvergelijker .lijn-top {
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	border-top: 1px solid #ccc;
}
#schoolvergelijker .swiper-1 a {
	color: #222;
	text-decoration: none;
	font-size: 12px;
}
#schoolvergelijker .swiper-1 a:hover {
	text-decoration: underline;
}

/* VAST */
#schoolvergelijker.vast .swiper-1.logoos {
    position: fixed;
    -webkit-box-shadow: 0 8px 6px -6px #333;
    -moz-box-shadow: 0 8px 6px -6px #333;
    box-shadow: 0 8px 6px -6px #333;
    margin-top: -1px;
    z-index: 999 !important;
    top:0;
    left: 0;
    width: 92%;
    max-width: 1460px;
    padding-right: 4%;
    padding-left: 4%;
}

#schoolvergelijker.vast .wrapper-swiper-button-left,
#schoolvergelijker.vast .wrapper-swiper-button-right{
    position: fixed;
    left: 22px;
    top: 150px;
}
#schoolvergelijker.vast .wrapper-swiper-button-right{
    right: 22px;
}
@media only screen and (min-width: 768px) {
    #schoolvergelijker.vast .swiper-1.logoos {
        width: 88%;
        padding-right: 6%;
        padding-left: 6%;
    }
}
@media only screen and (min-width: 1660px) {
    .container-scholen-vergelijk {
        padding-right: 0%;
        padding-left: 0%;
    }
    #schoolvergelijker.vast .swiper-1.logoos {
        left: 50%;
        margin-left: -730px;
        padding-right: 0%;
        padding-left: 0%;
    }
}

/* logo school en naam school centreren */
.swiper-1.logoos .line {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}
.swiper-1.logoos .line p {
	display: inline-block;
	font-weight: 700;
}
.swiper-1.logoos .line p img {
	max-width: 100px;
	max-height: 180px;
}

/* swiper 2 */
#schoolvergelijker .swiper-2 {
	font-size: 12px;
	line-height: 18px;
}
#schoolvergelijker .swiper-2 .absolute .line h4 {
	font-size: 16px;
	font-weight: 700;
	padding-top: 10px;
	padding-bottom: 20px;
	display: block;
	border-bottom: 1px solid #ccc;
}
#schoolvergelijker .swiper-2 .line p {
	padding-right: 8%;
}
#schoolvergelijker .swiper-2 .line .button {
	font-size: 12px;
}
@media only screen and (min-width: 1024px) {
	#schoolvergelijker .swiper-2 {
		font-size: 15px;
		line-height: 22px;
	}
	#schoolvergelijker .swiper-2 .absolute .line h4 {
		font-size: 20px;
		padding-top: 30px;
	}
	#schoolvergelijker .swiper-2 .line .button {
		font-size: 14px;
	}
}

/* foto */
.image {
	position: relative;
	display: inline-block;
	width: 100%;
	position: relative;
	display: none;
}
.image:before{
	content: "";
	display: block;
	padding-top: 65%;
}
.show {
	display: inherit;
}
.img-container {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.img-container .featured-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	overflow: hidden;
}
.custom-object-fit {
	position: relative;
	background-size: cover;
	background-position: center center;
}
.custom-object-fit .featured-image {
	opacity: 0;
}
.img-container.custom-object-fit {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
/* KNOPPEN */
#schoolvergelijker .wrapper-swiper-button-left,
#schoolvergelijker .wrapper-swiper-button-right{
	position: absolute;
	left: 0px;
	z-index: 20000;
}
#schoolvergelijker .wrapper-swiper-button-right{
	right: 0px;
	left:auto;
}
#schoolvergelijker .swiper-button-vorige,
#schoolvergelijker .swiper-button-volgende {
	top: 80px;
	right: -10px;
}
#schoolvergelijker .swiper-button-vorige {
	left: -10px;
	right: auto;
}
/* KNOPPEN */
.swiper-button-vorige,
.swiper-button-volgende {
	position: absolute;
	cursor: pointer;
	text-align: center;
	line-height: 38px;
	width: 40px;
	height: 40px;
	background-color: #ED2A7E;
	border-radius: 50%;
	top: 250px;
}
.swiper-button-vorige.swiper-button-disabled,
.swiper-button-volgende.swiper-button-disabled {
	opacity: 0;
}
.swiper-button-vorige:after,
.swiper-button-volgende:after {
	font-family: "icons";
	content: "\65";
	font-size: 25px;
	color:#FFF;
}
.swiper-button-vorige:after {
	content: "\67";
}
/* kaart */
.container-scholen-vergelijk #kaart {
	width: 100%;
	height: 830px;
	background-color: #FFF;
	padding-top: 50px;
}
.container-scholen-vergelijk #preview-frame {
	float: left;
	width: 100%;
	max-width: 100% !important;
	height: 100%;
	max-height: 100% !important;
}

@charset "UTF-8";

.landingspagina-plaatsen a {
	color: #ED2A7E;
	text-decoration: none;
}

.landingspagina-plaatsen a:hover, .landingspagina-plaatsen a:active, .landingspagina-plaatsen a:focus {
	text-decoration: underline;
}

.landingspagina-plaatsen h3 {
	border-bottom: 1px #000 solid;
	padding-bottom: 10px;
	margin: 20px 0 15px 0;
	font-size: 20px;
	line-height: 28px;
}

.landingspagina-plaatsen h4 {
	margin: 10px 0 5px 0;
}

/* NIEUW febr 2025 */
.landingspagina h1 {
    font-family: "myriad-pro", sans-serif;
    font-size: 30px;
    line-height: 32px;
    font-weight: 700;
    text-align: center;
}

.landingspagina p.landingspagina-intro {
}

@media only screen and (min-width: 1024px) {
    .landingspagina h1 {
        font-size: 40px;
        line-height: 48px;
    }
    .landingspagina p.landingspagina-intro {
        font-size: 20px;
        line-height: 28px;
    }
}
/* BANNERS */
.container-banners.landingspagina {
    position: relative;
    padding: 0 20px;
    max-width: 1160px;
    margin: 0 auto;
}

.container-blocks.landingspagina {
    gap: 20px;
}

.container-blocks.landingspagina .wp-block-vogids.banner.staand {
    width: -moz-calc(50% - 10px); /* Firefox */
    width: calc(50% - 10px); /* Standard */
    max-width: 100%;
}

.container-blocks.landingspagina .wp-block-vogids.banner.staand.dubbele-breedte {
    width: 100%;
}

.container-blocks.landingspagina .wp-block-vogids.banner.staand .block-image {
    height: 140px;
}

.container-blocks.landingspagina .wp-block-vogids.banner .block-txt {
    padding: 30px 10px 35px 10px;
}

.container-blocks.landingspagina .wp-block-vogids.banner h2 {
    font-size: 17px;
    line-height: 22px;
    margin: 0 0 10px 0;
}

.container-blocks.landingspagina .wp-block-vogids.banner p {
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 10px;
}

.container-banners.liggend_1 .container-blocks.liggend_1 {
    flex-direction: column;
    flex-direction: row;
    align-items: center;
}

.wp-block-vogids.banner.staand .block-container {
    flex-direction: column;
}

.wp-block-vogids.banner.staand .block-container .block-left {
    height: 200px;
    width: 100%;
}

.wp-block-vogids.banner {
    max-width: 500px;
}

.wp-block-vogids.banner .block-left {
    width: 140px;
    min-height: 140px;
}

.container-links .wp-block-vogids.banner .block-left {
    width: 75px;
    min-height: 75px;
}

@media only screen and (min-width: 1024px) {
    .container-blocks.landingspagina {
        gap: 36px;
    }

    .container-blocks.landingspagina .wp-block-vogids.banner.staand {
        width: -moz-calc(33.3333% - 24px); /* Firefox */
        width: calc(33.3333% - 24px); /* Standard */
        max-width: 100%;
    }

    .container-blocks.landingspagina .wp-block-vogids.banner.staand.dubbele-breedte {
        width: -moz-calc(66.6666% - 12px); /* Firefox */
        width: calc(66.6666% - 12px); /* Standard */
    }
    
    .container-blocks.landingspagina .wp-block-vogids.banner.staand .block-image {
        height: 200px;
    }

    .container-blocks.landingspagina .wp-block-vogids.banner .block-txt {
        padding: 25px 20px 35px 30px;
    }

    .container-blocks.landingspagina .wp-block-vogids.banner h2 {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 10px;
    }

    .container-blocks.landingspagina .wp-block-vogids.banner p {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 10px;
    }

    .container-blocks.landingspagina .wp-block-vogids.banner.staand .block-image.h-100pr {
        height: 100%;
    }

}

.redactioneel.landingspagina ul li {
    margin-left: 10px;
}

.powered-by {
    padding-left: 6%;
    padding-bottom: 40px;
}

.powered-by img {
    width: 90px;
}
@charset "UTF-8";



.tweet-item-container {
	background-color: #e9e9e9;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-bottom: 10px;
}
.tweet-item-container a {
	color: #222;
	text-decoration: none;
}
.tweet-item-datum.link a,
.tweet-reply.link a,
.tweet-retweet.link a {
	color: #999;
}
.tweet-item-lijn {
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #e7eae8;
}
.tweet-item-datum,
.tweet-reply,
.tweet-retweet,
.tweet-favorite {
	color:#222;
	font-size: 12px;
	background-repeat: no-repeat;
	background-position: 0px -1px;
	line-height: 20px;
	float: left;
	margin-right: 7px;
}
.tweet-item-tekst {
	margin-bottom: 10px;
}
.tweet-item-datum {
	background-image: url(/wp-content/themes/vogids/css/../images/twitter-icon-klokje.png);
	text-indent: 25px;
}
.tweet-reply {
	background-image: url(/wp-content/themes/vogids/css/../images/twitter-icon-reply.png);
	text-indent: 28px;
}
.tweet-retweet {
	background-image: url(/wp-content/themes/vogids/css/../images/twitter-icon-retweet.png);
	text-indent: 30px;
}
.tweet-favorite {
	background-image: url(/wp-content/themes/vogids/css/../images/twitter-icon-favorite.png);
	text-indent: 28px;
}
.clear-left {
	clear: left;
}

@charset "UTF-8";
/*SCREENDUMPS op toelichting */
.container-screendumps {
	background: #e7e7e7;
	max-width: 500px;
	padding-top: 50px;
	padding-right: 60px;
	padding-bottom: 70px;
	padding-left: 60px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
}
.screendump {
	padding-top: 0%;
	padding-right: 5%;
	padding-bottom: 0%;
	padding-left: 5%;
}
.screendump.kolom {
	width: 40%;
	float: left;
}
.screendump h4 {
	padding-bottom: 20px;
}
.screendump img {
	margin-bottom:10px;
}
/* PANELS */
.panel-container.tabel-toelichting {
	position: relative;
	background: #e7e7e7;
	margin-bottom: 40px;
	padding: 20px;
}
.panel-container.tabel-toelichting .titel-onderdeel {
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	height: 30px;
	line-height: 28px;
	padding-left: 20px;
}
.panel-container.tabel-toelichting .bullet {
	position: relative;
	display: block;
	width: 9px;
	height: 9px;
	background-color: #222;
	margin-left: auto;
	margin-right: auto;
	border-radius: 50%;
	top: 3px;
}
/* SWIPER */
.panel-container.tabel-toelichting .swiper-container {
	padding-left: 40%;
	width: 60%;
	font-size: 12px;
	line-height: 14px;
	overflow-x: hidden;
}
.panel-container.tabel-toelichting .swiper-container.swiper-1 {
	margin-bottom: 20px;
}
.panel-container.tabel-toelichting .absolute {
	position: absolute;
	left: 20px;
	z-index: 5;
	width: 40%;
	width: -moz-calc(40% - 16px); /* Firefox */
	width: calc(40% - 16px); /* Standard */
	background: #e7e7e7;
	box-shadow: 15px 0 15px -5px #666;
	-webkit-box-shadow: 13px 0px 10px -13px #666;
	-moz-box-shadow: 15px 0 15px -5px #666;
}
@media only screen and (min-width: 768px) {
	.panel-container.tabel-toelichting .swiper-container {
		font-size: 15px;
		line-height: 20px;
	}
	.panel-container.tabel-toelichting .absolute {
		box-shadow: 0px 0 0px 0px #333;
		-webkit-box-shadow: 0px 0 0px 0px #666;
		-moz-box-shadow: 0px 0 0px 0px #333;
	}
}
.panel-container.tabel-toelichting .swiper-container .line {
	padding: 10px;
	border-bottom: 1px solid #c5c2c2;
}
.panel-container.tabel-toelichting .swiper-slide {
	width: 50%;
	text-align: center;
}
.panel-container.tabel-toelichting .swiper-slide.breed {
	width: 100%;
}
.panel-container.tabel-toelichting .swiper-slide.breed .kolom {
	width: -moz-calc(50% - 20px); /* Firefox */
	width: -webkit-calc(50% - 20px); /* WebKit */
	width: calc(50% - 20px); /* Standard */
	float: left;
	padding-left: 20px;
}
.panel-container.tabel-toelichting .swiper-slide.breed .kolom:first-child {
	float: left;
	padding-right: 20px;
	padding-left: 0px;
}

@media only screen and (min-width: 768px) {
	.panel-container.tabel-toelichting .swiper-slide {
		width: 33.333%;
	}
	.panel-container.tabel-toelichting .swiper-slide.breed {
		width: 66.6666%;
	}
}
/* fond kleur oneven regels */
.panel-container.tabel-toelichting .absolute .line:nth-child(odd),
.panel-container.tabel-toelichting .swiper-slide .line:nth-child(odd) {
	background-color: yellowgreen;
	background: #e7e7e7;
	background: #dfdddd;
}
/* fond kleur eerste regels */
.panel-container.tabel-toelichting .absolute .line.bg-wit:nth-child(odd),
.panel-container.tabel-toelichting .swiper-slide .line.bg-wit:nth-child(odd),
.panel-container.tabel-toelichting .absolute .line.bg-wit:nth-child(even),
.panel-container.tabel-toelichting .swiper-slide .line.bg-wit:nth-child(even){
	background-color: yellowgreen;
	background-color: #fff;
}
/* eerste regel geen accent */
.panel-container.tabel-toelichting .absolute .line:first-child,
.panel-container.tabel-toelichting .swiper-slide .line:first-child,
.panel-container.tabel-toelichting .absolute .line:nth-child(2),
.panel-container.tabel-toelichting .swiper-slide .line:nth-child(2) {
	background-color: red;
	background: #e7e7e7;
}
/* KNOPPEN */
.swiper-button-prev,
.swiper-button-next {
	position: absolute;
	cursor: pointer;
	text-align: center;
	line-height: 38px;
	width: 40px;
	height: 40px;
	background-color: #ED2A7E;
	border-radius: 50%;
	top: 250px;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
	opacity: 0;
}
.swiper-button-prev:after,
.swiper-button-next:after {
	font-family: "icons";
	content: "\65";
	font-size: 25px;
	color:#FFF;
}
.swiper-button-prev:after {
	content: "\67";
}

/* container knoppen tbv fixed */
.wrapper-swiper-button-left-1,
.wrapper-swiper-button-left-2,
.wrapper-swiper-button-right-1,
.wrapper-swiper-button-right-2 {
	position:absolute;
	width: 40px;
	height:100%;
	left: -15px;
	top: 0px;
	z-index: 10;
}
.wrapper-swiper-button-right-1,
.wrapper-swiper-button-right-2 {
	left: auto;
	right: -15px;
}
.container-swiper-button-1,
.container-swiper-button-2 {
	width: 40px;
	color: #fff;
	height: 600px;
}
/**
 * Swiper 8.3.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 26, 2022
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
@charset "UTF-8";
.print-status header {
    height: 60px;
    margin-top: 0px;
    width: 100%;
    position: relative;
    line-height: 38px;
    color: #222;
    padding: 0px;
    padding-left: 00px;
    z-index: 15;
}

.print-status header .button a {
    height: 30px;
    text-decoration: none;
    display: inline-block;
    line-height: 28px;
    color: #666;
    border-radius: 15px;
    font-weight: normal;
}

.print-status header .button a:hover {
    color: #fff;
}

.print-status header .button .icon {
    height: 30px;
    line-height: 30px;
    width: 25px;
}


.kolom-pull-down {
    height: 40px;
    float: left;
    width: 200px;
    position: relative;
}

.container-line {
    position: relative;
}

.kolom-rechts-fixed {
    float: right;
    width: 310px;
    overflow: hidden;
    position: relative;
    height: 40px;
}

.kolom-links-fluid {
    overflow: hidden;
    position: relative;
}

.titel-balk .kolom,
.container-checkbox .kolom,
.kolom-links-fluid .kolom {
    float: left;
    width: 20%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
}

.container-checkbox .kolom:first-child {
    text-indent: 40px;
}

.titel-balk {
    text-indent: 20px;
    height: 30px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    color: #FFF;
}

/* titelbalk select */
.titel-balk .kolom:hover {
    background-color: #261f5b;
    height: 30px;
    cursor: pointer;
}

.container-pijltjes {
    position: absolute;
    height: 30px;
    width: 30px;
    top: 0px;
    right: 0px;
    line-height: 32px;
}

.select {
    background-color: #C63;
    height: 30px;
}

/************/
.print-status .container-formulier {
    padding-right: 0px;
    padding-left: 0px;
}

.padding-left {
    padding-left: 20px;
}

.print-status .container-formulier .container-checkbox {
    line-height: 38px;
    height: 40px;
    text-indent: 20px;
}

.print-status .container-formulier .container-checkbox input[type="checkbox"][name="myCheckbox"]:not(:checked) + label.box::after,
.print-status .container-formulier .container-checkbox input[type="checkbox"][name="myCheckbox"]:checked + label.box::after {
    left: 10px;
    top: 12px;
}

/* geactiveerd */
.print-status .container-formulier .container-checkbox input[type="checkbox"][name="myCheckbox"]:checked + label.box {
    height: 40px;
    line-height: 38px;
}

.print-status .container-line .container-checkbox:hover,
.print-status .container-line .container-checkbox:nth-child(even):hover {
    background-color: #aedaeb;
}

.print-status .container-line:nth-child(even) {
    background-color: #d9dbdc;
}

.container-icons {
    float: right;
    line-height: 38px;
    width: 80px;
}

.icon {
    text-indent: 0px;
    float: left;
    width: 30px;
}

.kolom-links-fluid .icon {
    float: left;
}

.icon a {
    width: 40px;
    color: #555;
    text-decoration: none;
    display: block;
    text-align: center;
}

.icon a:hover {
    color: #888;
}

.pulldown {
    width: 200px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.print-status .container-line .select2-container .select2-choice {
    background-color: #cdcdcd;
    background-color: #F93;
    background-color: transparent;
}

.print-status .container-line .select2-dropdown-open .select2-choice {
    background-color: #00AEF0;
    color: #FFF;
    border: 0px solid #d7d5d5;
}

/* opmaak tab */
.container-formulier .padding-top {
    padding-top: 7px;
}

.h-45 {
    height: 45px;
}

.h-150 {
    height: 150px;
}

.upload p {
    margin: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 20px;
}

.upload .select2 {
    padding: 0px;
    margin: 0px;
}

.search .icon {
    width: 40px;
    font-size: 26px;
}

.search .icon a {
    height: 40px;
    width: 40px;
    background-color: #261f5b;
    background-color: #555;
    color: #FFF;
}

.search input.text {
    margin-right: 0px;
}

.print-approve input[type=checkbox] {
    -webkit-appearance: checkbox;
}