/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 08 2025 | 07:26:57 */
/*Hero arrotondata*/
.elementor-97 .elementor-element.elementor-element-073e659::before {
    filter:brightness(0.6);
}


/*Big copy*/

/*sfumatura nel testo*/
.elementor-91 .big_copy .elementor-heading-title.elementor-size-default {
      background-image: linear-gradient(-90deg, var(--e-global-color-primary) 0%, var(--e-global-color-secondary) 100%);
    background-clip: text;
    color: transparent;
    width: fit-content;
    padding-bottom: 20px;
}

.big_copy{
    position:relative;
}
.big_copy::before {
    content: url(https://socialit.sviluppo.host/wp-content/uploads/2025/03/big_copy_purple_pill.svg);
    position: absolute;
    top: -38%;
    left: -10%;
	
	 @media all and (max-width: 1024px) {
		top: 0;
		left: 0;
		translate: -28% -50%;
		scale: 0.6;
	}
}

/*grid_sovrapposizione*/
.grid_sovrapposizione.e-con.e-grid>.e-con-inner {
     grid-template-columns: [text-start] 1.4fr [image-start] .27fr [text-end] 1.1fr [image-end];
	
	    @media all and (max-width: 1024px) {
			grid-template-columns: none;
            grid-template-areas: 
                "text" 
                "image";
        }
}

.grid_sovrapposizione .e-con-inner .grid_text {
    grid-area: text;
    align-self: center;
	
	  @media all and (max-width: 1024px) {
            align-self:auto
        }
}

.grid_sovrapposizione .e-con-inner .grid_image {
    grid-area: image;
}


/*Infinite scroll*/
.infinite_scroll__content.elementor-list-item-link-full_width.elementor-widget.elementor-widget-icon-list {
    display: flex;
    flex-wrap: nowrap;
	overflow-x: clip;
	width: 100%;
}

.infinite_scroll__content.elementor-list-item-link-full_width.elementor-widget.elementor-widget-icon-list > * {
   flex: 0 0 auto;
   overflow: visible;
}

.infinite_scroll__content .elementor-widget-container {
    white-space: nowrap;
    opacity: 0.2;

}

.infinite_scroll__content .elementor-widget-container ul.elementor-icon-list-items.elementor-inline-items {
    --gap: 200px;

    display: flex;
    width: max-content;
    gap: var(--gap);
    padding-left: var(--gap);
    animation: scroll 50s linear infinite;
	user-select: none;
	pointer-events:none;
	
}

@keyframes scroll {
  to {
    transform: translateX(-50%);
  }
}



/*HEADER*/

.header_menu .e-con-inner > *{
    backdrop-filter: blur(10px);
}


/*Counter*/
.counter .elementor-counter {
    flex-direction: row-reverse;
	gap: 1.5rem;
	width: min(90%, 260px);
    justify-self: center;
}

.counter .elementor-counter-number-suffix {
    flex: 0;
}

.counter .elementor-counter .elementor-counter-number-wrapper {
    flex: 0;
}

.counter .elementor-counter .elementor-counter-title {
    align-items: flex-start;
	justify-content: flex-start;
}




/*Grid numeri*/
.elementor-element.e-grid.grid_numeri.e-con.e-child{
	grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr));
}


.counter span.elementor-counter-number {
    background-image: linear-gradient(-90deg, var(--e-global-color-primary) 0%, var(--e-global-color-secondary) 100%);
    background-clip: text;
    color: transparent;
}

.grid_numeri .elementor-widget-container {
	display: flex;
}

.counter .elementor-counter {
	flex: 1;
}


/*timeline*/

.timeline .timeline-item__card {
    box-shadow: none;

    .timeline-item__card-content{
        display: grid;
        grid-template-columns: .5fr 1fr;
		  @media all and (max-width: 1024px) {
        grid-template-columns: none;  
		}
    }
	
    .timeline-item__card-desc {
    grid-column: 2 /-1;
    
}

}
 .timeline__heading{
    	position:sticky;
		top: 500px;
}

@media all and (max-width: 1024px) {
	.jet-timeline-item .timeline-item__card-content {
		padding: 0;
	}
	.timeline-item__point.timeline-item__point.timeline-item__point.timeline-item__point.timeline-item__point {
		margin:0;
	}
}

  @media all and (min-width: 1025px) {
	.timeline__heading::after{
		content:"";
		background-color:var(--e-global-color-accent);
		width: calc(90% - 20ch);
		height:1px;
		display: inline-block;
		position:absolute;
		top: calc((100% - 40px) / 2);
		right: 0;
	}
}

