.elementor-kit-8{--e-global-color-primary:#FC6C10;--e-global-color-secondary:#050505;--e-global-color-text:#E8E8E8;--e-global-color-accent:#C94700;--e-global-color-003a75e:#FFFFFF;--e-global-typography-primary-font-family:"Bebas Neue";--e-global-typography-primary-font-style:italic;--e-global-typography-primary-letter-spacing:1px;--e-global-typography-secondary-font-family:"Bebas Neue";--e-global-typography-secondary-letter-spacing:0.8px;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Rajdhani";--e-global-typography-accent-font-weight:600;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-letter-spacing:0.5px;background-color:var( --e-global-color-secondary );color:var( --e-global-color-text );font-family:"Inter", Sans-serif;font-size:1rem;font-weight:400;--e-page-transition-entrance-animation:e-page-transition-slide-out-left;--e-page-transition-exit-animation:e-page-transition-slide-in-left;--e-page-transition-animation-duration:800ms;--e-preloader-animation:eicon-spin;--e-preloader-animation-duration:1500ms;--e-preloader-delay:0ms;--e-preloader-color:var( --e-global-color-secondary );--e-preloader-size:2rem;}.elementor-kit-8 button,.elementor-kit-8 input[type="button"],.elementor-kit-8 input[type="submit"],.elementor-kit-8 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Rajdhani", Sans-serif;font-size:1rem;font-weight:600;text-transform:uppercase;line-height:1.2;letter-spacing:0.5px;color:var( --e-global-color-003a75e );border-radius:0px 0px 0px 0px;padding:1rem 3rem 1rem 3rem;}.elementor-kit-8 button:hover,.elementor-kit-8 button:focus,.elementor-kit-8 input[type="button"]:hover,.elementor-kit-8 input[type="button"]:focus,.elementor-kit-8 input[type="submit"]:hover,.elementor-kit-8 input[type="submit"]:focus,.elementor-kit-8 .elementor-button:hover,.elementor-kit-8 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-003a75e );}.elementor-kit-8 e-page-transition{background-color:transparent;background-image:linear-gradient(90deg, var( --e-global-color-primary ) 0%, #00000000 100%);}.elementor-kit-8 p{margin-block-end:1rem;}.elementor-kit-8 a{color:var( --e-global-color-primary );}.elementor-kit-8 a:hover{color:var( --e-global-color-accent );}.elementor-kit-8 h1{color:var( --e-global-color-003a75e );font-family:"Bebas Neue", Sans-serif;font-size:clamp(40px, 6vw, 96px);font-style:italic;line-height:0.9;letter-spacing:1px;}.elementor-kit-8 h2{color:var( --e-global-color-003a75e );font-family:"Bebas Neue", Sans-serif;font-size:clamp(32px, 4vw, 64px);letter-spacing:0.8px;}.elementor-kit-8 h3{color:var( --e-global-color-003a75e );font-family:"Rajdhani", Sans-serif;font-size:clamp(24px, 2vw, 32px);font-weight:600;text-transform:uppercase;line-height:1;letter-spacing:0.5px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:min(1440px, 90vw);}.e-con{--container-max-width:min(1440px, 90vw);--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}/* Start custom CSS *//* GENERAL */

/* Text */

p:last-of-type {
    margin-bottom: 0;
}

[data-elementor-type="wp-page"] {
    ul {
        margin: 1rem 0;
        padding-left: 2rem;
        list-style-type: square;
        
        li {
            margin: 0.5rem 0;
            
            &::marker {
                color: var(--e-global-color-primary);
            }
            
            ul li {
                margin: 0.5rem 0;
            }
        }
    }
}

.elementor-widget-container {
    ul {
        &:first-child {
            margin-top: 0;
            
            li:first-child {
                margin-top: 0;
            }
        }
        
        &:last-child {
            margin-bottom: 0;
            
            li:last-child {
                margin-bottom: 0;
            }
        }
    }
}

.color {
    color: var(--e-global-color-primary);
}

.black {
    color: var(--e-global-color-secondary);
}


/* Elements */

.elementor-icon-wrapper {
    display: flex;
}

.oblic-container {
    position: relative;
    
    &:before {
        content: '';
        background: linear-gradient(170deg,rgba(255, 255, 255, 0) 0%, rgba(252, 108, 16, 0.8) 50%, rgba(255, 255, 255, 0) 100%);
        clip-path: polygon(30% 0, 100% 0, 70% 100%, 0 100%);
        left: 0;
        bottom: 0;
        top: auto;
        width: 90%;
        height: 90%;
    }
    
    .oblic {
        clip-path: polygon(30% 0, 100% 0, 70% 100%, 0 100%);
    }
}


/* Animations */

@keyframes lightSpeedInLeft {
    from {
        transform: translate3d(-100%, 0, 0) skewX(30deg);
        opacity: 0;
    }

    60% {
        transform: skewX(-20deg);
        opacity: 1;
    }

    80% {
        transform: skewX(5deg);
        opacity: 1;
    }

    to {
        transform: none;
        opacity: 1;
    }
}

.lightspeed-left.animated {
    animation-name: lightSpeedInLeft !important;
    animation-duration: 1s !important;
    animation-timing-function: ease-out !important;
    animation-fill-mode: both !important;
}


/* Button */

.elementor-button-wrapper,
.elementor-cta__button-wrapper,
.submit-wrapper-button {
    display: inline-block !important;
    position: relative;
    width: auto !important;
    
    &:after {
        content: '';
        position: absolute;
        inset: 0;
        background: var(--e-global-color-accent);
        opacity: 0.7;
        clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%);
        transform: translate(6px,6px);
        pointer-events: none;
        left: 0;
        transition: 0.3s ease;
    }
    
    &:hover {
        &:after {
             transform: translate(12px,6px);
             opacity: 0.7;
        }
    }
}

