/*
Theme Name: Hub Child
Theme URI: http://hub.liquid-themes.com/
Author: Liquid Themes
Author URI: https://themeforest.net/user/liquidthemes
Template: hub
Description: Smart, Powerful and Unlimited Customizable WordPress Theme.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: hub-child
Tags: responsive, retina, rtl-language-support, blog, portfolio, custom-colors, live-editor
*/

/*hide scroll & find us on page*/
.lqd-stickybar-wrap,
.lqd-stickybar-left,
.lqd-stickybar-right,
.lqd-stickybar,
.lqd-sticky-info,
.lqd-vm,
.lqd-scroll,
.find-us {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

.main-header {z-index: 10 !important;}

/*main menu hover*/
/* ===== LIQUID MENU – TRUE TEXT WIDTH UNDERLINE ===== */

/* 1. Μεταφέρουμε το padding στο li */
.smer-underline-menu ul > li {
    padding: 0 16px; /* ρύθμισε όσο θες */
}

/* 2. Το a γίνεται καθαρό, χωρίς padding */
.smer-underline-menu ul > li > a {
    position: relative;
    display: inline-block;
    padding: 0;                /* ❗ ΚΛΕΙΔΙ */
    text-decoration: none;
}

/* 3. Η γραμμή */
.smer-underline-menu ul > li > a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 4px;              /* ΟΠΩΣ ΖΗΤΗΣΕΣ */
    width: 100%;
    height: 1px;
    background-color: #024b66;

    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.25s ease;
}

/* 4. Hover & active */
.smer-underline-menu ul > li > a:hover::after,
.smer-underline-menu ul > li.current-menu-item > a::after {
    transform: scaleX(1);
}



/*Our team page image effect*/
.team-photo img {
    filter: grayscale(100%);
    transition: filter 0.35s ease-in-out, transform 0.35s ease-in-out;
}

.team-photo:hover img {
    filter: grayscale(0%);
    transform: scale(1.02);
}

.about_icon_box {height:500px;}
.about_icon_box .elementor-icon-box-title {margin-top: 10px;}

.lqd-fb-style-1 .lqd-fb-bg {top: -7px; height: 130% !important;}

h2.ld-fh-element {width:100%;}

/*news page*/
.lqd-post-header,
.lqd-post-meta,
.post-header,
.post-meta,
.lqd-post-cover.overflow-hidden {
  display: none !important;
}

.post-hero-full {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
}

/*our team page*/
.bio-name, .bio-name strong{font-style:normal !important;font-weight:400 !important; margin-bottom: 0;}
.bio-title, .bio-title strong {font-weight:200 !important; font-size:20px !important; margin-top: 0;}
.bio-popups {line-height: 26px;}
.pum-container.pum-responsive img {border-radius: 10px;}


/*portfolio*/
/* Portfolio images fixed size */
.lqd-pf-img {
  width: 379px;
  height: 250px;
  overflow: hidden;
}

/* Κάνει το figure να γεμίζει όλο το container */
.lqd-pf-img figure,
.lqd-pf-img figure.w-100 {
  width: 100%;
  height: 100%;
  margin: 0;
}

/* Η εικόνα συμπεριφέρεται σαν background-size: cover */
.lqd-pf-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

@media (max-width: 768px) {
  .lqd-pf-img {
    width: 100%;
    height: 260px;
  }
}


/* NEWS */
.blog-post-footer {padding-top: 0!important;}

.lqd-blog-post-style-2 .related-posts {
  margin-top: 0!important;
}

.post a.lqd-overlay,
article.post,
a.lqd-lp-overlay-link,
article.lqd-lp-style-12 {
  border-radius: 12px!important;
}

a.lqd-lp-overlay-link:focus {
  outline: none!important;
}

.lqd-lp-header h2 {
  font-weight: 400!important;
  line-height: 1.5em!important;
}

.lqd-lp-excerpt {font-size: 15px!important;line-height: 1.4em!important;}

ul.pagination .page-numbers.current, ul.pagination .page-numbers:hover {
  background-color: #154B66!important;
  border-color: #154B66!important;
  /* color: #154B66!important; */
}

.lqd-lp-style-12 {
    color: #919191;
    box-shadow: 5px 10px 20px 5px rgba(0, 0, 0, .1)!important;
    -webkit-box-shadow: 5px 10px 20px 5px rgba(0, 0, 0, .1)!important;
}

.lqd-mobile-sec .navbar-brand {
    padding: 5px 0!important;
}
/* === Mobile nav links: shrink to content === */
[data-mobile-nav-style="modern"]
.lqd-mobile-sec
.navbar-collapse
ul.main-nav.lqd-mobile-main-nav > li > a {
  position: relative;
  display: inline-flex;
  width: fit-content;
  align-items: center;
  text-decoration: none;
}

/* === Left-to-right underline === */
[data-mobile-nav-style="modern"]
.lqd-mobile-sec
.navbar-collapse
ul.main-nav.lqd-mobile-main-nav > li > a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 100%;
  height: 2px;
  background-color: currentColor;

  /* animation */
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.35s cubic-bezier(.4,0,.2,1);
}

