.cc-window{opacity:1;-webkit-transition:opacity 1s ease;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0!important}.cc-animate.cc-revoke{-webkit-transition:transform 1s ease;-webkit-transition:-webkit-transform 1s ease;transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease}.cc-animate.cc-revoke.cc-top{-webkit-transform:translateY(-2em);transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{-webkit-transform:translateY(2em);transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-top{-webkit-transform:translateY(0);transform:translateY(0)}.cc-animate.cc-revoke.cc-active.cc-bottom{-webkit-transform:translateY(0);transform:translateY(0)}.cc-revoke:hover{-webkit-transform:translateY(0);transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;-webkit-transition:max-height 1s;transition:max-height 1s}
.cc-revoke,.cc-window{position:fixed;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:2147483646}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-revoke:hover{text-decoration:underline}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;margin-bottom:.4em;text-decoration:underline}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap;text-decoration:none}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-first-highlight .cc-btn:last-child{background-color:transparent;border-color:transparent}.cc-first-highlight .cc-btn:last-child:focus,.cc-first-highlight .cc-btn:last-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.2em;right:.4em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close.cc-closeXcustomText{text-decoration:underline;font-size:1.1em;top:.5em;right:.6em}.cc-window.cc-banner.cc-addedcloseX{padding:2em 1.8em}.cc-close:focus,.cc-close:hover{opacity:1}div.cc-blockingScreen{opacity:.5;background:#000;width:100%;height:100%;z-index:2147483630;top:0;left:0;position:fixed}span.cc-visually-hidden{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.cc-window.cc-banner{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{display:block;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;margin-right:1em}.cc-allswitches.cc-floating{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cc-compliance{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-floating .cc-compliance>.cc-btn{-webkit-box-flex:1;-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}.cc-switch-element{margin-bottom:.3em}.cc-switch{position:relative;display:inline-block;width:2.3em;height:1.4em;margin:0 .3em 0 0;vertical-align:middle}.cc-switch-label{margin-right:.6em}.cc-switch input{opacity:0;width:0;height:0;display:none}.cc-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.cc-slider:before{position:absolute;content:"";height:1em;width:1em;left:.2em;bottom:.2em;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.cc-slider{background-color:#a0db8e}input:focus+.cc-slider{-webkit-box-shadow:0 0 1px #a0db8e;box-shadow:0 0 1px #a0db8e}input:checked+.cc-slider:before{-webkit-transform:translateX(.9em);transform:translateX(.9em)}.cc-slider.disabled:before{opacity:45%}.cc-slider.classic{border-radius:.6em}.cc-slider.classic:before{border-radius:50%}.cc-popovercenter{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);min-width:380px;z-index:2147483645}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-popovercenter{top:50%!important;left:50%!important;min-width:calc(100%)!important}}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-webkit-box-align:unset;-ms-flex-align:unset;align-items:unset}.cc-window.cc-banner .cc-message{margin-right:0}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-webkit-box-flex:0;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-highlight .cc-btn:last-child{min-width:140px}.cc-theme-classic .cc-highlight .cc-btn:first-child{min-width:0}.cc-theme-classic .cc-first-highlight .cc-btn:last-child{min-width:0}.cc-theme-classic .cc-first-highlight .cc-btn:first-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em;margin-bottom:1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}
*:where(:not(strong,html,iframe,canvas,img,svg,video,audio,input[type=checkbox],.hs_style_container *):not(svg *,symbol *)){all:unset;display:revert}*,*::before,*::after{box-sizing:border-box}a,button{cursor:revert}ol,ul,menu{list-style:none}img{max-width:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}::placeholder{color:unset}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}
:root{--clr_primary:#27468F;--clr_secondary:#F9DE52;--clr_background_100:#F3F3F3;--clr_background_200:#E5E5E5;--clr_background_600:#00376F;--clr_background_800:#333333;--clr_image_background:#444444;--image_bg_blend_mode:overlay;--clr_white:#FFF;--clr_black:#000;--ff_primary:'Source Sans Pro', sans-serif;--fw_light:300;--fw_regular:400;--fw_semibold:600;--fw_bold:700;--margin_section:2.5rem;--margin_section:clamp(2.5rem, 2.071428571428571rem + 2.142857142857143vw, 4rem);--margin_paragraph:1.25rem;--margin_paragraph:clamp(1.25rem, 1.0357142857142856rem + 1.0714285714285714vw, 2rem);--margin_h3_bottom:0.2rem;--margin_h3_bottom:clamp(0.2rem, 0.14rem + 0.3vw, 0.5rem);--fsf_body:0.875rem;--fsf_body:clamp(0.875rem, 0.8035714285714286rem + 0.35714285714285715vw, 1.125rem);--fsf_h1:1.175rem;--fsf_h1:clamp(1.75rem, 1.3928571428571428rem + 1.7857142857142856vw, 2.9rem);--fsf_h2:1.75rem;--fsf_h2:clamp(1.75rem, 1.3928571428571428rem + 1.7857142857142856vw, 2.9rem);--fsf_h3:1.5rem;--fsf_h4:0.85rem;--fsf_h4:clamp(0.85rem, 0.8071428571428572rem + 0.2142857142857143vw, 1rem);--fsf_slogan_home:2 rem;--fsf_slogan_home:clamp(2rem, 1.2857142857142858rem + 3.571428571428571vw, 4.5rem);--fsf_slogan:2rem;--fsf_slogan:clamp(2rem, 1.5rem + 2.5vw, 3.75rem);--fsf_introtekst:1.125rem;--fsf_introtekst:clamp(1.125rem, 1.0178571428571428rem + 0.5357142857142857vw, 1.5rem);--fsf_call_to_action_title:1.5rem;--fsf_call_to_action_title:clamp(1.5rem, 1.0714285714285714rem + 2.142857142857143vw, 3rem);--fsf_quote_caption:1.5rem;--fsf_quote_caption:clamp(1.5rem, 1.5rem + 0vw, 1.5rem);--fsf_quote:1.75rem;--fsf_quote:clamp(1.75rem, 1.6071428571428572rem + 0.7142857142857143vw, 2.25rem);--fsf_vacaturecard_titel:1.125rem;--fsf_vacaturecard_titel:clamp(1.125rem, 1.0178571428571428rem + 0.5357142857142857vw, 1.5rem);--fsf_tag_vacaturecard:0.766875rem;--fsf_tag_vacaturecard:clamp(0.766875rem, 0.7002678571428571rem + 0.3330357142857143vw, 1rem);--fsf_bannercard_titel:1.125rem;--fsf_bannercard_titel:clamp(1.125rem, 1.0178571428571428rem + 0.5357142857142857vw, 1.5rem);--fsf_bannercard_tekst:0.875rem;--fsf_bannercard_tekst:clamp(0.875rem, 0.8035714285714286rem + 0.35714285714285715vw, 1.125rem);--fsf_bannercard_quote:1.5rem;--fsf_bannercard_quote:clamp(1.5rem, 1.2857142857142856rem + 1.0714285714285714vw, 2.25rem);--fsf_bannercard_leesverder:0.875rem;--fsf_bannercard_leesverder:clamp(0.875rem, 0.8035714285714286rem + 0.35714285714285715vw, 1.125rem);--fsf_button_fixed:1rem;--fsf_button:0.90rem;--fsf_button:clamp(0.9rem, 0.855rem + 0.22499999999999998vw, 1.125rem);--fsf_caption_video:0.625rem;--fsf_caption_video:clamp(0.625rem, 0.55rem + 0.375vw, 1rem);--fsf_accordion_title:1.125rem;--fsf_accordion_title:clamp(1.125rem, 1.0178571428571428rem + 0.5357142857142857vw, 1.5rem);--image_overlay:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);--fs_50:0.625rem;--fs_100:0.767rem;--fs_200:0.875rem;--fs_400:1.125rem;--fs_450:1.375rem;--fs_500:1.5rem;--fs_550:1.75rem;--fs_600:2rem;--fs_200:0.875rem;--fs_250:0.9375rem;--fs_300:1rem;--fs_400:1.125rem;--fs_500:1.5rem;--fs_700:3rem;--fs_800:3.75rem;--fs_900:4.5rem;--fs_tag_vacaturecard:var(--fs_100);--fs_top_menu:var(--fs_200);--fs_body:var(--fs_200);--fs_footer:var(--fs_200);--fs_bannercard_tekst:var(--fs_200);--fs_h4:var(--fs_200);--fs_leesverder:var(--fs_200);--fs_caption_video:var(--fs_50);--fs_pagination:var(--fs_300);--fs_paragraaf:var(--fs_400);--fs_vacaturecard_titel:var(--fs_400);--fs_bannercard_titel:var(--fs_550);--fs_button:var(--fs_400);--fs_menu:var(--fs_400);--fs_h4:var(--fs_400);--fs_doorway:var(--fs_450);--fs_h3:var(--fs_500);--fs_h2:var(--fs_550);--fs_introtekst:var(--fs_400);--fs_quote:var(--fs_550);--fs_h1:var(--fs_600);--fs_h1_home:var(--fs_600)}@media (min-width:50em){:root{--fs_tag_vacaturecard:var(--fs_300);--fs_top_menu:var(--fs_200);--fs_body:var(--fs_400);--fs_footer:var(--fs_200);--fs_bannercard_tekst:var(--fs_400);--fs_h4:var(--fs_200);--fs_leesverder:var(--fs_400);--fs_caption_video:var(--fs_300);--fs_pagination:var(--fs_300);--fs_paragraaf:var(--fs_400);--fs_vacaturecard_titel:var(--fs_500);--fs_bannercard_titel:var(--fs_700);--fs_button:var(--fs_400);--fs_menu:var(--fs_300);--fs_h4:var(--fs_400);--fs_doorway:var(--fs_450);--fs_h3:var(--fs_500);--fs_h2:var(--fs_700);--fs_introtekst:var(--fs_500);--fs_quote:var(--fs_700);--fs_h1:var(--fs_800);--fs_h1_home:var(--fs_900)}}body{font-size:var(--fsf_body);font-family:var(--ff_primary);color:var(--clr_primary)}h1{font-size:var(--fsf_h1);font-weight:var(--fw_semibold)}h2{font-size:var(--fsf_h2);font-weight:var(--fw_semibold)}h3{font-size:var(--fsf_h3);font-weight:var(--fw_semibold);margin-bottom:var(--margin_h3_bottom)}h4{font-size:var(--fsf_h4);font-weight:var(--fw_semibold)}*:focus{outline:2px solid var(--clr_primary)}
:root{--ubFontFamily:var(--ff_primary);--ubMainFontSize:var(--fsf_body);--ubHeaderFontFamily:var(--ubFontFamily);--ubHeaderFontWeight:bold;--ubHeaderTextTransform:none;--ubHeaderColor:var(--clr_primary);--ubH1FontSize:var(--fsf_h1);--ubH2FontSize:var(--fsf_h2);--ubH3FontSize:var(--fsf_h3);--ubH4FontSize:var(--fsf_h4);--ubH1FontFamily:var(--ubHeaderFontFamily);--ubH2FontFamily:var(--ubHeaderFontFamily);--ubH3FontFamily:var(--ubHeaderFontFamily);--ubH4FontFamily:var(--ubHeaderFontFamily);--ubH1FontWeight:var(--fw_semibold);--ubH2FontWeight:var(--fw_semibold);--ubH3FontWeight:var(--fw_semibold);--ubH4FontWeight:var(--fw_semibold);--ubH1Color:var(--ubHeaderColor);--ubH2Color:var(--ubHeaderColor);--ubH3Color:var(--ubHeaderColor);--ubH4Color:var(--ubHeaderColor);--ubContentTitleFontSize:1.5em;--ubContentHeaderColor:var(--ubHeaderColor);--ubPrimaryColor:var(--clr_primary);--ubBlack:#000;--ubWhite:#FFF;--ubGray:#767676;--ubLightGray:#8F8F8F;--ubGreen:#327C18;--ubTextColor:var(--ubBlack);--ubLabelColor:var(--clr_primary);--ubInputColor:var(--ubBlack);--ubInfoColor:#D9EBF7;--ubInfoColorDark:#007BC7;--ubWarnColor:#FFF4DB;--ubWarnColorDark:#FFB612;--ubConfirmColor:#E1EDDB;--ubConfirmColorDark:#39870C;--ubErrorColor:#F9DFDD;--ubErrorColorDark:#D52B1E;--ubLoadingColor:var(--ubPrimaryColor);--ubContentBackground:transparent;--ubContentBorder:none;--ubContentPadding:15px;--ubContentPaddingMobile:0;--ubMainContainerBackground:transparent;--ubMainContainerPadding:0;--ubMainContainerPaddingMobile:0;--ubMainContainerGap:30px;--ubTitleFontSize:var(--ubH3FontSize);--ubTitleColor:var(--ubHeaderColor);--ubPortalLoginFormPadding:0;--ubFormBackground:var(--ubContentBackground);--ubFormNavigationBackground:var(--ubFormBackground);--ubPortalBackground:var(--ubContentBackground);--ubPortalNavigationBackground:var(--ubPortalBackground);--ubPortalLoginFormBackground:var(--ubPortalBackground);--ubNoteBorderRadius:3px;--ubNoteColor:var(--ubBlack);--ubToggleableBackgroundColor:#F0F5FF;--ubMenuPadding:5px 0 5px 0;--ubMenuBackground:transparent;--ubMenuItemPadding:10px 10px 10px 0;--ubMenuItemBackgroundHover:normal;--ubMenuItemTextDecorationHover:none;--ubMenuItemTextColor:var(--ubBlack);--ubMenuItemTextColorHover:var(--ubPrimaryColor);--ubMenuItemTextColorActive:var(--ubPrimaryColor);--ubMenuItemTextColorDisabled:var(--ubGray);--ubMenuItemIconColorActive:var(--ubMenuItemTextColorActive);--ubMenuItemIconColorIncomplete:var(--ubGray);--ubMenuItemIconColorCompleted:var(--ubGreen);--ubInputBackgroundColor:#FFF;--ubInputBorderColor:var(--ubLightGray);--ubInputBorderRadius:10px;--ubPlaceholderColor:var(--ubGray);--ubFormLineHeight:1.5em;--ubUploadFileButtonBackgroundColor:#E6E9EC;--ubUploadFileButtonBackgroundColorHover:#C6C9CC;--ubFieldStatusBorderRadius:3px;--ubButtonPadding:15px 30px;--ubButtonColor:var(--clr_primary);--ubButtonBackground:var(--clr_secondary);--ubButtonColorHover:var(--clr_white);--ubButtonBackgroundHover:var(--clr_primary);--ubButtonBorder:none;--ubButtonBorderHover:var(--ubButtonBorder);--ubButtonBorderRadius:50em;--ubButtonFontFamily:var(--ubFontFamily);--ubButtonFontSize:var(--fsf_button);--ubButtonFontWeight:var(--fw_semibold);--ubButtonTextTransform:none;--ubLinkTextDecoration:underline;--ubLinkTextDecorationHover:none;--ubLinkColor:var(--clr_primary);--ubLinkColorHover:#014668;--ubLinkColorDisabled:var(--ubBlack)}
:root{--main-radius:5px;--main-padding:5px}body{font-family:var(--ff_primary)}::selection{background-color:var(--clr_secondary)}.navbar{grid-area:nav;padding-top:var(--main-padding)}main{grid-area:main}header{display:grid;grid-template-columns:minmax(10px,1fr)minmax(270px,1110px)minmax(10px,1fr);border-top:0}#sidebar{padding-top:var(--main-padding)}footer{display:grid;grid-area:footer;grid-template-columns:minmax(25px,1fr)minmax(270px,1110px)minmax(25px,1fr);background-color:var(--clr_primary);color:var(--clr_white)}a{font-family:inherit;text-decoration:none}a.portal{display:inline;font-family:var(--ff_primary);padding-left:10px}.inline{display:inline}.no_margin{margin:unset}.margin_right_10{margin-right:10px}.font_weight_normal{font-weight:400}.underline{text-decoration:underline}.text_align_left{text-align:left}a.hover_yellow:hover{color:var(--clr_secondary)}.container{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto auto;grid-template-areas:"topmenu" "nav" "main" "footer" "footer_bottom";text-align:center}.spacer{margin-top:var(--margin_section)}.sticky{position:sticky;top:0;background-color:#fff;z-index:10000}@media(min-width:1050px){header{grid-template-columns:minmax(25px,1fr)minmax(270px,1110px)minmax(25px,1fr)}}.screen-reader-text{clip:rect(1px,1px,1px,1px);word-wrap:normal!important;border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.header{grid-column:2;justify-content:end;flex-wrap:wrap}.navigation{width:100%;top:0}.navbar{display:flex;justify-content:space-between;align-items:center;height:auto;overflow:hidden}.navbar img{height:80px;width:auto;justify-self:start;margin-top:7px}.navbar ul{list-style:none;display:flex;justify-items:center;align-items:center}.navbar ul li{margin:0 12px}.navbar a{font-size:var(--fs_menu);line-height:20px}.navbar a.bg_yellow_s{line-height:10px}li.menu-item a{text-transform:lowercase;font-weight:unset;text-decoration:unset}li.current-menu-item>a{font-weight:600;text-decoration:underline;text-decoration-thickness:.1em;text-underline-offset:.1em}li.menu-item a:hover{text-decoration:underline;text-decoration-thickness:.1em;text-underline-offset:.1em}li.menu-item a.active:after{content:""}li.nav-menu-btn a{display:inline-block;border-width:2px;border-style:solid;border-color:var(--clr_secondary);border-radius:50em;padding:15px 20px;background-color:var(--clr_secondary);color:var(--clr_primary);font-size:var(--fsf_button);font-weight:var(--fw_regular)}ul#nav_mobile li.nav-menu-btn{padding:10px 0 10px 30px}li.nav-menu-btn a{line-height:10px}li.current-menu-item a.nav-menu-btn{background-color:var(--clr_primary);color:var(--clr_white);border-color:var(--clr_primary);text-decoration:none}li.current-menu-item a.nav-menu-btn:hover,li.current-menu-item a.nav-menu-btn a:hover{text-decoration:none;color:var(--clr_primary);background-color:var(--clr_secondary)}li a.nav-menu-btn:hover{background-color:var(--clr_primary);border-color:var(--clr_primary);text-decoration:none;color:var(--clr_white)}li.current-menu-item a.nav-menu-btn:hover{background-color:var(--clr_secondary);border-color:var(--clr_secondary);color:var(--clr_primary)}ul.sub-menu li{text-align:left;padding-top:5px}ul#nav>li.menu-item-has-children::after{content:'\25bc';display:inline-block;transform:scale(.5)}ul#nav>li.menu-item-has-children:hover ul.sub-menu{display:block;transition:5.5s ease-in-out}ul#nav>li.menu-item-has-children ul.sub-menu{position:relative}ul#nav>li.menu-item-has-children>ul.sub-menu{display:none;min-width:max-content;position:absolute;padding:10px 0;z-index:88888;background-color:#fff;border-top-right-radius:10%;border-bottom-left-radius:10%;border-bottom-right-radius:10%;box-shadow:1px 1px var(--clr_secondary)}ul#mobile{display:block}ul#nav_mobile{display:block;text-align:left;font-size:var(--fs_menu);margin-top:25px}ul#nav_mobile li{}.sidenav{height:100%;width:0;position:fixed;z-index:1;top:0;right:0;background-color:#fff;overflow-x:hidden;transition:.5s;padding-top:10px;line-height:30px}.sidenav span{margin:5px 35px 0 0;color:var(--clr_primary);font-size:var(--fs_menu);line-height:40px;font-weight:400;justify-self:right}.mobile_logo{grid-area:mobilelogo;width:215px;transition:height 1s}.mobile_links{grid-area:mobilelinks;justify-content:left;margin-left:25%;text-align:left}.mobile_links>i{margin-left:10px}#nav_mobile .mobile_links{text-align:left;display:block;width:fit-content}a.nav-item.portal{display:inline!important}.closebtn{grid-area:closebtn;font-size:36px!important;position:relative;top:30px}div.portal a{display:initial;font-size:var(--fs_top_menu);font-weight:500;margin-right:10px}.top{grid-column:2;justify-content:end;flex-wrap:wrap;display:flex;margin-right:148px}.mobile_topmenu{margin-left:10%;margin-top:20px;display:grid;grid-template-columns:1fr 1fr}.container_mobile_actions{display:grid;grid-template-areas:"mobilelogo closebtn" "mobilelinks mobilelinks";grid-template-columns:1fr .5fr;grid-template-rows:.3fr 1fr .5fr}header.topmenu{border-bottom:1px solid #f3f3f3;padding:5px 0}header.main{border-bottom:1px solid #f3f3f3;padding-bottom:10px}div.portal{grid-column:2;text-align:right;margin-right:135px;margin-bottom:10px}div.portal i{margin-top:2px}img#logo{transition:width .5s}#headermain{transition:height .5s}@media(max-width:1049px){#menu_desktop{display:none}.mobile-btn{margin-top:auto;margin-bottom:18px;font-size:30px;cursor:pointer;font-weight:700;margin-right:20px}#logo{display:inline-grid;grid-template-columns:auto auto;grid-gap:70px}}@media(min-width:1050px){.mobile-btn{display:none}.closebtn{display:none}}
/**********************************************************************
*  FLEXIBLE CONTENT
*
*  Alle flexible content die kan worden toegevoegd aan een pagina,
*  verschijnt in de vorm van een <section>.  
*
***********************************************************************/
/* onderlinge afstand tussen de secties */
section {
    margin-top: var(--margin_section);
}

/* de bovenste secties hoeven geen top-margin */
section.no_top_margin {
    margin-top: 0;
}

/* soms is ruimte onder een sectie benodigd... */
section.bottom_margin {
    margin-bottom: var(--margin_section);
}

/* Horizontaal grid dat de juiste marges regelt  */
section.horizontal_grid_layout {
    display: grid;
    grid-template-columns: minmax(25px, 1fr) minmax(270px, 1110px) minmax(25px, 1fr);

}

/* Horizontaal grid met smaller content-gedeelte, met name voor tekstblokken  */
section.indented_horizontal_grid_layout {
    display: grid;
    grid-template-columns: minmax(25px, 1fr) minmax(270px, 732px) minmax(25px, 1fr);

}


/**********************************************************************
*  Homepage topsectie
***********************************************************************/
#homepage_top {
    height: 55vh;
    display: grid;
    grid-template-rows: 1fr 1fr 1fr 1fr;

    background-color: var(--clr_background_800);
    background-repeat: no-repeat;
    background-size: cover;
    /* NB: overlay wordt toegepast via inline-css in homepage-topsection.php, instelling via variabele --image_overlay */
}

.slogan {
    grid-row: 2;
    font-size: var(--fsf_slogan_home);
    color: var(--clr_white);
    text-decoration: underline;
    text-decoration-color: var(--clr_secondary);
    text-decoration-thickness: 0.1em;
    text-underline-offset: 0.1em;
    font-weight: var(--fw_semibold);
    margin-top: 50px;
}

.homepage_top_button_row {
    grid-row: 4;
    position: relative;
    top: 173px;
}

.homepage_top_button_row a.std_button {
    width: 265px;
    margin-bottom: 10px;
    margin-right: 10px;
}

.homepage_top_button_row a.std_button:first-child {
    border-width: 2px;
    border-style: solid;
    border-color: var(--clr_secondary);
    border-radius: 50em;
    padding: 15px 20px 15px 20px;
    background-color: var(--clr_secondary);
    color: var(--clr_primary);
    font-size: var(--fsf_button);
    font-weight: var(--fw_regular);
}

#homepage_top_intro {
    margin-top: 65px;
    display: grid;
    grid-template-columns: minmax(25px, 1fr) minmax(270px, 1110px) minmax(25px, 1fr);
    background-color: var(--clr_background_100);
    padding-block: 4rem;
    color: var(--clr_primary);
}

