/* * Custom styles by WebinWeb Design */ /*-------------------------------------------------------------- >>> Fonts: ----------------------------------------------------------------*/ @import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;500;600;700;900&display=swap'); /*-------------------------------------------------------------- >>> Globals: ----------------------------------------------------------------*/ body {font-family: 'Lato', sans-serif !important; color:#121212 !important; line-height:1.6 !important; font-size:16px !important;} body, html {overflow-x:hidden !important;} .container {max-width:1410px !important; padding-right: 0.75rem !important; padding-left: 0.75rem !important;} .container-fluid {padding-left:45px !important; padding-right:45px !important;} .embed-container {position:relative; padding-bottom:56.25%; overflow:hidden; max-width:100%; height:auto;} .embed-container iframe, .embed-container object, .embed-container embed {position:absolute; top:0; left:0; width:100%; height:100%;} a:focus {outline:none !important;} :focus {outline:none !important;} .grecaptcha-badge {visibility: hidden;} h2, .h2 {font-size:2.25rem !important; margin-top:1em !important;} h3, .h3 {font-size:1.4rem !important;} h4, .h4 {font-size:1.2rem !important;} .creme {background-color:#f4f3f1;} /*-------------------------------------------------------------- >>> Paddings en Margins: ----------------------------------------------------------------*/ .padding0 {padding-top:0; padding-bottom:0;} .padding15 {padding-top:15px; padding-bottom:15px;} .padding30 {padding-top:30px; padding-bottom:30px;} .padding45 {padding-top:45px; padding-bottom:45px;} .padding60 {padding-top:60px; padding-bottom:60px;} .padding90 {padding-top:90px; padding-bottom:90px;} .padding120 {padding-top:120px; padding-bottom:120px;} .paddingTop0 {padding-top:0;} .paddingTop15 {padding-top:15px;} .paddingTop30 {padding-top:30px;} .paddingTop45 {padding-top:45px;} .paddingTop60 {padding-top:60px;}.paddingTop90 {padding-top:90px;} .paddingTop120 {padding-top:120px;} .paddingBottom0 {padding-bottom:0;} .paddingBottom15 {padding-bottom:15px;} .paddingBottom30 {padding-bottom:30px;} .paddingBottom45 {padding-bottom:45px;} .paddingBottom60 {padding-bottom:60px;} .paddingBottom90 {padding-bottom:90px;} .paddingBottom120 {padding-bottom:120px;} .paddingLeft0 {padding-left:0;} .paddingLeft15 {padding-left:15px;} .paddingLeft30 {padding-left:30px;} .paddingLeft45 {padding-left:45px;} .paddingLeft60 {padding-left:60px;} .paddingLeft90 {padding-left:90px;} .paddingRight0 {padding-right:0;} .paddingRight15 {padding-right:15px;} .paddingRight30 {padding-right:30px;} .paddingRight45 {padding-right:45px;} .paddingRight60 {padding-right:60px;} .paddingRight90 {padding-right:90px;} .margin0 {margin-top:0; margin-bottom:0;} .margin15 {margin-top:15px; margin-bottom:15px} .margin30 {margin-top:30px; margin-bottom:30px;} .margin45 {margin-top:45px; margin-bottom:45px;} .margin60 {margin-top:60px; margin-bottom:60px;} .margin90 {margin-top:90px; margin-bottom:90px;} .margin120 {margin-top:120px; margin-bottom:120px;} .marginBottom0 {margin-bottom:0;} .marginBottom15 {margin-bottom:15px;} .marginBottom30 {margin-bottom:30px;} .marginBottom45 {margin-bottom:45px;} .marginBottom60 {margin-bottom:60px;} .marginBottom90 {margin-bottom:90px;} .marginBottom120 {margin-bottom:120px;} .marginLeft0 {margin-left:0;} .marginLeft15 {margin-left:15px;} .marginLeft30 {margin-left:30px;} .marginLeft45 {margin-left:45px;} .marginLeft60 {margin-left:60px;} .marginLeft90 {margin-left:90px;} .marginRight0 {margin-right:0;} .marginRight15 {margin-right:15px;} .marginRight30 {margin-right:30px;} .marginRight45 {margin-right:45px;} .marginRight60 {margin-right:60px;} .marginRight90 {margin-right:90px;} /*-------------------------------------------------------------- >>> Return to top: ----------------------------------------------------------------*/ #return-to-top {position:fixed; bottom:20px; right:20px; background:#F3C700; width:30px; height:30px; display:block; text-decoration:none; display: none; -webkit-transition: all .3s linear; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; z-index: 9999;} #return-to-top i.fas.fa-chevron-up {left:8px; position:relative; top:4px; color:#121212;} /*-------------------------------------------------------------- >>> Buttons: ----------------------------------------------------------------*/ button.btn.btn-primary {background-color:#F3C700; border:1px solid #F3C700; color:#121212; font-weight:600; padding:10px 20px; border-radius:0; text-transform:none; margin-top:10px;} button.btn.btn-primary:hover {background-color:#121212; border:1px solid #121212; color:#fff;} button.btn.btn-secondary {background-color:#3d8e6b; border:1px solid #3d8e6b; color:#fff; font-weight:600; padding:10px 20px; border-radius:4px; text-transform:none;} button.btn.btn-secondary:hover {background-color:#2d815c; border:1px solid #2d815c;} button.btn.btn-secondary:after {content:"\f054"; font-family:'Font Awesome\ 5 Free'; font-weight:900; color:#fff; position:relative; font-size:14px; left:7.5px;} /*-------------------------------------------------------------- >>> Header: ----------------------------------------------------------------*/ header .topbar {background-color:#121212; text-align:right;} header .topbar ul li {list-style-type:none; display:inline-block;} header .topbar ul li a {color:#E4E4E4; text-decoration:none; padding:0 5px;} header .topbar ul li:first-child {font-size:14px; padding-right:10px; position:relative; top:-1px;} header .topbar ul li:first-child:before {content:"\f095"; font-family:'Font Awesome\ 5 Free'; font-weight:900; color:#e4e4e4; padding-right:2.5px; font-size:10px;} header .topbar ul li:last-child a {border-left:1px solid #a6a6a6;} /*header .mainbar .logo {background-color:#fff; width:180px; height:165px; margin-top:-50px; -webkit-box-shadow: 5px 4px 11px 0px rgba(0,0,0,0.2); -moz-box-shadow: 5px 4px 11px 0px rgba(0,0,0,0.2); box-shadow: 5px 4px 11px 0px rgba(0,0,0,0.2); position:relative; z-index:99;}*/ header .mainbar .logo img {max-width:250px; height:43px; position:relative; top:10px; left:0;} header .mainbar {height:115px;} header .mainbar .nav {display:block; text-align:center;} header .mainbar .nav .main-navigation {margin-top:15px; position:relative; left:-8.33333334%;;} header .mainbar .nav .main-navigation ul {-webkit-padding-start:0 !important; padding-left:0 !important;} header .mainbar .nav .main-navigation ul li {list-style-type:none; display:inline-block;} header .mainbar .nav .main-navigation ul li a {color:#121212; padding:0 15px 45px; text-decoration:none; font-size:16px; font-weight:700;} header .mainbar .nav .main-navigation ul li.menu-item-has-children:after {content:"\f107"; font-family:'Font Awesome\ 5 Free'; font-weight:900; color:#121212; position:relative; left:-12.5px; font-size:12px;} header .mainbar .nav .main-navigation ul ul.sub-menu {display:none; position:absolute; z-index:9999; -webkit-padding-start:0; padding-left:0; background-color:#fff; border:1px solid #fff; border-top:0; width:350px; padding:1rem 0 !important; margin-left:-16px; margin-top:30px; -webkit-box-shadow:-5px 15px 24px -10px rgb(0 0 0 / 75%); -moz-box-shadow:-5px 15px 24px -10px rgb(0 0 0 / 75%); box-shadow:-5px 15px 24px -10px rgb(0 0 0 / 75%); border-bottom-left-radius:4px; border-bottom-right-radius:4px;} header .mainbar .nav .main-navigation ul ul.sub-menu li {float:none; display:block !important; line-height:20px; padding:10px 0 10px 30px !important; text-align:left; transition: all 0.25s ease;} header .mainbar .nav .main-navigation ul ul.sub-menu li a:hover {text-decoration:none; /*color:#FF6716;*/} header .mainbar .nav .main-navigation ul ul.sub-menu li a:hover:before {content:"\f111"; font-family:'Font Awesome\ 5 Free'; font-weight:900; color:#121212; font-size:6px; margin-left:-13px; padding-right:7px; line-height:1; position:relative; top:-4px;} header .mainbar .nav .main-navigation ul ul.sub-menu li a {padding:0; font-size:16px !important; font-weight:400; color:#121212;} header .mainbar .nav .main-navigation ul ul.sub-menu li a:after {display:none;} header .mainbar .nav .main-navigation ul li:hover > ul {display: block;} header .mainbar .nav .main-navigation ul li ul li.current-menu-item:before {content:"\f111"; font-family:'Font Awesome\ 5 Free'; font-weight:900; color:#F3C700; font-size:6px; margin-left:-13px; padding-right:7px; line-height:1; position:relative; top:-4px;} /*-------------------------------------------------------------- >>> Home: ----------------------------------------------------------------*/ #home .banner {margin-top:-40px; position:relative; z-index:1;} #home .banner .bannerContent {top:350px;} #home .banner .bannerContent h2 {font-size:4rem !important; font-weight:900;} #home .banner .extraContent {height:177px; margin-top:-148px; position:relative; z-index:100;} #home .banner .extraContent h2 {font-size:24px !important; margin-bottom:1.5rem;} #home .banner .extraContent .black {background-color:#121212; padding:30px 30px 15px; color:#fff;} #home .banner .extraContent .black h2:before {content:"\f3c5"; font-family:'Font Awesome\ 5 Free'; font-weight:900; color:#fff; padding-right:5px; font-size:18px; position:relative; top:-1px;} #home .banner .extraContent .black p {font-size:14px; line-height:1.5; font-weight:300;} #home .banner .extraContent .black a {color:#fff; text-decoration:none;} #home .banner .extraContent .yellow {background-color:#F3C700; height:100%; padding:30px 90px;} #home .banner .extraContent .yellow h2 {font-weight:700;} #home .banner .extraContent .yellow input[type="search"] {background-color:transparent; border:1px solid #121212; width:400px; padding-left:15px;} #home .banner .extraContent .yellow input[type="search"]::placeholder {color:#121212;} #home .banner .extraContent .yellow input[type="submit"] {background-color:#121212; border:1px solid #121212; color:#fff; height:40px; padding:0.5em 2em; border-radius:0; margin-left:10px;} #home .vacatures .contentLinks {padding-right:60px;} #home .vacatures .contentLinks button {margin-top:30px;} #home .vacatures .contentRechts {padding-left:90px; border-left:1px solid #e4e4e4;} #home .vacatures .contentRechts img {margin-bottom:30px;} #home .vacatures .contentRechts .vacature {border-bottom:1px solid #e4e4e4; margin:15px 0;} #home .vacatures .contentRechts .vacature .content h4 {font-weight:600;} #home .vacatures .contentRechts .vacature .button {text-align:right; padding-top:35px;} #home .vacatures .contentRechts .vacature .button button.btn.btn-primary {padding:5px 10px; font-size:14px;} #home .vacatures .contentRechts .vacature:hover button.btn.btn-primary {background-color:#121212 !important; border:1px solid #121212 !important; color:#fff;} #home .vacatures .contentRechts .buttonXS {display:none;} #home .blogs .black {background-color:#121212;height:500px; position:absolute; width:86.5%; left: 0;} #home .blogs .titel {position:relative; z-index:10; padding:60px 0;} #home .blogs .titel h2 {color:#fff;} #home .blogs .wrapper {margin-left:-15px; margin-right:-15px;} #home .blogs .wrapper .item {padding:0 15px;} #home .blogs .wrapper .item a {color:#121212; text-decoration:none;} #home .blogs .wrapper .item .content {padding:22px 0;} #home .blogs .wrapper .item .content h4 {font-weight:600;} #home .blogs .owl-carousel .owl-nav.disabled {display:block !important;} #home .blogs .owl-carousel .owl-nav button.owl-prev {display:none;} #home .blogs .owl-carousel .owl-nav button.owl-next {position:absolute; top:20%; right:-60px; background-color:#F3C700 !important;} #home .blogs .owl-carousel .owl-nav button.owl-next span {font-size:60px; padding:30px 11px; line-height:0; background-color:#F3C700;} #home .cards .card:hover {border-bottom:1px solid #F3C700; background-color:#f4f3f1;} #home .cta .borderTop {border-top:1px solid #e4e4e4;} /*-------------------------------------------------------------- >>> Sub: ----------------------------------------------------------------*/ #sub .banner {margin-top:-40px;} #sub .banner h1 {font-size:4rem !important; font-weight:700;} #sub .cards .content h4 {padding-right:25%; line-height:1.6 !important; font-size:2rem !important;} #sub .cards .contentTop h4 {line-height:1.5;} #sub .cards .card {background-color:#f4f3f1; border-bottom:1px solid #f4f3f1; height:100%;} #sub .cards .card:hover {border-bottom:1px solid #F3C700; background-color:#fff;} #sub .vacatures .borderTop {border-top:1px solid #e4e4e4;} #sub .vacatures .borderTop .content {padding-top:45px;} #sub .vacatures .vacatureList {padding:15px 0 45px;} #sub .vacatures .vacatureList .vacature {padding:30px 0; border-bottom:1px solid #525252;} #sub .vacatures .vacatureList .vacature .content h4 {font-size:1.5rem !important; font-weight:600;} #sub .vacatures .vacatureList .vacature .content a {color:#121212; text-decoration:none;} #sub .vacatures .vacatureList .vacature button {text-align:right; float:right; margin-top:35px;} #sub .vacatures .vacatureList .vacature:hover button.btn.btn-primary {background-color:#121212 !important; border:1px solid #121212 !important; color:#fff;} #sub .vacatures .buttonAlle {margin:30px 0 0; display:block; text-align:center;} /*-------------------------------------------------------------- >>> Archive vacatures: ----------------------------------------------------------------*/ #archive.vacatures .contentLinks {padding:90px 30px 90px 0;} #archive.vacatures .contentRechts {position:absolute; width:100%; margin-top:-40px;} #archive.vacatures .contentRechts .imageBG {height:800px; background-repeat:no-repeat; background-size:cover; background-position:center center;} #archive.vacatures .vacatureList {padding:90px 0 90px;} #archive.vacatures .vacatureList .vacature {padding:30px 0; border-bottom:1px solid #525252;} #archive.vacatures .vacatureList .vacature .content h4 {font-size:1.5rem !important; font-weight:600;} #archive.vacatures .vacatureList .vacature .content a {color:#121212; text-decoration:none;} #archive.vacatures .vacatureList .vacature button {text-align:right; float:right; margin-top:35px;} #archive.vacatures .vacatureList .vacature:hover button.btn.btn-primary {background-color:#121212 !important; border:1px solid #121212 !important; color:#fff;} /*-------------------------------------------------------------- >>> Single vacatures: ----------------------------------------------------------------*/ #single.vacatures .creme h1 {font-weight:700;} #single.vacatures .intro {margin-top:-40px; padding:90px 0 60px;} #single.vacatures .content {padding-right:45px; margin-bottom:45px;} #single.vacatures form {margin-top:-2rem;} #single.vacatures form .codedropz-upload-handler {border:1px solid #ccc; border-radius:0;} #single.vacatures form .codedropz-upload-handler a {color:#121212; font-weight:400;} #single.vacatures form .codedropz-upload-handler .dnd-upload-counter {font-weight:300;} #single.vacatures form input[type="submit"] {margin-top:30px;} #single.vacatures #sidebar {margin-left:-10px;} #sidebar {background-color:#121212; padding:30px; margin-top:45px; height:100%; color:#fff;} #sidebar .vacatureUSP .titel {margin:15px 0 30px; border-bottom:1px solid #525252;} #sidebar .vacatureUSP .titel h3 {font-weight:600; font-size:20px !important;} #sidebar .vacatureUSP ul {-webkit-padding-start:0 !important; padding-left:0 !important;} #sidebar .vacatureUSP ul li {list-style-type:none;} #sidebar .vacatureUSP ul li h4 {margin-bottom:0; font-size:16px !important;} #sidebar .vacatureUSP ul li p {font-weight:300;} #sidebar .socialSharer {margin-top:45px;} #sidebar .socialSharer .titel {margin:15px 0; border-bottom:1px solid #525252;} #sidebar .socialSharer .titel h3 {font-weight:600; font-size:20px !important;} #sidebar .socialSharer ul {-webkit-padding-start:0 !important; padding-left:0 !important;} #sidebar .socialSharer ul li {list-style-type:none; display:inline-block; padding-right:10px;} #sidebar .socialSharer ul li i {font-size:20px;} #sidebar .socialSharer ul li a {color:#fff;} /*-------------------------------------------------------------- >>> Archive nieuws: ----------------------------------------------------------------*/ #archive.nieuws .creme.intro {height:400px; margin-top:-40px; margin-bottom:-200px;} #archive.nieuws .creme.intro h1 {padding-top:75px; font-size:3rem !important; font-weight:700;} #archive.nieuws .nieuwsQuery {padding:0 0 45px;} #archive.nieuws .nieuwsQuery .wrapper {padding:0 0 90px;} #archive.nieuws .nieuwsQuery .wrapper .afbeelding {overflow:hidden;} #archive.nieuws .nieuwsQuery .wrapper .afbeelding img {transition:transform 1s ease;} #archive.nieuws .nieuwsQuery .wrapper .afbeelding:hover img {transform: scale(1.2);} #archive.nieuws .nieuwsQuery .wrapper .content {padding:20px 0 0;} #archive.nieuws .nieuwsQuery .wrapper .content h4 {font-weight:600;} #archive.nieuws .nieuwsQuery .wrapper:hover .content button.btn.btn-primary {background-color:#121212; border:1px solid #121212; color:#fff;} #archive.nieuws .cta .borderTop {border-top:1px solid #e4e4e4;} /*-------------------------------------------------------------- >>> Single nieuws: ----------------------------------------------------------------*/ #single.nieuws .creme {margin-top:-40px; padding:45px 0 15px;} #single.nieuws .creme h2 {font-weight:700;} #single.nieuws .wrapper {padding:60px 0 90px;} #single.nieuws .wrapper #primary {padding-right:60px;} #single.nieuws .wrapper .thumbnail .imageBG {height:500px; width:100%; max-width:100%; background-repeat:no-repeat !important; background-size:cover !important; background-position:center center !important;} #single.nieuws .wrapper .titel {padding:30px 0 0;} #single.nieuws .wrapper .titel h1 {font-size:2rem !important; font-weight:500;} #single.nieuws .wrapper #primary .nieuwsBottom {margin-top:30px; border-top:1px solid #F3C700;} #single.nieuws .wrapper #primary .intro a {color:#121212; font-weight:600;} #single.nieuws .wrapper #primary .socialSharer ul {-webkit-padding-start:0 !important; padding-left:0 !important; padding-top:15px;} #single.nieuws .wrapper #primary .socialSharer ul li {list-style-type:none; display:inline-block; padding:0 5px;} #single.nieuws .wrapper #primary .socialSharer ul li a {color:#797979;} #single.nieuws .wrapper #primary .socialSharer ul li:first-child {padding:0 5px 0 0;} #single.nieuws .wrapper #primary .socialSharer ul li h3 {font-weight:600; font-size:18px !important;} #single.nieuws #sidebar {margin-top:0; background-color:#fff; padding:30px 15px 30px 0;} #single.nieuws #sidebar .nieuwsQuery h3 {color:#121212; margin-top:-30px; font-weight:500;} #single.nieuws #sidebar .nieuwsQuery ul {-webkit-padding-start:0 !important; padding-left:0 !important;} #single.nieuws #sidebar .nieuwsQuery ul li {border-bottom:1px solid #e4e4e4; padding:15px 0 10px;} #single.nieuws #sidebar .nieuwsQuery ul li a {color:#525252; text-decoration:none;} #single.nieuws #sidebar .vacatureQuery h3 {color:#121212; margin-top:60px; font-weight:500;} #single.nieuws #sidebar .vacatureQuery ul {-webkit-padding-start:0 !important; padding-left:0 !important;} #single.nieuws #sidebar .vacatureQuery ul li {border-bottom:1px solid #e4e4e4; padding:15px 0 10px;} #single.nieuws #sidebar .vacatureQuery ul li a {color:#525252; text-decoration:none;} #single.nieuws #sidebar .contact {color:#525252; margin-top:60px; padding:0 15px;} #single.nieuws #sidebar .contact h3 {color:#121212; font-weight:500;} #single.nieuws #sidebar .contact a {color:#525252; text-decoration:none;} /*-------------------------------------------------------------- >>> Search: ----------------------------------------------------------------*/ #search {margin-top:-40px; padding:60px 0 120px;} #search .vacature-item {padding:30px 0; border-bottom: 1px solid #525252;} #search .vacature-item .entry-header h2 {font-size:1.5rem !important; font-weight:600;} #search .vacature-item .entry-header h2 a {color:#121212; text-decoration:none;} #search .vacature-item button {text-align:right; float:right; margin-top:60px;} #search .page-heading h1 {font-size:26px;} #search .no-results {padding-top:45px;} #search .search input[type="search"] {width:400px; height:40px; border:1px solid #121212; padding-left:15px;} #search .search input[type="submit"] {background-color:#F3C700; border:1px solid #F3C700; color:#121212; height:40px; border-radius:0; position:relative; top:-1px;} #search .search input[type="submit"]:hover {background-color:#121212; border:1px solid #121212; color:#fff;} /*-------------------------------------------------------------- >>> Grid modules: ----------------------------------------------------------------*/ /*-- content_image --*/ .content_image .imageBackground {background-repeat:no-repeat; background-size:cover; background-position:center center;} .verticalCenter {display:flex; align-items:center; justify-content:center;} /*-- image --*/ .image .imageBackground {background-repeat:no-repeat; background-position:center center;} /*-------------------------------------------------------------- >>> Component modules: ----------------------------------------------------------------*/ /*-- slider --*/ .slider .slide {background-repeat:no-repeat; background-size:cover; background-position:center center;} .slider .slide .overlay {position:absolute; width:100%;} .slider .slide .sliderContent {color:#fff; position:relative; z-index:10; top:150px;} /*-- banner --*/ .banner .bannerBG {background-repeat:no-repeat; background-size:cover; background-position:center center;} .banner .bannerBG .overlay {position:absolute; width:100%;} .banner .bannerBG .bannerContent {color:#fff; position:relative; z-index:10; top:150px;} /*-- banner video --*/ .banner_video .banner_videoBG {width:100vw; object-fit:cover; position:relative; left:0; right:0; top:0; bottom:0; z-index:-1;} .banner_video .overlay {position:absolute; width:100%;} /*-- galerij --*/ .galerij .imageItem img {margin:12.5px 0;} /*-- cards --*/ .cards .card {border:0; border-radius:0; border-bottom:1px solid #e4e4e4; padding:15px 15px 0; height:100%;} .cards .card .iconImage img {width:44px; height:auto;} .cards .card .iconFA {text-align:center; padding:30px 0 15px;} .cards .card .iconFA i {font-size:50px;} .cards .card .content {padding:15px 0;} .cards .card .content a {color:#121212; text-decoration:none; font-weight:700; font-size:14px;} .cards .card .content a:after {content:"\f105"; font-family:'Font Awesome\ 5 Free'; font-weight:900; color:#121212; padding-left:5px; font-size:12px;} /*-- counter --*/ .counterwiw .counter-section span.counter {font-size:42px;} .counterwiw .counterItem {padding-left:30px; padding-right:30px;} /*-- faq --*/ .faq .content {padding-bottom:30px;} .faq .accordion-item .accordion-button:focus {box-shadow:none !important;} /*-- logo carousel --*/ .logoCarousel .logo {padding:15px 30px;} .logoCarousel .owl-dots {text-align:center;} .logoCarousel .owl-dots button.owl-dot.active {border:1px solid#000 !important; background-color:#000;} .logoCarousel .owl-dots button.owl-dot {border-radius:50%; width:12.5px; height:12.5px; border:1px solid rgba(0,0,0,.4) !important; margin:0 2.5px !important;} .logoCarousel .owl-nav button.owl-prev {position:absolute; top:25px; font-weight:300; color:#000 !important; left:-30px;} .logoCarousel .owl-nav button.owl-prev span {position:relative; font-size:40px; top:-10px; left:-1px;} .logoCarousel .owl-nav button.owl-next {position:absolute; top:25px; right:0; font-weight:300; color:#000 !important; right:-30px;} .logoCarousel .owl-nav button.owl-next span {position:relative; font-size:40px; top:-10px; right:-1px;} /*-- contactform --*/ .wpcf7 input[type="text"]:focus, .wpcf7 input[type="email"]:focus, .wpcf7 input[type="tel"]:focus {outline:0;} .wpcf7 input[type="submit"] {background-color:#F3C700; border:1px solid #F3C700; color:#121212; font-weight:600; padding:10px 20px; text-transform:none;} .wpcf7 input[type="submit"]:hover {background-color:#121212; border:1px solid #121212; color:#fff;} /* basic */ .wpcf7 .basic {padding:30px 0 0;} .wpcf7 .basic label {width:100%; padding:10px 0; font-weight:600;} .wpcf7 .basic input[type="text"], .wpcf7 .basic input[type="email"], .wpcf7 .basic input[type="tel"] {padding-left:5px; border:1px solid #ccc;} .wpcf7 .basic textarea {border-radius:4px; border:1px solid #ccc;} /* placeholder */ .wpcf7 .place {padding:30px 0 0;} .wpcf7 .place input[type="text"], .wpcf7 .place input[type="email"], .wpcf7 .place input[type="tel"] {height:45px; margin:15px 0; padding-left:5px;} .wpcf7 .place input[type="text"]:focus, .wpcf7 .place input[type="email"]:focus, .wpcf7 .place input[type="tel"]:focus {border:1px solid red !important; border-radius:4px;} .wpcf7 .place textarea {padding-left:5px; margin:15px 0;} .cta {padding:45px 0 90px;} .cta .contentLinks {padding:45px 90px 45px 0;} .cta .contentLinks h3 {padding-top:15px; font-size:2rem !important;} .cta .contentLinks h3 a {color:#121212; font-weight:600; text-decoration:none;} .cta .contentLinks table {margin-top:30px;} .cta .contentLinks table a {color:#121212; text-decoration:none;} .cta .contentLinks table a:hover {text-decoration:underline;} .cta .contentRechts input[type="text"]::placeholder, .cta .contentRechts input[type="email"]::placeholder, .cta .contentRechts textarea::placeholder {color:#121212;} .cta .contentRechts input[type="text"], .cta .contentRechts input[type="email"], .cta .contentRechts textarea {border-bottom: 1px solid #999;} .cta .contentRechts textarea {height:150px;} .cta .contentRechts input[type="submit"] {background-color:#F3C700; border:1px solid #F3C700; color:#121212; padding:10px 30px; border-radius:0; text-transform:none; margin-top:30px;} .cta .contentRechts input[type="submit"]:hover {background-color:#121212; border:1px solid #121212; color:#fff;} /*-------------------------------------------------------------- >>> Footer: ----------------------------------------------------------------*/ footer {background-color:#121212; color:#d8d8d8; padding:90px 0 0; font-weight:300;} footer .kolom-1 img {padding:0; margin-top:0.5em;} footer h3 {color:#fff;} footer a {color:#e4e4e4; text-decoration:none;} footer a:hover {color:#e4e4e4; text-decoration:underline;} footer ul {-webkit-padding-start:0 !important; padding-left:0 !important;} footer ul li {list-style-type:none;} footer ul li a {color:#e4e4e4; text-decoration:none;} footer ul li a:hover {color:#e4e4e4; text-decoration:underline;} /*-------------------------------------------------------------- >>> Media queries: ----------------------------------------------------------------*/ @media only screen and (max-width : 1599px) { #home .blogs .black {width:90%;} #single .creme {text-align:center;} } @media only screen and (max-width : 1399px) { .container-fluid {padding-left: 0.75rem !important; padding-right: 0.75rem !important;} #home .banner .extraContent .yellow {padding:30px 80px;} #home .blogs .black {width:95%;} } @media only screen and (max-width : 1299px) { header .mainbar .logo img {max-width:200px; height:35px;} #home .banner .extraContent .yellow {padding:30px 50px;} } @media only screen and (max-width : 1199px) { header .mainbar .nav .main-navigation {left:0;} header .mainbar .nav .main-navigation ul li a {padding: 0 12.5px 45px;} #home .banner .bannerBG {height:700px !important;} #home .banner .bannerBG .overlay {height:700px !important;} #home .banner .bannerContent {top:250px;} #home .banner .extraContent .yellow input[type="search"] {width:300px;} #home .banner .extraContent .yellow {padding:30px 30px;} #home .vacatures .contentLinks {padding-right:30px;} #home .vacatures .contentRechts {padding-left:60px;} #home .blogs .black {width:97.5%;} #archive.nieuws .creme.intro {margin-bottom:-215px;} #archive.nieuws .creme.intro h1 {text-align:center; padding-top:60px;} #single.vacatures .intro {padding:60px 0 45px;} .cta .contentLinks {padding:45px 30px 45px 0;} footer .kolom-1 img {padding:0 90px 0 0;} } @media only screen and (max-width : 991px) { .padding30 {padding-top:22.5px; padding-bottom:22.5px} .padding45 {padding-top:30px; padding-bottom:30px;} .padding60 {padding-top:45px; padding-bottom:45px;} .padding90 {padding-top:60px; padding-bottom:60px;} .padding120 {padding-top:90px; padding-bottom:90px;} .paddingLeft30 {padding-left:15px;} .paddingLeft45 {padding-left:22.5px;} .paddingLeft60 {padding-left:30px;} .paddingLeft90 {padding-left:45px;} .paddingLeft120 {padding-left:60px;} .paddingRight30 {padding-right:15px;} .paddingRight45 {padding-right:22.5px;} .paddingRight60 {padding-right:30px;} .paddingRight90 {padding-right:45px;} .paddingRight120 {padding-right:60px;} .margin30 {margin-top:22.5px; margin-bottom:22.5px;} .margin45 {margin-top:30px; margin-bottom:30px;} .margin60 {margin-top:45px; margin-bottom:45px;} .margin90 {margin-top:60px; margin-bottom:60px;} .margin120 {margin-top:90px; margin-bottom:90px;} .marginLeft30 {margin-left:15px;} .marginLeft45 {margin-left:22.5px;} .marginLeft60 {margin-left:30px;} .marginLeft90 {margin-left:45px;} .marginLeft120 {margin-left:60px;} .marginRight30 {margin-right:15px;} .marginRight45 {margin-right:22.5px;} .marginRight60 {margin-right:30px;} .marginRight90 {margin-right:45px;} .marginRight120 {margin-right:60px;} header .mainbar {height:85px;} header .mainbar .logo img {max-width:200px; height:35px; top:0;} #home .banner .bannerBG {height:600px !important;} #home .banner .bannerBG .overlay {height:600px !important;} #home .banner .bannerContent {top:150px;} #home .banner .bannerContent h2 {font-size:3.25rem !important;} #home .banner .extraContent {margin-top:-164px;} #home .banner .extraContent h2 {font-size:20px !important;} #home .banner .extraContent .black {padding:30px 15px 15px;} #home .banner .extraContent .black .contentRechts {margin-left:-15px;} #home .banner .extraContent .yellow input[type="search"] {width:200px;} #home .banner .extraContent .yellow {padding:30px 15px;} #home .banner .extraContent .yellow input[type="submit"] {padding:0.5em 1em; margin-left:5px;} #home .vacatures .contentLinks {padding-right:15px;} #home .vacatures .contentRechts {padding-left:30px;} #home .vacatures .contentRechts .vacature .button {text-align:left; padding-top:0; margin-bottom:15px; margin-top:-10px;} #home .blogs .black {height:400px;} #home .blogs .titel {padding:45px 0 30px;} #sub .banner h1 {font-size:3rem !important;} #sub .cards .card {margin:10px 0;} #archive.nieuws .nieuwsQuery .wrapper .content button.btn.btn-primary {padding:7.5px 20px;} #single.nieuws .wrapper {padding:45px 0 60px;} #single.nieuws .wrapper #primary {padding-right:15px;} #single.nieuws #sidebar {padding: 30px 10px 30px 15px;} #archive.vacatures .creme {margin-top:-40px;} #archive.vacatures .contentLinks {padding:90px 15px 45px 0;} #archive.vacatures .contentRechts {margin-top:0;} #single.vacatures .content {padding-right:15px;} .cta {padding:15px 0 30px;} footer {padding:60px 0 0;} footer .disableXS {display:none;} footer .info-footer {margin-top:30px !important;} } @media only screen and (max-width : 767px) { h2, .h2 {font-size:2.25rem !important;} button.btn.btn-primary {padding:7.5px 20px;} .padding30 {padding-top:22.5px; padding-bottom:22.5px} .padding45 {padding-top:30px; padding-bottom:30px;} .padding60 {padding-top:30px; padding-bottom:30px;} .padding90 {padding-top:60px; padding-bottom:60px;} .padding120 {padding-top:90px; padding-bottom:90px;} .paddingLeft30 {padding-left:0;} .paddingLeft45 {padding-left:0;} .paddingLeft60 {padding-left:0} .paddingLeft90 {padding-left:0;} .paddingLeft120 {padding-left:0;} .paddingRight30 {padding-right:0;} .paddingRight45 {padding-right:0;} .paddingRight60 {padding-right:0;} .paddingRight90 {padding-right:0;} .paddingRight120 {padding-right:0;} .margin30 {margin-top:22.5px; margin-bottom:22.5px;} .margin45 {margin-top:30px; margin-bottom:30px;} .margin60 {margin-top:45px; margin-bottom:45px;} .margin90 {margin-top:60px; margin-bottom:60px;} .margin120 {margin-top:90px; margin-bottom:90px;} .marginLeft30 {margin-left:0;} .marginLeft45 {margin-left:0;} .marginLeft60 {margin-left:0;} .marginLeft90 {margin-left:0;} .marginLeft120 {margin-left:0;} .marginRight30 {margin-right:0;} .marginRight45 {margin-right:0;} .marginRight60 {margin-right:0;} .marginRight90 {margin-right:0;} .marginRight120 {margin-right:0;} #home .banner .bannerBG {height:500px !important;} #home .banner .bannerBG .overlay {height:500px !important;} #home .banner .bannerContent {top:100px;} #home .banner .bannerContent h2 {font-size:2.8rem !important;} #home .banner .extraContent {margin-top:-140px;} #home .banner .extraContent .black {display:none;} #home .vacatures .contentLinks {padding-right:0;} #home .vacatures .contentLinks button {margin-top:0; display:none;} #home .vacatures .contentRechts {border:0; padding-left:0;} #home .vacatures .contentRechts .buttonXS {display:block;} #home .vacatures .contentRechts .buttonXS a {text-decoration:none;} #home .vacatures .contentRechts .buttonXS button.btn.btn-primary {display:block; margin:30px auto 0;} #home .blogs .black {width:100%; height:300px;} #sub .banner h1 {font-size:2.5rem !important;} #archive.nieuws .creme.intro {height:300px; margin-bottom:-145px;} #archive.nieuws .creme.intro h1 {font-size:2.5rem !important;} #single.nieuws .creme {padding:30px 0 15px;} #single.nieuws .creme h2 {margin-bottom:0 !important;} #single.nieuws .wrapper .thumbnail .imageBG {height:250px;} #single.nieuws .wrapper .titel h1 {font-size:1.75rem !important; font-weight:600;} #single.nieuws .wrapper #primary .socialSharer ul {margin-left:-10px;} #single.nieuws #sidebar {padding:60px 0 30px 0;} #single.nieuws #sidebar .vacatureQuery h3 {margin-top:45px;} #single.nieuws #sidebar .contact {margin-top:45px;} #archive.vacatures .contentLinks {padding:90px 0 30px 0;} #archive.vacatures .contentRechts {position:relative;} #archive.vacatures .contentRechts .imageBG {height:300px;} #archive.vacatures .vacatureList {padding:90px 0 90px;} #archive.vacatures .vacatureList .vacature button {text-align:left; float:none; margin-top:0;} #single.vacatures .content {padding-right:0; margin-bottom:0;} #single.vacatures #sidebar {margin-left:0; background-color:#f4f3f1; color:#121212; padding:30px 12.5px;} #sidebar .vacatureUSP .titel {border-bottom:1px solid #F3C700;} #sidebar .vacatureUSP ul li h4 {font-weight:600;} #sidebar .vacatureUSP ul li p {font-weight:400;} #sidebar .socialSharer .titel {border-bottom:1px solid #F3C700;} #sidebar .socialSharer ul li a {color: #525252;} #search .vacature-item button {float:none; margin-top:0; text-align:left;} .banner .bannerBG {height:250px !important;} .banner .bannerBG .overlay {height:250px !important;} .banner .bannerBG .bannerContent {top:100px;} .cta {padding:0 0 60px;} .cta .contentLinks {padding:30px 0 0;} footer .block {margin-bottom:30px;} footer .info-footer {margin-top:15px !important;} footer .info-footer .site_info_copy {text-align:center; margin-bottom:-1rem;} footer .info-footer .site_info_author {text-align:center !important; padding-top:0 !important;} } @media only screen and (max-width : 576px) { h2, .h2 {font-size:2rem !important;} .padding30 {padding-top:22.5px; padding-bottom:22.5px} .padding45 {padding-top:30px; padding-bottom:30px;} .padding60 {padding-top:30px; padding-bottom:30px;} .padding90 {padding-top:45px; padding-bottom:45px;} .padding120 {padding-top:60px; padding-bottom:60px;} .paddingTop30 {padding-top:15px;} .paddingTop45 {padding-top:22.5px;} .paddingTop60 {padding-top:30px;} .paddingTop90 {padding-top:45px;} .paddingTop120 {padding-top:60px;} .paddingLeft30 {padding-left:0;} .paddingLeft45 {padding-left:0;} .paddingLeft60 {padding-left:0} .paddingLeft90 {padding-left:0;} .paddingLeft120 {padding-left:0;} .paddingRight30 {padding-right:0;} .paddingRight45 {padding-right:0;} .paddingRight60 {padding-right:0;} .paddingRight90 {padding-right:0;} .paddingRight120 {padding-right:0;} .margin30 {margin-top:22.5px; margin-bottom:22.5px;} .margin45 {margin-top:30px; margin-bottom:30px;} .margin60 {margin-top:45px; margin-bottom:45px;} .margin90 {margin-top:60px; margin-bottom:60px;} .margin120 {margin-top:90px; margin-bottom:90px;} .marginLeft30 {margin-left:0;} .marginLeft45 {margin-left:0;} .marginLeft60 {margin-left:0;} .marginLeft90 {margin-left:0;} .marginLeft120 {margin-left:0;} .marginRight30 {margin-right:0;} .marginRight45 {margin-right:0;} .marginRight60 {margin-right:0;} .marginRight90 {margin-right:0;} .marginRight120 {margin-right:0;} header .topbar ul li:first-child {padding-right:0; font-size:12px;} header .topbar ul li:first-child:before {padding-right:0;} header .topbar ul li:nth-child(2), header .topbar ul li:nth-child(3) {display:none;} header .topbar ul li a {padding:0;} header .mainbar {height:85px;} header .mainbar .logo img {max-width:200px; height:35px;} #home .banner .bannerBG {height:300px !important;} #home .banner .bannerBG .overlay {height:300px !important;} #home .banner .bannerContent {top:100px;} #home .banner .bannerContent h2 {font-size:1.75rem !important;} #home .banner .extraContent {margin-top:-60px;} #home .banner .extraContent .yellow input[type="search"] {width:100%;} #home .banner .extraContent .yellow input[type="submit"] {margin:15px auto 0; display:block;} .cards .contentTop {margin:45px 0 -15px;} .cards .card {padding:15px 0 0;} #home .cards .card:hover {background-color:#fff;} #home .blogs .black {height:200px;} #sub .banner h1 {font-size:2rem !important;} #sub .cards .card {padding:15px;} #archive.nieuws .creme.intro {margin-bottom:-165px;} #archive.nieuws .creme.intro h1 {font-size:2rem !important;} #single.nieuws .wrapper {padding:15px 0 30px;} #single.nieuws #sidebar {padding:60px 0 30px 0;} #single.nieuws #sidebar .vacatureQuery h3 {margin-top:30px;} #single.nieuws #sidebar .contact {margin-top:30px;} #archive.vacatures .contentLinks {padding:45px 0 30px 0;} #archive.vacatures .contentRechts .imageBG {height:200px;} #archive.vacatures .vacatureList {padding:60px 0 60px;} #archive.vacatures .vacatureList .vacature .content h4 {font-size:1.25rem !important;} #single.vacatures .intro {padding:45px 0;} #search .vacature-item .entry-header h2 {font-size:1.25rem !important;} #search .search input[type="search"] {width:320px; height:40px; border:1px solid #121212; padding-left:15px;} #search .search input[type="submit"] {background-color:#F3C700; border:1px solid #F3C700; color:#121212; height:40px; border-radius:0; position:relative; top:-1px; width:320px; margin-top:10px;} #search .search input[type="submit"]:hover {background-color:#121212; border:1px solid #121212; color:#fff;} .banner .bannerBG {height:200px !important;} .banner .bannerBG .overlay {height:200px !important;} .banner .bannerBG .bannerContent {top:75px;} .imageRepeater .image {margin:10px 0;} .cta .contentRechts input[type="submit"] {margin-top:0;} }