.elementor-button,
.submit-button {
    position: relative;
    clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%);
    transition: all 0.3s ease;
    z-index: 1;
    
    &:before {
        content: '';
        position: absolute;
        top: 0;
        left: -150%;
        width: 120%;
        height: 100%;
        background: linear-gradient( 120deg, rgba(255, 255, 255, 0.50), rgba(255, 255, 255, 0.45), rgba(255, 255, 255, 0) );
        filter: blur(5px);
        transition: 0.6s ease;
        clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%);
    }
    
    .elementor-button-text {
        z-index: 2;
    }
    
    .elementor-button-icon {
       transition: 0.5s ease;
       
        svg {
            width: 1.25em;
        }
    }
    
    &:hover {
        transform: translateX(-4px);
        
        &:before {
            left: 150%;
        }
        
        .elementor-button-icon {
            transform: translateX(8px);
        }
    }
}


/* HEADER */

header {
    .elementor-widget-theme-site-logo {
        img {
            transition: all .3s ease;
        }
    }
    
    .elementor-sticky--effects {
        background-color: var(--e-global-color-secondary);
        
        .elementor-widget-theme-site-logo {
            img {
                width: 80px !important;
            }
        }
    }
}

.cta {
    .elementor-button {
        &:hover {
            .elementor-button-icon {
                transform: translateX(-4px);
            }
        }
        
        @media(max-width: 767px) {
            .elementor-button-text {
                display: none;
            }
        }
    }
}

.e--pointer-underline.e--animation-slide .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after {
    inset-inline-start: 0 !important;
}


/* BANNER */

@media (orientation: portrait) {
    .banner {
        min-height: auto;
    }
}

