/*
Theme Name: Baeckerei Tauber
Theme URI: 
Author: dein Name / Firma
Author URI: 
Description: Individuelles Theme für Bäckerei Tauber
Version: 1.0.0
Template: bakery-and-pastry
Text Domain: baeckerei-tauber
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
*/


:root {}

body {
    max-width: 100%;
    overflow-x: hidden;
}

header .header-clippy {
    /*
    -webkit-mask: url("http://backen.rasslstudio.com/wp-content/uploads/2026/05/ChatGPT-Image-9.-Mai-2026-20_01_04.png") center / contain no-repeat;
    mask: url("http://backen.rasslstudio.com/wp-content/uploads/2026/05/ChatGPT-Image-9.-Mai-2026-20_01_04.png") center / contain no-repeat;*/

    height: 100%;
}

.wp-site-blocks strong {
    font-weight: 600;
}


.wp-block-cover:has(.header-clippy) {
    align-items: flex-end;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);


    .wp-block-cover__inner-container {
        position: relative;
        z-index: 5;
    }

    &:after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(to bottom, rgba(20, 20, 20, 0.55) 0%, rgba(20, 20, 20, 0.25) 40%, rgba(20, 20, 20, 0) 100%);
        pointer-events: none;
        transform: scaleY(-1);
        bottom: 0;
        left: 0;
        width: 100%;
        height: 173px;
        top: auto;

    }


}



.top {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;


}

.top .wp-block-navigation-item__content:hover {
    text-decoration: underline;
}



body:not(.scrolled) .top {
    .top-logo a {
        padding: 4%;
        background: var(--wp--preset--color--base);
        border-radius: 50%;

    }

    .wp-block-button__link .top-logo a {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
    }

    .wp-block-navigation__container {
        text-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
    }

}


.wp-block-site-logo img {
    transition:
        transform .45s cubic-bezier(.2, .8, .2, 1),
        filter .35s ease;
}


.wp-block-site-logo:hover img {
    transform:
        scale(1.05) rotate(-2deg);

}


.wp-block-site-log:active img {
    transform: scale(.96);
}

.header {
    min-height: calc(100vh);
    min-height: calc(100svh);
}

.content-cover {
    min-height: 65svh;
}

.top-inner {
    transition: all 0.5s;

    box-shadow: 1px 3px 4px 2px rgba(0, 0, 0, 0.06);

    >* {
        position: relative;
    }
}

body:not(.scrolled) .top-inner::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom,
            rgba(20, 20, 20, 0.55) 0%,
            rgba(20, 20, 20, 0.25) 40%,
            rgba(20, 20, 20, 0) 100%);
    pointer-events: none;
}


body.scrolled .top-inner {
    padding-top: var(--wp--preset--spacing--superbspacing-xxsmall) !important;
    padding-bottom: var(--wp--preset--spacing--superbspacing-xxsmall) !important;
}

body:has(.header):not(.scrolled) .top-inner {
    background: transparent !important;
    box-shadow: none;

    * {
        color: white;
    }
}


body.scrolled .top-logo,
body:not(.scrolled) .logo-sign {
    display: none !important;
}

body.scrolled .logo-sign {
    display: block !important;
}


footer .wp-block-navigation__container {
    gap: 0 !important;

    a:hover {
        text-decoration: underline;
    }
}



footer .wp-block-navigation__container li:not(:last-child)::after {
    content: "|";
    margin: 0 0.5em;
}

.footer-top>.wp-block-column:last-child {
    margin-left: auto;
}


.wp-block-social-links a {
    width: 1.5em;
    height: 1.5em;

    border: 1px solid currentColor !important;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 1.5em;

    position: relative;
    overflow: hidden;


    transition:
        transform .25s ease,
        background .25s ease,
        color .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;

    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}


.wp-block-social-links a>* {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: center;
}


.wp-block-social-links a::before {
    content: "";

    position: absolute;
    inset: 0;

    background: currentColor;

    opacity: 0;

    transition: opacity .25s ease;

    z-index: 1;
}


.wp-block-social-links svg {
    width: 100%;
    height: 100%;

    transition: transform .25s ease;
}

.wp-block-social-links svg,
.wp-block-social-links path {
    fill: currentColor;

    transition: fill .25s ease;
}


.wp-block-social-links a:hover {
    transform: translateY(-2px);

    background: rgba(255, 255, 255, 0.08);

    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.16);
}


