.elementor-kit-11{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#000000;--e-global-color-accent:#FF6A41;--e-global-color-b7b9e38:#AF3800;--e-global-color-49faf47:#FFFFFF78;--e-global-color-c135c71:#DB4C40;--e-global-color-8babe8a:#31313182;--e-global-typography-primary-font-family:"Neue Montreal";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Neue Montreal";--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"neue-montreal";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"neue-montreal";--e-global-typography-accent-font-weight:500;--e-global-typography-cd70715-font-family:"neue-montreal";background-color:#000000;overscroll-behavior:none;--e-page-transition-entrance-animation:e-page-transition-fade-out;--e-page-transition-exit-animation:e-page-transition-fade-in;--e-page-transition-animation-duration:1000ms;--e-preloader-animation-duration:1000ms;--e-preloader-delay:0ms;--e-preloader-color:#FFF;--e-preloader-size:20px;}.elementor-kit-11 e-page-transition{background-color:#000000;}.elementor-kit-11 h1{color:var( --e-global-color-primary );}.elementor-kit-11 h2{color:var( --e-global-color-primary );}.elementor-kit-11 h3{color:var( --e-global-color-primary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* UTILS */
.black-white{
    filter: grayscale(100%);
}

.blur-bg{
    filter: blur(10px) !important;

}

.dark-bg{
    filter: brightness(50%) !important;
}

.vert-title{
    white-space: nowrap !important; 
}





/* Nasconde la scrollbar su Webkit (Chrome, Safari, Edge) */
::-webkit-scrollbar {
    display: none !important;
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: transparent;
}



/* Nasconde la scrollbar su Firefox */
html{
    scrollbar-width: none !important;
    overflow-x: hidden !important;
}


/********** INTERNO PROGETTO *********/
.fixed-bg {
  -webkit-filter: blur(0px); 
  filter: blur(0px);         /* Stato iniziale: niente sfocatura */
  will-change: filter;       /* Ottimizzazione performance durante il blur */
}


.elementor-button-content-wrapper{
    gap: 0;
}

.home-btn-proj{
    a{
        display: flex;
        justify-content: center;
        align-items: center;
        transition: background-color .3s ease, padding .5s ease !important;
        &:hover{
            padding-top: 55px !important;
        }
    }
}


/* LINK PROJECTS */
    
    .proj-name,
    .out-name-reverse{
        h1{
            margin: 0;
        }
    }

     .btn-next-projs{
         border-top-left-radius: 5px;
         border-top-right-radius: 5px;
         i{
             margin-left: 5px;
         }
         &:hover{
             i{
                transform: translateX(5px);
            }
         }
     }
      .btn-back-projs{
          i{
             margin-right: 5px;
         }
          &:hover{
             i{
                transform: translateX(-5px);
            }
         }
     }
     
    .btn-home-container{
        display: flex;
        width: 100%;
        justify-content: flex-end;
    }
    .btn-next-container{
                display: flex;
        width: 100%;
        justify-content: flex-start;
    }
    
    
    .btn-next-projs,
    .btn-back-projs{
        display: flex;
        width: 150px;
        height: 70px !important;
        text-align: center;
        justify-content: center;
        margin: 0;
        transition: height .2s;
        i{
            transition: transform .3s;
        }
        
        a{
            display: flex !important;
            align-items: center;
            justify-content: center;
            font-size: 1rem;
            color: white !important;
            width: 100%;
            height: 100%;
            text-decoration: none !important;
        }
    }




.proj-btn-container,
.out-btn-container{
    h6{
        cursor: default;
        color: white !important;
        padding-bottom: 8px;
        position: relative !important;
        border-bottom: 1px solid rgba(255,255,255,.3);
    }
    h6::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: white;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease-in-out;
    }
    
    h6:hover::after,
    h6.visited h6::after{
        transform: scaleX(1); 
    }
    
    h6:not(:hover)::after {
        transform-origin: right;
    }
}



/* FORM CANDIDATURA */
.form-candidatura{
    input:focus:not(input[type="file"]){
        border-bottom: 1px solid rgba(255,255,255,.35) !important;
    }
}


.footer,
header,
.menu,
.liste-contatti{
    h6{
        font-weight: bold !important;
        a{
            font-family: 'Teko', 'Open Sans Condensed', sans-serif !important;
            font-weight: 400 !important;
            text-decoration: none;
            color: white;
        }
        
    }
    a{
        position: relative !important;
    }

    a::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background: white;
        transform: scaleX(0);
        transform-origin: left;
        transition: transform 0.3s ease-in-out;
    }
    
    a:hover::after,
    a.visited a::after{
        transform: scaleX(1); 
    }
    
    a:not(:hover)::after {
        transform-origin: right;
    }
    .close-popup-icon{
        a{
            &::after{
                height: 0;
            }
        }
    }
}


/* BTN ICON SVG */
 /* BTN SVG  */

.btn-svg,
.email-form-footer{
    &:hover svg{
        transform: translateX(5px);
    }
    svg{
        transition: transform .2s;
        position: relative !important;
    }
}



/* BTN FLAIR ANIMATION */

.button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.9rem 1.6rem;
  font-size: 1.2rem;
  font-weight: 600;
  color: white;
  background: transparent;
  border: 1px solid white;
  border-radius: 5px;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  transition: color 0.3s ease;
  margin: 2rem 0;
}

.button__label {
  position: relative;
  z-index: 2;
  color: white;
  transition: color 0.3s ease;
}

.button:hover .button__label {
  color: black;
}

.button__flair {
  position: absolute;
  inset: 0;
  z-index: 1;
  transform: scale(0);
  transform-origin: center;
  pointer-events: none;
}

.button__flair::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200%;
  aspect-ratio: 1 / 1;
  background-color: white;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}



/*******************
****** MOBILE ******
*******************/
@media only screen and (max-width: 768px){
/********** INTERNO PROGETTO *********/
    /* TITOLO PROGETTO */
    .proj-name{
        font-size: 1.8em !important;
    }


    /* LINK PROJECTS */
     .btn-next-projs{
         border-top-left-radius: initial;
         border-top-right-radius: initial;
         i{
             margin-left: 5px;
         }
     }
      .btn-back-projs{
         border-bottom-left-radius: initial;
         border-bottom-right-radius: initial;
     }
     
     
    .btn-home-container a{
        padding-right: 20px !important;
    }
    .btn-next-container a{
        padding-left: 20px !important;
    }
    
    .btn-next-projs,
    .btn-back-projs{
        height: 40px;
        width: 100%;
        &:hover{
            height: 40px;
        }
        a{
            justify-content: center;
        }        
    }
}




@media only screen and (max-width: 1024px){
    .proj-name,
    .out-name-reverse{
        font-size: 2.5em !important;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Neue Montreal';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://gracepartners.it/wp-content/uploads/2025/04/NeueMontreal-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Neue Montreal';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://gracepartners.it/wp-content/uploads/2025/04/NeueMontreal-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Neue Montreal';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://gracepartners.it/wp-content/uploads/2025/04/NeueMontreal-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Neue Montreal';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://gracepartners.it/wp-content/uploads/2025/04/NeueMontreal-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Neue Montreal';
	font-style: italic;
	font-weight: 400;
	font-display: auto;
	src: url('https://gracepartners.it/wp-content/uploads/2025/04/NeueMontreal-Italic.ttf') format('truetype');
}
/* End Custom Fonts CSS */