/* 
Theme Name: Hello Chalki v1
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: 0.1.1
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 */

::selection {
  background-color: var(--e-global-color-primary);
  color: var(--e-global-color-secondary);
}

.visually-hidden {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.page main.site-main,
.page:not(.elementor-page) main.site-main {
  margin-top: 80px;
  margin-bottom: 80px;
}

.page.elementor-page main.site-main {
  margin-top: 0;
  margin-bottom: 0;
}

main.site-main h1,
main.site-main h2,
main.site-main h3,
main.site-main h4 {
  margin-top: 1em;
  margin-bottom: 0.7em;
}

.elementor-kit-16 input:not([type="button"]):not([type="submit"]),
.elementor-kit-16 textarea,
.elementor-kit-16 .elementor-field-textual {
    background-color: #fff;
}

hr.form-hr {
    padding-top: 10px;
    padding-bottom: 10px;
    border: none;
}

.fleet-filters.elementor-sticky--active {
  box-shadow: 0 5px 50px rgba(0,0,0,.25);
}

.search-terms:has(.facetwp-selections:empty) {
  display: none;
}


.search-terms .facet-wrap {
  display: flex;
}

.search-terms .facet-wrap > span {
  font-weight: 600;
}

.facetwp-facet.facetwp-type-dropdown {
  margin-bottom: 0;
}

.elementor-widget-facetwp-facet {
  margin-top: 10px;
}


input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
  border-color: #069f80;
  color: #069f80; 
}

input[type=date]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=url]:focus,
select:focus,
textarea:focus {
  border-color: #222;
  color: #222; 
}


.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
  background-color: var( --e-global-color-primary );
  border-color: var( --e-global-color-primary );
}


.elementor-field-type-acceptance {
  flex-direction: row;
}

.elementor-field-type-acceptance div {
  flex-basis: unset !important;
  margin-left: 7px;
}


@media (max-width: 600px) {
  
.car-characteristics ul li {
  flex-basis: 45% !important;
}
}

@media (max-width: 768px) {
  .topbar > .e-con-inner > div {
    padding-top: 7px;
    padding-bottom: 7px;
  }
}

@media (min-width: 1024px) and (max-width: 1461px) {
  .main-menu a {
    font-size: 14px !important;
    margin-inline-start: 10px !important;
    margin-inline-end: 10px !important;
  }
  
  .main-menu li:first-child a {
    margin-inline-start: 0px !important;
  }
  
  .main-menu li:last-child a {
    margin-inline-end: 0px !important;
  }
  
  .menu-cta .elementor-icon-box-description {
    font-size: 14px !important;
  }
}


button.change-settings-button {
  padding-left: 6px !important;
  padding-right: 6px !important;
}

button.change-settings-button:hover,
button.moove-gdpr-infobar-allow-all:hover {
  color: #fff !important;
}

.elementor-form .elementor-message {
  padding: 10px 5px;
  border: 1px solid currentColor;
  border-radius: 5px;
  margin-top: 16px;
  color: #000;
}

.elementor-form .elementor-message.elementor-message-success {
  background-color: #ddf3f2;
  border-color: #12c998;
}



/********************************************************************COSMOTE TELEKOM New Site4U********************************************************************/
/*global classes*/

.inline {
	display: inline;
	text-indent: none;
}

@media (min-width: 768px) {
	.inline-m {
		display: inline;
		text-indent: none;
	}
}

@media (max-width: 1024px) {
	.inline-m-t {
		display: inline;
		text-indent: none;
	}
}

@media (min-width: 768px) {
	.inline-t-d {
		display: inline;
		text-indent: none;
	}
}
@media (min-width: 1024px) {
	.inline-d {
		display: inline;
		text-indent: none;
	}
}

.block {
	display: block;
	text-indent: none;
}

@media (min-width: 768px) {
	.block-m {
		display: block;
		text-indent: none;
	}
}

@media (max-width: 1024px) {
	.block-m-t {
		display: block;
		text-indent: none;
	}
}

@media (min-width: 768px) {
	.block-t-d {
		display: block;
		text-indent: none;
	}
}
@media (min-width: 1024px) {
	.block-d {
		display: block;
		text-indent: none;
	}
}


.ns4u-text-indent {
  text-indent:1.3em;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .ns4u-text-indent-t {
    text-indent:1.3em;
  }
}
@media (min-width: 1024px) {
  .ns4u-text-indent-d {
    text-indent:1.3em;
  }
}

