/*
 Theme Name: Twenty Twenty-Four Dentist
 Theme URI: http://example.com/twentytwentyfour-dentist
 Description: Дочерняя тема для Twenty Twenty-Four с настройками для стоматологии
 Author: Ваше Имя
 Author URI: http://example.com
 Template: twentytwentyfour
 Version: 1.0.0
 Text Domain: twentytwentyfour-dentist
*/

:root {
    --wp--preset--font-family--heading: Roboto, sans-serif;
    --wp--preset--font-family--body: Roboto, sans-serif;
}

a:focus {
    outline: none;
}

a:focus-visible {
    outline: none;
}

:where(.wp-site-blocks) > * {
    margin-block-start: 0;
}

h1.wp-block-post-title,
.wp-block-post-title {
    font-family: "Bahnschrift", sans-serif;
    font-weight: normal;
    color: #307b82;
    font-size: 30px !important;
}

h1.wp-block-heading, h2.wp-block-heading {
    font-size: x-large;
    color: #408f97;
}

h3.wp-block-heading {
    font-size: large;
    color: #408f97;
}

a {
    color: #408f97 !important;
}

.wp-block-post-content p {
    margin-block-end: 1rem;
}

.header-menu {
    gap: 0;

    ul.wp-block-navigation,
    ul.wp-block-navigation > li.wp-block-navigation-link {
        height: 65px;
        gap: 0.5rem;
    }

    ul.wp-block-navigation > li {
        height: 100%;
        color: #bad7d9;
    }

    .wp-block-navigation-item > a {
        padding: 0 0.5rem;
        display: flex;
        align-items: center;
        height: 100%;
        text-decoration: none;
    }

    .wp-block-navigation__submenu-container {
        min-width: 600px !important;
        display: grid !important;
        grid-template-columns: repeat(2, auto);
        gap: 1rem;
        row-gap: 0;
        @media (max-width: 767px) {
            grid-template-columns: 1fr;
        }
    }

    .wp-block-navigation__submenu-container.wp-block-navigation-submenu {
        background-color: rgba(255, 255, 255);
        padding: 20px;
        border: unset;

        .wp-block-navigation-item {
            background-color: unset;
            margin-top: 0;
            margin-bottom: 5px;
            background-image: url('/wp-content/themes/twentytwentyfour-dentist/img/menu-el-dots.png');
            background-repeat: repeat-x;
            background-position: center 100%;


            a {
                color: #408f97;
                font-size: 16px;
                padding: 0;
                background-image: url('/wp-content/themes/twentytwentyfour-dentist/img/menu-el-arrows.png');
                background-repeat: no-repeat;
                background-position: right bottom;
                line-height: normal;

                &:hover {
                    color: #408f97;
                    background-color: unset;
                    text-decoration: underline;
                }

                span {
                    color: #408f97;
                    font-size: 16px;
                    font-weight: normal;
                    text-transform: unset;
                }
            }
        }
    }

    .wp-block-navigation {
        button.wp-block-navigation__responsive-container-open {
            color: #fff;
            width: 50px;
            height: 50px;
            margin-left: 0.5rem;

            svg {
                height: 40px;
                width: 50px;
                margin-top: 5px;
            }
        }
    }
}


.header-menu .wp-block-navigation-item a:hover {
    text-decoration: none;
    background-color: #317c83;
}

.header-menu .wp-block-navigation-item a span {
    color: #bad7d9;
    text-transform: uppercase;
    font-size: 1rem;
}


body {
    background-image: url('/wp-content/themes/twentytwentyfour-dentist/img/bg.webp');
    background-repeat: no-repeat;
    background-size: 1780px;
    background-position: center top;
    background-color: transparent;
    @media (max-width: 1800px) {
        background-size: contain;
    }
    @media (max-width: 1480px) {
        background-image: unset;
        background-color: #ffffff;
    }
}

.wp-block-post-featured-image img {
    border-radius: 0 !important;
}

.hompage-top-image {
    position: relative;
    /*margin-top: -340px;*/
    /*margin-bottom: -200px;*/
}

.home {
    .text-logo-site {
        position: relative;
        z-index: 2;
        left: -55px;
    }
}

