/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/
/* Algemeen */
.mc--h2-big h2 {
    font-size: 64px;
    max-width: 500px;
}

.w-btn.us-btn-style_4 {
    border-bottom: dotted !important;
}

a.w-btn.us-btn-style_4.icon_atleft i{
    font-size: 12px;
    line-height: 2;
}

.menu-item.current-menu-item .w-nav-title:after {
    bottom: -2px !important;
    opacity: 1 !important;
}


/* Breadcrumbs */
.g-breadcrumbs {
    font-size: 12px;
}

.g-breadcrumbs-item:first-child span:before{
    content: url('/wp-content/uploads/2025/09/icon-home.svg');
    position: absolute;
    left: 0px;
}

.no-touch .color_alternate a:hover {
    color: var(--color-rood);
    text-decoration: underline;
}

.g-breadcrumbs-item:first-child span {
    padding-left: 20px;
}

.l-section.color_primary .g-breadcrumbs-item:first-child span:before {
    filter: grayscale(10) brightness(10);
}


/* Header & menu */
header.sticky .w-nav-list.level_1 {
    color: var(--color-rood) !important;
}

/* Hero section */
.mc--hero-section .l-section-h > .g-cols{
    min-height: 450px;
    padding-bottom: 2rem;
}

.mc--hero-section::after{
    content:'';
    background-image: url('/wp-content/uploads/2025/09/ster-wit.svg');
    position: absolute;
    right:0;
    bottom: 0px;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
}

.mc--hero-section h1,
.mc--hero-section h2 {
    color: var(--color-wit);
}

.mc--hero-section .l-section-h {
    max-width: 1432px;
}

.mc--hero-title{
    font-size: 2rem;
    font-weight: bold;
    color: var(--color-wit);
}

.mc--hero-typing{
    margin-top: 1rem;
    font-size: 2.5rem;
    color: var(--color-wit);
    border-right: 3px solid #666;
    white-space: nowrap;
    overflow: hidden;
    min-height: 2em;
}

.mc--hero-section::after {
    content: '';
    background-image: url(/wp-content/uploads/2025/09/ster-wit.svg);
    position: absolute;
    right: 0;
    bottom: 0;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 72%;
    background-position: right bottom;
}

.mc--hero-section.mc--ster-rood::after {
    background-image: url(/wp-content/uploads/2025/09/ster-rood.svg);
}

.mc--hero-section.mc--ster-rood-wit::after {
    background-image: url(/wp-content/uploads/2025/09/ster-rood-wit.svg);
}

/* Parallax items - Werken als... (home) */
.mc--werken-als .w-separator.size_huge:empty {
    height: 14rem;
}

.mc--werken-als .parallax-element,
.mc--werken-als .parallax-element2,
.mc--werken-als .parallax-element3 {
    max-width: 520px;
}

.mc--werken-als .parallax-element {
    margin: 0 0 0 auto;
}

.mc--werken-als h3{
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 24px;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

.mc--werken-als .fa-play-circle{
    font-size: 4em;
    position: absolute;
    z-index: 3;
    left: 0;
    right: 0;
    top: 27%;
    color: rgba(255,255,255,0.8);
    transition: all ease .3s;
}

.mc--werken-als .fa-play-circle:hover{
    transform: scale(1.2);
}

.mc--werken-als .fad:after {
    opacity: 0.8 !important;
}

/* Verberg de lijst in frontend */
#phrases {
  display: none;
}

/* Vacature grid */
.mc--vacature .usg_hwrapper_1{
    color: #fff;
    padding: 2% 5%;
    border-top: 1px solid #fff;
}

.mc--vacature .us-btn-style_2{
    width: fit-content;
    margin: 15px auto;
}

.mc--vacature .w-grid-item:last-child .usg_hwrapper_1 {
    border-bottom: 1px solid #fff;
}

.mc--vacature .usg_post_title_1 a:hover{
    color: #fff;
}

.mc--vacature .vac_logo img {
    max-height: 40px;
}