/*----------------------------Sidebar progetti----------------------------*/
.elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-title-icon :is(.e-closed, .e-opened) svg path {
    fill: var(--e-global-color-primary);
}

.loop_grid_progetti {
    height: 550px;
    overflow-y: scroll;
    scrollbar-color: var( --e-global-color-text ) transparent;
    scrollbar-width: thin;
}

:is(.loop_grid_progetti, .loop_ruoli) .e-loop-item:not(:has(*)) {
display:none;
}

.loop_grid_progetti .e-loop-item:has(.jet-listing-not-found){
	display:none;
}

.loop_grid_progetti{
	width:100%;
}

.single-progetti .elementor.elementor-4908.elementor-4399.e-loop-item.e-loop-item-70 {
	order:1;
}

/*----------------------------Campi progetti----------------------------*/
.partner_counter .jet-listing-dynamic-repeater__item:not(:last-child)  {
    display:none;
}

/*----------------------------Repeater progetti----------------------------*/
.content_reapeater .jet-listing-dynamic-repeater__items {
    flex-direction: column;
    gap: 50px;
}

.content_reapeater .content_secondario_wrapper.content_secondario_wrapper {
    flex-direction: column;
    align-items: self-start;
}

.content_reapeater .content__title {
    display: flex;
    gap: 1rem;
    margin-block-end: 1rem;
	align-items: center;
}

.content_reapeater .content__title img {
    object-fit: contain;
}

.content_reapeater .icon_picker:not(.fas) {
    display:none;
}

.content_reapeater .icon_picker{
	    padding-bottom: 0.5rem;
	font-size:var( --e-global-typography-f509163-font-size );
}


/*----------------------------Repeater Partner----------------------------*/


.partner_reapeater .jet-listing-dynamic-repeater__items {
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(min(240px, 100%), 1fr));
	grid-template-columns:1fr;
    gap:1rem;
	justify-items: start;
}

.partner_reapeater .wrapper_partner a,
.partner_reapeater .wrapper_partner{
    background-image: linear-gradient(-90deg, var(--e-global-color-primary) 0%, var(--e-global-color-secondary) 100%);
    background-clip: text;
    color: transparent;
    text-box: auto;
	gap: .5rem;
	display: flex;
	
	img.partner_icon.partner_icon{
		width: 25px;
	}
	
	p{
		margin:0;
	}
}
/*----------------------------Template articoli news----------------------------*/
.categoria_news .elementor-post-info__terms-list-item {
		background-image: linear-gradient(-90deg, var(--e-global-color-primary) 0%, var(--e-global-color-secondary) 100%);
    background-clip: text;
    color: transparent;
    text-box: auto;
}

/*Listing template articoli news*/


	@media all and (width < 576px) {
	 .loop_news .elementor-2368 .elementor-element.elementor-element-ac90505 {
	--e-con-grid-template-columns: 1fr;
	}
}

.listing_posts{
	
	.image-wrapper>.elementor-widget-image{
		flex:1;
	}

	a {
		height:100%;
	}

	img {
		aspect-ratio: 1.2 / 1;
		object-fit: contain;
		height: 100%;
	}
}


/*Listing template casi studio*/
.listing_casi_studio{
	
	.image-wrapper>.elementor-widget-image{
		flex:1;
	}

	a {
		height:100%;
	}

	img {
		object-fit: scale-down;
		height: 100%;
	}
}

/*Listing template progetti - cards e archivio */

.progetti_single .e-con:not(.e-div-block-base) {
	transition: all 300ms ease-in-out;
	transition-behavior: allow-discrete;
	interpolate-size: allow-keywords;
}

.term_progetti.term_progetti.term_progetti.elementor-element .jet-listing-dynamic-terms__link {
	background-image: linear-gradient(-90deg, var(--e-global-color-primary) 0%, var(--e-global-color-secondary) 100%);
    background-clip: text;
    color: transparent;
    text-box: auto;
}


.card-progetti__excerpt {
	height:0;
	overflow-y: clip;
	transition: all 300ms ease-in-out;
	transition-behavior: allow-discrete;
	interpolate-size: allow-keywords;
}

/*Slider*/
.carosello_progetti .slick-slide.slick-current.slick-active .card-progetti{
   background-color: var( --e-global-color-text );
    color: white;

    .card-progetti__excerpt {
		height:fit-content;
		overflow-y: visible;
        display: block
    }
}

.carosello_progetti .jet-listing .slick-track {
	@media (width >= 675px) {
	    display: flex;
	    align-items: center;
	min-height:600px;
		}
}

/*Archivio progetti*/