.top-bar {
    padding: 20px 2rem 28px;
    max-width: calc(1280px + 4rem);
    background-color: #FFFFFF;
    height: 24px;

    @media (max-width: 1480px) {
        max-width: unset;
        padding: 20px 0 28px;
    }

    @media (max-width: 1080px) {
        padding: 20px 0 20px;
    }

    @media (max-width: 440px) {
        display: none !important;
    }

    .widget_polylang {
        display: grid;
        grid-template-columns: 32px auto;
        gap: 0.3rem;
        @media (max-width: 600px) {
            grid-template-columns: 24px auto;
            gap: 0.25rem;
        }
    }

    .widget_polylang:before {
        content: '';
        width: 25px;
        height: 100%;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150"><g><path d="M 63.00 148.93 C33.62,143.79 10.26,122.48 2.47,93.75 C-2.24,76.39 0.86,53.42 9.98,38.01 C32.31,0.29 80.01,-11.14 116.05,12.60 C121.78,16.38 123.31,16.99 124.52,15.98 C125.76,14.95 126.00,15.18 126.00,17.42 C126.00,19.18 127.48,21.68 130.37,24.79 C154.46,50.71 156.27,90.31 134.74,120.00 C125.97,132.09 112.42,141.57 96.90,146.47 C87.95,149.30 71.79,150.47 63.00,148.93 ZM 71.00 124.95 L 71.00 107.91 L 67.25 108.52 C58.04,110.02 53.51,111.16 48.96,113.11 L 44.08 115.21 L 47.13 121.27 C52.22,131.33 63.72,141.87 69.75,141.98 C70.70,141.99 71.00,137.94 71.00,124.95 ZM 85.50 140.14 C92.35,137.03 105.00,121.18 105.00,115.72 C105.00,113.59 86.40,108.00 79.32,108.00 C78.28,108.00 78.00,111.61 78.00,125.00 C78.00,144.13 77.76,143.65 85.50,140.14 ZM 44.51 130.36 C41.98,126.59 39.66,122.49 39.35,121.25 C39.04,120.01 38.23,119.00 37.55,119.00 C36.30,119.00 29.09,124.09 29.06,125.00 C29.02,126.28 47.98,138.36 48.77,137.56 C48.96,137.37 47.04,134.13 44.51,130.36 ZM 106.86 134.98 C109.96,133.32 114.30,130.39 116.50,128.47 L 120.50 124.99 L 117.04 122.00 C115.13,120.35 113.23,119.00 112.81,119.00 C112.39,119.00 111.08,120.91 109.91,123.25 C108.73,125.59 106.01,129.86 103.86,132.75 C101.70,135.64 100.22,138.00 100.58,138.00 C100.93,138.00 103.76,136.64 106.86,134.98 ZM 30.00 115.25 C33.85,112.42 34.98,111.01 34.63,109.50 C31.63,96.70 30.02,87.57 30.01,83.22 L 30.00 77.93 L 18.75 78.22 L 7.50 78.50 L 7.79 82.50 C8.22,88.37 10.74,97.75 13.54,103.86 C16.21,109.71 22.66,119.00 24.03,119.00 C24.51,119.00 27.19,117.31 30.00,115.25 ZM 130.07 114.75 C136.53,105.85 140.74,94.78 142.45,82.25 L 143.02 78.00 L 131.51 78.00 L 120.00 78.00 L 120.00 82.75 C120.00,87.75 117.85,100.84 115.97,107.34 C115.36,109.46 115.00,111.33 115.18,111.51 C117.36,113.67 124.79,118.91 125.74,118.95 C126.43,118.98 128.38,117.09 130.07,114.75 ZM 45.80 106.64 C48.62,105.22 59.45,102.54 66.75,101.46 L 71.00 100.82 L 71.00 89.41 L 71.00 78.00 L 54.00 78.00 L 37.00 78.00 L 37.00 82.95 C37.00,90.38 40.62,108.00 42.15,108.00 C42.67,108.00 44.31,107.39 45.80,106.64 ZM 110.44 100.75 C111.41,96.76 112.44,90.01 112.74,85.75 L 113.29 78.00 L 95.64 78.00 L 78.00 78.00 L 78.00 89.34 L 78.00 100.68 L 86.25 101.93 C90.79,102.62 97.20,104.22 100.50,105.48 C103.80,106.74 106.99,107.82 107.59,107.88 C108.18,107.95 109.47,104.74 110.44,100.75 ZM 30.35 62.75 C30.70,58.21 32.16,50.22 33.60,45.00 C35.03,39.78 36.39,34.83 36.61,34.00 C36.86,33.05 35.26,31.45 32.26,29.63 L 27.50 26.77 L 22.85 31.97 C17.69,37.73 13.12,45.80 10.58,53.63 C8.68,59.50 6.99,69.14 7.66,70.25 C7.91,70.66 12.98,71.00 18.91,71.00 L 29.70 71.00 L 30.35 62.75 ZM 71.00 56.50 L 71.00 42.00 L 67.25 41.98 C63.04,41.96 50.65,38.95 47.21,37.11 C45.97,36.45 44.53,36.17 44.01,36.49 C41.79,37.87 37.02,58.80 37.01,67.25 L 37.00 71.00 L 54.00 71.00 L 71.00 71.00 L 71.00 56.50 ZM 112.99 67.25 C112.97,58.05 107.72,36.00 105.55,36.00 C104.92,36.00 103.96,36.44 103.42,36.98 C101.95,38.45 87.08,41.97 82.25,41.98 L 78.00 42.00 L 78.00 56.50 L 78.00 71.00 L 95.50 71.00 L 113.00 71.00 L 112.99 67.25 ZM 143.00 70.18 C143.00,66.95 140.45,56.34 138.30,50.60 C135.01,41.84 124.97,27.00 122.33,27.00 C122.12,27.00 120.05,28.22 117.73,29.71 C115.40,31.20 113.36,32.50 113.19,32.61 C113.01,32.71 114.01,36.55 115.40,41.15 C118.21,50.45 119.98,60.33 119.99,66.75 L 120.00 71.00 L 131.50 71.00 C137.82,71.00 143.00,70.63 143.00,70.18 ZM 71.00 21.50 C71.00,12.89 70.63,8.00 69.97,8.00 C67.38,8.00 61.73,11.21 57.59,15.03 C53.39,18.89 47.00,27.37 47.00,29.07 C47.00,30.64 61.17,34.71 67.25,34.89 L 71.00 35.00 L 71.00 21.50 ZM 91.70 33.50 C98.72,31.69 103.00,30.00 103.00,29.05 C103.00,28.66 101.64,26.29 99.97,23.78 C96.14,17.98 88.88,11.27 84.47,9.42 C77.93,6.69 78.00,6.56 78.00,21.50 L 78.00 35.00 L 81.95 35.00 C84.12,35.00 88.51,34.33 91.70,33.50 ZM 44.50 19.76 C46.70,16.35 48.66,13.18 48.86,12.71 C49.30,11.65 41.92,15.36 36.66,18.84 L 32.78 21.41 L 35.64 23.70 C37.21,24.96 38.95,25.98 39.50,25.97 C40.05,25.97 42.30,23.17 44.50,19.76 ZM 113.97 24.05 C116.31,22.26 116.36,22.05 114.76,20.29 C113.24,18.61 101.92,12.00 100.56,12.00 C100.26,12.00 101.65,14.14 103.64,16.75 C105.64,19.36 107.73,22.51 108.29,23.75 C109.54,26.48 110.73,26.54 113.97,24.05 Z" fill="rgba(158,158,156,1)"/></g></svg>');

        @media (max-width: 600px) {
            width: 24px;
        }
    }

    .widget_polylang ul {
        list-style: none;
        /*display: grid;*/
        display: none;
        float: left;
        margin: 0;
        padding: 0;
        gap: 1.2rem;
        grid-template-columns: auto auto auto;
        @media (max-width: 600px) {
            gap: 0.5rem;
        }
    }

    .widget_polylang ul li {
        display: contents;
    }

    .widget_polylang ul li a {
        color: #b0b0b0 !important;
        text-decoration: none;
        font-size: 1.4rem;
        font-weight: bold;
        @media (max-width: 600px) {
            font-weight: normal;
            font-size: 1rem;
        }
    }

    .widget_polylang ul li.current-lang a {
        color: #307b82 !important;
    }


    ul.top-bar-contact {
        list-style: none;
        display: block ruby;
        float: right;
        max-width: unset;
    }

    ul.top-bar-contact li {
        display: contents;
        color: #828282;

        a {
            color: #408f97;
            text-decoration: none;
        }

        &.top-bar-contact-telefax {
            @media (max-width: 1280px) {
                display: none;
            }
        }

        &.top-bar-contact-telefon {
            @media (max-width: 768px) {
                display: none;
            }
        }

        &.top-bar-contact-adres {
            @media (max-width: 440px) {
                display: none;
            }
        }
    }

    ul.top-bar-contact li:before {
        content: '|';
        color: #408f97;
        margin-left: 0.25rem;
        margin-right: 0.25rem;
        display: inline-block;
    }

    ul.top-bar-contact li:first-of-type:before {
        display: none;
    }
}

