/*
    Theme Name:         PropVisionX-Theme
    Version:            1.0
    Author:             iconate® Gesellschaft für Kommunikation und Medien mbH
    Author URI:         https://iconate.de/
    Description:        Theme for the website of PropVisionX
    Text Domain:        propvisionx-theme
    Tested up to:       6.9.1
    Requires at least:  6.9.1
    Requires PHP:       8.5
    License:            GNU General Public License v2 or later
    License URI:        http://www.gnu.org/licenses/gpl-2.0.html
*/

@font-face {
    font-family: "Exo 2";
    font-style: normal;
    font-display: swap;
    src: url(./assets/fonts/Exo2-VariableFont_wght.ttf) format('truetype');
    font-weight: 300 700;
}

@font-face {
    font-family: "Exo 2";
    font-style: italic;
    font-display: swap;
    src: url(./assets/fonts/Exo2-Italic-VariableFont_wght.ttf) format('truetype');
    font-weight: 300 700;
}

:root {
    font-family: 'Exo 2', sans-serif;

    --line-height-regular: 1.3;
    --line-height-fit: 1;
    --line-height-small: 0.8;

    --transition: all .3s ease;

    --icon--button-arrow: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.256 13.5371H4.54297' stroke='black' stroke-width='0.85' stroke-miterlimit='10'/%3E%3Cpath d='M14.5215 8.7002L19.4575 13.5002L14.5215 18.3002' stroke='black' stroke-width='0.85' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
}

html {
    margin: 0 !important;
    padding: 0 !important;
    scroll-behavior: smooth !important;
}

main {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100dvh;
    background: var(--wp--preset--color--white);
}

:root :where(.is-layout-flow) > *,
:where(.wp-site-blocks) > * {
    margin-top: 0;
}

.wp-site-blocks p,
.wp-site-blocks a,
.ntb-nav-counter,
.pcta-content-text,
button {
    font-size: var(--wp--preset--font-size--regular);
    line-height: var(--line-height-regular) !important;
    font-weight: 300;
    margin: 0 !important;
    text-decoration: none;
}

main > .entry-content > *,
.wp-block-post-title {
    padding: 0 var(--wp--preset--spacing--40) !important;
    padding-top: var(--wp--preset--spacing--100) !important;
}

main > .entry-content > *:first-of-type {
    padding-top: var(--wp--preset--spacing--100) !important;
}

main > .entry-content > *:last-of-type {
    padding-bottom: var(--wp--preset--spacing--100) !important;
}

header > *,
footer > *,
main > .entry-content > *:not(.section):not(.section-contact):not(.navigation-text-block):not(.pcta-wrapper),
.wp-block-post-title {
    max-width: var(--wp--style--global--content-size);
    margin: 0 auto !important;
}

main > .entry-content > p {
    padding-top: var(--wp--preset--spacing--20) !important;
}

.wp-block-post-title {
    max-width: var(--wp--style--global--content-size);
    width: calc(100% - var(--wp--preset--spacing--40) * 2);
    padding: 0 !important;
    padding-top: var(--wp--preset--spacing--100) !important;
}

a,
button {
    position: relative;
    color: inherit;
    text-decoration: none;
}

a::after,
button::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 0;
    background-color: currentColor;
    transform-origin: left;
    transition: var(--transition);
    cursor: pointer;
}

a:hover::after {
    width: 100%;
}

#btn--cookie-wrapper {
    display: flex;
    justify-content: flex-end;
    padding-top: var(--wp--preset--spacing--40) !important;
}

main > .entry-content button[data-cc="show-preferencesModal"] {
    padding: 0 !important;
    margin: 0 !important;
    background-color: unset !important;
    border: unset !important;
    cursor: pointer;
}

main > .entry-content button[data-cc="show-preferencesModal"]::after {
    width: 100%;
}

main > .entry-content button[data-cc="show-preferencesModal"]:hover::after {
    animation: lineAnim .3s ease;
}

