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

/**
 * START: Globals
 */

.rank-math-breadcrumb {
    letter-spacing: 1.28px;
    text-transform: uppercase;
    color: #fff !important;
}

.rank-math-breadcrumb a {
    color: #fff !important;
}

.titlebar h1 {
    color: #fff !important;
    font-size: 40px;
}

.titlebar .rank-math-breadcrumb {
    display: flex;
    justify-content: center;
}

.font-30 h2,
.font-30 h3 {
    font-size: 30px;
    letter-spacing: 2.4px;
}

.us-btn-style_2.underline {
    text-decoration: underline;
    text-underline-offset: 6px;
}

.us-btn-style_3.underline {
    text-decoration: underline;
    text-underline-offset: 6px;
}

strong {
    font-family: 'Poppins Medium Font';
}

.top-footer-row .subtitle {
    color: #fff;
    font-family: 'Montserrat Medium';
    letter-spacing: 2.4px;
    text-transform: uppercase;
    font-weight: 400 !important;
}

.top-footer-row strong {
    color: #fff;
    font-family: 'Montserrat Medium';
    font-weight: 400 !important;
    letter-spacing: 3.6px;
    text-transform: uppercase;
    font-size: 36px;
}

.footer-sub-row {
    background: #F2F1F5;
    padding: 4rem;
    margin-top: -8rem !important;
}

.footer-sub-row .w-iconbox-title {
    letter-spacing: 2.4px;
    color: #214653;
    text-transform: uppercase;
    opacity: 1;
    margin-top: 10px;
    margin-bottom: 10px;
}

.footer-sub-row .w-iconbox-text {
    color: #214653;
}

.footer-sub-row .w-iconbox-text a {
    color: #214653;
}

.footer-sub-row .w-iconbox-text a:hover {
    color: #12B9A9;
    transition: 0.3s;
}

.footer-title {
    letter-spacing: 2px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    font-size: 20px;
}

/**
 * END: Globals
 */

/**
 * START: Home
 */

.home-hero h1 {
    color: #fff !important;
    letter-spacing: 3.2px;
}

.big-title-praktijk::after {
    content: "Diensten";
    font-size: 110px;
    font-family: 'Montserrat Medium';
    text-transform: uppercase;
    position: absolute;
    top: 3%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.08;
    color: #B3AFA5 !important;
    letter-spacing: 8.8px;
    font-weight: 400 !important;
}

.big-title-over-ons::before {
    content: "Over ons";
    font-size: 110px;
    font-family: 'Montserrat Medium';
    text-transform: uppercase;
    position: absolute;
    width: 60% !important;
    top: 3%;
    left: 50%;
    font-weight: 400 !important;
    transform: translate(-50%, -50%);
    opacity: 0.08;
    color: #B3AFA5 !important;
    letter-spacing: 8.8px;
}

.big-title-over-ons::after {
    content: url('/wp-content/uploads/2024/07/Costur-beeldmerk-turqoise.png');
    position: absolute;
    top: 5%;
    left: 82%;
    transform: translate(-50%, -50%);
}

.circle-usp {
    height: 5.5em;
    width: 5.5em;
    overflow: hidden;
    border-radius: 50%;
    background: var(--color-content-primary-grad);
    color: #fff !important;
    position: absolute;
    top: 30px;
    left: -20px;
}

.circle-usp p {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 14px;
    margin-top: 1.3rem;
    margin-left: 0.3rem;
}

.circle-usp strong {
    font-size: 26px;
    font-family: 'Montserrat Medium';
    font-weight: 400 !important;
}

.big-title-werkwijze::before {
    content: "Werkwijze";
    font-size: 110px;
    font-family: 'Montserrat Medium';
    text-transform: uppercase;
    position: absolute;
    width: 60% !important;
    top: 3%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.08;
    color: #B3AFA5 !important;
    letter-spacing: 8.8px;
    font-weight: 400 !important;
}

.usp-row {
    background: #B3AFA6;
    padding: 5rem;
    margin-left: -10rem !important;
    width: 1150px;
    position: absolute;
    bottom: -190px;
}

.usp-wrapper {
    color: #fff !important;
    margin-left: 4rem;
}

.usp-wrapper strong {
    font-family: 'Montserrat Medium';
    font-size: 46px;
    font-weight: 400;
}

.big-title-review::before {
    content: "Reviews";
    font-size: 110px;
    font-family: 'Montserrat Medium';
    text-transform: uppercase;
    position: absolute;
    top: 17%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.08;
    color: #B3AFA5 !important;
    letter-spacing: 8.8px;
    font-weight: 400 !important;
}

