/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

html.avada-is-100-percent-template #main.width-100 {
    margin: 0px 0px 0px 0px!important;
}

html.avada-is-100-percent-template #main.width-100 .boxed-sfumature {
    margin: 0px 20px 0px 20px!important;
}
.fusion-text .sfumatura, .fusion-title-heading .sfumatura, .fusion-title-heading .sfumatura{
    background: linear-gradient(90deg, #18bc9b 9.7%, #36b2e0 19.22%, #a78bdb 30.22%, #fdb76e 58.74%, #f13537 90%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.awb-swiper:not(.swiper-fade) .swiper-wrapper{
    display: flex;
    align-content: stretch;
    align-items: stretch;

}

.fusion-content-boxes, .fusion-content-boxes .fusion-column{
    margin-bottom:0px!important;
}

.fusion-sticky-container.fusion-sticky-transition{
    border-bottom: solid 1px #e0e0e0;
}

.fusion-filters{
        justify-content: center!important;
        border-top:none;
        border-bottom:none;
}

.fusion-filters{
    background-color: #f6f6f6;
    padding: 20px!important;
    border-radius: 10px;
}

.fusion-filter{
    text-transform: uppercase;
    font-size: 14px;
}


#floating-container {
    right: 0;
    top: 0;
    margin-top: 260px;
    /*cursor: pointer;*/
    border: none;
    display: block;
    position: fixed;
    opacity: 1;
    z-index: 9998;
}
#floating-container .custom-floating-button a{
    color: #fff;
}
#floating-container .custom-floating-button{
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    right: 0px;
    background: #171616;
    padding: 6px;
    width: 43px;
    height: 43px;
    text-align: center;
    font-size: 17px;
    cursor: pointer;
    margin: 10px;
   border: solid 2px #ffffff47;
	border-radius: 50%;
}

#floating-container .custom-floating-button:hover{
    color: #222222;
    background: #f2f2f2;
    border: solid 2px #bbbbbb47;
}
#floating-container .custom-floating-button.second{
        margin-top: 62px;
    }
#floating-container .custom-floating-button.third{
        margin-top: 113px;
    }
#floating-container .custom-floating-button.fourty{
	
    margin-top: 178px;
    
}
@media (max-width: 1025px){
	#button-scopri-portfolio{
		font-size: 14px;
		padding: 10px 10px;
	}
	#titleportfoliopage{
		padding: 0px 20px;
	}
	#customtitleofprtfolioslider{
		font-size: 40px;
	}
	#wrapper > div.fusion-tb-footer.fusion-footer{
		margin-top: 40px;
	}
}
@media (max-width: 770px){
	#menu-sitemap-footer .menu-item.current_page_item a{
		background: unset!important;
	}
	#icone-footer-sem-wp-ps > div > div{
		justify-content: center;
	}
	#googlepartnerflexdisplay > div.fusion-column.content-box-column.content-box-column.content-box-column-1.col-lg-12.col-md-12.col-sm-12.fusion-content-box-hover.content-box-column-last.content-box-column-last-in-row > div{
		display: flex;
		justify-content: center;
	}
}
@media (max-width: 376px){
	#portfoliocaroselloadjustfont h3{
		font-size: 20px!important;
	}
}
.to-top-right #toTop{
	right: 15px!important;
}

html.avada-is-100-percent-template #main.width-100 {
	margin: 0px!important;
}

.fusion-text .sfumatura, .fusion-title-heading .sfumatura, .fusion-title-heading .sfumatura{
    background: linear-gradient(90deg, #18bc9b 9.7%, #36b2e0 19.22%, #a78bdb 30.22%, #fdb76e 58.74%, #f13537 90%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.sfumatura{
	    background: linear-gradient(90deg, #18bc9b 9.7%, #36b2e0 19.22%, #a78bdb 30.22%, #fdb76e 58.74%, #f13537 90%);
	background-clip: text;
	-webkit-text-fill-color: transparent;
}


/* =========================
   SFUMATURE CURSOR
   ========================= */

.ai-cursor-zone,
.ai-cursor-zone *{
    cursor:none !important;
}

/* =========================
   DOT CON GRADIENTE
   ========================= */

.ai-cursor-dot{

    position:fixed;
    width:8px;
    height:8px;

    border-radius:50%;

    pointer-events:none;

    z-index:999999;

    transform:translate(-50%,-50%);

    /* gradiente brand */
    background:linear-gradient(
        135deg,
        #7A5CFF,
        #00D4FF,
        #FF4FD8
    );

    box-shadow:
        0 0 10px rgba(0,212,255,0.35),
        0 0 18px rgba(122,92,255,0.25);

    mix-blend-mode:normal;

}

/* =========================
   RING SFUMATURE
   ========================= */

.ai-cursor-ring{

    position:fixed;
    width:42px;
    height:42px;

    border-radius:50%;

    pointer-events:none;

    z-index:999998;

    transform:translate(-50%,-50%);

    background:
        conic-gradient(
            from 180deg,
            #7A5CFF,
            #00D4FF,
            #FF4FD8,
            #7A5CFF
        );

    -webkit-mask:
        radial-gradient(circle, transparent 56%, black 57%);
    mask:
        radial-gradient(circle, transparent 56%, black 57%);

    opacity:0.9;

    transition:
        width .22s ease,
        height .22s ease,
        transform .15s ease,
        opacity .2s ease;

}

/* HOVER (pił energia) */
.ai-cursor-ring.hover{

    width:66px;
    height:66px;

    opacity:1;

    animation: sfumaturePulse 1.2s ease-in-out infinite;

}

/* CLICK */
.ai-cursor-ring.click{

    transform:translate(-50%,-50%) scale(0.85);

}

/* =========================
   ANIMAZIONE HOVER
   ========================= */

@keyframes sfumaturePulse{

    0%{
        transform:translate(-50%,-50%) scale(1);
        filter:blur(0px);
    }

    50%{
        transform:translate(-50%,-50%) scale(1.08);
        filter:blur(0.3px);
    }

    100%{
        transform:translate(-50%,-50%) scale(1);
        filter:blur(0px);
    }

}

/* MOBILE OFF */
@media(max-width:1024px){

    .ai-cursor-dot,
    .ai-cursor-ring{
        display:none;
    }

    .ai-cursor-zone,
    .ai-cursor-zone *{
        cursor:auto !important;
    }

}


.fusion-text .sfumatura-ai, .fusion-title-heading .sfumatura-ai, .fusion-title-heading .sfumatura-ai {
    background: linear-gradient(90deg, rgb(145 3 255) 0%, rgb(36 3 136) 50%, rgb(10 43 254) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@media only screen and (max-width: 470px) {
    .titolo-pagine-mobile.ai-titolo.fusion-title h1 {
        font-size: 38px !important;
    }
    
    .immagine-titolo-ai img{
            width: 50px;
    }
}

@media (max-width: 770px){

	#icone-footer-sem-wp-ps > div > div> div > div{
		justify-content: center;
	}
	
	#icone-footer-prima-col > div{
	    justify-content: center;
	}
	
}

#slider-home-loghi .awb-swiper .fusion-image-wrapper img{

    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    transition: filter 0.3s ease; 
}

#slider-home-loghi .awb-swiper .fusion-image-wrapper img:hover{
filter: saturate(100%);
}

