/*
Theme Name: Hello Child
Author: 
Description: Your description goes here
Version: 1.0
Template: hello-elementor

This is the child theme for Hello Elementor theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

.arancio-dett {
	color: var(--e-global-color-primary) !important;
}

nav li:hover>a, .elementor-icon-box-wrapper h3 a:hover, .elementor-icon-list-items a .elementor-icon-list-text, .nobg-btn .elementor-button-text {
	text-decoration: underline !important;
}

.nobg-btn a>span {
	display: flex;
	align-items: center;
}

.wpcf7-list-item a {
	color: #000;
}

.wpcf7-list-item a:hover {
	color: var(--e-global-color-primary);
}

/*========== SLIDER ==========*/

.vocecom-stats-slider {
	display: flex;
	align-items: center;
	flex-wrap: no-wrap;
	font-family: "Titillium Web", Sans-serif;
	flex-direction: row;
}

.vocecom-stats__image {
  width: 400px;
  height: 550px;
  border: 4px solid #f36c21;
  border-radius: 500px;
  padding: 20px;
  position: relative; /* needed for swiper fade */
}

.vocecom-stats__content {
	padding-right: 50px;
}

.vocecom-stats__image .vocecom-swiper {
  width: 100%;
  height: 100%;
}

.vocecom-stats__subtitle {
  font-size: 30px;
  margin-bottom: -10px;
}

.vocecom-stats__title {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
}

.vocecom-stats__list {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}

.vocecom-stat {
	border-bottom: 1px solid black;
}

.vocecom-stat__number {
  font-size: 2rem;
  font-weight: 900;
  margin-right: 8px;
}

/* Default */
.vocecom-stat__number,
.vocecom-stat__label {
  transition: color 0.3s;
  color: #000;
}

/* Active state */
.vocecom-stat.active .vocecom-stat__number,
.vocecom-stat.active .vocecom-stat__label {
  color: #f36c21; /* orange */
}

.vocecom-stat__label {
  font-size: 20px;
	font-weight: regular;
  text-transform: uppercase;
}

.vocecom-stats__image img {
	border-radius: 500px;
	width: 400px;
	height: 500px;
	object-fit: cover;
	overflow: hidden;
}

.vocecom-swiper-toggle {
	background-color: var(--e-global-color-primary);
	color: #fff;
	border: 1px solid var(--e-global-color-primary);
	border-radius: 100%;
	width: 50px;
	height: 50px;
}

.vocecom-swiper-toggle:hover, .vocecom-swiper-toggle:focus {
	background-color: #fff;
	color: var(--e-global-color-primary);
}

@media (max-width: 1024px) {
	.vocecom-stats-slider {
		flex-wrap: wrap;
		justify-content: center
	}
	
	.vocecom-stats__content {
		padding: 0 0 50px 0;
	}
}