/*
 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; background-color:#fff; color:var(--text); font-family:"Commissioner", Arial, sans-serif; }

body:not([class*="elementor-page-"]) .page-content { width:95%; max-width:1280px; margin:40px auto 80px; }
body:not([class*="elementor-page-"]) h1 { margin:50px 0 36px; font-size:1.8em; font-weight:600; line-height:1.1; }
body:not([class*="elementor-page-"]) h2 { font-size:1.5em; font-weight:500; line-height:1.1; }
@media (max-width: 767px) {
	body:not([class*="elementor-page-"]) .page-content { margin:30px auto 50px }
	body:not([class*="elementor-page-"]) h1 { margin:36px 0 10px; font-size:1.6em; }
	body:not([class*="elementor-page-"]) h2 { font-size:1.3em; }
}
.wp-block-table .has-fixed-layout { min-width:500px; }


body, .boxed-in-full { padding-left:80px !important; padding-right:80px !important; }
.full-width, footer { width:100vw !important; max-width:100vw !important; margin-left:-80px !important; }
 { padding:0 80px; }
@media(max-width:1024px){
	body, .boxed-in-full { padding-left:50px !important; padding-right:50px !important; }
	.full-width, footer { margin-left:-50px !important; }
}
@media(max-width:767px){
	body, .boxed-in-full { padding-left:30px !important; padding-right:30px !important; }
	.full-width, footer, #HERO_BG { margin-left:-30px !important; }
}

/* elementro fix */
@media(max-width:1024px){
	.elementor-kit-13 { --e-global-typography-text-font-size:18px; }
}



/* ASSETS */
img { color:transparent; }
body:not(.elementor-editor-active) .d-none { display:none; }
.d-block { display:block; }
.d-inblock { display: inline-block; }
.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; }
strong, b { font-weight:600; }
.sb { font-weight:500; }
.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; }
.elementor-posts-nothing-found { margin-bottom: 300px; }

ul.elementor-nav-menu--dropdown a, ul.elementor-nav-menu--dropdown a:focus, ul.elementor-nav-menu--dropdown a:hover { border-inline-start:none; }

@media (max-width:1366px) {
	.d-lg { display:none !important; }
}
@media (max-width:1366px) {
	.lg-d-none { display:none !important; }
}
@media (max-width:1023px) {
	.md-d-none { display:none !important; }
	.md-600, .md-600 * { font-weight:600 !important; }
	.md-500, .md-500 * { font-weight:500 !important; }
	.md-400, .md-400 * { font-weight:400 !important; }
}
@media (max-width:767px) {
	.no-sm-bg { background-image: none !important; }
	.sm-rel { position:relative; }
	.sm-d-none { display:none !important; }
	.sm-600, .sm-600 * { font-weight:600 !important; }
	.sm-500, .sm-500 * { font-weight:500 !important; }
	.sm-400, .sm-400 * { font-weight:400 !important; }
	.elementor-posts-nothing-found { margin-bottom: 200px; }
}
@media (min-width:1024px) {
	.d-md { display:none !important; }
}
@media (min-width:768px) {
	.d-sm { display:none !important; }
}
@media(max-width:499px){
    .mob750 { display:none; }
    .mob350 { display:flex; }
}
@media(min-width:500px) and (max-width:767px) {
    .mob750 { display:flex; }
    .mob350 { display:none; }
}



