/*
 Theme Name:	Health Marketing
 Version:			1.0.0
 Author:			Health Marketing
 Author URI:	https://healthmarketing.gr/
 Template:		basilico
 
 boxed width: 1200
 breakpoints:  1366, 1024,767

*/

:root { --red:#eb2c3d; }
:root { --grey:#515254; }
:root { --black:#222222; }

.pxl-cursor { top:-8px; background:none; visibility:hidden !important; }
.pxl-cursor.visible { visibility:visible !important; }
.pxl-cursor::before { content: url(/wp-content/uploads/2024/12/heart.svg); }

.pxl-widget-divider .pxl-divider.style-2 .diamond-icon::before { content: url(/wp-content/uploads/2024/12/heart.svg); background: none; }
.pxl-divider-align-center .pxl-widget-divider .pxl-divider.style-2 .diamond-icon {
	display: inline-flex; align-items: center; justify-content: center; position: absolute; top: 50%; left: 50; z-index: 1; width:26px; height:26px; border: none; padding:0; backdrop-filter: none;
	-webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
}

.grey-link a { color:var(--grey); }
.black-link a { color:var(--black); }
.grey-link a:hover, .black-link a:hover  { color:var(--red); }


#mobile_header.stuck { padding:0 30px; }
#mobile_logo img { transition:all 400ms ease-out; }
#mobile_header.stuck #mobile_logo img { width:190px; }
#mobile_header.stuck #order-button { transform: scale(.75); transform-origin:center right; }


/* MENU PAGES */
.pxl-menu-list .pxl-menu-item .menu-title { width:65%; font-size:19px; font-weight:300; letter-spacing:0.01em; text-transform:initial; line-height:1.25em; }
.pxl-menu-list.layout-2 .pxl-menu-item .pxl-separator { flex:1; height:1px; border-top:1px dotted var(--red); /*margin:0 12px 0 80%;*/ transform: translateY(5px); }
.pxl-menu-list .pxl-menu-item .menu-price { font-size:18px; font-weight:400; letter-spacing:0.02em; }
.pxl-menu-list .pxl-menu-item .menu-sub-title { font-size:16px; line-height:1.3em; margin-top:3px; }

.dark-bg .menu-title, .dark-bg .menu-sub-title, .dark-bg .menu-price { color:#fff !important; }
.dark-bg .pxl-separator { border-top-color:#fff !important; }

@media (max-width:1199px) {
	.pxl-tabs.layout-3 .tabs-title { margin-bottom:50px; }
}
@media (max-width:767px) {
	.pxl-tabs.layout-3 .tabs-title { margin-bottom:40px; }
}
@media (max-width:575px) {
	.pxl-main { padding:30px 0 !important; }
	.pxl-menu-list .pxl-menu-item .menu-title { font-size: 18px; }
	.pxl-menu-list .pxl-menu-item .menu-price { font-size:16px; }
}