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

:root {
	--maxW:1280px;
	--blue:#748694;
	--headers:#022335;
	--txt:#0f2046;
	--beige:#9a936c;
}
::selection { text-shadow:none; background-color:var(--blue); color:#fff; }
img { color:transparent; }

html, body { min-width:360px; /*max-width:min(1920px, 100%); max-width:100vw;*/ overflow-x:hidden; margin:0 auto; padding:0; background-color:#fff; color:var(--text); /*font-family:"Commissioner", Arial, sans-serif;*/ }

body:not([class*="elementor-page-"]) .site-main { width:95%; max-width:var(--maxW); margin:0 auto; 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; }
}

.outer-section { padding:100px 40px 0  40px; }
.inner-section  { padding:0 40px; }
.inner-section.grey { padding:80px 40px; background-color:#E7F1F3; border-radius:20px; }
@media (max-width: 1024px) {
	.outer-section { padding:70px 20px 0  20px }
	.inner-section  { padding:0 20px; }
	.inner-section.grey { padding:60px 40px  40px; }
}
@media (max-width: 767px) {
	.outer-section { padding:50px 20px 0  20px }
	.inner-section  { padding:0 10px; }
	.inner-section.grey { padding:40px 32px 20px; }
}

/*
.e-con-full > .e-con-boxed { padding-left:80px; padding-right:80px; }
@media(max-width:1024px){
	.e-con-full > .e-con-boxed { padding-left:50px; padding-right:50px; }
}
@media(max-width:767px){
	.e-con-full > .e-con-boxed { padding-left:30px; padding-right:30px; }
}
*/


/* ASSETS */
img { color:transparent; }
body:not(.elementor-editor-active) .d-none, .hidden-heading { display:none; }
.d-block { display:block; }
.d-inblock { display: inline-block; }
.see-through { pointer-events: none; }
.invisible { visibility:hidden; }
.rel { position:relative; }
.h100 { height:100%; }
.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; }

.search-form > div { display:flex; align-items:center; width:210px; }
.search-form input, .search-form input:hover, .search-form input:focus, .search-form input:focus-visible { outline:none; width: 100%; background-color: var( --e-global-color-primary ); border:1px solid #fff; border-radius:13px; padding:8px 34px 8px 15px; color:#fff; }
.search-form button, .search-form button:hover, .search-form button:focus { position:absolute; right:12px; background:none; border:none; padding:2px; cursor:pointer; box-shadow:none; }
.search-form button svg { fill:#fff; height:16px; width: auto; }
.search-form button:hover svg { fill:var(--beige); }
.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; }
}


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


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

.ekit-wid-con h2.ekit-heading--title.elementskit-section-title { color: var( --e-global-color-cf0285b ); margin:0; font-size:46px; font-weight:400; }
.ekit-wid-con h2.ekit-heading--title.elementskit-section-title:hover { color: var( --e-global-color-secondary ); }
.ekit-wid-con h2.ekit-heading--title.elementskit-section-title span { color: var( --e-global-color-secondary ); font-size:46px; font-weight:400; }
@media (max-width:1024px) {
	.ekit-wid-con h2.ekit-heading--title.elementskit-section-title, .ekit-wid-con h2.ekit-heading--title.elementskit-section-title span { font-size:40px; }
}
@media (max-width:767px) {
	.ekit-wid-con h2.ekit-heading--title.elementskit-section-title, .ekit-wid-con h2.ekit-heading--title.elementskit-section-title span { font-size:36px; }
}


.btn-arrow .elementor-button { padding:7px 7px 7px 24px; }
.btn-arrow .elementor-button-content-wrapper { align-items: center; }
.btn-arrow .elementor-button-content-wrapper::after { content:""; width:30px; height:30px;  padding:20px; margin-left:10px; background-color:#fff; background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 12H18M18 12L13 7M18 12L13 17" stroke="%2300B4D8" stroke-linecap="round" stroke-linejoin="round"/></svg>'); border-radius:100%; transform:rotate(-45deg); transition:all .3s ease }
.btn-arrow:hover .elementor-button-content-wrapper::after { background-color:#00B4D8; background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 12H18M18 12L13 7M18 12L13 17" stroke="%23FFFFFF" stroke-linecap="round" stroke-linejoin="round"/></svg>'); transform:rotate(0deg); }

/*.jeg-elementor-kit.jkit-button .jkit-button-wrapper {
	position: relative; display: inline-block; padding: 8px 7px 4px 26px;
	
	-webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; user-select: none;
	white-space: nowrap; vertical-align: middle; text-align: center;
	-webkit-transition: all .4s ease; transition: all .4s ease;
}
.elementor-103 .elementor-element.elementor-element-7b49a8d .jeg-elementor-kit.jkit-button .jkit-button-wrapper {
	background-color: var( --e-global-color-accent );
	font-family: var( --e-global-typography-accent-font-family ), Sans-serif;
	font-size: var( --e-global-typography-accent-font-size );
	font-weight: var( --e-global-typography-accent-font-weight );
	line-height: var( --e-global-typography-accent-line-height );
	color: var( --e-global-color-de8348f );
	border:1px solid var( --e-global-color-6fbaba8 ); border-radius:50px;
}*/

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



/* HOME */


#SERVICES.outer-section { padding-top:50px; }


/* pain positions */
#pp_buttons { position:absolute; width:100%; height:100%; top:0; right:0; bottom:0; left:0; z-index:10; }
#pp_buttons > .elementor-shortcode { height:100%; }
/*body:not(.elementor-editor-active) .pp_btn { opacity:0; -webkit-transition:opacity 0.5s; transition:opacity 0.5s; }*/
.pp_btn { position:absolute; }
.pp_btn a { position:relative; display:inline-flex; align-items:center; padding:0 8px; height:32px; width:auto; max-width:32px; background-color:#d1e3f5; color:#003694; text-transform:uppercase; text-decoration:none; border-radius:60px; -webkit-transition:all 0.5s; transition:all 0.5s; z-index:11; }
.pp_btn a:hover { max-width:300px; } /* animating max-width because width needs to be auto, and auto can't be animated */
.pp_btn_icon { padding:0px 8px; margin-left:-3px; background-color:#be1e2d; width:22px; height:22px; border-radius:60px; transform:scale(1); }
.pp_btn a:hover .pp_btn_icon { background-color:#be1e2d; border:3px solid #fff; }
.pp_btn_icon > span { display:inline-block; margin-left:-8px; width:22px; height:22px; transform:scale(0); background-color:#be1e2d; border-radius:60px; animation: scaleGrow 3s cubic-bezier(0, 0.2, 0.8, 1) infinite; animation-play-state:running; }
@keyframes scaleGrow {
    from { transform:scale(0); background-color:#d1e3f5; }
    to { transform:scale(3); opacity:0; }
}
.pp_btn a:hover .pp_btn_icon > span { display:none; }
.pp_btn_text { white-space:nowrap; width:0; max-width:0; margin:0; padding:0; overflow:hidden; background-color:#d1e3f5; -webkit-transition:all 0.5s; transition:all 0.5s; }
.pp_btn a:hover .pp_btn_text { width:auto; max-width:300px; margin:0 8px; }
.pp_btn0 { top:11%; left:50%; }
.pp_btn1 { top:23%; left:59%; }
.pp_btn2 { top:34%; left:56%; }
.pp_btn3 { top:44%; left:47%; }
.pp_btn4 { top:59.8%; left:55.3%; }
.pp_btn5 { top:76%; left:49%; }

.pp_btn.active { z-index:20; }
.pp_btn.active a { max-width:300px; }
.pp_btn.active a .pp_btn_icon { background-color:#003694; border:3px solid #fff; }
.pp_btn.active a .pp_btn_icon > span { display:none; }
.pp_btn.active a .pp_btn_text { width:auto; max-width:300px; margin:0 8px; }

.pp_info_wrapper{ position:relative; left:65%; top:38%; }
.pp_info { position: absolute; padding:12px 20px; background-color:rgba(0,54,148,.8); color:#fff; border-radius:16px; opacity:0; transition:opacity .3s ease-in-out; }
.pp_info.active { opacity:1; }
.pp_info h4 { margin:0; font-size:22px; color:#fff; }
.pp_info ul { padding:5px 0 0 14px; font-size:18px; font-weight:300; }


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


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