/*
Theme Name: Nalesso
Theme URI: https://nalesso.it/
Description: Nalesso is a child theme of Hello Biz, created by HDG
Author: HDG
Author URI: https://hangar.it
Template: hello-biz
Version: 100.0
*/

a {
	outline: 0 !important;
}

.header-box {
	backdrop-filter: blur(5px) !important;
}

.button-menu a {
	width: 100%;
}

.button-menu a > span {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.e-n-menu-item button {
	display: none !important;
}


#hdg-open-menu {
	display: block;
	position: relative;
	width: 40px;
	height: 40px;
	cursor: pointer;
}

#hdg-open-menu:before,
#hdg-open-menu:after {
	content: '';
	display: block;
	position: absolute;
	width: 40px;
	height: 1px;
	background: white;
	left: 0;
	top: calc(50% - .5px);
	transition: .5s;
}

#hdg-open-menu:before {
	margin-top: -5px;
}

#hdg-open-menu:after {
	margin-top: 5px;
}

#hdg-full-menu {
	display: none;
}

.hdg-menu-opened #hdg-open-menu:before,
.hdg-menu-opened #hdg-open-menu:after {
	margin: 0;
}

.hdg-menu-opened #hdg-open-menu:before {
	transform: rotate(45deg);
}

.hdg-menu-opened #hdg-open-menu:after {
	transform: rotate(-45deg);
}









.hero-settori-slider-active {
	opacity: 1;
}
.hero-settori-slider {
	opacity: .5;
	transition: .5s;
}
.hero-settori-slider:hover {
	opacity: 1;
}


.title-subtitle-first span {
	font-family: var( --e-global-typography-078de2c-font-family ), Sans-serif;
	font-size: var( --e-global-typography-078de2c-font-size );
	margin-right: 50px;
}


.hdg-accordion-content {
	display: none;
}
.hdg-accordion-button-active .elementor-icon-wrapper svg {
	transform: rotate(45deg) !important;
	transition: .5s;
}
.hdg-accordion-button {
	cursor: pointer;
}



.hdg-accordion-content-first {
	display: none;
}
.hdg-accordion-button-first-active .elementor-icon-wrapper svg {
	transform: rotate(45deg) !important;
	transition: .5s;
}
.hdg-accordion-button-first {
	cursor: pointer;
}



#hdg-home-soluzioni-container {
	overflow: hidden;
	position: relative;
	width: 80vw;
	transition: 1s;
}

#hdg-home-soluzioni-container > div {
	width: 100vw;
	position: relative;
	left: 0;
	top: 0;
	transition: 1s;
}

#hdg-home-soluzioni-container.hdg-on-view {
	width: 100vw;
}

.hdg-block-with-image {
	position: relative;
}

.hdg-block-with-image > div:first-child {
	position: relative;
	z-index: 10;
}

.hdg-block-with-image > div:first-child div {
	width: max-content;
}

.hdg-block-with-image > div:last-child {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 250px;
	max-width: none !important;
	transform: translateX(-50%) translateY(-50%);
	opacity: 0;
	transition: 1s;
}

.hdg-block-with-image:hover > div:last-child {
	opacity: .4;
}



.hdg-accordion-2,
.hdg-accordion-3 {
	cursor: pointer;
}

.hdg-accordion-2-graph,
.hdg-accordion-3-graph {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	position: relative;
	height: 20px;
	margin-top: 12px;
}

.hdg-accordion-2-graph:before,
.hdg-accordion-3-graph:before {
	content: '';
	display: block;
	width: 20px;
	height: 1px;
	background: var(--e-global-color-secondary);
	transition: .5s;
}

.hdg-accordion-2-graph:after,
.hdg-accordion-3-graph:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 10px;
	transform: translateX(-50%);
	width: 1px;
	height: 20px;
	background: var(--e-global-color-secondary);
	transition: .5s;
}

.hdg-accordion-2-graph.active:before,
.hdg-accordion-3-graph.active:before {
	width: 100px;
}

.hdg-accordion-2-graph.active:after,
.hdg-accordion-3-graph.active:after {
	opacity: 0;
}

.hdg-accordion-2-img,
.hdg-accordion-3-img {
	opacity: 0;
	transition: .5s;
}

.hdg-accordion-2-img.active,
.hdg-accordion-3-img.active {
	opacity: 1;
}

.hdg-accordion-2-content,
.hdg-accordion-3-content {
	display: none;
	max-width: 360px;
}

.hdg-accordion-2-content.active,
.hdg-accordion-3-content.active {
	display: block;
}

.hdg-arrow-btn .elementor-button-content-wrapper {
	flex-direction: column-reverse !important;
}

.hdg-arrow-btn .elementor-button-icon svg {
	width: 30px;
}

.hdg-footer-menu-1 ul {
	display: grid !important;
	grid-template-columns: auto auto;
	column-gap: 10px;
	row-gap: 15px;
	width: 100%;
	max-width: 300px;
}

.hdg-footer-menu-2 ul {
	flex-direction: column;
	width: 100%;
	max-width: 200px;
	gap: 15px;
}