@keyframes lineAnim {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

/* content load */

header nav .wp-block-navigation-item__content,
.hero-title {
    opacity: 0;
    transform: translateY(10px);
    transition: transform 0.5s ease, opacity 0.5s ease;
}

header .logo,
.hero-title,
header .wpml-language-switcher-block {
    opacity: 0;
    transform: translateY(10px);
    transition: transform 0.8s ease, opacity 0.5s ease;
}

.hero-title {
    transform: translateY(60px);
}

header nav .wp-block-navigation-item__content.show,
header .logo.show,
header .wpml-language-switcher-block.show,
.hero-title.show {
    opacity: 1;
    transform: translateY(0);
}

/* header */

header {
    position: fixed;
    top: 0;
    width: calc(100% - var(--wp--preset--spacing--40) - var(--wp--preset--spacing--40));
    padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--40);
    background-color: var(--wp--preset--color--white);
    z-index: 101;
}
    header .wp-block-columns .wp-block-column.left {
        flex-grow: inherit !important;
        flex-basis: fit-content !important;
    }

    header .wp-block-columns .wp-block-column.right {
        display: flex;
        justify-content: end;
        grid-gap: var(--wp--preset--spacing--40);
    }

    .logo {
        width: 13rem;
    }

    .logo a::after {
        content: none;
    }

    header nav {
        height: 100%;
    }

        header ul {
            grid-gap: 2rem !important;
        }
        
            header ul span,
            .lang-switch a,
            .wpml-language-switcher-block {
                font-size: var(--wp--preset--font-size--small);
            }

    header .wpml-language-switcher-block {
        width: fit-content !important;
    }

        header .wpml-language-switcher-block ul.horizontal-list {
            display: block;
            gap: unset !important;
            text-transform: uppercase;
        }

        header .wpml-language-switcher-block ul.hasSpacing.isHorizontal li {
            font-weight: 300;
        }

        header .wpml-language-switcher-block ul.hasSpacing.isHorizontal li:has(a) {
            opacity: .5;
            transition: var(--transition);
        }

        header .wpml-language-switcher-block ul.hasSpacing.isHorizontal li:has(a):hover {
            opacity: 1;
        }

        header .wpml-language-switcher-block ul.hasSpacing.isHorizontal li:not(:last-child) {
            margin-right: calc(var(--wp--preset--spacing--10) / 2) !important;;
        }

        header .wpml-language-switcher-block ul.hasSpacing.isHorizontal li:not(:last-child) span {
            margin-right: calc(var(--wp--preset--spacing--10) / 2) !important;;
        }

        header .wpml-language-switcher-block ul.hasSpacing.isHorizontal li:not(:last-child):after {
            content: "|";
            position: relative;
        }

/* footer */

