/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
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
*/
.icona-chi-sono:hover {cursor: pointer;}

.box > .elementor-container {width: 90%; margin: auto; max-width: 1920px}
.boxed > .elementor-container {width: 90%; padding: 5vw 0; margin: auto; max-width: 1920px}

.tns-horizontal {display: flex;}
.testimonial-item {
    box-sizing: border-box;
}
.testimonial-box {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}

@media (max-width: 840px) {
	.social_icons, .consulenza {display: none}
	.menu-item-object-custom {padding: 4% 7%!important;}
	.consulenza {padding-top: 8%}
	.boxed > .elementor-container {padding: 6vw 0;}
}

@media (max-width: 480px) {
	.boxed > .elementor-container {padding: 8vw 0;}
}

/* BUTTON 
.elementor-button {
	padding: 1.2vw 2.2vw!Important;
}
*/

/* HOMEPAGE */
.intro-vid video {
    border-radius: 50px 0;
    overflow: hidden;
}
.gradient-border .jkit-icon-box-wrapper {
    border: 1px solid;
    border-image: linear-gradient(to bottom, white, transparent) !important;
}
@media (max-width: 840px) {
	.intro-vid video {
    border-radius: 20px 0;
}
}

/* PIE CHART */
@property --p{
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

.pie {
  --p:20;
  --b:22px;
  --c:darkred;
  --w:150px;
  
  width:var(--w);
  aspect-ratio:1;
  position:relative;
  display:inline-grid;
  margin:5px;
  place-content:center;
  font-size:25px;
  font-weight:bold;
  font-family:sans-serif;
}
.pie:before,
.pie:after {
  content:"";
  position:absolute;
  border-radius:50%;
}
.pie:before {
  inset:0;
  background:
    radial-gradient(farthest-side,var(--c) 98%,#0000) top/var(--b) var(--b) no-repeat,
    conic-gradient(var(--c) calc(var(--p)*1%),#0000 0);
  -webkit-mask:radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b)));
          mask:radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b)));
	background-color: var(--e-global-color-d1ba985);
}
.pie:after {
  inset:calc(50% - var(--b)/2);
  background:var(--c);
  transform:rotate(calc(var(--p)*3.6deg)) translateY(calc(50% - var(--w)/2));
}
.animate {
  animation:p 1s .5s both;
}
.no-round:before {
  background-size:0 0,auto;
}
.no-round:after {
  content:none;
}
@keyframes p {
  from{--p:0}
}