.wp-block-social-links a:hover::before {
    opacity: .08;
}


.wp-block-social-links a:hover svg {
    transform: scale(1.05);
}

.wp-block-social-links a:active {
    transform: scale(.97);
}

/* elements */

/* circle */

.circle {
    position: relative;
    overflow: hidden;
    background-image: none !important;
    min-height: 180px;
    min-width: 180px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.circle::before {
    content: "";
    position: absolute;

    width: 95%;
    height: 95%;

    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%);

    background-image: url('/wp-content/uploads/2026/05/kreis.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;

    animation: rotateCircle 20s linear infinite;
    transform-origin: center;

    z-index: 0;
}

.circle>* {
    position: relative;
    z-index: 1;
}

@keyframes rotateCircle {
    from {
        transform: translate(-50%, -50%) rotate(var(--start-rotate));
    }

    to {
        transform: translate(-50%, -50%) rotate(calc(360deg + var(--start-rotate)));
    }
}

/* unterschiedliche Startpositionen */

.circle:nth-of-type(1)::before {
    --start-rotate: 0deg;
}

.circle:nth-of-type(2)::before {
    --start-rotate: 120deg;
}

.circle:nth-of-type(3)::before {
    --start-rotate: 240deg;
}

/* contentbox */


.state-clickable {
    cursor: pointer;
}

.contentbox {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate;

    min-height: 70vh;
    height: 100%;

    display: flex;
    align-items: center;
    justify-content: center;

    cursor: pointer;

    border-radius:
        44% 56% 46% 54% / 24% 24% 76% 76% !important;

    box-shadow:
        0 18px 45px rgba(0, 0, 0, .16),
        inset 0 1px 0 rgba(255, 255, 255, .08);

    -webkit-mask-image: -webkit-radial-gradient(white, black);
    transform: translateZ(0);


    transition:
        border-radius .7s ease,
        transform .45s ease,
        box-shadow .45s ease;


    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);

    button {
        right: auto;
        left: 50%;
        top: auto;
        top: 50%;
        transform: translate(-50%, -50%);
    }
}



.contentbox .wp-block-cover__image-background {
    transition:
        transform .8s ease,
        filter .45s ease;
}

.contentbox .wp-block-cover__inner-container {
    position: relative;
    z-index: 2;

    transition: transform .45s ease;
}


.contentbox h4,
.contentbox p,
.contentbox .wp-block-button__link {
    transition: all .35s ease;
}


.contentbox:hover {


    border-radius:
        50% 50% 48% 52% / 20% 20% 80% 80% !important;

    box-shadow:
        0 35px 65px rgba(0, 0, 0, .28),
        0 12px 30px rgba(0, 0, 0, .18);
}



.contentbox:hover .wp-block-cover__image-background {
    transform: scale(1.08);
    filter: brightness(1.08);
}


.contentbox:hover .wp-block-cover__inner-container {
    transform: translateY(-8px);
}

.contentbox:hover h4 {
    transform: translateY(-4px);
}

.contentbox:hover p {
    opacity: 1;
}

/* UNGERADE */
.wp-block-column:nth-child(odd) .contentbox {
    border-radius:
        44% 56% 46% 54% / 24% 24% 76% 76% !important;
}

.wp-block-column:nth-child(odd) .contentbox:hover {
    border-radius:
        50% 50% 48% 52% / 20% 20% 80% 80% !important;
}

/* GERADE = KOPFÜBER */
.wp-block-column:nth-child(even) .contentbox {
    border-radius:
        46% 54% 44% 56% / 76% 76% 24% 24% !important;
}

.wp-block-column:nth-child(even) .contentbox:hover {
    border-radius:
        48% 52% 50% 50% / 80% 80% 20% 20% !important;
}


/* Buttons */


.wp-block-button__link,
button,
input[type="submit"],
input[type="button"] {
    position: relative;
    overflow: hidden;

    transition:
        transform .25s ease,
        background .25s ease,
        color .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;

    text-shadow: none !important;

    box-shadow: none;
    /* kein Schatten normal */
}



.wp-block-button__link:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
    transform: translateY(-2px) scale(1.015);

    box-shadow:
        0 6px 18px rgba(0, 0, 0, .10);
}


/* click */
.wp-block-button__link:active,
button:active,
input[type="submit"]:active,
input[type="button"]:active {
    transform: scale(.985);
}


.wp-block-image button {
    backdrop-filter: blur(0px) !important;
}

/* Bilder in Columns */

