@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap'); /*secondary_font_url*/
@import url('/uploads/publico-headline-web-roman-regular.woff'); /*primary_font_url*/
:root {
    --base-color: #323e48;
    --primary-color: #323e48;
    --secondary-color: #c0df8a;
    --tertiary-color: #ffffff;
    --accent-color: #323e48;
    --heading-color: #323e48;
    --content-color: #323e48;
    --bg-color: #9fddd3;
    --webring-color: #f5f5f6;
    --body_default_background-color: #ffffff;
    --navigation_font-family: Publico-Roman;
    --heading_font-family: Publico-Roman, 'Times New Roman', serif;
    --content_font-family: "Open Sans", sans-serif;
    --content_font-weight: 400;
    --content_font-size: 16px;
    --content_font-size_small: 16px;
    --content_font-size_large: 16px;
    --content_line-height: 1.5;
    --content_md_font-size: 16px;
    --content_md_font-size_small: 16px;
    --content_md_font-size_large: 16px;
    --content_md_line-height: 1.5;
    --content_lg_font-size: 16px;
    --content_lg_font-size_small: 16px;
    --content_lg_font-size_large: 16px;
    --content_lg_line-height: 1.5;
    --h1_hero_color: #323e48;
    --h1_hero_font-weight: 400;
    --h1_hero_font-size: 42px;
    --h1_hero_sm_font-size: 42px;
    --h1_hero_md_font-size: 42px;
    --h1_hero_lg_font-size: 42px;
    --h1_hero_line-height: 42px;
    --h1_hero_lg_line-height: 1.5;
    --h2_hero_color: #323e48;
    --h2_hero_font-weight: 400;
    --h2_hero_font-size: 36px;
    --h2_hero_sm_font-size: 36px;
    --h2_hero_md_font-size: 36px;
    --h2_hero_lg_font-size: 36px;
    --h2_hero_line-height: 42px;
    --h2_hero_lg_line-height: 42px;
    --h1_color: #323e48;
    --h1_font-weight: 400;
    --h1_font-size: 38px;
    --h1_lg_font-size: 38px;
    --h2_color: #323e48;
    --h2_font-weight: 400;
    --h2_font-size: 38px;
    --h2_sm_font-size: 35px;
    --h2_md_font-size: 35px;
    --h2_lg_font-size: 38px;
    --h2_line-height: 42px;
    --h2_sm_line-height: 38px;
    --h2_md_line-height: 38px;
    --h2_lg_line-height: 42px;
    --h3_color: #323e48;
    --h3_font-weight: 400;
    --h3_margin: 0px;
    --h3_font-size: 24px;
    --h3_sm_font-size: 24px;
    --h3_md_font-size: 24px;
    --h3_lg_font-size: 24px;
    --h3_line-height: 1.4;
    --h3_sm_line-height: 1.4;
    --h3_md_line-height: 1.4;
    --h3_lg_line-height: 1.4;
    --h4_font-weight: 400;
    --h4_color: #323e48;
    --hyperlink_font-weight: 400;
    --hyperlink_color: rgba(50, 62, 72);
    --hyperlink_hover_color: rgba(50, 62, 72, 0.5);
    --button_height: 45px;
    --button_font-size: 14px;
    --button_font-weight: 500;
    --button_border-radius: 4px;
    --form_input_border-radius: 4px;
    --form_input_font-weight: 400;
    --form_form-control_font-size: 14px;
    --form_form-control_small_height: 45px;
    --form_form-control_medium_height: 45px;
    --form_form-control_large_height: 45px;
    --vacancy_list-item_vacancy-footer_btn_view-vacancy_background: #323e48;
    --vacancy_list-item_vacancy-footer_btn_view-vacancy_color: #ffffff;
    --vacancy_list-item_vacancy-footer_btn_favorite-add_color: #323e48;
    --card_background: #9fddd3;
    --card_card-body_link_font-weight: 400;
    --header-nav_link_font-size: 16px;
    --header-nav_link_hover_color: #323e4850;
    --header-nav_submenu_link_background-color: #ffffff;
    --footer_background: #f5f5f6;
    --footer_link_hover_color: #323e4850;
    --footer_webring_background: #f5f5f6;
    --section_default_overlay_opacity: 0.1;
    --fa: "\f002";
}