.hdg-footer-menu-1 li,
.hdg-footer-menu-2 li {
	padding: 0 0 15px;
	border-bottom: .5px solid var(--e-global-color-text);
}

.hdg-footer-language * {
	padding: 0 !important;
	line-height: 15px !important;
}

.hdg-footer-language a {
	margin-left: .2em;
}


#hdg-infinite-loop {
	overflow: hidden;
	width: 100%;
	padding: 70px 0;
	margin-bottom: 50px;
	margin-top: -30px;
}
#hdg-infinite-loop .hdg-contenitore {
	padding: 40px 0;
	border-top: .5px solid var(--e-global-color-secondary);
	border-bottom: .5px solid var(--e-global-color-secondary);
	
}
#hdg-infinite-loop .hdg-traccia {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	gap: 0 !important;
	justify-content: flex-start !important;
	align-items: center !important;
	padding: 0 !important;
	border: none !important;
	margin: 0 !important;
	white-space: nowrap;
	animation: scorrimento-infinito 20s linear infinite;
	width: max-content;
}
@keyframes scorrimento-infinito {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-50%);
	}
}
#hdg-infinite-loop .hdg-slide {
	width: fit-content;
}





.gallery-progetto .swiper-slide {
  width: calc(100% - 375px) !important;
}
.gallery-progetto .swiper-wrapper {
  gap: 40px;
}
.gallery-progetto .elementor-swiper-button {
	top: -70px !important;
}
.gallery-progetto .elementor-swiper-button-prev {
	left: auto !important;
	right: 170px !important;
}
.gallery-progetto .elementor-swiper-button-next {
	right: 60px !important;
}






.loop-archivio-tag .elementor-post-info__terms-list {
	display: flex !important;
	flex-wrap: wrap;
	gap: 5px;
	color: transparent;
}
.loop-archivio-tag .elementor-post-info__terms-list-item {
	display: inline-block;
	border-style: solid;
	border-width: 0.5px;
	border-color: var(--e-global-color-primary);
	color: var(--e-global-color-primary);
	padding: 6px 10px;
	border-radius: 100px;
}



.hdg-archivio-grid-item .hdg-archivio-grid-item-btn {
	display: none;
}

.type-progetto .hdg-archivio-grid-item {
	background: var(--e-global-color-accent);
	color: var(--e-global-color-primary);
	padding: 15px;
}

.type-progetto .hdg-archivio-grid-item * {
	color: var(--e-global-color-primary);
}

.type-progetto .hdg-archivio-grid-item .hdg-archivio-grid-item-btn {
	display: inline;
}

.type-progetto .elementor-heading-title {
	color: var(--e-global-color-primary) !important;
}

.hdg-archivio-grid-item-tag * {
	color: var(--e-global-color-primary);
}

.hdg-archivio-grid-item-tag .elementor-post-info__terms-list {
	display: flex !important;
	flex-wrap: wrap;
	gap: 10px 2.5px;
	color: transparent;
}
.hdg-archivio-grid-item-tag .elementor-post-info__terms-list-item {
	display: inline-block;
	border-style: solid;
	border-width: 0.5px;
	border-color: #FFFFFF33;
	color: var(--e-global-color-accent);
	padding: 6px 10px;
	border-radius: 100px;
}
.type-progetto .hdg-archivio-grid-item-tag .elementor-post-info__terms-list-item {
	border-color: #1C232B33;
	color: var(--e-global-color-primary);
}



.txt-single-prog h4.elementor-heading-title {
	color: #f5f5f5 !important;
}
.txt-single-prog h1.elementor-heading-title {
	color: #f5f5f5 !important;
}





@media only screen and (max-width: 1024px) {
	
	.hdg-accordion-content-2 {
		max-width: 240px;
	}
	
	
	.gallery-progetto .swiper-slide {
	  width: calc(100% - 200px) !important;
	}
	.gallery-progetto .swiper-wrapper {
	  gap: 40px;
	}
	.gallery-progetto .elementor-swiper-button {
		top: -50px !important;
	}
	.gallery-progetto .elementor-swiper-button-prev {
		right: 150px !important;
	}
	.gallery-progetto .elementor-swiper-button-next {
		right: 40px !important;
	}
	
	
	
	
}


@media only screen and (max-width: 767px) {
	
	#hdg-home-soluzioni-container > div {
		margin-left: -25vw;
	}
	
	#hdg-home-soluzioni-container.hdg-on-view > div {
		margin-left: 0;
	}
	
	
	
	.gallery-progetto .swiper-slide {
	  width: calc(100% - 100px) !important;
	}
	.gallery-progetto .swiper-wrapper {
	  gap: 40px;
	}
	.gallery-progetto .elementor-swiper-button {
		top: -30px !important;
	}
	.gallery-progetto .elementor-swiper-button-prev {
		right: 130px !important;
	}
	.gallery-progetto .elementor-swiper-button-next {
		right: 20px !important;
	}
	

	
	
}