/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.12
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.opacity-10-procent {
    opacity: .1
}

.clip-path {
    -webkit-clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
}
#clip-path {
    -webkit-clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
}

.ellipsis-two-rows {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.ellipsis-three-rows {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

span.elementor-counter-number {
    margin-bottom: -30px;
}

.line-height-zero {
    line-height: 0px;
}

/* Projecten edits */
@media (min-width: 1024px){ 

    .all-projects {
        position: relative;
        transition: background 0.3s ease-in-out;
    }

    .all-projects::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
        z-index: 1;
    }

    .all-projects .show-project-text {
        opacity: 0;
        transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
        transform: translateY(10px);
        z-index: 2;
    }

    .all-projects.active::before {
        opacity: 1;
    }

    .all-projects.active .show-project-text {
        opacity: 1;
        transform: translateY(0);
    }
}
/* END Projecten edits */    


/*Diensten sectie*/
.all-images{
    display: none;
}
.all-containers{
    display: none;
}
#dakdekker-1{
    display: block;
}
#dakdekker{
    display: block;
}
.click-container:hover {
    cursor: pointer;
}
/*END Diensten sectie*/