/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
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: 2.0.0
Text Domain: hello-elementor-child
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 */

h1.entry-title{
    display:none!important;
}

.hide_section{
    display:none!important;
}


@media only screen and (min-width:1025px){
    main#content{
        display:flex;
        flex-direction:column;
        align-items:flex-end;
    }
    main#content .page-header , main#content .page-content{
        width:82%;
    }
}


html.scroll-locked , body.scroll-locked {
    height:100%;
    overflow: hidden;
}


.right-scroll-area {
    position:relative;
    max-height: 520px;
    /* overflow-y: auto; */
    /* overscroll-behavior: contain; */
    overflow:hidden;
}

.scroll-spacer {
    height: calc(520px * 3);
}


.first_slide,
.second_slide,
.third_slide {
    min-height: 520px;
    position: absolute;
    inset: 0;
    /* background: inherit; */
    will-change: transform;
}

.first_slide {
    z-index: 1;
    transform: translateY(0);
}

.second_slide {
    z-index: 2;
    transform: translateY(100%);
}

.third_slide {
    z-index: 3;
    transform: translateY(100%);
}

.right-scroll-area {
    overflow: hidden;              /* βασικό */
    -ms-overflow-style: none;      /* IE / Edge */
    scrollbar-width: none;         /* Firefox */
}

/* Chrome / Safari / Opera */
.right-scroll-area::-webkit-scrollbar {
    display: none;
}






/* CARD EFFECT */

/* Το wrapper της κάρτας */
.card_section {
    position: relative;
    perspective: 1000px;
    cursor:pointer;
}

/* Το inner container που γυρίζει */
.card_section > .card_front,
.card_section > .card_back {
    position: absolute;
    inset: 0;
    backface-visibility: hidden;
    transition: transform 0.7s ease;
    display: flex;
}

/* Μπροστινή όψη */
.card_front {
    transform: rotateY(0deg);
    z-index: 2;
}

/* Πίσω όψη (κρυμμένη αρχικά) */
.card_back {
    transform: rotateY(180deg);
}

/* Hover flip */
.card_section:hover .card_front {
    transform: rotateY(-180deg);
}

.card_section:hover .card_back {
    transform: rotateY(0deg);
}


/* MOBILE */

/* Click flip (mobile) */
.card_section.is-flipped .card_front {
    transform: rotateY(-180deg);
}

.card_section.is-flipped .card_back {
    transform: rotateY(0deg);
}

/* END OF CARD EFFECT */


.anazitisi_step_container:hover .anazitisi_step_b , .anazitisi_step_container:hover .anazitisi_step_b h2 , .anazitisi_step_container:hover .anazitisi_step_heading{
    transition:all 0.4s ease;
}
.anazitisi_step_container:hover .anazitisi_step_b{
    background-color:white!important;
    transition:all 0.4s ease!important;
}
.anazitisi_step_container:hover .anazitisi_step_b h2{
    color:#1B2324!important;
    transition:all 0.4s ease;
}
.anazitisi_step_container:hover .anazitisi_step_heading{
    background-color:#4EFFEB!important;
}






/* .elementor-element-fc0cd91 {
    position: relative;
    animation: arrowMove 2.4s infinite;
}

@keyframes arrowMove {
    0% {
        transform: translateY(0);
    }
    65% {
        transform: translateY(16px);
    }
    75% {
        transform: translateY(16px);
    }
    100% {
        transform: translateY(0);
    }
} */






/*
.elementor-element-fc0cd91 svg path {
    fill: #1b2324;
    filter: drop-shadow(0 0 6px rgba(79, 255, 235, 0.35));
    animation: arrowGlowMove 2.2s linear infinite;
}

@keyframes arrowGlowMove {
    0% {
        filter:
            drop-shadow(0 -12px 10px rgba(79, 255, 235, 0))
            drop-shadow(0 0 0 rgba(79, 255, 235, 0));
    }

    40% {
        filter:
            drop-shadow(0 -4px 14px rgba(79, 255, 235, 0.9));
    }

    70% {
        filter:
            drop-shadow(0 6px 18px rgba(79, 255, 235, 0.9));
    }

    100% {
        filter:
            drop-shadow(0 14px 10px rgba(79, 255, 235, 0));
    }
}
*/


.scroll-arrows {
    position: relative;
    height: 60px;
}

.scroll-arrows .elementor-widget-icon {
    position: absolute;
    top: -25px !important;
    left: 50%;
    transform: translateX(-50%);
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
}

.arrow {
    opacity: 0;
    will-change: transform, opacity;
}

.arrow-first {
    animation: arrowMove 2s ease-in-out infinite;
}

.arrow-second {
    animation: arrowMove 2s ease-in-out infinite;
    animation-delay: -1s;
}

@keyframes arrowMove {
    0% {
        opacity: 0;
        transform: translate(-50%, 0);
    }

    30% {
        opacity: 1;
    }

    70% {
        opacity: 1;
        transform: translate(-50%, 14px);
    }

    100% {
        opacity: 0;
        transform: translate(-50%, 28px);
    }
}
