/*
 Theme Name:     Hello Elementor Child
 Theme URI:      https://www.chefblogger.me
 Description:    Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
 Author:         Elementor Team
 Author URI:     https://elementor.com/
 Template:       hello-elementor
 Version:        1.0
*/


.image-hover {
    transition: all .3s ease-in-out;
}

.image-hover:hover {
    transform: scale(1.07);
}

.portfolio-item {
    background-size: 100%;
    transition: background-size 0.3s ease-in-out;
}

.portfolio-item:hover {
    background-size: 150%;
}


.elementor-nav-menu__container.elementor-nav-menu--dropdown {
    margin-top: 0 !important;
}

/* Eintragservice Button */
.elementor-nav-menu li.special-menu-item {
    background-color: var(--e-global-color-4e841c4);
    margin: 10px auto !important;
    width: 150px;
}

.elementor-nav-menu li.special-menu-item a {
    color: #fff !important;
    font-family: "Kanit", Sans-serif, Arial, Helvetica !important;
    font-size: 18px !important;
    font-weight: 400 !important;
}

/* hide on desktop and tablet */
.elementor-nav-menu--main li.special-menu-item {
    display: none !important;
}

/* Hero Image Zoom In effect */
.zoom-bg {
    position: relative;
    overflow: hidden;
}

.zoom-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transform: scale(1);
    animation: zoomBackground 10s ease-in forwards;
    z-index: -1;
}

.zoom-img {
    transform: scale(1);
    animation: zoomBackground 10s ease-in forwards;
}

@keyframes zoomBackground {
    from {
        transform: scale(1);
    }

    to {
        transform: scale(1.5);
    }
}


/* remove space on last p in text-editor widget for frontend and backend */
.elementor-text-editor p:last-child,
.elementor-widget-text-editor p:last-child {
    margin-bottom: 0px;
}

#content .page-content .btn-custom-arrow .elementor-button {
    padding: 0 24px;
    padding: 24px 0;
}



.icon-dtme-arrow-link::before {
    width: auto !important;
}

.no-wrap {
    white-space: nowrap;
}


/* .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:hover {
    background-color: #fff;
    padding: 0 10px;
}

.search-toggle {
    display: none !important;
}

.search-toggle.active {
    display: block !important;
} */


