@import url("https://use.typekit.net/dpo5ogq.css");


body
{
    margin:0px;
    font-family: gesta, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color:#000000;
    word-break: break-word;
}

h1, h2, h3, .page-header
{
    font-family: poster-gothic-round-cond-atf, sans-serif;
    margin:0px;
    padding:0px;
    font-weight: 700;
    margin-bottom: 30px;
    text-transform: uppercase;
}


h1, .page-header
{
    font-size: 50px;
    line-height: 52px;
    color:#000000;
    border:none;
}

h2
{
    font-size: 30px;
    line-height: 35px;
    color:#000000;
}

h3
{
    font-size: 20px;
    line-height: 24px;

}

.field--name-field-tekst img, .cke_image_resizer_wrapper img
{
	max-width:100%;
	height: auto;
}

p
{
    margin-bottom: 24px;
}

.header
{
    margin-bottom: 50px;
}

.path-frontpage .header
{
    margin-bottom: 0px;
}

.field--name-field-inhoud .field--item
{
    position: relative;
}

.header
{
    position: relative;
}

.header .container
{
    z-index: 20;
    position: relative;
}

.topbar
{
    width:100%;
    position: absolute;
    top:0px;
    left:0px;
    height:40px;
    z-index: 23;
}

.topbar::before
{
    content:"";
    width:100%;
    height: 100%;
    position: absolute;
    top:0px;
    left:0px;
    opacity: 0.8;
    mix-blend-mode: multiply;
    background-color: #000;
}

.contactinfo
{
    display: flex;
    flex-wrap: wrap;
    margin-right: auto;
}

