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



:root { --color1:#8d7e41; } /* GOLD rgba(141, 126, 65, 1) (was 8B7D3F)*/
:root { --color2:#143567; } /* BLUE  rgba(20, 53, 103, 1) (was 143468) */
:root { --text:#6F6F6F; }
:root { --grey:#F1F1F1; }
::selection { text-shadow:none; background-color:var(--color1); color:#fff; }
.page-content > div[data-elementor-post-type="page"] > div.e-con-boxed { padding:0 30px; }


/* ASSETS */
..shadow, .shadow-img img, .shadow-btn .elementor-button { box-shadow:5px 5px 10px 0px rgba(0, 0, 0, 0.1); }

/* reveal */
.reveal { display:inline-block; white-space:nowrap; overflow:hidden; opacity:0; }
.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); }
}



/* HEADER */




/* HOME */




/* SINGLE */




/* VIDEOS */



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



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