.elementor-kit-8{--e-global-color-primary:#003580;--e-global-color-secondary:#000D20;--e-global-color-text:#697585;--e-global-color-accent:#FFFFFF;--e-global-color-ef755ed:#CDD1D6;--e-global-typography-primary-font-family:"Opti Copperplate Heavy";--e-global-typography-secondary-font-family:"Opti Copperplate Regular";--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-size:0.875rem;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-letter-spacing:1px;--e-global-typography-a9c9a1f-font-family:"Poppins";--e-global-typography-a9c9a1f-font-weight:500;color:var( --e-global-color-text );font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:400;--e-page-transition-entrance-animation:e-page-transition-fade-out;--e-page-transition-animation-duration:1500ms;--e-preloader-animation-duration:1500ms;--e-preloader-delay:0ms;--e-preloader-color:var( --e-global-color-primary );--e-preloader-size:4rem;}.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:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );letter-spacing:var( --e-global-typography-accent-letter-spacing );color:var( --e-global-color-accent );border-radius:0px 0px 0px 0px;padding:1.5rem 1.5rem 1.5rem 1.5rem;}.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-secondary );color:var( --e-global-color-accent );}.elementor-kit-8 e-page-transition{background-color:var( --e-global-color-secondary );}.elementor-kit-8 p{margin-block-end:1rem;}.elementor-kit-8 a{color:var( --e-global-color-primary );}.elementor-kit-8 h1{color:var( --e-global-color-accent );font-family:"Opti Copperplate Heavy", Sans-serif;font-size:2.5rem;}.elementor-kit-8 h2{color:var( --e-global-color-secondary );font-family:"Opti Copperplate Regular", Sans-serif;font-size:2rem;}.elementor-kit-8 h3{color:var( --e-global-color-primary );font-family:"Opti Copperplate Regular", Sans-serif;font-size:1.5rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:90vw;}.e-con{--container-max-width: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);}@media(max-width:1365px){.elementor-kit-8 button,.elementor-kit-8 input[type="button"],.elementor-kit-8 input[type="submit"],.elementor-kit-8 .elementor-button{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}}@media(max-width:1023px){.elementor-kit-8 h1{font-size:1.75rem;}.elementor-kit-8 h2{font-size:1.5rem;}.elementor-kit-8 button,.elementor-kit-8 input[type="button"],.elementor-kit-8 input[type="submit"],.elementor-kit-8 .elementor-button{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}}@media(max-width:767px){.elementor-kit-8 h3{font-size:1.25rem;}.elementor-kit-8 button,.elementor-kit-8 input[type="button"],.elementor-kit-8 input[type="submit"],.elementor-kit-8 .elementor-button{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:85vw;}.e-con{--container-max-width:85vw;}}/* Start custom CSS *//* GENERAL */

/* Text */

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

a {
    transition: .3s;
}

h1, h2, h3, h4 {
    margin: 0;
    padding: 0;
}

.span-h2 {
    font-family: "Opti Copperplate Regular", Sans-serif;
    color: var(--e-global-color-primary);
}

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

.elementor-headline {
    display: flex !important;
    flex-direction: column;
}

.title-center {
    .elementor-headline {
        align-items: center;
    }
}

[data-elementor-type="wp-page"] {
    ul {
        margin: 1rem 0;
        padding-left: 2rem;

        li {
            margin: 0.5rem 0;
            
            &::marker {
                color: var(--e-global-color-primary);
            }
            
            ul li {
                margin: 0.5rem 0;
            }
        }
        
        &.white-list {
            text-align: left;
            
            li {
                &::marker {
                    color: var(--e-global-color-accent);
                }
            }
        }
    }
}

.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;
            }
        }
    }
}

.list-column {
    column-count: 2;
    text-align: left;
}


/* Btn */

.elementor-button {
    .elementor-button-icon {
        transition: .3s;
    }
    
    &:hover {
        .elementor-button-icon {
            transform: translateX(0.5rem);
        }
    }
}

.cky-btn {
    padding: 1rem !important;
}


/* Animations */

@keyframes fadeDown {
    from {
        opacity: 0;
        transform: translate3d(0,-30px,0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.elementor-element.fadeInDown {
    animation-name: fadeDown;
}


@keyframes fadeLeft {
    from {
        opacity: 0;
        transform: translate3d(-30px,0,0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.elementor-element.fadeInLeft {
    animation-name: fadeLeft;
}


@keyframes fadeRight {
    from {
        opacity: 0;
        transform: translate3d(30px,0,0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.elementor-element.fadeInRight {
    animation-name: fadeRight;
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translate3d(0,30px,0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.elementor-element.fadeInUp {
    animation-name: fadeUp;
}


/* HEADER */

.elementor-sticky {
    .e-con-inner,
    .elementor-widget-theme-site-logo img {
        transition: .3s;
    }
    
    &.elementor-sticky--effects {
        .e-con-inner {
            padding: 1rem 0 !important;
        }

        .elementor-widget-theme-site-logo img {
            width: 120px !important;
            
            @media(max-width: 767px) {
                width: 80px !important;
            }
        }
    }
}

.elementor-sub-item {
    border: none !important;
}

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

.mobile-menu {
    .sub-menu {
        padding: 0 1rem !important;
        
        a {
            text-transform: none !important;
            letter-spacing: 0 !important;
            font-weight: 500 !important;
        }
    }
}

@media(max-width: 767px) {
    .cta-list {
        border-bottom: 1px solid rgba(105, 117, 133, 0.5);
    }
}



/* CTA */

.elementor-cta {
    height: 100%;
    display: flex !important;
    
    .elementor-cta__content {
        align-content: space-between;
    }
}


/* FOOTER */

@media(max-width: 767px) {
    .footer-list {
        .elementor-widget-container {
            border: none !important;
        }
    }
}


/* FORM */

.ff_submit_btn_wrapper {
    margin-bottom: 0 !important;
}

.ff-el-group select {
    color: var(--e-global-color-primary) !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Opti Copperplate Heavy';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.my-roof.be/wp-content/uploads/2025/06/opti-copperplate_heavy.woff2') format('woff2'),
		url('https://www.my-roof.be/wp-content/uploads/2025/06/opti-copperplate_heavy.woff') format('woff');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Opti Copperplate Regular';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.my-roof.be/wp-content/uploads/2025/06/opti-copperplate.woff2') format('woff2'),
		url('https://www.my-roof.be/wp-content/uploads/2025/06/opti-copperplate.woff') format('woff');
}
/* End Custom Fonts CSS */