/* === Hover & focus === */
[data-mobile-nav-style="modern"]
.lqd-mobile-sec
.navbar-collapse
ul.main-nav.lqd-mobile-main-nav > li > a:hover::after,
[data-mobile-nav-style="modern"]
.lqd-mobile-sec
.navbar-collapse
ul.main-nav.lqd-mobile-main-nav > li > a:focus::after {
  transform: scaleX(1);
}

/* === ACTIVE / CURRENT MENU ITEM === */
[data-mobile-nav-style="modern"]
.lqd-mobile-sec
.navbar-collapse
ul.main-nav.lqd-mobile-main-nav > li.current-menu-item > a::after,
[data-mobile-nav-style="modern"]
.lqd-mobile-sec
.navbar-collapse
ul.main-nav.lqd-mobile-main-nav > li.current_page_item > a::after,
[data-mobile-nav-style="modern"]
.lqd-mobile-sec
.navbar-collapse
ul.main-nav.lqd-mobile-main-nav > li.current-menu-ancestor > a::after {
  transform: scaleX(1);
}

/* === Ensure li doesn't force full width === */
[data-mobile-nav-style="modern"]
.lqd-mobile-sec
.navbar-collapse
ul.main-nav.lqd-mobile-main-nav > li {
  text-align: center;
}



[data-mobile-nav-style=modern] .lqd-mobile-sec .navbar-collapse .nav-trigger .bar:nth-child(2) {
    transform: translateY(2px) translateX(2px) rotate(135deg)!important;
}


/* NEWS year filter */
.news-year-filter {
  display: flex;
  gap: 2rem;
  margin-bottom: 2.5rem;
}

.news-year-filter .filter-btn {
  background: none;
  border: none;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  color: #6b7280;
  cursor: pointer;
  position: relative;
  line-height: 1.4;
}

/* Underline (hidden by default) */
.news-year-filter .filter-btn::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 100%;
  height: 2px;
  background-color: currentColor;
  opacity: 0;
  transform: scaleX(0.6);
  transition: opacity 0.2s ease, transform 0.2s ease;
}

/* Hover + focus */
.news-year-filter .filter-btn:hover,
.news-year-filter .filter-btn:focus-visible {
  color: #0b2d4a;
  outline: none;
}

/* Show underline on hover */
.news-year-filter .filter-btn:hover::after,
.news-year-filter .filter-btn:focus-visible::after {
  opacity: 1;
  transform: scaleX(1);
}

/* Active (selected year) */
.news-year-filter .filter-btn.is-active {
  color: #0b2d4a;
}

.news-year-filter button:hover,
.news-year-filter button:focus {
  background-color: transparent;
}

.news-year-filter .filter-btn.is-active::after {
  opacity: 1;
  transform: scaleX(1);
}

@media (max-width: 500px) {

  .news-year-filter {
      display: flex;
      gap: 1rem;
      margin-bottom: 2.5rem;
      justify-content: center;
      flex-direction: row;
      align-items: center;
      flex-wrap: wrap;
      margin: 0 auto;
  }

  .wp-block-image .alignleft {float: none!important;}

}

.current-menu-item a {color: #000000AD !important;}
.footer-menu .current-menu-item a {color: #ffffff !important;}

/*Language Switcher*/
.wpml-ls-item-el a, .wpml-ls-item-en a, .menu-item.lang-separator {font-size:14px !important;}
.wpml-ls-item-el {padding-left: 0px !important;}
.wpml-ls-item-en {padding-right: 0px !important;}
.menu-item.lang-separator {padding: 0 6px !important;}

.wpml-ls-current-language span {color: #000000AD !important;}

.wpml-ls-current-language a::after {
    transform: scaleX(1) !important;
}

/* Mobile: keep EN | GR on the same line inside the mobile menu */
@media (max-width: 1024px) {
.current-menu-item a, .wpml-ls-current-language span {color: #fff !important;}
	
  /* Target only the WPML language items + separator */
  .menu-item.wpml-ls-menu-item,
  .menu-item.wpml-ls-item,
  .menu-item.lang-separator {
    display: inline-block !important;
    width: auto !important;
    vertical-align: middle !important;
  }

  /* Make the anchor not behave like full-width block */
  .menu-item.wpml-ls-item > a {
    display: inline-block !important;
    width: auto !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  /* Separator spacing */
  .menu-item.lang-separator span {
    padding: 0 6px !important;
  }

  /* Prevent wrap to next line */
  .menu-item.wpml-ls-item,
  .menu-item.lang-separator {
    white-space: nowrap !important;
  }
}

/*governance page a tag as btn*/
.governance_btn {
	background-color: #004A66 !important;
    font-family: "Manrope", Sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.1em !important;
    color: #FFFFFF !important;
    padding: 15px !important;
    border-radius: 15px !important;
    position: relative;
    float: left;
    margin-right: 30px;
}
.governance_btn:hover {
	background-color: #00597a !important;
}

#cmplz-document {
  max-width: 100%!important;
  margin-top: 50px!important;

}