.br-after:after {
	content: ' ';
  display: block;
}

.br-before:before {
	content: ' ';
  display: block;
}

@media (max-width: 768px) {
  .br-after-m:after {
    content: ' ';
    display: block;
  }
  
  .br-before-m:before {
	  content: ' ';
  	display: block;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .br-after-t:after {
	  content: ' ';
	  display: block;
  }
  
  .br-before-t:before {
	  content: ' ';
  	display: block;
  }
}

@media (min-width: 1024px) {
  .br-after-d:after {
	  content: ' ';
	  display: block;
  }
  
  .br-before-d:before {
	  content: ' ';
  	display: block;
  }
}


/********Header****************/
.elementor-element-919fb4c figure.wp-caption {
	display:inline-flex
}

.elementor-element-919fb4c figure figcaption {
	margin-left:24px;
}

#main-header.elementor-sticky--active {
    background:var(--e-global-color-primary);
    transition: background-color 0.4s ease;
}



/********Header TMP ****************/

@media screen and (max-width: 782px) {
    html #wpadminbar {
        position: fixed;
    }
}

.dialog-type-lightbox.nav-popup {
  z-index: 997;
}

.ns4u-menu-toggle-btn .burger-icon-line {
  transition: all 0.3s ease;
  transform-origin: center;
}

.ns4u-menu-toggle-btn.is-active .burger-icon-line-1:nth-of-type(1) {
  transform: translate(-15px, 15px) rotate(45deg);
}

.ns4u-menu-toggle-btn.is-active .burger-icon-line-1:nth-of-type(2) {
  opacity: 0;
}

.ns4u-menu-toggle-btn.is-active .burger-icon-line-1:nth-of-type(3) {
  transform: translate(-15px, -15px) rotate(-45deg);
}



.open-nav-popup .hide-from-popup {
	display: none;
}

.ns4u-main-header .logo-img img {
  transition: height ease 0.2s;
}

.is-scrolling .ns4u-main-header .logo-img img {
  height: 60px;
  transition: height ease 0.2s;
}

.popup-header {
	height: 120px;
}

.popup-header > div {
	height: 100%;
}

.is-scrolling .popup-header {
	height: 80px;
}

.ns4u-main-header-content:before {
	content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--e-global-color-primary);
  position: absolute;
  transform: translateY(-100%);
  transition: transform 0.2s ease;
}

.is-scrolling .ns4u-main-header-content:before {
  transform: translateY(0%);
  transition: transform 0.2s ease;
}

.open-nav-popup .ns4u-main-header-content:before {
  transform: translateY(-100%);
  transition: transform 0.4s ease;
}

.is-scrolling .logo-bottom {
	display: none;
}

.ns4u-menu-container {
	opacity: 0;
	transition: opacity .4s ease;
	transition-delay: 0.5s;
}

.ns4u-menu-container--open {
	opacity: 1;
	transition: opacity .4s ease;
	transition-delay: 0.5s;
}

.ns4u-menu-container--close {
	opacity: 0;
	transition: opacity .4s ease;
}

.ns4u-menu-toggle-btn {
  display: flex;
}

.is-scrolling .ns4u-main-header-content .logo-top img {
  width: 48px;
}

@media (min-width: 768px) {
  .is-scrolling .ns4u-main-header-content .logo-top img {
    width: 72px;
  }
}


/******** Footer****************/

/* .newsletter-form checkbox */
.newsletter-form .elementor-field-option input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.newsletter-form .elementor-field-option label {
  position: relative;
  padding-left: 26px; /* χώρος για τον κύκλο */
  cursor: pointer;
  display: inline-block;
}

.newsletter-form .elementor-field-option label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  border: 2px solid var(--e-global-color-primary);
  border-radius: 50%;
  background: white;
  transition: all 0.2s ease;
}

.newsletter-form .elementor-field-option input[type="checkbox"]:checked + label:before {
  content: "✓";
  background: var(--e-global-color-primary);
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  line-height: 20px;
}
/* /.newsletter-form checkbox */


.newsletter-form .elementor-field-type-acceptance .elementor-field-subgroup .elementor-field-option label {
    font-size: 12px !important;
}

.newsletter-form .e-form__buttons {
    position: absolute;
    right:0;
	width:10%;
}

.newsletter-form .e-form__buttons .elementor-button-icon{
	position: absolute;
  	right: 0;
}

