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

html,body {
    overflow-x: hidden;
}

.header-menu .home-link span.text {
    display: none !important;
}

.header-menu .home-link span.icon {
    display: flex;
}

.header-menu .home-link span.icon::before {
    content: '';
    background-image: url(/wp-content/uploads/2025/05/home-1.svg);
    width: 28px;
    height: 28px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
}

.header-menu li:not(.home-link),
.header .search {
    opacity: 0.95;
}


.header-menu li:not(.home-link) a {
    padding-left: 24px !important;
    padding-right: 24px !important;
    background-color: var( --e-global-color-f20897a );
    border-radius: 12px;
    box-shadow: 0px 4px 5px 0px rgb(0 0 0 / 25%);
}

.header-menu .home-link a {
    background-color: var( --e-global-color-primary );
    border-radius: 12px;
    box-shadow: 0px 4px 5px 0px rgb(0 0 0 / 25%);
    padding: 10px 12px !important;
}

.header-menu a.elementor-item-active,
.header .contact-link li.custom-menu-active a {
    background-color: var( --e-global-color-03667ba ) !important;
    color: var( --e-global-color-secondary ) !important;
}


.header .search input {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    border: none !important;
    background-color: transparent !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
}

.header .search {
    border-radius: 12px;
    background-color: var( --e-global-color-f20897a ) !important;
    box-shadow: 0px 4px 5px 0px rgb(0 0 0 / 25%) !important;
}

.header .contact-link a {
    box-shadow: 0px 4px 5px 0px rgb(0 0 0 / 25%) !important;
    border-radius: 12px;
}

.header .contact-link .uael-nav-menu,
.header .contact-link .uael-nav-menu>nav,
.header .contact-link .uael-nav-menu>nav>ul,
.header .contact-link .uael-nav-menu>nav>ul>li,
.header .contact-link .uael-nav-menu>nav>ul>li>a {
    height: 100%;
    display: flex;
    align-items: center;
    width: 100% !important;
    justify-content: center;
}

.header .menu-wrapper {
    width: max-content !important;
}

.header .button-wrapper {
    width: auto !important;
    flex-grow: 1 !important;
}

.header .e-search {
    display: flex;
    position: relative;
}

.header .e-search::after {
    content: '';
    height: 1px;
    width: 100%;
    background-color: var( --e-global-color-primary );
    position: absolute;
    bottom: 8px;
}

.pathisi-tabs .eael-accordion-header {
    display: flex !important;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
}

.pathisi-tabs .eael-accordion-header span {
    margin: 0px !important;
}

.pathisi-tabs ul {
    padding-left: 20px !important;
}

.pathisi-tabs ul p {
    margin-bottom: 0px !important;
}

.pathisi-tabs .eael-accordion-list {
    border-bottom: 1px solid var( --e-global-color-primary );
}

.pathisi-tabs-new details {
	border-bottom: 1px solid var( --e-global-color-primary );
}

.pathisi-tabs-new svg {
	max-width: 22px;
}

.pathisi-tabs-new .e-n-accordion-item-title {
	padding: 25px 60px !important;
}

.pathisi-tabs-new .e-n-accordion-item-title-text {
	line-height: normal !important;
}

.pathisi-tabs-new ul {
	padding-left: 0px !important;
    list-style: none !important;
}

.pathisi-tabs-new a {
    border-left: 60px solid transparent;
    display: block;
    padding: 5px 0px;
}

.pathisi-tabs-new li {
    position: relative !important;
}

