/*
 Theme Name:   Bricks Child Theme MMB
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

header .bricks-search-form {
	background: #fff;
	overflow: hidden;
}

@media all and (max-width:1024px) {
	#menu-primario.brx-open .brx-nav-nested-items {
		max-width: none;
	}

	#menu-primario.brx-open .brx-nav-nested-items>li span,
	#menu-primario.brx-open .brx-nav-nested-items>li a {
		text-align: left;
	}

	#menu-primario.brx-open br {}

}

@media all and (min-width:1024px) {
	nav#menu-primario li {
		min-height: 0px;
	}
}

#slider-mmb-home .splide__list {
	padding-top: 80px;
	padding-bottom: 120px;
}

#slider-mmb-home .splide__track--draggable {
	padding-left: calc((100vw - 1100px) / 2) !important;
}

#slider-mmb-home .splide__arrow {
	background-color: #0D2B61;
	border-radius: 100%;
}

#slider-mmb-home .splide__arrow--prev {
	left: 15px;
}

#slider-mmb-home .splide__arrow--next {
	right: 15px;
}

#slider-mmb-home .splide__arrow svg {
	width: 25px;
	height: 25px;
}

#slider-mmb-home .splide__arrow svg path {
	fill: #FFFFFF;
}

@media (max-width: 1024px) {
	#slider-mmb-home .splide__list {
		padding-top: 75px;
		padding-bottom: 120px;
	}

	#slider-mmb-home .splide__track--draggable {
		padding-left: 24px !important;
	}
}

#slider-mmb-interno .splide__list {
	padding-top: 80px;
	padding-bottom: 130px;
}

#slider-mmb-interno .splide__track--draggable {
	/* padding-left: calc((100vw - 1100px) / 2) !important; */
}

/* #slider-mmb-interno {
	overflow: hidden;
} */

#slider-mmb-interno-track {
	padding-top: 0px;
	padding-bottom: 0px;
	max-width: 1100px;
	margin: 0 auto;
	overflow: visible;
}

@media all and (max-width: 1094px) {
	#slider-mmb-interno-track {
		max-width: initial;
		margin: initial;
		overflow: initial;
	}
}

@media (max-width: 1094px) {
	#slider-mmb-interno .splide__list {
		padding-top: 45px;
		padding-bottom: 130px;
	}

	#slider-mmb-interno .splide__track--draggable {
		/* padding-left: 24px !important;
		padding-right: 24px !important; */
	}
}

@media (max-width: 480px) {
	#slider-mmb-interno .splide__track--draggable {
		/* padding-left: 0px !important;
		padding-right: 0px !important; */
	}
}

/* caroselli pagine interne */
@media screen and (min-width: 1094px) {
	.carosello-prodotti-correlati .splide__track {
		padding-top: 50px;
		padding-bottom: 65px;
		max-width: 1100px;
		margin: 0 auto;
		overflow: visible;
	}
}

@media screen and (max-width: 1093px) {
	.carosello-prodotti-correlati .splide__track {
		padding-left: 24px !important;
		padding-right: 24px !important;
		padding-top: 65px !important;
		padding-bottom: 120px !important;
	}
}


@media all and (min-width: 1094px) {
	.carosello-prodotti-correlati .splide__pagination {
		display: none !important;
	}
}

/* caroselli case history interni */
@media screen and (min-width: 1094px) {
	.carosello-case-history .splide__track {
		/* padding: 80px !important; */
		/* padding-top: 85px !important;
		padding-bottom: 85px !important;
		padding-right: 85px !important;
		padding-left: 85px !important;
		max-width: 1100px;
		margin: 0 auto;
		overflow: hidden; */
	}
}

@media screen and (max-width: 1093px) {
	.carosello-case-history .splide__track {
		/* padding-left: 24px !important;
		padding-right: 24px !important;
		padding-top: 65px !important;
		padding-bottom: 120px !important; */
	}
}

p strong {
	font-weight: 600;
}

