:root {
        --grey: #4C4C4C;
        --red: #F72304;
        --blue: #005cf0;
        --lg-blue: #80bdfd;
    }


    /* fonts */


    .grey, p.grey, .grey p {
    color: #4C4C4C; 
    }

    .red, p.red, .red p, span.red, 
    .red span, .red a, .red h2, .red h3, .red h4, .red h5, .red h6 {
        color: var(--red); 
    }


    /* headings */

    body .override-h2 h2, 
    body h2.override-h2 {
        font-size: 40px; 
    }

    body p.m-0, 
    body .m-0 p {
        margin: 0; 
    }

    /* spans */

    span.leefcat-span {
        color: #F72304;
        font-family: 'Clash';
        font-weight: 600;
        letter-spacing: 1px;
    }
    
    span.lft {
        color: #F72304;
        font-size: 12px;
        font-weight: 500;
        font-family: 'Clash';
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    /* .title-elem {
        width: 8px;
        height: 50px;
        background: var(--blue);
        display: inline-block;
        transform: rotate(30deg);
    } */


    .title-elem {
    width: 10px;
    height: 60px;
    background: var(--blue);
    display: inline-block;
    transform: rotate(30deg);
}

    .title-elem.red {
    background: var(--red);
}


    .title-elem.lg-blue {
    background: var(--lg-blue);

    }
    .title-elem-flex .elementor-widget-container{
    display: flex;
        align-items: center;
        gap: 5px;
    }
    

    .title-elem-wpr {
        width: 35px;
        height: 29px;
        overflow: hidden;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
    }

/* adjust for elem */

    .h2-flex-ctr .title-elem-wpr {
        bottom: 3px;
        position: relative;
    }


    .title-elem-wpr.h3 {
    width: 35px;
    height: 20px;
}


        .title-elem-wpr.h2 {
        width: 40px;
        height: 40px;
    }

    @media(max-width: 1024px) {
    .title-elem-wpr.h2 {
        height: 35px;
    }
    }

    @media(max-width: 768px) {
    .title-elem-wpr.h2 {
        height: 28px;
    }

    }


        span.h2-flex-ctr {
    display: flex;
    align-items: center;
    gap: 10px;
}


    .blur-circle-bg {
        width: 550px;
        height: 550px;
        position: absolute;
        background: var(--red);
        opacity: 0.4;
        border-radius: 50%;
        filter: blur(3rem);
        right: 0;
    }

    .blur-circle-bg.blue {
        background: var(--blue);
            left: 0;
        top: 200px;
    }

    span.move {
        position: absolute;
        right: 0;
        top: 0;
        transform: translateY(-7vw);
        font-size: 12vw;
    }

    span.time-to {
    position: absolute;
    left: 0;
    bottom: 0;
    transform: translateY(5vw);
    font-size: 12vw;
}

@media(max-width: 768px) {

    .elementor-2 .elementor-element.elementor-element-1ada8c4 {
    z-index: 1;
}

    span.move {
       position: absolute;
        top: 0;
        transform: translateY(-100px);
        font-size: 70px;
}

 
span.time-to {
    position: absolute;
    left: 0;
    top: 0;
    transform: translateY(-200px);
    font-size: 70px;
    white-space: nowrap;
}
}
    /* general-styles */

    body {
        overflow-x: hidden; 
    }


span.elementor-button-text::after {
    content: url('/wp-content/uploads/2025/07/straatrijk-arrow-white-icon_v1_02072025.svg');
    bottom: 1px;
    position: relative;
}
.black-arrow span.elementor-button-text::after {
    content: url('/wp-content/uploads/2025/07/straatrijk-arrow-black-icon_v1_02072025.svg');
    bottom: 1px;
    position: relative;
}

.elementor-button:hover span.elementor-button-text::after {
    content: url('/wp-content/uploads/2025/07/straatrijk-arrow-red-icon_v2_02072025.svg');
            bottom: 1px;
    position: relative;
}

.blue-btn .elementor-button:hover  span.elementor-button-text::after {
    content: url('/wp-content/uploads/2025/07/straatrijk-arrow-black-icon_v1_02072025.svg');
        bottom: 1px;
    position: relative;
}

.blue-btn.black-arrow .elementor-button:hover  span.elementor-button-text::after {
    content: url('/wp-content/uploads/2025/07/straatrijk-arrow-white-icon_v1_02072025.svg');
        bottom: 1px;
    position: relative;
}


span.elementor-button-text {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

/* footer */
/* 
.elementor.elementor-87.elementor-location-footer {
    position: relative; 
    z-index: -2; 
} */


/* gform 1 */

#gform_1 input, 
#gform_1 textarea {
    background:rgba(179, 179, 179, 0.80);
    border: none;
    border-radius: 10px; 
}

#gform_1 label, 
#gform_1 legend {
     color: white; 
     font-size: 16px;
}

#gform_1 input::placeholder, 
#gform_1 textarea::placeholder {
     color: lightgray; 
     font-size: 16px; 
}

p.gform_required_legend {
    display: none;
}

input#gform_submit_button_1 {
        background-color: var(--e-global-color-accent);
    font-family: "Geist", Sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: var(--e-global-color-text);
    border-radius: 50px 50px 50px 50px;
    padding: 10px 20px 10px 20px;
}

input#gform_submit_button_1:hover {
    background: white; 
    color: var(--red)
}

/* header */

.e--pointer-double-line .elementor-item:after, .e--pointer-underline .elementor-item:after {
    content : url(/wp-content/uploads/2025/07/straatrijk-menu-underline-svg_v1_02072025.svg)
}

.e--pointer-double-line .elementor-item:after, .e--pointer-double-line .elementor-item:before, .e--pointer-overline .elementor-item:after, .e--pointer-overline .elementor-item:before, .e--pointer-underline .elementor-item:after, .e--pointer-underline .elementor-item:before {
    background-color: unset;
    height: 3px;
    left: 0;
    width: 100%;
    z-index: 2;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateX(-15px);
}


/* custom loop carousel */

/* .desktop-loop-carousel .e-loop-item.post.swiper-slide [aria-label="2 / 4"] {
    width: 500px !important
} */


.desktop-loop-carousel .swiper-wrapper .swiper-slide-active {
    width: 700px !important;
    transform: translateY(35px);
    transition: all 0.3s ease-in-out;
}