#homepage_top_intro_content {
    margin-top: 50px;
    grid-column: 2;
}

.homepage_intro_text {
    font-size: var(--fsf_introtekst);
    font-weight: var(--fw_regular);
    padding-block: 2rem;
}

/**********************************************************************
*  Pagina header sectie (banner afbeelding met slogan)
***********************************************************************/
#page_header {
    height: 40vh;
    display: flex;
    align-items: center;
    justify-content: center;

    background-color: var(--clr_image_background);
    background-repeat: no-repeat;
    background-size: cover;
    /* NB: overlay wordt toegepast via inline-css in homepage-topsection.php, instelling via variabele --image_overlay */

}

.page_header_slogan {
    font-size: var(--fsf_slogan);
    color: var(--clr_white);
    text-decoration: underline;
    text-decoration-color: var(--clr_secondary);
    text-decoration-thickness: 0.1em;
    text-underline-offset: 0.1em;
    font-weight: var(--fw_semibold);
    text-align: center;
}


/**********************************************************************
*  Pagina intro sectie (paginatitel, introtext en 1 of meer paragrafen)
***********************************************************************/

.intro_section_content {
    grid-column: 2;
    text-align: left;
}

.intro_section_content .page_title {
    margin-bottom: 46px;
}

.intro_text {
    font-size: var(--fsf_introtekst);
    margin-top: var(--margin_paragraph);
    margin-bottom: var(--margin_paragraph);
    font-weight: var(--fw_regular);
    line-height: var(--line_height_introtekst);
}