.animated-gradient-bright {
    position: relative;
    background: linear-gradient(143deg, #BCBCBC86 0%, #D5D3D3 33%, #EBEAEA 50%, #EAE7E7 50%, #BEBABA 65%);
    background-size: 200% 200%;
    animation: gradient-shift 10s ease alternate infinite;
    overflow: hidden;
}



@keyframes gradient-shift {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}


.animated-gradient-dark {
    position: relative;
    background: linear-gradient(139deg, #323232 26%, #575757 53%, #B9B9B9 62%, #ACACAC 63%, #3C3C3C 94%);
    background-size: 200% 200%;
    animation: gradient-diagonal 25s linear normal infinite;
    overflow: hidden;
}



@keyframes gradient-diagonal {
    0% {
        background-position: 0% 0%;
    }

    50% {
        background-position: 100% 100%;
    }

    100% {
        background-position: 0% 0%;
    }
}


.animated-gradient-default {
    background: radial-gradient(100% 100% at var(--8-x-position) var(--8-y-position), #303030 -43%, transparent), radial-gradient(100% 100% at var(--9-x-position) var(--9-y-position), #9c9c9c 0%, transparent), #1f1f1f;
    animation-name: main;
    animation-iteration-count: infinite;
    animation-duration: 6s;
    transition-timing-function: ease-in-out;
}

@property --8-x-position {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 20%;
}

@property --8-y-position {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 80%;
}

@property --9-x-position {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 80%;
}

@property --9-y-position {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 20%;
}

:root {
    --4-x-position: 20%;
    --4-y-position: 80%;
    --5-x-position: 80%;
    --5-y-position: 20%;
    --6-x-position: 20%;
    --6-y-position: 80%;
    --7-x-position: 80%;
    --7-y-position: 20%;
    --8-x-position: 20%;
    --8-y-position: 80%;
    --9-x-position: 80%;
    --9-y-position: 20%;
}

@keyframes main {
    25% {
        --8-x-position: 15%;
        --8-y-position: 15%;
        --9-x-position: 85%;
        --9-y-position: 80%;
    }

    50% {
        --8-x-position: 80%;
        --8-y-position: 15%;
        --9-x-position: 15%;
        --9-y-position: 85%;
    }
}

/* accordion arrow icon opened */
.e-opened svg {
    height: 25px !important;
}

/* Ensure ken2 is the class of the Elementor section */
.ken2 {
    position: relative;
    overflow: hidden;
    /* Ensure the overlay doesn't overflow the container */
    animation: slideMove 20s linear infinite alternate;
    animation-delay: 2s;
}

@keyframes slideMove {
    0% {
        background-position: left center;
    }

    100% {
        background-position: right center;
    }
}

.swiper-slide-shadow-left,
.swiper-slide-shadow-right {
    display: none;
}

.swiper-slide-visible {
    opacity: .6;
}

.swiper-slide-visible.swiper-slide-next {
    opacity: 1;
}

a.tile-animation,
a.tile-animation:hover {
    color: rgb(51, 51, 51) !important;
}

.gform-theme--framework .gfield_label {
    font-size: 14px !important;
}

/* .gform-theme--framework input:not([type="checkbox"]):not([type="radio"]),
.gform-theme--framework select,
.gform-theme--framework textarea {
    font-size: 20px !important;
    padding: 5px 10px !important;
    height: 50px !important;
} */
.gform-theme--framework .dtm-form-style input:not([type="checkbox"]):not([type="radio"]),
.gform-theme--framework .dtm-form-style select,
.gform-theme--framework .dtm-form-style textarea {
    font-size: 20px !important;
    padding: 5px 10px !important;
    height: 50px !important;
    border-radius: 0 !important;
}

.dtm-form-style .gfield {
    order: 1;
}

.select2-dropdown--below {
    margin-top: 32px !important;
    border-radius: 0 !important;
}


.select2-selection__rendered {
    line-height: 50px !important;
    font-weight: 400 !important;
}

.select2-container .select2-selection--single {
    height: 50px !important;
    width: 100% !important;
    border-radius: 0 !important;
}

/* .select2-selection__arrow {
    height: 37px !important;
} */

body #gform_wrapper_36 textarea:focus {
    outline: 2px solid #3E3E3E;
    background-color: #fff !important;
    border-radius: 0;
}

body #gform_wrapper_36 select:focus {
    outline: 2px solid #3E3E3E;
    background-color: #fff !important;
    border-radius: 0;
}

body .dtm-form-style input:focus {
    outline: 2px solid #3E3E3E;
    background-color: #fff !important;
    border-radius: 0;
}

body .dtm-form-style select:focus {
    outline: 2px solid #3E3E3E;
    background-color: #fff !important;
    border-radius: 0;
}



.dtm-form-style .gf_step_completed .gf_step_number::after {

    background-color: #F42C34;
}

.dtm-form-style .gf_step_completed .gf_step_number,
.dtm-form-style .gf_step_completed .gf_step_label {
    background-color: #fefefe;
    font-size: 20px;
}

.dtm-form-style .gf_step_active .gf_step_number {
    font-size: 20px;
    background-color: #F42C34;
}

.dtm-form-style .gf_step_active .gf_step_number,
.dtm-form-style .gf_step_active .gf_step_label {
    font-size: 20px;
}



.dtm-form-style .gf_step_active .gf_step_label {}

.dtm-form-style .gform_fields {
    column-gap: 100px !important;
}


.dtm-form-style button {
    background-color: #F42C34 !important;
}

.gform_wrapper .gform_button,
.gform_wrapper .gform_next_button,
.gform_wrapper .gform_previous_button {
    background-color: #F42C34 !important;
}


.geoapify-gf-autocomplete {
    box-sizing: border-box;
    font-size: 14px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.geoapify-gf-autocomplete-item:last-child {
    border-bottom: none !important;
}

.geoapify-gf-autocomplete-item:hover {
    background: #f5f5f5 !important;
}

.select2-container--default .select2-selection--single {
    position: relative;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 50px !important;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-width: 8px 8px 0 8px !important;
    border-top-color: #112337 !important;
    margin-left: -15px !important;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-width: 0 8px 8px 8px !important;
    border-bottom-color: #112337 !important;
    border-top-color: rgba(0, 0, 0, 0);

}

/* .select2-results__options {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 8px;
}

.select2-results__option {
    width: auto !important;
    flex: 0 0 auto;
    padding: 6px 12px;
    border: 1px solid #ddd;
    border-radius: 20px;
    cursor: pointer;

}
.select2-search__field {
    font-size: 20px !important;
    padding: 5px 10px !important;
    height: 50px !important;
} */