/*###> custom ###*/
@font-face { 
    font-family: 'Publico-Roman'; 
    src: url('/uploads/publico-headline-web-roman-regular.woff2') format('woff2'), url('/uploads/publico-headline-web-roman-regular.woff') format('woff'), 
         url('/uploads/publico-headline-web-roman-regular.ttf.') format('truetype'); 
    font-weight: normal; 
    font-style: normal; 
font-display: swap;
}

header nav.header-nav > ul > li.has-submenu > a {
  padding: 0 15px;
}

header .header-nav > ul > li.active a {
  border-bottom: 0;
}

header nav.header-nav ul li ul {
background-color: #ffffff;
  padding: 0 20px 15px;
}

fa-solid .fass .fas {
    font-weight: 300;
}

.fa-map-marker::before {
  content: "\f3c5";
  font-weight: 300;
} 

#top > div.is-boxes > div > div > div.component.component_vacancy-title > div > div > ul > li.vacancy-location > I{
 content: "\f3c5";
  font-weight: 400;
}

header nav.header-nav ul li ul li.active > a {
background-color: #ffffff;
  border: 0;
  color: #323e48;
}

header nav.header-nav ul li ul li > a {
  transition: none;
}

header nav.header-nav ul li ul li > a:hover {
  color: rgba(50, 62, 72, 0.5); 
background: none;
  text-decoration: none;
}

header nav.header-nav ul li > a {
  transition: none;
}

header nav.header-nav ul li > a:hover {
  color: rgba(50, 62, 72, 0.5);
background: none; 
  text-decoration: none; 
}

header nav.header-nav ul li ul li > a:hover {
  color: rgba(50, 62, 72, 0.5); 
}

.page_vacancy-overview .layout_main>h2 {
    font-size: 24px;
}

.page_vacancy-overview .layout_sidebar h2 {
    font-size: 24px;
}

.partial_vacancy_list-item h2 {
    font-weight: 500;
}

.icon-before {
    margin-right: 8px !important;
}

.navbar-toggle--search {
    display: none;
}

#pagewrapper > div > div.section.is-section.is-light-text.is-vh-height-50 > div.is-boxes > div > div > div > div.col-12{
padding-left:0px;
}

#pagewrapper > div.section.is-section.is-light-text.is-vh-height-50 > div.is-boxes > div > div > div > div.col-12{
padding-left:0px;
}

.component_image_content figure {
    margin-bottom: calc(var(--column_gutter_width, 15px) * 1.5);
}

.partial_recruiter_list-item p a:hover {
    color: rgba(50, 62, 72, 0.5);
}

.component_usp:not(.component_vacancy_usp) .partial_usp_list-item {
    gap: 10px;
}

.component_usp:not(.component_vacancy_usp) .partial_usp_list-item .counter span {
    font-size: 3.5rem;
    font-weight: 600;
}

.partial_usp_list-item {
    align-items: flex-start;
    display: grid;
    list-style: none;
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
}

@media (max-width: 660px) {
    .footer-webring ul {
        flex-direction: column;
        gap: 10px;
    }
.footer-webring {
padding: 0px;
}
}

.footer-webring {
    padding: 0px 0px 16px 0px;;
}

h1 {
letter-spacing: -0.6px;
}

h2, h3 {
letter-spacing: -0,5px;
}

h4, h5 {
letter-spacing: -0.2px;
}

#contentareaIrAuksZ > div > div > div{
gap: 60px;
}

#contentareacYFWQtb > div.component.component_paragraph_image-left.component_paragraph_image-left_variant > div > div{
gap: 60px;
}

