/*
Theme Name: Finster
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

/**
 * START: Globals
 */
.notify .l-canvas {
    background: linear-gradient(153deg, rgba(84,84,84,1) 0%, rgba(0,0,0,1) 22%) !important;
}
.font-16 {
    font-size: 16px;
}

.font-15 {
    font-size: 15px;
}

.font-14 {
    font-size: 14px;
}

.font-13 {
    font-size: 13px;
}

 .small-intro-blok {
    background: var(--color-content-primary);
    padding: 7px 17px;
    border-top-right-radius: 16px;
    font-size: 15px;
     font-weight: 500;
     font-family: 'New hero medium';
 }

 .small-intro-blok.notify {
     color: black;
     font-weight: 500;
     font-family: 'New hero medium';
 }

 .box-shadow {
     box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.2);
 }

 .text-center {
    text-align: center;
 }
/**
 * END: Globals
 */
 /**
 * START: menu
 */
.current-menu-item a {
    font-weight: 700;
}
/**
 * END: menu
 */
/**
 * START: Home
 */
.notify-iconbox-home .w-iconbox {
    align-items: flex-start !important;
}

.home-card .vc_column-inner {
    padding: 80px !important;
    box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.2);
    border-radius: 30px;
}

.custom-color-bullets li::marker {
    color: var(--color-content-secondary);
}

.custom-color-bullets ul {
    margin-left: 1rem;
}

article:not(.post_format-post-format-video) .grid-all .post_image  {
    width: 33%;
}

.post_format-post-format-video .grid-all .post_image  {
    width: 66%;
}

article:not(.post_format-post-format-video) .grid-all:not(:has(.post_image)) .w-vwrapper {
    padding-left: 80px;
}

.w-grid-item.format-video .post_image:after {
    background: linear-gradient(180deg,#e50071,#c500df);
    font-weight: 300 !important;
}
  
/**
 * END: Home
 */

/**
 * START: Wie zijn wij
 */
.wie-zijn-wij-cta {
    padding: 45px 25px;
    border-radius: 30px;
}

.wie-zijn-wij-cta.notify {
    color: black;
}

.wie-zijn-wij-cta.notify h4 {
    color: black;
}

.team-avatar-grid-v-wrapper {
    border-radius: 30px;
    background: #FFFF;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 3px 6px;
    height: 390px !important;
    width: 350px;
}

.team-avatar-grid-v-wrapper .custom-field-specialty {
    color: var(--color-content-secondary);
}

.team-avatar-grid-full {
    border-radius: 30px;
    background: #FFFF;
    box-shadow: rgba(149, 157, 165, 0.4) 0px 2px 15px;
}

.grid-medewerkers-full {
    margin-bottom: 40px;
}

.team-grid-small {
    margin-bottom: 30px;
}

.img-full {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}

.grid-medewerkers-full .quote {
    padding: 30px 0px;
    border-top: 1px solid #707070;
    border-bottom: 1px solid #707070;
    margin: 20px 35px 20px 0;
}

.grid-medewerkers-full .specialiteit {
    color: var(--color-content-secondary);
}

.grid-medewerkers-full .close-button {
    margin-left: auto !important;
}

.grid-medewerkers-full .socials {
    width: 95%;
}

.socials-wrapper {
    background: var(--color-content-primary);
    height: 31px;
    width: 31px;
    display: block;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.socials-wrapper i {
    color: black;
}

.close-link i::before {
    font-size: 24px;
    font-weight: 300;
    color: var(--color-content-secondary);
}

/**
 * END: Wie zijn wij
 */

 /**
 * START: Contact
 */
.gf-contact input {
    border-bottom: 1px solid #000;
}

.gf-contact input:not([type="submit"]) {
    font-weight: 700 !important;
    color: #000 !important;
    padding-bottom: 1rem !important;
}
 /**
 * START: Contact
 */

/**
 * START: Footer
 */
.footer-menu {
    font-size: 14px;
}

.footer-menu li:before {
    content: "\203A";
    font-size: 18px;
    font-weight: 600;
    color: var(--color-content-secondary);
    margin-right: 10px;
    vertical-align: middle;
}


/**
 * END: Footer
 */

/*.background-bottom-pattern:before {*/
/*    content: '';*/
/*    background-image: url('/wp-content/uploads/2023/05/Finster-background-Top-Pattern.png');*/
/*    background-repeat: no-repeat;*/
/*    background-size: contain;*/
/*    display: block;*/
/*    position: absolute;*/
/*    right: 0;*/
/*    width: 1525px;*/
/*    height: 1100px;*/
/*}*/

.photo-side-shape:before {
    content: '';
    background-image: url('/wp-content/uploads/2023/05/Finster-small-shape.png');
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    bottom: -85px;
    width: 372px;
    height: 570px;
}

.background-bottom-pattern .l-section-img {
    top: 86px;
}

.background-top-pattern .l-section-img {
    top: -2px;
}

.wat-bieden-wij ul {
    margin-left: 0;
}

.wat-bieden-wij img {
    margin-right: 5px;
}

#prijzen-carousel .type_carousel .owl-carousel.owl-loaded,
#prijzen-carousel .type_carousel .owl-carousel .owl-stage-outer {
    overflow: visible !important;
}

.klantverhalen article .w-hwrapper {
    margin: 0 auto;
}

.klantverhalen {
    margin: 0px 10px !important;
}

.klantverhalen img {
    border-radius: 30px 0px 0px 30px;
}

/*.klantverhalen.type-klantverhalen .w-hwrapper {*/
/*    width: unset !important;*/
/*}*/

ul.purple-number-list {
    list-style: none;
    padding-left: 0;
}

ul.purple-number-list li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 40px;
}