.page-numbers { display:inline-flex; justify-content:center; align-items:center; width:40px; aspect-ratio: 1 / 1; border: 1px solid var(--pink); border-radius: 100%; }
.page-numbers.current { background-color:var(--pink); color:#fff; }
a.page-numbers:hover { background-color: var(--pink2); border-color: var(--pink2); color: #fff; }




/* 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; }
#WAVE.shown { animation:reveal_R2L 4s; }
@keyframes reveal_R2L {
    0% { clip-path: inset(0 0 0 100%); }
    100% { clip-path: inset(0 0 0 0); }
}







/* HEADER */
header { position: relative; z-index: 999; }
#fixed-menu { position:fixed; top:-100px; left:0; z-index:999; box-shadow:0 1px 2px rgba(0, 0, 0, 0.1); }
#fixed-menu.sticky { top:0; animation:slide-down 0.8s; }
@keyframes slide-down {
    0% { transform:translateY(-100%); } 
    100% { transform:translateY(0); } 
}

#HERO_WRAPPER { position:absolute; top:0; right:0; bottom:0; left:0; background-color: var(--pink2); }
#HERO_WRAPPER .elementor-widget-shortcode, #HERO_WRAPPER .elementor-shortcode, #HERO_WRAPPER .elementor-shortcode > div { height:100%; }
@media(max-width:767px){
    #HERO { width:100vw; min-width:100vw; margin-left:-30px !important; aspect-ratio: 767 / 600; }
	#HERO_WRAPPER { margin:0 !important;  }
	#WAVE { display:none !important; }
}




/* HOME */

#elementor-popup-modal-421 .dialog-widget-content { background-color:transparent; }
#elementor-popup-modal-421 .dialog-close-button:hover svg { fill:var(--pink3); }
#last_period:hover { cursor:pointer; }
#last_period:hover h3 { color:var(--pink); }
#ui-datepicker-div { z-index:99999 !important; }
.ui-datepicker { background-color:#fff; border: 1px solid var(--pink); }
.ui-datepicker a { text-decoration:none; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: "Commissioner", sans-serif; font-size:1em; }
.ui-datepicker .ui-widget-header { display:flex; justify-content:space-between; padding:5px; background-color:var(--pink); }
.ui-datepicker .ui-datepicker-prev { order:1; cursor:pointer; color:#fff; }
.ui-datepicker .ui-datepicker-title { order:2; width:100%; text-align:center; }
.ui-datepicker .ui-datepicker-title select { border: none; border-radius: 4px; }
.ui-datepicker .ui-datepicker-next { order:3; cursor:pointer; color:#fff; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { display:flex; justify-content:center; align-items:center; width:2em; height:2em; font-size:18px; font-weight:600; }
.ui-datepicker .ui-datepicker-prev:not(.ui-state-disabled):hover, .ui-datepicker .ui-datepicker-next:not(.ui-state-disabled):hover { color:#fff; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { display:inline-block; width:43%; margin:3px; padding:5px; text-align:center; background:#fff; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); background-image:none; }
.ui-widget.ui-datepicker { font-family: "Commissioner", sans-serif; font-size:.8em; }
.ui-datepicker-calendar { margin:0; }
.ui-datepicker-calendar th { padding:5px 12px; }
.ui-datepicker-calendar td { background-color:transparent !important; padding:5px; text-align:center; }
.ui-datepicker-calendar td:not(.ui-state-disabled):hover { background-color:var(--pink) !important; color:#fff; cursor:pointer; }
.ui-datepicker-calendar td a { font-weight:500; color:#333; }
.ui-datepicker-calendar td:hover a { color:#fff; }
#lmp { width:1px; }
@media (max-width:1023px) {
	#elementor-popup-modal-421 .dialog-close-button { font-size:24px; }
}
@media (max-width:767px) {
	#ui-datepicker-div { top:60px !important; left:30px !important; max-width:350px !important; }
}



/* SINGLE */
.cta { width:fit-content; margin:50px auto 0; padding:10px 30px 30px; border:2px solid var(--pink2); border-radius: 20px; font-size:.9em; text-align: center; }
.share-it-icon .elementor-icon-box-wrapper { margin-top: -3px; }
.share-it-icon .elementor-icon-box-content { margin-top: -5px; }



/* 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 #map { width:485px; max-width:100%; height:100%; aspect-ratio:3 / 2 ; border:0; border-radius:30px; }


/* back to top */
#back-to-top {
	position:fixed; right:20px; bottom:20px; width:50px; height:50px; display:flex; justify-content:center; align-items:center; opacity:0; visibility:hidden;
	-webkit-transition:all .3s linear; transition:all .3s linear; -webkit-transform:translateY(20px); transform:translateY(20px); z-index:999; cursor:pointer;
}
#back-to-top.shown { opacity:0.5; visibility:visible; -webkit-transform:translateY(0); transform:translateY(0); }
#back-to-top:hover { opacity:1; }
#back-to-top svg { width:50px; height:50px; }
#back-to-top svg circle, #back-to-top svg path { stroke:var(--pink); }