/**********************************************************************
*  Text-block sectie, een of meerdere paragrafen
***********************************************************************/
.text_block_content {
    grid-column: 2;
    text-align: left;
}

.paragraph_top_margin {
    margin-top: var(--margin_paragraph);
}

/* ==========================================================================
   PARAGRAPH-GRID COMPONENT
   --------------------------------------------------------------------------
   - Toont een titel, tekst en optioneel een afbeelding (links of rechts).
   - Titel staat altijd boven de paragraaf.
   - Afbeelding lijnt uit met de bovenkant van de paragraaf (niet de titel).
   - Links: titel staat in de rechterkolom, afbeelding start pas in rij 2.
   - Rechts: titel staat boven de hele rij, daarna tekst | afbeelding.
   ========================================================================== */

/* ===== Container ===== */
.paragraph-grid {
  display: grid;
  gap: 0px 24px;                  /* rij-gap (16px), kolom-gap (24px) */
  align-items: start;             /* alle items bovenaan uitlijnen */
}
.paragraph-grid.paragraph_top_margin {
  margin-top: 24px;               /* extra ruimte boven blokken die niet de eerste zijn */
}

/* ===== Grid-areas per kind ===== */
.pg-heading { grid-area: heading; margin: 0 0 8px; }
.pg-image   { grid-area: image; }
.pg-text    { grid-area: text; }

/* ===== Geen beeld =====
   Titel boven de tekst, volle breedte */
.paragraph-grid.no-image {
  grid-template-columns: 1fr;
  grid-template-areas:
    "heading"
    "text";
}

/* ===== Afbeelding links =====
   - Kolommen: [image][text]
   - Rij 1: lege cel links + titel rechts
   - Rij 2: afbeelding links + paragraaf rechts */
.paragraph-grid.image-left {
  grid-template-columns: minmax(220px, 400px) 1fr;  /* image | text */
  grid-template-areas:
    ".       heading"
    "image   text";
}

/* ===== Afbeelding rechts =====
   - Kolommen: [text][image]
   - Rij 1: titel over beide kolommen
   - Rij 2: tekst links + afbeelding rechts */
.paragraph-grid.image-right {
  grid-template-columns: 1fr minmax(220px, 400px);  /* text | image */
  grid-template-areas:
    "heading heading"
    "text    image";
}

/* ===== Typografie ===== */
.paragraph-grid .pg-text p {
  margin: 0 0 1rem;
  line-height: 1.6;
}
.paragraph-grid .pg-text p:last-child { margin-bottom: 0; }

.paragraph-grid p {
    line-height: 29px;
}

.paragraph-grid ul,
.paragraph-grid ol {
    margin-top: 1em;
    line-height: 29px;
}

.paragraph-grid ul li {
    list-style: none;
    position: relative;
    padding: 3px 0 2px 20px;
    margin-left: 1.5rem;
}

.paragraph-grid ul li::before {
    content: '•';
    position: absolute;
    top: 2px;
    left: 0;
}

.paragraph-grid ol li {
    list-style-type: decimal;
    margin-left: 2rem;
}

.paragraph-grid a {
    text-decoration: underline;
    text-decoration-color: var(--clr_primary);
    text-decoration-thickness: 0.12em;
    text-underline-offset: 0.15em;
}

.paragraph-grid a:hover {
    text-decoration-color: var(--clr_secondary);
}
/* ===== Afbeelding ===== */
.paragraph-grid .pg-img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 8px;             /* subtiele ronde hoeken */
}

/* ===== Responsive =====
   Op mobiel stapelen we alles onder elkaar:
   titel → afbeelding → tekst */
@media (max-width: 768px) {
  .paragraph-grid.image-left,
  .paragraph-grid.image-right {
    grid-template-columns: 1fr;
    grid-template-areas:
      "heading"
      "image"
      "text";
  }
}
/*
.text_block_content img.float_left {
    float: left;
    width: 50%;
    margin: 10px 15px 5px 0px;

}

.text_block_content img.float_right {
    float: right;
    width: 50%;
    margin: 10px 0px 5px 15px;

}
*/
/**********************************************************************
*  Image-links sectie, vier vierkante foto's met link
***********************************************************************/
#image_links {
    grid-column: 2;
}

.image_links_container {
    padding-block: 3rem;
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(auto-fill, 257px);
    align-items: center;
    justify-content: center;
}


.image_links_container>div {
    position: relative;
}

.image_links_container>div:before {
    content: '';
    display: block;
    padding-top: 100%;
}


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


    display: flex;
    justify-content: center;
    align-items: center;

    background-color: var(--clr_image_background);
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
    /* NB: overlay wordt toegepast via inline-css in homepage-topsection.php, instelling via variabele --image_overlay */

}

.image_link {
    font-size: var(--fsf_vacaturecard_titel);
    color: var(--clr_white);
    text-decoration: underline;
    text-decoration-color: var(--clr_secondary);
    font-weight: var(--fw_regular);
}


/**********************************************************************
*  Call To Action sectie (full-width afbeelding met tekst en button)
***********************************************************************/

.call_to_action {
    display: grid;
    grid-template-columns: minmax(25px, 1fr) minmax(270px, 1110px) 1fr;

    padding-block: 15%;

    background-color: var(--clr_image_background);
    background-repeat: no-repeat;
    background-size: cover;
    /* NB: overlay wordt toegepast via inline-css in homepage-topsection.php, instelling via variabele --image_overlay */

}

.cta_text_and_button {
    grid-column: 2;
    text-align: left;
    color: var(--clr_white);
}

.cta_title {
    color: var(--clr_white);
    font-size: var(--fsf_call_to_action_title);
    margin-left: 1rem;
    margin-bottom: 2.5rem;
}

/**********************************************************************
*  fotocards secties, met cards in 2 varianten:
*     - fotocards, met foto en daaronder titel, tekst en lees-meer-link
*     - quotecards, met vullende foto met daaroverheen een quote met button
***********************************************************************/

.section_2_photocards {
    grid-column: 2;
    padding-bottom: 2rem;
}

.section_multiple_photocards {
    grid-column: 2;
}

/*  cards container, kan 2 of meer fotocards bevatten */
.cards_container {
    display: grid;
    grid-gap: 1.6875rem;
    grid-template-columns: repeat(auto-fill, minmax(270px, 541px));
    align-items: center;
    justify-content: center;
    padding-block: 3rem;
    text-align: left;
}