footer {
    position: relative;
    padding: var(--wp--preset--spacing--40);
    background-color: var(--wp--preset--color--black);
}

    footer  .wp-block-column {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

        footer .wp-block-columns {
            margin-bottom: var(--wp--preset--spacing--10);
            gap: unset;
            grid-gap: var(--wp--preset--spacing--10);
        }

            footer .left {
                align-items: flex-start;
            }

            footer .right {
                align-items: flex-end;
            }

            footer ul {
                gap: unset !important;
            }

            footer ul li:not(:first-child) {
                margin-top: var(--wp--preset--spacing--10);
            }

                
                .wp-site-blocks footer p,
                .wp-site-blocks footer a,
                footer .blog-name,
                footer .copyright-year {
                    font-size: calc(var(--wp--preset--font-size--small) - 1px) !important;
                    color: var(--wp--preset--color--grey-2) !important;
                    width: fit-content;
                    margin-top: var(--wp--preset--spacing--10) !important;
                    opacity: 1 !important;
                }

                footer .wp-block-columns p {
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    margin-top: 0 !important;
                }

                footer .wp-block-column.center p {
                    align-items: center;
                }


                footer .wp-block-navigation-item > *:first-child,
                footer .wp-block-columns p > *:first-child {
                    margin-top: unset !important;
                }

                footer a:hover,
                footer .blog-name,
                footer .copyright-year {
                    color: var(--wp--preset--color--white) !important;
                    font-weight: 300;
                }


/* seperator */

hr {
    border: none !important;
    opacity: .1;
}

footer hr.wp-block-separator {
    margin: var(--wp--preset--spacing--40) 0;
    background-color: var(--wp--preset--color--white);
}

/* hero */

.hero {
    height: 100vh;
    margin: 0;
    background-color: var(--wp--preset--color--grey-1);
}

    .hero figure,
    .hero img {
        position: fixed;
        height: 100vh;
        width: 100%;
        object-fit: cover;
    }

    .hero .hero-title {
        position: absolute;
        bottom: 0;
        width: 100%;
        padding: 0 var(--wp--preset--spacing--40);
    }
        .hero-title > h1 {
            color: var(--wp--preset--color--white);
            line-height: var(--line-height-small);
        }

/* section */

.section {
    padding: var(--wp--preset--spacing--100) var(--wp--preset--spacing--40);
}

.section-content {
    grid-gap: var(--wp--preset--spacing--40);
}

.section-content > * {
    grid-gap: var(--wp--preset--spacing--20);
}

.section-content .left {
    grid-gap: 0;
}

.section-title,
.section-subtitle,
.section-headlines > * {
    color: var(--wp--preset--color--black);
    font-size: var(--wp--preset--font-size--x-large);
    font-style: normal;
    font-weight: 700;
    line-height: var(--line-height-regular);
    letter-spacing: -0.03px;
}

.section-subtitle,
.section-headlines > *,
.navigation-text-item__title,
.ntb-nav-title {
    font-size: var(--wp--preset--font-size--large);
    font-weight: 500;
}

.section-subtitle {
    color: var(--wp--preset--color--grey-2);
    font-style: italic;
}

.section-headlines {
    gap: unset !important;
    align-items: flex-end;
}

.section-headlines > * {
    text-align: right;
}


/* contact slider */

.contact_slider {
    width: 100%;
}

.contact_slider-container {
    grid-gap: var(--wp--preset--spacing--40);
    grid-column: span 2;
}

    .contact_slider-container .wp-block-media-text {
        grid-template-columns: 1fr 2fr;
        grid-gap: var(--wp--preset--spacing--40);
    }

        .contact_slider-container .wp-block-media-text > * {
            padding: 0;
            align-self: flex-start;
        }

            .contact_slider-container .wp-block-media-text__media {
                position: relative;
                width: 100%;
                padding-top: 125%; /* aspect 4:5 */
                overflow: hidden;
            }

                .contact_slider-container .wp-block-media-text__media img {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    }
            
            .contact_slider-container .wp-block-media-text__content > * {
                margin: 0 !important;
                margin-bottom: var(--wp--preset--spacing--20) !important;
            }

            .contact_slider .swiper-button-prev,
            .contact_slider .swiper-button-next {
                display: none;
            }
            
            .contact_slider .swiper-pagination {
                width: fit-content;
                left: 50%;
                transform: translate(-50%, 0);
                padding: .375rem .25rem;
                border-radius: 3rem;
                background-color: #00000010;
            }

            .contact_slider .swiper-pagination .swiper-pagination-bullet {
                width: .375rem;
                height: .375rem;
                margin: 0 .125rem !important;
                transition: var(--transition);
            }
            
            .contact_slider .swiper-pagination .swiper-pagination-bullet-active {
                width: calc(.375rem * 4);
                border-radius: .25rem;
                opacity: .5!important;
            }

/* lukar style / todo: move lukar theme */

.lang-switch a:hover {
  opacity: 1;
}

/* CUSTOM VIDEO CONTROL */

.video__control--overlay,
.video__control--wrapper,
.video__control--overlay button {
    position: absolute;
    margin: 0;
}

.video__control--overlay {
    width: 100%;
    height: 100%;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
}

.video-section.playing.controls-visible .video__control--overlay {
    visibility: visible !important;
    background: rgba(0, 0, 0, 0.3);
}

.video__control--overlay button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

    box-sizing: border-box;
    padding: 0;
    gap: 10px;
    width: calc(var(--wp--preset--spacing--100) * 1.25);
    height: calc(var(--wp--preset--spacing--100) * 1.25);
    left: calc(50% - (var(--wp--preset--spacing--100) * 1.25) / 2);
    top: calc(50% - (var(--wp--preset--spacing--100) * 1.25) / 2);

    border: 1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    border-radius: 100px;

    background-color: rgba(255, 255, 255, 0.01);
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('data:image/svg+xml,<svg width="33" height="33" viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_2817_1719)"><path d="M3.76953 29.9609C3.76953 31.8945 4.88281 32.8125 6.21094 32.8125C6.79688 32.8125 7.40234 32.6172 8.00781 32.3047L30.7617 19.0039C32.3828 18.0664 32.9297 17.4219 32.9297 16.4062C32.9297 15.3711 32.3828 14.7461 30.7617 13.8086L8.00781 0.507812C7.40234 0.175781 6.79688 0 6.21094 0C4.88281 0 3.76953 0.917969 3.76953 2.85156V29.9609Z" fill="white"/></g><defs><clipPath id="clip0_2817_1719"><rect width="32.9297" height="32.832" fill="white"/></clipPath></defs></svg>');
    background-size: 35%;
    cursor: pointer;
    z-index: 2;
    transition: var(--transition);
}

