.elementor-kit-26{--e-global-color-primary:#FC3637;--e-global-color-secondary:#DAD5CF;--e-global-color-text:#1E1E1E;--e-global-color-accent:#FF0708;--e-global-color-5d40993:#FC5656;--e-global-typography-d8c87ec-font-family:"STD22 Macho Moustache Regular";--e-global-typography-d8c87ec-font-size:clamp(2.027rem, 1.6144rem + 1.8338vw, 3.815rem);--e-global-typography-d8c87ec-letter-spacing:-1px;--e-global-typography-a759315-font-family:"STD22 Macho Moustache Regular";--e-global-typography-a759315-font-size:clamp(1.802rem, 1.5135rem + 1.2821vw, 3.052rem);--e-global-typography-a759315-letter-spacing:-1px;--e-global-typography-e3cfaef-font-family:"STD22 Macho Moustache Regular";--e-global-typography-e3cfaef-font-size:clamp(1.602rem, 1.4084rem + 0.8605vw, 2.441rem);--e-global-typography-e3cfaef-letter-spacing:-1px;--e-global-typography-06b7148-font-family:"STD22 Macho Moustache Regular";--e-global-typography-06b7148-font-size:clamp(1.424rem, 1.3019rem + 0.5426vw, 1.953rem);--e-global-typography-06b7148-letter-spacing:-1px;--e-global-typography-dda56b7-font-family:"STD22 Macho Moustache Regular";--e-global-typography-dda56b7-font-size:clamp(1.266rem, 1.1975rem + 0.3046vw, 1.563rem);--e-global-typography-dda56b7-letter-spacing:-1px;--e-global-typography-190af22-font-family:"STD22 Macho Moustache Regular";--e-global-typography-190af22-font-size:clamp(1.125rem, 1.0962rem + 0.1282vw, 1.25rem);--e-global-typography-190af22-letter-spacing:-1px;--e-global-typography-a102766-font-family:"STD22 Macho Moustache Regular";--e-global-typography-a102766-font-size:1rem;--e-global-typography-a102766-letter-spacing:-1px;--e-global-typography-a06eaec-font-family:"STD22 Macho Moustache Regular";--e-global-typography-a06eaec-font-size:1rem;--e-global-typography-a06eaec-font-weight:700;--e-global-typography-a06eaec-letter-spacing:-1px;--e-global-typography-e5ff9f1-font-family:"STD22 Macho Moustache Regular";--e-global-typography-e5ff9f1-font-size:1.125rem;--e-global-typography-e5ff9f1-letter-spacing:-1px;--e-global-typography-4207ebf-font-family:"STD22 Macho Moustache Regular";--e-global-typography-4207ebf-font-size:0.875rem;--e-global-typography-4207ebf-letter-spacing:-1px;background-color:#0B0B0B;font-family:"STD22 Macho Moustache Regular", Sans-serif;font-size:1.3rem;font-weight:400;line-height:1.3rem;--e-page-transition-entrance-animation:e-page-transition-slide-out-down;--e-page-transition-exit-animation:e-page-transition-slide-in-up;--e-page-transition-animation-duration:1500ms;}.site-header{background-color:var( --e-global-color-secondary );}.site-footer{background-color:var( --e-global-color-secondary );}.elementor-kit-26 a{color:var( --e-global-color-primary );}.elementor-kit-26 a:hover{color:var( --e-global-color-5d40993 );}.elementor-kit-26 h1{font-family:var( --e-global-typography-d8c87ec-font-family ), Sans-serif;font-size:var( --e-global-typography-d8c87ec-font-size );letter-spacing:var( --e-global-typography-d8c87ec-letter-spacing );}.elementor-kit-26 h2{font-family:var( --e-global-typography-a759315-font-family ), Sans-serif;font-size:var( --e-global-typography-a759315-font-size );letter-spacing:var( --e-global-typography-a759315-letter-spacing );}.elementor-kit-26 h3{font-family:var( --e-global-typography-e3cfaef-font-family ), Sans-serif;font-size:var( --e-global-typography-e3cfaef-font-size );letter-spacing:var( --e-global-typography-e3cfaef-letter-spacing );}.elementor-kit-26 h4{font-family:var( --e-global-typography-06b7148-font-family ), Sans-serif;font-size:var( --e-global-typography-06b7148-font-size );letter-spacing:var( --e-global-typography-06b7148-letter-spacing );}.elementor-kit-26 h5{font-family:var( --e-global-typography-dda56b7-font-family ), Sans-serif;font-size:var( --e-global-typography-dda56b7-font-size );letter-spacing:var( --e-global-typography-dda56b7-letter-spacing );}.elementor-kit-26 h6{font-family:var( --e-global-typography-190af22-font-family ), Sans-serif;font-size:var( --e-global-typography-190af22-font-size );letter-spacing:var( --e-global-typography-190af22-letter-spacing );}.elementor-kit-26 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-26 textarea:focus,.elementor-kit-26 .elementor-field-textual:focus{box-shadow:0px 1px 5px -2px #1E1E1E inset;}.elementor-kit-26 input:not([type="button"]):not([type="submit"]),.elementor-kit-26 textarea,.elementor-kit-26 .elementor-field-textual{transition:0ms;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1920px;}.e-con{--container-max-width:1920px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .header-inner{width:1280px;max-width:100%;}.site-header .site-navigation ul.menu li a{color:var( --e-global-color-primary );}.site-header .site-navigation .menu li{font-family:"Roboto", Sans-serif;font-weight:700;text-transform:uppercase;word-spacing:0px;}.site-footer .footer-inner{width:1280px;max-width:100%;}.site-footer .site-title{font-family:"Roboto", Sans-serif;font-weight:600;}.site-footer .site-title a{color:var( --e-global-color-primary );}@media(max-width:1200px){.elementor-kit-26{font-size:1rem;line-height:1.15rem;}}@media(max-width:1024px){.elementor-kit-26{font-size:1rem;line-height:1.15rem;}.elementor-kit-26 h1{font-size:var( --e-global-typography-d8c87ec-font-size );letter-spacing:var( --e-global-typography-d8c87ec-letter-spacing );}.elementor-kit-26 h2{font-size:var( --e-global-typography-a759315-font-size );letter-spacing:var( --e-global-typography-a759315-letter-spacing );}.elementor-kit-26 h3{font-size:var( --e-global-typography-e3cfaef-font-size );letter-spacing:var( --e-global-typography-e3cfaef-letter-spacing );}.elementor-kit-26 h4{font-size:var( --e-global-typography-06b7148-font-size );letter-spacing:var( --e-global-typography-06b7148-letter-spacing );}.elementor-kit-26 h5{font-size:var( --e-global-typography-dda56b7-font-size );letter-spacing:var( --e-global-typography-dda56b7-letter-spacing );}.elementor-kit-26 h6{font-size:var( --e-global-typography-190af22-font-size );letter-spacing:var( --e-global-typography-190af22-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:880px){.elementor-kit-26{font-size:0.95rem;line-height:1.15rem;}}@media(max-width:767px){.elementor-kit-26{font-size:0.95rem;line-height:1.2rem;}.elementor-kit-26 h1{font-size:var( --e-global-typography-d8c87ec-font-size );letter-spacing:var( --e-global-typography-d8c87ec-letter-spacing );}.elementor-kit-26 h2{font-size:var( --e-global-typography-a759315-font-size );letter-spacing:var( --e-global-typography-a759315-letter-spacing );}.elementor-kit-26 h3{font-size:var( --e-global-typography-e3cfaef-font-size );letter-spacing:var( --e-global-typography-e3cfaef-letter-spacing );}.elementor-kit-26 h4{font-size:var( --e-global-typography-06b7148-font-size );letter-spacing:var( --e-global-typography-06b7148-letter-spacing );}.elementor-kit-26 h5{font-size:var( --e-global-typography-dda56b7-font-size );letter-spacing:var( --e-global-typography-dda56b7-letter-spacing );}.elementor-kit-26 h6{font-size:var( --e-global-typography-190af22-font-size );letter-spacing:var( --e-global-typography-190af22-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* 
CSS for icon mouse scroll top right header
*/

.scroll-mouse {
  width: 8px;
  padding: 4px 6px;
  height: 22px;
  border: 2px solid #fc3636;
  border-radius: 25px;
  opacity: 0.75;
  box-sizing: content-box;
}
.scroll-scroller {
  margin: 0 auto;
  width: 2px;
  height: 8px;
  border-radius: 25%;
  background-color: #fc3636;
  animation-name: scroll;
  animation-duration: 1.5s;
  animation-timing-function: cubic-bezier(.15,.41,.69,.94);
  animation-iteration-count: infinite;
}

@keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(5px); opacity: 0;}
}