/*  Photocard, card met foto, titel, tekst en lees meer-link */

.photocard {
    cursor: pointer;
    display: grid;
    grid-template-rows: minmax(167px, 336px) 1fr;
    align-items: stretch;
    aspect-ratio: 1 / 1;
}

.card_image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-color: var(--clr_image_background);
    aspect-ratio: auto 3 / 2;
}

.card_body {
    margin-top: -5px;
    background-color: var(--clr_background_100);
    padding: 1.5rem 1rem 1rem 1.5rem;
}

.card_title {
    font-weight: var(--fw_semibold);
    font-size: var(--fsf_bannercard_titel);
    height: 2em;
}

.card_text {
    padding-block: 1rem;
    font-weight: var(--fw_regular);
    font-size: var(--fsf_bannercard_tekst);
    height: 6.5em;
    overflow: hidden;
}

.card_read_more_link {
    text-align: left;
    font-size: var(--fsf_bannercard_leesverder);
    font-weight: var(--fw_semibold);
    margin-left: 0px;
    margin-top: 0px;

}


/*  Quotecard, met Card met quote en foto */

.quotecard {
    aspect-ratio: 1 / 1;

    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;

    padding: 0px 18px 25px 0px;

    background-color: var(--clr_image_background);
    background-repeat: no-repeat;
    background-size: cover;
    /* NB: overlay wordt toegepast via inline-css in homepage-topsection.php, instelling via variabele --image_overlay */


}

.quotecard_quote {
    display: inline-block;
    position: relative;
    min-width: 220px;
    color: var(--clr_white);
    font-size: var(--fsf_bannercard_quote);
    line-height: var(--line_height_bannercard_quote);
    font-style: italic;
    font-weight: var(--fw_light);
    margin: -40px 65px 0 65px;
    quotes: "\201C" "";
}

.quotecard_quote::before {
    color: var(--clr_secondary);
    content: open-quote;
    font-size: 6.25rem;
    position: absolute;
    top: 0.5rem;
    left: -0.4em;
}

.quotecard .std_button {
    margin-left: 65px;
    margin-top: 20px;
    margin-bottom: 58px;
}

/**********************************************************************
*  Full width image sectie, brede foto, zonder tekst of link
***********************************************************************/
.image_full_width {
    grid-column: 1 / 4;
}

.full_width_img img {
    width: 100%;
    height: 50vh;
    object-fit: cover;
}

/**********************************************************************
*  Gallery sectie met 2 foto's naast elkaar
***********************************************************************/
.gallery_2_photos {
    grid-column: 2;

    display: grid;
    grid-gap: 1.6875rem;
    grid-template-columns: repeat(auto-fill, minmax(270px, 541px));
}

.gallery_2_photos figure {
    max-width: 100%;
    min-width: 100%;
    max-height: 100%;
    min-height: 100%;

    margin: 0;
}

.gallery_2_photo {
    aspect-ratio: 1 / 1;
}

.gallery_2_photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/**********************************************************************
*  Gallery sectie met 5 foto's, waarvan de eerste 4 * zo groot is als de andere
***********************************************************************/
.gallery_5_photos {
    grid-column: 2;
    display: grid;
    grid-gap: 1.6875rem;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
}

.gallery_5_photos figure {
    max-width: 100%;
    min-width: 100%;
    max-height: 100%;
    min-height: 100%;

    margin: 0;
}

.gallery_5_photo {
    aspect-ratio: 1 / 1;
}

.gallery_5_photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.gallery_5_photo_1 {
    grid-row: 1 / 3;
    grid-column: 1 / 3;
}

/* op mobiel verandert de grid-layout en komt de grote foto boven de vier kleine */
@media only screen and (max-width: 50em) {
    .gallery_5_photos {
        padding-block: 2rem;

        grid-gap: 0.625rem;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(4, 1fr);
    }
}

/**********************************************************************
*  Quote sectie, met grote gele quote
***********************************************************************/
.quote_section {
    grid-column: 2;
    text-align: left;
}

.quote_section .quote_title {
    font-size: var(--fsf_quote_caption);
    margin-bottom: 1em;
}

.quote_section blockquote {
    display: inline-block;
    position: relative;
    left: 2rem;
    color: var(--clr_secondary);
    font-size: var(--fsf_quote);
    line-height: var(--line_height_quote);
    font-style: italic;
    font-weight: var(--fw_light);
    letter-spacing: 0;
    padding-right: 3rem;
}

.quote_section blockquote::before {
    content: open-quote;
    quotes: '“' '“';
    font-size: 6.25rem;
    position: absolute;
    top: -0.3em;
    left: -0.4em;
}

/* 
.quote_section blockquote b {
    font-size: 60px;
    opacity: 0.7;
    padding-right: 20px;
} */


/**********************************************************************
*  Video sectie met responsive videospeler van Youtube
***********************************************************************/
.video-container {
    grid-column: 2;
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
    /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

.video-responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.video_caption {
    grid-column: 2;
    margin-top: 1rem;
    font-size: var(--fsf_caption_video);
    font-weight: var(--fw_semibold);

}

/**********************************************************************
*  Option kolommen
***********************************************************************/

#options_container {
    grid-column: 2;

}

.option_columns_container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-self: center;
    justify-content: center;
    column-gap: 1rem;
    margin-top: 100px;
}

.options-kolom {
    position: relative;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    justify-content: space-between;
    width: 30%;
    min-width: 300px;
    border: 1px solid grey;
    border-radius: 15px;
    padding:80px 20px 20px 20px;
    margin-bottom: 50px;
}

.options-kolom-titel {

    position: absolute;
    top: 0px;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--clr_white);
    padding-inline: 5px;
}



/**********************************************************************
*  Featured jobs sectie
***********************************************************************/
#featured_jobs {
    display: grid;
    grid-template-columns: minmax(25px, 1fr) minmax(270px, 1110px) minmax(25px, 1fr);

    background-color: var(--clr_background_100);
    padding-block: 4rem;
    color: var(--clr_primary);
}

#featured_jobs_content {
    grid-column: 2;
}

#featured_jobs .jobcard {
    background-color: var(--clr_white);
}

#featured_jobs .strooitegel {
    background-color: var(--clr_secondary);
}


#featured_jobs .listing {
    margin-block: 2rem;
    justify-content: center;
}

.no_jobs_found {
    grid-column: 1 / 4;
    text-align: left;
}

.no_jobs_found_message a {
    text-decoration: underline;
}

/**********************************************************************
*  Embed code sectie
***********************************************************************/
.embedded_code {
    grid-column: 2;
    width: 100%;
}

/**********************************************************************
*  card contact sectie
*
*  NB: zie .contact_card in vacature.css
***********************************************************************/


.contact_card {
    text-align: left;
    grid-column: 2;
    /* t.b.v. los gebruik contact_card */
    border: 1px solid var(--clr_background_200);
    padding: 30px;
    margin-top: 2rem;

}

.contact_card_info_container {
    text-align: left;
    margin-top: 20px;
    display: flex;
    justify-content: start;
    gap: 20px;

}

.contact_card_info_container a {

    display: inline;
    font-weight: var(--fw_regular);
}


.recruiter_data_container h4 {
    font-size: var(--fsf_bannercard_leesverder);
    margin-bottom: 30px;

}

.recruiter_data_detail {
    margin-top: 12px;
}

.recruiter_data_detail .data_item {
    display: inline;
}

.recruiter_data_detail i {
    width: 20px;
}

.recruiter_data_detail i.fa-at {
    margin-right: 5px;
}

.recruiter_data_naam {
    font-weight: var(--fw_bold);
}

.recruiter_img_container {
    width: 35%;
}

.recruiter_img_container .recruiter_img {
    margin: 0;
    border-radius: 6px;
}

/**********************************************************************
*  Elementen (geen secties)
***********************************************************************/

.std_button {
    display: inline-block;
    border-width: 2px;
    border-style: solid;
    border-color: var(--clr_secondary);
    border-radius: 50em;
    padding: 15px 30px 15px 30px;
    color: var(--clr_white);
    font-size: var(--fsf_button);
    font-weight: var(--fw_regular);
}

.std_button:hover,
.std_button:focus {
    background-color: var(--clr_secondary);
    color: var(--clr_primary);
}


#featured_jobs_content .std_button:hover,
#featured_jobs .std_button:focus {
    background-color: var(--clr_primary);
    color: var(--clr_white);
    transition-property: background-color, color;
    transition-duration: 0.15s;
    transition-timing-function: ease-out;
    transition-delay: 0.15s;
}

.bg_blue {
    background-color: var(--clr_primary);
    border-width: 0px;
    padding: 20px 40px 20px 40px;
}

.bg_yellow {
    background-color: var(--clr_secondary);
    border-width: 0px;
    padding: 20px 40px 20px 40px;
}

.bg_yellow_s {
    background-color: var(--clr_secondary);
    border-width: 0px;
    padding: 20px 25px;
}

.clr_blue {
    color: var(--clr_primary);
}

.clr_white {
    color: var(--clr_white);
}

@media (min-width: 553px) {
    .slogan {
        margin-top: unset;
    }

    .homepage_top_button_row {
        position: unset;
        top: unset;
    }

    #homepage_top_intro {
        margin-top: unset;
    }

}

@media (min-width: 1050px) {

    .homepage_top_button_row a.std_button:first-child {
        border-width: 0px;
        border-style: solid;
        border-color: unset;
        border-radius: 50em;
        padding: 15px 20px 15px 20px;
        background-color: var(--clr_primary);
        color: var(--clr_white);
        font-size: var(--fsf_button);
        font-weight: var(--fw_regular);
    }

}
.footer {
    display: flex;
    grid-column: 2;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 7% 0 5% 0;
}

.footer a {
    color: var(--clr_white);
    display: block;
    margin-bottom: 10px;
}

.footer .info,
.footer .vacatures {
    font-size: var(--fs_300);
    line-height: 30px;
    text-align: left;
    padding: 20px 0;
    min-width: 270px;
}

.footer .info p {
    margin-bottom: 40px;
}

.footer .vacatures b {
    font-size: var(--fs_300);
    font-weight: 600;
}

.footer .vacatures li.menu-item a {
    text-transform: unset;
}

.footer .vacatures li.menu-item a:hover {
    color: var(--clr_secondary);
    text-decoration: none;
}

.footer .vacatures li.menu-item a:active, .footer .vacatures li.current-menu-item a {
    text-decoration: none;
    font-weight: unset;
}

.footer .widget {
    background-color: var(--clr_white);
    color: var(--clr_primary);
    width: 352px;
    height: auto;
    border-radius: 3%;
    font-size: var(--fs_300);
    margin: 20px 0;
    padding: 30px 30px 20px 30px;
    cursor: pointer;
}


