/* 
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 */

/* --------------------------------------------------------------------------
  GLOBAL
   -------------------------------------------------------------------------- */

html {
    overflow-x: hidden !important;
}

/* --------------------------------------------------------------------------
   HEADER
   -------------------------------------------------------------------------- */


.main-header.elementor-sticky--effects {
    background-color: white;
}

.elementor-sticky--effects .main-menu li.menu-item a {
    color: black !important;
    fill: black;
    padding: 20px;
}

.elementor-sticky--effects .hd-lang span,
.elementor-sticky--effects .hd-lang svg path,
.elementor-sticky--effects .search-icon svg {
    color: black !important;
    fill: black !important;
}

.elementor-sticky--effects .second-logo {
    display: block;
    width: 152px;
    transition: 0.4s ease-in-out !important;
}

.elementor-sticky--effects .main-logo {
    display: none;
    transition: 0.4s ease-in-out !important;
}

.elementor-sticky--effects span.sub-arrow svg {
    color: black !important;
    fill: black !important;
}


/*ALL HOVER INTERACTIONS*/
.main-header:hover {
    background-color: white;
}

.main-header:hover .main-menu li.menu-item a {
    color: black !important;
    fill: black;
}

.main-header:hover .hd-lang span,
.main-header:hover .hd-lang svg path,
.main-header:hover .search-icon svg {
    color: black !important;
    fill: black !important;
}

.second-logo {
    display: none;
    width: 0px;
    transition: 0.4s ease-in-out !important;
}

.main-header:hover .second-logo {
    display: block;
    width: 152px;
    transition: 0.4s ease-in-out !important;
}

.main-header:hover .main-logo {
    display: none;
    transition: 0.4s ease-in-out !important;
}

/*OFF CANVAS SEARCH BAR*/
.elementor-27 .elementor-element.elementor-element-aa24ee9 .e-off-canvas__content {
    margin-top: 44px;
}

/* --------------------------------------------------------------------------
   FOOTER
   -------------------------------------------------------------------------- */

.elementor-counter-title {
    text-align: center !important;
}
   
.btn-arrow-up .elementor-icon-box-content {
    padding: 14px 25px 16px 25px;
    border: 1px solid white;
    border-radius: 40px;
}

.btn-arrow-up .elementor-icon-box-icon {
    padding: 23px;
    border: 1px solid white;
    border-radius: 100%;
    height: 100%;
    transition: 0.2s ease-in-out !important;
}

.btn-arrow-up:hover .elementor-icon-box-icon {
    transform: rotate(90deg)
}

.cta-icon .elementor-icon {
    background: white;
    padding: 20px;
    border-radius: 100%;
}

.cta-icon .elementor-icon svg path {
    fill: black;
}

.cta-icon:hover .elementor-icon {
    transform: rotateZ(45deg);
}

.social-icons .elementor-social-icon:hover svg path {
    fill: black !important;
}

.list-menu-footer .elementor-icon-list-item a {
    text-decoration: none;
}

.list-menu-footer .elementor-icon-list-item .elementor-icon-list-text {
    position: relative;
    display: inline-block;
}

.list-menu-footer .elementor-icon-list-item .elementor-icon-list-text::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0;
    height: 2px;
    background-color: currentColor;
    transition: width 0.3s ease;
}

.list-menu-footer .elementor-icon-list-item a:hover .elementor-icon-list-text::after {
    width: 100%;
}

/* --------------------------------------------------------------------------
   HOME
   -------------------------------------------------------------------------- */

.btn-arrow-up.filled .elementor-icon-box-content {
    background-color: white;
}

.btn-arrow-up.filled .elementor-icon-box-content a {
    color: black;
}

.btn-arrow-up.filled.gray .elementor-icon-box-content,
.btn-arrow-up.filled.gray .elementor-icon-box-content a,
.btn-arrow-up.filled.gray .elementor-icon-box-icon {
    background-color: #F4F4F4;
    color: black;
}

.btn-arrow-up.filled .elementor-icon-box-icon {
    padding: 23px;
    background: white;
    border-radius: 100%;
    height: 100%;
    transition: 0.2s ease-in-out !important;
}

.btn-arrow-up.filled .elementor-icon-box-icon svg path {
    fill: black !important;
}