.l-section:not(.color_alternate) .mc--vacature .vac_logo img {
    filter: grayscale(10) brightness(10);
}

/* Vacatures - lichte achtergrond */
.l-section.color_alternate .w-grid.mc--vacature article *:not(.us-btn-style_2 span){
    color: var(--color-rood);
}

.l-section.color_alternate .mc--vacature .usg_hwrapper_1,
.l-section.color_alternate .mc--vacature .w-grid-item:last-child .usg_hwrapper_1 {
    border-color: var(--color-rood);
}

.l-section.color_alternate .mc--vacature .us-btn-style_2 {
    background-color: var(--color-rood);
}

.l-section.color_alternate .mc--vacature .us-btn-style_2:hover {
    background-color: var(--color-donkerblauw);
    border-color: var(--color-donkerblauw);
}

.l-section.color_alternate .mc--vacature .us-btn-style_2 span {
    color: var(--color-wit);
}

/* Vacatures - alternate achtergrond */
.l-section.color_secondary .mc--vacature .us-btn-style_2 {
    background-color: var(--color-wit);
}

.l-section.color_secondary .mc--vacature .us-btn-style_2:hover {
    background-color: var(--color-rood);
    border-color: var(--color-rood);
}

.l-section.color_secondary .mc--vacature .us-btn-style_2 span {
    color: var(--color-donkerblauw);
}

.l-section.color_secondary .mc--vacature .us-btn-style_2:hover span{
    color: var(--color-wit);
}

/* Filter vacatures */
.mc--filter {
    background-color: var(--color-donkerblauw);
    padding: 1rem 5rem;
}

.mc--filter button.w-filter-item-title.us-field-style_default {
    background: transparent !important;
    border: solid 2px var(--color-wit) !important;
    font-size: 18px !important;
    color: var(--color-wit) !important;
}

.w-filter.state_desktop.mod_dropdown .w-filter-item-title:after {
    border: 0px !important;
    content: '\f078';
    font-family: fontawesome;
    top: 6px;
    font-size: 14px;
}

.w-filter-item-values input {
    background: transparent !important;
    border: solid 2px var(--color-rood) !important;
    width: 1em;
    height: 1em;
}

.mc--filter::before {
    content: '\f0b0';
    font-family: fontawesome;
    font-weight: 600;    
    color: var(--color-wit);
    margin-right: 1rem;
}

/* Banner - kennismaking */
.mc--banner-cta  {
    margin-bottom: 6rem;
}

.mc--banner-cta .l-section-h > .g-cols{
    padding: 0rem 3rem;
    min-height: 400px;
}

.mc--banner-cta .l-section-img,
.mc--banner-cta .l-section-overlay {
    max-width: 1400px;
    margin: 0 auto;
}

.mc--banner-cta .wpb_text_column {
    margin-bottom: 0.6rem;
}

.mc--banner-cta h3{
    font-size: 72px;
    margin-bottom: .5em;
    color: var(--color-wit);
    margin-bottom: 0px;
    padding-top: 0px;
}

.mc--banner-cta h3 strong{
    font-family: "Work Sans", sans-serif;
    color: var(--color-wit);
    font-weight: 500;
}

.mc--banner-cta.color_alternate h3{
    color: var(--color-wit);
}

.mc--banner-cta.color_alternate {
    margin-bottom: 0rem;
}

/* Banner - nieuw in Nederland */
.mc--banner-2-col .mc--text-cta {
    max-width: 600px;
    background-color: var(--color-rood);
    padding: 3rem 3.5rem;
    color: var(--color-wit);
    position: absolute;
    right: 4rem;
    top: 2rem;
}

.mc--banner-2-col .mc--text-cta h3 {
    font-family: "Work Sans";
    font-size: 24px;
    font-weight: 600;
    color: var(--color-wit);
}

/* Text carousel */
.mc--text-carousel .owl-carousel .owl-stage-outer {
    overflow: visible;
}

.mc--text-carousel .owl-dots {
    display: flex;
    width: 85% !important;
    gap: 0; 
    margin-top: 3rem;
}