.well {
    min-height: 20px;
    padding: 0px;
    margin-bottom: 20px;
    background-color: transparent;
    border: none;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.pagination > li > a, .pagination > li > span
{
    color:#000000;
    border-color:#000000
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus
{
    background-color:#ffd302;
    border-color:#000000;
    color:#000000;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus
{
    color:#000000;
    background-color:transparent;
    border-color:#000000
}

.header .nav > li > a, .header .nav > li > a:hover, .header .nav > li > a:focus, .horizontal-menu > li > a, .header .nav > li > span,
.footer_bottom .nav > li > a, .footer_bottom .nav > li > a:hover, .footer_bottom .nav > li > a:focus
{
    padding:0px;
    background-color:transparent;
    color:#ffffff;
    font-family: poster-gothic-round-cond-atf, sans-serif;
    font-size: 14px;
    font-weight: 500;
    margin-left:10px;
    height: 40px;
    line-height: 40px;
    float:none;
    margin-right: 0px;
}

.caret
{
    display: none;
}

.footer_bottom .nav > li > a, .footer_bottom .nav > li > a:hover, .footer_bottom .nav > li > a:focus
{
    color:#000000;
    font-weight: bold;
    font-family: gesta, sans-serif;
    height: 24px;
    line-height: 24px;
    border-left:solid 1px #000000;
    padding-left: 10px;
}

.nav > li > a:hover, .nav > li > a:focus
{
    background-color:transparent;
}

.horizontal-menu > li > a, .horizontal-menu > li > span
{
    font-size: 18px;
    height: 70px;
    line-height: 70px;
    color:#ffffff;
     font-family: poster-gothic-round-cond-atf, sans-serif;
    margin-left:10px;
}

.horizontal-menu > li ul
{
    background-color:#ffd302;
    width:auto;
    padding-top:10px;
    padding-bottom: 10px;
    left:auto;
    right:auto;
}

.horizontal-menu > li ul:before,
.dropdown-menu:before
{
    content: "";
    width: 14px;
    height: 14px;
    position: absolute;
    top: -6px;
    left:50%;
    margin-left:-7px;
    background-color: #ffd302;
    transform: rotate(45deg);
    z-index: 0;
}

.horizontal-menu > li
{
    position: unset;
}

.horizontal-menu li li
{
    float:none;
    width:auto;
}

.horizontal-menu > li li > a
{
    color:#000000;
    font-family: poster-gothic-round-cond-atf, sans-serif;
    font-size: 18px;
    font-weight: 500;
    background-color:#ffd302;
    padding-top:10px;
    padding-bottom: 10px;
}

.horizontal-menu > li li > a:hover
{
    background-color:#333333;
    color:#ffffff;
}

.form-control:focus
{
    border:none;
    border-bottom:  solid 1px #000000;
    box-shadow: none;
    -webkit-box-shadow:none;
}

.menu-zoeken
{
    display: block;
    text-indent:-9999px;
    width:24px;
    height: 24px;
    cursor: pointer;
    background-image: url("../images/icon-zoeken.svg");
    background-repeat: no-repeat;
    margin-left: 4px;
    background-position: center center;
}

.search-block-form
{
    width:195px;
    position: absolute;
    right: 15px;
    bottom: -44px;
    display: none;
}

.search-block-form::before
{
    content: "";
    width: 14px;
    height: 14px;
    position: absolute;
    top: -6px;
    right: 13px;
    background-color: #ffffff;
    transform: rotate(45deg)
}

#search-block-form .input-group, #search-form .input-group
{
    background-color:#ffffff;
    padding:5px;
    height: 40px;
    width:195px;
}

#search-form .input-group
{
    width:100%;
}

#search-form .form-control, #search-form .form-group
{
    border:none;
    margin-bottom: 0px;
}

#search-block-form .button, #search-form .button
{
    width:30px;
    height: 30px;
    box-shadow: none;
    padding:0px;
    display: block;
    text-indent:-9999px;
    background-image:url('../images/icon-zoeken-zwart.svg');
    background-repeat: no-repeat;
    background-position: center center;
}

#search-block-form .glyphicon
{
    top:-8px;
}

#search-block-form input.form-search
{
    font-family: poster-gothic-round-cond-atf, sans-serif;
    color:#838383;
    font-size: 18px;
    font-weight: 500;
    border:none;
    outline:none;
    box-shadow: none;
}



.tel a, .mail a
{
    color:#ffd302;
    font-family: poster-gothic-round-cond-atf, sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    background-image: url('../images/icon-telefoon.svg');
    display: block;
    height:40px;
    line-height: 40px;
    background-position: left 11px;
    padding-left:22px;
    background-repeat: no-repeat;
    margin-right: 10px;
}

.mail a
{
    background-image: url('../images/icon-mail.svg');
}

.topbar .container, .menu--menu-top
{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}

.region-topbar, .menu--social-media, .menu--footer-menu
{
    display: flex;
    flex-wrap: wrap;
}

.menu--social-media
{
    margin-left:20px;
}

.menu--social-media li
{
    margin-left:10px;
}

.menu--social-media .facebook, .menu--social-media .twitter, .menu--social-media .instagram, .menu--social-media .youtube
{
    text-indent:-9999px;
    display: block;
    width:18px !important;
    height: 18px !important;
    background-image:url('../images/icon-facebook.svg');
    margin-left:0px !important;
    margin-top:11px;
}

.menu--social-media .twitter
{
    background-image:url('../images/icon-twitter.svg');
}

.menu--social-media .instagram
{
    background-image:url('../images/icon-instagram.svg');
}

.menu--social-media .youtube
{
    background-image:url('../images/icon-youtube.svg');
}

.mainbar
{
    width:100%;
    position: absolute;
    top:41px;
    left:0px;
    height:70px;
    z-index: 22;
}

.mainbar::before
{
    content:"";
    width:100%;
    height: 100%;
    position: absolute;
    top:0px;
    left:0px;
    opacity: 0.6;
    mix-blend-mode: multiply;
    background-color: #000;
}

.form-group
{
    margin-bottom: 30px;
}

.view-meer-weten- .form-group
{
    margin-bottom: 15px;
}

.dropdown-menu
{
    background-color:#ffd302;
    border:none;
    box-shadow: none;
    -webkite-box-shadow:none;
    border-radius: 0px;
    top:calc(100% - 2px)
}

.dropdown-menu > li > a
{
    font-family: poster-gothic-round-cond-atf, sans-serif;
    font-size: 14px;
    color:#000000;
    position: relative;
    z-index: 1
}

.mainbar .container
{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus
{
     background-color: #333333;
    color: #ffffff;
}

.mainbar .logo
{
    position: relative;
    margin-right: auto;
    width:177px;
    margin-top: 8px
}

.slideshow
{
    width:100%;
    height: 60vh;
    max-height: 320px;
    overflow: hidden;
    border-bottom: solid 20px #ffd302;
	background-image:url("https://www.revabo.nl/sites/default/files/styles/slideshow_1920_/public/2021-11/IMG_0030.JPG");
	background-size: cover;
    background-position: center center;
}

.slideshow-default
{
    background-image:url("../images/slide-default.jpg");
    background-size: cover;
    background-position: center center;
}

.path-frontpage .slideshow
{
    max-height: 750px;
     border-bottom: solid 50px #ffd302;
}

.slideshow * :not(.contextual), .region-slideshow
{
    width:100%;
    height:100%;
}

.slideshow img
{
    width:100%;
    height: 100%;
    object-fit: cover;
    object-position:  center center;
}

a:hover, a:focus
{
    text-decoration: none;
}

.region-content .paragraph--type--tekstkader a, .region-content .paragraph--type--tekstkader a:hover, .region-content .paragraph--type--tekstkader a:focus,
p a, p a:hover, p a:focus
{
    text-decoration: underline;
    color:#000000;
    font-weight: bold;
}

.btn-small a, .btn-primary, .btn, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary, .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus, .btn-primary:hover, .buttonGeel, .buttonZwart, .buttonGrootGeel, .buttonGrootZwart
{
    font-family: poster-gothic-round-cond-atf, sans-serif;
    font-weight: 700;
    display: block;
    height: 52px;
    line-height: 52px;
    padding:0px;
    padding-left:20px;
    padding-right: 20px;
    box-shadow: 0 2px 12px -6px #434343;
    background-color: #ffd302;
    color:#000000 !important;
    text-transform: uppercase;
    text-decoration: none !important;
    width:max-content;
    border:none;
    font-size: 16px;
    border-radius: 0px;

}

.text-align-right a
{
    float:right;
}

.view-nieuwsbrief, .view-updates
{
    position: relative;
}

.btn-zwart a, .view-nieuwsbrief .btn-primary, .buttonZwart, .buttonZwart:hover, .buttonGrootZwart:hover
{
    background-color:#000000;
    color:#ffffff !important;
}

.buttonGrootGeel, .buttonGrootZwart
{
    font-size: 24px;
    height: 72px;
    line-height: 72px;
}

.view-opleidingen-pagina .buttonGrootGeel, .view-opleidingen-pagina .btn-primary, .view-opleidingen-pagina .buttonGrootZwart
{
    width:100% !important;
    text-align: center;
}

.slogan
{
    position: absolute;
    left:0px;
    width:100%;
    bottom:40px;
}

.slogan .container
{
    display: flex;
    flex-wrap: wrap;
}


.path-frontpage .slogan
{
    bottom:146px;
}

.path-frontpage .slogan .container
{
    display: block;
}

.slogan .first, .slogan .second
{
    font-family: poster-gothic-round-cond-atf, sans-serif;
    font-size: 24px;
    color:#000000;
    height: 60px;
    line-height: 60px;
    background-color:#ffd302;
    font-weight: 500;
    width:max-content;
}

.slogan .first
{
    padding-right: 4px;
    padding-left:20px;
}

.slogan .second
{
    padding-left:4px;
    padding-right: 20px;
    font-weight: 700;
}

.path-frontpage .slogan .first, .path-frontpage .slogan .second
{
    padding-left:20px;
    padding-right: 20px;
}

.slogan .second
{
    background-color: #000000;
    color: #ffffff;
}

.path-frontpage .slogan .second
{
    background-color: #000000;
    color: #ffffff;
    font-size: 60px;
    font-weight: 700;
    height: 100px;
    line-height: 100px;
}

.layout .field--name-field-media, .layout .field--name-field-media img
{
    width:100%;
}

.path-frontpage .layout .field--name-field-tekst
{
    padding-top:57px;
    padding-bottom: 100px;
}



.layout .field--name-field-tekst ul li
{
    padding-left:10px;
}

.layout .field--name-field-tekst ul li::marker
{
    color:#ffd302;
    content:"◆";
    font-size: 12px;
}

.layout .field--name-field-tekst ul.usp li
{
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    font-family: poster-gothic-round-cond-atf, sans-serif;
}

.layout .field--name-field-tekst ul.usp li::marker
{
    font-size: 24px;
}

.path-frontpage .field--name-field-inhoud>.field--item:nth-child(1) img
{
    margin-top:-40px;
}

.path-frontpage .field--name-field-inhoud>.field--item:nth-child(1) .layout .field--name-field-tekst
{
    padding-bottom: 80px;
}

.path-frontpage .field--name-field-inhoud>.field--item:nth-child(1) .layout__region--second
{
    display: flex;
}

.path-frontpage .field--name-field-inhoud>.field--item:nth-child(1) .layout__region--second .paragraph
{
    margin-top:auto;
}

#block-views-block-onze-opleidingen-block-1
{
    position: relative;
    padding-top:50px;
    padding-bottom: 70px;
}

#block-views-block-onze-opleidingen-block-1::before
{
    position: absolute;
    content:"";
    height: calc(100% - 160px);
    width: 100vw;
    margin-left: 50%;
    transform: translateX(-50%);
    background-color:#333333;
    top:0px;
}

#block-views-block-onze-opleidingen-block-1 h2
{
    color:#ffffff;
    position: relative;
}

.view-onze-opleidingen .view-content
{
    display: flex;
    flex-wrap: wrap;
    justify-content:space-between;
}


.view-onze-opleidingen .view-content .views-row .views-field-field-afbeelding,
.view-onze-opleidingen .view-content .views-row .views-field-field-afbeelding .field--item
{
    width:277px;
    height: 300px;
}

.view-onze-opleidingen .view-content .views-row .views-field-field-afbeelding img
{
    width:100%;
    height: 100%;
    object-fit: cover;
    object-position:  center center;
}

.view-onze-opleidingen .view-content .views-row .views-field-field-naam-opleiding
{
    position: relative;
    margin-top:-27px;
    margin-left:9px;
}

.view-opleidingen-uitgebreid
{
    margin-bottom: 75px;
}

.view-opleidingen-uitgebreid .view-content .views-row
{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    position: relative;
    z-index: 1;
    width:277px;
}

.view-opleidingen-uitgebreid .view-content .views-row:before
{
    content:"";
    position: absolute;
    top:0px;
    left:0px;
    width:100%;
    height: calc(100% - 26px);
    background-color:#333333;
    z-index: -1;
}

.view-opleidingen-uitgebreid .opleiding-container
{
    background-color:#333333;
    padding:30px;
    padding-bottom: 80px;
    color:#ffffff;
}

.view-opleidingen-uitgebreid .view-content .views-row .views-field-field-naam-opleiding
{
    margin-top:0px;
    margin-left:0px;
    color:#ffd302;
    font-family: poster-gothic-round-cond-atf, sans-serif;
    font-weight: 700;
    margin-bottom: 20px;
}

.view-opleidingen-uitgebreid .views-field-view-node
{
    margin-top:auto;
    margin-left:10px;
}

.layout--twocol-compact_geel
{
    position: relative;
    z-index: 1;
}

.layout--twocol-compact_geel::before
{
    content:"";
    position: absolute;
    width: 100vw;
    margin-left: 51%;
    transform: translateX(-51%);
    height: 100%;
    background-color:#ffd302;
    z-index: 0;
    left:0px;
}

.layout--twocol-compact_geel .layout__region--first
{
    position: relative;
}

.layout--twocol-compact_geel .field--name-field-media-image
{
    margin-top:-50px;
    margin-bottom: 50px;
}

.layout--twocol-compact_geel .field--name-field-media-image .field--item
{
    width:100%;
    height: 100%;
}

.layout--twocol-compact_geel .field--item img
{
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center center;
}

.paragraph--type--achtergrondafbeelding
{
    margin-bottom: 180px;
}
.paragraph--type--achtergrondafbeelding .field--name-field-tekst
{
    position: relative;
    z-index:1;
    font-family: poster-gothic-round-cond-atf, sans-serif;
    font-weight: 700;
    color:#ffffff;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    text-align: center;

    width:100%;
    max-width: 750px;
    margin:auto;
    font-size: 50px;
    line-height: 52px;
    padding-top:123px;
    padding-bottom: 123px;


}

.paragraph--type--achtergrondafbeelding .field--name-field-media
{
    position: absolute;
    left:0px;
    top:0px;
    height: 100%;
    width: 100%;
    z-index: 0;
    width: 100vw;
    margin-left: 50%;
    transform: translateX(-50%);
}

.paragraph--type--achtergrondafbeelding .field--name-field-media *
{
    width:100%;
    height: 100%;
}

.paragraph--type--achtergrondafbeelding .field--name-field-media img
{
    object-fit: cover;
    object-position: center center;
}

#block-views-block-updates-block-1
{
    padding-top:100px;
    padding-bottom: 100px;
    position: relative;
}

#block-views-block-updates-block-1::before
{
    content:"";
    width: 100vw;
    margin-left: 50%;
    transform: translateX(-50%);
    background-color:#e7e7e7;
    position: absolute;
    bottom:0px;
    left:0px;
    height: calc(100% - 270px);
}

.view-updates .view-content
{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.view-updates .views-row
{
    width:360px;
}

.path-updates .view-updates .views-row
{
    margin-bottom: 50px;
}

.view-updates .views-row .views-field-field-afbeelding,
.view-updates .views-row .views-field-field-afbeelding .field--item
{
    width:360px;
    height: 200px;
}

.view-updates .views-row .views-field-field-afbeelding img
{
    width:100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.view-updates .views-row .views-field-title
{
    height: 180px;
    padding-top:36px;
    padding-left:20px;
    padding-right: 20px;
    font-family: poster-gothic-round-cond-atf, sans-serif;
    font-size: 24px;
    line-height: 28px;
    background-color:#ffd302;
    font-weight: 700;
}

.view-updates .views-row .views-field-view-node
{
    margin-top:-26px;
    margin-left:20px;
}

.subfooter
{
    margin-top:100px;
}

#block-views-block-nieuwsbrief-block-1
{
    position: relative;
    margin-bottom: 50px;
}

#block-views-block-nieuwsbrief-block-1::before
{
    content:"";
    position: absolute;
    top:0px;
    left:0px;
    width:100vw;
    margin-left: 50%;
    transform: translateX(-50%);
    height: calc(100% - 50px);
    background-color:#ffd302;

}

.view-nieuwsbrief .views-row
{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.view-nieuwsbrief .views-row .views-field-fieldset
{
    width:580px;
    margin-top:50px;
}

.view-nieuwsbrief .views-row .views-field-fieldset .field--name-field-media-image .field--item
{
    height: 406px;
}

.view-nieuwsbrief .views-row .views-field-fieldset .field--name-field-media-image .field--item img
{
    with:100%;
    height: 100%;
    object-fit: cover;
    object-position:  center center;
}

.view-nieuwsbrief .views-row .views-field-fieldset-1
{
    width:457px;
    margin-left:100px;
}

.view-nieuwsbrief .webform-submission-form
{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    margin-top: 50px;
    margin-bottom: 30px;
}

.view-nieuwsbrief .webform-submission-form .form-type-email
{
    width:302px;
    margin-right:20px;
}

.form-control
{
    font-family: poster-gothic-round-cond-atf, sans-serif;
    background-color:transparent;
    font-size: 20px;
    border:none;
    border-bottom:solid 1px #000000;
    border-radius: 0px;
    font-weight: 700;
    outline:none;
    box-shadow: none;
    color:#000000;
    padding-left:10px;
}

.form-control::placeholder
{
    color:#000000;
}

.footerbox
{
    width:100%;
    background-color:#000000;
    padding-top:92px;
    padding-bottom: 50px;
}

.path-frontpage .footerbox
{
    padding-top:192px;
}

.path-frontpage .block-views-blockkaart-block-1
{
    margin-bottom: -100px;
    margin-top:100px;
}

.footer {
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-top: none;
    color:#ffffff;
}

.footer .region-footer
{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.footer .region-footer #block-logoexcellent
{
    width:160px;
    margin-right: 50px;
}

.footer h2
{
    color:#ffd302;
    font-size: 18px;
    margin-bottom: 20px;
}

.footer #block-socialmedia-2
{
    margin-left:auto;
}

.footer .menu--social-media .facebook, .footer .menu--social-media .twitter, .footer .menu--social-media .instagram, .footer .menu--social-media .youtube
{
    width:30px !important;
    height: 30px !important;
    background-size: 100%;
}

.footer .menu--social-media li
{
    margin-left:20px;
}

.footer_bottom  .container
{
    display: flex;
    justify-content: flex-start;
}

.memorise
{
    margin-left:auto;
}

.footer_bottom
{
    font-size: 14px;
    padding-top:20px;
    padding-bottom:16px;
}

.view-meer-weten-
{
    background-color:#ffd302;
    padding:20px;
    padding-bottom: 0px;
    position: relative;
}

.views-field-field-formulier .field-content .webform-submission-form
{
    position: relative;
    padding-bottom: 70px;
}

.view-meer-weten- .form-actions
{
    position: absolute;
    bottom:-26px;
}


.view-meer-weten- .views-field-body
{
    margin-bottom: 50px;
}

.view-meer-weten- .btn-primary
{
    background-color:#000000;
    color:#ffffff !important;
    margin-top:40px;
}

.view-opleidingen-pagina .views-row
{
    margin-bottom: 50px;
}

.bg_grijs
{
    padding:20px;
    padding-top:30px;
    padding-bottom: 40px;
    background-color:#e7e7e7;
}

.bg_grijs.layout .field--name-field-tekst ul li::marker {
    color: #000000;
    content: "◆";
    font-size: 12px;
}

.field--name-field-media-oembed-video
{
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
    overflow: hidden;
}

.field--name-field-media-oembed-video iframe
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.views-field-field-inhoud-rechterbalk .paragraph--type--media-colorbox .field--name-field-media
{
    display: flex;
    flex-wrap: wrap;
}

.views-field-field-inhoud-rechterbalk .paragraph--type--media-colorbox .field--name-field-media>.field--item
{
    width:175px;
    height: 175px;
    margin-bottom: 10px;
}

.views-field-field-inhoud-rechterbalk .paragraph--type--media-colorbox .field--name-field-media>.field--item:nth-child(odd)
{
    margin-right:9px;
}

.views-field-field-inhoud-rechterbalk .paragraph--type--media-colorbox .field--name-field-media>.field--item:only-child
{
    margin-right:0px;
    margin-bottom: 0px;
    width:100%;
    height: auto;
}

.views-field-field-inhoud-rechterbalk .paragraph--type--media-colorbox .field--name-field-media>.field--item *
{
    width:100%;
    height:100%;
}

.views-field-field-inhoud-rechterbalk .paragraph--type--media-colorbox .field--name-field-media>.field--item img
{
    object-fit: cover;
    object-position:  center center;
}

.pdf-doc
{
    background-image: url('../images/file-file-blank.svg');
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: top left;
    padding-left:34px;
    font-family: poster-gothic-round-cond-atf, sans-serif;
    font-weight: 500 !important;
    text-decoration: underline;
    color:#000000;
    min-height: 24px;
    display: block;
}

.pdf-doc:hover
{
    color:#ffd302;
    text-decoration: underline;
}

.path-search .search-form
{
    background-color:#e7e7e7;
    padding:20px;
    margin-bottom: 30px;
}

.path-search .region-content ol li::marker
{
    width:25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    font-family: poster-gothic-round-cond-atf, sans-serif;
    font-size: 20px;
    font-weight: 700;
    z-index: 1;
    position: relative;
}

.path-search .region-content ol li:before
{
    content: "";
    width: 35px;
    height: 35px;
    background-color: #e7e7e7;
    position: absolute;
    left: -30px;
    top: 3px;
    z-index: -1;
}

.path-search .region-content ol li
{
    border-bottom: solid 1px #000000;
    margin-bottom: 50px;
    padding-bottom: 50px;
    position: relative;
    padding-left:28px;
}

.view-aangesloten-bedrijven .view-content, .bedrijfsgegevens
{
    display: flex;
    flex-wrap: wrap;
    height: 100%;
}

.view-aangesloten-bedrijven .view-content .views-row
{
    width:calc(50% - 5px);
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.view-aangesloten-bedrijven .view-content .views-row .views-field-title
{
    font-family: poster-gothic-round-cond-atf, sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    width:100%;
    margin-bottom: 7px;
}

.view-aangesloten-bedrijven .view-content .views-row  .views-field-field-adres-locality
{
    text-transform: uppercase;
    font-weight: bold;
}

.view-aangesloten-bedrijven .view-content .views-row .views-field-field-coordinaten a
{
    display: block;
    font-family: poster-gothic-round-cond-atf, sans-serif;
    text-decoration: underline;
    color:#000000;
}

.view-aangesloten-bedrijven .view-content .views-row .views-field-fieldset-1
{
    margin-top: auto;
}

.view-aangesloten-bedrijven .view-content .views-row .views-field-fieldset
{
    width:calc(100% - 180px);
    background-color:#f8f8f8;
    padding:20px;
}

.view-aangesloten-bedrijven .view-content .views-row:nth-child(odd)
{
    margin-right: 10px;
}

.view-aangesloten-bedrijven .view-content .views-row .views-field-field-logo
{
    width:180px;
    height: 100%;
    padding:10px;
    background-color:#e7e7e7;
}

.view-aangesloten-bedrijven .view-content .views-row .views-field-field-logo .field--item
{
    width:160px;
    height:160px;
}

.view-aangesloten-bedrijven .view-content .views-row .views-field-field-logo .field--item img
{
    width:100%;
    height: 100%;
    object-fit: contain;
    object-position:  center center;
}

.view-aangesloten-bedrijven .location-input-geocoder
{
    display: none;
}

.view-aangesloten-bedrijven .form--inline .form-item
{
    float:none;
}

.view-aangesloten-bedrijven .form-inline .form-control
{
    height: 50px;
    line-height: 50px;

}

.view-aangesloten-bedrijven #edit-center-geocoder
{
  width: 310px;
    height: 50px;
    margin-right: 40px;
}

.view-aangesloten-bedrijven .form-item-afstand
{
    width:170px;
     height: 50px;
}

.view-aangesloten-bedrijven .form-item-afstand input
{
    width:70px;
}

.view-aangesloten-bedrijven #edit-center-geocoder .js-form-type-search input, .view-aangesloten-bedrijven #edit-center-geocoder .js-form-type-search
{
    width:100%;
}


.view-aangesloten-bedrijven .view-filters
{
    padding:40px;
    background-color:#ffd302;
    margin-bottom: 50px;
    width:100%;
}

.btn.icon-before .glyphicon, .btn .glyphicon.icon-before
{
    display: none;
}

.view-aangesloten-bedrijven .view-filters button, .view-aangesloten-bedrijven .view-filters button:hover, .view-aangesloten-bedrijven .view-filters button:focus
{
    background-color:#000000;
    color:#ffffff !important;
}

.view-veel-gestelde-vragen
{
    margin-top:30px;
    margin-bottom: 30px;
}

.view-veel-gestelde-vragen .views-row
{
    border: solid 1px #e7e7e7;
    border-bottom: none;
    padding-left:10px;
    padding-top:8px;
    padding-right: 20px;
    padding-bottom: 8px;
}

.view-veel-gestelde-vragen .views-row:last-child
{
    border-bottom: solid 1px #e7e7e7;
}

.view-veel-gestelde-vragen .views-row .views-field-title
{
    font-family: poster-gothic-round-cond-atf, sans-serif;
    background-image:url('../images/icon-plus.svg');
    background-repeat: no-repeat;
    background-position: top left;
    padding-left:32px;
    font-weight: 700;
    cursor: pointer;
}

.view-veel-gestelde-vragen .views-row.open .views-field-title
{
    background-image:url('../images/icon-minus.svg');
}

.view-veel-gestelde-vragen .views-row  .views-field-body
{
    padding-left:32px;
    margin-top:20px;
    display: none;
    padding-bottom: 22px;
}

.author
{
    font-family: poster-gothic-round-cond-atf, sans-serif;
    font-weight: 500;
    margin-bottom: 30px;
}

.page-node-type-updates .field--name-field-afbeelding
{
    margin-bottom: 50px;
}

.page-node-type-updates .field--name-body
{
    margin-bottom: 50px;
}

.path-updates .btn-nieuws
{
    display: none;
}

.paragraph--type--medewerkers h2
{
    display: none;
}

.paragraph--type--medewerkers .field--name-field-titel-groep
{
    font-family: poster-gothic-round-cond-atf, sans-serif;
    font-size: 30px;
    line-height: 35px;
    font-weight: 700;
    margin-bottom: 30px;
}

.paragraph--type--medewerkers .content
{
    display: flex;
}

.paragraph--type--medewerkers .content .field--name-field-foto
{
    width:165px;
    height: 165px;
    margin-right: 30px;
}

.paragraph--type--medewerkers .content .field--name-field-foto .field--item
{
    width:165px;
    height: 165px;
}

.paragraph--type--medewerkers .content .field--name-field-foto .field--item img
{
    width:100%;
    height: 100%;
    object-fit: cover;
    object-position:  center center;
}

.paragraph--type--medewerkers .field--name-field-medewerkers>.field--item
{
    margin-bottom: 30px;
}

.paragraph--type--medewerkers .field--name-field-medewerkers>.field--item:last-child
{
    margin-bottom: 50px;
}

.paragraph--type--medewerkers .field--name-field-functie
{
    font-family: poster-gothic-round-cond-atf, sans-serif;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
}

.field--name-field-inhoud .field--item
{
    margin-bottom: 50px;
}

.path-frontpage .field--name-field-inhoud .field--item
{
    margin-bottom: 0px;
}

.field--name-field-inhoud .field--item:last-child
{
    margin-bottom: 0px;
}

.page-node-type-page .paragraph .container
{
    width:100%;
    padding-left:0px;
    padding-right: 0px;
}

.page-node-type-page .container .layout--twocol-compact > .layout__region--first, .page-node-type-page .container .layout--twocol-compact > .layout__region--second
{
        flex: 0 1 calc(50% - 15px);
}

.page-node-type-webform .field--name-body
{
    margin-bottom: 50px;
}

.webform-element-description
{
    display: none;
}

.form-item-cv-bijvoegen label,
.form-item-geboortedatum label
{
   font-family: poster-gothic-round-cond-atf, sans-serif;
    font-size: 20px;
    text-indent:10px;
}

.form-item-geboortedatum label::after
{
	display: none;
}

.paragraph--type--fotoalbum .field--name-field-media
{
	display: flex;
	flex-wrap: wrap;
}

.paragraph--type--fotoalbum .field--name-field-media>.field--item
{
	width:calc(33.3333% - 6px);
	margin-right: 9px;
	margin-bottom: 9px;
	height: 165px;
}

.paragraph--type--fotoalbum .field--name-field-media>.field--item .contextual-region,
.paragraph--type--fotoalbum .field--name-field-media>.field--item>div,
.paragraph--type--fotoalbum .field--name-field-media>.field--item .field--name-field-media-image,
.paragraph--type--fotoalbum .field--name-field-media>.field--item .field--name-field-media-image a
{
	height: 100%;
}

.paragraph--type--fotoalbum .field--name-field-media>.field--item .field--name-field-media-image img
{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.paragraph--type--fotoalbum .field--name-field-media>.field--item:nth-child(3n+3)
{
	margin-right: 0px;
}

@media(max-width: 1199px)
{
    .view-onze-opleidingen .view-content .views-row .views-field-field-afbeelding, .view-onze-opleidingen .view-content .views-row .views-field-field-afbeelding .field--item
    {
        width: 222px;
        height: 240px;
    }

    .view-opleidingen-uitgebreid .view-content .views-row
    {
        width:222px;
    }

    .view-updates .views-row
    {
        width:300px;
    }

    .view-nieuwsbrief .views-row .views-field-fieldset
    {
        width:430px;
    }

    .view-nieuwsbrief .views-row .views-field-fieldset-1
    {
        margin-left:50px
    }

    .view-updates .views-row .views-field-field-afbeelding, .view-updates .views-row .views-field-field-afbeelding .field--item
    {
        width: 300px;
        height: 200px;
    }

    .views-field-field-inhoud-rechterbalk .paragraph--type--media-colorbox .field--name-field-media>.field--item
    {
        width:142px;
        height: 142px;
    }
}

@media(max-width: 1023px)
{

    .path-frontpage .slogan .second
    {
        font-size: 44px;
    }

    .view-onze-opleidingen .view-content .views-row .views-field-field-afbeelding, .view-onze-opleidingen .view-content .views-row .views-field-field-afbeelding .field--item {
        width: 342px;
        height: 240px;
    }

    .view-onze-opleidingen .views-row
    {
        margin-bottom: 30px;
    }

    .view-opleidingen-uitgebreid .view-content .views-row {
        width: 342px;
        margin-bottom: 30px;
    }

    .view-updates .views-row
    {
        width:230px;
    }

    .view-updates .views-row .views-field-field-afbeelding, .view-updates .views-row .views-field-field-afbeelding .field--item
    {
        width:230px;
        height: 190px;
    }

    .view-nieuwsbrief .views-row .views-field-fieldset
    {
        width:320px;
        margin-top:0px;
    }

    .view-nieuwsbrief .views-row .views-field-fieldset-1
    {
        width:345px;
        padding-top:50px;
    }

    .col-sm-8, .col-sm-4
    {
        width:100%;
        margin-bottom: 50px;
    }

    .views-field-field-inhoud-rechterbalk .paragraph--type--media-colorbox .field--name-field-media>.field--item
    {
        width:calc(50% - 5px);
        height: auto;
    }
}


@media(max-width: 767px)
{


    .slogan .first, .slogan .second,
    .path-frontpage .slogan .second
    {
        font-family: poster-gothic-round-cond-atf, sans-serif;
        font-size: 22px;
        color: #000000;
        height: 60px;
        line-height: 60px;
        background-color: #ffd302;
        font-weight: 500;
        width: max-content;
            padding-left: 20px;
    padding-right: 20px;
    }




    .slogan .second,
    .path-frontpage .slogan .second {
        background-color: #000000;
        color: #ffffff;

    font-weight: 700;
    }


    .responsive-menu-toggle-icon
    {
        width:104px;
        margin-top:18px;
    }

    .topbar-content
    {
        display: none;
    }



    h1, .page-header, .paragraph--type--achtergrondafbeelding .field--name-field-tekst
    {
        font-size: 28px;
        line-height: 32px;
    }

    .view-nieuwsbrief .views-row .views-field-fieldset-1, .view-nieuwsbrief .views-row .views-field-fieldset
    {
        width:100%;
        margin-left:0px;
    }

    .view-nieuwsbrief .views-row, .view-updates .view-content
    {
        display: block;
    }

    .view-updates .views-row
    {
        width:100%;
        margin-bottom: 20px;
    }

    .view-updates .views-row .views-field-field-afbeelding, .view-updates .views-row .views-field-field-afbeelding .field--item
    {
        width:100%;
        height: auto;
    }

    .paragraph--type--achtergrondafbeelding
    {
        margin-bottom: 50px;
    }

    #block-views-block-onze-opleidingen-block-1
    {
        padding-bottom: 0px;
    }


    .path-frontpage .intro_home.layout .field--name-field-tekst
    {
        padding-bottom:0px;
    }

     .path-frontpage  .intro_home.layout  .layout__region--second
    {
        padding-bottom: 30px;
    }

    .menu-zoeken
        {
            display: none;
        }

    .layout--twocol-compact
    {
        display: block;
    }

    .page-node-type-page .container .layout--twocol-compact > .layout__region--first, .page-node-type-page .container .layout--twocol-compact > .layout__region--second
    {
        margin-bottom: 20px;
    }

    .path-frontpage  .intro_home.layout  .layout__region--second .field--name-field-tekst p:nth-child(1), .path-frontpage  .intro_home.layout  .layout__region--second .field--name-field-tekst p:nth-child(2)
    {
        display: none;
    }

    .view-aangesloten-bedrijven .view-content, .bedrijfsgegevens
    {
        display: block;
    }

    .view-aangesloten-bedrijven .view-content .views-row
    {
        width:100%;
        margin-right: 0px;
        display: block;
    }

    .view-aangesloten-bedrijven .view-content .views-row .views-field-fieldset, .view-aangesloten-bedrijven .view-content .views-row .views-field-field-logo
    {
        width:100%;
    }

    .footerbox
    {
        padding-top:40px;
    }

    .footer #block-socialmedia-2, .menu--social-media
    {
        margin-left:0px;
    }

    .menu--social-media
    {
        margin-top:30px;
    }

    .footer .menu--social-media li
    {
        margin-left:0px;
        margin-right:20px;
    }

    .footer_bottom .container
    {
        display: block;
    }

    .region-footer-bottom
    {
        margin-top:10px;
        margin-bottom: 10px;
    }
}



.bullets.padding {padding-bottom: 40px;}
.bullets .col-sm-12 {padding-left: 0 !important;}
.single_speciality {margin-bottom: 15px; position: relative; z-index: 1;}
.single_speciality_icon {left: 0; position: absolute; -webkit-transition-duration: 500ms; transition-duration: 500ms; top: 11px;}
.single_speciality_icon .icofont {font-family: IcoFont !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 26px; color: #FFD302;}
.icofont-square:before {content: ""; width: 22px; height: 22px; position: absolute; top: -1px; background-color: #ffd302;}
.single_speciality_text {margin-left: 35px;}
.single_speciality_text > h5 { color: #333; font-size: 28px; line-height: 1.5; margin: 0; text-transform: capitalize; font-family: poster-gothic-round-cond-atf, sans-serif !important; font-weight: 700 !important; font-style: normal !important;}
.page-node-type-de-bouw-wacht-op-jou h1{font-size: 40px; color: #FFD302;}
.page-node-type-de-bouw-wacht-op-jou #block-webform h2{font-size: 28px; color: #000000; margin-top: 50px;}

#block-views-block-dbwoj-open-dagen-block-1{background-color: #FFD302; margin-bottom: 50px;}
#block-views-block-dbwoj-open-dagen-block-1 h2{ font-size: 26px; padding: 27px 35px; background-color: #000000; color:#ffffff; margin-bottom: 0 }
.opendagen li{font-family: poster-gothic-round-cond-atf, sans-serif !important; font-weight: 500 !important; font-style: normal !important; font-size: 22px; line-height: 40px;}
.opendagen{padding: 27px 35px}
.page-node-type-de-bouw-wacht-op-jou aside{padding-left: 50px;}
#block-debouwwachtopjou{margin-bottom: 50px;}
.page-node-type-de-bouw-wacht-op-jou #block-webform select,
.page-node-type-de-bouw-wacht-op-jou #block-webform input::placeholder{font-weight: 500;}



.video-container {
      position: relative;
      width: 100%;
      height: 0;
      padding-bottom: 56.25%;
  }

  .video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.field--name-field-titel-onderdeel{font-size: 24px; line-height: 30px; color: #000000; font-weight: 700; font-family: poster-gothic-round-cond-atf, sans-serif; text-transform: uppercase; margin-bottom: 5px;}
    .paragraph--type--vacature-onderdelen{margin-bottom: 30px;}
    .view-vacatures span.phone{white-space: nowrap;}
    .block-views-blockvacatures-block-1 a{color: #000000; text-decoration: underline;}
    
.alert-danger{display: none !important}