:root { --blue:#1FAAE3; } :root { --black:#373737; } :root { --brown:#C1AD9B; } :root { --boxed-width:1140px; }
::selection { text-shadow:none; background-color:var(--blue); color:#fff; }
html, body { margin:0; padding:0; min-width:360px; overflow-x:hidden; background-color:#fff; }
img { color:transparent; }
h1, h2, h3, h4 { margin:0; } a { color:var(--blue); text-decoration:none; }
b, strong { font-weight:600; }
.blue { color:var(--blue); }
.white, a.white, a.white:visited, a.white:active, .white h1, .white h2, .white h3, .white h4, .white h5, .white h6, .white p { color:#fff; }
a.white:hover { color:var(--blue); }
.black, a.black, a.black:visited, a.black:active, .black h1, .black h2, .black h3, .black h4, .black h5, .black h6, .black p { color:#373737; }
a.black:hover { color:#fff; } .m0, .m0 p { margin:0; }
.mt0, .mt0 p { margin-top:0; }
.mb0, .mb0 p { margin-bottom:0; }
.see-through { pointer-events: none; }
.invisible { visibility:hidden; }
d-none { display:none; }
main, .page-content { position:relative; z-index:101; } header { position:relative; z-index:99; }  header .elementor-item:hover svg path { fill: var(--blue); }
@media (max-width:767px) {
header .elementor-nav-menu--dropdown .sub-arrow svg { transform: rotate(90deg); margin-left:6px; }
header .elementor-item:hover svg path { fill: #fff; }
}
#header_phones a { color:var(--black); }
#header_phones a span { color:var(--blue); }
#header_phones a:hover { color:var(--blue); } :root { --anim1-time: 5s; }
.anim_circle { position:relative; top:0; left:0; }
.anim1 { animation: anim1 var(--anim1-time) infinite alternate ease-in-out; }
@keyframes anim1 {
0% { top:-30px; opacity:1;}
25% { left:-30px; opacity:.4; }
50% { opacity:1; }
75% { left:30px;  opacity:.4; }
100% { top:50px; left:0;  opacity:1; }
}
:root { --anim2-time: 6s; } @keyframes anim2 {
0% { top:150px; opacity:1;}
25% { left:30px; opacity:0; }
50% { opacity:1; }
75% { left:-30px;  opacity:.4; }
100% { top:80px; left:0;  opacity:1; }
} #home_team { background-image:url(//lakidisophthalmology.gr/wp-content/uploads/2024/09/home0.webp); background-position: center center; background-repeat: no-repeat; background-size: contain; }
#home_team { background:none !important; }
#home_team:before { content: ""; position: absolute; width:100%; height:100%; top:0; left:0; background: url(//lakidisophthalmology.gr/wp-content/uploads/2024/09/home0.webp); background-position: center center; background-repeat: no-repeat; background-size: contain; animation:rotating 10s infinite linear; }
@keyframes rotating {
0% {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
opacity:.3
}
25% { opacity:.6; }
50% { opacity:.3; }
75% { opacity:.6; }
100% {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
opacity:.3
}
}
.circle, .circle * { max-height:100%; }
.circle img { width:auto; } #testimonials .swiper-slide { display:flex; align-items:flex-start; opacity:.6; }
@media (max-width:767px) {
#testimonials .swiper-slide { align-items:center; }
}
#testimonials .swiper-slide-active, #testimonials .swiper-slide:hover {  opacity:1; }
#testimonials .elementor-testimonial { display:flex; flex-direction:column-reverse; }
#testimonials .elementor-testimonial__footer { justify-content:left; margin:1rem; }
#testimonials .elementor-testimonial__content { margin:0 1rem; }
#testimonials .elementor-testimonial__text { text-align:left; font-size:18px; font-style:normal; line-height:1.3; }
@media (min-width:768px) {
#testimonials .elementor-testimonial__text { text-align:left; font-size:16px; font-style:normal;
display: block; line-height:1.5em; max-height:7.5em; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; overflow: hidden; text-overflow:ellipsis;
}
} #big_grey_circle { z-index:-1; }    #app_img { pointer-events:none; }
.app-btn { position:relative; z-index:2; }
#app_left svg, #app_right svg { width:1.5em; height:1.5em; position:relative; top:-3%; right:-40%; }
#app_left svg { right:40%; }
@media (max-width:767px) {
#app_left svg, #app_right svg { top:15%; right:-20%; }
#app_left svg { right:20%; }
}
@media (max-width:550px) {
#app_left svg, #app_right svg { width:1em; height:1em; }
}
.app-btn a:focus svg, .app-btn a:active svg { fill:#fff !important; }
.app-btn a:hover svg { fill:var(--brown) !important; }
#app_age { z-index:1; cursor:default; }
.last-div { background-color:#F2F2F2; background-image: url(//lakidisophthalmology.gr/wp-content/uploads/2024/09/clinic_bg.svg); background-position:-50px -50px; background-repeat:no-repeat; background-size:70% auto; } .more-txt { display:none; } body.page:not(.home) h2 { color: var(--brown); font-size: 28px; padding: 10px 0; }
.hm-accordion { margin:24px auto; }
.hm-accordion .wp-block-aab-accordion-item, .hm-accordion .aagb__accordion_active, .hm-accordion .wp-block-aab-accordion-item :focus { border:none !important; }
.hm-accordion .aagb__accordion_head, .hm-accordion .aagb__accordion_head:focus  { border-bottom:1px solid #ccc !important; }
.hm-accordion .aagb__accordion_active .aagb__accordion_title, .hm-accordion .aagb__accordion_head:hover .aagb__accordion_title { color: var(--brown) !important; }
.aagb__accordion_icon #complete-sign { display:none; }
.aagb__icon:before { font-size:22px; } #contact_form input, #contact_form textarea { box-shadow:1px 1px 10px 0px rgba(0, 0, 0, 0.1); }
#contact_form #form-field-acceptance { margin:0 0 10px 3px; }
button { cursor:pointer; }
.elementor-message-danger { font-size: 0.6em; margin: 7px 0 0; }
.elementor-acceptance-field { margin:0 4px 0 16px; }
.elementor-acceptance-field + label { font-size:15px; }
body.privacy-policy .page-content { max-width:1140px; margin:30px auto; font-family:"Hero", sans-serif; } footer { background-color:var( --brown); }
footer a { color:#000; }
footer a:hover { color:#fff; }
@media (prefers-color-scheme: dark) {
footer { background-color:var( --brown); }
}
footer .sub-arrow, footer .elementor-nav-menu--dropdown { display:none !important; }  #back-to-top {
position:fixed; right:30px; bottom:30px; width:50px; height:50px; display:flex; justify-content:center; align-items:center; background-color:#000; border:2px solid #000; border-radius:50px; opacity:.4;
-webkit-box-shadow:inset 0 0 0 1px #0003; box-shadow:inset 0 0 0 1px #0003; -webkit-transition:all .3s linear; transition:all .3s linear; -webkit-transform:translateY(0); transform:translateY(0); z-index:999; cursor:pointer;
} @media (max-width:500px) {
#back-to-top { right:20px; bottom:20px; width:36px; height:36px; opacity:.3; } } #back-to-top:not(.shown) { opacity:0; visibility:hidden; -webkit-transform:translateY(20px); transform:translateY(20px); }
#back-to-top:hover { opacity:1; background-color:var(--brown); border-color:var(--brown); }