/*
Theme Name: Visit Pertouli
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.9.1783338699
Updated: 2026-07-06 11:51:39

*/


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

p:last-of-type { margin-block-end: 0; }
li:last-of-type { margin-block-end: 1em; }

.container-boxed-0 { padding: 0 2em !important; }
.container-boxed-1 { padding: 1em 2em !important; }
.container-boxed-2 { padding: 2em 2em !important; }
.container-boxed-4 { padding: 4em 2em !important; }
.container-boxed-8 { padding: 8em 2em !important; }
.container-boxed-12 { padding: 12em 2em !important; }

.container-card-1 { padding: 1em !important; }
.container-card-2 { padding: 2em !important; }
.container-card-3 { padding: 3em !important; }
.container-card-4 { padding: 4em !important; }
.container-card-8 { padding: 8em !important; }

.square { aspect-ratio: 1 / 1; }
.landscape { aspect-ratio: 16 / 9; }
.portrait { aspect-ratio: 3 / 4; }
.ar-43 { aspect-ratio: 4 / 3; }
.ar-916 { aspect-ratio: 9 / 16; }
.ar-1016 { aspect-ratio: 10 / 16; }

.margin-block-end-2 p { margin-block-end: 2rem; }

.opacity-2 { opacity: 0.2; }

.flex .elementor-icon-wrapper { display: flex; }

.custom-header, .mix-blend-mode-difference { mix-blend-mode: difference; }

.before { display: flex; gap: 0.5em !important; }
.before::before { font-size: 1rem; color: var( --e-global-color-secondary ); }
.before-address::before { content: "a:"; }
.before-hours::before { content: "h:"; }
.before-tel::before { content: "t:"; }
.before-email::before { content: "e:"; }

.timeline-content strong, .card-content strong { font-size: 1.25rem; font-weight: 900; }

/* Pertouli Overlays */
.pertouli-overlay { height: 0px; }
.pertouli-overlay::before { background-image: url("https://visitpertouli.com/wp-content/uploads/2026/07/visit-pertouli-1.svg"); --background-overlay: ''; background-position: bottom center; background-repeat: no-repeat; background-size: contain; opacity: 0.2 !important; mix-blend-mode: multiply !important; position: fixed !important; z-index: -1; }

/* Hero (Not FP) */
.hero-wrapper { justify-content: end !important; }

