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



:root { --pink:#BC7C89; } /* rgba(188, 124, 137, 1)*/
:root { --pink2:#D9A9B2; }
:root { --pink3:#92364C; }
:root { --text:#000; }
::selection { text-shadow:none; background-color:var(--pink); 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; }

/*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; }
}*/


body { padding:0 80px !important; }
.full-width, footer { width:calc(100% + 160px) !important; max-width:calc(100% + 160px) !important; margin: 0 -80px !important; }
@media(max-width:1024px){
	body { padding:0 50px !important; }
	.full-width, footer { width:calc(100% + 100px) !important; max-width:calc(100% + 100px) !important; margin: 0 -50px !important; }
}
@media(max-width:767px){
	body { padding:0 30px !important; }
	.full-width, footer { width:calc(100% + 60px) !important; max-width:calc(100% + 60px) !important; margin: 0 -30px !important; }
}




/* ASSETS */
img { color:transparent; }
.see-through { pointer-events: none; }
.invisible { visibility:hidden; }
.rel { position:relative; }
.full-height { min-height:100% !important; }
.elementor-widget-text-editor p:last-child { margin:0; }
.m0, .m0 p { margin:0; }
.sb { font-weight:600; }
.shadow, .shadow-img img, .shadow-btn .elementor-button { box-shadow:4px 4px 20px 0px rgba(0, 0, 0, 0.15); }
/* 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; }

/* reveal */
body:not(.elementor-editor-active) .reveal { display:inline-block; white-space:nowrap; overflow:hidden; opacity:0; }
body:not(.elementor-editor-active) .reveal.shown { opacity:1; }
.reveal_L2R.shown { animation:reveal_L2R 2s; }
@keyframes reveal_L2R {
    0% { clip-path: inset(0 100% 0 0); }
    100% { clip-path: inset(0 0 0 0); }
}
.reveal_T2B.shown { animation:reveal_T2B 2s; }
@keyframes reveal_T2B {
    0% { clip-path: inset(0 0 100% 0); }
    100% { clip-path: inset(0 0 0 0); }
}
.reveal_R2L.shown { animation:reveal_R2L 2s; }
@keyframes reveal_R2L {
    0% { clip-path: inset(0 0 0 100%); }
    100% { clip-path: inset(0 0 0 0); }
}




#home-slider .e-n-carousel .swiper-wrapper {
    transform: translate3d(0px, 0px, 0px) !important;
    transition: none !important;
}

#home-slider .e-n-carousel .swiper-slide {
    opacity: 0 !important;
    transition: opacity 1s ease-in-out !important;
}

#home-slider .e-n-carousel .swiper-slide-active {
    opacity: 1 !important;
}

/* Ensure proper stacking */
#home-slider .e-n-carousel {
    position: relative;
    overflow: visible;
}

#home-slider .e-n-carousel .swiper-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#home-slider .e-n-carousel .swiper-slide-active {
    position: relative;
}

/* FLICKER FIX */
#home-slider .e-n-carousel .swiper-slide {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}

#home-slider .e-n-carousel .swiper-wrapper {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

/* Ensure smooth transition end */
#home-slider .e-n-carousel .swiper-slide {
    will-change: opacity;
}

/* Fix for loop transition flicker */
#home-slider .e-n-carousel.swiper-container-initialized {
    opacity: 1 !important;
    visibility: visible !important;
}
/* Force fade effect for Elementor carousel 

#home-slider .swiper-wrapper {
    transform: translate3d(0px, 0px, 0px) !important;
    transition: none !important;
    display: block !important;
    height: auto !important;
}

#home-slider .swiper-slide {
    opacity: 0 !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    transition: opacity 1s ease-in-out !important;
    transform: translate3d(0px, 0px, 0px) !important;
    z-index: 1;
}

#home-slider .swiper-slide-active {
    opacity: 1 !important;
    position: relative !important;
    z-index: 2;
}

#home-slider .elementor-widget-container,
#home-slider .swiper-container {
    overflow: hidden !important;
    position: relative !important;
}*/


/* HEADER */
#top_menu.sticky { width:100%; position:fixed; top:0; left:0; z-index:999; padding:0; background-color:rgba(255, 255, 255, 0.95); 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 */





/* SINGLE */





/* 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 { font-size:18px; text-align:center; margin-top:18px; }
.elementor-field-required label::after { content:'  *'; color:#c00; }


/* FOOTER */
footer a { color:#fff; }
footer a:hover { color:var(--pink); }


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