/* Add your custom styles here */
:root{ 
  --z-accent-1: #59A2CF;
  --z-accent-2: #079139;
  --z-button-1: #1B1E23;
  --z-button-2: #E9ECED;
  --z-header: rgba(255,255,255,0.8);
  --z-footer: #222;
  --z-gray-1: #333;
  --z-gray-2: #666;
  --z-gray-3: #999;
  --z-gray-4: #aaa;
  --z-gray-5: #bbb;
  --z-gray-6: #ccc; 
  --z-gray-7: #ddd;
  --z-gray-8: #eee;
}
/* video size 16:9 */
.video-responsive{
  overflow:hidden;
  padding-bottom:56.25%;
  position:relative;
  height:0;
}
.video-responsive iframe{
  left:0;
  top:0;
  height:100%;
  width:100%;
  position:absolute;
}
/* language switcher */
.lang-menu {
  position: relative;
  padding: 5px;
  font-size: 12px;
  text-transform: uppercase;
}
.lang-menu .selected-lang {
  cursor: pointer;
  padding-left: 25px;
}
.lang-menu .flag-it{
  background: url("../flags/it.gif") no-repeat left center;
}
.lang-menu .flag-en{
  background: url("../flags/gb.gif") no-repeat left center;
} 
.lang-menu ul {
  margin: 0;
  padding: 0;
  display: none;
  background-color: #000;
  position: absolute;
  top: 0;
  left: 0;
  width: 120px;
  box-shadow: 0px 1px 10px rgba(0,0,0,0.2);
  z-index: 99999;
}
.lang-menu ul li {
  list-style: none;
  text-align: left;
}
.lang-menu ul li a {
	text-decoration: none;
	margin: 0 !important;
	padding: 5px 10px;
	display: block;
}
.lang-menu ul li:hover {
  background-color: #f2f2f2;
}
/* easy grid for custom code */
.zod-grid {display:grid}
.zod-inline-grid {display:inline-grid}
.zod-grid-cols-1 {--zod-grid-columns:1}
.zod-grid-cols-2 {--zod-grid-columns:2}
.zod-grid-cols-3 {--zod-grid-columns:3}
.zod-grid-cols-4 {--zod-grid-columns:4}
.zod-grid-cols-5 {--zod-grid-columns:5}
.zod-grid-cols-6 {--zod-grid-columns:6}
.zod-grid-cols-7 {--zod-grid-columns:7}
.zod-grid-cols-8 {--zod-grid-columns:8}
@media screen and (max-width: 1024px) {
 .zod-xl-grid-cols-1 {--zod-grid-columns:1}
 .zod-xl-grid-cols-2 {--zod-grid-columns:2}
 .zod-xl-grid-cols-3 {--zod-grid-columns:3}
 .zod-xl-grid-cols-4 {--zod-grid-columns:4}
 .zod-xl-grid-cols-5 {--zod-grid-columns:5}
 .zod-xl-grid-cols-6 {--zod-grid-columns:6}
 .zod-xl-grid-cols-7 {--zod-grid-columns:7}
 .zod-xl-grid-cols-8 {--zod-grid-columns:8}
}
@media screen and (max-width: 959px) {
 .zod-lg-grid-cols-1 {--zod-grid-columns:1}
 .zod-lg-grid-cols-2 {--zod-grid-columns:2}
 .zod-lg-grid-cols-3 {--zod-grid-columns:3}
 .zod-lg-grid-cols-4 {--zod-grid-columns:4}
 .zod-lg-grid-cols-5 {--zod-grid-columns:5}
 .zod-lg-grid-cols-6 {--zod-grid-columns:6}
 .zod-lg-grid-cols-7 {--zod-grid-columns:7}
 .zod-lg-grid-cols-8 {--zod-grid-columns:8}
}
@media screen and (max-width: 767px) {
 .zod-md-grid-cols-1 {--zod-grid-columns:1}
 .zod-md-grid-cols-2 {--zod-grid-columns:2}
 .zod-md-grid-cols-3 {--zod-grid-columns:3}
 .zod-md-grid-cols-4 {--zod-grid-columns:4}
 .zod-md-grid-cols-5 {--zod-grid-columns:5}
 .zod-md-grid-cols-6 {--zod-grid-columns:6}
 .zod-md-grid-cols-7 {--zod-grid-columns:7}
 .zod-md-grid-cols-8 {--zod-grid-columns:8}
}
@media screen and (max-width: 479px) {
 .zod-sm-grid-cols-1 {--zod-grid-columns:1}
 .zod-sm-grid-cols-2 {--zod-grid-columns:2}
 .zod-sm-grid-cols-3 {--zod-grid-columns:3}
 .zod-sm-grid-cols-4 {--zod-grid-columns:4}
 .zod-sm-grid-cols-5 {--zod-grid-columns:5}
 .zod-sm-grid-cols-6 {--zod-grid-columns:6}
 .zod-sm-grid-cols-7 {--zod-grid-columns:7}
 .zod-sm-grid-cols-8 {--zod-grid-columns:8}
}
[class*="zod-grid-cols-"],
[class*="zod-sm-grid-cols-"],
[class*="zod-md-grid-cols-"],
[class*="zod-lg-grid-cols-"],
[class*="zod-xl-grid-cols-"] {
  grid-template-columns:repeat(var(--zod-grid-columns), 1fr)
}
.zod-gap-0 {gap:0}
.zod-gap-1 {gap:1px}
.zod-gap-5 {gap:5px}
.zod-gap-10 {gap:10px}
.zod-gap-15 {gap:15px}
.zod-gap-20 {gap:20px}
.zod-gap-25 {gap:25px}
.zod-gap-30 {gap:30px}
.zod-gap-35 {gap:35px}
.zod-gap-40 {gap:40px}
.zod-gap-50 {gap:50px}
.zod-gap-60 {gap:60px}
/* fix Elementor */
.elementor-widget-image a img[src$=".svg"] { width: auto !important; }
.elementor-slideshow__header{ box-sizing: border-box; }
/* General */
html{
  scroll-behavior: smooth;
}
body{
  font-size: 20px;
  line-height: 1.5;
  font-weight: 400;
}
a, a:active, a:visited {
  color: var(--z-accent-1);
} 
a:hover {
  color: var(--z-accent-2);
}
h1, h2, h3, h4, h5, h6 {
  color: #000;
  font-weight: 700;
}
h1 {
  font-size: 40px;
	margin: 30px 0 20px;
  font-weight: 900;
}
h2 {
  font-size: 36px;
}
h3 {
  font-size: 30px;
}
h4 {
  font-size: 28px;
}
h5 {
  font-size: 24px;
}
h6 {
  font-size: 20px;
}
/* Header */
.elementor-location-header.sticky, .ekit-template-content-header.sticky {
	background: var(--z-header);
	box-shadow: 0px 0px 10px var(--z-gray-6);
}
.elementor-location-header.sticky #top-header, .ekit-template-content-header.sticky #top-header{
  display: none;
}
/* Menu Elementor */
.elementor-nav-menu--dropdown {
  position: absolute;
}
.elementor-widget-nav-menu .elementor-menu-toggle{
  width: 50px;
  height: 50px;
  background-color: transparent;
}
/* custom close button injected for mobile */
.elementor-nav-menu--dropdown .menu-close-wrap {
	display: none;
}
.menu-close {
  width: 50px;
  height: 50px;
  border-radius: 10px;
  border: none;
  box-sizing: border-box;
  padding: 0;
  background-color: var(--z-accent-1) !important;
  background-image: url(../img/x-white.svg);
  background-repeat: no-repeat;
  background-position: center;
  text-indent: -9999px;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .elementor-nav-menu--dropdown .menu-close-wrap {
    display: flex;
  	justify-content: flex-end;
  	margin-bottom: 20px;
  }
  /* mobile menu in full screen */
  .elementor-nav-menu--toggle
  .elementor-menu-toggle.elementor-active
  + .elementor-nav-menu__container {
    position: fixed !important;
    inset: 0;
    width: 100vw;
    height: 100vh;
    max-height: none !important;
    transform: none !important;
    background: #fff;
    z-index: 99999;
    overflow-y: auto;
    padding: 24px;
    margin: 0 !important;
    border-radius: 0 !important;
  }
  /* fix corners on mobile items */
  .elementor-nav-menu--dropdown a{
    border-radius: 0 !important;
  }
  /* MOBILE submenu inline instead of dropdown overlay */
  .elementor-nav-menu .sub-menu {
    position: static !important;
    width: 100% !important;
    display: none;
  }
  .elementor-nav-menu .menu-item.elementor-active > .sub-menu {
    display: block;
  }
  .elementor-nav-menu .menu-item {
    position: relative;
  }
}
/* font size */
.elementor-nav-menu--dropdown, .elementor-nav-menu--dropdown.elementor-nav-menu__container .elementor-sub-item {
	font-size: 1em;
}
.elementor-element .elementor-nav-menu--toggle .elementor-nav-menu--dropdown .elementor-nav-menu .elementor-item {
	font-size: 1.2em;
}
.elementor-nav-menu--dropdown .elementor-item.elementor-item-active, .elementor-nav-menu--dropdown .elementor-item.highlighted, .elementor-nav-menu--dropdown .elementor-item:focus, .elementor-nav-menu--dropdown .elementor-item:hover, .elementor-sub-item.elementor-item-active, .elementor-sub-item.highlighted, .elementor-sub-item:focus, .elementor-sub-item:hover {
	background-color: var(--z-button-2);
}
/* shortcode contact form */
.elementor-shortcode input{
  box-sizing: border-box;
}
.elementor-shortcode .wpcf7-form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]), 
.elementor-shortcode .wpcf7-form select, 
.elementor-shortcode .wpcf7-form textarea {
	display: block;
	width: 100%;
	padding: 15px;
	font-size: 1rem;
	color: #495057;
	background-color: #fff;
	border: 1px solid #e7e7e7;
	-webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
	border-radius: 0;
	box-shadow: none;
}
.elementor-shortcode .wpcf7-form textarea {
	height: 170px;
	resize: none;
	padding-top: 15px;
}
.elementor-shortcode .wpcf7-form input[type="submit"]{
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	border-radius: 0;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	padding: 12px 72px;
	font-size: .9375rem;
	border: 0;
	cursor: pointer;
  background: var(--z-button-1);
  color: #fff;
  text-transform: uppercase;
}
.elementor-shortcode .wpcf7-form input[type="submit"]:hover{
  background: var(--z-accent-1);
  color: var(--z-button-2);
}
.elementor-shortcode .wpcf7-form label span{
  font-size: 0.9em;
  display: inline;
}
.elementor-shortcode .wpcf7-form .zod-grid > div{
  margin-bottom: 10px;
}
.elementor-shortcode .wpcf7-form .wpcf7-form-control{
  margin-bottom: 0 !important;
}
.elementor-shortcode .wpcf7-form .wpcf7-not-valid-tip{
  font-size: 0.8em; 
}
.elementor-shortcode .wpcf7-form .wpcf7-acceptance .wpcf7-list-item{
  margin: 20px 0;
}
/* css fix */
.elementor-widget-theme-site-logo img{
  max-width: 160px;
}
.elementor-shortcode .price{
  margin: 5px 0;
  font-size: 0.8em;
}
.elementor-shortcode .price del{
  margin-right: 5px;
  color: #999;
}
.elementor-shortcode .price ins{
  font-weight: bold;
  text-decoration: none;
}
.elementor-shortcode .label-new, .elementor-shortcode .label-promo{
  font-size: 0.6em;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 2px 10px;
}
.elementor-shortcode .label-new{
  background: var(--z-accent-1);
}
.elementor-shortcode .label-promo{
  background: var(--z-accent-2);
}