.elementor-15 .elementor-element.elementor-element-a1e9a35{--display:grid;--min-height:0px;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:1px 1px;--row-gap:1px;--column-gap:1px;--grid-auto-flow:row;--justify-items:stretch;--overlay-opacity:0.72;}.elementor-15 .elementor-element.elementor-element-a1e9a35:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-a1e9a35 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3D98E4;}.elementor-15 .elementor-element.elementor-element-a1e9a35::before, .elementor-15 .elementor-element.elementor-element-a1e9a35 > .elementor-background-video-container::before, .elementor-15 .elementor-element.elementor-element-a1e9a35 > .e-con-inner > .elementor-background-video-container::before, .elementor-15 .elementor-element.elementor-element-a1e9a35 > .elementor-background-slideshow::before, .elementor-15 .elementor-element.elementor-element-a1e9a35 > .e-con-inner > .elementor-background-slideshow::before, .elementor-15 .elementor-element.elementor-element-a1e9a35 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-15 .elementor-element.elementor-element-a1e9a35.e-con{--align-self:flex-start;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}body:not(.rtl) .elementor-15 .elementor-element.elementor-element-9f8b00e{left:21px;}body.rtl .elementor-15 .elementor-element.elementor-element-9f8b00e{right:21px;}.elementor-15 .elementor-element.elementor-element-9f8b00e{top:6px;z-index:9999;text-align:right;}.elementor-15 .elementor-element.elementor-element-9f8b00e img{border-style:none;border-radius:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-cd0baf1{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-15 .elementor-element.elementor-element-c0f6d60{width:var( --container-widget-width, 5% );max-width:5%;background-color:#3D98E4;margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 3px 0px;--container-widget-width:5%;--container-widget-flex-grow:0;--nav-menu-icon-size:41px;}.elementor-15 .elementor-element.elementor-element-c0f6d60.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-15 .elementor-element.elementor-element-c0f6d60 .elementor-menu-toggle{margin-left:auto;background-color:#00000000;border-width:0px;}.elementor-15 .elementor-element.elementor-element-c0f6d60 .elementor-nav-menu--dropdown{background-color:#29A1D400;}.elementor-15 .elementor-element.elementor-element-c0f6d60 .elementor-nav-menu--dropdown .elementor-item, .elementor-15 .elementor-element.elementor-element-c0f6d60 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:500;letter-spacing:-0.2px;}.elementor-15 .elementor-element.elementor-element-c0f6d60 .elementor-nav-menu--dropdown a{padding-left:21px;padding-right:21px;padding-top:13px;padding-bottom:13px;}.elementor-15 .elementor-element.elementor-element-c0f6d60 .elementor-nav-menu--dropdown li:not(:last-child){border-style:none;border-bottom-width:11px;}.elementor-15 .elementor-element.elementor-element-c0f6d60 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-15 .elementor-element.elementor-element-c0f6d60 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:-100px !important;}.elementor-15 .elementor-element.elementor-element-c0f6d60 div.elementor-menu-toggle{color:#CBEEFF;}.elementor-15 .elementor-element.elementor-element-c0f6d60 div.elementor-menu-toggle svg{fill:#CBEEFF;}.elementor-15 .elementor-element.elementor-element-c0f6d60 div.elementor-menu-toggle:hover, .elementor-15 .elementor-element.elementor-element-c0f6d60 div.elementor-menu-toggle:focus{color:#74E2D0;}.elementor-15 .elementor-element.elementor-element-c0f6d60 div.elementor-menu-toggle:hover svg, .elementor-15 .elementor-element.elementor-element-c0f6d60 div.elementor-menu-toggle:focus svg{fill:#74E2D0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-15 .elementor-element.elementor-element-bd71aa7{margin:0px -22px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:right;}.elementor-15 .elementor-element.elementor-element-bd71aa7.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-15 .elementor-element.elementor-element-bd71aa7 .elementor-heading-title{font-family:"Nunito", Sans-serif;font-size:29px;font-weight:600;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-25ae027{--display:grid;--min-height:0px;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:1px 1px;--row-gap:1px;--column-gap:1px;--grid-auto-flow:row;--justify-items:stretch;--overlay-opacity:0.72;}.elementor-15 .elementor-element.elementor-element-25ae027:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-25ae027 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3D98E4;}.elementor-15 .elementor-element.elementor-element-25ae027::before, .elementor-15 .elementor-element.elementor-element-25ae027 > .elementor-background-video-container::before, .elementor-15 .elementor-element.elementor-element-25ae027 > .e-con-inner > .elementor-background-video-container::before, .elementor-15 .elementor-element.elementor-element-25ae027 > .elementor-background-slideshow::before, .elementor-15 .elementor-element.elementor-element-25ae027 > .e-con-inner > .elementor-background-slideshow::before, .elementor-15 .elementor-element.elementor-element-25ae027 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-15 .elementor-element.elementor-element-25ae027.e-con{--align-self:flex-start;}body:not(.rtl) .elementor-15 .elementor-element.elementor-element-90156d1{left:21px;}body.rtl .elementor-15 .elementor-element.elementor-element-90156d1{right:21px;}.elementor-15 .elementor-element.elementor-element-90156d1{top:6px;z-index:9999;text-align:right;}.elementor-15 .elementor-element.elementor-element-90156d1 img{border-style:none;border-radius:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-da08f4d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;}.elementor-15 .elementor-element.elementor-element-cd3f3e4.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-15 .elementor-element.elementor-element-cd3f3e4 .elementor-menu-toggle{margin-left:auto;}.elementor-15 .elementor-element.elementor-element-cd3f3e4 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-15 .elementor-element.elementor-element-cd3f3e4 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-cd3f3e4 .elementor-nav-menu--dropdown a, .elementor-15 .elementor-element.elementor-element-cd3f3e4 .elementor-menu-toggle{color:#FFFFFF;fill:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-cd3f3e4 .elementor-nav-menu--dropdown{background-color:#019FFF;}.elementor-15 .elementor-element.elementor-element-cd3f3e4 div.elementor-menu-toggle{color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-cd3f3e4 div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-15{margin:0px 0px 0px 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-15 .elementor-element.elementor-element-a1e9a35{--grid-auto-flow:row;}.elementor-15 .elementor-element.elementor-element-9f8b00e{text-align:left;}.elementor-15 .elementor-element.elementor-element-9f8b00e img{width:67%;}.elementor-15 .elementor-element.elementor-element-25ae027{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-15 .elementor-element.elementor-element-a1e9a35{--width:100%;}.elementor-15 .elementor-element.elementor-element-25ae027{--width:100%;}}@media(max-width:767px){.elementor-15 .elementor-element.elementor-element-a1e9a35{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-15 .elementor-element.elementor-element-25ae027{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-15 .elementor-element.elementor-element-cd3f3e4{width:var( --container-widget-width, 235px );max-width:235px;padding:0px 0px 0px 0px;--container-widget-width:235px;--container-widget-flex-grow:0;--nav-menu-icon-size:26px;}.elementor-15 .elementor-element.elementor-element-cd3f3e4 .elementor-nav-menu .elementor-item{font-size:17px;}.elementor-15 .elementor-element.elementor-element-cd3f3e4 .elementor-nav-menu--main .elementor-item{padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}.elementor-15 .elementor-element.elementor-element-cd3f3e4 .elementor-nav-menu--dropdown a{padding-left:34px;padding-right:34px;padding-top:22px;padding-bottom:22px;}.elementor-15 .elementor-element.elementor-element-cd3f3e4 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-15 .elementor-element.elementor-element-cd3f3e4 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:24px !important;}.elementor-15 .elementor-element.elementor-element-cd3f3e4 .elementor-menu-toggle{border-width:0px;border-radius:0px;}}/* Start custom CSS *//* Cloud-style dropdown menu */
.cloud-menu .elementor-nav-menu--dropdown {
background-image: url('https://stroumfakia.net/wp-content/uploads/2025/07/clouds_thiner-975bb34a-1920w.png');
background-size: cover;
background-repeat: no-repeat;
background-position: center;
padding: 100px 20px;
border-radius: 20px;
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
z-index: 99;
}
/* Make each menu item display like a button */
.cloud-menu .elementor-nav-menu--dropdown li {
display: inline-block;
}
/* Colorful buttons */
.cloud-menu .elementor-nav-menu--dropdown li:nth-child(1) a {
background-color: #87CEEB; /* Sky Blue */
}
.cloud-menu .elementor-nav-menu--dropdown li:nth-child(2) a {
background-color: #FFB6C1; /* Pink */
}
.cloud-menu .elementor-nav-menu--dropdown li:nth-child(3) a {
background-color: #90EE90; /* Light Green */
}
.cloud-menu .elementor-nav-menu--dropdown li:nth-child(4) a {
background-color: #FFFACD; /* Light Yellow */
}
.cloud-menu .elementor-nav-menu--dropdown li:nth-child(5) a {
background-color: #E6E6FA; /* Lavender */
}
.cloud-menu .elementor-nav-menu--dropdown li:nth-child(6) a {
background-color: #FFDAB9; /* Peach */
}
.cloud-menu .elementor-nav-menu--dropdown li:nth-child(7) a {
background-color: #F08080; /* Coral */
}
/* Shared button styles */
.cloud-menu .elementor-nav-menu--dropdown li a {
color: #333;
font-weight: bold;
padding: 12px 20px;
border-radius: 25px;
text-decoration: none;
box-shadow: 0 4px 10px rgba(0,0,0,0.1);
transition: all 0.3s ease;
}
/* Hover effect */
.cloud-menu .elementor-nav-menu--dropdown li a:hover {
transform: scale(1.05);
box-shadow: 0 6px 16px rgba(0,0,0,0.2);
}
/* Make sure menu toggle stays on top */
.elementor-menu-toggle {
position: relative;
z-index: 9999;
}
/* Container: cloud background + relative positioning */
.cloud-menu-abstract .elementor-nav-menu--dropdown {
position: relative;
background-image: url('https://stroumfakia.net/wp-content/uploads/2025/07/clouds_thiner-975bb34a-1920w.png') ;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
padding: 170px 40px; /* give enough space for floating items */
border-radius: 20px;
height: 300px; /* adjust as needed */
overflow: hidden;
}
/* General style for all buttons */
.cloud-menu-abstract .elementor-nav-menu--dropdown li {
position: absolute;
list-style: none;
}
.cloud-menu-abstract .elementor-nav-menu--dropdown li a {
color: #333;
font-weight: bold;
font-size: 22px;
padding: 18px 32px;
border-radius: 35px;
text-decoration: none;
box-shadow: 0 6px 4px rgba(0,0,0,0.1);
transition: 0.3s ease;
}
/* Add playful hover */
.cloud-menu-abstract .elementor-nav-menu--dropdown li a:hover {
transform: scale(1.1) rotate(2deg);
box-shadow: 0 6px 16px rgba(0,0,0,0.2);
}
/* Button Colors */
.cloud-menu-abstract .elementor-nav-menu--dropdown li:nth-child(1) a { background-color: #87CEEB; }
.cloud-menu-abstract .elementor-nav-menu--dropdown li:nth-child(2) a { background-color: #FFB6C1; }
.cloud-menu-abstract .elementor-nav-menu--dropdown li:nth-child(3) a { background-color: #90EE90; }
.cloud-menu-abstract .elementor-nav-menu--dropdown li:nth-child(4) a { background-color: #FFFACD; }
.cloud-menu-abstract .elementor-nav-menu--dropdown li:nth-child(5) a { background-color: #E6E6FA; }
.cloud-menu-abstract .elementor-nav-menu--dropdown li:nth-child(6) a { background-color: #FFDAB9; }
.cloud-menu-abstract .elementor-nav-menu--dropdown li:nth-child(7) a { background-color: #F08080; }
/* === HORIZONTAL CENTERED LAYOUT γιa cloud-menu-abstract === */
/* 1) Κάνε το dropdown οριζόντιο και κεντραρισμένο */
.cloud-menu-abstract .elementor-nav-menu--dropdown {
display: flex !important;
justify-content: center !important;
align-items: center !important;
flex-wrap: nowrap !important; /* μία σειρά */
gap: 12px;
/* κρατάμε background, padding, height όπως τα έχεις */
/* αν δεν χωράνε όλα, μπορείς να ενεργοποιήσεις scroll:
overflow-x: auto; -webkit-overflow-scrolling: touch; */
}
/* 2) Ακύρωσε το absolute για τα ώστε να ρέουν στη σειρά */
.cloud-menu-abstract .elementor-nav-menu--dropdown > li {
position: static !important; /* ακυρώνει το position:absolute που έχεις πιο πάνω */
top: auto !important; right: auto !important;
bottom: auto !important; left: auto !important;
display: inline-flex;
margin: 0;
list-style: none;
}
/* 3) Τα links παραμένουν κουμπιά όπως τα έχεις ορίσει */
.cloud-menu-abstract .elementor-nav-menu--dropdown > li > a {
display: inline-block;
}
/* (Προαιρετικό) Σε πολύ μικρές οθόνες άφησέ τα να τυλίγονται */
@media (max-width: 480px) {
.cloud-menu-abstract .elementor-nav-menu--dropdown {
flex-wrap: wrap !important;
}
}
/* === CLOUD-MENU-ABSTRACT: οριζόντια, κεντραρισμένα === */
/* Κάνε κοντέινερ ΚΑΙ το εσωτερικό UL flex-row */
.cloud-menu-abstract .elementor-nav-menu--dropdown,
.cloud-menu-abstract .elementor-nav-menu--dropdown ul {
display: flex !important;
flex-direction: row !important;
justify-content: center !important;
align-items: center !important;
flex-wrap: nowrap !important; /* μία σειρά */
gap: 12px;
}
/* Μην αφήνεις τα να είναι block/100%/float */
.cloud-menu-abstract .elementor-nav-menu--dropdown li {
position: static !important;
top: auto !important; right: auto !important;
bottom: auto !important; left: auto !important;
float: none !important;
width: auto !important;
max-width: none !important;
flex: 0 0 auto !important;
display: inline-flex !important;
margin: 0 !important;
list-style: none;
}
/* Τα links να μικραίνουν στο περιεχόμενο (όχι full width) */
.cloud-menu-abstract .elementor-nav-menu--dropdown li > a,
.cloud-menu-abstract .elementor-nav-menu--dropdown a.elementor-item {
display: inline-flex !important;
width: auto !important;
white-space: nowrap !important;
}
/* Αν δεν χωράνε όλα, διάλεξε ένα από τα δύο: */
/* 1) Οριζόντιο scroll: */
.cloud-menu-abstract .elementor-nav-menu--dropdown { overflow-x: auto; -webkit-overflow-scrolling: touch; }
/* 2) (εναλλακτικά) τύλιγμα σε μικρές οθόνες: */
@media (max-width: 480px) {
.cloud-menu-abstract .elementor-nav-menu--dropdown,
.cloud-menu-abstract .elementor-nav-menu--dropdown ul {
flex-wrap: wrap !important;
overflow-x: visible;
}
}
/* === Move buttons higher inside the cloud-menu-abstract dropdown === */
.cloud-menu-abstract .elementor-nav-menu--dropdown {
/* ήταν padding: 170px 40px; */
padding-top: 60px !important; /* ανέβασε τα ~110px */
padding-right: 40px !important;
padding-bottom: 40px !important;
padding-left: 40px !important;
align-items: flex-start !important; /* αγκίστρωσε τα στην πάνω γραμμή padding */
}
/* αν υπάρχει εσωτερικό , φρόντισε κι αυτό να “κάθεται” ψηλά */
.cloud-menu-abstract .elementor-nav-menu--dropdown ul {
align-items: flex-start !important;
}
/* Κείμενο μαύρο – hover γαλάζιο, χωρίς να πειράζουμε τα background colors */
.cloud-menu .elementor-nav-menu--dropdown li > a,
.cloud-menu-abstract .elementor-nav-menu--dropdown li > a,
.cloud-menu-abstract .elementor-nav-menu--dropdown a.elementor-item {
color: #000 !important; /* μαύρο κείμενο */
}
/* Hover/focus: γαλάζιο κείμενο */
.cloud-menu .elementor-nav-menu--dropdown li > a:hover,
.cloud-menu-abstract .elementor-nav-menu--dropdown li > a:hover,
.cloud-menu-abstract .elementor-nav-menu--dropdown a.elementor-item:hover,
.cloud-menu .elementor-nav-menu--dropdown li > a:focus,
.cloud-menu-abstract .elementor-nav-menu--dropdown li > a:focus,
.cloud-menu-abstract .elementor-nav-menu--dropdown a.elementor-item:focus {
color: #1E90FF !important; /* γαλάζιο (DodgerBlue) */
outline: none;
}/* End custom CSS */