.video__control--overlay button:hover {
    background-color: rgba(255, 255, 255, 0.2) !important;
    filter: none !important;
}

.video-section.playing .video__control--overlay button {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='25' height='33' viewBox='0 0 25 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2817_1911)'%3E%3Cpath d='M2.59766 32.3047H7.05078C8.75 32.3047 9.64844 31.4062 9.64844 29.6875V2.59766C9.64844 0.800781 8.75 0 7.05078 0H2.59766C0.898438 0 0 0.878906 0 2.59766V29.6875C0 31.4062 0.898438 32.3047 2.59766 32.3047ZM16.7969 32.3047H21.2305C22.9492 32.3047 23.8281 31.4062 23.8281 29.6875V2.59766C23.8281 0.800781 22.9492 0 21.2305 0H16.7969C15.0781 0 14.1797 0.878906 14.1797 2.59766V29.6875C14.1797 31.4062 15.0781 32.3047 16.7969 32.3047Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2817_1911'%3E%3Crect width='24.1992' height='32.3242' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.video__control--wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--wp--preset--spacing--10);
    padding: 0;
    right: 2rem;
    top: 50%;
    transform: translate(0, -50%);
    opacity: 1;
}

.video__control--toolbar {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--wp--preset--spacing--10) * 1.5);
    padding: var(--wp--preset--spacing--10);
    background: rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(10px);
    border-radius: 100px;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.video__control--toolbar--item,
.video__control--toolbar--additional button {
    width: 40px;
    height: 40px;
    border: unset;
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 0.2);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    transition: var(--transition);
}

button[data-video-action="fullscreen"] {
    background-color: transparent;
    width: 21px;
    height: 21px;
    padding: 0;
    border-radius: 0;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.15);
}