.pathisi-tabs-new li::before {
    content: "";
    height: 1px;
    width: 40px;
    background-color: #C7C7C7;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}

.pathisi-tabs-new li:hover::before {
    background-color: var(--e-global-color-primary) !important;
}

.pathisi-tabs-new li:hover a {
    color: var(--e-global-color-primary) !important;
}

.pathisi-tabs-new li,
.pathisi-tabs-new a{
	color: #8F8F8F;
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
	line-height: normal;
}

/* .ekselikseis-carousel .swiper-wrapper {
    padding-left: 10px;
} */



.ekseliksis-grid .elementor-button-content-wrapper {
    display: flex !important;
    flex-direction: column-reverse !important;
    justify-content: center;
    align-items: center;
}

.ekseliksis-grid .e-loop__load-more a {
    text-decoration: underline;
}

.ekseliksis-grid-reverse .e-loop-item.elementor-602:nth-of-type(2n) .content-wrapper>.e-con-inner {
    flex-direction: row-reverse !important;
}


.news-grid .e-loop-item:first-of-type>div {
    border-width: 1px 0px 1px 0px !important;
}

.contact-buttons-fixed {
    position: fixed;
    right: 45px;
    bottom: 45px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 25px;
    z-index: 999;
}

.contact-buttons-fixed a {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    border-radius: 50px;
    transition: all .4s;
    width: 64px;
}

.contact-buttons-fixed img {
    width: 64px;
    height: 64px;
    object-fit: cover;
}

.contact-buttons-fixed a.active {
    width: 232px;
    transition: all .4s;
}

.contact-buttons-fixed a.phone {
    background-color: #FF7907;
}

.contact-buttons-fixed a.clinic {
    background-color: #C5D7FF;
}

.contact-buttons-fixed a span {
    visibility: hidden;
    opacity: 0;
    transition: opacity .4s;
    transition-delay: .2s;
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-size: var(--e-global-typography-accent-font-size);
    font-weight: var(--e-global-typography-accent-font-weight);
    color: var(--e-global-color-secondary);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-left: -12px;
}

.contact-buttons-fixed a.active span {
    visibility: visible;
    opacity: 1;
}

.contact-buttons-fixed a.active span  img {
    height: 48px;
    object-fit: contain;
    width: 100%;
    vertical-align: middle;
}

.synentefxi-shortcode img {
    width: 100%;
    max-width: 100%;
    height: 310px;
    object-fit: cover;
    object-position: center center;
}

.synentefxi-shortcode iframe {
    height: 310px;
}

.synentefxi-shortcode * {
    margin: 0px !important;
}

.pathisi-menu span.eael-simple-menu-indicator {
    display: none !important;
}


.pathisi-menu a {
    padding: 5px 0px !important;
    border: none !important;
    line-height: normal !important;
}

.pathisi-menu li.current-menu-item ul,
.pathisi-menu li.current-menu-ancestor ul {
    display: block !important;
}

.pathisi-menu ul.sub-menu {
    margin-top: 15px !important;
    margin-bottom: 40px !important;
}

.pathisi-menu ul.eael-simple-menu>li>a{
    font-size: 20px !important;
}

.pathisi-menu ul.sub-menu a,
.single-peristatiko-nav ul a {
    border-inline-start: 60px solid transparent !important;
}

.pathisi-menu ul.sub-menu li::before,
.single-peristatiko-nav li::before {
    content: "";
    height: 1px;
    width: 40px;
    background-color: var( --e-global-color-primary );
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
}

.pathisi-menu ul.sub-menu li.current-menu-item::before,
.pathisi-menu ul.sub-menu li:hover::before,
.single-peristatiko-nav li.current-menu-item::before,
.single-peristatiko-nav li:hover::before {
    opacity: 1 !important;
}

.shortened-content {
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-size: var(--e-global-typography-accent-font-size);
    font-weight: var(--e-global-typography-accent-font-weight);
    color: var(--e-global-color-secondary);
}

.ekseliksis-grid .shortened-content {
    color: var(--e-global-color-text) !important;
}

.home-page-video-wrapper {
    transform-origin: bottom right;
    transform: scale(.32);
}

.hero-section,
.hero-section>div {
  transition-duration: 0s !important;
}

.hero-section>div {
    min-height: 100vh !important;
}

.h-tags-font h1,
.h-tags-font h1 *,
.h-tags-font h2,
.h-tags-font h2 *,
.h-tags-font h3,
.h-tags-font h3 *,
.h-tags-font h4,
.h-tags-font h4 *,
.h-tags-font h5,
.h-tags-font h5 *,
.h-tags-font h6, 
.h-tags-font h6 * {
    font-family: var(--e-global-typography-secondary-font-family), Sans-serif !important;
    font-size: var(--e-global-typography-secondary-font-size) !important;
    font-weight: var(--e-global-typography-secondary-font-weight) !important;
}


.antimetopisi-wrapper * {
    color: var( --e-global-color-text );
    font-family: var(--e-global-typography-4a2d09a-font-family), Sans-serif;
}


.antimetopisi-wrapper {
    display: flex;
    flex-direction: column;
}

.antimetopisi-wrapper>div:first-child {
    background-color: var( --e-global-color-f20897a );
}

.antimetopisi-wrapper>div:nth-child(2) {
    background-color: var( --e-global-color-secondary );
}

.antimetopisi-wrapper>div {
/*     flex: 1; */
    padding: 20px;
}

.antimetopisi-wrapper>div>h2 {
    font-size: 22px;
    font-weight: var(--e-global-typography-4a2d09a-font-weight);
}

.custom-tabs-controls {
    display: flex;
    gap: 10px;
}

.custom-tabs-controls .tab-control {
    padding: 6px 15px;
    border-radius: 25px;
    border: 1px solid var( --e-global-color-primary );
    width: max-content;
    cursor: pointer;
}

.custom-tabs-controls .tab-control.active {
    background-color: var( --e-global-color-primary );
}

.custom-tabs-controls .tab-control.active span {
    color: var( --e-global-color-secondary );

}

.custom-tabs-content>div:not(.active) {
    display: none;
}

.custom-tabs-content {
    padding-top: 20px;
}

.custom-tabs-content p,
.custom-tabs-content span {
    font-size: var(--e-global-typography-accent-font-size) !important;
    font-weight: var(--e-global-typography-accent-font-weight) !important;
    line-height: normal !important;
}

.custom-tabs-content h1,
.custom-tabs-content h2,
.custom-tabs-content h3,
.custom-tabs-content h4,
.custom-tabs-content h5,
.custom-tabs-content h6 {
    font-size: 20px !important;
    font-weight: var(--e-global-typography-accent-font-weight) !important;
    line-height: normal !important;
}

.accordion-image {
    opacity: 0;
    transition: opacity 0.5s ease-in-out; 
    height: 0px;
}

.accordion-image.active {
    opacity: 1 !important;
    height: auto !important;
}

@media only screen and (max-width: 1500px) {
    .header-menu li:not(.home-link) a {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .header .menu-wrapper .search {
        max-width: 200px !important;
    }

    .synentefxi-shortcode img,
    .synentefxi-shortcode iframe {
        height: 30vh;
    }
}

@media only screen and (max-width: 1024px) {
    .home-page-video-wrapper {
        position: relative !important;
        transform: scale(1) !important;
    }

    .header .menu-wrapper {
        flex-grow: 1 !important;
    }

    .header .button-wrapper {
        flex-grow: 0 !important;
    }

    .header .search {
        max-width: unset !important;
    }

    .header-inner {
        background-color: #2B525321;
    }

    .contact-buttons-fixed {
        right: 35px;
        bottom: 35px;
    }
}

@media only screen and (max-width: 767px) {
    .pathisi-tabs-new .e-n-accordion-item-title {
        padding: 20px !important;
    }

    .viografiko-tabs .e-n-tabs-heading {
        flex-direction: column !important;
    }

    .antimetopisi-wrapper {
        flex-direction: column;
    }

    .pathisi-tabs-new a {
        display: inline-block;
    }

    .pathisi-tabs-new li {
        margin-bottom: 10px !important;
    }
    
    .contact-buttons-fixed {
        right: 20px;
        bottom: 20px;
        gap: 10px;
    }

    .contact-buttons-fixed img {
        width: 48px;
        height: 48px;
    }

    .contact-buttons-fixed a {
        width: 48px;
    }

    .contact-buttons-fixed a.active {
        width: 200px;
    }
}

@media only screen and (max-width: 1258px) and (min-width: 1025px) {
    .header-menu {
        display: none;
    }

    .home-icon-mobile {
        display: flex !important;
    }

    .search-icon-mobile {
        display: flex !important;
    }

    .header .menu-wrapper .search {
        display: none !important;
    }

    .header .contact-link {
        display: none !important;
    }

    .oc-menu-trigger {
        display: flex !important;
    }

    .menu-wrapper {
        justify-content: space-between !important;
        align-items: center !important;
        flex: 1 !important;
    }

    .header-inner {
        align-items: center !important;
    }

    .header .button-wrapper {
        width: max-content !important;
        flex-grow: unset !important;
    }
}


.wpml-floating-language-switcher .wpml-ls-statics-shortcode_actions {
    margin-bottom: 0;
}

.wpml-floating-language-switcher  .wpml-ls-statics-shortcode_actions a {
    background-color: transparent !important;
}

.wpml-floating-language-switcher .wpml-ls-legacy-list-horizontal a {
    padding: 5px;
}


.wpml-floating-language-switcher {
    position: fixed;
/*     left: 20px; */
	right: 45px;
    bottom: 220px;
    background: #f8f8f8; 
    border: 1px solid; 
    border-color: #eee; 
    padding: 0px; 
    border-radius: 6px; 
    z-index: 999;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);
}
@media only screen and (max-width: 1024px) {
	.wpml-floating-language-switcher {
	right: 34px;
    bottom: 220px;
}
}
@media only screen and (max-width: 767px) {
	.wpml-floating-language-switcher {
    
	right: 18px;
    bottom: 138px;
}
	.wpml-ls-legacy-list-horizontal {
    padding: 2px;
}
}

@keyframes changeColor {
  0% { color: #fff; }
  14% { color: #a2d4ef; }
  28% { color: #fef7bf; }
  42% { color: #bfcce4; }
  57% { color: #d1c0a5; }
  71% { color: #d0d6b9; }
  85% { color: #a6c7e4; }
  100% { color: #b2b3b4; }
}

.change-color {
  animation: changeColor 18s infinite alternate;
}