.checkbox-group, .radio-group {
    flex-wrap: nowrap;
}

.mobilemenu .c-menu--slide-left .head, .mobilemenu .c-menu--slide-right .head {
    align-items: center;
}

header nav.header-nav ul li ul {
    max-width: 340px;
    min-width: 240px;
}


header .site-nav {
        justify-content: right;
}

.page_vacancy-overview .layout_hero .is-overlay-color {
    background-color: #000000;
    opacity: var(--section_default_overlay_opacity, .25);
}

#mainHeader > div > div:nth-child(1) > div > div.user-nav.component_button > div > a.is-btn.is-btn-icon.favorites-toggle{
    border: 1px solid;
}


#mainHeader > div > div:nth-child(1) > div > div.user-nav.component_button > div > a.is-btn.jobalert-toggle.is-btn-jobalert.is-btn-accent{
    background: transparent;
    border: 1px solid;
    color:#323e48;
}


header .is-btn-icon {
    border: 1px solid var(--primary-color, #2a2cb5);
}

.is-btn-outlined-primary {
    background: transparent;
    border: var(--button-outlined_border, 1px solid) var(--primary-color, #2a2cb5);
    color: var(--primary-color, #2a2cb5);
}

div.postal-code{
display: none;
}

#vacancy_options_form > div.component.component_filter-block.component_filters.component_range-slider{
display:none;
}

#pagewrapper > div > div.section.is-section.is-box.is-light-text.is-vh-height-30.layout.layout_hero > div.is-boxes > div > div > div > form > div > div > div.button > div > button{
height: 48px;
}

#go-to_top > a > span{
display :none;
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
    color: #ffffff;
    text-decoration: none;
}

#contentareatKrwL3y > div.component.component_paragraph > div > p{
font-family:"publico-roman";
font-size: 38px;
}

.footer-webring {
    background: #f5f5f6;
}

.page_vacancy-overview .layout_sidebar .card {
    background: #f5f5f6;
}

.vich-file .custom-file .custom-file-label {
        font-size: 2rem;
}

#vacancy-application-form .col-l .form-group, #vacancy-application-form .single-column #form .form-group, #vacancyApplyInline .col-l .form-group, #vacancyApplyInline .single-column {
flex-direction: column-reverse;
}

#description > div > div > div > div > main > div.component.component_process-content > div.component.component_recruiter > div > div > div > a{
display:none;
}

.partial_vacancy_list-item .vacancy-footer .is-btn.favorite-add{
display:none;
}

a.is-btn.is-btn-icon.favorites-toggle {
display:none;
}

#applicationHeader > div > div > div > div > div > div > a{
display:none;
}

.page_vacancy-detail .component_application-form .card {
background: #f5f5f6;
}

.page_vacancy-detail .component_recruiter .card {
background: #f5f5f6;
}
/* SUP-11338 */
.footer-webring ul li.copyright {
   font-size: 0px; 
}
li.copyright::after {
  content: "Werken bij Bird & Bird";
  font-size: 16px; 
}

.page_vacancy-detail .component_recruiter h3 {
    margin-bottom: 25px;
    margin-top: 10px;
    font-family: "open sans";
    font-size: 16px;
}

#c-menu--slide-left > div.wrapper > ul.user-nav > a.is-btn.is-btn-normal.favorites-toggle{
display:none;
}

.component_usp:not(.component_vacancy_usp) .partial_usp_list-item .counter span {
    font-family:"publico-roman";
}

.component_usp:not(.component_vacancy_usp) .partial_usp_list-item .text {
font-family: "open sans";
font-size: 16px;
line-height: 1.5;
}

.partial_vacancy_list-item .vacancy-footer .is-btn.view-vacancy {
background: transparent;
    border:  1px solid #323e48;
    color: #323e48;
}


.partial_vacancy_list-item .vacancy-footer .is-btn.view-vacancy:hover {
    background: #323e48;
    color: #ffffff;
}