ul.purple-number-list li .purple-circle {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: linear-gradient(180deg,#e50071,#c500df);
    color: white;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 0;
}

.prijs-voordelen-container {
    column-count: 3;
    column-gap: 20px;
}

.prijs-voordelen-wrapper {
    display: flex;
    /*align-items: center;*/
    break-inside: avoid;
    margin-bottom: 5px;
    font-size: 15px;
}

.prijs-voordelen-wrapper img {
    width: 20px;
    height: 20px;
}

.tag-meest-gekozen .w-vwrapper.prijs-background {
    background: #FFE400 !important;
    color: black !important;
}

.inspiratie-quote {
    border-top: solid 1px #1A1A1A;
    border-bottom: solid 1px #1A1A1A;
    padding-top: 50px;
    padding-bottom: 50px;
}

.shapes-left-right:before {
    content: '';
    background-image: url('/wp-content/uploads/2023/05/Finster-background-repeat-left-e1685529196229.png');
    position: absolute;
    left: 0;
    top: 0;
    width: 233px;
    height: 574px;
}

.shapes-left-right:after {
    content: '';
    background-image: url('/wp-content/uploads/2023/05/Finster-background-repeat-right-e1685529273748.png');
    position: absolute;
    right: 0;
    top: 40%;
    width: 232px;
    height: 721px;
}

.shape-left:before {
    content: '';
    background-image: url('/wp-content/uploads/2023/05/Finster-background-repeat-left-e1685529196229.png');
    position: absolute;
    left: 0;
    top: 0;
    width: 233px;
    height: 574px;
}

.shape-right:after {
    content: '';
    background-image: url('/wp-content/uploads/2023/05/Finster-background-repeat-right-e1685529273748.png');
    position: absolute;
    right: 0;
    top: 0;
    width: 232px;
    height: 721px;
}

.home-image {
    left: -65px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.notify .background-top-right:before {
    content: '';
    background-image: url('/notify/wp-content/uploads/sites/2/2023/05/Finster-background-purple-4-e1685533482835.png');
    position: absolute;
    right: 0;
    top: 170px;
    width: 669px;
    height: 1122px;
}

.notify .background-top-right-2:before {
    content: '';
    background-image: url('/notify/wp-content/uploads/sites/2/2023/05/Finster-background-purple-4-e1685533482835.png');
    position: absolute;
    right: 0;
    top: 370px;
    width: 669px;
    height: 1122px;
}

.notify .home-shape-2:before {
    content: '';
    background-image: url('/notify/wp-content/uploads/sites/2/2023/05/Finster-background-purple-3-e1685537047152.png');
    position: absolute;
    left: 0;
    top: -170px;
    width: 566px;
    height: 837px;
}

.notify .photo-side-shape:before {
    content: '';
    background-image: url('/notify/wp-content/uploads/sites/2/2023/05/Finster-background-purple-5-image.png');
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    bottom: -85px;
    width: 372px;
    height: 570px;
}

body:not(.home).notify:before {
    content: '';
    background-image: url('/notify/wp-content/uploads/sites/2/2023/05/Finster-background-purple-2-e1685541804854.png');
    position: absolute;
    left: 0;
    top: 260px;
    width: 233px;
    height: 572px;
}

body:not(.home).notify.single-features main:before {
    display: none !important;
}

body:not(.home).notify main:before {
    content: '';
    background-image: url('/notify/wp-content/uploads/sites/2/2023/05/Finster-background-purple-2-e1685541804854.png');
    position: absolute;
    left: 0;
    top: 140%; /* Adjusted value */
    width: 233px;
    height: 572px;
}

body:not(.home).notify:after {
    content: '';
    background-image: url('/notify/wp-content/uploads/sites/2/2023/05/Finster-background-purple-1-e1685542116173.png');
    position: absolute;
    right: 0;
    top: 50%;
    width: 230px;
    height: 721px;
}

body:not(.home).notify main:after {
    content: '';
    background-image: url('/notify/wp-content/uploads/sites/2/2023/05/Finster-background-purple-1-e1685542116173.png');
    position: absolute;
    right: 0;
    top: 190%;
    width: 230px;
    height: 721px;
}

.notify .gf-contact input {
    border-bottom: 1px solid #fff;
}

.notify .gf-contact input:not([type="submit"]) {
    font-weight: 700 !important;
    color: #fff !important;
    padding-bottom: 1rem !important;
}

.notify .gf-contact ::placeholder {
    opacity: 1 !important;
}

.w-tabs.accordion > div > .w-tabs-section {
    border: none !important;
}

.w-tabs-section-header {
    border-bottom: 1px solid white;
    color: white !important;
    font-family: 'new hero bold';
    font-weight: 700;
}

.w-tabs-section-content-h p {
    font-size: 15px !important;
}

.gfield {
    margin-bottom: 15px;
}

@media screen and (min-width: 1600px) {
    .g-cols.via_flex.type_default>.wpb_column.stretched:last-of-type {
        margin-right: 0px !important;
    }
}

@media screen and (max-width: 1195px) {
    .grid-medewerkers {
        justify-content: center;
    }

    .grid-medewerkers article {
        width: 35% !important;
    }

    .vacature-page-small-title-block .small-intro-blok {
        background: white !important;
    }
}

@media screen and (max-width: 1116px) {
    .grid-medewerkers {
        column-gap: 25px;
    }
}

@media screen and (max-width: 1024px) {
    .photo-side-shape:before {
        bottom: unset;
        top: 0;
    }

    .grid-medewerkers {
        column-gap: 65px;
    }

    .grid-medewerkers-full-content {
        padding: 20px;
    }

    .home-image {
        position: unset;
        transform: unset;
    }

    .notify-iconbox-home .w-iconbox-icon {
        position: relative;
        z-index: 10;
    }

    /*.notify-iconbox-home .w-iconbox-icon:before {*/
    /*    content: '';*/
    /*    position: absolute;*/
    /*    background: var(--color-content-primary);*/
    /*    width: 40px;*/
    /*    height: 40px;*/
    /*    border-radius: 30px;*/
    /*    z-index: -1;*/
    /*}*/

    .klantverhalen.type-klantverhalen .klantverhalen-content {
        padding: 25px;
        width: 100% !important;
    }

    .klantverhalen img {
        border-radius: 30px 30px 0px 0px !important;
    }

    .prijzen-wrap {
        flex-wrap: wrap;
    }
    
    #prijzen-carousel .prijzen-prijs-blok {
        width: 100% !important;
        margin-right: 0 !important;
        border-radius: 30px 30px 0 0 !important;
    }

    .prijzen .w-grid-item-h {
        margin: 0 10px;
    }
}

@media screen and (max-width: 930px) {
    .grid-medewerkers {
        justify-content: unset;
    }

    .grid-medewerkers article {
        width: 45% !important;
    }

    #us_grid_1 .vacature-grid,
    #us_grid_2 .vacature-grid {
        flex-direction: column;
        height: unset !important;
    }

    #us_grid_1 .vacature-grid-image,
    #us_grid_2 .vacature-grid-image {
        width: 100% !important;
    }

    #us_grid_1 .vacature-grid-button,
    #us_grid_2 .vacature-grid-button {
        width: 100% !important;
        margin-top: 10px;
    }
}