.footer .widget a {
    margin: 6px;
}

.footer .widget .footer_widget_title {
    font-size: var(--fs_500);
    display: block;
    margin-bottom: 25px;
    text-align: left;
}

.footer .widget .footer_widget_text {
    font-size: var(--fs_300);
    font-weight: 600;
    text-align: left;
    margin-right: 60px;
}

.footer .footer_widget_leesverder {
    width: 35px;
    height: 35px;
    border: 2px solid var(--clr_secondary);
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    color: var(--clr_secondary);
    margin-top: 20px;
    font-size: var(--fs_450);
    position: relative;
    left: 90%;
}

.footer .footer_widget_leesverder a {
    color: var(--clr_secondary);
    font-size: var(--fs_body);
}

.footer .footer_widget_leesverder a:hover,
.footer .footer_widget_leesverder:hover {
    background-color: var(--clr_secondary);
    color: var(--clr_primary);
}

.footer_bottom {
    display: grid;
    color: var(--clr_white);
    font-size: var(--fs_300);
    grid-area: footer_bottom;
    grid-template-columns: minmax(25px, 1fr) minmax(270px, 1110px) minmax(25px, 1fr);
    background-color: var(--clr_background_600);
    padding: 30px 0;
}

.bottom {
    display: flex;
    grid-column: 2;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 15px 0 11px;
}

.footer_bottom_links {
    display: flex;
    align-items: flex-start;
    justify-items: left;
    flex-direction: column;
}

.footer_bottom_links a {
    display: flex;
    font-weight: inherit;
    margin-bottom: 10px;
}

.footer a.socialmedia {
    display: inline;
    margin-right: 15px;
}


a.btn_jobalert {
    display: inline;
}

@media (min-width: 800px) {

    .footer .info,
    .footer .vacatures {
        min-width: 352px;
    }

    .footer_bottom_links {

        flex-direction: row;

    }

    .footer .widget {
        height: 252px;
        ;
    }

    .footer a {
        margin: unset;
    }

    .footer_bottom_links a {
        margin-bottom: 0;
    }


}
body{animation:fadeInAnimation ease .5s}.animation_grow_on_hover{-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out}.animation_grow_on_hover:hover{box-shadow:2px 2px #d0cece;transform:scale(1.06)}.transition_on_hover{transition-property:background-color,color;transition-duration:.15s;transition-timing-function:ease-out;transition-delay:.15s}@keyframes fadeInAnimation{0%{opacity:0}100%{opacity:1}}@media(prefers-reduced-motion:reduce){body{animation:none}.animation_grow_on_hover{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}.animation_grow_on_hover:hover{box-shadow:none;transform:none}.transition_on_hover{transition-property:none;transition-duration:unset;transition-timing-function:unset;transition-delay:unset}}
.container_filter_listing {
    display: grid;
    grid-template-columns: minmax(25px, 1fr) minmax(270px, 1110px) minmax(25px, 1fr);
    grid-area: container_filter_listing;
    margin: 5px;
}

.filter_listing {
    display: grid;
    grid-column: 2;
    grid-template-columns: 1fr;
    grid-template-areas:
        "filter"
        "listing"
        "paginator";
    grid-gap: 10px 20px;
}

#vacatures-dynamic-title {
    grid-column: 2;
    margin: 0 0 16px 0;
    font-size: var(--fsf_h2);
    font-weight: 600;
    color: var(--er-heading);
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Optioneel: subtitel wat kleiner en visueel bij de H2 */
.vacatures-dynamic-subtitle {
  font-size: 1.3rem;
  font-weight: 700;
  font-family: var(--ff_primary);
  line-height: 1.4;
  color: var(--clr_primary);
  margin: -1rem 0 1rem 0;
  grid-column: 2;
}


.filter {
    grid-area: filter;
    background-color: var(--clr_primary);
    color: var(--clr_white);
    font-weight: var(--fw_semibold);
    width: auto;
    text-align: left;
    /* margin-right: 6px; */
    margin-bottom: 20px;
    padding: 16px 32px 16px 30px;
    /* justify-self: center; */
    border-radius: 5px;
    min-width: 285px;
}



.vacature_soort_link {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    margin-top: 3rem;
}

.vacature_soort_link .readmore {
    width: 35px;
    height: 35px;
    border: 2px solid var(--clr_secondary);
    border-radius: 50px;
    color: var(--clr_white);
    background-color: var(--clr_secondary);
    font-size: var(--fs_400);
    text-align: center;
    padding-top: 4px;
}

.vacature_soort_link .readmore:hover {
    color: var(--clr_primary);
}

.listing {
    grid-area: listing;
    display: grid;
    grid-gap: 1.6875rem;
    grid-template-columns: repeat(auto-fill, minmax(270px, auto));
    grid-template-rows: min-content;
    align-items: flex-start;
    justify-content: center;
    text-align: left;
}

.jobcard {
    display: grid;
    grid-template-columns: 1fr 0.1fr;
    grid-template-rows: 90px 80px 30px;
    grid-template-areas:
        "jobcard_title jobcard_title"
        "jobcard_summary jobcard_summary"
        "jobcard_text jobcard_readmore";
    background-color: var(--clr_background_100);
    color: var(--clr_primary);
    width: auto;
    height: 225px;
    border-radius: 3%;
    font-size: var(--fs_300);
    margin: 0px 0;
    padding: 15px;
    cursor: pointer;
}


.jobcard .title {
    grid-area: jobcard_title;
    font-size: var(--fs_500);
    display: block;
    margin-bottom: 15px;
    text-align: left;
}

a.jobcard_title {
    font-family: var(--ff_primary);
    font-weight: 600;
    text-align: left;
    margin: unset;
    /*height: 120px; */
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.jobcard_summary {
    grid-area: jobcard_summary;
    font-size: var(--fs_200);

}

.jobcard .text {
    grid-area: jobcard_text;
    align-self: center;
    font-size: var(--fs_200);
    font-weight: 600;
    text-align: left;
}

div.meta {
    color: var(--clr_primary);
    font-family: var(--ff_primary);
    font-weight: 600;
    margin-left: 5px;
    margin-right: 10px;
    display: initial;
}

.jobcard .readmore {
    grid-area: jobcard_readmore;
    align-self: center;
    justify-self: end;
    width: 35px;
    height: 35px;
    border: 2px solid var(--clr_secondary);
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    color: var(--clr_secondary);
    font-size: var(--fs_400);
    padding-top: 4px;
}

.jobcard .readmore a {
    margin-left: 11px;
}

.jobcard .readmore:hover {
    background-color: var(--clr_secondary);
    color: var(--clr_primary);
}

.strooitegel {
    background-color: var(--clr_secondary);
    color: var(--clr_blue);
    font-family: var(--ff_primary);
    font-size: var(--fs_500);
    font-weight: 600;
    text-align: left;
    margin: unset;

}

.strooitegel .readmore {
    background-color: var(--clr_white);
    color: var(--clr_primary);
    border: 2px solid var(--clr_white);

}

.strooitegel .readmore:hover {
    background-color: var(--clr_primary);
    color: var(--clr_white);
}

.no_jobs_found {
    padding: 20px 30px;
    background-color: var(--clr_background_100);
    border: 2px solid var(--clr_background_200);
}



/* facets */

.filter_heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

button.facetwp-reset {
    background-color: var(--clr_secondary);
    color: var(--clr_primary);
    padding: 10px;
    border-radius: 50px;
    /* margin-bottom: 20px; */
    margin-top: 10px;
    cursor: pointer;
}

button.facetwp-reset:hover,
button.facetwp-reset:focus {
    color: var(--clr_white);
}

.facetwp-facet {
    /* font-size: var(--fs_300);
    color: var(--clr_primary); */
    margin-bottom: 10px !important;
}

.fs-label {
    font-size: var(--fs_400) !important;
}

.fs-label-wrap {
    width: unset !important;
    background-color: var(--clr_primary) !important;
    color: var(--clr_white) !important;
    border: 2px solid var(--clr_white) !important;
    padding-inline: 10px;
    padding-block: 5px;
}

.facetwp-facet-trefwoord {
    height: 45px;
    border: 2px solid var(--clr_white) !important;
    padding: 5px;
    width: auto;
    font-size: var(--fs_400) !important;
}

.facetwp-facet-trefwoord .facetwp-input-wrap {
    margin-left: 10px;
}

.facetwp-facet-trefwoord input {
    margin-top: 5px !important;
    min-width: unset !important;
    max-width: 200px !important;
}

.is-active .fs-label,
.is-active input {
    color: var(--clr_secondary);
}


.fs-wrap {
    display: unset !important;
}

.fs-dropdown {
    font-size: var(--fs_400) !important;
    font-weight: var(--fw_semibold) !important;
    width: auto !important;
    min-width: 223px;
    background-color: var(--clr_primary) !important;
    color: var(--clr_white) !important;
    border: 2px solid var(--clr_white) !important;
    margin-top: 5px;
}

.fs-options {
        max-height: none !important;
        margin: 10px;
}

div.facetwp-facet.facetwp-facet-geschikt_voor_zij_instroom.facetwp-type-fselect div.fs-wrap.multiple.fs-open div.fs-dropdown {
    position: initial !important;
}

.fs-arrow {
    border-top: 5px solid var(--clr_white) !important;
    right: 20px !important;
    /* pijltje heeft absolute positioning */
}

.fs-search {
    background-color: var(--clr_primary) !important;
    color: var(--clr_white) !important;
}


.fs-wrap.multiple .fs-option.selected .fs-checkbox i {
    background-color: var(--clr_secondary) !important;
}

.facetwp-input-wrap {
    width: -webkit-fill-available;
}

.facetwp-icon:before {
    background: unset !important;
}

.facetwp-pager .active:after {
    content: "";
}


.facetwp-icon:before {
    background: url(https://werkenbijesdege-reigersdaal.nl/wp-content/themes/werkenbij/assets/css/../images/icon_search.png) no-repeat !important;
    background-size: 30px !important;
    margin-right: 5px;
}


.pagination {
    grid-area: paginator;
    margin-top: 30px;
    text-align: left;
    margin-inline: auto;
}



.pagination .facetwp-page {
    border: 2px solid var(--clr_secondary);
    padding: 5px 10px;
    margin: 0.5rem;
}

.pagination .facetwp-page.active {
    color: var(--clr_white);
    background-color: var(--clr_secondary);
}

.pagination .facetwp-page.prev,
.pagination .facetwp-page.next,
.pagination .facetwp-page.dots {
    border: unset;
}

.mobile {
    display: inline;
    margin-bottom: 0px;
}

input.toggler {
    display: none;
}

input.toggler+label+div {
    display: none;
}

input.toggler:checked+label+div {
    display: block;
}

label[for="fold"] {
    width: auto;
    display: block;
}

label[for="fold"] i {
    font-size: 34px;
    position: absolute;
    right: 4.0rem;
}

div#jobfilter {
    margin-top: 33px;
}

.desktop {
    display: none;
}

@media (min-width: 760px) {


    .filter {
        padding: 46px 32px 46px 30px;
    }

    .filter_listing {
        display: grid;
        grid-column: 2;
        grid-template-columns: 1fr 3fr;
        grid-template-rows: auto auto;
        grid-template-areas:
            "filter listing"
            "paginator paginator";
        grid-gap: 10px 20px;
    }

    .listing {
        justify-content: left;
        grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
    }

    .filter {
        margin-bottom: 0px;
    }

    .jobcard {
        height: 225px;
    }

    .pagination {
        display: grid;
        grid-template-columns: 1fr 2fr;
        text-align: center;
        margin-inline: unset;
    }

    .pagination .facetwp-facet {
        grid-column: 2 / 3;
        justify-self: center;
    }

    .desktop {
        display: block;
        margin-bottom: 33px;
    }

    label[for="fold"] {
        display: none;
    }

    input.toggler+label+div {
        display: block;
    }

}
/**********************************************************************
*  VACATURE
*
***********************************************************************/

#vacature_page_container {
    grid-column: 2;

    display: grid;
    grid-gap: 1rem;
    grid-template-columns: minmax(min-content, 729px) 350px;
}

#vacature_content {
    grid-column: 1;
    text-align: left;
}

