body {
    font-family: 'Ubuntu', sans-serif;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Ubuntu', sans-serif;
}

a {color: #ee7203;}
a:hover {color: #cb6103;}

::selection {background: #004c75; color: #fff;}

.left-auto {left: auto !important; right: 0 !important;}

.bg-main {background: #00a7d8;}
.bg-blue {background: #005d8f;}
.bg-orange {background: #ee7203;}

.text-main {color: #00a7d8;}
.text-blue {color: #005d8f;}
.text-orange {color: #ee7203;}

.btn {box-shadow: 0 .1875rem .375rem rgba(0, 0, 0, .16);}

.btn-main {background: #00a7d8; color: #fff;}
.btn-main:hover, .btn-main:not(:disabled):not(.disabled).active, .btn-main:not(:disabled):not(.disabled):active {background: #008bb4; color: #fff;}
.btn-main.focus, .btn-main:focus {box-shadow: 0 0 0 0.2rem rgba(0, 167, 216, .5) !important;}

.btn-second {background: #ee7203; color: #fff;}
.btn-second:hover, .btn-second:not(:disabled):not(.disabled).active, .btn-second:not(:disabled):not(.disabled):active {background: #cb6103; color: #fff;}
.btn-second.focus, .btn-second:focus {box-shadow: 0 0 0 0.2rem rgba(238, 114, 3, .5) !important;}

.btn-blue {background: #005d8f; color: #fff;}
.btn-blue:hover, .btn-blue:not(:disabled):not(.disabled).active, .btn-blue:not(:disabled):not(.disabled):active {background: #00466b; color: #fff;}
.btn-blue.focus, .btn-blue:focus {box-shadow: 0 0 0 0.2rem rgba(0, 93, 143, .5) !important;}

.btn-orange {background: #fff; color: #ee7203;}
.btn-orange:hover, .btn-orange:not(:disabled):not(.disabled).active, .btn-orange:not(:disabled):not(.disabled):active {background: #fff; color: #cb6103;}
.btn-orange.focus, .btn-orange:focus {box-shadow: 0 0 0 0.2rem rgba(238, 114, 3, .5) !important;}

.btn-white {color: #005d8f; box-shadow: none; cursor: pointer;}
.btn-white.focus, .btn-white:focus {box-shadow: 0 0 0 0.2rem rgba(238, 114, 3, .5) !important;}

.btn-instagram {background:linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d); border: transparent;}
.btn-instagram:hover, .btn-instagram:not(:disabled):not(.disabled).active, .btn-instagram:not(:disabled):not(.disabled):active {background-color: #e1306c;}
.btn-instagram.focus, .btn-instagram:focus {box-shadow: 0 0 0 0.2rem rgba(193, 53, 132, 0.479) !important;}

.btn-facebook {background: #1B74E4;}
.btn-facebook:hover, .btn-facebook:not(:disabled):not(.disabled).active, .btn-facebook:not(:disabled):not(.disabled):active {background: #025BCB;}
.btn-facebook.focus, .btn-facebook:focus {box-shadow: 0 0 0 0.2rem rgba(2, 92, 203, 0.466) !important;}


.z-index-1 {z-index: 1;}
.z-index-2 {z-index: 2;}

.head-wrapper .logo-wrapper .logo {top: -1rem;}
.logo-wrapper .logo {max-width: 163px; display: block; top: 0;}
.button-wrapper {position: fixed; bottom: 0; right: 0; top: 0; z-index: 3;}

/* SEARCH */
.searchContentWrapperOnsite {display: flex; padding: 1rem 0;}
.btn-search {transition: all 250ms; white-space: normal; position: relative; height: 100%; box-shadow: none;}
.btn-search:hover::after {color: #212529;}
.btn-search::after {content: '\f002'; font-family: 'Font Awesome 5 Free'; font-weight: 900; display: block; color: #005d8f; min-width: 1rem;}
.btn-search[aria-expanded="true"]::after {content: '\f00d';}
.btn-search:focus {box-shadow: 0 0 0 0.2rem rgba(238, 114, 3, .5) !important;}
.btn-search-sm {background: #0190d3; display: inline-flex; align-items: center; border-radius: 0; cursor: pointer; vertical-align: middle; transition: background .15s ease-in-out;}
.btn-search-sm:hover {background: #0178af;}
.btn-search-sm a {padding: 6px 12px;}
.btn-search-sm a::after {content: '\f101'; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #fff; display: inline-block;}
.form-control:focus {border-color: #0190d3; box-shadow: 0 0 0 0.2rem rgba(1, 144, 211, .25);}
.btn-toggler::after {content: '\f0c9'; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #005d8f; display: inline-block; min-width: 1rem;}

/* NAV */
.navbar-toggler {border-radius: 0;}
.navbar-collapse.show + .nav-wrapper .btn-white,
.navbar-collapse.show + .nav-wrapper .btn-search::after {color: #fff;}
.navbar-collapse.show + .nav-wrapper .btn-toggler::after {content: '\f00d'; color: #fff;}
.navbar-nav {border-top: 1px solid #fff; padding-top: 3.75rem; margin-top: 102px;}
.language-wrapper .btn {box-shadow: none;}
.language-wrapper .btn-language {display: flex; width: 1.5rem; height: 1.5rem;}
.language-wrapper .btn-language.lang-1::before {background: url('/images/nl.svg') no-repeat center / cover;}
.language-wrapper .btn-language.lang-2::before {background: url('/images/gb.svg') no-repeat center / cover;}
.language-wrapper .btn-language.lang-5::before {background: url('/images/es.svg') no-repeat center / cover;}
.language-wrapper .btn-language::before  {content: ''; display: inline-flex; width: 100%;}

/* SUBMENU */
.dropdown-item::before {display: none;}
.dropdown-item.active, .dropdown-item:active {background: #f48323;}
.dropdown-item:focus, .dropdown-item:hover, .dropdown-item:hover::after {background: transparent; color: #f48323;}
.dropdown-menu li.selected a {background: transparent; color: #f48323;}
.dropdown-menu li a::after {content: '\f054'; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #fff; display: inline-block; border: none;}
.dropdown-menu li.hasKids > a::after {content: '\f067';}
.dropdown-menu li a {white-space: normal; display: flex; justify-content: space-between;}
.dropdown-submenu {position: relative;}
.dropdown-submenu > .dropdown-menu {top: 0; left: 100%;}
.dropdown-languages > a::before {content: ''; margin-right: 4px; display: inline-block; width: 18px; height: 18px; border-radius: 50px;}
.dropdown-languages > a.nl::before {background: url('/images/nl.svg') no-repeat center / cover;}
.dropdown-languages > a.en::before {background: url('/images/gb.svg') no-repeat center / cover;}
.dropdown-languages > a.es::before {background: url('/images/es.svg') no-repeat center / cover;}

/*SLIDER*/
.slide {display: flex;}
.slide .container {position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
.slide a {pointer-events: none;}
.slide .btn {pointer-events: all;}
.slide a .slideshow-intro::after {content: 'meer informatie'; white-space: nowrap; transition: color .15s; max-width: 148px; margin-top: 2rem; padding: .375rem .75rem; font-weight: 700; color: #ee7203; border-radius: .25rem; background: white; display: block; pointer-events: all; box-shadow: 0 0.1875rem 0.375rem rgba(0, 0, 0, .16); cursor: pointer;}
.slide a .slideshow-intro:hover::after {background: #fff; color: #cb6103;}
.slideshow-item-image {width: 100%;}
.slideshow-image::after {content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgb(0,93,143); background: linear-gradient(90deg, rgba(0,93,143,1) 0%, rgba(70,124,154,0.44) 40%, rgba(0,0,0,0) 100%);} 
.slideshow {position: relative; padding-top: 70px;}
.slide-home .slideshow-image, .slideshow-image {height: 650px; background-size: cover; background-position: center; position: relative; width: 100%;}
.slideshow-item-overlay {color: #fff; padding: 1rem 0; position: relative; height: 100%; display: flex; flex-direction: column; justify-content: center;}
.slideshow-item-overlay h2 {font-size: 40px; font-weight: 700; margin-bottom: 2rem;}

/* MAIN */
.quick-menu-item {flex: 1 1 auto; flex-basis: 1px; overflow: hidden;}
.quick-menu-item-head {color: #fff; font-size: 1rem; font-weight: 700; height: 100%; transition: 250ms all;}
.quick-menu-item:nth-child(3n+1) .quick-menu-item-head {background: #00a7d8;}
.quick-menu-item:nth-child(3n+2) .quick-menu-item-head {background: #ee7203;}
.quick-menu-item:nth-child(3n+3) .quick-menu-item-head {background: #005d8f;}
.quick-menu-item:nth-child(3n+1):hover .quick-menu-item-head {background: #008bb4;}
.quick-menu-item:nth-child(3n+2):hover .quick-menu-item-head {background: #cb6103;}
.quick-menu-item:nth-child(3n+3):hover .quick-menu-item-head {background: #00466b;}
.quick-menu-item + .quick-menu-item {margin: 1rem 0 0;}
.content-page .contentText > h2:first-of-type {display: none;}
.contentWrapper {margin: 0;}
.content-wrapper .content::before {content: ''; background: url('/images/overlay.png') center no-repeat; position: absolute; z-index: -1; width: 562px; height: 562px; right: -186px; top: 50% !important; transform: translate(0,-50%);}
.intro {margin-top: -1rem; opacity: .9;}

/* RELATED */
.related-image {width: 100%; height: auto; min-height: 250px; background-size: cover; background-position: center; flex: 1;}

/* NEW PARENTS */
.new-parents-wrapper .btn + .btn {margin: 1rem 0 0;}
.social-icon::before {font-family: 'Font Awesome 5 Free'; display: inline-block; color: inherit;}
.phone-icon::before {content: '\f095'; font-weight: 900; margin: 0 .5rem 0 0;}
.mail-icon::before {content: '\f0e0'; font-weight: 400; margin: 0 .5rem 0 0;}
.twitter-icon::before {content: '\f099'; font-weight: 400; margin: 0 .5rem 0 0;}
.facebook-icon::before {content: '\f09a'; font-weight: 400; margin: 0 .5rem 0 0;}
.linkedin-icon::before {content: '\f0e1'; font-weight: 400; margin: 0 .5rem 0 0;}
.youtube-icon::before {content: '\f167'; font-weight: 400; margin: 0 .5rem 0 0;}
.instagram-icon::before {content: '\f16d'; font-weight: 400; margin: 0 .5rem 0 0;}

@media (max-width: 991.98px) {
    .menu {width: 100%;}
    .navbar-nav .nav-link {color: #f48323 !important; font-size: 1.5rem; font-weight: 700;}
    .navbar-nav .nav-link {padding-left: 0 !important; padding-right: 0 !important; border-bottom: 1px solid #fff;}
    .nav-link::before {display: none;}
    .navbar-nav .dropdown-menu {position: static !important; float: none; border-radius: 0; margin: 0; border: 0; padding: 0; background: transparent;} */
    .navbar-nav {border-top: 1px solid #fff; padding-top: 3.75rem; margin-top: 102px;}
    .navbar-collapse {position: fixed; background: #005d8f;top: 0; left: 0; width: 100%; height: 0%; opacity: 0; visibility: hidden; transition: opacity .35s,visibility .35s,height .35s; overflow: auto; align-items: start;}
    .navbar-collapse.show {opacity: 1; visibility: visible; height: 100%; z-index: 1;}
    .dropdown-menu li a {color: #fff; font-weight: 700; padding: .375rem 0;}
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .topLevel > .dropdown-menu {display: block;}
    .navbar-nav .nav-link {pointer-events: none;}
    .navbar-nav > .nav-item + .nav-item {padding-left: 3rem;}
    .navbar-nav .dropdown-toggle::after {border: none;}
}

@media (min-width: 768px) {
    .navbar-nav {font-size:0.7rem}
    .w-md-auto {width: auto !important;}
    .slideshow {position: relative; padding-top: 118px;}
    .slide-home .slideshow-image, .slideshow-image {height: 512px;}
    .quick-menu-item + .quick-menu-item {margin: 0 0 0 30px;}
    .navbar-nav {flex-direction: row;}
    .navbar-nav > .nav-item {flex: 1;}
    .new-parents-wrapper .btn + .btn {margin: 0 0 0 1rem;}
    .content-wrapper .home {max-width: 50%;}
    .related-extra {position: absolute; top: 0; right: 0;}
    .new-parents-wrapper .container {max-width: 700px;}
    .logo-wrapper .logo {position: absolute;}
    footer .contact-item div + div {margin-left: 2rem;}
    footer .contact-border div + div {border-left: 1px solid #f48323; padding-left: 2rem;}
}

@media (min-width: 992px) {
    .navbar-nav {margin-top: 0; padding-top: 0;}
    .navbar-light .navbar-nav .nav-link {color: #fff !important; background: #00a7d8; border-radius: .25rem; transition: 250ms all;}
    .navbar-light .navbar-nav .nav-link:hover {color: #fff; background: #008bb4; border-radius: .25rem;}
    .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {color: #fff; background: #008bb4;}
    .navbar-nav > .nav-item + .nav-item {margin-left: .25rem;}
}

@media (min-width: 1200px) {
    .quick-menu-item-head {font-size: 1.5rem;}
    .intro {margin-top: -2rem;}
}