@media screen and (max-width: 900px) {
    .w-nav-list.level_1 li:not(.nav-text):not(.nav-button-jobs):not(.mobile-button):not(.w-nav-close) {
        /*border-bottom: 1px solid #000000;*/
        /*margin: 20px;*/
        position: relative;
    }

    .w-nav-list.level_1 li:after:not(.nav-text):not(.nav-button-jobs):not(.mobile-button):not(.w-nav-close) {
        content: "\f105";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        position: absolute;
        right: 30px;
        top: -20px;
    }

    .notify .w-nav-list.level_1 li:after:not(.mobile-button) {
        content: "\f105";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        position: absolute;
        right: 30px;
        top: -20px;
    }

    .nav-text {
        font-size: 20px;
        font-weight: 700;
        cursor: none;
        pointer-events: none;
    }

    .nav-text {
        margin-left: 20px !important;
    }

    .notify ul.w-nav-list.level_1.hover_simple > li:nth-last-child(-n+3):not(.w-nav-close) {
        width: 100%;
    }

    .notify ul.w-nav-list.level_1.hover_simple > li:nth-last-child(-n+3):not(.w-nav-close) a {
        width: 95%;
    }

    .finster ul.w-nav-list.level_1.hover_simple > li:nth-last-child(-n+3):not(.w-nav-close) {
        width: 100%;
    }

    .finster ul.w-nav-list.level_1.hover_simple > li:nth-last-child(-n+3):not(.w-nav-close) a {
        width: 95%;
    }

    .w-nav-list.level_1 {
        height: 100vh !important;
    }

    .mobile-button .w-nav-title {
        font-size: 16px;
    }
}