.checkbox_filter.checkbox_filter.elementor-element.elementor-element-20e1579 .jet-checkboxes-list__button {
		    color: var(--e-global-color-text);
        background: transparent;

    position: relative;
    border: none;
    transition: all 300ms ease-in-out;
    transition-behavior: allow-discrete;
    interpolate-size: allow-keywords;
	
	&:is(:hover, :focus, :active){
	background: transparent;
    color: white;
	}
}

.checkbox_filter.elementor-element .jet-checkboxes-list__button::before{
		content: "";
		position: absolute;
		inset: 0;
		border-radius: 50px;
		z-index: -1;
	
		padding: 2px;
		background: linear-gradient(-90deg, var(--e-global-color-primary) 20%, var(--e-global-color-secondary) 100%);
		mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
		mask-composite: exclude;
	}

.checkbox_filter.elementor-element .jet-checkboxes-list__button:is(:hover,:focus, :active)::before{
		background: linear-gradient(-90deg, var(--e-global-color-primary) 20%, var(--e-global-color-secondary) 100%);
		mask: revert;
	}


 .checkbox_filter.checkbox_filter.elementor-element.elementor-element-20e1579 .jet-checkboxes-list__input:checked ~ .jet-checkboxes-list__button{
	 background-color:transparent;
	   color: white;
}

 .checkbox_filter.checkbox_filter.elementor-element.elementor-element-20e1579 .jet-checkboxes-list__input:checked ~ .jet-checkboxes-list__button::before {
	 	background: linear-gradient(-90deg, var(--e-global-color-primary) 20%, var(--e-global-color-secondary) 100%);
	 mask: revert;
}

.listing_progetti .jet-listing-grid__item{
	/*min-height: 535px;
    margin-top: -155px;*/
	min-height: 424px;
	padding-block: 0 !important;
    place-content: center;
}

.wrapper_mappa img {
    clip-path: polygon(0 0, 98% 0, 98% 96.4%, 0 96.4%);
}

.progetti_single{
	min-height: 361px;
	
	.wrapper_loghi {
		    overflow: clip;
			aspect-ratio: 1;
	}


		.term_ruolo {
			height:fit-content;
			overflow-y: visible;
			display: block;
			transition: all 300ms ease-in-out;
			transition-behavior: allow-discrete;
			interpolate-size: allow-keywords;
			/*min-height:84px;*/
		}

	&:is(:hover, :focus-visible, :active, :focus){
		background-color: var( --e-global-color-text );
		color: white;
		z-index: 1;

		.card-progetti__excerpt {
			height:fit-content;
			overflow-y: visible;
			display: block
		}

		.term_ruolo{
			height:0;
			overflow-y: clip;
			min-height:0px;
		}
	}
}

/*ARCHIVI*/