/* 
Arrow animation for links hovering on container div
*/
 
.arrow-animation .elementor-button-icon{
     transform: rotate(0);
     -ms-transform: rotate(0);
-webkit-transform: rotate(0);
     transition: all .2s;
 }
.arrow-animation:hover .elementor-button-icon{
    transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
-webkit-transform: rotate(-40deg);
    transition: all .8s;
}

/*
Hero image animation glitch
*/

.glitch:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(https://www.alessiobracalente.it/wp-content/uploads/2025/06/about-me-BACKLAYER.avif);
    background-size: cover; /* contain for split effect */
    opacity: .2;
    mix-blend-mode: hard-light;
    z-index: 1;
     -webkit-animation: glitch 3s linear infinite;
    -moz-animation: glitch 3s linear infinite;
    -ms-animation: glitch 3s linear infinite;
    -o-animation: glitch 3s linear infinite;
    animation: glitch 3s linear infinite;
    animation-delay: 2s
}

@keyframes glitch {
	
	0%
	{
		background-position: 0 0;
	}
	10%
	{
		background-position: 15px 0;
	}
	15%
	{
		background-position: -7px 0;
	}
    25%
	{
		background-position: 4px 0;
	}
    30%
	{
		background-position: -10px 0;
	}
	35%
	{
		background-position: 1px 0;
	}
    40%
	{
		background-position: 5px 0;
	}
    45%
	{
		background-position: 15px 0;
	}
	50%
	{
	    background-position: -5px 0;
	}
	55%
	{
		background-position: -15px 0;
	}
	100%
	{
	    background-position: 0 0;
	}
}

