/*
 Theme Name:	Health Marketing
 Version:			1.0.0
 Author:			Health Marketing
 Author URI:	https://healthmarketing.gr/
 Template:		legasy
 
 width: 1780
 breakpoints:  1366, 1200, 991, 575
*/



:root { --color1:#C68767; } /*rgba(198, 135, 103, 1)*/
/*:root { --text:#3d3d3d; } rgb(61, 61, 61)
:root { --color2:#3E291B; } rgb(62, 41, 27) */
:root { --black:#1b1b1b; }
::selection { text-shadow:none; background-color:var(--color1); color:#fff; }


/* ASSETS */
.parallax { transition: none !important; }

.overlay-box:hover, .overlay-box:hover h3 { color:#fff; }
.overlay-box svg { width:140px; }
.overlay-box:hover svg path, .overlay-box:hover svg line, .overlay-box:hover svg circle, .overlay-box:hover svg rect { stroke:#fff; }

.boxes { }
.box .box-inner { position: relative; overflow: hidden; padding-left:2rem; z-index: 1; }
.box .box-inner::before { content: ''; position: absolute; top:2rem; left:0; /*right:2rem; bottom:0;*/ width:calc(100% - 2rem); height:calc(100% - 2rem); border-radius: 5px; background: #f9f4f2; z-index: -1; transition:all 250ms linear 0ms; }
.box:hover .box-inner::before {  filter: brightness(95%); }
.box-inner img { border-radius:5px; transition:all 250ms linear 0ms; }
.box:hover img { transform: translateX(-10px); filter: brightness(90%); }
.box-inner .elementor-heading-title { margin:12px 2rem 20px 0; font-size:1.5rem; font-weight:500; line-height:1.2em; transition:all 250ms linear 0ms; }
.box:hover .elementor-heading-title { color:var(--black); }

.boxes .elementor-widget-image { opacity:0; transform: translateY(20px); animation: showBox 0.5s forwards; animation-delay:0s; animation-play-state: paused; }
.boxes .elementor-widget-image.revealed { animation-play-state: running; animation-delay: var(--delay, 0s); }
@keyframes showBox {
  to { opacity: 1; transform: translateY(0); }
  }


/* HEAD */
.pxl-menu-primary .sub-menu, .pxl-menu-primary .children { padding:10px 0; }
.pxl-menu-primary .sub-menu li a, .pxl-menu-primary .children li a { font-size: 17px; }
.pxl-menu-primary .sub-menu li a span { text-decoration:none !important; }
.pxl-menu-primary .sub-menu li a:hover, .pxl-menu-primary .sub-menu li.current_page_item > a span { color:var(--color1); }

/* HEADER */
#hero h1 { color:#fff; font-weight:300; }
@media screen and (max-width:1199px) {
	#hero h1 { font-size:50px; }
}
@media screen and (max-width:991px) {
	#hero h1 { font-size:40px; }
}
#hero a { color:#fff; }
#hero a:hover { text-decoration:underline; }


/* HOME */
.pxl-blog-grid-layout2 .pxl-meta--post, .pxl-post-carousel2 .pxl-meta--post { display: none; }


/* ABOUT */
.pxl-history1 .pxl-item--title {  font-size:2rem; line-height:2.2rem; margin-bottom:18px; }
.pxl-history1 .pxl-item--description { max-height:140px; overflow-y:auto; padding-right:10px;  font-size:16px; line-height:1.5em; }


/* SINGLE */
.pxl-heading .pxl-heading--inner h2.pxl-item--title { font-size:50px; line-height: .8em; }
.pxl-heading .pxl-heading--inner h3.pxl-item--title { font-size:40px; line-height: .7em; }
@media screen and (max-width:991px) {
	.pxl-heading .pxl-heading--inner h2.pxl-item--title { font-size:40px; }
.pxl-heading .pxl-heading--inner h3.pxl-item--title { font-size:32px; }
}



/* VIDEOS */
.video-title { padding:10px 20px; background-color:#0006; font-size:24px; color:#fff; }
.video-carousel a:hover .eicon-play { transform: scale(1.2); }


/* CONTACT */




/* FOOTER */