/*
Theme Name: Child
Template: hello-elementor
Author: Perone Luigi
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 2.9.0.1700864701
Updated: 

*/

/* INIZIO COD SCROLLBAR */
::-webkit-scrollbar{
	width: 0.4vw;
	background: #edf2f4;
}

::-webkit-scrollbar-thumb{
	background: #0556A3;
	will-change: transform;
	transition: transform 350ms;
}

::-webkit-scrollbar-thumb:hover{
	background: #3c7cbd;
	transition: transform 1s;
}

/*Firefox Support*/
html{
	scrollbar-width: thin;
	scrollbar-color: #0556A3;
}
/* FINE COD SCROLLBAR */

/* INIZIO COD ICONA SCROLL TO TOP IN FOOTER */
#stt {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 20px;
    right: -100px;
    border-radius: 50%;
    padding: 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    line-height: 0;
    text-align: center;
    opacity: 0;
    transition: right 0.6s ease, opacity 0.6s ease, bottom 0.6s ease, background 0.6s ease;
    z-index: 1000;
}

#stt.mostra {
    right: 25px;
    opacity: 1;
}

#stt .elementor-icon {
    border: 1px solid #1E73BE;
}

#stt.mostra .elementor-icon {
    border: 1px solid #ffffff;
}

#stt i {
    background: transparent;
    color: inherit;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* TABLET */
    #stt {
        font-size: 1rem;
        bottom: 10px;
        right: -60px;
    }
    
    #stt.mostra {
        right: 20px;
        opacity: 1;
    }
}

@media only screen and (max-width: 767px) {
    #stt {
        font-size: 1rem;
        bottom: 10px;
        right: -30px;
    }
    
    #stt .elementor-icon {
        border: 1px solid #1E73BE;
        font-size: 1rem;
    }
    
    #stt.mostra {
        /*transform: translateX(-60px);*/
        right: 30px;
        opacity: 1;
    }
}
/* FINE COD ICONA SCROLL TO TOP IN FOOTER */
