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



:root { --color1:#D49E8D; } /* rgba(212, 158, 141, 1) */
:root { --color2:#693B2B; } /* rgba(105, 59, 43, 1) */
:root { --text:#424449; }
::selection { text-shadow:none; background-color:var(--color1); color:#fff; }
/*.e-con-full { max-width:1920px !important; margin: 0 auto; }*/
.m0, .m0 p { margin:0; }
.sb { font-weight:500; }


/* ASSETS */
.shadow, .shadow-img img, .shadow-btn .elementor-button { box-shadow:4px 4px 15px 5px rgba(0, 0, 0, 0.05); }
body:not(.elementor-editor-active) .reveal_L2R { display:inline-block; white-space:nowrap; overflow:hidden; clip-path:inset(0 100% 0 0); }
@keyframes reveal_L2R {
    0% { clip-path: inset(0 100% 0 0); }
    100% { clip-path: inset(0 0 0 0); }
}

body:not(.elementor-editor-active) .reveal_R2L { display:inline-block; white-space:nowrap; overflow:hidden; clip-path:inset(0 0 0 100%); animation: reveal_R2L 2s forwards; }
@keyframes reveal_R2L {
    0% { clip-path: inset(0 0 0 100%); }
    100% { clip-path: inset(0 0 0 0); }
}

/*.radial_overlay:before { background-color:transparent; --background-overlay:''; background-image:radial-gradient(at center center, #ffffff00 50%, #ffffff 70%); }*/


/* HEADER */
/*header .elementor-item-active { font-weight:600; }*/
header ul.sub-menu { border:1px solid rgba(212, 158, 141, 0.2) !important; }
header ul.sub-menu, header ul.sub-menu li { min-width:100% !important; font-size:16px !important; }
header.sticky { position:fixed; top:0; left:0; z-index:999; --padding-top:10px !important; --padding-bottom:10px !important; background-color:rgba(255, 255, 255, 0.7); box-shadow:0 1px 2px rgba(0, 0, 0, 0.05); border-bottom:none; animation:slide-down 0.8s; }
@keyframes slide-down {
    0% { transform:translateY(-100%); } 
    100% { transform:translateY(0); } 
}
header.sticky #top_bar { display:none; }
header.sticky #mob-logo { top:5px; }
header.sticky #mob-logo img { height:40px; }






@media (min-width:768px) {
	#hero_left { margin-left:50px; z-index:1; }
	#hero_right { margin-left:-50px; }
}
#hero_right h2 { color:#fff9; }





/* HOME */
/*
.home_row1L { overflow:hidden; }
body:not(.elementor-editor-active) .home_row1L > div { display:inline-block; white-space:nowrap; overflow:hidden; transform: translate3d(100%, 0, 0); animation: slide_R2L 2s forwards; }
@keyframes slide_R2L {
    0% { transform: translate3d(100%, 0, 0); }
    100% { transform: translate3d(0, 0, 0); }
}
.home_row1L > div.elementor-element:before { position:absolute; left:0; top:0; width:128px; height:100%; z-index:3; content:''; background-image: url('/wp-content/uploads/2025/01/archL_beige.webp'); background-size:contain; background-repeat:no-repeat; }
@media (min-width:768px) {
	.home_row1R > div.elementor-element { left: -32px; width:calc(100% + 32px); }
}
@media (min-width:1366px) {
	.home_row1R > div.elementor-element { position:relative; left: -80px; width:calc(100% + 80px); }
}

.home_row1R > div.elementor-element:before, .home_row1R > div.elementor-element:after { content:''; position:absolute; top:0; height:100%; background-size:contain !important; }
.home_row1R > div.elementor-element:before { left:0; width:250px; background:transparent url('/wp-content/uploads/2025/01/archL_red2.webp') center left no-repeat; }
.home_row1R > div.elementor-element:after { right:0; width:128px; background:transparent url('/wp-content/uploads/2025/01/archR_red.webp') center right no-repeat; }
*/





.home_pathisi { aspect-ratio: 1/1; }
.home_pathisi:hover svg .pathisi_icon { fill:var(--color1) !important; }
@media (max-width:767px) {
	.home_pathisi svg { width:80px; height:80px }
}



/* TEAM */
a.member { color:var(--text); box-shadow:4px 4px 15px 5px rgba(0, 0, 0, 0.03); border:1px solid #00000011; }
a.member:hover { color:var(--color2); box-shadow:4px 4px 15px 5px rgba(0, 0, 0, 0.08); }
a.member:hover img { opacity:0.8; }




/* SINGLE */




/* VIDEOS */



/* CONTACT */




/* FOOTER */



/* 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(--color1); border-color:var(--color1); }