.mc--text-carousel .owl-dots .owl-dot {
    flex: 1; 
    cursor: pointer;
}

.color_primary.mc--text-carousel .owl-dots .owl-dot {
    background-color: rgba(255,255,255,0.5) !important;   
}

.mc--text-carousel .owl-dots .owl-dot:first-child {
   border-radius: 8px 0px 0px 8px; 
}

.mc--text-carousel .owl-dots .owl-dot:last-child {
   border-radius: 0px 8px 8px 0px; 
}

.mc--text-carousel .owl-dots .owl-dot span {
    width: 100% !important;
    margin: 0;
    border-radius: 8px;
}

.mc--text-carousel button.owl-dot:not(.active) span {
    background: transparent;
}

.mc--text-carousel .owl-nav {
    position: absolute;
    bottom: -16px;
    right: 4rem;
}

.mc--text-carousel  .owl-next:after,
.mc--text-carousel  .owl-prev:after {
    font-weight: 200;
}

.owl-carousel .owl-nav .disabled {
    display: block;
    opacity: 0.5;
}

.owl-carousel.navpos_outside .owl-prev {
    margin-right: 25px;
}

.mc--text-carousel .owl-item strong {
    display: block;
    min-height: 60px;
    font-size: 22px;
}

.single-bedrijven .mc--text-carousel .titel_1,
.single-bedrijven .mc--text-carousel .titel_2,
.single-bedrijven .mc--text-carousel .titel_3,
.single-bedrijven .mc--text-carousel .titel_4 {
    font-weight: bold;
    font-size: 22px;
}

body .mc--text-carousel .owl-nav button {
    color: var(--color-rood) !important;
}

body .mc--text-carousel .owl-carousel .owl-nav button:hover {
    color: var(--color-rood) !important;
}

.color_primary.mc--text-carousel .owl-nav button {
    color: var(--color-wit) !important;
}

body .color_primary.mc--text-carousel .owl-nav button:hover {
    color: var(--color-wit) !important;
}

.mc--text-carousel .owl-dots .owl-dot {
    background-color: rgba(225,30,50,0.5);   
}


/* Footer */
.mc--footer i.fab.fa-facebook-f{
    padding-right: 10px;
    padding-top: 10px;
}
.mc--footer i.fab.fa-instagram{
    padding-right: 5px;
    padding-top: 10px;
}
.mc--sub-footer .wpb_text_column{
    width: fit-content;
    float: left;
    margin-right: .5em;
    font-size: 15px;
    font-weight: 300;
}

.mc--socials a{
    font-weight: 300;
}

/* Bedrijven template */
.w-counter-title{
    font-family: "Work Sans", sans-serif;
}

.mc--usp-bedrijf span.w-counter-value-part.type_number,
.mc--usp-bedrijf span.w-counter-value-part.type_text {
    font-size: 3.3rem;
}

.single-bedrijven .mc--hero-section .w-image img{
    filter: grayscale(10) brightness(10);
}

.single-bedrijven h1 {
    font-size: 3rem;
}

.single-bedrijven .mc--hero-section .w-image img {
    width: 100%;
}

/* Vacature template */
.mc-vac-intro h4{
    font-family: "Work Sans", sans-serif;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: .5em;
}

.mc-vac-intro .wpb_column{
    border: 1px solid var(--color-rood);
    padding: 5%;
}

.mc-vac-intro p.w-post-elm-before {
    width: fit-content;
    float: left;
    margin-bottom: 0;
}

.mc-vac-intro span, .mc-vac-intro p{
    font-size: 20px !important;
}
.mc-vac-intro .w-post-elm-before{
    width: 30% !important;
    display: block;
    float: left;
}
.mc-vac-intro .post_custom_field{
    width: 100%;
}
.mc-vac-intro .w-post-elm{
    margin-bottom: 5px;
}
.mc-vac-content h3{
    font-size: 42px;
    width: 70%;
}
.mc-vac-over .vac_logo{
    filter: brightness(0) saturate(100%) invert(22%) sepia(96%) saturate(6000%) hue-rotate(-5deg) brightness(98%) contrast(57%);
}
.mc-vac-over h2{
    color: #E11E32;
    font-size: 42px;
}
.mc-vac-over .us-btn-style_4{
    margin-top: 1em;
}