.big-title-review::after {
    content: url('/wp-content/uploads/2024/07/Costur-beeldmerk-turqoise.png');
    position: absolute;
    top: 18%;
    left: 94%;
    transform: translate(-50%, -50%);
}

.quote-icon {
    position: absolute;
    top: 30px;
    right: -15px;
}

.owl-dots {
    text-align: start;
    line-height: 0;
    padding-top: 1rem;
    margin-left: 2rem;
}

.owl-dot.active span {
    background: #12B9A9 !important;
    box-shadow: 0 0 0 2px;
}

.big-title-nieuws::before {
    content: "Nieuws";
    font-size: 110px;
    font-family: 'Montserrat Medium';
    text-transform: uppercase;
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.08;
    color: #B3AFA5 !important;
    letter-spacing: 8.8px;
    font-weight: 400 !important;
}

.big-title-team::before {
    content: "ons team";
    font-size: 110px;
    width: 680px;
    font-family: 'Montserrat Medium';
    text-transform: uppercase;
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.08;
    color: #B3AFA5 !important;
    letter-spacing: 8.8px;
    font-weight: 400 !important;
}

.scroll-button {
    transform: rotate(270deg);
    justify-content: start !important;
    width: 20rem;
    margin: auto;
    color: #fff;
    font-size: 14px;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

.scroll-button.w-hwrapper {
    justify-content: center;
}

.scroll-button .w-separator.width_30 {
    width: 12%;
    margin-left: unset !important;
    margin-right: unset !important;
}

@media only screen and (max-width: 1023px) {

    .big-title-over-ons::after,
    .big-title-praktijk::after,
    .big-title-over-ons::before,
    .big-title-werkwijze::before,
    .big-title-review::before,
    .big-title-review::after,
    .big-title-nieuws::before,
    .big-title-team::before,
    .big-title-contact::before,
    .big-title-vacature::after,
    .big-title-vacature::before,
    .big-title-soliciteren::before {
        content: unset !important;
    }

    .circle-usp {
        left: 7px;
    }

    .quote-icon {
        right: 6px;
    }

    .werkwijze-column p,
    .werkwijze-column h3 {
        text-align: left !important;
    }

    .footer-sub-row {
        margin-top: -3rem !important;
    }

    .font-30 h2,
    .font-30 h3 {
        font-size: 26px;
        letter-spacing: 2.4px;
    }

    .contact-wrapper h3 {
        font-size: 20px !important;
    }

}




/**
 * END: Home
 */

/**
 * START: Praktijk detail
 */

.praktijk-row article:last-child .usg_vwrapper_1 {
    background: #12B9A9 !important;
    width: 281px !important;
}

.praktijk-row article:last-child .usg_vwrapper_1 a {
    color: #fff;
}

.praktijk-row article:last-child .us-btn-style_3 {
    background: #fff;
    color: #12B9A9;
    padding: 1rem;
}

.praktijk-row article:last-child .us-btn-style_3.underline {
    text-decoration: unset !important;
}

.praktijk-wrapper {
    background: #F2F1F5;
    padding: 3rem 2rem 2rem 3rem;
}

.praktijk-wrapper article:not(:last-child) .praktijk-archive-grid {
    border-bottom: 1px solid #D9D9D9 !important;
    text-underline-offset: 6px;
}

.praktijk-wrapper-title {
    letter-spacing: 1.6px;
    text-transform: uppercase;
    font-size: 20px;
}

.praktijk-wrapper article:not(:last-child) .praktijk-archive-grid {
    border-bottom: 1px solid #D9D9D9 !important;
    text-underline-offset: 6px;
}

.praktijk-wrapper article .praktijk-archive-grid {
    padding: 1rem !important;
}

.praktijk-contact-title {
    font-size: 20px;
    letter-spacing: 1.6px;
    text-transform: uppercase;
}

/**
 * END: Praktijk detail
 */

/**
 * START: Blog
 */


.blog-row button.w-filter-item-title {
    display: none !important;
}

.blog-row input[type='checkbox'] {
    display: none;
}

.blog-row .w-filter-item-value:not(:last-child) {
    border-bottom: 1px solid #D9D9D9;
}

.blog-row .w-filter-item-value {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.blog-row article.category-blog:not(:first-child) {
    margin-top: 3rem;
}

/**
 * END: Blog
 */

/**
 * START: Vacatures
 */

.big-title-vacature::before {
    content: "Vacatures";
    font-size: 110px;
    font-family: 'Montserrat Medium';
    text-transform: uppercase;
    position: absolute;
    width: 60% !important;
    top: 3%;
    left: 50%;
    font-weight: 400 !important;
    transform: translate(-50%, -50%);
    opacity: 0.08;
    color: #B3AFA5 !important;
    letter-spacing: 8.8px;
}

.big-title-vacature::after {
    content: url('/wp-content/uploads/2024/07/Costur-beeldmerk-turqoise.png');
    position: absolute;
    top: 4%;
    left: 84%;
    transform: translate(-50%, -50%);
}

.form-wrapper {
    background: #F2F1F5;
    padding: 2rem;
    height: 460px;
}

.form-wrapper-detail {
    background: #F2F1F5;
    padding: 2rem;
    height: 600px;
}

.vacature-icons-wrapper {
    background: #F2F1F5;
    padding: 2.5rem 2rem;
}

.vacature-icons {
    flex-direction: column;
    display: flex;
    align-items: center;
}

.vacature-icons i {
    color: #12B9A9;
    font-size: 22px;
}

.vacature-icons .w-post-elm-before {
    letter-spacing: 1.28px;
    font-family: 'Montserrat Medium';
    color: #141414;
    text-transform: uppercase;
}

.vacature-icons-wrapper .vacature-icons-second-column {
    border-left: 1px solid #D9D9D9 !important;
    border-right: 1px solid #D9D9D9 !important;
}

.big-title-soliciteren::before {
    content: "Solliciteer";
    font-size: 110px;
    font-family: 'Montserrat Medium';
    text-transform: uppercase;
    position: absolute;
    width: 60% !important;
    top: 6%;
    left: 45%;
    font-weight: 400 !important;
    transform: translate(-50%, -50%);
    opacity: 0.08;
    color: #B3AFA5 !important;
    letter-spacing: 8.8px;
}

/* Flexbox container for the file uploads */
.file-upload-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    /* Ensure responsiveness on smaller screens */
    margin-bottom: 20px;
}

/* Remove the block-level behavior from the <p> tag wrapping the file inputs */
.file-upload-container p {
    flex: 1;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Styling for file upload buttons */
.cv-upload,
.motivation-upload {
    width: 48%;
    /* Adjust the width to fit two fields side by side */
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
    font-size: 14px;
    background-color: #e0e0e0;
    color: #333;
    text-align: left;
}

/* Ensure the form controls have margin zero to avoid unnecessary spacing */
.wpcf7-form-control-wrap {
    margin: 0;
}

/* Ensure the entire form looks clean */
.wpcf7-form p {
    margin: 0 0 20px 0;
    /* Adjust spacing between fields */
}

@media only screen and (max-width: 1023px) {

    .form-wrapper,
    .form-wrapper-detail {
        height: unset!important;
    }

    .file-upload-container p{
        display: inline!important;
    }
}

/**
 * END: Vacatures
 */

/**
 * START: Contact
 */

.big-title-contact::before {
    content: "Neem contact op";
    font-size: 110px;
    font-family: 'Montserrat Medium';
    text-transform: uppercase;
    position: absolute;
    width: 240% !important;
    top: 2%;
    left: 117%;
    font-weight: 400 !important;
    transform: translate(-50%, -50%);
    opacity: 0.08;
    color: #B3AFA5 !important;
    letter-spacing: 8.8px;
}

.contact-wrapper {
    background: #F2F1F5;
    padding: 3rem;
}

.contact-wrapper textarea {
    height: 80px;
}

.contact-wrapper .wpcf7-list-item input:not([type="submit"]) {
    border: 1px solid #141414 !important;
    box-shadow: unset !important;
}

.contact-row .w-iconbox-title {
    font-size: 16px;
    font-family: 'Montserrat Medium';
    letter-spacing: 1.6px;
    text-transform: uppercase;
}

.contact-row .w-iconbox-text a {
    color: #141414;
}

.contact-row .w-iconbox-text a:hover {
    color: #12B9A9;
}

/**
 * END: Contact
 */

.interview-row article:not(:last-child) {
    display: inline-table;
    border-bottom: 1px solid #D9D9D9;
    border-spacing: 0px 3rem;
}


.ons-team-row .w-text.icon_atleft i {
    margin-right: 0em !important;
}

.ons-team-row .w-text {
    margin-top: -2rem;
    z-index: 3;
}

.ons-team-row .w-text-h {
    padding: 0.5rem;
}