@media screen and (min-width: 896px) {
    .mobile-button {
        display: none !important;
    }
}

@media screen and (max-width: 895px) {
    .mobile-button {
        line-height: 0 !important;
    }

    .home-button-probeer {
        background: black !important;
    }
}

@media screen and (max-width: 750px) {
    .grid-medewerkers {
        justify-content: center;
    }

    .team-avatar-grid-full {
        flex-direction: column;
    }

    body:not(.home).notify:after {
        display: none;
    }

}

@media screen and (max-width: 700px) {
    .prijs-voordelen-container {
        column-count: 2;
    }

}

@media screen and (max-width: 600px) {
    .home-card .vc_column-inner {
        padding: 40px !important;
        margin: 10px;
    }

    .grid-all {
        flex-direction: column;
    }

    .grid-all .post_image {
        width: 100% !important;
    }

    .wie-zijn-wij-cta {
        padding: 50px 10px 10px 10px;
        margin: 0px 0px 20px 0px !important;
    }

    .grid-medewerkers article {
        width: 100% !important;
    }

    .vacature-icons .w-iconbox {
        flex-direction: column;
    }

    .vacature-icons .w-iconbox-text {
        text-align: center;
    }

    body:not(.home).notify main:after {
        display: none;
    }

    .vacature-info {
        flex-wrap: wrap;
    }

    .vacature-info div {
        width: 100%;
    }

    .w-iconbox.iconpos_left.no_title {
        align-items: flex-start !important;
    }

    .klantverhalen {
        margin: 0 !important;
    }

    .nieuws-grid-img img {
        border-bottom-left-radius: 30px;
        border-bottom-left-radius: 0px !important;
        border-top-right-radius: 30px;
    }
}

@media screen and (max-width: 550px) {
    .prijs-voordelen-container {
        column-count: 1;
    }

    #prijzen-carousel .prijzen-wrap .usg_vwrapper_2 {
        height: 420px !important;
    }

}

@media screen and (max-width: 500px) {
    /*.vacature-grid i {*/
    /*    width: 100%;*/
    /*}*/
}

@media screen and (max-width: 350px) {
    .type-klantverhalen .layout_400 .usg_text_1 {
        width: 65%!important;
    }
}

@media screen and (max-width: 398px) {
    .team-avatar-grid-v-wrapper {
        width: auto !important;
        height: auto !important;
    }
}

footer .mobile-button {
    display: none;
}

.prijs .w-post-elm-before {
    width: 40px;
    display: inline-block;
}

article.team-grid-small {
    transform: scale(1);
    transition: all ease-in-out .3s;
}

article.team-grid-small:hover {
    transform: scale(1.02);
    transition: all ease-in-out .3s;
}

.team-avatar-grid-v-wrapper img {
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}

footer li {
    display: flex;
    align-items: end;
}

.nieuws-grid-img img {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}