.newsletter-form #form-field-email {
    padding: 0px;
}

/********Homepage****************/
/*Slider Styling*/

@media (max-width: 1024px) {
  .hero.hero-home {
    background-image: url('https://ns4udev.ondsl.gr/pages/visithalki/wp-content/uploads/2025/11/video-banner.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
  }
}

#homepage-slider .hero-subtitle {
    font-size: 0.5em;
}

#homepage-slider .hero-subtitle2 {
    font-size: 0.2em;
    line-height:1.5em;
}

/*#homepage-slider .elementor-repeater-item-933314c .swiper-slide-bg {
	background-color: transparent;
	background: url(https://youtu.be/ehvvZzkLau8);
  	background-size: cover;
}*/

#homepage-slider .elementor-swiper-button.elementor-swiper-button-prev {
	top:90%;
/* 	left:unset; */
/* 	right:200px; */
	left: calc(50% - 25px - 50px - 20px );
	right: unset;
}

#homepage-slider .elementor-swiper-button.elementor-swiper-button-next {
	top:90%;
	left: unset;
/* 	right:120px; */
	right: calc(50% - 25px - 50px - 20px );
}

.arrow-indicator svg {
  animation-name: upanddown;
  animation-duration: 0.8s;
  animation-fill-mode: none;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

.arrow-indicator svg path {
  fill: transparent;
}

.arrow-indicator svg path:nth-child(2) {
  animation-name: upanddownarrow;
  animation-duration: 0.8s;
  animation-delay: 0.2s;
  animation-fill-mode: normal;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

.arrow-indicator svg path:nth-child(3) {
  animation-name: upanddownarrowend;
  animation-delay: 0.2s;
  animation-duration: 0.8s;
  animation-fill-mode: normal;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

.hero #homepage-slider div.elementor-swiper-button {
  top: calc(86% + 25px);
}

@keyframes upanddown {
  from {
    transform: translateY(-10%);
  }
  to {
    transform: translateY(10%);
  }
}

@keyframes upanddownarrow {
  from {
    transform: translateY(0%);
  }
  to {
    transform: translateY(10%);
  }
}

@keyframes upanddownarrowend {
  from {
    transform: translateY(0%);
  }
  to {
    transform: translateY(12%);
  }
}
/* /slider styling */

/* What to do */
@media (max-width: 768px) {
	div.home-what-to-do div.home-what-to-do-content {
		display: flex;
		flex-direction: column;
		gap: 40px;
	}
  
	div.home-what-to-do div.home-what-to-do-content .elementor-element {
		display: block;
	}
	
	div.home-what-to-do div.home-what-to-do-content .elementor-widget-heading {
		margin-top: 16px;
		margin-bottom: 12px;
	}
}
/* /What to do */


/* /Homepage */


/* POPUP AKOMONTESIO */
#acc-content {
	height: 6em;
  overflow: hidden;
}


#acc-room-facilities ul,
.ns4u-ul-unstyled ul {
	padding: 0 !important;
  	list-style: none;
}




.acc-images {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.acc-main img {
  width: 100%;
  max-width: 700px;
/*   border-radius: 12px; */
  object-fit: cover;
  transition: 0.3s ease;
}

.acc-main img#acc-main-img {
  height: 50vh;
}

.acc-thumbs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}

.acc-thumbs img.acc-thumb {
  width: 80px;
  height: 60px;
  object-fit: cover;
  border-radius: 6px;
  border: 1px solid #9bb5c1;
  opacity: 0.7;
  cursor: pointer;
  transition: opacity 0.2s, transform 0.2s;
}

.acc-thumbs img.acc-thumb:hover {
  opacity: 1;
  transform: scale(1.05);
}

.acc-thumbs img.acc-thumb.active {
  opacity: 1;
  border: 2px solid #0073aa;
}




.loading .placeholder {
	color: transparent;
	user-select: none;
  background: linear-gradient(90deg, rgba(211, 211, 211, 0) 0, rgba(211, 211, 211, 0.8) 50%, rgba(211, 211, 211, 0) 100%);
	background-size: 300% 100%;
  animation: loading 1.5s infinite;
}

.loading .placeholder * {
	color: transparent !important;
	user-select: none;
}

@keyframes loading {
  to {
    background-position: -300% 0;
  }
}

/* /POPUP AKOMONTESIO */







/* SINGLE EVENT */
@media (min-width: 768px) {
	.tribe-events-back {
		margin-bottom: 0;
	}
}