button[data-video-action="volume-up"] {
    background-image: url('data:image/svg+xml,<svg width="22" height="16" viewBox="0 0 22 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_2817_1743)"><path d="M17.922 14.9835C18.1876 15.1788 18.5704 15.1007 18.7813 14.7882C20.1485 12.8116 20.9689 10.3038 20.9689 7.546C20.9689 4.78037 20.1251 2.28819 18.7813 0.303811C18.5704 -0.0165015 18.1876 -0.086814 17.922 0.108498C17.6251 0.311623 17.586 0.678811 17.797 0.999123C19.0079 2.78819 19.7735 5.03819 19.7735 7.546C19.7735 10.046 19.0079 12.3116 17.797 14.0929C17.586 14.4132 17.6251 14.7804 17.922 14.9835Z" fill="white"/><path d="M14.9927 12.9135C15.2817 13.1088 15.6411 13.0385 15.8521 12.7416C16.8521 11.3666 17.438 9.47595 17.438 7.54626C17.438 5.61657 16.8599 3.71032 15.8521 2.35095C15.6411 2.05407 15.2817 1.98376 14.9927 2.17907C14.7036 2.37438 14.6567 2.74157 14.8833 3.06188C15.7349 4.26501 16.2272 5.8822 16.2272 7.54626C16.2272 9.21032 15.7193 10.8119 14.8833 12.0307C14.6646 12.351 14.7036 12.7182 14.9927 12.9135Z" fill="white"/><path d="M12.0928 10.8744C12.3506 11.0541 12.7178 10.9994 12.9287 10.6947C13.5302 9.90569 13.8896 8.74163 13.8896 7.54632C13.8896 6.35101 13.5302 5.19476 12.9287 4.39788C12.7178 4.09319 12.3506 4.03069 12.0928 4.21819C11.7724 4.43694 11.7256 4.82757 11.9678 5.14788C12.4209 5.77288 12.6787 6.64007 12.6787 7.54632C12.6787 8.45257 12.4131 9.31194 11.9678 9.94476C11.7334 10.2729 11.7724 10.6479 12.0928 10.8744Z" fill="white"/><path d="M8.42188 14.4443C8.9375 14.4443 9.30469 14.0771 9.30469 13.5693V1.58496C9.30469 1.07715 8.9375 0.663086 8.40625 0.663086C8.03906 0.663086 7.78906 0.819336 7.39844 1.20215L4.0625 4.32715C4.01562 4.37402 3.94531 4.39746 3.86719 4.39746H1.63281C0.570312 4.39746 0 4.9834 0 6.1084V9.01465C0 10.1475 0.570312 10.7256 1.63281 10.7256H3.86719C3.94531 10.7256 4.01562 10.749 4.0625 10.7959L7.39844 13.9521C7.75 14.2959 8.05469 14.4443 8.42188 14.4443Z" fill="white"/></g><defs><clipPath id="clip0_2817_1743"><rect width="21.375" height="15.0998" fill="white"/></clipPath></defs></svg>');
}
button[data-video-action="volume-down"] {
    background-image: url('data:image/svg+xml,<svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_2817_1752)"><path d="M12.0928 10.227C12.3506 10.4066 12.7178 10.352 12.9287 10.0473C13.5302 9.25823 13.8896 8.09417 13.8896 6.89886C13.8896 5.70354 13.5302 4.5473 12.9287 3.75042C12.7178 3.44573 12.3506 3.38323 12.0928 3.57073C11.7724 3.78948 11.7256 4.18011 11.9678 4.50042C12.4209 5.12542 12.6787 5.99261 12.6787 6.89886C12.6787 7.80511 12.4131 8.66448 11.9678 9.2973C11.7334 9.62542 11.7724 10.0004 12.0928 10.227Z" fill="white"/><path d="M1.58594 10.0703H3.82812C3.89844 10.0703 3.96094 10.0938 4.01562 10.1406L7.53906 13.2969C7.90625 13.6328 8.20312 13.7891 8.57031 13.7891C9.07812 13.7891 9.45312 13.4219 9.45312 12.9141V0.929688C9.45312 0.421875 9.07812 0.0078125 8.55469 0.0078125C8.1875 0.0078125 7.94531 0.179688 7.53906 0.546875L4.01562 3.67188C3.96094 3.71875 3.89844 3.74219 3.82812 3.74219H1.58594C0.523438 3.74219 0 4.28125 0 5.41406V8.40625C0 9.53906 0.53125 10.0703 1.58594 10.0703Z" fill="white"/></g><defs><clipPath id="clip0_2817_1752"><rect width="14.2969" height="13.7891" fill="white"/></clipPath></defs></svg>');
}
button[data-video-action="volume-mute"] {
    background-image: url('data:image/svg+xml,<svg width="17" height="18" viewBox="0 0 17 18" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_2817_1759)"><path d="M11.7427 15.0765C11.6409 15.4461 11.3177 15.6934 10.8945 15.6934C10.5352 15.6934 10.2305 15.5449 9.87109 15.2012L6.54297 12.0449C6.48828 11.9981 6.42578 11.9746 6.34766 11.9746H4.10547C3.05078 11.9746 2.47266 11.3965 2.47266 10.2637V7.35742C2.47266 6.849 2.59073 6.45068 2.81861 6.16795L11.7427 15.0765ZM11.7773 2.83398V10.8286L6.53115 5.58549C6.5352 5.58268 6.5391 5.57948 6.54297 5.57617L9.87109 2.45117C10.2695 2.06836 10.5195 1.91211 10.8789 1.91211C11.4102 1.91211 11.7773 2.32617 11.7773 2.83398Z" fill="white"/><path d="M14.4727 16.5137C14.707 16.7481 15.0898 16.7481 15.3242 16.5137C15.5508 16.2715 15.5586 15.8965 15.3242 15.6621L1.94141 2.28711C1.70703 2.05273 1.31641 2.05273 1.08203 2.28711C0.855469 2.51367 0.855469 2.91211 1.08203 3.13867L14.4727 16.5137Z" fill="white"/></g><defs><clipPath id="clip0_2817_1759"><rect width="16.4688" height="17.5977" fill="white"/></clipPath></defs></svg>');
}
button[data-video-action="fullscreen"]{
    background-image: url('data:image/svg+xml,<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.5 0.5H1C0.723858 0.5 0.5 0.723858 0.5 1V3.5" stroke="white" stroke-linecap="round"/><path d="M0.5 17.5L0.5 20C0.5 20.2761 0.723858 20.5 1 20.5H3.5" stroke="white" stroke-linecap="round"/><path d="M17.5 20.5H20C20.2761 20.5 20.5 20.2761 20.5 20V17.5" stroke="white" stroke-linecap="round"/><path d="M20.5 3.5V1C20.5 0.723858 20.2761 0.5 20 0.5L17.5 0.5" stroke="white" stroke-linecap="round"/></svg>')
}