/* Bedrijven grid */
.mc--bedrijf article .usg_post_taxonomy_1 span{
    font-size: 12px;
    padding: 4px 5px
}

.mc--bedrijf article .usg_post_taxonomy_1 {
    pointer-events: none;
    position: absolute !important;
    left: 30px !important;
    bottom: 0 !important;
    z-index: 99 !important;
    transform: rotate(-90deg);
    transform-origin: left bottom;
}
:root{
    --inputs-checkbox-size: 1em !important;
}
input[type=checkbox]:before{
    font-weight: 400;
}
.mc--bedrijf-logo img{
    filter: brightness(0) invert(1);
}

/* Formidable styling */
.with_frm_style .frm_top_container .frm_primary_label{
    color: var(--color-rood);
    font-weight: 800;
    font-size: 18px;
}
.color_alternate input:not([type=submit]), .color_alternate textarea, .color_alternate select, .color_alternate .move_label .w-form-row-label {
    background: transparent !important;
    border: 1px solid var(--color-rood) !important;
    border-radius: 0px !important;
    line-height: 2.5 !important;
}
.with_frm_style .vertical_radio .frm_checkbox label{
    color: var(--color-rood);
}
.frm_style_formidable-stijlen.with_frm_style .frm_submit button{
    font-style: normal;
    text-transform: none;
    font-size: 18px;
    line-height: 1.2 !important;
    font-weight: 500;
    letter-spacing: 0em;
    padding: 1.0em 2.0em;
    transition-duration: 0.3s;
    border-radius: 0;
    transition-timing-function: ease;
    --btn-height: calc(1.2em + 2 * 1.0em);
    background: var(--color-rood);
    border-color: transparent;
    border-image: none;
    color: var(--color-wit) !important;
}
.no-touch button[type=submit]:not(.w-btn):hover{
    background: transparent !important;
}
.mc--vac-detail-overzicht h2{
    color: #fff;
    padding-top: 2em;
}
.mc--vac-detail-overzicht{
    background: var(--color-donkerblauw);
}
.l-section.color_alternate.mc--vac-detail-overzicht .w-grid.mc--vacature article *:not(.us-btn-style_2 span){
    color: var(--color-wit);
    border-color: var(--color-wit);
}
.l-section.color_alternate.mc--vac-detail-overzicht .w-grid.mc--vacature article *:not(.us-btn-style_2 span) img{
    filter: brightness(0) invert(1);
}
.l-section.color_alternate.mc--vac-detail-overzicht .mc--vacature .us-btn-style_2{
    background: transparent;
}
.mc--vac-detail-overzicht .w-grid-none.type_message{
    background: transparent;
    color: #fff;
}
.us-breadcrumbs:first-child span:before {
    content: url(/wp-content/uploads/2025/09/icon-home.svg);
    position: absolute;
    left: 0px;
    top: 1px;
}
.us-breadcrumbs {
    font-size: 12px;
    margin-left: 20px;
}
.fa-twitter:before {
    content: url(/wp-content/uploads/2025/09/x-twitter-brands-solid.svg);
}

.w-popup-box-content iframe {
    width: 100% !important;
}

/* Responsive Queries */
/* Large */
@media screen and (max-width: 1200px){
    .mc--banner-cta {
        margin-bottom: 0rem;
    }
    body .layout_73 .usg_vwrapper_2 {
        width: 15% !important;
    }
    .g-loadmore{
        padding-top: 3em !important;
    }
    .l-canvas{
        overflow-x: hidden;
    }
}

/* Medium */
@media screen and (max-width: 1040px){}

/* Small */
@media screen and (max-width: 768px){}

/* Extra Small */
@media screen and (max-width: 576px){}



/* Device Queries */
/* Large Devices */
@media screen and (max-device-width: 1200px){}

