/* 
Theme Name: Acel
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Thema van Pas ik bij Acel
Author: Inhouse Digital
Author URI: https://www.inhousedigital.nl
Template: hello-elementor
Version: 2.0.0
Text Domain: acel
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
*/

/* Improved Animations Stylesheet from https://element.how/elementor-improve-entrance-animations/ , works for the 'fade' 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;
}

.fc {
    max-width: fit-content !important;
}

.nl,
.nl a{
	text-decoration: none !important;
}

/* Custom styling  */
.vacature-card-image img {
	transition: 0.4s cubic-bezier(.68,0,.26,1);
}

.vacature-card-image:hover img {
	transform: scale(1.04);
}

.vacature-card,
.vacature-card-content {
	height: 100% !important;
}

.vacature-content-pop-up {
    display: none;
}

.popup-vacature-video .e-hosted-video,
.popup-vacature-video .e-hosted-video video {
    height: 480px !important;
    width: 100% !important;
}

.button-inner-text-wrapper {
    display: flex;
    flex-flow: column;
    height: 16px;
    gap: 16px;
    overflow: hidden;
}

.button-inner-text-wrapper span {
    transition: transform 0.4s cubic-bezier(0.68, 0, 0.26, 1) !important;
}

.elementor-button:hover .button-inner-text-wrapper span:first-child {
    transform: translateY(-32px);
}

.elementor-button:hover .button-inner-text-wrapper span:last-child {
    transform: translateY(-32px);
}

.popup-vacature-tekst-links ul {
    margin-bottom: .9rem;
}

.elementor-message-success {
    background: #bfffbf;
    padding: 18px;
    border-radius: 2px;
    font-size: 14px;
    color: green;
    margin-top: 16px;
    line-height: 160%;
}

.elementor-message-success::before {
    display: none !important;
}

.e-eicon-close {
    width: 32px !important;
    height: 32px !important;
    padding: 8px !important;
    border-radius: 2px !important;
}

@media screen and (max-width: 768px) {
    .popup-vacature-video .e-hosted-video,
    .popup-vacature-video .e-hosted-video video {
        height: auto !important;
        width: 100% !important;
    }
}
.reddot {
	color: var(--e-global-color-accent)!important;
}