.elementor-22 .elementor-element.elementor-element-9e1e960{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:56px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-22 .elementor-element.elementor-element-9e1e960:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-9e1e960 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-eccream );}.elementor-widget-text-editor{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 );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-22 .elementor-element.elementor-element-0fdfd93{font-family:var( --e-global-typography-eccrumbs-font-family ), Sans-serif;font-size:var( --e-global-typography-eccrumbs-font-size );font-weight:var( --e-global-typography-eccrumbs-font-weight );line-height:var( --e-global-typography-eccrumbs-line-height );color:var( --e-global-color-ecinksf );}.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 );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-22 .elementor-element.elementor-element-4f4effd .elementor-heading-title{font-family:var( --e-global-typography-eceyebrow-font-family ), Sans-serif;font-size:var( --e-global-typography-eceyebrow-font-size );font-weight:var( --e-global-typography-eceyebrow-font-weight );text-transform:var( --e-global-typography-eceyebrow-text-transform );line-height:var( --e-global-typography-eceyebrow-line-height );letter-spacing:var( --e-global-typography-eceyebrow-letter-spacing );color:var( --e-global-color-ecrust );}.elementor-22 .elementor-element.elementor-element-b2a146a .elementor-heading-title{font-family:var( --e-global-typography-ech1page-font-family ), Sans-serif;font-size:var( --e-global-typography-ech1page-font-size );font-weight:var( --e-global-typography-ech1page-font-weight );line-height:var( --e-global-typography-ech1page-line-height );letter-spacing:var( --e-global-typography-ech1page-letter-spacing );color:var( --e-global-color-primary );}.elementor-22 .elementor-element.elementor-element-f39321d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-22 .elementor-element.elementor-element-c456dd2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:96px;--padding-bottom:96px;--padding-left:20px;--padding-right:20px;}.elementor-22 .elementor-element.elementor-element-c456dd2:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-c456dd2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-ecwhite );}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-22 .elementor-element.elementor-element-13339b2{--grid-columns:3;--grid-row-gap:24px;--grid-column-gap:24px;}.elementor-22 .elementor-element.elementor-element-5d81257e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:900px){.elementor-22 .elementor-element.elementor-element-9e1e960{--padding-top:36px;--padding-bottom:44px;--padding-left:20px;--padding-right:20px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-22 .elementor-element.elementor-element-0fdfd93{font-size:var( --e-global-typography-eccrumbs-font-size );line-height:var( --e-global-typography-eccrumbs-line-height );}.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );}.elementor-22 .elementor-element.elementor-element-4f4effd .elementor-heading-title{font-size:var( --e-global-typography-eceyebrow-font-size );line-height:var( --e-global-typography-eceyebrow-line-height );letter-spacing:var( --e-global-typography-eceyebrow-letter-spacing );}.elementor-22 .elementor-element.elementor-element-b2a146a .elementor-heading-title{font-size:var( --e-global-typography-ech1page-font-size );line-height:var( --e-global-typography-ech1page-line-height );letter-spacing:var( --e-global-typography-ech1page-letter-spacing );}.elementor-22 .elementor-element.elementor-element-c456dd2{--padding-top:72px;--padding-bottom:72px;--padding-left:20px;--padding-right:20px;}.elementor-widget-loop-grid .elementor-pagination{line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-loop-grid .e-load-more-message{line-height:var( --e-global-typography-secondary-line-height );}.elementor-22 .elementor-element.elementor-element-13339b2{--grid-columns:1;}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-22 .elementor-element.elementor-element-0fdfd93{font-size:var( --e-global-typography-eccrumbs-font-size );line-height:var( --e-global-typography-eccrumbs-line-height );}.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );}.elementor-22 .elementor-element.elementor-element-4f4effd .elementor-heading-title{font-size:var( --e-global-typography-eceyebrow-font-size );line-height:var( --e-global-typography-eceyebrow-line-height );letter-spacing:var( --e-global-typography-eceyebrow-letter-spacing );}.elementor-22 .elementor-element.elementor-element-b2a146a .elementor-heading-title{font-size:var( --e-global-typography-ech1page-font-size );line-height:var( --e-global-typography-ech1page-line-height );letter-spacing:var( --e-global-typography-ech1page-letter-spacing );}.elementor-widget-loop-grid .elementor-pagination{line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-loop-grid .e-load-more-message{line-height:var( --e-global-typography-secondary-line-height );}.elementor-22 .elementor-element.elementor-element-13339b2{--grid-columns:1;}}/* Start custom CSS *//* ========================================================= Υπηρεσίες (/ypiresies/) · Ελένη Χατζηζήση · κάρτες από το CPT «Υπηρεσίες» (Loop Grid) Page Settings → Advanced → Custom CSS (όλο το αρχείο) Αυτόνομο: έχει μέσα και τους κοινούς κανόνες που χρειάζεται η σελίδα. ========================================================= */ /* --------------------------------------------------------- Κοινά (ίδια με της Αρχικής): εμφάνιση στο scroll, eyebrow, κουμπιά, κεφαλίδα εσωτερικής σελίδας --------------------------------------------------------- */ /* ---------- Κοινά: εμφάνιση στο scroll (.reveal) ---------- Entrance Animation «Fade In Up» του Elementor, με την κίνηση της πηγής: 18px, .7s ease */ @keyframes ec-reveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}} .elementor-element[id^="ec-"].animated.fadeInUp{animation-name:ec-reveal;animation-duration:.7s;animation-timing-function:ease} /* ---------- Κοινά: eyebrow (.eyebrow) — κάθε id που τελειώνει σε -eyebrow ---------- */ [id^="ec-"][id$="-eyebrow"] .elementor-heading-title{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px} [id^="ec-"][id$="-eyebrow"] .elementor-heading-title::before{content:"";width:28px;height:2px;border-radius:2px;background:currentColor} /* όπως η πηγή: η γραμμή μικραίνει όταν το κείμενο σπάει σε 2 γραμμές */ /* ---------- Κοινά: κουμπιά (.btn) ---------- Specificity (0,5,0): νικάει το default Global Accent που τυπώνει το Elementor σε κάθε Button Στο id: -ghost = .btn-ghost · -light = .btn-light · χωρίς = .btn-primary (Theme Style) -i-cal / -i-tel / -i-arrow = εικονίδιο */ .elementor .elementor-element.elementor-widget-button[id^="ec-"] .elementor-button{ display:inline-flex;align-items:center;justify-content:center; text-align:left; /* όπως η πηγή: όταν το κείμενο σπάει σε 2 γραμμές (κινητό), οι γραμμές στοιχίζονται αριστερά */ transition:background-color .2s,color .2s,border-color .2s,transform .2s; } .elementor .elementor-element.elementor-widget-button[id^="ec-"] .elementor-button-content-wrapper{align-items:center;gap:.55em} .elementor .elementor-element.elementor-widget-button[id^="ec-"]:not([id*="-ghost"]):not([id*="-light"]) .elementor-button:hover{transform:translateY(-1px)} .elementor .elementor-element.elementor-widget-button[id*="-ghost"] .elementor-button{background:transparent;border-color:var(--e-global-color-ectaupe,#CAAE9C);color:var(--e-global-color-ecink,#3A2A22)} .elementor .elementor-element.elementor-widget-button[id*="-ghost"] .elementor-button:hover, .elementor .elementor-element.elementor-widget-button[id*="-ghost"] .elementor-button:focus{background:transparent;border-color:var(--e-global-color-ecrust,#B55E39);color:var(--e-global-color-ecrust,#B55E39)} .elementor .elementor-element.elementor-widget-button[id*="-light"] .elementor-button{background:var(--e-global-color-ecwht08,rgba(255,255,255,.08));border-color:var(--e-global-color-ecwht22,rgba(255,255,255,.22));color:#fff} .elementor .elementor-element.elementor-widget-button[id*="-light"] .elementor-button:hover, .elementor .elementor-element.elementor-widget-button[id*="-light"] .elementor-button:focus{background:var(--e-global-color-ecwht16,rgba(255,255,255,.16));color:#fff} .elementor .elementor-element.elementor-widget-button[id*="-i-"] .elementor-button-content-wrapper::before{ content:"";flex:none;width:18px;height:18px;background:currentColor; -webkit-mask:var(--ec-ico) center/18px 18px no-repeat;mask:var(--ec-ico) center/18px 18px no-repeat; } .elementor .elementor-element.elementor-widget-button[id*="-i-arrow"] .elementor-button-content-wrapper::before{order:2} [id*="-i-cal"]{--ec-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4.5' width='18' height='16' rx='2.5'/%3E%3Cpath d='M8 2.5v4M16 2.5v4M3 10h18'/%3E%3C/svg%3E")} [id*="-i-tel"]{--ec-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E")} [id*="-i-arrow"]{--ec-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E")} /* ---------- Κοινά: κεφαλίδα εσωτερικής σελίδας (.page-hero) — container #ec-pagehero ---------- Σε κάθε εσωτερική σελίδα τα ίδια id: #ec-pagehero, -crumbs, -eyebrow, -title (h1), -lead */ #ec-pagehero{overflow:hidden} /* υδατογράφημα με τις εγκεφαλικές συνδέσεις του λογοτύπου, πάνω δεξιά (.page-hero::before) η εικόνα είναι στη Βιβλιοθήκη Πολυμέσων: brain-watermark.png */ #ec-pagehero::before{ content:"";position:absolute;left:auto;right:-40px;top:-110px;width:400px;height:auto;aspect-ratio:760/799; background:url(/wp-content/uploads/2026/10/brain-watermark.png) no-repeat center/contain; border:0;border-radius:0;opacity:.13;mix-blend-mode:normal;transition:none;pointer-events:none; } /* το περιεχόμενο πάνω από το υδατογράφημα */ #ec-pagehero > .e-con-inner{position:relative;z-index:1;gap:0} @media (max-width:900px){ #ec-pagehero::before{width:280px;right:-90px;top:-70px} } /* ψίχουλα (.crumbs) */ #ec-pagehero-crumbs{margin-bottom:22px} #ec-pagehero-crumbs nav,#ec-pagehero-crumbs p{display:flex;gap:8px;align-items:center;margin:0} /* χωρίς αναδίπλωση, όπως η πηγή: το τελευταίο σπάει μέσα του */ #ec-pagehero-crumbs a{color:var(--e-global-color-ecinksf,#6B5649)} #ec-pagehero-crumbs a:hover,#ec-pagehero-crumbs a:focus{color:var(--e-global-color-ecrust,#B55E39)} /* h1 (.page-hero h1 · margin .25em): η απόσταση ως τον υπότιτλο είναι τα 14px του (.page-lead) */ #ec-pagehero-title .elementor-heading-title{margin:0} /* κουμπιά κάτω από τον τίτλο (.page-ctas): η απόσταση ως το h1 είναι τα 22px τους */ #ec-pagehero-ctas{margin-top:22px} #ec-pagehero-ctas > .elementor-widget{--container-widget-width:auto;width:auto} @media (max-width:600px){ #ec-pagehero-ctas > .elementor-widget{flex:1 1 100%} #ec-pagehero-ctas .elementor-button{width:100%} } /* ========================================================= 2 · Κάρτες υπηρεσιών (.section.section-alt + .svc-cards) Loop Grid #ec-svc-grid με τις εγγραφές του CPT «Υπηρεσίες» (Query ID ec_services) ========================================================= */ #ec-svc > .e-con-inner{gap:0} /* 3 στήλες → 1 (≤900, έως 480px) */ #ec-svc-grid .elementor-loop-container{display:grid;grid-template-columns:repeat(3,1fr);gap:24px} /* κάρτα (.svc-card) = Loop Item «Κάρτα υπηρεσίας»: όλη η κάρτα είναι link, ίσο ύψος σε κάθε σειρά */ #ec-svc-grid .e-loop-item{min-width:0;height:100%} #ec-svc-grid .ec-svc-card{ height:100%;overflow:hidden;color:var(--e-global-color-ecink,#3A2A22); background:var(--e-global-color-ecwhite,#fff); /* σε λευκή ενότητα (.section-alt) */ border:1px solid var(--e-global-color-ecline,#E7D9CB);border-radius:28px; transition:opacity .7s,transform .7s; /* όπως η πηγή: το hover αλλάζει χωρίς μετάβαση */ } #ec-svc-grid .ec-svc-card:hover, #ec-svc-grid .ec-svc-card:focus{ border-color:var(--e-global-color-ecrust,#B55E39); box-shadow:0 18px 40px -22px var(--e-global-color-ecshadow,rgba(74,44,28,.35)); } /* εικόνα 4:3 (Επιλεγμένη εικόνα ως φόντο, στο 50% 30%: η θέση μπαίνει εδώ, γιατί το Elementor δεν τυπώνει θέση φόντου όταν η εικόνα είναι δυναμική) */ #ec-svc-grid .ec-svc-card-img{aspect-ratio:4/3;min-height:0;background-position:50% 30%} /* σώμα: γεμίζει το ύψος, το «Περισσότερα» μένει κάτω */ #ec-svc-grid .ec-svc-card-body{flex:1} #ec-svc-grid .ec-svc-card-text{flex:1} #ec-svc-grid .ec-svc-card-text p{margin:0} #ec-svc-grid .ec-svc-card-more{margin-top:auto;--ec-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E")} #ec-svc-grid .ec-svc-card-more .elementor-heading-title{display:flex;align-items:center;gap:8px} #ec-svc-grid .ec-svc-card-more .elementor-heading-title::after{ content:"";flex:none;width:18px;height:18px;background:currentColor; -webkit-mask:var(--ec-ico) center/18px 18px no-repeat;mask:var(--ec-ico) center/18px 18px no-repeat; } @media (max-width:900px){ #ec-svc-grid .elementor-loop-container{grid-template-columns:1fr;max-width:480px} }/* End custom CSS */