/* Frontpage video toggle */
.hero-video__season { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; opacity: 0; visibility: hidden; transition: opacity 0.2s ease, visibility 0s linear 0.18s; }
.hero-video__season.is-active { opacity: 1; visibility: visible; transition-delay: 0s; }
.season-toggle { display: inline-flex; align-items: center; gap: 12px; padding: 0; border: 0; background-color: transparent !important; color: #fff; font: inherit; cursor: pointer; }
.season-toggle:hover, .season-toggle:focus { background-color: transparent; }
.season-toggle__track { position: relative; display: block; width: 52px; padding: 3px; border: 1px solid rgba(255, 255, 255, 0.6); border-radius: 999px; background: rgba(0, 0, 0, 0.3); }
.season-toggle__thumb { display: block; width: 1.1rem; height: 1.1rem; border-radius: 50%; background: #fff; transform: translateX(0); transition: transform 0.25s ease; }
.season-toggle[aria-checked="true"] .season-toggle__thumb { transform: translateX(26px); }
.season-toggle__label { opacity: 0.55; display: flex; transition: opacity 0.25s ease; }
.season-toggle[aria-checked="false"] .season-toggle__label--summer, .season-toggle[aria-checked="true"] .season-toggle__label--winter { opacity: 1; }

/* Tour Loop Carousel */
.tour-carousel-wrapper { align-items: center !important; flex-direction: row !important; min-height: 100vh !important; padding: 8rem 0 !important; gap: 8rem !important; }
.tour-carousel-inner { flex-direction: row !important; align-items: end !important; gap: 8rem !important; }
.tour-carousel-content-wrapper { width: 40% !important; padding-left: 2rem !important; }
.tour-carousel-title-wrapper { gap: 1rem !important; }
.tour-carousel-content { width: 75%; }
.tour-carousel-loop-container { width: 60% !important; }

/* Loop carousel */
.elementor-element.tour-loop-carousel :where(.swiper-horizontal) ~ .swiper-pagination-progressbar { width: 75%; left: 25%; top: -2.5rem; }

/* Fancy grid */
.fancy-grid .elementor-loop-container > .e-loop-item:nth-of-type(3n + 2) { transform: translateY(4rem); }

/* FAQ */
.faq-wrapper .elementor-shortcode { display: flex; flex-direction: column; gap: 1.5rem; }
.faq-question { font-size: 1rem !important; font-weight: 600; }
.faq-question::before { content: 'Q:'; padding-right: 0.25rem; }
.faq-answer { font-size: 1rem; font-weight: 400; }
.faq-answer::before { content: 'A:'; padding-right: 0.25rem; }

/* Reviews */
.reviews { position: relative; }
.reviews .swiper-slide { display: flex; flex-direction: column; gap: 1em; height: auto; }
.reviews .stars { display: flex; gap: 0.15em; color: var(--e-global-color-text); font-size: 1rem; }
.reviews .title { margin: 0; color: var(--e-global-color-text); font-size: 1.5rem; font-weight: 600; }
.reviews .content { font-style: italic; font-size: 1rem; color: var(--e-global-color-text); }
.reviews .content p { margin: 0; }
.reviews .meta { display: flex; flex-direction: column; gap: 0.25em; }
.reviews .person { font-size: 1rem; font-weight: 600; text-transform: uppercase; color: var(--e-global-color-text); }
.reviews .date { font-size: 1rem; font-style: italic; }
.reviews .elementor-swiper-button svg { fill: var(--e-global-color-text) !important; }
.reviews .elementor-swiper-button { position: absolute; top: 50%; z-index: 10; transform: translateY(-50%); cursor: pointer; background-color: transparent; border: 2px solid var( --e-global-color-primary); border-radius: 100%; padding: 12px; }
.reviews .elementor-swiper-button-prev { left: -4rem !important; }
.reviews .elementor-swiper-button-next { right: -4rem !important; }
.reviews .elementor-swiper-button svg { width: 1rem; height: 1em; }

/* Discover Timeline */
.discover-timeline-item { display: grid; grid-template-columns: 20% 1fr; }
.discover-timeline-year { padding: 4rem 2rem 4rem 0; border-right: 1px dashed currentColor; }
.discover-timeline-year h3 { font-size: 3rem !important; font-weight: 900; text-align: right; margin: 0; line-height: 1em !important; }
.discover-timeline-item:first-child .discover-timeline-year h3, .discover-timeline-item:last-child .discover-timeline-year h3 { font-size: 2rem !important; }
.discover-timeline-content { padding: 4rem 0 4rem 2rem; font-size: 1rem; }
.discover-timeline-content strong { font-size: 1.25rem; font-weight: 900; }

/* Aspropotamos Villages */
.aspropotamos-villages-item { display: grid; grid-template-columns: 20% 1fr; }
.aspropotamos-villages-name { padding: 4rem 2rem 4rem 0; border-right: 1px dashed currentColor; }
.aspropotamos-villages-name h3 { font-size: 2rem !important; font-weight: 900; text-align: right; margin: 0; line-height: 1em !important; }
.aspropotamos-villages-content { padding: 4rem 0 4rem 2rem; font-size: 1rem; }
.aspropotamos-villages-content h4 { font-size: 1.25rem; font-weight: 900; }

/* Discover Cards */
.discover-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; }
.discover-card { padding: 2rem; border-radius: 8px; background-color: var(--e-global-color-primary); }
.discover-card-title { font-size: 1.25rem; font-weight: 900; color: var( --e-global-color-secondary ); }
.discover-card-content { font-size: 1rem; font-weight: 400; color: var( --e-global-color-secondary ); }

/* Village Pages */
.village-at-a-glance-content ul { padding: 0; list-style: none; font-size: 1.1rem; }

/* Village Image Carousel */
.village-carousel .elementor-swiper-button-prev { left: -1rem !important; }
.village-carousel .elementor-swiper-button-next { right: -1rem !important; }

/* Villages Altimeter */
.village-altimeter { font-size: 3rem; font-weight: 900; }
.village-altimeter::before { content: attr(data-value) " m"; }
.village-card-title::before { content: ""; width: 2rem; height: 2rem; position: absolute; left: -81px; background-color: var(--e-global-color-primary); border-radius: 100%; top: 0.5rem;}

/* Journal */
.journal-post-content h2 { font-weight: 900 !important; font-size: 2rem !important; margin: 2.5rem 0 1.5rem 0; }
.journal-post-content h3 { font-weight: 900 !important; font-size: 1.25rem !important; margin: 1.5rem 0 1rem 0; }
.journal-post-content ul { padding-left: 1rem; }
.journal-post-content blockquote { border-left: 0.75rem solid var(--e-global-color-primary); padding: 2rem; font-size: 1.25rem; font-weight: 300; font-style: italic; margin: 2rem 0; }
.journal-post-content a { color: var(--e-global-color-primary); font-weight: 900; background-color: var(--e-global-color-secondary); padding: 2px 4px; text-decoration: 3px underline !important; }
.journal-post-content img { border-radius: 8px !important; }
.journal-post-content figcaption { color: var(--e-global-color-primary); font-weight: 300; font-size: 12px; padding-top: 4px; font-style: normal; }

/* Language Switcher */
.language-switcher .wpml-ls-legacy-list-horizontal { padding: 0; }
.language-switcher .wpml-ls-legacy-list-horizontal > ul { display: flex; gap: 1rem; }
.language-switcher .wpml-ls-legacy-list-horizontal a { padding: 0; }

@media (max-width: 1024px) {
    .discover-cards { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 767px) {
    .discover-cards { grid-template-columns: 1fr; }
	.discover-timeline-item { grid-template-columns: 35% 1fr; }
    .discover-timeline-year { padding-right: 1.5rem; }
    .discover-timeline-content { padding-left: 1.5rem; }
}

/* Animated button effect */
.btn-animate-chars .elementor-button-text {
  display: inline-block;
  line-height: 1.2;
  overflow: hidden;
  vertical-align: top;
}

.btn-animate-chars .elementor-button-text .btn-animate-chars__char {
  display: inline-block;
  position: relative;
  text-shadow: 0 1.3em currentColor;
  transform: translateY(0) rotate(0.001deg);
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  transition-delay: calc(var(--i) * 0.01s);
  will-change: transform;
}

.btn-animate-chars:hover .elementor-button-text .btn-animate-chars__char,
.btn-animate-chars .elementor-button:hover .elementor-button-text .btn-animate-chars__char {
  transform: translateY(-1.3em) rotate(0.001deg);
}

@media (max-width: 1024px) {
	.container-boxed-8 { padding: 4em 2em !important; }
	.container-card-8 { padding: 4em !important; }
	
	/* Tour Loop Carousel */
	.tour-carousel-inner { flex-direction: column !important; }
	.tour-carousel-content-wrapper { width: 100% !important; padding: 0 4rem !important; }
	.tour-carousel-loop-container { width: 100% !important; }
	
	/* Fancy Grid */
	.fancy-grid .elementor-loop-container > .e-loop-item:nth-of-type(3n + 2) { transform: translateY(0); }
	
	/* Villages Altimeter */
	.village-altimeter { font-size: 2rem; font-weight: 900; }
}

@media (max-width: 767px) {
	.container-boxed-0 { padding: 0 1em !important; }
	.container-boxed-1 { padding: 1em 1em !important; }
	.container-boxed-2 { padding: 2em 1em !important; }
	.container-boxed-4 { padding: 2em 1em !important; }
	.container-boxed-8 { padding: 4em 1em !important; }
	.container-boxed-12 { padding: 8em 1em !important; }
	
	.container-card-2 { padding: 2em !important; }
	.container-card-4 { padding: 2em !important; }
	.container-card-8 { padding: 2em !important; }
	
	/* Loop carousel */
	.elementor-element.tour-loop-carousel :where(.swiper-horizontal) ~ .swiper-pagination-progressbar { width: 65%; left: 35%; top: -2.5rem; }
	
	/* Seasons Carousel */
	.elementor-914 .elementor-element.elementor-element-400b5b4 .elementor-heading-title { font-size: 3rem !important; color: var(--e-global-color-primary) !important; }
	
	/* Tour Loop Carousel */
	.tour-carousel-wrapper { padding: 1rem 0 !important; gap: 2rem !important; }
	.tour-carousel-content-wrapper { width: 100% !important; padding: 0 1rem !important; }
	.tour-carousel-content { width: 100%; }
	
	/* Discover Timeline */
	.discover-timeline-year h3 { font-size: 2rem !important; }
	.discover-timeline-item:first-child .discover-timeline-year h3, .discover-timeline-item:last-child .discover-timeline-year h3 { font-size: 1.5m !important; }
	
	/* Aspropotamos Villages */
	.aspropotamos-villages { display: flex; flex-direction: column; gap: 4rem; }
	.aspropotamos-villages-item { display: flex; flex-direction: column; gap: 1rem; }
	.aspropotamos-villages-content { padding: 0; }
	.aspropotamos-villages-name { border-right: none; padding: 0; }
	.aspropotamos-villages-name h3 { font-size: 2rem !important; text-align: left; }
	.aspropotamos-villages-content h4 { font-size: 1.25rem; }
}