.banner {
    &:after {
        content: '';
        background: linear-gradient(145deg,rgba(255, 255, 255, 0) 0%, rgba(252, 108, 16, 0.8) 50%, rgba(255, 255, 255, 0) 100%);
        width: 140px;
        height: 100%;
        position: absolute;
        left: 42%;
        transform: skewX(-25deg);
        z-index: 1;
    }
    
    &:before {
        @media(max-width: 767px) {
            background-image: linear-gradient(115deg, var(--e-global-color-secondary) 40%, #05050500 90%) !important;
        }
    }
}

.banner-contact {
     &:after {
        content: '';
        background: linear-gradient(145deg,rgba(255, 255, 255, 0) 0%, rgba(252, 108, 16, 0.8) 50%, rgba(255, 255, 255, 0) 100%);
        width: 140px;
        height: 100%;
        position: absolute;
        left: 40%;
        transform: skewX(-25deg);
        z-index: 1;
    }
    
        &:before {
        @media(max-width: 767px) {
            background-image: linear-gradient(115deg, var(--e-global-color-accent) 40%, #05050500 90%) !important;
        }
    }
}


/* CALL TO ACTION */

.elementor-widget-call-to-action {
    clip-path: polygon(5% 0, 100% 0, 100% 95%, 95% 100%, 0 100%, 0 5%);
    padding: 2px;
    background: linear-gradient(25deg,rgba(255, 255, 255, 0) 0%, rgba(252, 108, 16, 0.8) 50%, rgba(255, 255, 255, 0) 100%);
    
    .elementor-widget-container {
        clip-path: polygon(5% 0, 100% 0, 100% 95%, 95% 100%, 0 100%, 0 5%);
    }
    
    .elementor-cta {
        height: 100%;
    }
    
    .elementor-cta__content {
        align-content: space-between !important;
    }
    
    .elementor-cta__bg-wrapper {
        height: 200px;
        
        .elementor-cta__bg-overlay {
            background-image: linear-gradient(0deg, var(--e-global-color-secondary) 0%, #05050500 20%);
        }
    }
    
    .elementor-cta__icon {
        position: absolute;
        top: 0;
        left: 0;
        
        .elementor-icon {
            clip-path: polygon(0 0%, 100% 0%, 70% 100%, 0% 100%);
            padding-right: 2rem !important;
            
            svg {
                stroke: none !important;
            }
        }
    }
    
    .elementor-cta__button {
        &:after {
            content: '';
            position: absolute;
            background-image: url(https://trackandslide.bluetimeproduction.be/wp-content/uploads/2026/06/icon_arrow-white.svg);
            background-repeat: no-repeat;
            background-position: right center;
            background-size: 1.25em auto;
            width: calc(1.25em + 8px);
            height: 1.25em;
            transition: 0.5s ease;
        }
        
        &:hover {
            &:after {
                transform: translateX(8px);
            }
        }
    }
    
    &:hover {
        .elementor-cta__bg-wrapper {
            height: 100%;
        }
        
        .elementor-cta__content {
            padding-top: calc(2rem + 64px) !important;
            align-content: center !important;
        }
    }
}

.expertise {
    .elementor-widget-call-to-action {
    
        .elementor-cta__content {
            align-content: flex-start !important;
        }
        
        &:hover {
            .elementor-cta__content {
                align-content: flex-start !important;
            }
        }
    }
}


/* FORM */

input,
textarea,
select {
    outline: none !important;
}

.form-check {
    .ff-el-form-check {
        border-right: 1px solid var(--e-global-color-accent) !important;
        margin: 0 !important;
        display: inline-block !important;

        &:last-of-type {
            border-right: none !important;
        }

        label {
            > span {
                border-radius: 0 !important;
                border: none !important;
                color: var(--e-global-color-accent) !important;
                font-family: var(--e-global-typography-accent-font-family) !important;
                font-weight: var(--e-global-typography-accent-font-weight) !important;
                font-size: 1rem !important;
                text-transform: uppercase;
                letter-spacing: 0.5px;
                padding: 1rem !important;
                box-shadow: none !important;
                transition: all .3s ease;
                
                &:hover {
                    background-color: var(--e-global-color-primary) !important;
                    color: var(--e-global-color-003a75e) !important;
                }
            }
        }

        &.ff_item_selected {
            label {
                > span {
                    background-color: var(--e-global-color-primary) !important;
                    color: var(--e-global-color-003a75e) !important;
                }
            }
        }
    }
}

.ff_el_checkable_photo_holders {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-bottom: 0 !important;
    
    .ff-el-image-holder {
        border: none !important;
        position: relative !important;

        label.ff-el-image-input-src {
            height: 250px !important;
            width: 100% !important;
            background-position: bottom center;
            
            @media(max-width: 767px) {
                height: 200px !important;
                background-position: center bottom -30px;
            }
        }
        
        span {
            position: absolute !important;
            bottom: 0;
            white-space: wrap !important;
        }
        
        &:hover {
            span {
                background-color: var(--e-global-color-primary) !important;
                color: var(--e-global-color-003a75e) !important;
            }
        }
    }
    
    @media(max-width: 1024px) {
        grid-template-columns: repeat(2, 1fr);
    }
    
    @media(max-width: 767px) {
        grid-template-columns: repeat(1, 1fr);
    }
}

.form-select {
    background-color: var(--e-global-color-003a75e);
    border: 2px solid transparent !important;
    border-radius: 0 !important;
    box-shadow: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23050505' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 0.75rem;

    &:focus {
        border-color: var(--e-global-color-primary) !important;
    }

    option {
        border-radius: 0 !important;
        background-color: var(--e-global-color-003a75e);
        background: var(--e-global-color-003a75e);
        color: var(--e-global-color-secondary);

        &:checked,
        &:hover {
            background-color: var(--e-global-color-primary);
            background: var(--e-global-color-primary);
            color: var(--e-global-color-003a75e);
        }
    }
}

.form-title {
    margin: 0 !important;

    h3 {
        margin: 0 0 0.25rem !important;
    }

    hr {
        background: none !important;
        height: auto !important;
        border: 0.5rem dashed var(--e-global-color-accent) !important;
        transform: skewX(-30deg);
        width: 80px;
        margin: 1rem 0 1.5rem !important;
    }
}

.form-subtitle {
    margin: 1rem 0 0 !important;

    h3 {
        margin: 0 0 0.25rem !important;
    }

    hr {
        background: none !important;
        height: auto !important;
        border: 0.5rem dashed var(--e-global-color-accent) !important;
        transform: skewX(-30deg);
        width: 80px;
        margin: 1rem 0 1.5rem !important;
    }
}

.submit-wrapper-button {
    margin-bottom: 0 !important;
    margin-top: 1rem !important;

    &::after {
        display: inline-block !important;
        width: 186.04px;
    }
}

.submit-button {
    padding: 1rem 4.75rem 1rem 3rem !important;
    margin-bottom: 0 !important;

    &::after {
        content: "";
        position: absolute;
        background-image: url("https://trackandslide.bluetimeproduction.be/wp-content/uploads/2026/06/icon_arrow-white.svg");
        background-repeat: no-repeat;
        background-position: right center;
        background-size: 1.25em auto;
        width: calc(1.25em + 8px);
        height: 1.25em;
        transition: 0.5s ease;
    }

    &:hover {
        &::after {
            transform: translateX(8px);
        }
    }
}

/* TIMELINE */

.timeline-item__card-content {
    display: flex;
    align-items: center;
    gap: 2rem;
    
    @media (max-width: 767px) {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
}

.timeline-item__card-desc {
    display: flex;
    align-items: center;
    gap: 0.5rem 2rem;
    flex-wrap: wrap;
    
    .trophee-item {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        
        @media (max-width: 767px) {
            align-items: flex-start;
        }
        
        .trophee-position {
            font-weight: bold;
        }
    }
    
    .elementor-divider-separator {
        border: 0.5rem dashed var(--e-global-color-accent);
        display: inline-flex;
        direction: ltr;
        transform: skewX(-30deg);
        font-size: 0;
    }
    
    @media (max-width: 1023px) {
        flex-direction: column;
        align-items: flex-start;
        
        .elementor-divider-separator {
            display: none;
        }
    }
}



/*.jet-hor-timeline--layout-chess .jet-hor-timeline-track {*/
/*    display: block !important;*/
/*}*/

/*.jet-hor-timeline-list--top,*/
/*.jet-hor-timeline-list--middle,*/
/*.jet-hor-timeline-list--bottom {*/
/*    display: flex !important;*/
/*    flex-direction: row !important;*/
/*}*/

/*.jet-hor-timeline-item {*/
/*    flex: 0 0 auto;*/
/*}*/

/*.jet-hor-timeline .jet-arrow {*/
/*    display: none !important;*/
/*}*/

/*.jet-hor-timeline-inner {*/
/*    overflow: hidden !important;*/
/*}*/

/*.jet-hor-timeline__line {*/
/*    position: relative;*/
/*    overflow: hidden;*/
/*}*/

/*.jet-hor-timeline__line::before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    height: 100%;*/
/*    width: var(--timeline-progress, 0%);*/
/*    background-color: var(--e-global-color-primary);*/
/*    transition: width 0.15s ease-out;*/
/*}*/

/*.jet-hor-timeline-item__card {*/
/*    position: relative;*/
/*    padding: 1rem;*/
/*    display: flex !important;*/
/*    box-sizing: border-box;*/
/*    background: none !important;*/
    
/*    &:before {*/
/*        content: '';*/
/*        position: absolute;*/
/*        background: linear-gradient(170deg, rgba(255, 255, 255, 0) 0%, rgba(252, 108, 16, 0.8) 50%, rgba(255, 255, 255, 0) 100%);*/
/*        clip-path: polygon(16% 0, 100% 0, 84% 100%, 0 100%);*/
/*        left: 0;*/
/*        bottom: 0;*/
/*        top: auto;*/
/*        width: 90%;*/
/*        height: 90%;*/
/*    }*/
/*}*/

/*.jet-hor-timeline-item__card-inner {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    display: flex !important;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    box-sizing: border-box;*/
/*    clip-path: polygon(15% 0, 100% 0, 85% 100%, 0 100%);*/
/*}*/

/*.jet-hor-timeline-list--top .jet-hor-timeline-item__card-arrow {*/
/*    bottom: 0 !important;*/
/*    top: auto !important*/
/*}*/

/*.jet-hor-timeline-list--bottom .jet-hor-timeline-item__card-arrow {*/
/*    top: 0 !important;*/
/*}*/

/*.jet-hor-timeline-item__card-desc {*/
/*    padding: 2rem 4rem;*/
    
/*    ul {*/
/*        transform: skewX(-15deg);*/
        
/*        li {*/
/*            transform: skewX(15deg);*/
/*        }*/
/*    }*/
    
/*    @media(max-width: 767px) {*/
/*        padding: 2rem;*/
/*    }*/
/*}*//* End custom CSS */