/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


html {
  font-size: clamp(14px, 2vw, 16px);
}

body {
  scrollbar-width: none!important;
  -ms-overflow-style: none!important;
  overflow-x: hidden!important;
}

body::-webkit-scrollbar {
  display: none!important;        
}

.elementor-widget-divider .elementor-divider {
    margin-bottom: 8px;
}

/* STICKY MENU */
.custom-sticky div, .custom-sticky-mobile div {
    background-color:#E8E7E6;
    transition: 0s;
}

.cls-1 {
    fill:unset!important;
}
#logo, #logo-mobile {
    display: none;
}

.custom-sticky #logo, .custom-sticky-mobile #logo-mobile {
    display: initial;
}

.custom-sticky #logo-white, .custom-sticky-mobile #logo-mobile-white {
    display: none;
}

.custom-sticky a {
    color:#002d5d!important;
}

.custom-sticky a:hover {
    color:#c7c6c6!important;
    text-decoration: underline;
}

#main-menu a:hover {
    text-decoration: underline;
}

.elementor-element.elementor-element-a8e66e6, .elementor-element.elementor-element-ef066b8, .elementor-element.elementor-element-e623a73, .elementor-element.elementor-element-de3073e, .elementor-element.elementor-element-c09601c, .elementor-element.elementor-element-b86b332,
    .elementor-element.elementor-element-b098682, .elementor-element.elementor-element-6f73570 {
    background: transparent;
}

.custom-sticky-mobile .elementor-element.elementor-element-b098682 .elementor-icon svg {
    fill:#002d5d!important;
}

/* ANCHOR SCROLL */
#servizi, #chi-siamo, #contatti, #assistenza, #tecnologie, #innovazione, #plus, #richiedi-preventivo {
  scroll-margin-top: 300px;
}

/* CLIP MASK */
:root {
  --clip-mask-size: 40px;
  --clip-img-size: 15px;
}

/* MASK */
.clip-mask {
  overflow: hidden;
  clip-path: polygon(
    var(--clip-mask-size) 0,
    calc(100% - var(--clip-mask-size)) 0,
    100% var(--clip-mask-size),
    100% calc(100% - var(--clip-mask-size)),
    calc(100% - var(--clip-mask-size)) 100%,
    var(--clip-mask-size) 100%,
    0 calc(100% - var(--clip-mask-size)),
    0 var(--clip-mask-size)
  );
}

/* IMG */
.clip-img {
  overflow: hidden;
  clip-path: polygon(
    var(--clip-img-size) 0,
    calc(100% - var(--clip-img-size)) 0,
    100% var(--clip-img-size),
    100% calc(100% - var(--clip-img-size)),
    calc(100% - var(--clip-img-size)) 100%,
    var(--clip-img-size) 100%,
    0 calc(100% - var(--clip-img-size)),
    0 var(--clip-img-size)
  );
}

/* MOBILE */
@media (max-width: 1024px) {
  html {
    font-size: clamp(11px, 2vw, 12px);
  }

  :root {
    --clip-mask-size: 15px;
    --clip-img-size: 15px;
  }
}