/* Medium Devices */
@media screen and (max-device-width: 1040px){
    .mc--banner-2-col .mc--text-cta {
        max-width: none;
    }
    body .us_custom_a5ef9130 {
        max-width: none !important;
    }
    body .us_custom_f3f68ac4 .g-cols.via_grid{
        display: block !important;
    }
    .mc--text-carousel .owl-nav{
        right: 1rem;
    }
    .page-id-42 .l-canvas, .page-id-44 .l-canvas{
        overflow-x: hidden;
    }
}

/* Small Devices */
@media screen and (max-device-width: 768px){
    .mc--hero-section::after {
        height: 40%;
        bottom: -1px;
    }

    .mc--hero-section .l-section-h > .g-cols {
        min-height: 350px;
    }

    .mc--hero-section h1 {
        max-width: 60%;
    }

    .mc--banner-cta h3 {
        font-size: 32px;
    }

    .mc--banner-cta .l-section-h > .g-cols {
        padding: 0rem 1rem;
    }

    .mc--h2-big h2 {
        font-size: 42px;
    }

    .mc--werken-als .w-separator.size_huge:empty {
        height: 4rem;
    }

    .mc--vacature .usg_hwrapper_1 {
        display: block;
    }

    .mc--vacature .vac_logo img {
        max-height: 40px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    body .mc--vacature .usg_vwrapper_1,
    body .mc--vacature.layout_73 .usg_hwrapper_3,
    body .mc--vacature.layout_73 .usg_vwrapper_2 {
        width: 100% !important;
    }

    .mc--vacature .us-btn-style_2,
    .mc--vacature .us-btn-style_3 {
        margin: 0 !important;
        width: fit-content;
    }

    body .mc--vacature.layout_73 .usg_vwrapper_2 {
        display: inline-block;
    }

    .mc--vacature .us-btn-style_3 {
        margin-left: 28px !important;
        margin-top: 16px !important;
    }

    .mc--banner-2-col .mc--text-cta {
        padding: 2rem 2.5rem;
        position: relative;
        right: unset;
        top: unset;
    }
    .mc--hero-typing{
        font-size: 1.4rem;
    }
    .mc--hero-section{
        padding-bottom: 0 !important;
    }
    .mc--vacature .usg_hwrapper_1 {
        padding: 2% 5% 6% 5%;
    }
    .mc--banner-cta {
        margin-bottom: 0rem;
    }
    .mc--filter {
        padding: 1rem 1rem;
    }
    .page-id-40 .g-loadmore{
        margin-top: 3rem;
    }
    body .us_custom_f3f68ac4 .w-btn-wrapper.align_right {
        text-align: left !important;
    }
    body .us_custom_f03ee871 {
        text-align: left !important;
    }
    .w-post-elm-before{
        margin-right: 15px;
    }
    body .us_custom_8cceadb7 {
        padding-bottom: 3rem !important;
    }
    .layout_185 .w-hwrapper{
        display: block !important;
    }
    body .layout_185 .usg_post_custom_field_1 {
        width: 100% !important;
    }
    body .layout_185 .usg_post_custom_field_2 {
        width: 100% !important;
        padding-top: 20px;
    }
    body .layout_185 .usg_vwrapper_1, body .layout_185 .usg_vwrapper_2, body .layout_185 .usg_vwrapper_3, body .layout_185 .usg_vwrapper_4 {
        width: 100% !important;
        margin-top: 3em;
    }
    body .layout_185 .usg_post_custom_field_7 {
        font-size: 54px !important;
        line-height: 1;
    }
    body .us_custom_f7ae29db {
        margin-top: 0rem !important;
    }
    body .us_custom_9d1e26d6 .align_right{
        text-align: left !important;
    }
    .bedrijven-template-default .mc--vacature .usg_hwrapper_1 {
        padding: 6% 5% 6% 5%;
    }
    body .layout_632 .usg_vwrapper_2 {
        width: 100% !important;
        display: block;
    }
 
}   

/* Extra Small Devices */
@media screen and (max-device-width: 576px){

}