/* ==============================================================================
Theme Name: Phlox Pro Child
Theme URI: http://phlox.pro/go/
Author: averta
Author URI: http://www.phlox.pro
Description: Phlox Pro Child Theme
Template: phlox-pro
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column,two-columns, three-columns, left-sidebar, right-sidebar
Text Domain: phlox-pro-child
================================================================================= */

/*Barrierefreiheit Plugin Styles*/
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a,
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active {
    background-color: var(--e-global-color-primary) !important;
}

#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay {
    border-color: var(--e-global-color-primary) !important;
}

#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a {
    padding: 5px 15px !important;
}

#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a:hover,
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a:focus {
    box-shadow: none !important;
}

* {
    box-sizing: border-box;
}

a {
    color: inherit;
}

a:hover {
    color: #fff;
}

.content,
article.page,
.hentry .entry-main,
.entry-content {
    height: 100%;
}

.hentry .entry-main,
.hentry .entry-main .entry-content {
    margin-bottom: 0;
}

.video-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    height: 80dvh;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.video-container::-webkit-scrollbar {
    display: none;
}

.video-item {
    scroll-snap-align: start;
    margin-right: 2%;
    flex-shrink: 0;
    max-height: 100%;
    max-width: 90%;
    aspect-ratio: 9/16;
}

.video-item:last-of-type {
    margin-right: 0;
}

/* Disable the "Streaming"-button in the video */
video::-webkit-media-controls {
    display: none;
}

@media screen and (min-width: 800px) and (max-width: 1319px) {
    .video-container {
        overflow-y: hidden;
    }

    .video-item {
        max-height: unset;
        max-width: 96%;
    }

}

@media screen and (min-width: 1320px) {
    .video-container {
        justify-content: space-between;
        scroll-snap-type: unset;
    }

    .video-item {
        animation: scale-down .4s ease-in-out 0s 1 normal forwards;
        flex-shrink: unset;
    }

    .video-item:first-of-type {
        margin-left: 0;
        transform: translateX(0);
        opacity: .4;
    }

    .video-item:nth-child(2) {
        margin-top: 4%;
    }

    .video-item:nth-child(3) {
        margin-bottom: 6%;
    }

    .video-item:nth-child(4) {
        margin-top: 2%;
    }

    .video-item:last-of-type {
        margin-bottom: 2%;
    }

    .video-item.active {
        z-index: 99;
        animation: scale-up .4s ease-in-out 0s 1 normal forwards;
    }
}

@keyframes scale-up {
    0% {
        transform: scale(1);
        opacity: .4;
    }

    100% {
        transform: scale(1.1);
        opacity: 1;
    }
}

@keyframes scale-down {
    0% {
        transform: scale(1.1);
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: .4;
    }
}

/* testimonial Switcher */
#testimonial-switch>div {
    display: grid;
    grid-template: 1fr / 1fr;
}

#testimonial-switch>div .testimonial-switch-item {
    grid-row: 1;
    grid-column: 1;
    transition: opacity 0.75s ease-in-out;
}

.testimonial-switch-item:not(.active) * {
    opacity: 0;
}

.testimonial-switch-item+.testimonial-switch-item .aux-testimonial-image {
    margin-left: auto;
}

/* Hide Cookiebanner on Imprint/Privacy */
.page-id-27 #CybotCookiebotDialog, /* Imprint (EN) */
.page-id-1413 #CybotCookiebotDialog, /* Imprint (DE) */
.page-id-1426 #CybotCookiebotDialog, /* Imprint (HR) */
.page-id-3 #CybotCookiebotDialog, /* Privacy Policy (EN) */
.page-id-1421 #CybotCookiebotDialog, /* Privacy Policy (DE) */
.page-id-1431 #CybotCookiebotDialog { /* Privacy Policy (HR) */
    display: none !important;
}

/* Lightbox Text */
.elementor-slideshow__title {
	display: none;
}