.elementor-15045 .elementor-element.elementor-element-a350107{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15045 .elementor-element.elementor-element-f540b94{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15045 .elementor-element.elementor-element-51cae6d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-a672951 *//* ===== FTHERA Events Hero (.ev-hero) ===== */
.ev {
  --p: #3A98B9;
  --h: #236478;
  --s: #E8D5C4;
  --ink: #030303;
  font-family: "DM Sans", system-ui, -apple-system, sans-serif;
  color: var(--ink);
}

.ev-wrap { max-width: 1180px; margin: 0 auto; padding: 0 24px; }

.ev-sec--hero { padding: 0; }

.ev-hero {
  position: relative;
  min-height: clamp(520px, 78vh, 820px);
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  border-radius: 0;
  color: #fff;
  background: #0b2f3a;
}

/* Parallax background layer */
.ev-hero__bg {
  position: absolute;
  inset: 0;
  background-color: #0b2f3a;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed; /* <-- parallax magic */
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}

/* Ένα ελαφρώς πιο σκοτεινό, "συναυλιακό" φίλτρο */
.ev-hero__bg::after {
  content: "";
  position: absolute; inset: 0;
  background:
    radial-gradient(900px 420px at 50% 0%, rgba(58,152,185,.25), transparent 60%),
    linear-gradient(180deg, rgba(3,3,3,.20) 0%, rgba(3,3,3,.75) 75%, rgba(3,3,3,.90) 100%);
}

.ev-hero__in {
  position: relative;
  z-index: 2;
  width: 100%;
  padding: 64px 28px 30px;
}

.ev-hero__kicker {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.18);
  font-size: 10px; font-weight: 900;
  letter-spacing: .24em; text-transform: uppercase;
}

.ev-hero__h1 {
  margin: 16px 0 10px;
  font-family: "Fraunces", Georgia, serif;
  font-weight: 600;
  font-size: clamp(34px, 5.2vw, 66px);
  line-height: 1.05;
  letter-spacing: -.02em;
  max-width: 22ch;
  text-shadow: 0 14px 40px rgba(0,0,0,.45);
}
.ev-hero__h1 em { font-style: italic; font-weight: 500; color: rgba(232,213,196,.95); }

.ev-hero__sub {
  margin: 0 0 16px;
  max-width: 64ch;
  line-height: 1.85;
  color: rgba(255,255,255,.84);
  text-shadow: 0 10px 26px rgba(0,0,0,.30);
}

.ev-hero__row { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 14px; }

.ev-pill {
  padding: 9px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.18);
  font-size: 11px; font-weight: 900;
  letter-spacing: .10em; text-transform: uppercase;
  color: rgba(255,255,255,.90);
  backdrop-filter: blur(10px);
}

.ev-btns { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }

.ev-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  padding: 14px 16px;
  border-radius: 14px;
  font-size: 11px; font-weight: 900;
  letter-spacing: .18em; text-transform: uppercase;
  border: 1px solid rgba(255,255,255,.55);
  text-decoration: none;
  transition: transform .18s ease, filter .18s ease, background .18s ease, border-color .18s ease;
}
.ev-btn:hover { transform: translateY(-1px); filter: brightness(1.05); }
.ev-btn--primary { background: var(--h); color: #fff !important; border-color: rgba(35,100,120,.55); }
.ev-btn--ghost { background: rgba(255,255,255,.10); color: rgba(255,255,255,.92) !important; }

/* Mobile */
@media (max-width: 640px) {
  .ev-wrap { padding: 0 16px; }
  .ev-hero { min-height: clamp(550px, 85vh, 750px); }
  .ev-hero__bg { background-attachment: scroll; }
  .ev-hero__in { padding: 50px 10px 40px; }
  .ev-hero__kicker { font-size: 9px; padding: 6px 10px; margin-bottom: 12px; }
  .ev-hero__h1 { font-size: clamp(32px, 8.5vw, 42px); line-height: 1.1; margin: 10px 0 12px; max-width: 100%; }
  .ev-hero__sub { font-size: 15px; margin-bottom: 24px; max-width: 100%; }
  .ev-hero__row { gap: 8px; margin-top: 16px; }
  .ev-pill { font-size: 9px; padding: 7px 10px; letter-spacing: 0.08em; }
  .ev-btns { flex-direction: column; gap: 12px; margin-top: 24px; width: 100%; }
  .ev-btn { width: 100%; padding: 16px; }
}/* End custom CSS */