/*
 Theme Name:	Health Marketing
 Version:			1.0.0
 Author:			Health Marketing
 Author URI:	https://healthmarketing.gr/
 Template:		hello-elementor
 
 width: 1140
 breakpoints:  1024, 767
*/



:root { --blue:#001e3e; } /*rgba()*/
:root { --gold:#d4af54; }
:root { --txt:#5D5D5D; }
:root { --beige:#F2E7CB; }
::selection { text-shadow:none; background-color:var(--blue); color:#fff; }
img { color:transparent; }

html, body { margin:0; padding:0; min-width:360px; background-color:#fff; color:var(--text); font-family:"Commissioner", Arial, sans-serif; }
/*html { background-color:var(--beige); }*/
body { max-width:1280px; margin:0 auto; }

body:not([class*="elementor-page-"]) .site-main { width:95%; max-width:1140px; padding:40px 50px 100px; }
body:not([class*="elementor-page-"]) h1 { margin-bottom:30px; font-size: 1.8em; }
@media (max-width: 767px) {
	body:not([class*="elementor-page-"]) .site-main { padding:0 20px 0; }
	body:not([class*="elementor-page-"]) h1 { margin-bottom: 20px; font-size: 1.6em; }
}


/* ASSETS */
.h100 { height:100%; }
.z-1 { z-index:-1; }
.m0, .m0 p { margin:0; }
.multi-p p:last-child { margin-bottom:0 !important; }
ul, ol { margin-block-start:0; margin-block-end:.9rem; }
figure.wp-block-table { margin: 0; overflow: auto; }
.txt-center { text-align:center ; }
b, strong { font-weight:500; }
.med { font-weight:500; }
.sb { font-weight:600; }
.d-none { display:none; }


.shadow, .shadow-btn .elementor-button { box-shadow:4px 4px 20px 0px rgba(0, 0, 0, 0.15); }
img.shadow-img, .shadow-img img { filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.4)); }
/* elementor's off-canvas overlay */
/*.e-off-canvas.animated-reverse-wrapper .e-off-canvas__overlay { opacity: 0 !important; pointer-events: none; transition: opacity 0.3s ease-in-out !important; }*/
.e-off-canvas__overlay { opacity:1; backdrop-filter: blur(4px); transition: opacity 0.3s ease-in-out, backdrop-filter 0.3s ease-in-out !important; pointer-events: auto; }
.e-off-canvas.animated-reverse-wrapper .e-off-canvas__overlay { opacity: 0 !important; backdrop-filter: blur(0px); pointer-events: none; }

.btn-grad .elementor-button { background: transparent url('/wp-content/uploads/2025/10/button-bg.svg') no-repeat center; background-size:cover; border-radius:25px; padding:10px 50px; color:var(--blue); box-shadow:0px 0px 5px 2px rgba(0,0,0,0.1); }
.btn-grad .elementor-button:hover {  color:var(--blue); background-color:transparent; box-shadow:0px 0px 6px 5px rgba(0,0,0,0.15); }
/*.btn-grad .elementor-button > span { transition:all .2s linear; } .btn-grad .elementor-button:hover > span { transform: scale(1.01); }*/

.rendez-vous:hover .rendez-txt { background-color:var(--gold) !important; }
/*.rendez-vous:hover .rendez-txt h2 { color: var(--blue) !important; }*/
.rendez-vous:hover .rendez-num { background-color: var(--blue) !important; }
.rendez-vous:hover .rendez-num h2 { color: #fff !important; }


body#ιατρός .tsetsos h3 { color:var(--blue); }


/* HEADER */
#top_menu.sticky { width:100%; position:fixed; top:0; left:0; z-index:999; padding:0; background-color:rgba(255, 255, 255, 0.6); box-shadow:0 1px 2px rgba(0, 0, 0, 0.05); border-bottom:none; animation:slide-down 0.8s; }
#top_menu.sticky > div { padding:0; }
@keyframes slide-down {
    0% { transform:translateY(-100%); } 
    100% { transform:translateY(0); } 
}





/* HOME */

.elementor-widget-testimonial-carousel .swiper-wrapper { align-items: center; }

/* OFFICE */
#office-accordion .e-n-accordion-item-title-text > div { font-size:1.6em; font-weight:500; line-height: 1.1em; }
#office-accordion .e-n-accordion-item-title-text > div:first-child { font-size:46px; font-weight:300; color:#fff; }
#office-accordion .e-n-accordion-item:not([open]) .e-n-accordion-item-title { border-radius:0 80px 80px 0; padding-bottom: 50px }
#office-accordion .acc-left .e-n-accordion-item:not([open]) .e-n-accordion-item-title { border-radius:80px 0 0 80px; padding-bottom: 50px }
@media(max-width:1024px){
	#office-accordion .e-n-accordion-item:not([open]) .e-n-accordion-item-title { border-radius: 50px !important; }
}
@media(max-width:767px){
	#office-accordion .e-n-accordion-item:not([open]) .e-n-accordion-item-title { border-radius: 30px !important; }
	#office-accordion .e-n-accordion-item-title-text > div { font-size:1.4em; font-weight:500; }
	#office-accordion .e-n-accordion-item-title-text > div:first-child { margin-bottom:6px; font-size:30px; font-weight:300; color:#fff; }
}
#office-accordion .e-n-accordion-item:not([open]) .e-n-accordion-item-title-text > div:nth-child(2) { color:var(--gold); }
#office-accordion .e-opened { transform: rotate(180deg); }
#office-accordion .e-opened .gold { fill:var(--blue); }



/* SERVICES */
.service-box { max-width:39%; width:480px; margin-bottom:130px; padding:60px; border-radius:4vw; box-shadow:4px 4px 20px 0px rgba(0, 0, 0, 0.15); /*aspect-ratio: 1 /1;*/ }
.service-box .service-box-img { max-width:70% !important; margin-top:-150px; align-self: flex-end; }
.service-box .service-box-img img { border-radius:4vw; transition:all .3s ease-in-out; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.3)); }
.service-box:hover .service-box-img img { transform: scale(1.1); }
.service-box .service-box-icon { flex-grow:1; margin-top:-50px; padding-bottom:50px; }
.service-box .elementor-icon { font-size:65px; }
.service-box .elementor-icon-box-title { font-size:25px; font-weight:400; }

.service-box.gold-box { background-color:var(--gold); }
.service-box.gold-box .elementor-icon svg .gold { stroke:var(--blue); }
.service-box.gold-box .elementor-icon-box-title { color: var(--blue); }

.service-box.blue-box { background-color:var(--blue); }
.service-box.blue-box .elementor-icon svg .gold { stroke:var(--blue); }
.service-box.blue-box .elementor-icon-box-title { color: var(--gold); }

@media (max-width:1024px) {
	.service-box { padding:40px !important; }
	.service-box .service-box-img { margin-top: -100px; }
	.elementor-icon-box-wrapper { gap:6px; }
	.service-box .service-box-icon { margin-top:-10px; padding-bottom: 25px; }
	.service-box .elementor-icon-box-title { font-size: 22px; }
}
@media (max-width:767px) {
	.service-box { max-width: 100%; }
}










/* NEWS */
.elementor-pagination { display: flex; justify-content: center; }
.page-numbers { display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 100%; background-color: var(--blue); font-weight: 600; color: var(--gold); }
.page-numbers.current, .page-numbers:hover {  background-color: var(--gold); color: var(--blue); }

.page-numbers svg { width:26px; height:26px; }
.page-numbers.prev svg { margin-left: -3px; }
.page-numbers.next svg { margin-left: 3px; }
.page-numbers.prev, .page-numbers.next { background-color: var(--gold); }
.page-numbers svg path { fill:#fff; }
a.page-numbers:hover svg path { fill: var(--blue); }







/* CONTACT */
/*.elementor-form label { margin-bottom: 3px; }
.elementor-form .elementor-field-type-textarea { margin-bottom:0; }
.elementor-form .elementor-field-type-submit { margin-top:8px; }*/
.elementor-form .elementor-message { font-size:13px; margin:5px 0 0; }
.elementor-form > .elementor-message { margin-top:18px; font-size:18px; text-align:center; color: #fff; }
/*.elementor-field-required label::after { content:'  *'; color:#c00; }*/
.elementor-field-type-acceptance a:hover { color:#fff; }


/* FOOTER */
footer .elementor-nav-menu .sub-arrow { display:none !important; }
footer a { color:#fff; }
footer a:hover { color:var(--blue); }



/* back to top */
#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;
}
#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(--blue); border-color:var(--blue); }