button[data-video-action]:hover,
button[data-video-action="volume-mute"][aria-pressed="true"] {
    background-color: rgba(0, 0, 0, 1);
    filter: invert(1);
}

button[data-video-action="fullscreen"]:hover {
    transform: scale(1.1);
    background-color: transparent;
    filter: none;
}

button[data-video-action]:active {
    transform: scale(.9);
}

.video-section.playing .video__control--wrapper {
    opacity: 0;
    transition: opacity ease-out 1s;
}

.video-section.playing.controls-visible .video__control--wrapper {
    opacity: 1;
    transition: opacity ease-in .25s;
}

/* iOS volume buttons hint */
button span.hint:not(:empty) {
    position: absolute;
    right: 60px;
    width: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    top: 0;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 100px;
    color: #fff;
    font-size: 12px;
    padding: 0 .5rem;
}

@media (max-width: 781px) {
  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.logo,
  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:has(.wpml-language-switcher-block) {
    flex-basis: unset !important;
    flex-grow: unset !important;
  }

  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:has(.wpml-language-switcher-block) {
    width: 50%;
  }
}

@media (max-width: 768px) {

    :root {
        --line-height-small: 1;
    }

    body .is-layout-grid {
        display: flex;
        flex-direction: column;
    }

    .wp-block-navigation__container {
        width: 100% !important;
        justify-content: center !important;
        align-items: center !important;
    }

    header > .wp-block-columns {
        flex-direction: row;
    }

    header > .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: auto !important;
    }

    header nav li span {
        font-size: var(--wp--preset--font-size--x-large);
    }

    header .wpml-language-switcher-block span {
        font-size: var(--wp--preset--font-size--medium);
    }

    .section-contact .right,
    .contact_slider-container  {
        max-width: calc(100dvw - var(--wp--preset--spacing--40) - var(--wp--preset--spacing--40));
    }

    footer .left,
    footer .right {
        align-items: flex-start;
        order: 1;
    }

    footer .wp-block-navigation ul {
        align-items: start !important;
    }

    footer .center {
        flex-direction: row;
        justify-content: space-between;
        order: 2;
    }

    footer .wp-block-navigation-item,
    footer .wp-block-columns p > :first-child {
        margin-top: var(--wp--preset--spacing--10) !important;
    }

    footer .wp-block-column.center p {
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
        margin-bottom: var(--wp--preset--spacing--10) !important;
    }

    :root {
        --wp--style--global--content-size : 100%;
    }

    .wp-block-post-title {
        padding-top: var(--wp--preset--spacing--100) !important;
    }

    main:has(.wp-block-post-title) > .entry-content > :first-of-type {
        padding-top: var(--wp--preset--spacing--40) !important;
    }

    .wp-block-navigation__responsive-dialog {
        margin: var(--wp--preset--spacing--20) var(--wp--preset--spacing--40) !important;
    }

    .wp-block-navigation__responsive-container-close {
        margin-top: 4px !important;
    }

    .wp-block-navigation__responsive-container-open {
        display: flex !important;
        margin-top: 3px !important;
    }

    .wp-block-navigation__responsive-container {
        bottom: 0;
        display: none !important;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
    }

    .wp-block-navigation__responsive-container.is-menu-open {
        background-color: inherit;
        display: flex !important;
        flex-direction: column;
    }

    header .wp-block-columns .wp-block-column.right {
        flex-direction: row-reverse;
    }

    main > .entry-content > .section.video-section {
        padding-top: 0 !important;
        height: 80dvh;
    }

    .video__control--overlay button {
        --icon-width: 60px;
    }

    .video__control--wrapper {
        flex-direction: column;
        right: var(--wp--preset--spacing--20);
        gap: var(--wp--preset--spacing--20);
    }

    button[data-video-action="volume-up"],
    button[data-video-action="volume-down"] {
        display: none;
    }

    .video__control--toolbar {
        padding: 0;
        background-color: transparent;
    }
}

@media (max-width: 600px) {
    .contact_slider-container .wp-block-media-text__media {
        width: calc(100% / 3);
        padding-top: calc(125% / 3);
    }

    .video__control--overlay button {
        width: calc(var(--wp--preset--spacing--100) / 1.5);
        height: calc(var(--wp--preset--spacing--100) / 1.5);
        left: calc(50% - (var(--wp--preset--spacing--100) / 1.5) / 2);
        top: calc(50% - (var(--wp--preset--spacing--100) / 1.5) / 2);
    }
}