main {
    .wp-block-columns .wp-block-image img {
        border-radius:
            38% 62% 44% 56% / 18% 18% 82% 82% !important;

        transition:
            border-radius .6s ease,
            transform .35s ease,
            box-shadow .35s ease,
            filter .35s ease;

        box-shadow:
            0 10px 28px rgba(0, 0, 0, .10);

        overflow: hidden;
    }

    .wp-block-columns .wp-block-image button {
        top: 50% !important;
        right: 50% !important;
        transform: translate(50%, -50%);

    }


    .wp-block-columns .wp-block-column:nth-child(even) .wp-block-image img {
        border-radius:
            56% 44% 58% 42% / 82% 82% 18% 18% !important;

    }


    .wp-block-columns .wp-block-image:has(a:hover) img,
    .wp-block-columns .wp-block-image.wp-lightbox-container:hover img {
        transform: scale(1.015);



        box-shadow:
            0 16px 36px rgba(0, 0, 0, .14);

        filter: brightness(1.03);
    }
}


/* 
navigation
*/

body .wp-block-navigation__submenu-container {
    background: white !important;
    color: var(--wp--preset--color--mono-1) !important;
    text-shadow: none;
    border: 0 !important;
    box-shadow: 0px 0px 3px #00000024;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 20px;
    margin-top: 10px;

    &::before {
        background: transparent;
        content: "";
        left: 0;
        bottom: calc(100% + 30px);
        height: 30px;
        width: 100%;
        position: absolute;
        bottom: calc(100% - 20px);
    }

    * {
        color: var(--wp--preset--color--mono-1) !important;
    }
}


body .wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content {
    display: flex;
    flex-grow: 1;
    padding: .4em 1em;
    line-height: normal;
}

.wp-block-navigation__responsive-container-open {
    display: flex;
    align-items: center;
    gap: .5em;
    white-space: nowrap;

    * {
        text-shadow: none !important;
    }
}


.wp-block-navigation__responsive-container-open::before {
    content: "Menü";

    font-size: 14px;
    font-weight: 600;
    line-height: 1;
}

html[lang="it-IT"] .wp-block-navigation__responsive-container-open::before {
    content: "Menu";
}

html[lang="de-DE"] .wp-block-navigation__responsive-container-open::before {
    content: "Menü";
}

.wp-block-navigation__responsive-container-close {
    display: flex;
    align-items: center;
    gap: .5em;
}

.wp-block-navigation__responsive-container-close::before {
    content: "Schließen";

    font-size: 14px;
    font-weight: 600;
    line-height: 1;
}

html[lang="it-IT"] .wp-block-navigation__responsive-container-close::before {
    content: "Chiudi";
}

html[lang="de-DE"] .wp-block-navigation__responsive-container-close::before {
    content: "Schließen";
}

.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close,
.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open {
    box-shadow: none !important;
}


.wp-block-navigation__responsive-container.is-menu-open * {
    color: var(--wp--preset--color--mono-1) !important;
}




.top:has(.is-menu-open)>*,
.top:has(.is-menu-open) {

    height: 100vh;
    height: 100dvh;

}

.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog {
    margin-top: 0;
}

.has-modal-open .top .wp-block-navigation__container {
    display: flex !important;
}

.top:has(.is-menu-open) {
    .wp-block-navigation__responsive-container {
        background: var(--wp--preset--color--mono-3) !important;
    }

    .wp-block-navigation__container>.wp-block-navigation-item>a {
        font-weight: bold;
    }

    .wp-block-navigation__responsive-container-content {
        padding-bottom: 20px;
    }


}



/* IMAGE GALLERY */

/* =========================================
IMAGE GALLERY
========================================= */

/*
.uagb-slick-carousel .spectra-image-gallery__media--carousel {
    height: 60vh;
    min-height: 320px;
    max-height: 450px;
}*/


/* wrapper */

.uagb-slick-carousel .spectra-image-gallery__media,
main .wp-block-columns .wp-block-image img {
    overflow: hidden;

    border-radius: 30px;

    transition:
        transform .35s ease,
        box-shadow .35s ease;
}


/* images */

.uagb-slick-carousel .spectra-image-gallery__media-thumbnail,
main .wp-block-columns .wp-block-image img {
    width: 100%;
    height: 100% !important;

    object-fit: cover;

    transition:
        transform .45s ease,
        filter .35s ease;
}


/* hover */