#tribe-events-pg-template {
  max-width: unset;
  padding: 0;
  padding-left: 20px;
  padding-right: 20px;
}

#tribe-events-content {
	max-width: 1720px;
  margin: 180px auto 0;
  padding-top: 40px;
  padding-bottom: 40px;
}

body.events-single * {
	font-family: "Inter", sans-serif;
}

body.events-single {
	background-color: #fff;
}

body.events-single .ns4u-main-header-content {
	background-color: var(--e-global-color-primary);
}

body.events-single div.tribe_events {
  padding-top: 40px;
  padding-bottom: 40px;
  border-top: 1px solid #e3e3e3;
  gap: 20px;
}

.tribe-events-event-meta:before,
.tribe-events-event-meta~div:not(.tribe-events-event-meta, .event-tickets) {
	border: none;
}

/* ---------- Grid container (στο top-level event container) ---------- */
body.events-single .type-tribe_events {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 4 στήλες */
  grid-template-rows: auto auto;          /* 2 σειρές */
  grid-template-areas:
    "image desc   meta1 meta2"
    "image sub    meta1 meta2";
  gap: 20px;
  align-items: start;
}

/* ---------- Περιοχές (ακριβείς κλάσεις από το DOM) ---------- */
/* Image (καλύπτει δύο σειρές στην πρώτη στήλη) */
body.events-single .type-tribe_events .tribe-events-event-image {
  grid-area: image;
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover; /* αν είναι <img> μέσα, εξασφαλίζει σωστό crop */
}

/* Description (πρώτη σειρά, δεύτερη στήλη) */
body.events-single .type-tribe_events .tribe-events-single-event-description {
  grid-area: desc;
}

/* "Add to calendar" / dropdown (δεύτερη σειρά, δεύτερη στήλη)
   Στην HTML σου έχει κλάση .tribe-events.tribe-common */
body.events-single .type-tribe_events .tribe-events.tribe-common {
  grid-area: sub;
  margin-top: auto;
}