/* t.b.v. plaatjes gebruikt in vrijwilligersvacatures  */
#job_content img {
    display: block;
    margin-block: 2rem;
    margin-inline: auto;
}

#vacature_sidebar {
    grid-column: 2;

    background-color: var(--clr_background_100);
}

.vacature_intro {
    margin-block: 1.5rem;
}


@media (max-width: 50em) {
    #vacature_page_container {
        grid-template-columns: minmax(280px, 729px);
    }

    #vacature_sidebar {
        grid-column: 1;
    }


}

/**********************************************************************
*  Indien geen accordion is gegenereerd staat alles binnen de div met class "job_content"
*   
***********************************************************************/
.job_content>ul,
.job_content>ol {
    margin-top: 1em;
    line-height: 29px;
}

.job_content>ul li {
    list-style: none;
    position: relative;
    padding: 3px 0 2px 20px;
    margin-left: 1.5rem;
}

.job_content>ul li::before {
    content: '•';
    position: absolute;
    top: 2px;
    left: 0;
}

.job_content>ol li {
    list-style-type: decimal;
    margin-left: 2rem;
}

.job_content>p {
    margin-block: 1em;
}

.job_content a {
    text-decoration: underline;
}

.job_content strong {
    font-weight: var(--fw_bold);
}

.job_content>h2 {
    font-size: var(--fsf_h3);
}


/**********************************************************************
*  Accordion
*   
***********************************************************************/
.accordion_container {
    margin-block: 2rem;
}


.accordion {
    color: var(--clr_primary);
    border: 1px solid var(--clr_background_200);
    cursor: pointer;
    padding: 20px 30px;
    width: 100%;
    text-align: left;

    margin-top: -1px;
    /* om dubbele borders tussen accordions te voorkomen */

    font-size: var(--fsf_accordion_title);
    transition: 0.4s;
}

.accordion.active,
.accordion:hover {
    background-color: var(--clr_background_100);
}

.accordion:after {
    content: '\f0d7';
    font-family: "Font Awesome 6 Pro";
    color: var(--clr_primary);
    font-weight: 900;
    float: right;
    margin-left: 5px;
}

.active:after {
    content: "\f0d8";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

.panel {
    padding: 0 18px;
    background-color: white;
    border-top: 0;
    border-left: 1px solid var(--clr_background_200);
    border-right: 1px solid var(--clr_background_200);
    border-bottom: 1px solid var(--clr_background_200);
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.panel_text_container {
    padding: 1.5rem 0;

}

.panel_text_container ul,
.panel_text_container ol {
    line-height: 29px;
}

.panel_text_container ul li {
    list-style: none;
    position: relative;
    padding: 3px 0 2px 20px;
    margin-left: 1.5rem;
}

.panel_text_container ul li::before {
    content: '•';
    position: absolute;
    top: 2px;
    left: 0;
}

.panel_text_container ol li {
    list-style-type: decimal;
    margin-left: 2rem;
}


.panel_text_container a {
    text-decoration: underline;
}

.panel_text_container p {
    display: block;
    margin-block-end: 1em;
}

.panel_text_container p:last-child{
    margin-block-end: 0;
}
/**********************************************************************
*  Vacature sidebar
*   
***********************************************************************/
#vacature_sidebar {
    padding: 30px;
    position: relative;
}

#vacature_sidebar .job_actions {
    width: 250px;
    display: flex;
    justify-content: space-around;
    margin-bottom: 30px;
}

#vacature_sidebar .job_actions i {
    margin-left: 10px;
}

#vacature_sidebar .job_action.print {
    cursor: pointer;
}

#vacature_sidebar .job_details {
    text-align: left;
    margin-top: 30px;
}

#vacature_sidebar .job_detail_title {
    margin-top: 20px;
    font-weight: var(--fw_bold);
}

#vacature_sidebar .job_detail_value {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 10px;
}

#vacature_sidebar .job_detail_value i.fa-at {
    margin-right: 5px;
}

#vacature_sidebar .ubwp-link-button-vacancy {
    max-width: 285px;
}

#vacature_sidebar #share_btn {
    cursor: pointer;
}

#vacature_sidebar .share_panel {
    display: none;
    position: absolute;
    top: 25px;
    left: 122px;
    background: white;
    width: 155px;
    height: 35px;
    border-radius: 10px;
    border: 1px solid var(--clr_background_200);
}


#vacature_sidebar .share_panel ul {
    padding: 5px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
}

#vacature_sidebar .share_panel li {
    width: 30px;
    height: 30px;
}

#vacature_sidebar .share_panel li.close_btn {
    cursor: pointer;
}

/**********************************************************************
*  Sticky Vacature topbar
*   
***********************************************************************/
#sticky_vacature_topbar {
    /* override solliciteerbutton variables, zie ubeeo_variables.css */
    --ubButtonColor: var(--clr_primary);
    --ubButtonBackground: var(--clr_white);

    --ubButtonColorHover: var(--clr_white);
    --ubButtonBackgroundHover: var(--clr_primary);

    grid-column: 1 / 4;
    align-self: start;
    background-color: var(--clr_secondary);
    height: 107px;
    z-index: 11000;
    filter: drop-shadow(0px 4px 4px var(--clr_background_200));
}

.sticky_bar_hidden {
    display: none;
}

.sticky_bar_shown {
    position: sticky;
    top: 0;
    width: 100%;
}

.sticky_bar_main_grid {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: minmax(25px, 1fr) minmax(270px, 1110px) minmax(25px, 1fr);
    align-items: stretch;
}

.sticky_bar_container {
    grid-column: 2;
    color: var(--clr_primary);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    gap: 2.5rem;
}


.sticky_bar_jobtitle {
    font-size: var(--fsf_h3);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 26%;
}

#sticky_vacature_topbar .job_actions {
    position: relative;
    width: 250px;
    display: flex;
    gap: 20px;
    justify-content: space-between;
}

#sticky_vacature_topbar .job_actions i {
    margin-left: 10px;
}

#sticky_vacature_topbar .job_action.print {
    cursor: pointer;
}

#sticky_vacature_topbar #share_btn {
    cursor: pointer;
}

#sticky_vacature_topbar .share_panel {
    display: none;
    position: absolute;
    top: -7px;
    left: 70px;
    background: white;
    width: 185px;
    height: 35px;
    border-radius: 10px;
    border: 1px solid var(--clr_background_200);
}


#sticky_vacature_topbar .share_panel ul {

    padding: 5px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
    color: var(--clr_primary);
}

#sticky_vacature_topbar .share_panel li {
    width: 30px;
    height: 30px;
}

#sticky_vacature_topbar .share_panel li.close_btn {
    cursor: pointer;
}

@media (max-width: 50em) {

    .sticky_bar_jobtitle {
        display: none;
    }

    .sticky_bar_sharing {
        display: none;
    }

    .sticky_bar_container {
        justify-content: center;
    }

    #sticky_vacature_topbar {
        height: 70px;
    }

}

/**********************************************************************
*  vacature printen
*   
***********************************************************************/
@media print {

    .topmenu,
    header,
    #page_header,
    #sticky_vacature_topbar,
    #vacature_sidebar,
    footer,
    .footer_bottom,
    #featured_jobs {
        display: none !important;
    }

    .active:after {
        display: none;
    }

    #vacature_page_container {
        display: block;
    }

    .accordion {
        padding: 5px 5px !important;
    }
}


/**********************************************************************
*  contact card
*  (is zowel onderdeel van vacature-single als aparte sectie in flex content) 
***********************************************************************/
.applyform {
    display: grid;
    grid-template-columns: minmax(10px, 1fr) minmax(270px, 1110px) minmax(10px, 1fr);
    margin-top: 50px
}

#ub-apply-form, 
#ub-event-form-content {
    margin-left: 15px;
    margin-bottom: 50px;
}


.ubwp-after-content-wrapper,
.applyform h1 {
    grid-column: 2;
    text-align: left;
}

.ub-form-title {
    display: none;
}

div.section_intro p {
    display: none;
}

.applyform h1 {
    margin-left: 15px;
}

.applyform p {
    grid-column: 2;
    margin-left: 20px;
    text-align: left;
}

/* hide verplichte velden legenda */
div.ub-form-note-mandatory {
    display: none;
}


div.form-group-comment .fa-classic,
div.form-group-comment .fa-regular,
div.form-group-comment .fa-solid,
div.form-group-comment .far,
div.form-group-comment .fas {
    font-family: "Font Awesome 6 Pro";
    font-size: 18px;
    vertical-align: top;
    margin-top: 6px;
    margin-right: 5px;
}

#ub-apply-form h2 {
    margin: 30px 0;
}

.applyform .vacature {
    display: inline;
    font-weight: unset;
    text-decoration: underline;
}

#ub-event-form-content h2 {
    font-size: var(--fsf_h3);
}

#ub-event-form-content .ub-input-checkbox {
    width: 20px !important;
}

@media (min-width: 1250px) {

    .applyform {
        grid-template-columns: minmax(25px, 1fr) minmax(270px, 1110px) minmax(25px, 1fr);
    }
}