.uagb-slick-carousel .spectra-image-gallery__media:hover img,
main .wp-block-columns .wp-block-image:hover img {
    transform: scale(1.04);

    filter: brightness(1.03);
}



/* dots */

.uagb-slick-carousel .slick-dots {
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    margin-top: 20px !important;

    gap: 6px !important;
}


/* dot button */

.uagb-slick-carousel .slick-dots li button {
    width: 22px !important;
    height: 22px !important;

    border-radius: 50% !important;

    background: transparent !important;

    border: 1px solid var(--wp--preset--color--featured) !important;

    transition:
        transform .25s ease,
        background .25s ease,
        box-shadow .25s ease;

    padding: 0 !important;

    cursor: pointer;
}


/* remove default */

.uagb-slick-carousel .slick-dots li button::before {
    display: none !important;
}


/* active */

.uagb-slick-carousel .slick-dots li.slick-active button {
    background: var(--wp--preset--color--featured) !important;
}


/* hover */

.uagb-slick-carousel .slick-dots li button:hover {
    transform: scale(1.08);

    box-shadow:
        0 0 18px rgba(0, 0, 0, .25),
        0 4px 14px rgba(0, 0, 0, .18);
}

/* zoom icon */

.uagb-slick-carousel .spectra-image-gallery__media::after,
main .wp-block-image::after {
    content: "";

    position: absolute;

    top: 50%;
    left: 50%;

    width: 42px;
    height: 42px;

    transform:
        translate(-50%, -50%) scale(.9);

    opacity: 0;

    transition:
        opacity .25s ease,
        transform .25s ease,
        background .25s ease;

    border-radius: 50%;

    backdrop-filter: blur(6px);

    background:
        rgba(0, 0, 0, .38) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 12 12'%3E%3Cpath fill='white' d='M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z'/%3E%3C/svg%3E") center center / 12px 12px no-repeat;

    pointer-events: none;

    z-index: 20;
}


/* hover */

.uagb-slick-carousel .spectra-image-gallery__media:hover::after,
main .wp-block-image:hover::after {
    opacity: 1;

    transform:
        translate(-50%, -50%) scale(1);
}


.lightbox-trigger {
    backdrop-filter: 0px !important;
}

/* mobile */

@media screen and (max-width: 600px) {

    .uagb-slick-carousel .spectra-image-gallery__media--carousel {
        height: 45vh;
        min-height: 220px;
        max-height: 320px;
    }

    .uagb-slick-carousel .slick-dots li button {
        width: 17px !important;
        height: 17px !important;
    }

}

/* INSTAGRAM FEED */

/* bilder */

#sb_instagram .sbi_photo_wrap {
    overflow: hidden;

    border-radius: 30px;

    transition:
        transform .35s ease,
        box-shadow .35s ease;

    box-shadow:
        0 10px 28px rgba(0, 0, 0, .10);
}


#sb_instagram {
    max-width: 100%;
}

/* bild */

#sb_instagram .sbi_photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;

    transition:
        transform .45s ease,
        filter .35s ease;
}


#sb_instagram .sbi_photo_wrap {
    box-shadow: none !important;
}

/* hover */

#sb_instagram .sbi_photo_wrap:hover img {
    transform: scale(1.04);

    filter: brightness(1.03);
}


/* mehr laden button */

#sb_instagram .sbi_load_btn {
    border-radius: 50px !important;

    background: var(--wp--preset--color--featured) !important;

    color: white !important;

    border: none !important;

    font-size: 1.05rem !important;
    font-weight: 700 !important;

    padding: 18px 34px !important;

    box-shadow: none !important;

    transition:
        background .25s ease,
        color .25s ease,
        transform .25s ease,
        box-shadow .25s ease;

    cursor: pointer;

    margin-top: 20px !important;
}


/* hover */

#sb_instagram .sbi_load_btn:hover {
    background: var(--wp--preset--color--primary) !important;

    color: white !important;

    transform: translateY(-2px);

    box-shadow:
        0 12px 28px rgba(0, 0, 0, .18);
}


/* text */

#sb_instagram .sbi_load_btn .sbi_btn_text {
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
}


/* instagram icon */

#sb_instagram .sbi_photo {
    position: relative;
    overflow: hidden;
}


/* icon */

