/*
Theme Name: Kostas Chasiotis
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.5.1761671860
Updated: 2025-10-28 17:17:40

*/

.p-1 { padding: 1em !important; }
.p-2 { padding: 2em !important; }
.p-4 { padding: 4em !important; }
.p-8 { padding: 8em !important; }

.px-1 { padding: 1em 2em !important; }
.px-2 { padding: 2em 2em !important; }
.px-4 { padding: 4em 2em !important; }
.px-8 { padding: 8em 2em !important; }
.px-16 { padding: 16em 2em !important; }

*::selection { background: #1c1c1c; color: #b1b9ab; }

.landscape { aspect-ratio: 16 / 9; }
.inline-image { vertical-align: middle; max-height: 64px; border-radius: 0.5em !important; }

.menu-container { backdrop-filter: blur(15px); }
.backdrop-filter { backdrop-filter: blur(15px); }

.work-loop-item .work-loop-item-image { display: none; }
.work-loop-item:hover .work-loop-item-image { display: inline-block; border-radius: 1em; position: absolute; top: -8em;}

.work-gallery .elementor-swiper-button { border: 1px solid #111; border-radius: 50%; padding: 9px; }

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 { padding: .5rem 0rem !important; }
.elementor-field-group .elementor-field-textual:focus {box-shadow: none !important;}

.contact-form .elementor-field-type-submit { margin-top: 32px; }

.background-text .kcx-char { font-size: 25vw; font-weight: 700; line-height: 0.75em; color: #888F8421; }

#hero-vanta {
  position: static; /* no longer the containing block */
}

#hero-vanta canvas {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: -1 !important;
  pointer-events: none;
}

@media (max-width: 1024px) {
	.p-4 { padding: 2em !important; }
	.background-text .kcx-char { font-size: 50vw; }
}