/**
    MIN WIDTH MEDIA QUERIES
 */
@media only screen and (min-width: 1800px) {
    .row_outside_stripes{--after-width: 125px;}
    .row_outside_stripes::before,
    .row_outside_stripes::after{content: ''; background: url('../images/ahak-lijnenpatroon-black.png') repeat center center; background-size: 24px; opacity: 0.25; width: var(--after-width); height: 100%; display: block; position: absolute; top: 0;}
    .row_outside_stripes::before{left: 0;}
    .row_outside_stripes::after{right: 0;}

    .row_left_stripes,
    .row_right_stripes{--after-width: 125px;}

    .row_left_stripes::before,
    .row_right_stripes::after{content: ''; background: url('../images/ahak-lijnenpatroon-black.png') repeat center center; background-size: 24px; opacity: 0.25; width: var(--after-width); height: 100%; display: block; position: absolute; top: 0;}
    .row_left_stripes::before{left: 0;}
    .row_right_stripes::after{right: 0;}

    .hover_zoom_image{position: relative; overflow: hidden; height: 100%; width: 100%;}
    .hover_zoom_image img{transition: transform 0.3s ease;}
    .hover_zoom_image:hover img{transform: scale(1.15)}
}

@media only screen and (min-width: 1600px) {

}

@media only screen and (min-width: 1381px) {
    .row_image_text_images .vc_row > .wpb_column:nth-child(1) .wpb_wrapper,
    .row_image_text_images .vc_row > .wpb_column:nth-child(1) .wpb_wrapper .w-image{height: 100%;}
}

@media only screen and (min-width: 1280px) {
    .mobile_menu_button{display: none!important;}
}

@media only screen and (min-width: 1024px) {
}

@media only screen and (min-width: 767px) {
}


/**
    MAX WIDTH MEDIA QUERIES
 */
@media only screen and (max-width: 1520px) {
    .layout_spacing_left{padding-left: 2rem;}
    .layout_spacing_right{padding-right: 2rem;}
}

@media only screen and (max-width: 1380px) {
    .vacancy_filters .w-filter-opener{background: var(--sc-primary-light); padding: 1rem .5rem; width: 100%;}
}

@media only screen and (max-width: 1024px) {
    .ui_image_row{max-height: 40vh!important;}
    .ui_image_row .overlay_circle,
    .ui_image_row .ui_el_wrapper,
    .ui_image_row .image_border{display: none;}
    .ui_image_row .image_el{width: auto; min-width: 100%; height: 100%; border-radius: 0!important;}
    .mobile_row .wpb_wrapper{display: flex; flex-direction: row!important; gap: .5rem;}
    .stretch_double_image_height .wpb_wrapper > *{height: 100% !important}
    .special_benefits{grid-template-columns: repeat(2, 1fr)}
}

@media only screen and (max-width: 767px) {
    #apply_form form .cx2_personal-firstName,
    #apply_form form .cx2_personal-middleName,
    #apply_form form .cx2_personal-lastName,
    #apply_form form .cx2_contact-mobileNumber,
    #apply_form form .cx2_contact-email,
    #apply_form form .cx2_personal-cv,
    #apply_form form .cx2_personal-coverLetter,
    #apply_form form #apply_button{grid-column: span 12;}
    .swiper .swiper-slide {width: 70%!important;}
    .w-nav .menu-item > a{border-bottom: 1px solid #eee;}
    .w-nav.type_mobile .menu-item-has-children>.w-nav-anchor .w-nav-arrow{right: 1rem;}
    .special_benefits{grid-template-columns: repeat(3, 1fr)}

    .page_hero_title h1{font-size: 28px;}
}

@media only screen and (max-width: 600px) {
    .w-search.layout_fullwidth.active .w-search-form{height: 66px!important;}
    .mobile_prevent_double_border .w-grid-list{gap: 1.5rem!important;}
    .mobile_prevent_double_border .w-grid-list article:last-child > .w-grid-item-h > .w-vwrapper{border-top:none!important; padding-top: 0!important;}
    .tabbed_list_filter .w-filter-list .w-filter-item-values{flex-direction: column;}
}

@media only screen and (max-width: 480px) {
    .mobile_row .wpb_wrapper{flex-direction: column!important;}
}