/*
Theme Name: Storteboom
Theme URI: http://www.storteboom.nl/
Author: Eclectic Producties & Gladior
Author URI: https://www.eclecticproducties.nl/
Description: Theme for Storteboom.
Version: 2.0.0
License: 
License URI: 
Tags: 
Text Domain: 
*/

/* HTML */
body { /*background-color: #1e375f !important;*/ color: #756D5F; font-size: 18px; line-height: 26px; font-family: 'Ubuntu', sans-serif; font-weight: 400; }
body.archive.post-type-archive.post-type-archive-vacature { position: relative; overflow-x: hidden; }
body.vacature-template-default.single.single-vacature { position: relative; overflow-x: hidden; }

p { margin: 0px 0px 20px 0px; }
h1 { font-weight: 700; font-size: 28px; line-height: 34px; margin-bottom: 10px; }
h2 { font-size: 28px; line-height: 34px; color: #1e375f !important; margin: 0px 0px 20px 0px; }
h3 { font-size: 22px; line-height: 28px; }
a { color: #1e375f !important /*#000000*/; font-weight: 700; text-decoration: none; }
a:hover { color: #FF9900 !important /*#756D5F*/; }
ul, ol { margin: 0px 0px 20px 15px; padding: 0px; }
#content_holder ul { list-style: none; }
#content_holder ul:not(.vacancy-specs) li::before { content: "\2022"; color: #FF9900; font-weight: bold; display: inline-block; width: 1em; margin-left: -1em; }
#content_holder ul.list_storteboom_bullet { position: relative; padding-left: 0px; margin-left: 0px; }
#content_holder ul.list_storteboom_bullet li::before { content: ''; display: inline-block; height: 18px; width: 18px; background-image: url('images/storteboom_checkmark.svg'); background-size: contain; background-repeat: no-repeat; position: absolute; left: 15px; top: 5px; }
#content_holder ul.list_storteboom_bullet li { margin-bottom: 10px; padding-left: 25px; margin-left: 0px; position: relative; display: inline-block; }

/* genereal classes */
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }
a.button, .nf-form-content input[type="button"], input[type="submit"], .button_white { background-color: #52ae32 !important; color: #ffffff !important; padding: 10px 30px 10px 30px !important; border-radius: 25px !important; /*text-transform: uppercase !important;*/ font-weight: 700; text-decoration: none; font-size: 18px; margin-top: 15px; display: inline-block; border: 0px; }
input[type="submit"] { margin-top: 0px; }
a.button_white { background-color: #ffffff !important; border: 1px solid #52ae32 !important; color: #52ae32 !important; margin-bottom: 30px; }
a.button_white:hover { background-color: #52ae32 !important; color: #ffffff !important; }
#gdprc_bar .gdprc_button, #gdprc_settings .gdprc_button { background-color: #ffffff !important; color: #000000 !important; font-size: 17px !important; }
#gdprc_bar .gdprc_button:hover, #gdprc_settings .gdprc_button:hover { background-color: #000000 !important; color: #ffffff !important; }
#gdprc_settings .gdprc_action { background-color: #1e375f !important; color: #ffffff !important; }
#gdprc_settings .gdprc_action .gdprc_action { background-color: transparent !important; }
#gdprc_settings .gdprc_action:hover { background-color: #ffffff !important; color: #1e375f !important; }
#gdprc_settings .gdprc_action:hover .gdprc_action { background-color: transparent !important; color: #1e375f !important; }
#gdprc_settings .gdprc_action__delete, #gdprc_settings .gdprc_action__delete .gdprc_action { background-color: transparent !important; color: #000000 !important; }
#gdprc_settings .gdprc_action__delete:hover, #gdprc_settings .gdprc_action__delete:hover .gdprc_action { color: #ffffff !important; background-color: transparent !important; }
.gdprc_action__save_all { margin-top: 0px; }
/*.button:hover,*/ .nf-form-content input[type="button"]:hover { background-color: transparent !important; color: #ffffff  !important; }
/*.button:hover { background-color: #000000; }*/
a.button:hover, input[type="submit"]:hover { background-color: #3f8627 !important; color: #ffffff !important; }
a.button_blue { background-color: #1e375f !important; margin-right: 20px; }
a.button_blue:hover { background-color: #000000 !important; }
.image_responsive { width: 100%; height: auto; }
.margin_bottom_25 { margin-bottom: 25px; }
.margin_bottom_50 { margin-bottom: 50px; }
.margin_bottom_100 { margin-bottom: 100px !important; }
.margin_bottom_150 { margin-bottom: 150px; }
.margin_top_50 { margin-top: 50px; }
.padding_top_120 { padding-top: 120px; }
.text_blue { color: #1e375f; }
.desktop_tablet_only { display: none; }
.mobile_only { display: block; }
.link_back_to_overview { text-transform: uppercase; font-size: 14px; }
.link_back_to_overview i { color: #F49600; }
#link_back_to_overview_holder{ margin-top: 0 !important; position: relative; z-index: 10; margin-bottom: 17px; }

/* header */
header { z-index: 10;}
#header_logo_white, #header_logo_blue { max-width: 125px; width: 100%; height: auto; }
.header_main { display: none; position: sticky !important; top: 0px; width: 100%; height: 100px; z-index: 20; padding-top: 20px; }
#header_main_no_background { -webkit-transition: background 0.1s; transition: background 0.1s; }
#header_main_white_background, .header_main_with_background { background-color: #ffffff; box-shadow: unset !important; }
.header_main_with_background { -webkit-transition: background 1s; transition: background 1s; }
#header_main_white_background #header_logo_blue, .header_main_with_background #header_logo_blue { display: block !important; }
#header_main_no_background #header_logo_blue { display: none; }
#header_main_white_background #header_logo_white, .header_main_with_background #header_logo_white { display: none !important; }
#header_main_no_background #header_logo_white { display: block; margin-top: 10px; }
#header_main_no_background a { color: #ffffff; }
#header_main_no_background a:hover, #header_main_white_background a:hover { color: #FF9900; }
#header_main_white_background a, .header_main_with_background a, #header_main_white_background .icon-search { color: #1e375f !important; }
#header_main_white_background .icon-search:hover { color: #FF9900 !important; }
#header_title_holder_without_image { background-color: #ffffff !important; color: #1e375f !important; overflow: hidden; padding-top: 95px; }
#header_title_holder_bottom { width: 103%; height: auto; margin-left: -5px; margin-bottom: -1px; }
#header_title_holder_with_image { position: relative; overflow: hidden; }
#header_title_holder_with_image #header_image { width: 800px /*101%*/; margin-left: 0 !important; height: auto; left: 0 !important; position: relative; }
#header_title_holder_with_image #header_title_holder { position: absolute; top: 95px; z-index: 5; width: 100%; color: #ffffff; }
#header_title_holder_with_image #header_title_holder h1 { margin-top: 0 !important; }
#header_title_holder_with_image #header_title_holder p { max-width: 400px; width: 100%; font-size: 20px; line-height: 24px; }
#header_title_holder_with_image #header_title_holder_bottom  { position: absolute; bottom: -1px; z-index: 5; left: 0px; }
#gradient_header_holder { position: absolute; top: 0px; width: 100%; height: 180px; background-color: #ff00ff; background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0.7) 0%, rgba(255,255,255,0) 100%); z-index: 5; }
#header_title_holder .content-wrapper { padding: 0 1rem; }
#header_title_holder h1 { text-shadow: 1px 1px 10px rgba(0,0,0, 0.8); }
#header_title_holder p { text-shadow: 1px 1px 10px rgba(0,0,0, 1); }
div#header_title_holder_with_image { margin-bottom: 5rem; }

a.logo_link { position: relative; top: 10px; }

@media screen and (max-width: 768px) { #header_title_holder_with_image picture.header_background { width: 97% !important; border-radius: 60px 15px 90px 30px !important; } } @media screen and (min-width: 769px) and (max-width: 1240px) { #header_title_holder_with_image picture.header_background { width: 97% !important; border-radius: 120px 30px 180px 60px !important; } }

#header_title_holder_with_image picture.header_background { width: 1230px; display: block; margin: 0 auto; border-radius: 180px 45px 270px 90px; overflow: hidden; }
#header_title_holder_with_image.empty_title picture.header_background.empty div { width: 101%; height: 35rem; height: 551px; background-color: #003366; }
#header_title_holder_with_image.empty_title picture.header_background.empty { border-radius: 180px 40px 184px 91px; }
#header_title_holder_with_image.empty_title #header_title_holder h3 { text-shadow: unset !important; font-size: 28px; }
#header_title_holder_with_image.empty_title #header_title_holder h1 { text-shadow: unset !important; font-size: 50px; font-weight: bold; }
#header_title_holder_with_image.empty_title #header_title_holder { top: 20px; }


#header_main_menu { display: none; }

.header_main_mobile { position: sticky !important; top: 0px; left: 0px; width: 100%; /*background-color: #1e375f;*/ z-index: 10; }
.header_main_mobile_blue, .header_main_mobile_blue_scroll {background-color: #ffffff !important; }
#header_main_menu_mobile { display: none; padding: 0px 15px 0px 15px; }
#header_main_menu_mobile ul { list-style: none; margin: 0px; padding: 0px; }
#header_main_menu_mobile ul li:hover > ul { /*display: block;*/ }
#header_main_menu_mobile ul ul { display: none; position: relative; /*left: 25%;*/  }
#header_main_menu_mobile .menu-item-has-children a { width: 100%; }

#header_main_menu_mobile .menu-item-has-children a::after { font-family: 'storteboom'; content: "\E800"; float: right; }
#header_main_menu_mobile .menu-item-has-children a:hover::after { content: "\E806"; }
#header_main_menu_mobile .menu-item-has-children ul a::after, #header_main_menu_mobile .menu-item-has-children ul a:hover::after  { content: ""; }
#header_main_menu_mobile .menu-item a { display: inline-block; padding: 10px 0px 10px 0px; color: #ffffff; text-decoration: none; }
#header_main_menu_mobile .menu-item a:hover { color: #FF9900; }
#header_main_menu_mobile .menu-item ul a:hover { color: #ffffff; }
#header_main_menu_mobile .menu-item-has-children ul li a { border-right: 0px; }
#header_main_menu_mobile .menu-item-has-children ul { padding-left: 20px; }
#header_main_menu_mobile .is-hover a::after { content: "\E806"; }
#header_main_menu_mobile .is-hover a { color: #FF9900;  }
#header_main_menu_mobile .is-hover ul a { color: #ffffff; }
#header_main_menu_mobile .current-menu-item a, #header_main_menu_mobile .current-menu-parent a, #header_main_menu_mobile .current_page_item a, #header_main_menu_mobile .current-page-ancestor a { color: #FF9900; }
#header_main_menu_mobile .current-menu-parent ul a  { color: #ffffff; }
#header_main_menu_mobile .current-menu-parent .current-menu-item a { color: #FF9900; }
#header_main_menu_mobile ul ul.sub_menu_active { display: block; animation-duration : 1s;
  animation-name: slideout; animation-fill-mode:forwards; transform-origin:  top; pointer-events: none; } /*pointer-events: none;*/
@keyframes slideout {
  from { /*left : 25%;*/ opacity: 0;  max-height: 0px; /*transform: translateY(-100%)*/ /*scale(1, 0)*/;   }
  to   { /*left : 0%;*/ opacity: 1; max-height: 300px /*transform: translateY(0)*/ /*scale(1, 1)*/; pointer-events: auto; }
  }
.header_main_mobile #header_logo_white { margin: 10px 0px 10px 0px; }
#row_search { text-align: right; display: none; }

.menu-flags-menu-container { display: inline-block; position: relative;  padding: 0px/*0px 5px 0px 5px*/; margin-top: 0px; }
.menu-flags-menu-container a { display: inline-block; }
.menu-flags-menu-container li:hover { background-color: #ffffff; } 
/*.menu-flags-menu-container:hover { background-color: #ffffff; }*/
.menu-flags-menu-container ul { list-style: none; margin: 0px; padding: 0px; display: inline-block; }
.menu-flags-menu-container ul li { margin: 0px; padding: 0px; }
.menu-flags-menu-container ul li .sub-menu { display: none; position: absolute; top: 25px; left: 0px; padding: 0px; background-color: #ffffff; }
.menu-flags-menu-container ul li .sub-menu li:hover img { border: 1px solid #000000; }
.menu-flags-menu-container ul li:hover .sub-menu { display: block; }
.menu-flags-menu-container img { width: 24px !important; height: auto !important; border: 1px solid #DDDBD7; margin: 5px; }
/*.menu-flags-menu-container .menu-item-has-children:after*/ /* #menu-flags-menu */ /*.menu-flags-menu-container ul:after { font-family: 'storteboom'; color: #ffffff;
    content: "\E809"; display: inline-block; right: -15px; position: absolute; top: 2px; }*/
.menu-flags-menu-container ul ul:after { display: none; }
.pll-parent-menu-item { padding-bottom: 5px !important; }

#menu_icons_mobile { list-style: none; margin: 20px 0px 0px 0px; padding: 0px; }
#menu_icons_mobile li { display: block; float: right; padding: 0px 5px 0px 5px; }
#menu_icons_mobile li.hamburger_menu { margin-top: 2px; }

.icon-search /*, .icon-menu*/ { color: #ffffff; cursor: pointer; }
.icon-search:hover /*, .icon-menu:hover*/ { color: #FF9900; }

@media screen and (max-width: 991px) { .icon-search { color: #1e375f !important; } }

/*.icon-menu { font-size: 24px; }*/
.header_main_with_background .icon-search { color: #1e375f; }
.header_main_with_background .icon-search:hover { color: #FF9900; }

/* search */
#searchform { display: inline-block; border: 2px solid #1e375f; background-color: #ffffff; border-radius: 20px; height: 44px; padding: 3px 15px 0px 15px; margin-right: 10px; width: 100%; }
#searchform input { border: 0px; width: 75% /*86%*/; display: inline-block;}
#searchform button { border: 0px; background-color: #ffffff; display: inline-block; width: 45px; text-align: left; padding: 0px; margin: 0px; }
#searchform .icon-search {color: #000000; }
#searchform .icon-search:hover {color: #FF9900; }
#header_main_menu_mobile nav { text-align: center; }

/* block text with images */
.container_block_text_with_images { margin-bottom: 50px; }

.block_text_with_images_image_large, .block_text_with_images_image_small { border-radius: 140px 35px 175px 70px !important; }
.col-md-6.col_block_text_with_images_text_position_left img.block_text_with_images_image_large { margin-bottom: 20px; }
.col-md-6.col_block_text_with_images_text_position_right .block_text_with_images_image_large { border-radius: 35px 140px 70px 175px !important; }

.block_text_with_images_image_large { width: 80%; height: auto; margin-bottom: 100px;  }
.col_block_text_with_images_text_position_left, .col_block_text_with_images_text_position_right { overflow: hidden; }
.col_block_text_with_images_text_position_left .block_text_with_images_image_large { float: right; }
.col_block_text_with_images_text_position_right .block_text_with_images_image_large { float: left; }
.block_text_with_images_image_small { width: 50%; height: auto; position: absolute; bottom: 0px;  }
.col_block_text_with_images_text_position_left .block_text_with_images_image_small { left: 15px; }
.col_block_text_with_images_text_position_right .block_text_with_images_image_small { right: 15px; }

.container.container_block_text_with_images .col-md-6.col_block_text_with_images_text_position_left img.block_text_with_images_image_small { background-color: #ff9900; mix-blend-mode: multiply; width: auto; border-radius: 15px 45px 30px 75px !important; padding: 30px; top: 80px; left: 40px; }

/* block highlighteditems and locations */
.container_block_highlighteditems .image_holder { /*border: 1px solid #756D5F;*/ border-radius: 15px; margin-bottom: 20px; overflow: hidden; }
.container_block_highlighteditems a { text-decoration: none; font-weight: 400; color: #1e375f !important; }
.container_block_highlighteditems .image_holder img { transition: transform 1s ease; }
.container_block_highlighteditems a:hover .image_holder img { transform: scale(1.2); }
.container_block_highlighteditems h3 { margin: 0px 0px 0px 0px; color: #1e375f !important; height: 70px; }
.container_block_highlighteditems h3.vestiging { margin-bottom: -10px; }
.container_block_highlighteditems .subtitle, .location_subtitle { margin: 0px 0px 5px 0px; display: block; font-size: 16px; color: #FF9900; }
.location_subtitle { margin-top: 30px; }
.container_block_highlighteditems a:hover .subtitle, .container_block_highlighteditems a:hover h3, .location_subtitle, .container_block_highlighteditems a:hover .highlighted_item_read_more { color: #FF9900 !important; }
.container_block_highlighteditems p { font-size: 18px; line-height: 24px; margin-bottom: 20px; }
.location_email { font-size: 14px; }
.row_with_background_color { padding-top: 30px; margin-bottom: 30px; }
.highlighted_item_read_more { display: none; }
.row_with_background_color .highlighted_item_read_more { display: block; margin-bottom: 30px; color: #1e375f; font-weight: 700; }

/* highlighted employees block */
.highlighted_employees_holder { background-color: rgba(238, 229, 215, 0.5); padding: 30px 0px 0px 0px; margin-bottom: 0px; }
#overlay_employee, #overlay_banner { display: none; z-index: 100; position: fixed; top: 0px; left: 0px; height: 100vh; width: 100vw; background: rgba(33, 32, 100, 0.9); color: #ffffff; }
#overlay_employee .container, #overlay_banner .container { margin-top: 50px; }
#overlay_close, #overlay_banner_close { position: absolute; top: 20px; right: 20px; color: #ffffff; font-size: 36px; cursor: pointer; }
#overlay_close:hover, #overlay_banner_close:hover { color: #000000; }
#overlay_employee_name { font-size: 36px; display: block; margin-bottom: 15px; }
#overlay_employee_function { font-size: 30px; }
#overlay_employee_col_left, #overlay_employee_col_right { font-size: 36px; margin-top: 75px; cursor: pointer; }
#overlay_employee_col_left { left: -20px; }
#overlay_employee_col_right { right: 30px; }
#overlay_employee_col_left:hover, #overlay_employee_col_right:hover { color: #000000; }
#overlay_employee_col_right { text-align: right; }
/*.highlighted_employees_holder img { border-radius: 15px; margin-bottom: 20px; }
.highlighted_employees_holder h3 { color: #39b54b; margin-bottom: 0px; }
.highlighted_employees_holder a { text-decoration: none; color: #00b3a1; font-family: 'Quicksand', sans-serif; }
.highlighted_employees_holder a:hover, .highlighted_employees_holder a:hover h3, .highlighted_employees_holder a:hover .icon-right-circle { color: #000000; }*/
.col_collegue_highlighted .icon-right-circle { color: #ff6f00; float: right; font-size: 46px; }
.col_collegue_highlighted { margin-bottom: 30px; }
#collegues_highlighted_title_holder { background-color: #00b3a1; color: #ffffff; padding: 15px 25px 15px 25px; display: inline-block; border-radius: 15px; margin: -70px 0px 30px 0px; text-align: center; }
#collegues_highlighted_title_holder h2 { color: #ffffff; margin: 0px 0px 10px 0px; }
#collegues_highlighted_title_holder h3 { color: #fcf6e6; margin: 0px; font-size: 20px; }
#collegues_highlighted_title_holder p { margin: 0px; }
.col_highlighted_employees_all_stories { text-align: right; padding: 0px 0px 30px 0px; }
.col_highlighted_employees_all_stories a { color: #ff6f00; }
#overlay_employee .videoWrapper { margin-top: 0px; }

/* vacatures */
.content_holder_job_offers .nf-form-content { display: none; }
#row_vacatures_filter_col_1, #row_vacatures_filter_col_2 { padding-top: 10px; }
#row_vacatures_filter_col_2 label input { margin-right: 10px; }
#row_vacatures_filter_col_2 label:first-child { margin-right: 20px; }
#row_vacatures_filter_col_2 { margin-bottom: 10px; }

/* footer */
footer { /*background-color: #1e375f;*/ }
#footer_container_top { overflow: hidden; }
#footer_container_top img { width: 105%; margin-left: -5px; height: auto; margin-top: 0px; }
#footer_container_holder { color: #1e375f !important; margin-top: -1px; padding-top: 60px; background-color: #ffffff !important; }
#footer_logo_white { width: 50%; height: auto; margin-bottom: 40px; margin-top: 30px; }
#footer_socials { list-style: none; margin: 0px 0px 30px 0px; padding: 0px; display: flex; align-items: center;  justify-content: center; }
#footer_socials li { display: inline-block; margin: 0px 5px 0px 5px; padding: 0px; width: 35px; height: 35px; background-color: #1e375f !important; border-radius: 50%; }
#footer_socials li a { color: #ffffff !important; width: 100%; height: 100%; display: inline-block; padding-top: 3px; }
#footer_socials li:hover { background-color: #FF9900; }
#footer_socials li::before { content: "" !important; }

#footer_menu ul { list-style: none; margin: 0px 0px 20px 0px; padding: 0px; text-transform: uppercase; }
#footer_menu ul li { display: block; margin: 0px 10px 0px 10px; padding: 0px; }
#footer_menu ul a { color: #1e375f !important; text-decoration: none; font-weight: 700; font-size: 14px; }
#footer_menu ul a:hover { color: #FF9900 !important; }

#footer_legal_menu { display: inline-block; font-size: 13px; }
#footer_legal_menu ul { list-style: none; margin: 0px; padding: 0px; display: inline; align-items: center;  justify-content: center; }
#footer_legal_menu ul a { color: #1e375f !important; border-right: 1px solid #FF9900; text-decoration: none; padding-right: 5px; margin-right: 5px; }
#footer_legal_menu ul a:hover { color: #FF9900 !important; text-decoration: underline; }
#footer_legal_menu ul li { display: inline; }
#footer_legal_menu li::before { content: "" !important; }
#footer_copyright { display: inline-block; font-size: 13px; margin-bottom: 30px; margin-top: 30px; }

/* content */
#content_holder { padding-bottom: 30px; background-color: #ffffff; padding-top: 20px; }
.content_holder_no_bottom_margin { padding-bottom: 0px !important; }

/* vacatures */
.vacature_overview_item h3:hover { color: #FF9900; }
.vacature_overview_item .icon-down-open-1 { display: none; }
.vacature_overview_item h3 { cursor: pointer; color: #1e375f; margin-top: 0px; margin-top: -30px; position: relative; left: 30px; text-align: left; width: calc(100% - 30px); }
.vacature_overview_item_date { margin: 0px 0px 5px 30px; }
.vacature_overview_item_arrow { /*float: left;*/ width: 30px; display: block; color: #FF9900; }
.vacature_overview_item_hidden { display: none; }
.vacature_overview_item_info { margin: 0px 0px 0px 30px; }
.vacature_overview_item_info p { font-size: 16px; }
#row_vacatures .text-right { text-align: center; }
#row_vacatures .text-left { text-align: center; }
.jobofferbuttons { margin-bottom: 50px; }
/*h2#vacatures { padding-top: 70px; }*/

.werken_bij_statistics_holder { margin-bottom: 30px; }
.werken_bij_statistics_holder h2 { font-size: 40px; line-height: 40px; margin-bottom: 10px; margin-top: 30px; }
.werken_bij_statistics_holder h3 { color: #1e375f; margin-top: 0px; }
.werken_bij_statistics_holder img { width: 100px; left: 50%; margin-left: -50px; position: relative; }

/* vacatures v2 */
.vacature_overview_item_v2 h3 { color: #1e375f; margin-top: 0px; position: relative; text-align: left; }
.vacature_overview_item_v2 a { font-weight: 400; color: #756D5F; display: block; }
.vacature_overview_item_v2 a:hover h3, .vacature_overview_item_v2 a:hover ul#vacature_specifications li { color: #FF9900; }
ul.vacature_specifications { list-style: none; margin: 0px; padding: 0px; }
ul.vacature_specifications li { display: inline-block; margin: 0px; padding: 0px; width: 32%; font-weight: 700; color: #1e375f; }
ul.vacature_specifications li img { margin-right: 20px; }
ul.vacature_specifications li svg { margin-right: 20px; }
ul.vacature_specifications li::before { content: "" !important; width: 0px; margin-left: 0px; }

.vacature_overview_hidden { display: none; }
#vacature_overview_show_all { color: #1e375f; font-weight: 700; text-decoration: none; cursor: pointer; }
#vacature_overview_show_all:hover { color: #FF9900; }

ul#vacature_specifications_detail { list-style: none; margin: 0px 0px 20px 0px; padding: 0px; text-align: center; }
ul#vacature_specifications_detail li { display: inline-block; margin: 0px; padding: 0px 30px 0px 30px; border-right: 1px solid #DDDBD7; /*width: 33%;*/ font-weight: 700; color: #1e375f; }
ul#vacature_specifications_detail li:last-child { border-right: 0px; }
ul#vacature_specifications_detail li img { margin-right: 20px; }
ul#vacature_specifications_detail li::before { content: ""; width: 0px; margin-left: 0px; }
#vacature_specifications_expiration_date { text-align: center; color: #F49600; }

#vacatures_highlighted { background-color: #eeeded; position: relative; overflow: hidden; }
#vacatures_highlighted ul { list-style: none; margin: 0px 0px 30px 0px; padding: 0px; overflow: hidden; z-index: 10; position: relative; }
/*#vacatures_highlighted ul li { width: 50%; border-right: 1px solid #D2CFCF; display: block; float: left; padding-right: 30px; }
#vacatures_highlighted ul li:last-child { border-right: 0px; padding-left: 30px; padding-right: 0px; }*/
#vacatures_highlighted ul li::before { content: "" !important; width: 0px; margin-left: 0px; }
#vacatures_highlighted h3 { margin-top: 0px; color: #1e375f !important; }
#vacatures_highlighted img { position: absolute; top: -50px; right: -100px; width: 70%; height: auto; opacity: 0.06; z-index: 1; display: none; }
.vacatures_highlighted_margin_bottom { margin-bottom: 50px; }

#vacatures_filters_title { font-weight: 700; color: #1e375f !important; display: block; margin-right: 10px; text-transform: uppercase; font-size: 14px; }
.vacatures_filters_select { padding: 0px 15px 0px 15px; border-radius: 20px; background-color: #ffffff; border: 1px solid #1e375f; display: inline-block; margin: 0px 5px 15px 0px; }
.vacatures_filters_select svg { width: 20px; }

#vacatures_filter select { background-color: #ffffff; color: #756D5F !important; text-transform: uppercase; border: 0px; padding: 10px 5px 10px 5px; font-size: 14px; }
#vacatures_filter select option { padding-left: 1em; padding-right: 1em; }
/* slider */
/*.slick-dots li button:before { font-size: 20px; }*/
.slick-dots { display: flex; justify-content: center; margin: 0; padding: 1rem 0; list-style-type: none; position: relative; bottom: 0px; margin-top: 20px; }
.slick-dots li { margin: 0 0.25rem; }
.slick-dots li::before { content: "" !important; }
.slick-dots button { display: block; width: 10px !important; height: 10px !important; padding: 0; border: none; border-radius: 100%; background-color: #cccccc !important; text-indent: -9999px; }
.slick-dots li.slick-active button { background-color: #FF9900 !important; }
#slider_brands img { width: 80%; height: auto; display: inline-block; }
.slide { text-align: center; }

/* google maps */
.wpgmza_map { /*border: 1px solid #756D5F;*/ border-radius: 25px; }

/* gutenberg */
.editor_only { display: none; }
.block-editor__container .editor_only { display: block; }
.block-editor text-area { color: #000000; }
.wp-block-embed__wrapper, .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; margin: 50px 0px 50px 0px; }
.wp-block-embed__wrapper iframe, .videoWrapper iframe  { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.block-editor .button { background-color: #ffffff !important; color: var(--wp-admin-theme-color) !important; padding: 5px !important; border-radius: 0px !important; /*text-transform: uppercase !important;*/ font-weight: 400; text-decoration: none; font-size: 16px; margin-top: 0px; display: inline-block; border: 1px solid var(--wp-admin-theme-color); }
.block-editor .button:hover { border: 1px solid var(--wp-admin-theme-color); background-color: var(--wp-admin-theme-color) !important; color: #ffffff !important; }

/* ninja forms */
.ninja-forms-req-symbol { color: #FF9900 !important; }
.nf-form-fields-required { display: none; }
.nf-response-msg { text-align: center; font-weight: 700; font-size: 24px; color: #FF9900; }
.nf-form-content ul li::before { content: "" !important; }
input[type="text"]:disabled { opacity: 1; -webkit-text-fill-color: #787878; }
.list-radio-wrap .nf-field-element li input { display: none !important; }
.nf-form-layout input[type="button"]:hover { background-color: #D47F00 !important; }

/* search results */
#search_results li { margin-bottom: 10px; }

/* pagination */
#pagination_holder { text-align: center; }

/* acf fields */
.acf-field textarea { color: #000000 !important; }

/* elements */
hr.beeldmerk { margin: 30px 0; padding-bottom: 30px; }
.img-wrapper { position: absolute; top: 0; display: block; width: 100%; text-align: center; }
.img-wrapper img { background-color: #fff; padding: 0 10px; }
.row_with_background_color_grey { padding: 60px 0; margin-top: 60px; }


/* mobile menu animation */
/** {
  margin: 0;
  padding: 0; 
}*/
/* Icon 3 */
#icon-menu {
  width: 25px;
  height: 25px;
  position: relative;
  margin-top: 3px;
  /*margin: 50px auto;*/
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#icon-menu span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #1e375f !important;
  border-radius: 3px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
#icon-menu span:nth-child(1) {
  top: 0px;
}

#icon-menu span:nth-child(2),#icon-menu span:nth-child(3) {
  top: 8px;
}

#icon-menu span:nth-child(4) {
  top: 16px;
}

#icon-menu.open span:nth-child(1) {
  top: 8px;
  width: 0%;
  left: 50%;
}

#icon-menu.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#icon-menu.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#icon-menu.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

@media (max-width: 500px) {
    #header_title_holder_with_image img#header_image {
        margin-left: -229px !important;
    }
}


/* responsive */
@media (min-width: 768px) {
	h1 { font-size: 30px; line-height: 38px; margin-bottom: 20px; }
	#col_overview_item_3, #col_overview_item_5, #col_overview_item_7, #col_overview_item_8 { clear: both; }
	/*#footer_legal_menu ul { display: flex; }*/
	.desktop_tablet_only { display: block; }
	.mobile_only { display: none; }
	#footer_copyright { margin-top: 0px; }
	#footer_menu ul li { display: inline-block; }
	#footer_logo_white { width: 30%; }
	#footer_container_top img { width: 105%; margin-left: -5px; height: auto; margin-top: 0px; }
	#row_vacatures .text-right { text-align: right; }
	#row_vacatures .text-left { text-align: left; }
	#row_vacatures_filter_col_2 { margin-bottom: 0px; }
	.header_main_mobile #header_logo_white { margin: 10px 0px 10px 0px; }
	#header_title_holder_with_image #header_image { width: 101%; height: auto; margin-left: 0px; left: 0%; }
	/*h2#vacatures { padding-top: 90px; }*/
	#content_holder { padding-top: 0px; }
	#searchform { width: auto; }
	#searchform input {width: 70% /*86%*/; }
	#vacatures_highlighted img { top: -50px; right: -100px; width: 70%; display: block; }
	#vacatures_highlighted ul li { width: 50%; border-right: 1px solid #D2CFCF; display: block; float: left; padding-right: 30px; }
	#vacatures_highlighted ul li:last-child { border-right: 0px; padding-left: 30px; padding-right: 0px; }
	#overlay_employee_col_left, #overlay_employee_col_right { font-size: 36px; margin-top: 225px; cursor: pointer; }
	#overlay_employee_col_left { left: -15px; }
	#overlay_employee_col_right { right: 0px; }
}
@media (min-width: 992px) {
	.header_main { display: block; }
	.header_main_mobile { display: none; }
	#header_main_menu_mobile { display: none; }
	#header_main_menu { display: block; font-size: 14px; text-transform: uppercase; font-weight: 700; margin-top: 20px; }
	#header_main_menu ul { list-style: none; margin: 0px; padding: 0px; height: 40px; }
	#header_main_menu ul li { position: relative; display: inline-block; margin: 0px; padding: 0px; margin-right: 20px; }
	#header_main_menu ul#menu-header-main-menu-frans li, #footer_menu ul#menu-footer-menu-frans li, #header_main_menu ul#menu-header-main-menu-pools li, #footer_menu ul#menu-footer-menu-pools li { margin-right: 10px; font-size: 12px; }
	#footer_menu ul#menu-footer-menu-frans li { margin: 0px 5px 0px 5px; }
	#footer_menu ul#menu-footer-menu-frans li a { font-size: 12px; }
	#header_main_menu ul li:last-child { margin-right: 0px; }
	#header_main_menu ul li a { display: inline-block; height: 40px; text-decoration: none; }
	#header_main_menu ul li:hover a, #header_main_menu .current-menu-parent a, #header_main_menu .current-menu-item a, #header_main_menu .current_page_item a, #header_main_menu .current-page-ancestor a { border-bottom: 4px solid #FF9900; }

	#header_main_menu ul li:hover > ul { display: block; }
	#header_main_menu ul ul { display: none; position: absolute; top: 40px; height: auto; left: 0; z-index: 99999; width: auto; background: #1e375f !important; border: 0px; box-shadow: 0px 3px 10px rgba(0,0,0,0.6); }
	#header_main_menu ul ul li { width: 100%; } 
	#header_main_menu ul ul li a { height: auto; width: 100%; border-bottom: 2px solid #8f8eb1 !important; padding: 10px 10px 10px 10px; white-space: nowrap; }
	#header_main_menu ul ul li:last-child a { border-bottom: 0px !important; }
	#header_main_menu ul li:hover ul li a { border: 0px 0px 8px 0px; }
	.header_main_with_background #header_main_menu ul ul a, #header_main_white_background #header_main_menu ul ul a { color: #ffffff !important; }
	.header_main_with_background #header_main_menu ul ul a:hover, #header_main_white_background #header_main_menu ul ul a:hover { color: #FF9900 !important; }
	.header_main_with_background #header_main_menu ul, #header_main_white_background #header_main_menu ul { height: 60px; }
	.header_main_with_background #header_main_menu ul li a, #header_main_white_background #header_main_menu ul li a { height: 60px; }
	.header_main_with_background #header_main_menu ul ul li a, #header_main_white_background #header_main_menu ul ul li a { height: auto; }
	.header_main_with_background #header_main_menu ul ul, #header_main_white_background #header_main_menu ul ul { top: 60px; height: auto; }
	.header_main_with_background #header_main_menu ul ul .current_page_item a, #header_main_white_background #header_main_menu ul ul .current_page_item a { color: #FF9900 !important; }
    #header_main_white_background { padding-top: 12px; }
	#header_main_white_background .col-md-1 { padding-right: 0px; }
    #header_title_holder .content-wrapper { padding: 0 3rem; }
	
	#col_overview_item_3, #col_overview_item_5, #col_overview_item_7, #col_overview_item_8 { clear: none; }
	#col_overview_item_4, #col_overview_item_7, #col_overview_item_10, #col_overview_item_13 { clear: both; }
	h1 { font-size: 40px; line-height: 48px; margin-bottom: 30px; }
	#header_title_holder_with_image #header_title_holder p { font-size: 28px; line-height: 34px; font-weight: 700; }
	#footer_logo_white { width: 100%; margin-top: 0px; }
	#footer_menu ul { list-style: none; margin: 20px 0px 50px 0px !important; }
	#header_main_no_background .col-md-1 { text-align: center; padding-right: 0px; padding-top: 18px; }
	.location_subtitle { margin-top: 00px; }
	/*h2#vacatures { padding-top: 120px; }*/
	#header_logo_white, #header_logo_blue { max-width: 100%; }
	#header_title_holder_with_image #header_title_holder p { max-width: 500px; }
	#searchform { margin-right: 0px; height: 40px; }
	#searchform input { width: 80%; }
	.werken_bij_statistics_holder h2 { font-size: 60px; line-height: 60px; }
	#vacatures_highlighted img { top: -50px; right: -200px; width: 70%; }
	#vacatures_filters_title { display: inline-block; }
	#overlay_employee_col_left { left: 0px; }
	#overlay_employee_col_right { right: 0px; }
}
@media (min-width: 1200px) {
	#header_main_menu ul li { margin-right: 40px; }
	#header_main_menu ul#menu-header-main-menu-frans li, #header_main_menu ul#menu-header-main-menu-pools li  { margin-right: 20px; font-size: 14px; }
	#footer_menu ul#menu-footer-menu-frans li { margin-right: 10px; }
	#footer_menu ul#menu-footer-menu-frans li a { font-size: 13px; }
	#header_main_white_background .col-md-1 { padding-right: 15px; }
	#header_main_no_background #header_logo_white { margin-top: 0px; }
	.menu-flags-menu-container { margin-top: 18px; }
	#header_main_no_background .col-md-1 { text-align: right; padding-right: 15px; padding-top: 0px; }
	h1 { font-size: 65px; line-height: 75px; margin-bottom: 30px; }
	/*#header_title_holder_with_image #header_title_holder p { max-width: 400px; }*/
	#searchform { margin-right: 10px; }
	#vacatures_highlighted img { top: -100px; right: -500px; width: 70%; }
	.werken_bij_statistics_holder img { width: 150px; margin-left: -75px; }
	#link_back_to_overview_holder{ margin-top: 0 !important; }	

    #header_title_holder .content-wrapper { padding: 0 5rem; }
}

/* bootstrap */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:'Lato', sans-serif;/*font-size:1em*/}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{/*font-size:10px;*/-webkit-tap-highlight-color:rgba(0,0,0,0)}body{/*color:#333;background-color:#fff*/}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{/*color:#337ab7;text-decoration:none*/}a:hover,a:focus{/*color:#23527c;text-decoration:underline*/}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}/*.img-responsive{display:block;max-width:100%;height:auto}*/.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role="button"]{cursor:pointer}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:0px;padding-right:0px}.row{margin-left:-15px;margin-right:-15px}.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1,.col-1, .col-xs-2,.col-2, .col-xs-3,.col-3, .col-xs-4,.col-4, .col-xs-5,.col-5, .col-xs-6,.col-6, .col-xs-7,.col-7, .col-xs-8,.col-8, .col-xs-9,.col-9, .col-xs-10,.col-10, .col-xs-11,.col-11, .col-xs-12,.col-12{float:left}.col-xs-12,.col-12{width:100%}.col-xs-11,.col-11{width:91.66666667%}.col-xs-10,.col-10{width:83.33333333%}.col-xs-9,.col-9{width:75%}.col-xs-8,.col-8{width:66.66666667%}.col-xs-7,.col-7{width:58.33333333%}.col-xs-6,.col-6{width:50%}.col-xs-5,.col-5{width:41.66666667%}.col-xs-4,.col-4{width:33.33333333%}.col-xs-3,.col-3{width:25%}.col-xs-2,.col-2{width:16.66666667%}.col-xs-1,.col-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after{content:" ";display:table}.clearfix:after,.container:after,.container-fluid:after,.row:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important}.affix{position:fixed}

/*html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}*/

#pagination .pagination {
	display: flex;
	list-style: none;
	margin-left: 0;
	flex-wrap: wrap;
}

#pagination .pagination .page-item {
	margin-right: .5em;	
}

#pagination .pagination .page-item .page-link {
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

#pagination .pagination .page-item.disabled {
	pointer-events: none;
	opacity: .5;
}

.vacature-content-block {
	margin-bottom: 2em;
}

.header_main {
  height: auto;
  padding-top: 0;
}

#message {
  text-align: center;
  background: #f4960a;
  padding-top: 3px;
  padding-bottom: 3px;
  margin-bottom: .5rem;
}

#message a {
  display: block;
}

#message p,
#message marquee {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  display: block;
}

#message a:hover,
#message a:focus {
  color: #FFF;
  text-decoration: underline;
}

/** ___ */

#vacatures_filter_container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-bottom: 2em;
}

.vacancy-card {
	display: flex !important;
	flex-direction: row;
	max-width: 1140px;
	border-radius: 15px;
	overflow: hidden;
	background-color: #F9F9F9;
	padding: 1em;
	margin-bottom: 1.25em;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.vacancy-image {
	width: 333px;
	height: 200px;
	position: relative;
	overflow: hidden;
	margin-right: .5em;
}

.vacancy-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
}

.vacancy-content {
	width: 70%;
	padding: 20px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.vacancy-title {
	color: #00447c;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px;
	margin-top: 0;
}

.vacancy-description {
	color: #555;
	font-size: 14px;
	line-height: 1.4;
	margin-bottom: 15px;
}

.vacancy-information {
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	gap: 1em;
  }
  

.vacancy-specs {
	display: flex;
	flex-wrap: wrap;    
	gap: 1em;
	margin: 0;
	padding: 0;
	list-style: none;
}

.vacancy-specs li {
	display: inline-flex;
	align-items: center;
	min-width: 0;
	/* margin-right: 0; */
	color: #003366;
	white-space: normal;
}

.vacancy-specs li strong {
	display: inline-block;
	white-space: normal;
	overflow-wrap: break-word;
  }


.vacancy-specs svg {
	flex-shrink: 0; 
	margin-right: 10px; 
  }
  

.vacancy-information .vacancy-button {
	margin: 0;
	white-space: nowrap;
	align-self: center;
}

#pagination_vacatures .pagination {
	display: flex;
	list-style-type: none;
	float: right;
	gap: 1.25em;
}

#pagination_vacatures li.page-item.active a {
	color: #F4960A !important;
}

.omschrijving {
	color: #1e375f !important;
}

.omschrijving-container {
	margin-top: 50px;
}

.omschrijving-pictures {
	position: relative;
	width: 100%;
	height: 434px;
}

.omschrijving-picture {
	position: absolute;
}

.omschrijving-picture img {
	width: 95%;
	height: auto;
	object-fit: cover;
}

.omschrijving-picture.omschrijvijng-picture-large {
	top: 4%;
	left: 15%;
}

.omschrijving-picture.omschrijvijng-picture-small {
	top: 52%;
	left: 52%;
}

.omschrijving-picture.omschrijvijng-picture-large img {
	max-width: 367px;
	max-height: 367px;
	border-radius: 36px 107px 52px 137px;
}

.omschrijving-picture.omschrijvijng-picture-small img {
	max-width: 242px;
	max-height: 242px;
	border-radius: 99px 35px 116px 69px;
}

.beeldmerk-container {
	position: relative;
	margin-top: 120px;
	margin-bottom: 70px;
}

.usp-container {
	display: flex;
	gap: 1em;
	margin: 1em 0;
}

.usp-icon {
	width: 81px;
	height: 97px;
	background-color: #FF9900;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 37px 23px;
	gap: 10px;
	border-radius: 12px 28px 19px 44.5px;
	flex-shrink: 0;
}

.usp-text {
	color: #1e375f !important;
}

#open-sollicitatie-background {
	position: relative;
	max-width: 1230px;
	width: 100%;
	height: 396px;
	margin: 0 auto;
	overflow: hidden;
	border: 1px solid #000000;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 150px 40px 183px 57px;
}

#open-sollicitatie-background::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(270deg, rgba(117, 109, 95, 0) 41.92%, #756D5F 100%);
	pointer-events: none;
}

#open-sollicitatie-background img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 0% 30%;
	transform: scale(1.2);
    transform-origin: left top;
	display: block;
}
#open-sollicitatie-overlay {
	margin-top: -396px;
	position: relative;
	z-index: 1;
	padding: 50px 10px 50px 10px;
	color: #FFFFFF !important;
}

#open-sollicitatie-text {
	padding: 0 1rem;
}

#open-sollicitatie-text h3 {
	margin-top: 0 !important;
}

#open-sollicitatie-text .subtitel {
	color: #FF9900;
}

#open-sollicitatie-text .inhoud {
	width: 50%;
}


#background-square {
	position: absolute;
	width: 1920px;
	height: 1110.5px;
	left: -801px;
	bottom: -35px;
	overflow: hidden;
}

#background-square.centered-square {
	width: 1920px;
	height: 1032px;
	left: 0;
}

.position-relative {
	position: relative;
}

#background-square svg {
	display: block;
	width: 100%;
	height: auto;
}

.header-title-left {
	word-break: break-word;
	margin-top: 50px;
	padding: 0 3em;
}

.vacancy-specs-single {
	max-width: 242px;
	max-height: 242px;
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
	background: #F0F0F0;
	border-radius: 99px 35px 116px 69px;
	gap: 1em;
}

.vacancy-specs-single li {
    width: 70%;                
    margin: 0 auto;           
    display: flex;
    align-items: center;      
    justify-content: flex-start;
    gap: 5px;
    font-size: 1rem;
	word-break: break-word;
}

.vacancy-specs-single svg {
	width: 25px;
}


.omschrijving-picture.omschrijvijng-picture-large.single {
	max-width: unset;
	max-height: unset;
	left: 6%;
}

.omschrijving-picture.omschrijvijng-picture-large.single img {
	width: 367px;
	height: 367px;
	max-height: unset;
	max-width: unset;
}

.omschrijving-picture.omschrijvijng-picture-small.single {
	max-width: unset;
	max-height: unset;
	width: 242px;
	height: 242px;
	left: 45%;
}

.single-help {
	background-color: #F9F9F9;
	color: #003366;
	padding: 1.75em;
	border-radius: 15px;
	font-size: 18px;
}

.single-help a {
	font-weight: 400;
	margin-left: 10px;
}

.text-orange {
	color: #FF9900;
}

.text-large {
	font-size: 20px;
}

.single-extra-image {
	width: 100%;
	object-fit: cover;
	max-height: 276px;
	border-radius: 15px;
}

.video-container {
  position: relative;
  width: 100%;
  height: 320px;
  overflow: hidden;
  border-radius: 15px;
  margin-top: 20px;
}

.video-container iframe {
  width: 100%;
  height: 100%;
}

.video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.play-button {
  width: 76px;
  height: 76px;
  background-color: #FF9900;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.play-button svg {
	margin-left: 6px;
}

.wat-ga-je-doen li::marker {
	color: #756D5F;
}

.wat-ga-je-doen li {
  list-style: none;
  position: relative;
}

.wat-ga-je-doen li::before {
  content: "\2022";
  color: #756D5F !important;
  position: absolute;
  left: 0;
}

.single-competenties {
	background-color: #F9F9F9;
	padding: 1.75em;
	border-radius: 15px;
}

.margin_top_25 {
	margin-top: 25px;
}

.open-sollicitatie-single {
	margin-top: 25px;
}

.open-sollicitatie-single #open-sollicitatie-overlay {
	margin-top: -360px;
	margin-bottom: 75px;
}

.open-sollicitatie-single #open-sollicitatie-overlay a {
	color: #FFFFFF !important;
	text-decoration: underline;
}

.niet-gevonden {
	text-align: center;
	font-weight: 700;
	font-size: 28px;
	line-height: 32px;
	color: #003366;
}

@media screen and (max-width: 985px) {
	.omschrijving-pictures.omschrijving-pictures-single {
		margin-top: 40px;
	}
	#header_title_holder_with_image.empty_title {
		height: 880px;
	}
	.omschrijving-picture.omschrijvijng-picture-large.single {
		left: 0% !important;
	}
}

@media screen and (min-width: 769px) and (max-width: 1240px) {
    #open-sollicitatie-background {
        width: 97% !important;
        border-radius: 120px 30px 180px 60px !important;
    }
}

@media screen and (max-width: 1096px) {
	.omschrijving-picture.omschrijvijng-picture-large.single {
		left: -10%;
	}
	.omschrijving-picture.omschrijvijng-picture-small.single {
		left: 33%;
	}
}

@media screen and (max-width: 1024px) {
	#open-sollicitatie-text .inhoud {
		width: 75%;
	}
}

@media screen and (max-width: 867px) {
	#open-sollicitatie-text .inhoud {
		width: 100%;
	}
}

@media screen and (max-width: 768px) {
    #open-sollicitatie-background {
        width: 97% !important;
        border-radius: 60px 15px 90px 30px !important;
    }
}

@media (min-width: 1200px) {
    #open-sollicitatie-text {
        padding: 0 5rem;
    }
	.omschrijving-picture img {
		width: auto;
	}
}

@media (min-width: 992px) {
    #open-sollicitatie-text {
        padding: 0 3rem;
    }
}

@media screen and (max-width: 575px) {
	#open-sollicitatie-text {
		padding: 0 2rem;
	}
	
	#open-sollicitatie-background {
		height: 446px;
    }
	
	#open-sollicitatie-overlay {
		margin-top: -461px;
	}
	
	.omschrijving-pictures {
		margin: -20px;
	}
	
	#header_title_holder_with_image.empty_title picture.header_background.empty {
		height: 800px;
	}
	
	.omschrijving-pictures-single {
		margin-top: 50px;
	}
	
	.header-title-left {
		padding: 0 1em;
	}
	
	.omschrijving-picture.omschrijvijng-picture-large.single img {
		width: 300px;
		height: 300px;
	}
	
	.omschrijving-picture.omschrijvijng-picture-small.single {
		left: 15%;
	}
}

@media screen and (max-width: 420px) {
	#open-sollicitatie-text {
		padding: 0 1rem;
	}
	#open-sollicitatie-background {
		height: 466px;
    }
	
	#open-sollicitatie-overlay {
		margin-top: -481px;
	}
	
	.open-sollicitatie-single #open-sollicitatie-overlay {
		margin-top: -411px;
	}
	
	.omschrijving-container {
		margin-top: 75px;
	}
}


@media (max-width: 768px) {
	.vacancy-card {
	  flex-direction: column;
	}
	
	.vacancy-image {
	  width: 100%;
	  aspect-ratio: 333 / 203;
	  height: auto;
	  margin-bottom: 1em;
	}
	
	.vacancy-content {
	  width: 100%;
	  padding: 10px;
	}
	
	.vacancy-information {
	  display: block;        
	  position: relative;    
	  padding-bottom: 2.5em; 
	}
	
	.vacancy-specs {
	  display: flex;
	  flex-wrap: wrap;      
	  gap: 1em;
	  margin: 0;
	  padding: 0;
	  padding-bottom: 1em;
	  list-style: none;
	}
	
	.vacancy-specs li {
	  display: inline-flex;
	  align-items: center;
	  min-width: 0;
	  color: #003366;
	  white-space: normal;
	}
	
	.vacancy-specs li strong {
	  display: inline-block;
	  white-space: normal;
	  overflow-wrap: break-word;
	}
	
	.vacancy-information .vacancy-button {
	  position: absolute;
	  bottom: 0;
	  right: 0;
	  white-space: nowrap;
	}
  }