.header-menu-container {
    max-width: calc(1280px + 4rem);
    margin: 0 auto;
    background-color: #FFFFFF;
    @media (max-width: 1480px) {
        max-width: unset;
    }
    @media (max-width: 1080px) {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
    @media (max-width: 600px) {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}

.header-menu {
    padding-left: 1rem;
    padding-right: 0;
    max-width: calc(1280px + 0rem);
    background-color: #408e97;
    height: 65px;

    @media (max-width: 1480px) {
        max-width: unset;
    }

    @media (max-width: 1080px) {
        padding-left: 0.5rem;

    }

    @media (max-width: 440px) {
        display: grid !important;
        grid-template-columns: 50px 1fr;
        grid-template-rows: max-content;
        padding-left: 0;
        height: auto;
        column-gap: 1rem;
    }

    .menu-item-news {
        @media (max-width: 1080px) {
            display: none;
        }
    }

    .menu-item-homepage {
        @media (max-width: 900px) {
            display: none;
        }
    }

    .wp-block-group {
        @media (max-width: 440px) {
            padding-right: 0;
            padding-left: 0;
            justify-self: center;
        }
    }

    .text-logo-site {
        background-image: url('/wp-content/themes/twentytwentyfour-dentist/img/logo2.png');
        height: 300px;
        width: 250px;
        display: block;
        background-position: left top;
        background-repeat: no-repeat;
        position: absolute;
        left: unset;
        top: 150px;
        margin-left: -97px;
        z-index: 3;
        overflow: hidden;
        font-size: 0;
        @media (max-width: 1480px) {
            top: 90px;
            margin-left: -99px;
            height: 230px;
        }

        @media (max-width: 1080px) {
            margin-left: -80px;
        }
        @media (max-width: 767px) {
            height: 210px;
        }
        @media (max-width: 600px) {
            height: 100px;
            width: 250px;
            margin-left: -75px;
        }

        @media (max-width: 440px) {
            order: 3;
            grid-column-start: 1;
            grid-column-end: 3;
            margin: 0;
            padding: 0;
            left: 0px;
            right: 0;
            position: relative;
            width: 100%;
            height: 65px;
            top: 0;
            background-image: url('/wp-content/themes/twentytwentyfour-dentist/img/logo_mobile.jpg');
            background-color: transparent;
            background-position: 0 0;
            background-size: cover;
        }
    }

    .text-logo-site a {
        height: 120px;
        display: block;
        visibility: visible;
        font-size: 0;
        @media (max-width: 600px) {
            height: 100%;
        }
    }

    .header-tel {
        background: none;
        padding: 0 0.5rem;
        line-height: revert;
        color: #fff !important;
        text-decoration: none;
        font-size: 32px;
        height: 65px;
        display: table-cell;
        overflow: hidden;
        vertical-align: middle;
        &:before {
            content: '';
            background-image: url('data:image/svg+xml,<svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><defs><style> .cls-1 { fill: %239ec5ca; } .cls-2 { fill: none; stroke: %239ec5ca; stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 1.53px; } </style></defs><path class="cls-1" d="M29.53,12.93h-8.07c-1.51,0-2.75,1.23-2.75,2.75v18.64c0,1.51,1.24,2.75,2.75,2.75h8.07c1.51,0,2.75-1.23,2.75-2.75V15.68c0-1.51-1.23-2.75-2.75-2.75ZM23.79,13.9h3.4c.14,0,.26.11.26.26s-.11.26-.26.26h-3.4c-.14,0-.26-.11-.26-.26s.11-.26.26-.26ZM26.91,35.79c0,.25-.2.45-.45.45h-1.94c-.25,0-.45-.2-.45-.45v-1.08c0-.25.2-.45.45-.45h1.94c.25,0,.45.2.45.45v1.08ZM30.81,33.03c0,.25-.2.45-.45.45h-9.74c-.25,0-.45-.2-.45-.45V15.99c0-.25.2-.45.45-.45h9.74c.25,0,.45.2.45.45v17.04Z"/><g><g><path class="cls-2" d="M11.84,31.52c-1.81-1.87-2.87-4.11-2.87-6.52s1.06-4.65,2.87-6.52"/><path class="cls-2" d="M14,29.63c-1.29-1.33-2.04-2.92-2.04-4.63s.75-3.3,2.04-4.63"/><path class="cls-2" d="M16.26,28.02c-.84-.87-1.33-1.9-1.33-3.02s.49-2.15,1.33-3.02"/></g><g><path class="cls-2" d="M39.14,18.48c1.81,1.87,2.87,4.11,2.87,6.52s-1.06,4.65-2.87,6.52"/><path class="cls-2" d="M36.98,20.37c1.29,1.33,2.04,2.92,2.04,4.63s-.75,3.3-2.04,4.63"/><path class="cls-2" d="M34.72,21.98c.84.87,1.33,1.9,1.33,3.02s-.49,2.15-1.33,3.02"/></g></g></svg>');
            background-repeat: no-repeat;
            background-position: center center;
            width: 50px;
            display: block;
            height: 50px;
            float: left;
            margin-right: 5px;

            @media (max-width: 600px) {
                margin-right: 0;
                height: 42px;
            }
        }
        @media (max-width: 1280px) {
            display: none;
        }
        @media (max-width: 767px) {
            display: table-cell;
        }

        @media (max-width: 600px) {
            font-size: 28px;
        }
    }

    .wp-block-navigation__responsive-container-close {
        position: sticky;
        right: 0;
        left: 0;
        margin-left: calc(100% - 1rem);
    }
}

.is-layout-constrained.wp-block-group-is-layout-constrained {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 0 !important;
    @media (max-width: 1080px) {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.block-slogan-homepage {
    position: relative;
    /*z-index: 3;*/
    /*top: -200px;*/
}

.text-slogan-homepage {

}

/**
Slider block
 */
.homepage-top-slider-block {
    padding-bottom: 0 !important;

    &.is-layout-constrained.wp-block-group-is-layout-constrained {
        padding-top: 0 !important;
        padding-right: 0;
        padding-left: 0;
        margin-top: 0;
        @media (max-width: 1480px) {
            padding-right: 2rem;
            padding-left: 2rem;
        }
        @media (max-width: 1080px) {
            padding-right: 1rem;
            padding-left: 1rem;
        }
        @media (max-width: 600px) {
            padding-right: 0;
            padding-left: 0;
        }
    }

    .nextend-arrow {
        display: none !important;
    }
}

.homepage-top-slider-block > .n2-section-smartslider {
    padding-left: 2rem;
    padding-right: 2rem;
    background: #ffffff;
    @media (max-width: 1480px) {
        padding-left: 0 !important;
        padding-right: 0 !important;
        background: #ffffff;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100%;
        max-width: unset;
    }


    .n2-ss-slider .n2-ss-slide-background,
    .n2-ss-slider .n2-ss-slide-background * {
        @media (max-width: 1480px) {
            height: 400px !important;
        }
        @media (max-width: 600px) {
            height: 100% !important;
        }
    }

    #n2-ss-2 .n2-ss-slider-4 {
        @media (max-width: 1480px) {
            height: 400px !important;
        }
        @media (max-width: 600px) {
            height: 100% !important;
        }
    }
}

.n2-section-smartslider  .n2-ss-align {
    min-width: unset !important;
}

.homepage-top-slider-block .homepage-top-slider-block-content {
    top: 0;
    position: absolute;
    right: calc(50% - 640px);
    left: calc(50% - 640px);
    max-width: 1280px;
    height: 640px;
    margin-top: 0;
    background-image: url('/wp-content/themes/twentytwentyfour-dentist/img/bg-slider.png');
    background-position: top right;
    background-repeat: no-repeat;
    background-size: contain;

    @media (max-width: 1480px) {
        top: unset;
        position: relative;
        right: unset;
        left: unset;
        max-width: unset;
        height: 400px;
        margin-top: -400px;
        background-size: revert;

    }

    @media (max-width: 600px) {
        background: unset;
        display: grid;
        grid-template-rows: auto auto;
        width: 100%;
        padding: 0;
        grid-template-columns: 1fr;
        height: unset;
        margin: 0 0 0;
    }
}

/**
Picture block
 */

.top-picture-container {
    margin-block-start: 0;
    max-width: calc(1280px + 4rem);
    margin: 0 auto;
    background: #FFFFFF;

    .top-picture {
        background-color: #FFFFFF;
        padding-left: 0 !important;
        padding-right: 0 !important;
        @media (max-width: 1480px) {
            max-width: 100%;
        }

        .wp-block-post-featured-image {
            @media (max-width: 1480px) {
                max-width: 100%;
            }

            img {
                height: 400px !important;
                @media (max-width: 600px) {
                    height: auto !important;
                    min-height: 250px;
                }
            }
        }
    }
}

.top-picture-container.wp-block-group-is-layout-constrained {
    padding-top: 2rem !important;
    @media (max-width: 1480px) {
        width: 100%;
        max-width: unset;
        padding-top: 0 !important;
    }
    @media (max-width: 600px) {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}

.top-picture-container .top-picture-block-content {
    top: 0;
    position: absolute;
    right: calc(50% - 640px);
    left: calc(50% - 640px);
    max-width: 1280px;
    height: 400px;
    margin-top: 2rem;
    background-image: url('/wp-content/themes/twentytwentyfour-dentist/img/bg-slider.png');
    background-position: top right;
    background-repeat: no-repeat;
    background-size: revert;

    @media (max-width: 1480px) {
        width: 100%;
        max-width: 100%;
        height: 400px;
        margin-top: -400px;
        position: relative;
        right: unset;
        left: unset;
        background-size: revert;
    }

    @media (max-width: 600px) {

        display: none;
        background: unset;
    }

    .top-slider-info-block {
        grid-template-rows: 60px auto auto auto auto 1fr;

        .map-link {
            display: none;
        }

        .lang-flags {
            margin-bottom: 5px;
        }

        @media (max-width: 600px) {
            display: none;
        }
    }
}

.main-content {
    max-width: calc(1280px + 4rem);
    margin: 0 auto;
    background: #ffffff;
    padding-right: 0 !important;
    padding-left: 0 !important;
    @media (max-width: 1480px) {
        max-width: 100%;
        margin-left: 0 !important;
    }
}

.main-content .content-area {
    padding-left: 2rem;
    padding-right: 2rem;
    max-width: calc(1280px + 4rem);
    padding-top: 2rem !important;
    @media (max-width: 1480px) {
        max-width: 100%;
    }
    @media (max-width: 1080px) {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}


/*https://stackoverflow.com/a/59161880/1266559*/

.slider-text {
    text-transform: uppercase;
    line-height: 69px;
    font-size: 60px;
    padding-left: 27px;
    margin-left: 0 !important;
    padding-bottom: 35px;
    @media (max-width: 1480px) {
        padding-bottom: 0;
        padding-left: 10px;
    }
    @media (max-width: 1080px) {
        font-size: 35px;
        line-height: 45px;
    }
}

.slider-text > span {
    font-family: "Bahnschrift", sans-serif;
    font-weight: bold;
    background-color: #f7f7f7;
    color: #307b82;
    box-shadow: -27px 0 0 0px #f7f7f7, 5px 0 0 0px #f7f7f7, 0px 0 0 0px #f7f7f7;
    box-decoration-break: clone;
    @media (max-width: 1480px) {
        box-shadow: -10px 0 0 0px #f7f7f7, 5px 0 0 0px #f7f7f7, 0px 0 0 0px #f7f7f7;
    }
}


@media (max-width: 420px) {
    .schedule {
        grid-template-columns: 1fr;
    }

    .time {
        text-align: left;
        padding-top: 0;
        margin-top: -6px;
    }
}

.top-slider-info-block {
    display: grid;
    grid-template-rows: 110px auto auto auto auto 1fr;
    gap: 0;
    height: 100%;
    width: 340px;
    padding-right: 0 !important;

    @media (max-width: 1480px) {
        grid-template-rows: 80px auto auto auto auto 1fr;
        width: 300px;
        min-width: 300px;
        padding-left: 0 !important;
    }

    @media (max-width: 767px) {
        width: 280px;
        min-width: 280px;
    }

    @media (max-width: 600px) {
        margin: 0 auto !important;
        height: unset;
        width: 100%;
        max-width: 400px;
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    &:before {
        content: '';
        background-image: url('/wp-content/themes/twentytwentyfour-dentist/img/privat-alle-kassen.png');
        background-repeat: no-repeat;
        background-position: top right;
        background-size: contain;
        margin-top: 10px;
    }

    .schedule-title,
    .lang-title {
        text-transform: uppercase;
        color: #408f97;
        display: grid;
        font-weight: 400;
        text-align: left;
        width: 100%;
        margin-top: 10px;
    }

    .schedule {
        display: grid;
        width: 100%;
        .opening-hours {
            display: grid;
            grid-template-columns: auto 1fr 0;
            gap: 0;
            width: 100%;
            overflow: hidden;
            color: #828282;
            background-color: #ffffff;
            margin-top: 0;
            margin-bottom: 0;
            font-size: 14px;

            .day-name {
                font-weight: normal;
                padding-right: 1rem;
                padding-left: 0.5rem;
                padding-top: 0.25rem;
                padding-bottom: 0.25rem;
            }

            .hours {
                padding-right: 0.5rem;
                padding-top: 0.25rem;
                padding-bottom: 0.25rem;
            }

            @media (max-width: 600px) {
                font-size: 16px;
            }

            span:nth-of-type(3),
            span:nth-of-type(4),
            span:nth-of-type(7),
            span:nth-of-type(8) {
                background: #f3f4f4;
            }

            @media (max-width: 767px) {
                font-size: 12px;
            }
        }

        .opening-hours-extra {
            display: grid;
            grid-template-columns: auto;
            gap: 0;
            overflow: hidden;
            color: #828282;
            margin-top: 0;
            margin-bottom: 1rem;
            margin-right: 0;
            font-size: 14px;
            background-color: #f3f4f4;
            padding: 0.25rem 0.5rem;

            @media (max-width: 767px) {
                font-size: 12px;
            }
        }
    }

    .lang-flags {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
        gap: 0.4rem;
        width: 100%;
        margin-top: 10px;
        margin-bottom: 25px;

        .flag-de, .flag-en, .flag-ua, .flag-az, .flag-mo, .flag-tr {
            aspect-ratio: 1.5;
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;
        }

        .flag-de {
            background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="600" viewBox="0 0 5 3"><desc>Flag of Germany</desc><rect id="black_stripe" width="5" height="3" y="0" x="0" fill="%23000"/><rect id="red_stripe" width="5" height="2" y="1" x="0" fill="%23D00"/><rect id="gold_stripe" width="5" height="1" y="2" x="0" fill="%23FFCE00"/></svg>');
        }

        .flag-en {
            background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 30" width="1000" height="600"><clipPath id="t"><path d="M25,15h25v15zv15h-25zh-25v-15zv-15h25z"/></clipPath><path d="M0,0v30h50v-30z" fill="%23012169"/><path d="M0,0 50,30M50,0 0,30" stroke="%23fff" stroke-width="6"/><path d="M0,0 50,30M50,0 0,30" clip-path="url(%23t)" stroke="%23C8102E" stroke-width="4"/><path d="M-1 11h22v-12h8v12h22v8h-22v12h-8v-12h-22z" fill="%23C8102E" stroke="%23FFF" stroke-width="2"/></svg>');
        }

        .flag-ua {
            background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="800"><rect width="1200" height="800" fill="%230057B7"/><rect width="1200" height="400" y="400" fill="%23FFD700"/></svg>');
        }

        .flag-az {
            background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg xmlns="http://www.w3.org/2000/svg" width="1200" height="600"><rect width="1200" height="600" fill="%23509e2f"/><rect width="1200" height="400" fill="%23ef3340"/><rect width="1200" height="200" fill="%2300b5e2"/><circle cx="570" cy="300" r="90" fill="%23fff"/><circle cx="590" cy="300" r="75" fill="%23ef3340"/><path d="M670 250l9.567 26.903 25.788-12.258-12.258 25.788L720 300l-26.903 9.567 12.258 25.788-25.788-12.258L670 350l-9.567-26.903-25.788 12.258 12.258-25.788L620 300l26.903-9.567-12.258-25.788 25.788 12.258z" fill="%23fff"/></svg>');
        }

        .flag-mo {
            background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="600" fill="%23ffd300"><path d="M0 0h1200v600H0z" fill="%23da2031"/><path d="M400 0h400v600H400z" fill="%230066b2"/><circle cx="200" cy="205" r="55"/><circle cx="200" cy="180" r="60" fill="%23da2031"/><circle cx="200" cy="190" r="40"/><path d="M204.2035 60c-4.97 2.255-6.827 6.321-7.227 10.371-.25 3.41 1.255 7.251 1.405 10.586 0 5.739-5.938 7.629-5.938 15.82 0 2.815 2.6 5.917 2.6 13.223-.45 3.835-2.59 4.7-5 5a5 5 0 0 1-5-5 5 5 0 0 1 1.385-3.44 5 5 0 0 1 .51-.5c1.14-1.15 2.705-1.595 2.695-4.63 0-1.56-1.01-2.98-1.975-5.742-.91-2.68-.25-7.16 1.915-9.805-3.5 1.35-5.657 4.705-6.757 7.715-1.16 3.7-.15 5.831-1.74 8.906-.97 1.99-2.125 2.815-3.22 4.475-1.295 1.81-2.815 6.043-2.815 8.008a25 25 0 0 0 50 0c0-1.965-1.5-6.198-2.795-8.008-1.095-1.66-2.27-2.485-3.24-4.475-1.57-3.075-.56-5.206-1.72-8.906-1.1-3.01-3.26-6.364-6.758-7.715 2.165 2.645 2.825 7.125 1.915 9.805-.97 2.76-1.99 4.18-1.99 5.742 0 3.035 1.555 3.48 2.695 4.63a5 5 0 0 1 .51.5 5 5 0 0 1 1.385 3.44 5 5 0 0 1-5 5c-2.765-.35-4.75-1.64-5-5 0-9.626 4.12-10.24 4.12-17.363 0-10.171-9.121-14.986-9.121-22.422 0-2.52.59-6.815 4.16-10.2275zM90 270h50v240H90zm170 0h50v240h-50zm-110 0h100l-50 30zm0 40h100v20H150zm0 140h100v20H150zm0 30h100l-50 30z"/><circle cx="200" cy="390" r="50"/><g fill="%23da2032"><circle cx="200" cy="363.5" r="10"/><circle cx="200" cy="416.5" r="10"/><path d="M200 334a29.5 29.5 0 0 1 0 59 23.5 23.5 0 0 0 0 47v6a29.5 29.5 0 0 1 0-59 23.5 23.5 0 0 0 0-47z"/></g></svg>')
        }

        .flag-tr {
            background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="800" viewBox="0 -30000 90000 60000"><title>Flag of Turkey</title><path fill="%23e30a17" d="m0-30000h90000v60000H0z"/><path fill="%23fff" d="m41750 0 13568-4408-8386 11541V-7133l8386 11541zm925 8021a15000 15000 0 1 1 0-16042 12000 12000 0 1 0 0 16042z"/></svg>');
        }
    }

    .map-link {
        display: grid;
        height: 100%;
        width: 100%;
        margin-top: 0;
        background-image: url('/wp-content/themes/twentytwentyfour-dentist/img/map-logo.webp');
        background-position: center right;
        background-size: cover;
        background-repeat: no-repeat;
        @media (max-width: 1480px) {
            display: none;
        }
    }
}

.top-slider-info-block {

}


.pages-type-header {

}

.pages-type-content, .pages-with-sidebar-type-content {
    max-width: calc(1280px + 4rem);
    margin: 0 auto;
    background: #FFFFFF;
    padding-bottom: 4rem;
}

.pages-type-content.wp-block-group-is-layout-constrained,
.pages-with-sidebar-type-content.wp-block-group-is-layout-constrained {
    padding-top: 2rem !important;
}

main.wp-block-group:has(.pages-type-content) {
    margin-block-start: 0;
}


/**
Footer
 */
.footer-page {
    margin-block-start: 0;
    max-width: calc(1280px + 4rem);
    margin: 0 auto;
    padding-bottom: 0 !important;
    color: #bad7d9;

    a {
        color: #bad7d9 !important;
        font-weight: 300;
    }

    @media (max-width: 1080px) {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}

footer.wp-block-template-part {
    background-color: #408e97;
}

footer.wp-block-template-part:has(.footer-page) {
    margin-block-start: 2rem;
}

.footer-columns {
    padding-top: 5px;
    padding-bottom: 5px;
    @media (max-width: 1080px) {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
        row-gap: 3rem;
        margin-top: 2rem;
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    @media (max-width: 767px) {
        grid-template-columns: 1fr;
    }
}

.footer-column-kontakt {
    @media (max-width: 1080px) {
        order: 1;
    }
}

.footer-column-unsere-sprechzeiten {
    @media (max-width: 1080px) {
        order: 2;
    }
}

.footer-column-menu {
    @media (max-width: 1080px) {
        order: 3;
    }
}

.footer-column-unser-leistungsspektrum {
    @media (max-width: 1080px) {
        order: 4;
    }
}

.footer-column-unser-leistungsspektrum,
.footer-column-kontakt,
.footer-column-unsere-sprechzeiten {
    .title {
        text-transform: uppercase;
        color: #FFFFFF;
        font-weight: normal;
    }
}

.footer-column-unser-leistungsspektrum,
.footer-column-menu {
    padding-top: 2rem;
    padding-bottom: 2rem;
    @media (max-width: 1080px) {
        padding-top: unset;
        padding-bottom: unset;
    }
}

.footer-column-kontakt,
.footer-column-unsere-sprechzeiten {
    font-weight: 300;
    padding-left: 2rem;
    border-left: 1px solid #bad7d9;
    padding-top: 2rem;
    padding-bottom: 2rem;

    @media (max-width: 1080px) {
        padding-left: unset;
        border-left: unset;
        padding-top: unset;
        padding-bottom: unset;
    }

    ul {
        list-style: none;
        margin-left: 0;
        padding-left: 0;
        margin-top: 1rem;
        color: #FFFFFF;

        li {
            line-height: 120%;
            margin-top: 0.5rem;
            margin-bottom: 0.5rem;
        }
    }
}

.footer-column-unser-leistungsspektrum {
    ul {
        display: grid;
        grid-template-columns: repeat(2, auto);
        gap: 0.25rem;

        @media (max-width: 1280px) {
            grid-template-columns: 1fr;
        }

        li {
            display: grid;
            padding-right: 0.25rem !important;
        }
    }
}

.footer-column-menu {
    ul {
        display: grid;
        gap: 0.25rem;

        li {
            display: grid;
            text-transform: uppercase;

            &:first-of-type {
                font-weight: normal;

                a {
                    color: #FFFFFF;
                }
            }

        }
    }
}

.sidebar-column {
    padding-left: 0 !important;
    padding-right: 1rem !important;

    @media (max-width: 781px) {
        padding-right: 0 !important;
    }

    .sidebar-contents-menu {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 3rem;
    }

    .sidebar-title {
        margin-top: unset;
        text-transform: uppercase;
        color: #fff;
        font-weight: 400;
        text-align: left;
        background-color: #408f97;
        padding: 0.5rem 1rem;
        margin-right: 0 !important;
        display: block !important;
        width: unset;
        @media (max-width: 1280px) {
            padding-right: 0;
        }
    }

    ul {
        padding-left: 0;
        display: grid;

        li {
            background-color: unset;
            margin-top: 7px;
            margin-bottom: 7px;
            background-image: url(/wp-content/themes/twentytwentyfour-dentist/img/menu-el-dots.png);
            background-repeat: repeat-x;
            background-position: center 100%;
            list-style: none;
            padding: 0;
            order: 1;

            &:hover {
                background-color: #f3f4f4;
            }

            &.current_page_item {
                order: 0;
            }

            a {
                color: #408f97;
                background-image: url(/wp-content/themes/twentytwentyfour-dentist/img/menu-el-arrows.png);
                background-repeat: no-repeat;
                background-position: right bottom;
                width: calc(100% - 1rem);
                display: inline-table;
                padding: 0 1rem 0 0;
            }
        }
    }

    .sidebar-column-content {
        padding-left: 0;
        @media (max-width: 1280px) {
            padding-right: 0;
        }
    }
}

.sidebar-column-menu {
    @media (max-width: 1080px) {
        flex-basis: 35% !important;
    }
    @media (max-width: 781px) {
        order: 2;
    }
}

.sidebar-column-featured {
    @media (max-width: 1080px) {
        display: none;
    }
}

/**
Menu burger fix
 */
@media ( min-width: 768px ) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: none !important;
    }

    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: block !important;
    }
}

@media ( min-width: 600px ) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: flex;
    }

    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none;
    }
}

.is-menu-open {
    &.wp-block-navigation__responsive-container {
        padding: 1rem !important;
    }

    .wp-block-navigation__container.is-responsive.wp-block-navigation {
        display: grid;
        height: 100%;

        .wp-block-navigation-item {
            height: auto;
            color: #408f97;
            background: unset;
            outline: none;
            &:focus {
                outline: none;
            }

            a {
                background: unset;
                color: #408f97;

                span {
                    color: #408f97;
                }
            }

            .wp-block-navigation__submenu-container {
                padding-right: 0;
                padding-left: 1rem;
                padding-bottom: 1rem;
            }
        }
    }

    .wp-block-navigation__responsive-dialog {
        display: grid;
        grid-template-rows: auto 1fr;

        .wp-block-navigation__responsive-container-content {
            height: max-content;
            display: grid;
            padding-top: 0;
            padding-bottom: 2rem;
            overflow: hidden;
        }
    }
}

.grid-leistungsspektrum {
    gap: 2.5rem;
    grid-template-columns: repeat(auto-fit, minmax(13rem, 13rem));
    grid-auto-rows: minmax(11rem, auto);
    width: 60rem;
    @media (max-width: 1480px) {
        gap: 2rem;
        grid-template-columns: repeat(auto-fit, minmax(12rem, 12rem));
        grid-auto-rows: minmax(10rem, auto);
        margin: 0 auto !important;
        /*min-width: 54rem;*/
        width: 54rem;
    }
    @media (max-width: 1080px) {
        width: 40rem;
    }

    @media (max-width: 767px) {
        min-width: unset;
        grid-template-columns: calc(50% - 0.5rem) calc(50% - 0.5rem);
        gap: 1rem;
        width: 100%;
        grid-auto-rows: minmax(10rem, auto);

    }

    .blockart-button-link {
        color: #408f97 !important;
        font-size: 20px;
        font-family: Roboto, sans-serif;
        font-weight: normal;
        width: 100%;
        display: grid;
        grid-template-rows: 1fr auto;
        border: unset !important;

        &:hover {
            text-decoration: underline;
        }

        .blockart-button-icon {
            margin-bottom: 1rem;
            margin-top: 1rem;

            .blockart-icon {
                margin: 0 auto;
                height: 3.5rem;
                width: 3.5rem;
            }
        }
    }

    .wp-block-buttons {
        width: 100%;
        height: 100%;

        .wp-block-button {
            width: 100%;
            height: 100%;

            a {
                color: #408f97 !important;
                font-size: 18px;
                font-family: Roboto, sans-serif;
                font-weight: normal;
                display: grid;
                grid-template-rows: 0rem 3rem 3rem 0rem;
                text-align: center;
                grid-template-columns: 1fr;
                margin: 0 auto;
                line-height: normal;
                align-items: center;
                padding-left: 5px;
                padding-right: 5px;

                @media (max-width: 767px) {
                    font-size: 16px;
                }

                &:hover {
                    text-decoration: underline;
                }

                &:before {
                    content: '';
                }

                img {
                    margin: 0 auto;
                }
            }
        }
    }
}

.grid-leistungsspektrum > div {
    box-shadow: -1px -1px 18px 6px rgba(69, 69, 69, 0.25);
    -webkit-box-shadow: -1px -1px 18px 6px rgba(69, 69, 69, 0.25);
    -moz-box-shadow: -1px -1px 18px 6px rgba(69, 69, 69, 0.25);
}

.grid-leistungsspektrum > div:has(a:hover) {
    box-shadow: -1px -1px 18px 6px rgba(69, 69, 69, 0.50);
    -webkit-box-shadow: -1px -1px 18px 6px rgba(69, 69, 69, 0.50);
    -moz-box-shadow: -1px -1px 18px 6px rgba(69, 69, 69, 0.50);
}

.homepage-grid-leistungsspektrum {
    grid-template-columns: 13rem auto;
    gap: 2.5rem;
    @media (max-width: 1480px) {
        grid-template-columns: 12rem auto;
        gap: 2rem;
    }
    @media (max-width: 1280px) {
        grid-template-columns: unset;
    }


    .grid-leistungsspektrum {

        min-width: 54rem;
        width: unset;
        @media (max-width: 1080px) {
            min-width: 27rem;
        }

        @media (max-width: 767px) {
            min-width: unset;
            margin-left: 1rem !important;
            margin-right: 1rem !important;
        }
    }

    .homepage-grid-leistungsspektrum-col1 {
        .homepage-grid-leistungsspektrum-col1-title {
            padding-left: 0;
            padding-right: 0;

            .homepage-grid-leistungsspektrum-title {
                padding-left: 0;
                padding-right: 0;
                height: 13rem;
                background-color: #408f97;
                @media (max-width: 1480px) {
                    height: 12rem;

                }
                @media (max-width: 1280px) {
                    height: unset;
                    margin: 0;
                    padding: 0;
                }

                h2 {
                    font-size: 20px;
                    font-style: normal;
                    color: #ffffff;
                    font-family: Roboto, sans-serif;
                    font-weight: normal;
                    margin-left: 1rem !important;
                    margin-right: 0 !important;
                    line-height: 1.2rem;
                    padding-top: 7.5rem;
                    text-transform: uppercase;
                    @media (max-width: 1280px) {
                        margin: 0;
                        padding: 1rem;
                    }
                }
            }
        }
    }
}

.is-layout-constrained.wp-block-group-is-layout-constrained:has(.homepage-grid-leistungsspektrum) {
    @media (max-width: 767px) {
        padding-left: 0;
        padding-right: 0;
    }
}


.homepage-grid-leistungsspektrum-col1-element {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
    @media (max-width: 1280px) {
        display: none;
    }

    .homepage-grid-leistungsspektrum-col1-element-sub {
        background-image: url('/wp-content/themes/twentytwentyfour-dentist/img/tooth-element2.png');
        background-position: left top;
        background-repeat: no-repeat;
        width: 312px;
        height: 236px;
        position: absolute;
        margin-left: -8rem !important;
        margin-top: -2.5rem;
        @media (max-width: 1480px) {
            margin-top: -1.5rem;
            margin-left: -6rem !important;
        }
    }
}

.blockart-toc {
    border: unset;
    margin-top: 2rem;
    margin-bottom: 2rem;

    ::marker {
        color: #408f97;
    }

    a {
        border-bottom: 1px dashed;

        &:hover {
            border: unset;
        }
    }
}

main.has-global-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
    @media (max-width: 781px) {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

.team-block {
    @media (max-width: 1080px) {
        display: grid !important;
        grid-template-rows: 1fr auto !important;
    }

    ul {
        margin-block-start: 0;
    }

    p {
        margin-block-end: 0.5rem;
    }
}

.team-personal-details {
    grid-template-columns: 100px 1fr;

    @media (max-width: 480px) {
        grid-template-columns: 1fr;
        gap: 0;
    }

    h2 {
        @media (max-width: 480px) {
            grid-column: unset;
            grid-row: unset;
        }
    }


    p {
        @media (max-width: 480px) {
            margin-block-end: unset;
            margin-block-start: unset;
        }

        &.has-text-color {
            @media (max-width: 480px) {
                margin-top: 1rem;
            }
        }
    }
}

.team-photo {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.page-template-homepage {
    overflow-x: hidden;

    .block-full-width {
        width: 100vw;
        margin-left: calc(50% - 50vw);
        padding-top: 3rem !important;
        padding-bottom: 1rem !important;
    }
}


.wptww-testimonial-content {
    max-height: 15rem;
    height: 15rem;
    overflow: hidden;
}

.wptww-testimonials-slidelist.design-3 .wptww-testimonial-inner:after,
.wptww-testimonials-list.design-3 .wptww-testimonial-inner:after,
.wptww-testimonials-slide-widget.design-3 .wptww-testimonial-inner:after {
    display: none;
}

.wptww-testimonials-slidelist.design-3 .wptww-testimonial-inner:before,
.wptww-testimonials-list.design-3 .wptww-testimonial-inner:before,
.wptww-testimonials-slide-widget.design-3 .wptww-testimonial-inner:before {
    display: none;
}

.wptww-testimonials-slidelist.design-3 .wptww-testimonial-inner,
.wptww-testimonials-list.design-3 .wptww-testimonial-inner,
.wptww-testimonials-slide-widget.design-3 .wptww-testimonial-inner {
    background-color: #f2f2f2;
    border: none;
    border-radius: 0.5rem;
    margin: 0;
    height: unset;
    padding: 0.5rem;
    text-align: left;
}

.wptww-testimonials-slidelist.design-3 .wptww-testimonial-inner .wptww-testimonial_avatar,
.wptww-testimonials-list.design-3 .wptww-testimonial-inner .wptww-testimonial_avatar {
    position: unset;
    top: unset;
    left: unset;
    right: unset;
    width: unset;
    height: unset;
    margin: 0;
    padding: 0;
}

.wptww-testimonials-slidelist.design-3 .wptww-testimonial-inner .wptww-testimonial_avatar img,
.wptww-testimonials-list.design-3 .wptww-testimonial-inner .wptww-testimonial_avatar img,
.wptww-testimonials-slide-widget.design-3 .wptww-testimonial-inner .wptww-testimonial_avatar img {
    width: 50px;
    max-width: 50px;
    height: auto;
    border: none;
    padding: 0;
    background: #fff;
}

.wptww-testimonial_reviewer {
    display: grid;
    grid-template-columns: 50px auto;
    gap: 0.5rem;
    row-gap: 0;
}

.wptww-testimonials-slidelist.design-3 .wptww-testimonial-inner .wptww-testimonial_avatar .wptww-avtar-image {
    width: unset;
    margin: unset;
    line-height: normal;
    padding: 0;
    height: 50px;
}

.wptww-testimonials-list.design-3 .wptww-testimonial-author,
.wptww-testimonials-slidelist.design-3 .wptww-testimonial-author,
.wptww-testimonials-slide-widget.design-3 .wptww-testimonial-author {
    padding-top: unset !important;
}

.wptww-testimonial-client {
    font-weight: normal;
    color: darkblue;
}

.wptww-testimonial-cdec {
    line-height: normal;
    font-size: smaller;
}

.wptww-testimonial-stars {
    grid-column-start: 1;
    grid-column-end: 3;
    line-height: normal;
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg width="800px" height="800px" viewBox="0 -0.5 33 33" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs></defs><g id="Vivid.JS" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Vivid-Icons" transform="translate(-903.000000, -411.000000)" fill="%23fa5d00"><g id="Icons" transform="translate(37.000000, 169.000000)"><g id="star" transform="translate(858.000000, 234.000000)"><g transform="translate(7.000000, 8.000000)" id="Shape"><polygon points="27.865 31.83 17.615 26.209 7.462 32.009 9.553 20.362 0.99 12.335 12.532 10.758 17.394 0 22.436 10.672 34 12.047 25.574 20.22"></polygon></g></g></g></g></g></svg>');
    height: 16px;
    background-size: 18px 16px;
    margin: 5px 0;
    width: 90px;

    &.wptww-testimonial-stars-4 {
        width: 72px;
    }

    &.wptww-testimonial-stars-3 {
        width: 54px;
    }
}

.wptww-testimonials-list .wptww-testimonials-text p,
.wptww-testimonials-slidelist .wptww-testimonials-text p,
.wptww-testimonials-slide-widget .wptww-testimonials-text p {
    font-size: 15px;
    margin-bottom: 0 !important;
    margin-block-end: 0;
    margin-block-start: 0;
    text-align: left;
}

.wptww-testimonials-slidelist .slick-dots {
    display: none !important;
    @media (max-width: 1480px) {
        bottom: -10px !important;
        left: calc(50% - 100px);
        right: calc(50% - 100px);
        display: block !important;
    }
}


.wptww-testimonials-slidelist button.slick-prev {
    top: 50%;
    left: -3rem !important;
    @media (max-width: 1480px) {
        display: none !important;
    }
}

.wptww-testimonials-slidelist button.slick-next {
    top: 50%;
    right: -3rem !important;
    @media (max-width: 1480px) {
        display: none !important;
    }
}


.blog, .single-post {
    main {
        max-width: calc(1280px + 4rem);
        margin: 0 auto;
        background: #FFFFFF;
        padding-bottom: 4rem;

        @media (max-width: 1480px) {
            max-width: 100%;
            width: 100%;
        }

        .blog-content {
            padding-left: 0 !important;
            padding-right: 0 !important;
            padding-top: 2rem !important;

            @media (max-width: 1480px) {
                padding-left: 2rem !important;
                padding-right: 2rem !important;
            }

            @media (max-width: 1080px) {
                padding-left: 1rem !important;
                padding-right: 1rem !important;
            }


            h1 {
                @media (max-width: 1480px) {
                    margin-left: 0;
                    margin-right: 0;
                    width: 100%;
                    max-width: 100%;
                }
            }

            .blog-list {
                padding-left: 0 !important;
                padding-right: 0 !important;

                @media (max-width: 1480px) {
                    margin-left: 0;
                    margin-right: 0;
                    width: 100%;
                    max-width: 100%;
                }

                div {
                    @media (max-width: 1480px) {
                        margin-left: 0;
                        margin-right: 0;
                        width: 100%;
                        max-width: 100%;
                    }
                }

                h2 {
                    font-size: x-large !important;
                }
            }
        }
    }
}

.contact-page-address {
    display: grid;
    align-items: center;
    vertical-align: middle;
    height: 100%;
}

.page-template-contact-page {

    .is-layout-constrained > .alignwide {
        max-width: unset;
    }

    main.is-layout-constrained.wp-block-group-is-layout-constrained {
        padding-top: 2rem !important;
    }

    main {
        background: #fff;
        padding-left: 2rem !important;
        padding-right: 2rem !important;
        max-width: fit-content;
        margin: 0 auto !important;

        @media (max-width: 1480px) {
            padding-left: 1rem !important;
            padding-right: 1rem !important;
        }
        @media (max-width: 1080px) {
            padding-left: 0 !important;
            padding-right: 0 !important;
        }
    }

    .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
        @media (max-width: 1480px) {
            max-width: unset;
        }
    }

    .contact-foto-address-grid {

    }
}

.contact-foto-address-grid {
    @media (max-width: 1080px) {

        display: grid !important;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 1rem;

    }

    @media (max-width: 767px) {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 180px;
        gap: 0.5rem;
    }

    div {
        overflow: hidden;

        img {
            @media (max-width: 1080px) {
                width: unset;
            }
        }
    }

    div:nth-child(3) {
        @media (max-width: 1080px) {
            display: none;
        }
    }

    div.address {
        @media (max-width: 767px) {
            grid-column-start: 1;
            grid-column-end: 3;
        }
    }
}

.footer-open-hours {
    padding: 0 !important;
    margin: 1rem 0 0 !important;

    .opening-hours {
        text-align: left;
        padding: 0;
        margin-left: 0 !important;
        margin-right: 0 !important;
        border-spacing: 0 !important;
        tr, th, td {
            line-height: 1.5rem;
            font-weight: 300;
        }

        .day-name {
            padding-right: 0.5rem;
        }
    }

    p {
        margin-top: 0;
    }
}

.service-card {
    display: grid;
    grid-template-rows: 75px 1fr;
    gap: 0;
    min-height: 200px;

    box-shadow: -1px -1px 18px 6px rgba(69, 69, 69, 0.25);
    -webkit-box-shadow: -1px -1px 18px 6px rgba(69, 69, 69, 0.25);
    -moz-box-shadow: -1px -1px 18px 6px rgba(69, 69, 69, 0.25);

    .wp-block-acf-field-blocks-acf-image {
        width: fit-content;
        height: fit-content;
        margin: 1rem auto 0.5rem;
    }

    p.wp-block-acf-field-blocks-acf-text {
        text-align: center;
        color: #307b82;
        text-transform: uppercase;
    }
}

.service-featured-picture {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-top: 0 !important;
}

.blog {
    .blog-list-content {
        .wp-block-query.alignwide.is-layout-flow {
            background-color: #fff;
            width: 1280px;
            max-width: unset;
            padding-left: 2rem;
            padding-right: 2rem;
            @media (max-width: 1480px) {
                padding-left: 0;
                padding-right: 0;
                width: unset;
            }
        }
    }
    ul.wp-block-post-template {
        li {
            background-color: #eaeaea;
            h2 {
                background-color: #dedede;
                width: 100%;
                padding-left: 0.5rem;
                padding-right: 0.5rem;
                padding-top: 1rem;
                a {
                    font-size: x-large;
                    line-height: unset;
                    padding: 0;
                    margin: 0;
                    display: table-cell;
                }
            }

            .wp-block-post-excerpt {
                padding: 0.5rem;
            }
        }
    }
}