#sb_instagram .sbi_photo::after {
    content: "";

    position: absolute;

    top: 50%;
    left: 50%;

    width: 42px;
    height: 42px;

    transform:
        translate(-50%, -50%) scale(.9);

    opacity: 0;

    transition:
        opacity .25s ease,
        transform .25s ease,
        background .25s ease;

    border-radius: 50%;

    backdrop-filter: blur(6px);

    background:
        rgba(0, 0, 0, .38) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M14 3h7v7h-2V6.41l-9.29 9.3-1.42-1.42 9.3-9.29H14V3ZM5 5h6v2H7v10h10v-4h2v6H5V5Z'/%3E%3C/svg%3E") center center / 16px 16px no-repeat;
    pointer-events: none;

    z-index: 20;
}


/* hover */

#sb_instagram .sbi_photo:hover::after {
    opacity: 1;

    transform:
        translate(-50%, -50%) scale(1);
}

@media screen and (max-width :1200px) {

    .top .wp-block-site-logo img {
        width: 110px;
    }

    .top .wp-block-navigation .wp-block-navigation-item__content {
        font-size: 0.9em;
    }





}

@media screen and (max-width: 1200px) and (min-width: 769px) {

    .footer-top {
        flex-wrap: wrap !important;
        row-gap: 30px;
    }


    .footer-top>.wp-block-column:nth-last-child(2) {
        min-width: 40% !important;
        margin-top: auto;

        .wp-block-button {
            display: flex;
        }
    }

    .footer-top>.wp-block-column:last-child {
        min-width: 40% !important;
        margin-left: auto;

        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

}

@media (max-width: 1024px) {
    main .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: 100% !important;
    }

    main .wp-block-columns:has(> .wp-block-column:nth-child(3)) {
        display: flex;
        flex-direction: column;

    }

    footer>.wp-block-group {
        padding-bottom: 0 !important;
    }

    .wp-block-column:nth-child(even) .contentbox:hover,
    .wp-block-column:nth-child(odd) .contentbox:hover,
    .wp-block-column:nth-child(even) .contentbox,
    .wp-block-column:nth-child(odd) .contentbox {
        border-radius:
            54% 50% 48% / 82% 86% 20% 24% !important;
    }

    .contentbox h4 {
        max-width: 65%;
    }

    .wp-block-columns * {
        text-align: center !important;
    }


    .wp-block-columns .wp-block-buttons {
        justify-content: center !important;
    }

}

@media (min-width: 1024px) {

    .top .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: none;
    }
}

@media (max-width: 1023px) {

    .top .wp-block-navigation__container {
        display: none !important;
    }

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

    .top .wp-block-site-logo img {
        width: 90px;

    }

    body:not(.scrolled) .top {
        .top-logo a {
            padding: 2%;
        }
    }

    .top .wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open) {
        display: none !important;
    }

    footer .wp-block-site-logo img {
        width: 130px;
        max-width: 100%;
    }

    footer .wp-block-heading+p {
        margin-top: 1rem !important;
    }

    footer .wp-block-columns {
        padding-bottom: 20px;
        padding-top: 20px;
    }

    .logo-sign-inner {
        max-width: 120px;
    }
}


@media screen and (max-width: 768px) {

    .top .logo-sign img {
        width: 50px !important;
    }

}

@media (max-width: 781px) {

    footer {
        .wp-block-site-logo {
            margin: 0 auto !important;
        }

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

    .footer-bottom {
        padding-top: var(--wp--preset--spacing--superbspacing-medium) !important;
        padding-bottom: var(--wp--preset--spacing--superbspacing-medium) !important;
    }
}

@media screen and (max-width: 600px) {

    :root {
        --wp--preset--font-size--superbfont-xxlarge: var(--wp--preset--font-size--superbfont-xlarge);
    }

    body.scrolled .top-inner {

        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .wp-block-button__link {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    .circle>* {
        font-size: 1em !important;
    }

    .header {
        min-height: 370px;
        height: 55vh;
    }

    .logo-sign-inner {
        max-width: 80px;
    }

    .content-cover {
        min-height: 320px !important;
    }


    .uagb-slick-carousel .slick-dots li button {
        width: 17px;
        height: 17px;
    }

    .contentbox {
        min-height: 320px !important;

        border-radius:
            18% 18% 32% 32% / 12% 12% 88% 88% !important;

        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .contentbox:hover {
        border-radius:
            20% 20% 36% 36% / 14% 14% 86% 86% !important;
    }


    .uagb-slick-carousel .spectra-image-gallery__media--carousel {
        height: 45vh;
        min-height: 220px;
        max-height: 320px;
    }


}