/**
* Theme Name: Spaciaz Child
* Description: This is a child theme of Spaciaz, generated by Merlin WP.
* Author: <a href="https://wpopal.com/">Opalthemes</a>
* Template: spaciaz
* Version: 1.2.2
*/

.d-none {
	display: none !important;
}
.noscroll {
	overflow: hidden !important;
}

/* NASCONDO-MOSTRO MENU ALLO SCROLL */
#header-wrap {
	transition: .3s;
}
#header-wrap.scrolled-hide {
	top: -140px !important;
}


/* MODIFICO PULSANTI */
.elementor-element.elementor-widget-button a .elementor-button-text,
.elementor-element.elementor-widget-spaciaz-button a i {
	color: #fff;
}


/* LISTING HOME SERVIZI */
.singolo-servizio-listing,
.singolo-servizio-listing .service-title,
.singolo-servizio-listing .service-title a,
.singolo-servizio-listing .description,
.singolo-servizio-listing .service-button {
	transition: .3s !important;
}
.singolo-servizio-listing:hover .service-title a,
.singolo-servizio-listing:hover .description {
	color: #fff !important
}
.singolo-servizio-listing:hover .service-title {
	border-bottom-color: #fff !important
}
.singolo-servizio-listing:hover .service-button {
	width: 120px;
	border-radius: 100px;
}

.singolo-servizio-listing .service-content {
	padding-top: 0;
}
.singolo-servizio-listing .icon-wrap > img {
	width: 100px;
    height: 100px;
    object-fit: contain;
    object-position: left bottom;
}

/* DETTAGLIO SERVIZIO */
.single-spaciaz_service > #page > .breadcrumb-wrap > .elementor > .elementor-element {
	background-size: cover;
}

@media(min-width: 768px){
	.elementor-widget-spaciaz-projects-expand.elementor-project-style-5 .grid-item.project-inner:not(.active) .project-item .project-content {
		padding-left: 10px;
	}
	.elementor-widget-spaciaz-projects-expand.elementor-project-style-5 .grid-item.project-inner.active .project-post-thumbnail:after {
		opacity: .6;
	}
}

/* sezione Elementor full screen */
body.elementor-editor-active .pannello-1,
body.elementor-editor-active .pannello-2 {
	display: none !important;
}
#section-splash {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0;
    overflow: hidden;
	min-height: 100vh;
/* 	min-height: unset;
	height: 1000px;
    max-height: 100vh; */
}

/* contenitore dei pannelli */
#splash.wrapper-splash {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    max-height: 100vh;
    overflow: hidden;
    z-index: 1; /* sotto il contenuto Elementor */
    pointer-events: none; /* non blocca click sui widget */
	height: 100vh;
/* 	height: 1000px; */
}
/* #splash.wrapper-splash + .elementor-element {
	height: 1000px;
    max-height: 100vh;
} */

/* contenuto Elementor della splash (logo, titolo, testo, bottone) */
#section-splash .elementor-container,
#section-splash .elementor-column {
    position: relative;
    z-index: 5;
}

/* pannelli */
.pannello-1, .pannello-2 {
    position: absolute;
    top: 0;
    width: 50vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(15px);
    transition: transform 0.1s ease-out;
    z-index: 2;
}
.pannello-1 {
    left: 0;
    border-right: solid 1px rgba(255, 255, 255, 0.15);
}
.pannello-2 {
    right: 0;
    border-left: solid 1px rgba(255, 255, 255, 0.15);
}
.pannello-1 .logo,
.pannello-2 .logo {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
}
.pannello-2 .logo { align-items: flex-start; }
.pannello-1 .logo img,
.pannello-2 .logo img {
    width: 250px;
    filter: brightness(20);
}
.pannello-2 .logo img {
    transform: translateY(1px);
}
.carosello-splash .swiper-wrapper .singola-slide-splash .elementor-widget-icon-box .elementor-icon-box-title > a {
	display: block;
	min-height: 50px;
}
.carosello-splash .swiper-wrapper .singola-slide-splash > .e-con-inner > .elementor-element {
	height: 100%;
}






