/* 
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 */

/*HERO IMAGE*/
.hero-home {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.hero-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
    z-index: 1;
}

.hero-content {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;     
    justify-content: center; 
    text-align: center;
    padding: 1rem;
}

.hero-text {
    position: relative;
    z-index: 2;
    color: white;
    font-size: 2.5rem;
    font-weight: 900;
    text-transform: uppercase;
    padding: 1rem 2rem;
    font-family: "Montserrat", sans-serif;
    background-color: #00000070;
    display: inline-block; 
}

.hero-text::before,
.hero-text::after {
    color: white;
    font-size: 2.5rem;
    font-weight: 900;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.hero-text::before {
    content: "[";
    left: -2.1rem;
    font-size: 8rem;
    font-weight: 600;
    top: 30px;
	color: red;
}

.hero-text::after {
    content: "]";
    right: -2.1rem;
    font-size: 8rem;
    font-weight: 600;
    top: 30px;
	color: red;
}
.elementor .hero-img {
    height: 100%;
    object-fit: cover;
    max-width: none; 
}
@media only screen and (max-width: 1024px) {
	.hero-text::before {
    content: "[";
    left: 0;
    font-size: 5rem;
    font-weight: 600;
    top: 22px;
    color: red;
	}	
	.hero-text::after {
	content: "]";
    right: -1.1rem;
    font-size: 5rem;
    font-weight: 600;
    top: 24px;
    color: red;
	}
	.hero-text{
		font-size: 1.5rem;
	}
}
@media only screen and (max-width: 767px) {
	.hero-text::before {
    left: -7px;
    top: 20px;
	}	
	.hero-text::after {
    top: 20px;
	}
	.hero-text{
		font-size: 1rem;
	}
}
/*HEADER*/
/* HEADER 1 - Trasparente */
.header-transparent {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    transition: opacity 0.4s ease, background-color 0.4s ease;
    opacity: 1;
    background-color: transparent;
    z-index: 999;
}

.header-transparent.fade-out {
    opacity: 0 !important;
    pointer-events: none !important;
}

.header-transparent.fade-in {
    opacity: 1 !important;
    pointer-events: auto !important;
    background-color: #000000 !important; /* nero in risalita */
}

/*HEADER DUE*/
/* HEADER 2 - Sempre nero */
.header-main {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    transition: opacity 0.4s ease;
    opacity: 1;
    background-color: #000000; /* sempre nero */
    z-index: 999;
}

.header-main.fade-out {
    opacity: 0 !important;
    pointer-events: none !important;
}

.header-main.fade-in {
    opacity: 1 !important;
    pointer-events: auto !important;
    background-color: #000000 !important;
}


/*INTESTAZIONE PARENTESI*/
.parentesi .elementor-heading-title::before {
    content: "[";
    color: red;
	font-size: 2.6rem;
}

.parentesi .elementor-heading-title::after {
    content: "]";
    color: red;
	font-size: 2.6rem;
}
@media only screen and (max-width: 1024px) {
.parentesi .elementor-heading-title::before {
	font-size: 2.3rem;
}

.parentesi .elementor-heading-title::after {
	font-size: 2.3rem;
}
}
@media only screen and (max-width: 767px) {
.parentesi .elementor-heading-title::before {
    content: "[";
    color: red;
	font-size: 1.8rem;
}

.parentesi .elementor-heading-title::after {
    content: "]";
    color: red;
	font-size: 1.8rem;
}
}
/* PARENTESI ELEMENTO ICONA */
.parentesi-verticale::before,
.parentesi-verticale::after {
  content: '';
  position: absolute;
  font-size: 11rem;
  font-weight: 300;
  transform: rotate(90deg);
  left: 45%;
  transform-origin: center;
  color: red; 
}

.parentesi-verticale {
  position: relative;
  display: inline-block;
  padding: 2rem 0; 
}

.parentesi-verticale::before {
  content: '[';
  top: -7.5rem; 
}

.parentesi-verticale::after {
  content: ']';
  bottom: -7.5rem; 
}
@media only screen and (max-width: 767px) {
.parentesi-verticale::before,
.parentesi-verticale::after {
  content: '';
  position: absolute;
  font-size: 7rem;
  font-weight: 300;
  transform: rotate(90deg);
  left: 47%;
  transform-origin: center;
  color: red; 
}

.parentesi-verticale {
  position: relative;
  display: inline-block;
  padding: 2rem 0; 
}

.parentesi-verticale::before {
  content: '[';
  top: -3.5rem;
}

.parentesi-verticale::after {
  content: ']';
  bottom: -3.5rem;
}
}
/* PARENTESI ELEMENTO SERVIZI */
.parentesi-verticale-servizi::before,
.parentesi-verticale-servizi::after {
  content: '';
  position: absolute;
  font-size: 20rem;
  font-weight: 300;
  transform: rotate(90deg);
  transform-origin: center;
  color: red; 
}

.parentesi-verticale-servizi {
  position: relative;
  display: inline-block;
  padding: 2rem 0; 
}

.parentesi-verticale-servizi::before {
  content: '[';
  left: 35%;
  top: -2rem;
}

.parentesi-verticale-servizi::after {
  content: ']';
  bottom: -14rem; 
  left: 47%;
}
@media only screen and (max-width: 767px) {
.parentesi-verticale-servizi::before,
.parentesi-verticale-servizi::after {
  display:none;
}
/*CHI SIAMO*/
#team-chi-siamo .elementor-widget-image img{
  margin-right: -30px !important;
}
/*CASE HISTORY*/
.acf-cosa-abbiamo-fatto li {
	font-family: "Montserrat", Sans-serif;
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase;
    color: var(--e-global-color-primary);
}
.acf-cosa-abbiamo-fatto {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}
/*BREADCRUMB*/
.breadcrumb_last{
	font-weight:500;
}
#breadcrumbs a:hover{
	text-decoration:underline;
}