#slider-home-loghi .awb-swiper .fusion-image-wrapper{
	border:none;
	background-color:#f9f9f9;
	border-radius:10px;
	padding:30px;
	
}

#slider-home-loghi .awb-swiper-button.awb-swiper-button-prev, #slider-home-loghi .awb-swiper-button.awb-swiper-button-next {
color: #000000;
    background-color: #22222217;
    border-radius: 30px!important;
}

.bottone-ai-home i {
	margin-left:2px!important;
	font-size:20px;
}

.ai-voce-menu a .menu-text.fusion-button.button-default.button-small{
	font-size:14px;
	background: #004AA0;
background: radial-gradient(circle, rgb(0 88 190) 0%, rgb(124 0 232) 100%);
    border: solid 2px #ffffff8f;
}

.ai-voce-menu a .menu-text.fusion-button.button-default.button-small:after{
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-left: 4px;
	vertical-align: middle;
	background: currentColor;
	mask: url("http://portfolio.sfumature.agency/wp-content/uploads/2026/07/ai-sfumature-2.png") center / contain no-repeat;
}

.ai-voce-menu a .menu-text.fusion-button.button-default.button-small:hover{
	background-color: #7200c9 !important;
	background: radial-gradient(circle, #7200c9 0%, #7200c9 100%)!important;
}

.awb-menu.collapse-enabled .ai-voce-menu-mobile.menu-item.menu-item-type-post_type a{
	background: #004AA0;
background: radial-gradient(circle,rgba(0, 74, 160, 1) 0%, rgba(72, 0, 135, 1) 100%)!important;
font-weight:500;
font-size:15px;
color: #fff !important;
}

.awb-menu.collapse-enabled .ai-voce-menu-mobile.menu-item.menu-item-type-post_type a:after{
content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 4px;
    vertical-align: middle;
    background: #fff;
    mask: url("http://portfolio.sfumature.agency/wp-content/uploads/2026/07/ai-sfumature-2.png") center / contain no-repeat;
}

.awb-menu.collapse-enabled .ai-voce-menu-mobile.menu-item.menu-item-type-post_type .awb-menu__sub-ul.awb-menu__sub-ul_main a:after{
	content:none;
	mask:none;
}

#floating-container .custom-floating-button.first.ai-floating{
	background: #004AA0;
background: radial-gradient(circle, rgb(0 88 190) 0%, rgb(124 0 232) 100%);
	font-weight:500;
}

#floating-container .custom-floating-button.first.ai-floating a{
	font-size: 16px;
}

#floating-container .custom-floating-button.first.ai-floating:hover{
	background: radial-gradient(circle, #7200c9 0%, #7200c9 100%);

}

#floating-container .custom-floating-button.first.ai-floating:hover a{
	color:#fff;
}

.ai-voce-footer .menu-text {
    background: linear-gradient(90deg, rgb(145 3 255) 0%, rgb(36 3 136) 50%, rgb(10 43 254) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
}

.stelle-ai a:after{
content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 4px;
    vertical-align: middle;
    background: currentColor;
    mask: url("http://portfolio.sfumature.agency/wp-content/uploads/2026/07/ai-sfumature-2.png") center / contain no-repeat;
}

.ai-voce-footer a:after{
content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 4px;
    vertical-align: middle;
    background: #131fda;
    mask: url("http://portfolio.sfumature.agency/wp-content/uploads/2026/07/ai-sfumature-2.png") center / contain no-repeat;
}

.footer-ai .fusion-text a:hover{
	color:#7200c9!important;
}

@media (max-width: 600px){
    .awb-circles-info .awb-circles-info-wrapper .awb-circles-info-content-wrapper .awb-circles-info-title{
        font-size:16px!important;
    }
}