/*styles for the swiper in work projects (video, graphics, photos) and bottom element that shows the project name and client*/

.swiper {
    overflow: visible  !important;
}

.elementor-carousel-image-overlay.e-overlay-animation-slide-up {
    transform: translateY(0) !important;
 }

.elementor-carousel-image-overlay {
    background-color: rgba(0, 0, 0, 0.8)  !important;
    bottom: 0  !important;
    padding: 0  !important;
    top: unset  !important;
    height: 4vh  !important;
}

@media (max-width: 766px) {
    .elementor-carousel-image-overlay {
        height: 3vh  !important;
    }
}


/*Project slideshow arrows position and change svg associated with it (rather than original chevron) with the same animation of the other arrows*/

.elementor-swiper-button-prev,
.elementor-swiper-button-next {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 4rem;
    height: 4rem;
    top: 45% !important;
}

.elementor-element .swiper .elementor-swiper-button-prev {
	left: -2% !important;
}

.elementor-element .swiper .elementor-swiper-button-next {
	right: -1.8% !important;
}

@media (max-width: 1200px) {
    .elementor-element .swiper .elementor-swiper-button-prev, .elementor-element .swiper .elementor-swiper-button-next  {
	display:none !important;
}
}

.elementor-swiper-button-prev svg,
.elementor-swiper-button-next svg {
    display: none;
}

 .elementor-swiper-button-prev {
    background-image: url('https://www.alessiobracalente.it/wp-content/uploads/2025/04/freccia_2.svg');
    transform: rotate(90deg) !important;
    transition: transform 0.2s ease;
}

.elementor-swiper-button-prev:hover {
        transform: rotate(140deg) !important;
    transition: transform 0.8s ease;
}

.elementor-swiper-button-next {
    background-image: url('https://www.alessiobracalente.it/wp-content/uploads/2025/04/freccia_2.svg');
 transform: rotate(0deg) !important;
    transition: transform 0.2s ease;
}

.elementor-swiper-button-next:hover {
        transform: rotate(-40deg) !important;
    transition: transform 0.8s ease;
}

/* Remove arrows after lightbox has initialized, we don't need them */

.elementor-lightbox .swiper .elementor-swiper-button-prev, .elementor-lightbox .swiper .elementor-swiper-button-next {
    display: none !important;
}

/*make overflow visible on header menu for every page only on mobile*/

@media (max-width: 767px) {
.elementor-530 .elementor-element.elementor-element-8c0ee5a, .elementor-2492 .elementor-element.elementor-element-369ee8a4, .elementor-1124 .elementor-element.elementor-element-75d09719 {
	overflow: visible;
}
}

/*Custom css to show the std22 logo on page transitions rather than using pre-loader*/

.e-page-transition {
  background-color: #fff;
  background-image: url('https://www.alessiobracalente.it/wp-content/uploads/2025/04/logo-std22_2.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 150px auto;
}


/*Custom logo addition on page transition rather than the simple color background provided by Elementor*/

e-page-transition {
  position: fixed;
  inset: 0;
  display: grid;
  place-items: center;
  background: #fff;
  z-index: 10000;
}

.custom-page-transition-logo {
  max-width: 300px;
  width: 40vw;
  height: auto;
  pointer-events: none;
  user-select: none;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'STD22 Macho Moustache Regular';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.alessiobracalente.it/wp-content/uploads/2025/04/Macho-Moustache-Regular.eot');
	src: url('https://www.alessiobracalente.it/wp-content/uploads/2025/04/Macho-Moustache-Regular.eot?#iefix') format('embedded-opentype'),
		url('https://www.alessiobracalente.it/wp-content/uploads/2025/04/Macho-Moustache-Regular.woff2') format('woff2'),
		url('https://www.alessiobracalente.it/wp-content/uploads/2025/04/Macho-Moustache-Regular.woff') format('woff'),
		url('https://www.alessiobracalente.it/wp-content/uploads/2025/04/Macho-Moustache-Regular.ttf') format('truetype'),
		url('https://www.alessiobracalente.it/wp-content/uploads/2025/04/Macho-Moustache-Regular.svg#STD22MachoMoustacheRegular') format('svg');
}
/* End Custom Fonts CSS */