/* PAGINA PROGETTO */
body.single-spaciaz_project .breadcrumb-wrap {
    background: linear-gradient(-135deg, #000000, #08442f);
}
body.single-spaciaz_project .breadcrumb-wrap > .breadcrumb-overlay + .elementor > .elementor-element {
	min-height: 250px;
	height: 250px;
}
body.single-spaciaz_project .gallery-progetto .swiper-wrapper > div,
body.single-spaciaz_project .gallery-progetto .swiper-wrapper > div > a,
body.single-spaciaz_project .gallery-progetto .swiper-wrapper > div > a > img {
	height: 100%;
}
body.single-spaciaz_project .gallery-progetto .swiper-wrapper > div > a > img {
	object-fit: cover;
	-o-object-fit: cover;
	object-position: center;
	-o-object-position: center;
	margin: 0;
	width: 100%;
}
.elementor-slideshow__title {
	display: none
}

@media(max-width: 767px){
	body.single-spaciaz_project .breadcrumb-wrap > .breadcrumb-overlay + .elementor > .elementor-element {
		min-height: 170px;
		height: 170px;
	}
	body.single-spaciaz_project .breadcrumb-wrap > .breadcrumb-overlay + .elementor > .elementor-element > .elementor-element:first-child {
		margin-bottom: 10px !important;
	}

}

/* SINGOLA SOLUZIONE/PRODOTTO */
body.single-spaciaz_services .breadcrumb-wrap {
    background: linear-gradient(-135deg, #000000, #08442f);
}
body.single-spaciaz_services .breadcrumb-wrap > .breadcrumb-overlay + .elementor > .elementor-element {
	min-height: 250px;
	height: 250px;
}
body.single-spaciaz_services .breadcrumb-wrap .hfe-page-title h2 {
	display: none;
}
body.single-spaciaz_services #page .site-content {
	padding-top: 100px;
    border-radius: 40px 40px 0 0;
    background: #ffffff;
    margin-top: -50px;
    z-index: 1;
    position: relative;
}
@media(max-width: 767px){
	body.single-spaciaz_services .breadcrumb-wrap > .breadcrumb-overlay + .elementor > .elementor-element {
		min-height: 170px;
		height: 170px;
	}
	body.single-spaciaz_services .breadcrumb-wrap > .breadcrumb-overlay + .elementor > .elementor-element > .elementor-element:first-child {
		margin-bottom: 10px !important;
	}
}





/* Wrapper del campo file */
.wpcf7 form p input[type="file"] {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 10px 14px;
  border-radius: 999px;          /* come il campo email */
  border: 1px solid #ddd;
  background-color: #f2f2f2;
  font-size: 14px;
  line-height: 1.4;
  color: #333;
  cursor: pointer;
}

/* Nascondi il bottone default e rendi tutto cliccabile (solo WebKit) */
.wpcf7 form p input[type="file"]::-webkit-file-upload-button {
  visibility: hidden;
}
.wpcf7 form p input[type="file"]::before {
  content: "Carica";
  display: inline-block;
  color: #888;
}

/* Hover / focus */
.wpcf7 form p input[type="file"]:hover {
  border-color: #bbb;
}
.wpcf7 form p input[type="file"]:focus {
  outline: none;
  border-color: #0abf7b;         /* colore del bottone invia */
  box-shadow: 0 0 0 1px #0abf7b33;
}
.wpcf7 form.sent .wpcf7-response-output {
	border-radius: 15px;
	text-align: center;
	font-size: 16px;
}
.wpcf7-form .wpcf7-form-control-wrap input[type=text], .wpcf7-form .wpcf7-form-control-wrap input[type=number], .wpcf7-form .wpcf7-form-control-wrap input[type=email], .wpcf7-form .wpcf7-form-control-wrap input[type=tel], .wpcf7-form .wpcf7-form-control-wrap input[type=url], .wpcf7-form .wpcf7-form-control-wrap input[type=password], .wpcf7-form .wpcf7-form-control-wrap input[type=search], .wpcf7-form .wpcf7-form-control-wrap textarea, .wpcf7-form .wpcf7-form-control-wrap .input-text, .wpcf7-form .wpcf7-form-control-wrap select:not([size]):not([multiple]) {
	margin-bottom: 10px !important;
}
.wpcf7-not-valid-tip {
margin-bottom: 30px;	
}


@media(max-width: 767px){
	.spaciaz-mobile-nav .site-branding img {
		padding-right: 40px;
	}
	.spaciaz-mobile-nav .menu-scroll-mobile .site-branding {
		margin: 0 15px 15px !important;
	}
	.spaciaz-mobile-nav .mobile-menu-tab {
		padding: 15px 20px !important;
	}
}



.wrapper-testo-splash.bloccato {
	pointer-events: none !important;
}





.wrapper-voci-menu .e-loop-item .voce-menu {
    transition: .3s;
}
.wrapper-voci-menu .e-loop-item:hover .voce-menu {
    transform: translateX(30px);
}
.wrapper-voci-menu .e-loop-item .icona-menu {
    opacity: .4;
    transition: .3s;
}
.wrapper-voci-menu .e-loop-item:hover .icona-menu {
    opacity: 1;
}
.blurred-project {
	backdrop-filter: blur(10px);
}




/* PAGINA DI DETTAGLIO SOLUZIONE */
body.single-spaciaz_services .testo-dettaglio h1,
body.single-spaciaz_services .testo-dettaglio h2,
body.single-spaciaz_services .testo-dettaglio h3,
body.single-spaciaz_services .testo-dettaglio h4,
body.single-spaciaz_services .testo-dettaglio h5,
body.single-spaciaz_services .testo-dettaglio h6 {
	font-size: clamp(36px, 5vmax, 52px);
	line-height: var(--e-global-typography-primary-line-height);
}
@media(min-width:767px){
	.wrapper-sezione.img:not(.centro):nth-child(even) {
		flex-direction: row-reverse;
	}	
}
body.single-spaciaz_services .Nascondi {
	display: none !important;
}
body.single-spaciaz_services .wrapper-sezione {
	display: none !important;
}
body.single-spaciaz_services .wrapper-sezione.Mostra.Sezione {
	display: flex !important;
}

/* FINITURE */
body.single-spaciaz_services .spaciaz-finiture {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: center;
	gap: 32px;
	flex-wrap: wrap;
}
body.single-spaciaz_services .spaciaz-finiture .finita-item {
	width: 25%;
	padding: 16px;
	border-radius: 20px;
}
body.single-spaciaz_services .spaciaz-finiture .finita-item img {
	height: 240px !important;
    object-fit: cover;
	-o-object-fit: cover;
	border-radius: 16px;
}
body.single-spaciaz_services .spaciaz-finiture .finita-item .finita-nome {
	margin-top: 20px;
	text-align: left;
}
body.single-spaciaz_services .spaciaz-finiture .finita-item .finita-desc {
	text-align: left;
}
body.single-spaciaz_services .spaciaz-finiture .finita-item .finita-link {
	margin: 0;
}

/* BTN finitura Pagina servizio */
.link-finitura-front {
	background-color: var(--e-global-color-background);
    padding: 5px 5px 5px 30px;
    color: var(--accent);
    border: 1px solid var(--border);
    border-radius: 100px;
    font-family: var(--e-global-typography-accent-font-family);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.7142857143;
    display: flex;
    width: fit-content;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    gap: 16px;
	justify-self: start;
}
.link-finitura-front .elementor-button-icon {
	width: 50px;
    height: 50px;
    background-color: #31af7c;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    color: #fff;
}
@media(min-width: 768px){
	body.single-spaciaz_services .spaciaz-finiture .finita-item:nth-child(odd) {
		background-color: #f7fffb;
	}
}
@media(max-width: 767px){
	body.single-spaciaz_services .spaciaz-finiture {
		gap: 20px;
	}
	body.single-spaciaz_services .spaciaz-finiture .finita-item {
		width: calc(50% - 16px);
		padding: 5px;
	}
	body.single-spaciaz_services .spaciaz-finiture .finita-item img {
		height: 180px !important;
	}
}

.single-spaciaz_services .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image {
	height: 600px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
@media(max-width: 767px){
	.single-spaciaz_services .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image {
		height: 320px;	
	}
}

.single-spaciaz_services .testo-dettaglio > .elementor-section > .elementor-container,
.single-spaciaz_services .testo-dettaglio > .elementor-section > .elementor-container > .elementor-column {
	width: 100%;
}
.elementor-icon-list-text { padding-left: 8px; }






.testo-dettaglio a:not(.elementor-button) {
	background: #31af7c;
    display: inline-block;
    padding: 2px 8px;
    border-radius: 8px;
    color: #fff;
    text-decoration: none !important;
	transition: .3s;
}
.testo-dettaglio a:not(.elementor-button):hover {
	background: #20835b;
}

.single-spaciaz_project .elementor-widget-spaciaz-post-thumbnails .elementor-post-thumbnail > img,
.single-spaciaz_project .gallery-progetto .spaciaz-swiper > .swiper-wrapper {
	height: 600px;
}



/* Nascondo cat non primarie */
body.single-spaciaz_services .service-item.category-secondarie,
.elementor-nav-menu-wrapper .service-item.category-secondarie,
body.home .service-item .singolo-servizio-listing.cat-secondarie,
.home .elementor-service-wrapper .secondarie,
.page-id-2218 .elementor-service-wrapper .secondarie {
	display: none !important;
}