/* Card feature */
.card-feature-mmb {
	position: relative;
	transform: rotate(0deg) !important;
	transition: all 0.3s ease-in-out;
	will-change: transform;
	background: linear-gradient(146deg, rgba(255, 255, 255, 0.05) -152%, #FFFFFF 73.7%);
	z-index: 1;
	overflow: hidden;
	/* Assicura che il contenuto principale sia sopra */
}

.card-feature-mmb::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(146deg, rgba(0, 154, 220, 0.10) -152%, #FAFAFC 73.7%);
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
	pointer-events: none;
	z-index: -1;
}

.card-feature-mmb.bkg-verde::before {
	background: linear-gradient(133deg, rgba(255, 255, 255, 0.80) 3.47%, rgba(104, 183, 94, 0.80) 99.83%), #FAFAFC;
}

.card-feature-mmb.bkg-blu::before {
	background: linear-gradient(134deg, rgb(0 154 220 / 28%) 0, #ffffff 73.7%)
}

.card-feature-mmb:hover::before {
	opacity: 1;
}

.card-feature-mmb:hover {
	transform: rotate(5deg) !important;
}

.card-contatto-mmb {
	position: relative;
	transform: rotate(0deg);
	transition: transform 0.3s ease-in-out;
	will-change: transform;
	background: rgba(250, 250, 252, 1);
	z-index: 1;
	overflow: hidden;
	/* Assicura che il contenuto principale sia sopra */
}

.card-contatto-mmb::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(-208deg, rgb(0 154 220 / 31%) 0, #FAFAFC 73.7%);
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
	pointer-events: none;
	z-index: -1;
}

.card-contatto-mmb:hover::before {
	opacity: 1;
}

@media all and (min-width: 992px) {
	#menu-primario svg {
		display: none;
	}
}


/* pagina assistenza */

#feature-assistenza-mobile {
	border-radius: 8px;
	background-color: transparent !important;
	padding-bottom: 60px;
}

/* punti di forza YAP */
.punto-forza {
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	max-height: 80px;
	overflow: hidden;
}

.punto-forza:hover {
	background-color: #68B75E !important;
}

.punto-forza:hover h3,
.punto-forza.active h3 {
	color: #FFFFFF !important;
	font-weight: 800 !important;
}

.punto-forza:hover svg path,
.punto-forza.active svg path {
	stroke: #FFFFFF !important;
}

.punto-forza.active {
	background-color: #68B75E !important;
	max-height: 500px;
}

.punto-forza.active .open {
	opacity: 0;
	display: none;
}

.punto-forza.active .close {
	opacity: 1;
	display: initial;
}

.punto-forza .open {
	opacity: 1;
	transition: all 0.3s ease-in-out;
}

.punto-forza .close {
	opacity: 0;
	display: none;
	transition: all 0.3s ease-in-out;
}

.punto-forza .testo {
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}

.punto-forza.active .testo {
	opacity: 1;
}

/* Case studies */
.brx-popup-content {
	position: relative;
}

/* Lavora con noi */
.testo-privacy {
	color: #000;
	font-family: Inter;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.testo-privacy a {
	text-decoration: underline;
}

.text-smaller {
	font-size: 17px;
	font-weight: 400;
}

#punti-forza-blu path {
	fill: #009ADC;
}

#punti-forza-blu .wrap:hover path {
	fill: #FFF;
}

#punti-forza-blu .wrap:hover {
	background-color: #009ADC !important;
}

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

/* Stile box piccolo per pagine specifiche (componente) */
.description-small-style .wrap-description p {
	font-size: 17px;
	line-height: 22px;
}

/* Paginazione slider mobile */
@media (max-width: 480px) {
	#slider-mmb-interno .splide__pagination {
		width: 100% !important;
	}
}

/* Animazione personalizzata fadeInBottomMMB */
@keyframes fadeInBottomMMB {
	0% {
		opacity: 0;
		transform: translate3d(0, 50px, 0);
		/* Parte 50px più in basso */
	}

	100% {
		opacity: 1;
		transform: translate3d(0, 0, 0);
		/* Arriva alla posizione finale */
	}
}

.brx-animate-fadeInBottomMMB {
	animation-name: fadeInBottomMMB;
	animation-duration: 0.8s;
	/* Durata animazione */
	animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
	/* Easing fluido */
	animation-fill-mode: both;
}

/* Fix menu mobile */
#menu-primario.brx-open .brx-nav-nested-items {
	height: 100vh;
}

@media all and (max-width: 1094px) {
	.titolo-slider-translateY {
		transform: translateY(20px) !important;
	}
}

@media all and (min-width: 1095px) {
	/* .titolo-slider-translateY {
		transform: translateY(90px) !important;
	} */
}

.iframe-mmb {
	min-height: 650px;
}

@media screen and (max-width: 768px) {
	.iframe-mmb {
		height: 1050px !important;
	}

}

/* Stile pulsante download circolare */
.download-attachment-circolare {
	text-decoration: none !important;
	margin-top: 20px;
}

#brx-content {
	overflow: hidden;
}

/* Multilingua */
.wpml-ls-legacy-list-horizontal,
.wpml-ls-legacy-list-horizontal a {
	padding-right: 0;
}

@media all and (max-width: 1024px) {

	.wpml-ls-legacy-list-horizontal,
	.wpml-ls-legacy-list-horizontal a {
		padding-left: 0;
	}
}