/*
Theme Name: FirstRunner Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Web Future 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.1779865281
Updated: 2026-05-27 10:01:21

*/

.elementskit-menu-hamburger{
	height: 40px !important;
}
.elementskit-menu-hamburger svg{
	width: 40px !important;
	height: 40px !important;
}
.no_underline a{
	text-decoration: none;
}
.middle-sector{
	position: relative;
}
.middle-sector::before{
	position: absolute;
	content: "";
	width: 2px;
	height: 100%;
	background: #FF0016;
	left: -61px;
}
.middle-sector::after{
	position: absolute;
	content: "";
	width: 2px;
	height: 100%;
	background: #FF0016;
	right: -61px;
}
.principle-box{
	backdrop-filter: blur(30px);
	background: #00000008;
}
.arrow-icon{
	height: 28px;
}

.wpr-forms-container .cf7-submit-wrapper {
    position: relative;
    display: inline-block; 
	width: 100%;
}

.wpr-forms-container .cf7-submit-wrapper::after {
    content: "";
    position: absolute;
    display: inline-block;
    background-image: url('/wp-content/uploads/2026/05/folder.svg');
    background-size: contain;
    background-repeat: no-repeat;
    width: 17px;
    height: 14px;
    top: 50%;
    right: 15px; 
    transform: translateY(-50%);
        pointer-events: none; 
    z-index: 10;
}

.elementskit-navbar-nav-default .elementskit-navbar-nav > li:last-child a{
	padding-right: 0!important;
}

.c-form input:focus{
	box-shadow: none;
	border: none;
	border-bottom: 1px solid #000 !important;
}

@media only screen and (max-width: 1024px) {
	.middle-sector::before{
		position: absolute;
		content: "";
		width: 100%;
		height: 2px;
		background: #FF0016;
		left: unset;
		top: -60px;
	}
	.middle-sector::after{
		position: absolute;
		content: "";
		width: 100%;
		height: 2px;
		background: #FF0016;
		right: unset;
		bottom: -60px;
	}
	button.elementskit-menu-close{
		font-size: 0 !important;
		position: relative;
	}
	button.elementskit-menu-close:before{
		position: absolute;
		content: "";
		background: url('/wp-content/uploads/2026/05/menu_button_close.svg');
		width: 40px;
		height: 40px;
		right: 20px;
		top: 20px;
	}
	.elementskit-menu-hamburger.elementskit-menu-toggler svg{
		width: 40px;
		height: 40px;
	}
	.elementskit-menu-overlay.elementskit-menu-toggler{
		display: none !important;
	}
	.elementskit-nav-identity-panel {
		padding: 34px 0px 10px 0px !important;
	}
	.elementskit-navbar-nav > li > a {
		padding: 0 !important;
		font-weight: 500 !important;
		font-size: 40px !important;
		line-height: 100% !important;
		color: #fff !important;
	}
	#menu-main-menu{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
		gap: 32px;
		padding: 20px;
	}
	.elementskit-menu-close.elementskit-menu-toggler:hover{
		background: transparent !important;
		color: #4290FF !important;
	}
	
	.elementskit-navbar-nav-default.elementskit-menu-offcanvas-elements {
        width: 100% !important;
        position: fixed !important;
        top: 0 !important;
        
        /* Μετακίνηση στα δεξιά και ακύρωση του left */
        right: -100vw !important; 
        left: auto !important; 
        
        height: 100% !important;
        -webkit-box-shadow: 0 10px 30px 0 rgba(255, 165, 0, 0);
        box-shadow: 0 10px 30px 0 rgba(255, 165, 0, 0);
        overflow-y: auto;
        overflow-x: hidden;
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
        display: flex !important;
        flex-direction: column-reverse;
        justify-content: flex-end;
        -webkit-transition: right .6s cubic-bezier(.6, .1, .68, .53) !important;
        transition: right .6s cubic-bezier(.6, .1, .68, .53) !important;
    }
	.elementskit-menu-offcanvas-elements.active {
        right: 0 !important;
        left: auto !important; 
    }
}