.btn-arrow-up.filled.magenta .elementor-icon-box-content,
.btn-arrow-up.filled.magenta .elementor-icon-box-content a,
.btn-arrow-up.filled.magenta .elementor-icon-box-icon {
    background-color: var(--e-global-color-accent);
    color: white;
}

.btn-arrow-up.filled.magenta .elementor-icon-box-icon svg path {
    fill: white !important;
}

/*GALLERY LOGOS*/
.gallery-partners .swiper-slide img {
    padding: 20px !important;
    filter: grayscale(1);
}

.elementor-element .swiper .elementor-swiper-button,
.elementor-element .swiper~.elementor-swiper-button,
.elementor-lightbox .swiper .elementor-swiper-button,
.elementor-lightbox .swiper~.elementor-swiper-button {
    top: 110%;
    transform: translateY(0%);
    z-index: 1;
}

.elementor-element.elementor-arrows-position-outside .swiper .elementor-swiper-button-next,
.elementor-element.elementor-arrows-position-outside .swiper~.elementor-swiper-button-next,
.elementor-lightbox.elementor-arrows-position-outside .swiper .elementor-swiper-button-next,
.elementor-lightbox.elementor-arrows-position-outside .swiper~.elementor-swiper-button-next {
    right: 47%;
}

.elementor-element.elementor-arrows-position-outside .swiper .elementor-swiper-button-prev,
.elementor-element.elementor-arrows-position-outside .swiper~.elementor-swiper-button-prev,
.elementor-lightbox.elementor-arrows-position-outside .swiper .elementor-swiper-button-prev,
.elementor-lightbox.elementor-arrows-position-outside .swiper~.elementor-swiper-button-prev {
    left: 47%;
}

.elementor-swiper-button {
    background-color: #F4F4F4;
    padding: 15px;
    border-radius: 30px;
}

/*NEWS CAROUSEL*/
/* Target by the specific loop item class Elementor adds */
.e-loop-item-477 .post-inner-container::before {
    background-image: url(https://gaiasa2.gr/wp-content/uploads/2026/06/image-2-2.svg);
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: bottom right;
}

/* --------------------------------------------------------------------------
   SERVICES - ΥΠΗΡΕΣΙΕΣ
   -------------------------------------------------------------------------- */

/*SINGLE SERVICE*/
img.srv-image-01,
img.srv-image-02 {
    border-radius: 8px !important;
}

/* --------------------------------------------------------------------------
   ΕΡΓΑ
   -------------------------------------------------------------------------- */
.erga-filtra {
    font-family: var(--e-global-typography-46cbe55-font-family), Sans-serif;
}

.erga-filtra [type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover {
    background-color: #000000;
}
/* --------------------------------------------------------------------------
   RES
   -------------------------------------------------------------------------- */
@media (max-width:1024px) {

    .elementor-element.elementor-arrows-position-outside .swiper .elementor-swiper-button-prev,
    .elementor-element.elementor-arrows-position-outside .swiper~.elementor-swiper-button-prev,
    .elementor-lightbox.elementor-arrows-position-outside .swiper .elementor-swiper-button-prev,
    .elementor-lightbox.elementor-arrows-position-outside .swiper~.elementor-swiper-button-prev {
        left: 35%;
    }

    .elementor-element.elementor-arrows-position-outside .swiper .elementor-swiper-button-next,
    .elementor-element.elementor-arrows-position-outside .swiper~.elementor-swiper-button-next,
    .elementor-lightbox.elementor-arrows-position-outside .swiper .elementor-swiper-button-next,
    .elementor-lightbox.elementor-arrows-position-outside .swiper~.elementor-swiper-button-next {
        right: 35%;
    }
}


@media (max-width:990px) {
    .elementor-15 .elementor-element.elementor-element-d7729da {
        --width: 100%!important;
    }

    .elementor-15 .elementor-element.elementor-element-0d9ad61 {
        --width: 100%!important;
    }

    .btn-arrow-up .elementor-icon-box-content {
        padding: 12px 25px 12px 25px;
    }

    .btn-arrow-up.filled .elementor-icon-box-icon {
        padding: 20px;
    }

    .cta-icon .elementor-icon {
        padding: 15px;
    }
}