.title_progetti_europei .elementor-icon-list-items .elementor-icon-list-item:nth-of-type(1) .elementor-icon-list-text {
	 background-image: linear-gradient(-90deg, #4382f0 0%, var(--e-global-color-secondary) 90%);
    background-clip: text;
    color: transparent;
    text-box: auto;
    color: transparent;
}

.title_progetti_europei .elementor-icon-list-items .elementor-icon-list-item:nth-of-type(2) .elementor-icon-list-text {
	 background-image: linear-gradient(-90deg, var(--e-global-color-primary) 0%, #4382f0 100%);
    background-clip: text;
    color: transparent;
    text-box: auto;
    color: transparent;
}

.loop_news .elementor-loop-container {
	overflow:visible;
}

.content-progetti-europei {
	img{
		border-radius: 0 !important;
	}
}


.title_last_breadcrumb .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-text {
	background-image: linear-gradient(-90deg, var(--e-global-color-primary) 0%, var(--e-global-color-secondary) 90%);
    background-clip: text;
    color: transparent;
    text-box: auto;
    color: transparent;
}

.content-casi-studio{
	h1, h2, h3, h4, h5, h6 {
		color: var(--e-global-color-accent) !important;
	}
	img{
		border-radius: 0 !important;
	}
	
	a{
		color: var(--e-global-color-secondary) !important;
		text-decoration: underline;
	}
}




/*MENU - HEADER*/

.menu--principale{

	.elementor-item {
		border-radius: 80px;
		
		&:is(:hover, :focus, :active) {
			background: #ffffff26;
		}
	}
	.elementor-item.elementor-item-active{
		background: #ffffff26;
	}
	.elementor-item.elementor-item-active::after{
		content: none;
	}
	
	a.elementor-sub-item {
		border-radius:20px;
		margin: 10px;
	}
	
	
	.sub-arrow svg {
		background: linear-gradient(-90deg, var(--e-global-color-primary) 20%, var(--e-global-color-secondary) 100%);
		-webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'><path fill='white' d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/></svg>") no-repeat center / contain;
		mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'><path fill='white' d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/></svg>") no-repeat center / contain;
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		color: transparent;
		fill: transparent;
	}
	
	.menu--icon a{
		border: none !important;
	}
	
	.menu--soluzioni a::before{
		background-image: url("https://socialit.sviluppo.host/wp-content/uploads/2025/03/innovation.svg");
	}
	
	.menu--ricerca a::before{
		background-image: url("https://socialit.sviluppo.host/wp-content/uploads/2025/05/Europe-icon.svg");

	}
	.menu--consulenza a::before{
		background-image: url("https://socialit.sviluppo.host/wp-content/uploads/2025/03/up-graph.svg");
	}

	.menu--icon a::before {
		line-height: 0;
       	content: "";
        width: 2em;
		height: 2em;
        display: flex;
		background-position: bottom;
        background-repeat: no-repeat;
        background-size: contain;
        margin-right: 8px;
	}
}

.header_menu {
    position: absolute;
	width: 100% !important;
}


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

.elementor-102 .menu--principale.elementor-element.elementor-element-e6bf687 .elementor-nav-menu--dropdown {
    position: static;
    width: auto !important;
    background: transparent;
	margin-top: 20px;
	transform: scaleY(1) !important;
}
	
	.elementor-menu-toggle {
			transform: translateY(8px);
	}

.elementor-element.elementor-element-fe7d44d.e-con-full.e-grid.header--grid.e-con.e-child {
    grid-template-columns: 1fr 1fr;
	gap: 2rem;
    grid-template-rows: auto auto;
	height: 100%;
	align-items: start;
}

.elementor-element.elementor-element-72059c45.e-con-full.header--menu.e-flex.e-con.e-child {
    grid-column: 1 / -1;
    grid-row: 1 / -1;
}

.elementor-element.elementor-element-7e9996ac.e-con-full.header--logo.e-flex.e-con.e-child {
    grid-column: 1 / 2;
    grid-row: 1 / -1;
    justify-content: center;
	        z-index: 9999;
}


.elementor-element.elementor-element-e6bf687.elementor-nav-menu--stretch.elementor-nav-menu__align-end.elementor-nav-menu--dropdown-tablet_extra.menu--principale.elementor-nav-menu__text-align-center.elementor-nav-menu--toggle.elementor-nav-menu--burger.elementor-widget.elementor-widget-nav-menu {
    flex: 1 1 100%;
}

.elementor-element-72059c45:has(.elementor-menu-toggle.elementor-active)
  .elementor-element-443edab {
  display: block;
  }
	
	.elementor-102 .elementor-element.elementor-element-e6bf687 .elementor-nav-menu--dropdown a {
		color: var(--e-global-color-b738625);
	}
	
}

@media all and (max-width: 1024px) {
.elementor-element.elementor-element-7bf23706.elementor-widget.elementor-widget-theme-site-logo.elementor-widget-image a {
	transform: translateY(8px);
	}
}
:is(.single, .page-id-3299) .elementor-element.header--grid.header--grid {
    background: rgba(0, 23, 61, 0.80);
}



/*----------------------------Pulsanti card full links----------------------------*/
.btn_cta{
  background:transparent;
  position: relative;
  border: none;
	transition: all 300ms ease-in-out;
	transition-behavior: allow-discrete;
	interpolate-size: allow-keywords;
}

a .btn_cta::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50px; 
  background:linear-gradient(-90deg, var(--e-global-color-primary) 20%, var(--e-global-color-secondary) 100%);
  z-index: -1
}

a .btn_cta:hover p{
color: var( --e-global-color-text);
}

a:is(:focus, :active) .btn_cta p{
color: var( --e-global-color-text);
}
	
a .btn_cta:hover::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px; 
  background:linear-gradient(-90deg, var(--e-global-color-primary) 20%, var(--e-global-color-secondary) 100%);
  mask: 
    linear-gradient(#000 0 0) content-box, 
    linear-gradient(#000 0 0);
  mask-composite: exclude; 
}

a:is(:focus, :active) .btn_cta::before {
	  content: "";
  position: absolute;
  inset: 0;
  padding: 2px; 
  background:linear-gradient(-90deg, var(--e-global-color-primary) 20%, var(--e-global-color-secondary) 100%);
  mask: 
    linear-gradient(#000 0 0) content-box, 
    linear-gradient(#000 0 0);
  mask-composite: exclude; 
}