.partial_vacancy_list-item .vacancy-body p {
font-weight: 400;
}

.page_event-detail .layout_event-registration {
    background-color: #f5f5f6
}

#pagewrapper > div.section.is-section.layout.layout_event-registration > div > div > div > div{
     background-color: #ffffff;
}


#contentareaRmR24Vu > div:nth-child(1){
background-color: #ffffff;
}

#contentareaRmR24Vu > div:nth-child(2){
background-color: #ffffff;
}

#contentareaRmR24Vu > div:nth-child(3) > div{
background-color: #ffffff;
}

#pagewrapper > div > div.section.is-section.is-box.is-light-text.is-vh-height-30.layout.layout_hero > div.is-boxes > div > div > div > form > div > div > div.keyword > div > div > div > I{
--fa: "\f002";
font-weight: 300;
}

    .page_event-detail .component_event-registration .card-body {
        padding: 100px;
    }

#pagewrapper > div.section.is-section.layout.layout_main > div > div > div{
margin: 210px auto;
}


 .page_event-detail .component_event-header .card-body {
       padding: 60px 0px 60px 0px;
    }



.page_event-detail .component_event-toolbar {
    margin: 60px 0px 60px 0px;
    }

.page_event-detail .component_event-content {
        margin: 60px 0px 60px 0px;
    }

.page_event-overview .component_filters .filter-group ul.checkbox-group li label {
    background-color: transparent;
    border: 1px solid #323e48;
    border-radius: 3px;
    color: #323e48;
    cursor: pointer;
    font-size: 1.4rem;
    font-weight: 400;
    height: auto;
    margin: 0;
    padding: 5px 10px 5px 10px;
    width: auto;
}

.page_event-overview .component_filters .filter-group ul.checkbox-group li input[type=checkbox]:checked+label {
    background-color: #323e48;
    border: 1px solid #323e48;
    color: #ffffff;
}

.event-body H2{
line-height: inherit;
}

.page_event-detail .component_event-header .category-tags a i[class*=fa-]{
color: #323e48;
}

.partial_ajax-search-form .search-grid .button .is-btn {
background: transparent;
    border: 1px solid #323e48;
    color: #323e48;
}

.partial_ajax-search-form .search-grid .button .is-btn:hover {
background: #323e48;
    color: #ffffff;
}

#applicationHeader .flex-group .apply-btn {
background: transparent;
    border: 1px solid #323e48;
    color: #323e48;
}

#applicationHeader .flex-group .apply-btn:hover {
background: #323e48;
    color: #ffffff;
}


span.is-btn.is-background-color-primary {
      background: transparent !important;
    border: 1px solid #323e48 !important;
    color: #323e48 !important; 
}


span.is-btn.is-background-color-primary:hover {
background: #323e48 !important;
    color: #ffffff !important;
}

#vacancy-application-form .btn-application-submit {
         background: transparent;
    border: 1px solid #323e48;
    color: #323e48; 
}

#vacancy-application-form .btn-application-submit:hover {
         background: #323e48;
    color: #ffffff;
}

.is-btn-outlined-primary {
    background: transparent !important;
    border: var(--button-outlined_border, 1px solid) var(--primary-color, #2a2cb5) !important;
    color: var(--primary-color, #2a2cb5) !important;
}

.component_filters#selected-filters .card .card-body p {
    font-family: var(--content_font-family, var(--theme_content_font-family));
    font-size: 18px;
    font-weight: 400;
}

.component_filters .list .filter-group .card-body .checkbox-group li label {
    color: var(--content-color, var(--black-color, #000));
    font-weight: 400;
}

.partial_jobalert_form .is-btn  {
         background: transparent;
    border: 1px solid #323e48;
    color: #323e48; 
}

.partial_jobalert_form .is-btn:hover {
         background: #323e48;
    color: #ffffff;
}
/*###< custom ###*/