/* Primary meta section (π.χ. Details / Organizer block) */
body.events-single .type-tribe_events .tribe-events-single-section.primary {
  grid-area: meta1;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* Secondary meta section (π.χ. Venue / Map block) */
body.events-single .type-tribe_events .tribe-events-single-section.secondary {
  grid-area: meta2;
}

/* ---------------------------------------------
   (προαιρετικά)
   --------------------------------------------- */
body.events-single .type-tribe_events .tribe-events-event-image img {
  width: 100%;
  height: 100%;
  display: block;
}

/* Προσθήκη padding/box for meta blocks */
body.events-single .type-tribe_events .tribe-events-single-section {
  padding: 0;
  background: transparent; /* αν θες χρώμα βάζεις εδώ */
  box-sizing: border-box;
}

/* ---------- Responsive: κινητό (stack vertical) ---------- */
@media (max-width: 768px) {
  body.events-single .type-tribe_events {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas:
      "image"
      "desc"
      "sub"
      "meta1"
      "meta2";
  }

  /* Εξασφαλίζουμε ότι τα children παίρνουν auto height */
  body.events-single .type-tribe_events .tribe-events-event-image,
  body.events-single .type-tribe_events .tribe-events-single-event-description,
  body.events-single .type-tribe_events .tribe-events.tribe-common,
  body.events-single .type-tribe_events .tribe-events-single-section.primary,
  body.events-single .type-tribe_events .tribe-events-single-section.secondary {
    width: 100%;
  }
}

/* ---------- Optional: medium screens (2 columns) ---------- */
@media (min-width: 769px) and (max-width: 1024px) {
  body.events-single .type-tribe_events {
    grid-template-columns: 1fr 1fr 1fr; /* 3 columns */
    grid-template-rows: auto auto;
    grid-template-areas:
      "image desc meta1"
      "image sub  meta2";
    gap: 16px;
  }
}



@media (min-width: 768px) {
    .tribe-events-meta-group {
        padding: 0 0 var(--tec-spacer-3);
        width: 168px;
    }
}


body.events-single h2,
body.events-single h3,
body.events-single h4,
body.events-single h6 {
	margin: 0 0 1rem 0;
}

.tribe-events-meta-group .tribe-events-single-section-title {
	margin-bottom: 1rem;
}

@media (min-width: 768px) {
    .tribe-events-venue-map {
        margin: 0;
        order: 1;
        width: 30vw;
      
    }
}

@media (min-width: 768px) {
    .tribe-events-venue-map>div, .tribe-events-venue-map>iframe {
        max-height: 300px;
    }
}



ul.tribe-events-sub-nav {
  padding: 0;
}

/* box-shadow: rgba(19, 69, 92, 0.72) 0px 0px 40px 0px; */
/* /SINGLE EVENT */























:root div.post-content {
    --wp--style--global--content-size: 1320px;
    --wp--style--global--wide-size: 1720px;
}




div.post-content div.elementor-widget-theme-post-content > * {
	max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

div.post-content div.elementor-widget-theme-post-content .alignfull {
  width: 100%;
  max-width: 100vw;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  padding: 0;
}

:root div.post-content :where(.is-layout-constrained) > :last-child {
    margin-block-end: 1.5em !important;
}

div.post-content p {
  margin-bottom: 1.5em;
}


div.post-content .intro {
	font-size: 1.1em;
  font-weight: 800;
}








.menu-icon svg path {
  stroke: var(--e-global-color-3002efb);;
}

.search-icon svg path {
	fill: transparent;
  stroke: var(--e-global-color-3002efb);
}





@media (max-width: 1024px) {
  .td-section-subtitle h2,
  .td-section-subtitle h3 {
      text-align: center;
  }
  .td-section-subtitle .ns4u-text-indent {
      display: inline;
  }
}


/* CARD STYLES */
.card-item-loop-image img {
  max-height: 65vh;
  object-fit: cover;
}

/* CARD DESKTOP STYLES */
@media (min-width: 1024px) {
  .ns4u-loop-carousel a.card-item-loop div.card-item-loop-meta {
    transform: translateY(100%);
    transition: all ease 0.2s;
  }

  .ns4u-loop-carousel a.card-item-loop div.card-item-loop-title {
    transform: translateY(300%);
    transition: all ease 0.2s;
  }

  .ns4u-loop-carousel a.card-item-loop div.card-item-loop-excerpt {
    transform: translateY(300%);
    transition: all ease 0.2s;
  }

  .ns4u-loop-carousel a.card-item-loop:hover div.card-item-loop-meta {
    transform: translateY(0);
    transition: all ease 0.4s;
  }

  .ns4u-loop-carousel a.card-item-loop:hover div.card-item-loop-title {
    transform: translateY(0%);
    transition: all ease 0.6s;
  }

  .ns4u-loop-carousel a.card-item-loop:hover div.card-item-loop-excerpt {
    transform: translateY(0%);
    transition: all ease 0.8s;
  }
}
/* END OF CARD DESKTOP STYLES */





body.events-single h1.tribe-events-single-event-title {
  font-family: var( --e-global-typography-5c7e044-font-family ), Sans-serif;
  font-size: var(--e-global-typography-5c7e044-font-size);
  font-weight: var(--e-global-typography-5c7e044-font-weight);
  color: var(--e-global-color-primary);
}

.tribe-events-content,
.single-tribe_events .tribe-events-single .tribe-events-event-meta {
  color: var(--e-global-color-text);
}

.tribe-common .tribe-common-c-btn-border,
.tribe-common a.tribe-common-c-btn-border {
  border-color: var(--e-global-color-primary);
  color: #fff;
  background-color: var(--e-global-color-primary);
}

.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button.tribe-events-c-subscribe-dropdown__button--active,
.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus,
.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus-within,
.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover,
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button.tribe-events-c-subscribe-dropdown__button--active,
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus,
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus-within,
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover {
  border-color: var(--e-global-color-primary);
  color: var(--e-global-color-primary);
  background-color: #fff;
}




.fittext,
.fittext h2 {
	display: inline-block;
	width: 100%;
}



a.event-more-details {
    font-size: 12px;
}

body.archive.tribe-events-page-template header .ns4u-main-header-content {
  background: var(--e-global-color-primary);
}

body.archive.tribe-events-page-template div.tribe-events {
  margin-top: 150px;
}

body.archive.tribe-events-page-template .tribe-common {
	background-color: #fff;
}





/* GASTRONOMY */
.hs-parent {
  display: block;
  height: auto;
  background-color: #fff;
}

.hs-parent-wrapper {
  display: block;
  width: 100%;
}

.hs-half-column {
  width: 100%;
  height: 100vh;
}

.hs-half-column-intro {
  padding: 40px;
  height: 100vh;
  justify-content: flex-end;
}

.hs-half-column-container {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: flex-end;
  gap: 40px;
  padding-bottom: 40px;
}

.hs-half-column-content {
  background-color: #fff;
}

.hs-half-column-horizontal-scroll {
  padding: 20px;
  overflow: hidden;
  height: 100%;
}

.hs-elements-wrapper {
  display: flex;
  flex-direction: row;
/*   gap: 20px; */
  gap: 40px;
  height: 100%;
}



.hs-element-col {
  width: 180px;
  flex: 0 0 auto;
}

.hs-col-1 {
    display: flex;
    align-items: center;
}

.hs-col-3 {
    display: flex;
    flex-direction: column;
/*     justify-content: space-between; */
	justify-content: space-around;
}

.hs-element-col.hs-col-5 {
  min-width: 960px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.hs-element-col.hs-col-5 .gastronomy-items {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 3 columns */
  grid-template-rows: repeat(2, 1fr);   /* 2 rows */
  grid-gap: 40px;
  /* height: 100%; */
}

.hs-col-5 .gastronomy-item:nth-child(1) {
  grid-column: 1;
  grid-row: 1;
}

.hs-col-5 .gastronomy-item:nth-child(3) {
  grid-column: 2;
  grid-row: 1;
}

.hs-col-5 .gastronomy-item:nth-child(5) {
  grid-column: 3 / span 2;
  grid-row: 1 / span 2; /* spanning full height */
}

.hs-col-5 .gastronomy-item:nth-child(2) {
  grid-column: 1;
  grid-row: 2;
}

.hs-col-5 .gastronomy-item:nth-child(4) {
  grid-column: 2;
  grid-row: 2;
}

.gastronomy-item img {
  object-fit: cover;
}

.hs-col-5 .gastronomy-item:nth-child(1) img { aspect-ratio: 3/4; }
.hs-col-5 .gastronomy-item:nth-child(2) img { aspect-ratio: 3/4; }
.hs-col-5 .gastronomy-item:nth-child(3) img { aspect-ratio: 3/4; }
.hs-col-5 .gastronomy-item:nth-child(4) img { aspect-ratio: 3/4; }
.hs-col-5 .gastronomy-item:nth-child(5) img { aspect-ratio: 3/4; min-height: 70vh; }


.gastronomy-items {
    display: flex;
    flex-direction: column;
    gap: 20px;
}


.hs-half-column-intro {
  background-color: var(--e-global-color-primary);
  background-image: url('https://ns4udev.ondsl.gr/pages/visithalki/wp-content/uploads/2025/10/food-gastronomy.webp');
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  padding: 20px;
}

.gastronomy .gastronomy-intro-title {
  font-family: var(--e-global-typography-primary-font-family), Sans-serif;
  font-size: 52px;
  font-weight: 800;
  word-spacing: -0.02em;
  color: var(--e-global-color-secondary);
  text-align: center;
  margin-bottom: 0;
}

.gastronomy .gastronomy-intro-subtitle {
  font-family: "Mansalva", Sans-serif;
  font-size: 21px;
  font-size: 5.4vw;
  line-height: 1em;
  word-spacing: -0.02em;
  color: var(--e-global-color-6f0b40e);
  margin-bottom: 0;
  text-align: center;
}

.gastronomy .gastronomy-intro-text {
  font-family: var(--e-global-typography-primary-font-family), Sans-serif;
  font-size: 20px;
  font-weight: 800;
  text-align: center;
  color: var(--e-global-color-6f0b40e);
}

.hs-element-col .gastronomy-image img {
  width: 100%;
  object-fit: cover;
  object-position: center center;
}

.hs-col-1 img {
  aspect-ratio: 2/3;
  max-height: 60vh;
}

.hs-col-3 img {
  /* aspect-ratio: 3/2; */
  /* aspect-ratio: 4/2; */
  aspect-ratio: 5/2;
  max-height: 16vh;
}

.hs-col-5 .gastronomy-item:nth-child(1) img,
.hs-col-5 .gastronomy-item:nth-child(2) img,
.hs-col-5 .gastronomy-item:nth-child(3) img,
.hs-col-5 .gastronomy-item:nth-child(4) img {
	max-height: 34vh;
}

.hs-col-5 .gastronomy-item:nth-child(5) img {
	max-height: 80vh;
}

.hs-col-2 .gastronomy-image img {
  max-height: 28vh;
}

.hs-col-2 {
	display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    height: 100%;
}

.gastronomy-title {
  font-family: var(--e-global-typography-primary-font-family), Sans-serif;
/*   font-size: 16px; */
  font-weight: 900;
  text-transform: uppercase;
  color: var(--e-global-color-23fa29c);
  font-size: 2.4vh;
  margin-bottom: 1vh;
}

.gastronomy-excerpt {
  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);
  color: var(--e-global-color-text);
  font-size: 2vh;
}

.gastronomy-subtitle {
    font-family: var(--e-global-typography-b6f292a-font-family), Sans-serif;
    font-size: 20px;
    word-spacing: var(--e-global-typography-b6f292a-word-spacing);
    color: var(--e-global-color-primary);
    font-weight: var(--e-global-typography-primary-font-weight);
}

@media (min-width: 640px) {
  .hs-element-col {
    width: 360px;
  }
}

@media (min-width: 1024px) {
  .hs-parent {
    height: 100vh;
    width: 100%;
    overflow: hidden;
    position: relative;
  }
  
  .hs-parent-wrapper {
    height: 100vh;
    display: flex;
    flex-direction: row;
  }

  .hs-half-column {
    width: 50%;
  }
  
  .hs-half-column-intro {
    padding: 100px;
  }
	
  .hs-half-column-container {
	gap: 0;
	padding-bottom: 0;
  }
  
  .gastronomy .gastronomy-intro-title {
    font-size: 6vw;
    text-align: left;
    margin-bottom: 0.7em;
  }
  
  .gastronomy .gastronomy-intro-subtitle {
    font-size: 46px;
    text-align: left;
    margin-bottom: 0.7em;
  }
  
  .gastronomy .gastronomy-intro-text {
    font-size: 20px;
    text-align: left;
    color: var(--e-global-color-secondary);
  }
  
  .hs-half-column-horizontal-scroll {
    padding: 40px;
	overflow: unset;
    z-index: -1;
  }
  
  .hs-element-col {
    width: 360px;
  }

  .gastronomy-excerpt {
/*     font-size: var(--e-global-typography-text-font-size); */
  }

  .gastronomy-subtitle {
/*     font-size: var(--e-global-typography-b6f292a-font-size); */
	font-size: 4vh;
  }
}
/* /GASTRONOMY */







.tribe-events .tribe-events-calendar-month__day-date-link {
  color: #fff;
  border: 1px solid #fff;
  border-radius: 4px;
  padding: 2px 8px;
  margin-left: -8px;
}

.tribe-events .tribe-events-calendar-month__multiday-event--end .tribe-events-calendar-month__multiday-event-bar {
  border-radius: 4px;
}

.tribe-events .tribe-events-calendar-month__multiday-event-bar-inner {
  background-color: #175571;
  padding-top: 8px;
  padding-bottom: 8px;
}

.tribe-events .tribe-events-calendar-month__multiday-event-bar-title {
  color: #fff;
}

.tribe-events table tbody>tr:nth-child(odd)>td,
.tribe-events table tbody>tr:nth-child(odd)>th {
  background-color: hsl(48.86deg, 52.15%, 93.74%, 0.3);
  background-color: #fff;
}

.tribe-events table tbody>tr:nth-child(even)>td,
.tribe-events table tbody>tr:nth-child(even)>th {
  background-color: #f4fbff;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__week,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__body,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__day {
  border-color: #d6dde6;
}



td.ns4u-event-day > div {
  background-color: var( --e-global-color-primary );
}


.tribe-events .tribe-events-calendar-month__day-date-daynum {
    color: rgb(79, 79, 79, 0.84);
    font-size: 20px;
    font-weight: 300;
    font-family: "Inter", sans-serif;
}

.tribe-events .tribe-events-c-messages__message {
  background-color: var(--e-global-color-secondary);
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__day.ns4u-event-day:hover:after {
  background-color: #2aa4dc;
}

.tribe-events .tribe-events-calendar-month__multiday-event-bar-inner--focus,
.tribe-events .tribe-events-calendar-month__multiday-event-bar-inner--hover,
.tribe-events .tribe-events-calendar-month__multiday-event-bar-inner:focus,
.tribe-events .tribe-events-calendar-month__multiday-event-bar-inner:hover {
  background-color: #1e79a2;
}



.tribe-events-single>.tribe_events {
  overflow: unset;
}

.tribe-events-back {
	display: none !important;
}