.fas,
.fa-classic,
.fa-solid,
.far,
.fa-regular,
.fal,
.fa-light,
.fat,
.fa-thin {
    font-family: "Font Awesome 6 Pro" !important;
}

#ub-apply-form h2 {
    margin: 30px 0 0 0 !important;
}

.ub-form-content .ub-input-text-area {
    border: 1px solid black;
    border-radius: 10px;
}

.ub-style h2 {
    font-size: clamp(1rem, 1.3928571428571428rem + 1.7857142857142856vw, 1.5rem) !important;
}
.hs_job_alert_button .hs_style_container{padding:0 0 0 4px!important}
#ub-candidate-portal section{margin-top:0}#ub-portal-title{display:none}
.cc-window,.cc-bottom{font-family:Mulish}div.cc-allswitches{margin-top:20px;font-size:14px}.cc-window.cc-floating{max-width:35em!important}
@charset "utf-8";.fa{font-family:var(--fa-style-family,"Font Awesome 6 Pro");font-weight:var(--fa-style,900)}.fa,.fa-classic,.fa-sharp,.fas,.fa-solid,.far,.fa-regular,.fasr,.fal,.fa-light,.fasl,.fat,.fa-thin,.fad,.fa-duotone,.fass,.fa-sharp-solid,.fab,.fa-brands{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-variant:normal;text-rendering:auto;font-style:normal;line-height:1}.fas,.fa-classic,.fa-solid,.far,.fa-regular,.fal,.fa-light,.fat,.fa-thin{font-family:"Font Awesome 6 Pro"}.fab,.fa-brands{font-family:"Font Awesome 6 Brands"}.fad,.fa-classic.fa-duotone,.fa-duotone{font-family:"Font Awesome 6 Duotone"}.fass,.fasr,.fasl,.fa-sharp{font-family:"Font Awesome 6 Sharp"}.fass,.fa-sharp{font-weight:900}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{vertical-align:.225em;font-size:.625em;line-height:.1em}.fa-xs{vertical-align:.125em;font-size:.75em;line-height:.08333em}.fa-sm{vertical-align:.05357em;font-size:.875em;line-height:.07143em}.fa-lg{vertical-align:-.075em;font-size:1.25em;line-height:.05em}.fa-xl{vertical-align:-.125em;font-size:1.5em;line-height:.04167em}.fa-2xl{vertical-align:-.1875em;font-size:2em;line-height:.03125em}.fa-fw{text-align:center;width:1.25em}.fa-ul{margin-left:var(--fa-li-margin,2.5em);padding-left:0;list-style-type:none}.fa-ul>li{position:relative}.fa-li{left:calc(var(--fa-li-width,2em)*-1);text-align:center;width:var(--fa-li-width,2em);line-height:inherit;position:absolute}.fa-border{border-color:var(--fa-border-color,#eee);border-radius:var(--fa-border-radius,.1em);border-style:var(--fa-border-style,solid);border-width:var(--fa-border-width,.08em);padding:var(--fa-border-padding,.2em .25em .15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin,.3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin,.3em)}.fa-beat{-webkit-animation-name:fa-beat;animation-name:fa-beat;-webkit-animation-delay:var(--fa-animation-delay,0s);-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{-webkit-animation-name:fa-bounce;animation-name:fa-bounce;-webkit-animation-delay:var(--fa-animation-delay,0s);-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1));-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{-webkit-animation-name:fa-fade;animation-name:fa-fade;-webkit-animation-delay:var(--fa-animation-delay,0s);-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade{-webkit-animation-name:fa-beat-fade;animation-name:fa-beat-fade;-webkit-animation-delay:var(--fa-animation-delay,0s);-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-flip{-webkit-animation-name:fa-flip;animation-name:fa-flip;-webkit-animation-delay:var(--fa-animation-delay,0s);-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{-webkit-animation-name:fa-shake;animation-name:fa-shake;-webkit-animation-delay:var(--fa-animation-delay,0s);-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-delay:var(--fa-animation-delay,0s);-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,2s);-webkit-animation-duration:var(--fa-animation-duration,2s);animation-duration:var(--fa-animation-duration,2s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-direction:var(--fa-animation-direction,normal);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,steps(8));-webkit-animation-timing-function:var(--fa-animation-timing,steps(8));animation-timing-function:var(--fa-animation-timing,steps(8))}@media (prefers-reduced-motion:reduce){.fa-beat,.fa-bounce,.fa-fade,.fa-beat-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{-webkit-transition-duration:0s;transition-duration:0s;-webkit-transition-delay:0s;transition-delay:0s;-webkit-animation-duration:1ms;animation-duration:1ms;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-delay:-1ms;animation-delay:-1ms}}@-webkit-keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@-webkit-keyframes fa-bounce{0%{-webkit-transform:matrix(1,0,0,1,0,0);transform:matrix(1,0,0,1,0,0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9))translateY(0);-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9))translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9))translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1))translateY(var(--fa-bounce-height,-.5em));-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1))translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1))translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95))translateY(0);-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95))translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95))translateY(0)}57%{-webkit-transform:scale(1,1)translateY(var(--fa-bounce-rebound,-.125em));-webkit-transform:scale(1,1)translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1,1)translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:matrix(1,0,0,1,0,0);transform:matrix(1,0,0,1,0,0)}to{-webkit-transform:matrix(1,0,0,1,0,0);transform:matrix(1,0,0,1,0,0)}}@keyframes fa-bounce{0%{-webkit-transform:matrix(1,0,0,1,0,0);transform:matrix(1,0,0,1,0,0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9))translateY(0);-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9))translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9))translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1))translateY(var(--fa-bounce-height,-.5em));-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1))translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1))translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95))translateY(0);-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95))translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95))translateY(0)}57%{-webkit-transform:scale(1,1)translateY(var(--fa-bounce-rebound,-.125em));-webkit-transform:scale(1,1)translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1,1)translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:matrix(1,0,0,1,0,0);transform:matrix(1,0,0,1,0,0)}to{-webkit-transform:matrix(1,0,0,1,0,0);transform:matrix(1,0,0,1,0,0)}}@-webkit-keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@-webkit-keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@-webkit-keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@-webkit-keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0);transform:rotate(0)}}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fa-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}.fa-rotate-by{-webkit-transform:rotate(var(--fa-rotate-angle,none));-webkit-transform:rotate(var(--fa-rotate-angle,none));transform:rotate(var(--fa-rotate-angle,none))}.fa-stack{vertical-align:middle;width:2.5em;height:2em;line-height:2em;display:inline-block;position:relative}.fa-stack-1x,.fa-stack-2x{text-align:center;z-index:var(--fa-stack-z-index,auto);width:100%;position:absolute;left:0}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:var(--fa-inverse,#fff)}.fa-angle-down:before{content:""}.fa-angle-right:before{content:""}.fa-arrow-down:before{content:""}.fa-arrow-up:before{content:""}.fa-at:before{content:"@"}.fa-caret-down:before{content:""}.fa-caret-up:before{content:""}.fa-circle-xmark:before{content:""}.fa-clock:before,.fa-clock-four:before{content:""}.fa-envelope:before{content:""}.fa-facebook:before{content:""}.fa-file-alt:before,.fa-file-lines:before,.fa-file-text:before{content:""}.fa-instagram:before{content:""}.fa-linkedin:before{content:""}.fa-linkedin-in:before{content:""}.fa-location-dot:before,.fa-map-marker-alt:before{content:""}.fa-mobile-android-alt:before,.fa-mobile-screen:before{content:""}.fa-phone-alt:before,.fa-phone-flip:before{content:""}.fa-print:before{content:""}.fa-share-alt:before,.fa-share-nodes:before{content:""}.fa-times-circle:before{content:""}.fa-twitter:before{content:""}.fa-user:before{content:""}.fa-user-secret:before{content:""}.fa-whatsapp:before{content:""}.fa-xmark-circle:before{content:""}.sr-only,.fa-sr-only,.sr-only-focusable:not(:focus),.fa-sr-only-focusable:not(:focus){clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
/*!* Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license (Commercial License)
* Copyright 2023 Fonticons, Inc.*/:root,:host{--fa-style-family-classic:'Font Awesome 6 Pro';--fa-font-solid:normal 900 1em/1 'Font Awesome 6 Pro'}@font-face{font-family:'font awesome 6 pro';font-style:normal;font-weight:900;font-display: swap;src:url(https://werkenbijesdege-reigersdaal.nl/wp-content/themes/werkenbij/assets/css/fontawesome/css/../webfonts/fa-solid-900.woff2)format("woff2"),url(https://werkenbijesdege-reigersdaal.nl/wp-content/themes/werkenbij/assets/css/fontawesome/css/../webfonts/fa-solid-900.ttf)format("truetype")}.fas,.fa-solid{font-weight:900}
/*!* Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license (Commercial License)
* Copyright 2023 Fonticons, Inc.*/:root,:host{--fa-style-family-classic:'Font Awesome 6 Pro';--fa-font-regular:normal 400 1em/1 'Font Awesome 6 Pro'}@font-face{font-family:'font awesome 6 pro';font-style:normal;font-weight:400;font-display: swap;src:url(https://werkenbijesdege-reigersdaal.nl/wp-content/themes/werkenbij/assets/css/fontawesome/css/../webfonts/fa-regular-400.woff2)format("woff2"),url(https://werkenbijesdege-reigersdaal.nl/wp-content/themes/werkenbij/assets/css/fontawesome/css/../webfonts/fa-regular-400.ttf)format("truetype")}.far,.fa-regular{font-weight:400}
.fab,.fa-brands{font-weight:400}:root,:host{--fa-style-family-brands:'Font Awesome 6 Brands';--fa-font-brands:normal 400 1em/1 'Font Awesome 6 Brands'}@font-face{font-family:'font awesome 6 brands';font-style:normal;font-weight:400;font-display: swap;src:url(https://werkenbijesdege-reigersdaal.nl/wp-content/themes/werkenbij/assets/css/fontawesome/css/../webfonts/fa-brands-400.woff2)format("woff2"),url(https://werkenbijesdege-reigersdaal.nl/wp-content/themes/werkenbij/assets/css/fontawesome/css/../webfonts/fa-brands-400.ttf)format("truetype")}.fa-facebook::before{content:"\f09a"}.fa-instagram::before{content:"\f16d"}.fa-linkedin::before{content:"\f08c"}.fa-linkedin-in::before{content:"\f0e1"}.fa-twitter::before{content:"\f099"}.fa-whatsapp::before{content:"\f232"}
.ubwp-link-button a{display:inline-block;padding:var(--ubButtonPadding,15px 60px);background:var(--ubButtonBackground,#327c18);color:var(--ubButtonColor,white);font-size:var(--ubButtonFontSize,inherit);font-weight:var(--ubButtonFontWeight,inherit);font-family:var(--ubButtonFontFamily,inherit);text-transform:var(--ubButtonTextTransform,none);border:var(--ubButtonBorder,none);border-radius:var(--ubButtonBorderRadius,3px);cursor:pointer;text-decoration:none}.ubwp-link-button a:hover{color:var(--ubButtonColorHover,white);background:var(--ubButtonBackgroundHover,#275937);border:var(--ubButtonBorderHover,none);text-decoration:none}
.facetwp-facet {
    margin-bottom: 40px;
}

.facetwp-facet.is-loading {
    opacity: 0.6;
    /** prevent clicks during refresh **/
    pointer-events: none;
}

.facetwp-overlay {
    position: absolute;
}

.facetwp-pager-label {
    display: inline-block;
    margin-right: 12px;
}

.facetwp-page {
    display: inline-block;
    padding: 0px 4px;
    margin-right: 6px;
    cursor: pointer;
}

.facetwp-page.dots {
    cursor: default;
}

.facetwp-page.active {
    font-weight: bold;
    cursor: default;
}

/* Checkboxes */

.facetwp-type-checkboxes .facetwp-depth {
    display: none;
}

.facetwp-type-checkboxes .facetwp-depth.visible {
    display: inherit;
}

.facetwp-checkbox {
    background: url('https://werkenbijesdege-reigersdaal.nl/wp-content/plugins/facetwp/assets/css/../images/checkbox.png') 0 50% no-repeat;
    background-size: 14px 14px;
    margin-bottom: 4px;
    padding-left: 20px;
    cursor: pointer;
}

.facetwp-checkbox.checked {
    background-image: url('https://werkenbijesdege-reigersdaal.nl/wp-content/plugins/facetwp/assets/css/../images/checkbox-on.png');
}

.facetwp-checkbox.disabled,
.facetwp-radio.disabled {
    opacity: 0.4;
    cursor: default;
}

.facetwp-checkbox .facetwp-expand {
    float: right;
}

.facetwp-display-value {
    padding-right: 5px;
}

/* Radio */

.facetwp-radio {
    background: url('https://werkenbijesdege-reigersdaal.nl/wp-content/plugins/facetwp/assets/css/../images/radio.png') 0 50% no-repeat;
    background-size: 14px 14px;
    margin-bottom: 4px;
    padding-left: 20px;
    cursor: pointer;
}

.facetwp-radio.checked {
    background-image: url('https://werkenbijesdege-reigersdaal.nl/wp-content/plugins/facetwp/assets/css/../images/radio-on.png');
}

/* fSelect */

.facetwp-type-fselect.is-loading {
    opacity: 1; /* prevent stack order issues */
}

.facetwp-type-fselect.is-loading .fs-label-wrap,
.facetwp-type-fselect.is-loading .fs-search,
.facetwp-type-fselect.is-loading .fs-no-results,
.facetwp-type-fselect.is-loading .fs-options {
    opacity: 0.6;
}

.facetwp-type-fselect.is-loading .fs-option {
    cursor: wait;
}

.facetwp-type-fselect .fs-wrap.fs-disabled .fs-option {
    opacity: 0.4;
    cursor: wait;
}

.facetwp-type-fselect .fs-option .fs-option-label {
    white-space: nowrap;
}

.facetwp-type-fselect .fs-option.d1 .fs-option-label {
    padding-left: 20px;
}

.facetwp-type-fselect .fs-option.d2 .fs-option-label {
    padding-left: 40px;
}

.facetwp-type-fselect .fs-option.d3 .fs-option-label {
    padding-left: 60px;
}

.facetwp-type-fselect .fs-option.d4 .fs-option-label {
    padding-left: 80px;
}

.facetwp-type-fselect .fs-option.d5 .fs-option-label {
    padding-left: 100px;
}

.facetwp-type-fselect .fs-option.d6 .fs-option-label {
    padding-left: 120px;
}

/* Hierarchy */

.facetwp-depth {
    margin-left: 12px;
}

.facetwp-link {
    cursor: pointer;
}

.facetwp-link.checked {
    font-weight: bold;
    cursor: default;
}

.facetwp-toggle {
    cursor: pointer;
}

.facetwp-hidden {
    display: none;
}

/* Slider */

.facetwp-slider-wrap {
    padding-bottom: 15px;
}

.facetwp-slider-reset {
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #fff;
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb;
    padding: 4px 8px;
    cursor: pointer;
}

.facetwp-slider[data-disabled="true"] {
    opacity: 0.6;
    cursor: not-allowed;
}

.facetwp-slider[data-disabled="true"] .noUi-handle {
    cursor: not-allowed;
}

/* Search */

.facetwp-input-wrap {
    display: inline-block;
    position: relative;
}

.facetwp-facet input.facetwp-search,
.facetwp-facet input.facetwp-location {
    margin: 0;
    padding-right: 30px;
    min-width: 240px;
}

.facetwp-icon {
    right: 0;
    height: 100%;
    line-height: 1;
    position: absolute;
    cursor: pointer;
    opacity: 0.5;
}

.facetwp-icon:before {
    display: inline-block;
    content: '';
    width: 30px;
    height: 100%;
    background: url('https://werkenbijesdege-reigersdaal.nl/wp-content/plugins/facetwp/assets/css/../images/icon-search.png') no-repeat;
    background-position: 5px 50%;
    background-size: 20px 20px;
}

/* Proximity */

.location-results {
    position: absolute;
    background: #fff;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    overflow: hidden;
    width: 100%;
}

.location-result {
    font-size: 11px;
    border-bottom: 1px solid #ddd;
    padding: 5px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #888;
}

.location-result:hover {
    background-color: #f8f8f8;
}

.location-result.active {
    background-color: #EBF2FE;
}

.location-result .result-main {
    font-size: 13px;
    color: #222;
}

.facetwp-icon.locate-me:before {
    background-image: url('https://werkenbijesdege-reigersdaal.nl/wp-content/plugins/facetwp/assets/css/../images/icon-locate.png');
}

.facetwp-icon.f-reset:before {
    background-image: url('https://werkenbijesdege-reigersdaal.nl/wp-content/plugins/facetwp/assets/css/../images/icon-close.png');
}

.facetwp-icon.f-loading:before {
    background-image: url('https://werkenbijesdege-reigersdaal.nl/wp-content/plugins/facetwp/assets/css/../images/loading.png');
    animation: spin 700ms infinite linear;
}

.location-attribution {
    border-bottom: 1px solid #ddd;
    padding: 5px;
}

.powered-by-google {
    height: 15px;
    background: url('https://werkenbijesdege-reigersdaal.nl/wp-content/plugins/facetwp/assets/css/../images/powered-by-google.png') top right no-repeat;
    background-size: auto 15px;
}

/* Rating */

.facetwp-stars {
    display: inline-block;
    line-height: 1;
    padding-right: 4px;
    user-select: none;
    unicode-bidi: bidi-override;
    direction: rtl;
}

.facetwp-star {
    cursor: pointer;
    font-size: 20px;
    color: #ccc;
}

.facetwp-star:not(.disabled):hover,
.facetwp-star:not(.disabled):hover ~ .facetwp-star,
.facetwp-star.selected,
.facetwp-star.selected ~ .facetwp-star {
    color: #000;
}

.facetwp-star.selected:hover,
.facetwp-star.selected:hover ~ .facetwp-star {
    color: red;
}

.facetwp-star.disabled,
.facetwp-star.disabled:hover {
    cursor: auto;
    color: #eeeeee;
}

/* Date Range */
.facetwp-date.disabled,
.facetwp-date.disabled::placeholder {
    color: #b4b4b4;
    opacity: 1;
}

/* CSS animations */

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* Selections shortcode */

.facetwp-selections li {
    display: inline-block;
    line-height: 1;
}

.facetwp-selections .facetwp-selection-value {
    display: inline-block;
    margin-right: 10px;
    cursor: pointer;

    padding-right: 16px;
    background-image: url('https://werkenbijesdege-reigersdaal.nl/wp-content/plugins/facetwp/assets/css/../images/icon-close.png');
    background-size: 12px 12px;
    background-repeat: no-repeat;
    background-position: right center;
}
.fs-wrap {
    width: 220px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    line-height: 1;
}

.fs-label-wrap {
    position: relative;
    background-color: #fff;
    border: 1px solid #ddd;
    cursor: default;
}

.fs-label-wrap,
.fs-dropdown {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fs-label-wrap .fs-label {
    padding: 6px 22px 6px 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.fs-arrow {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #333;
    position: absolute;
    top: 0;
    right: 5px;
    bottom: 0;
    margin: auto;
    transition: ease-in 0.15s;
}

.fs-open .fs-arrow {
    transform: rotate(-180deg);
}

.fs-dropdown {
    width: 100%;
    position: absolute;
    background-color: #fff;
    border: 1px solid #ddd;
    border-top: none;
    z-index: 1000;
}

.fs-dropdown .fs-options {
    max-height: 200px;
    overflow: auto;
}

.fs-search {
    background-color: #f8f8f8;
    padding: 0 8px;
}

.fs-wrap .fs-search input {
    border: none;
    box-shadow: none;
    background-color: transparent;
    outline: none;
    padding: 0;
    width: 100%;
}

.fs-option,
.fs-search,
.fs-optgroup-label {
    padding: 6px 8px;
    cursor: default;
}

.fs-option:last-child {
    border-bottom: none;
}

.fs-no-results {
    padding: 6px 8px;
}

.fs-option {
    cursor: pointer;
    word-break: break-all;
}

.fs-option.disabled {
    opacity: 0.4;
    cursor: default;
}

.fs-wrap.single .fs-option.selected {
    background-color: #dff3ff;
}

.fs-wrap.multiple .fs-option {
    position: relative;
    padding-left: 30px;
}

.fs-wrap.multiple .fs-checkbox {
    position: absolute;
    display: block;
    width: 30px;
    top: 0;
    left: 0;
    bottom: 0;
}

.fs-wrap.multiple .fs-option .fs-checkbox i {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 14px;
    height: 14px;
    border: 1px solid #aeaeae;
    border-radius: 2px;
    background-color: #fff;
}

.fs-wrap.multiple .fs-option.selected .fs-checkbox i {
    background-color: rgb(108, 138, 255);
    border-color: transparent;
}

.fs-optgroup-label {
    font-weight: bold;
    text-align: center;
    background-color: #f8f8f8;
}

.fs-hidden {
    display: none;
}