/* 
Theme Name: Hello WPsecrets
Theme URI: https://wpsecrets.hu/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by WPsecrets team
Author: WPsecrets.hu
Author URI: https://wpsecrets.hu/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-wp-secrets
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


/* Bejegyzés kivonatok után 3 pont*/
.elementor-posts .elementor-post__excerpt p:after {
content: "..." !important;
}


/* --- MENU CTA --- */

@media only screen and (min-width: 1023px) {

    .menu-cta > a,
    a.menu-cta {
        border-radius: 50px !important;
        padding: 8px 24px !important;
        background: #DDAD00 !important;
        color: #fff !important;
        border: 1px solid #DDAD00 !important;
        margin-left: 15px !important;
		font-weight: 600 !important;
    }

    .menu-cta > a:hover,
    a.menu-cta:hover {
        background: #E7C54C !important;
        color: #151515 !important;
        border: 1px solid #E7C54C !important;
        transition: all .3s !important;
    }

    .menu-cta > a::after,
    a.menu-cta::after {
        display: none !important;
    }

}



/* --- Egér ráhúzáskor felugró kártya --- */
.card {
  transition: transform .25s ease;
  transform: translateY(0);
}
.card:hover {
  transform: translateY(-5px);
}




/* =========================================
   A LÉLEK ILLATA – MOZGÓ ORGANIKUS GRADIENT HERO
   Finoman hangsúlyosabb mozgással
========================================= */


/* HERO ALAP */
.illat-hero {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background: #F6F5F8;
}


/* A hero valódi tartalma mindig legyen a gradient fölött */
.illat-hero > * {
    position: relative;
    z-index: 2;
}


/* =========================================
   MOZGÓ GRADIENT FOLTOK
========================================= */

.illat-hero::before,
.illat-hero::after {
    content: "";
    position: absolute;
    pointer-events: none;
    z-index: 1;

    /* Egy picit kevésbé blurös,
       hogy a mozgása jobban érzékelhető legyen */
    filter: blur(78px);

    will-change: transform;
}


/* =========================================
   BAL FELSŐ LILÁS FOLT
========================================= */

.illat-hero::before {
    width: 520px;
    height: 520px;

    top: -220px;
    left: -160px;

    border-radius:
        62% 38% 55% 45%
        /
        48% 63% 37% 52%;

    background: radial-gradient(
        circle,
        rgba(119, 82, 145, 0.42) 0%,
        rgba(177, 143, 196, 0.26) 45%,
        rgba(255, 255, 255, 0) 72%
    );

    animation:
        illatFloat1 9s
        ease-in-out
        infinite alternate;
}


/* =========================================
   JOBB ALSÓ MELEG LEVENDULÁS FOLT
========================================= */

.illat-hero::after {
    width: 620px;
    height: 620px;

    right: -220px;
    bottom: -300px;

    border-radius:
        43% 57% 66% 34%
        /
        58% 39% 61% 42%;

    background: radial-gradient(
        circle,
        rgba(210, 188, 218, 0.44) 0%,
        rgba(235, 218, 210, 0.28) 48%,
        rgba(255, 255, 255, 0) 72%
    );

    animation:
        illatFloat2 11s
        ease-in-out
        infinite alternate;
}


/* =========================================
   BAL OLDALI MOZGÁS
========================================= */

@keyframes illatFloat1 {

    0% {
        transform:
            translate3d(0, 0, 0)
            scale(1)
            rotate(0deg);
    }

    35% {
        transform:
            translate3d(125px, 65px, 0)
            scale(1.12)
            rotate(5deg);
    }

    70% {
        transform:
            translate3d(200px, 125px, 0)
            scale(1.18)
            rotate(9deg);
    }

    100% {
        transform:
            translate3d(85px, 195px, 0)
            scale(0.94)
            rotate(-5deg);
    }
}


/* =========================================
   JOBB OLDALI MOZGÁS
========================================= */

@keyframes illatFloat2 {

    0% {
        transform:
            translate3d(0, 0, 0)
            scale(1)
            rotate(0deg);
    }

    35% {
        transform:
            translate3d(-110px, -70px, 0)
            scale(1.08)
            rotate(-4deg);
    }

    70% {
        transform:
            translate3d(-205px, -125px, 0)
            scale(1.16)
            rotate(-8deg);
    }

    100% {
        transform:
            translate3d(-75px, -215px, 0)
            scale(0.94)
            rotate(4deg);
    }
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1024px) {

    .illat-hero::before {
        width: 430px;
        height: 430px;

        top: -180px;
        left: -180px;

        animation-duration: 8.5s;
    }

    .illat-hero::after {
        width: 500px;
        height: 500px;

        right: -220px;
        bottom: -220px;

        animation-duration: 10s;
    }
}


/* =========================================
   MOBIL
========================================= */

@media (max-width: 767px) {

    .illat-hero::before {
        width: 330px;
        height: 330px;

        top: -120px;
        left: -170px;

        filter: blur(65px);
        opacity: 0.85;

        animation-duration: 8s;
    }

    .illat-hero::after {
        width: 380px;
        height: 380px;

        right: -220px;
        bottom: -180px;

        filter: blur(65px);
        opacity: 0.75;

        animation-duration: 9.5s;
    }
}