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


:root { --color1:#cb8c22; } /* WCAG #C48821 */
:root { --black:#2C2D36; }
:root { --grey:#F1F1F1; }
::selection { text-shadow:none; background-color:var(--color1); color:#fff; }
img { color:transparent; }

html { max-width:100vw; overflow-x:hidden; }
body { background-color:#fff; font-family: "Arial", sans-serif; font-size:15px; max-width:1920px; overflow-x:hidden; margin:0 auto; }
body:not(.elementor-page) main .page-content { max-width:1440px; padding:50px 50px 100px; margin:0 auto; }
/*.page-content > div > .e-con-boxed { padding:0 50px; }*/
@media (max-width:1023px) {
	.md-d-none { display:none !important; }
}
@media (max-width:767px) {
/*	.page-content > div > .e-con-boxed { padding:0 50px; }*/
	.sm-d-none { display:none !important; }
}
@media (min-width:768px) {
	.d-sm { display:none !important; }
}


#footer-content { margin-top:-228px; } /* 228 = footer height */
main { padding-bottom:228px; background:url('/wp-content/uploads/2025/05/pets-corner.svg') bottom right no-repeat; background-size:50%; }
@media (max-width:767px) {
	main { background:none; padding-bottom:0; }
	body:not(.elementor-page) main .page-content { padding:40px 30px; }
	#footer-content { margin:0; background:url('/wp-content/uploads/2025/05/pets-corner.svg') bottom right no-repeat; background-size:max(40vw, 250px); }
}



/* ASSETS */
.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-button-text::after { content: "| →"; font-weight:600; margin-left:10px; /*position:relative; transition:all .3s linear;*/ }
.elementor-button:hover .elementor-button-text::after { content: " |→"; /*left: 5px;*/ }
.grey-title h2 { font-size:max(9vw, 100px);  font-weight:700; line-height:.8em; letter-spacing:-5px; color:#D8D8D8; }
.devices { cursor:pointer; }
.devices:hover .preview { color: var(--color1); }
.dialog-type-lightbox .dialog-close-button { outline:none !important; }

/*.ani-border { position:relative; border-radius:20px;  background: #fff; font-family: sans-serif; z-index: 1; } */
/* .elementor-editor-active .ani-border { border:3px solid var(--color1); / *box-shadow: 0 0 10px rgba(0,0,0,0.1);* / } */
.border-svg { position: absolute; top: 0; left: 0; overflow:visible; width: 100%; height: 100%; pointer-events: none; z-index:1; }
.ani-border.counterClock .border-svg {  transform: scaleX(-1); transform-origin: center; } /* Mirror horizontally */
.border-path { fill: none; stroke: var(--color1); stroke-width: 3; stroke-dasharray: 0; stroke-dashoffset: 0; }

.wp-block-table { margin:0; }
table { display: block; width: 100%; overflow-x: auto; margin-block-end: 15px; background-color: transparent; border-spacing: 0; border-collapse: collapse; }
table td, table th { padding: 15px; line-height: 1.5; vertical-align: top; border: 1px solid hsla(0,0%,50.2%,.5019607843); }
table tbody > tr:nth-child(2n+1) > td, table tbody > tr:nth-child(2n+1) > th { background-color: hsla(0,0%,50.2%,.0705882353); }


/* 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; }
@media (max-width:767px) {
	.reveal.elementor-hidden-mobile { display:none !important; }
}
@keyframes reveal_L2R {
    0% { clip-path: inset(0 100% 0 0); }
    100% { clip-path: inset(0 0 0 0); }
}
@keyframes reveal_R2L {
    0% { clip-path: inset(0 0 0 100%); }
    100% { clip-path: inset(0 0 0 0); }
}


/*
.border-reveal::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius:0 0 0 20px;
  border: 3px solid #cb8c22;
  border-right:none;
  clip-path: inset(0 0 100% 0 round 20px);
  animation: border-reveal 2s ease forwards;
}

@keyframes border-reveal {
  to {
    clip-path: inset(0 0 0 0 round 20px);
  }
}
*/



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

/*.preview { position:absolute; right:10%; top:10%; font-size:max(1.5vw, 23px); letter-spacing:-0.5px; }*/

.preview { position:absolute; right:10%; top:-40px; font-size:max(1.5vw, 23px); letter-spacing:-0.5px; }
@media (min-width:768px) and (max-width:1024px) {
	.preview { right:18%; }
}
@media (max-width:767px) {
	.preview { top:-36px; font-size:22px; }
}


/*@media (max-width:767px) { .preview { top:12%; } }*/
.preview.shown { animation-name:bounce; animation-duration:1.25s; transform-origin:center bottom; /*animation-iteration-count:2;*/ }
@keyframes bounce{
	20%, 53%, 80%, 0%, 100% { animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); transform: translate3d(0,0,0); }
	40%,43%{animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);transform:translate3d(0,-30px,0)}
	70%{animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);transform:translate3d(0,-15px,0)}
	90%{transform:translate3d(0,-4px,0)}
}




/* HEADER */
#fixed-menu.sticky { position:fixed; top:0; left:0; z-index:999; padding:10px !important; 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; }
@keyframes slide-down {
    0% { transform:translateY(-100%); } 
    100% { transform:translateY(0); } 
}

/*
header.black #bg-img:before { background-color:#fff3; }
header.black .logo { fill:#000; }
header.black nav.elementor-nav-menu--layout-horizontal li > a { color:#000 !important; }
header.black nav.elementor-nav-menu--layout-horizontal li > a.elementor-item-active, header.black nav.elementor-nav-menu--layout-horizontal li > a:hover { color:var(--color1) !important; }
header.elementor-social-icon svg { transition: .3s; }
header.black .elementor-social-icon svg { fill:#000; }
header.black .elementor-social-icon:hover svg { fill:var(--color1); }
header.black #globe { border-color:#000; }
header.black #globe svg .globe { stroke:#000; }
header.black h1 { color:#000 !important; }
header.black #burger svg { fill:#000; }
header.black #burger svg:hover { fill:var(--color1); }
*/

#globe svg .globe { stroke:var( --e-global-color-text ); }
#globe:hover svg .globe { stroke:var( --e-global-color-primary ); }
li.lang-item, body.elementor-editor-active .menu-item:last-child { display: none !important; }
#languages { position:absolute; top:40px; left:0; width:128px; height:auto; display:flex; flex-direction:column; gap:14px; background-color:#fff; padding:14px; line-height:1; border-radius:6px; z-index:10; display:none; }
#languages .lang { width:100px; display:flex; align-items:center; gap: 7px; color:var( --e-global-color-text ); font-weight:bold; }
#languages .lang:hover { color:var(--color1); }
#languages .lang img { width:22px; height:16px; }
@media (max-width:1366px) {
	#languages { left:-45px; }
}
@media (max-width:1280px) {
	#languages { left:-50px; }
}
@media (max-width:767px) {
	#languages { left:-74px; }
}








/* HOME */
#home-video { width:100%; height: auto; aspect-ratio: 1920 / 750; line-height:0; }
@media (max-width:767px) {
	#home-video { aspect-ratio: 1 / 1; }
}

/*.ani-box { position:absolute; bottom:0; left:0; background-color:var(--color1); border-radius:0 20px; width:263px; height:73px; overflow:visible !important; }
.ani-box > div { position: absolute; right: 0; width:1000px; height:380px; border: 3px solid var(--color1); border-radius: 0 20px 20px 0; }*/
.ani-box { position: absolute; width:1000px; left:-730px; height:380px; bottom:-300px; border: 3px solid var(--color1); border-radius: 0 20px 20px 0; overflow: visible !important; }
.ani-box > div { position: absolute; top:-2px; right:-3px; width:270px; height:80px; background-color: var(--color1); border: 3px solid var(--color1); border-radius: 0 20px; } /* width = width-left of parent. Same for height */
@media (max-width:1366px) {
	.ani-box { left:-800px; bottom:-320px; }
	.ani-box > div { width:200px; height:60px; }
}
@media (max-width:1024px) {
	.ani-box { left:-840px; }
	.ani-box > div { width:160px; }
}
.ani-box.shown { animation:reveal_R2L 2s; }



/*.reveal_R2L.shown { animation:reveal_R2L 2s; }*/

/* BUY IT */
#buy-grid > .elementor-widget-icon-box { margin:12px; }
#buy-grid .elementor-icon-box-icon > .elementor-icon { width:34px; padding:6px; background-color: var(--color1); border-radius: 100%; font-size: 20px; font-weight:bold; color:#fff; }
#buy-grid h3 { margin-top:0; margin-bottom: .7em; }



/* APP */
#app-grid > div { padding-top:4.5vw; }
#app-grid .elementor-icon-box-wrapper { display:flex; }
#app-grid .elementor-icon-box-icon { position: absolute; right:0; }
#app-grid svg { width:6.25vw; min-width:70px; height:auto; }
#app-grid .elementor-icon-box-title {  max-width:80%; padding-top:3vw; margin-bottom:20px; text-align:left; }
#app-grid .elementor-icon-box-description { text-align:left; }


/* BLOG */
.page-numbers { display: inline-block; padding: 10px; width: 45px; aspect-ratio: 1/1; border:1px solid; border-radius: 100%; }
.page-numbers:hover { border-color: var(--color1); }
.page-numbers.current { border-color: var(--color1); background-color:var(--color1); }


/* SINGLE */




/* VIDEOS */



/* CONTACT */
.elementor-form input, .elementor-form textarea { padding:14px 20px; box-shadow:15px 15px 20px rgba(0,0,0,0.1); font-family:inherit; }
.elementor-form textarea { padding:20px; }
.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-menu a { font-size: 18px; }
@media (max-width: 1024px) {
  #footer-menu a { padding:13px 12px; }
}
@media (max-width: 767px) {
  #footer-menu a { padding:6px 3px; margin:0 10px; }
}
.footer-bottom a { color:#000 !important; }
.footer-bottom a:hover { color:var(--color1) !important; }


/* back to top */
#back-to-top {
	position:fixed; right:15px; bottom:15px; 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); }

@media (max-width: 767px) {
	#back-to-top { width:40px; height:40px; }
	.onetap-container-toggle .onetap-toggle img.design-size1 { width:40px !important; height:40px !important; }
}


.cookie-notice-container button { background-image: unset; }