/*
Theme Name: Tecnoprogress ~ INUP
Theme URI: https://tecnoprogress.net
Author: Francesco Nardelli
Author URI: https://tecnoprogress.net
Description: Tema per INUP
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: inup
*/

@import url("./assets/css/common.css");
@import url("./assets/css/fonts.css");
@import url("./assets/css/homepage.css");
@import url("./assets/css/particle.css");
@import url("./assets/css/header.css");
@import url("./assets/css/footer.css");
@import url("./assets/css/input.css");

/*@import url("./assets/css/variables.css");
@import url("./assets/css/header.css");
@import url("./assets/css/footer.css");
@import url("./assets/css/responsive.css");*/

html { margin-top:0 !important; scrollbar-width: none; font-size:20px; }
#wpadminbar { opacity:0.1; transition:0.2s ease all; transform:translateY(-50%); }
#wpadminbar:hover { opacity:0.9; transform:translateY(0%); }

/*body { font-size:20px; color:var(--colore-5); background-color:var(--colore-2); font-family:var(--font-family-2-light); letter-spacing:0.5px; }*/
body { font-family:'Gilroy'; }
p { margin-top:0; margin-bottom:0; }
a { color:inherit; text-decoration:inherit; }
*:has(> img) { line-height:0; }

h1, h2, h3, h4, h5, h6 { margin-top:0; margin-bottom:0; }

.button {
    padding:14px 45px;
    border-radius:25px;
    white-space:nowrap;
    transition:0.3s ease all;
}
.button.inup-bg {
    background-image:url('./assets/images/sfumatura.jpg');
    background-size: 120% 100%;
    background-position: center right;
    background-repeat: no-repeat;
}
.button:hover { cursor:pointer; }
.button.inup-bg:hover { background-position: center left; }

span.inup-bg {
    background-image:url('./assets/images/sfumatura.jpg');
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
}
span.inup-bg.white-bg { position:relative; }
span.inup-bg.white-bg:before { content:''; position:absolute; z-index:1; top:0; left:0; width:calc(100% + 12px); height:100%; background-color:white; border-radius:4px; transform:translate(-6px, 5px); }
span.inup-bg.white-bg .text {
    display:inline-block;
    position:relative; z-index:2;
    background-image:url('./assets/images/sfumatura.jpg');
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
}

@keyframes dash {
    from { stroke-dashoffset: 1 }
    to { stroke-dashoffset: 0 }
}

.tp-pulse {
    box-shadow: 0px 0px 0px 0px #FFFFFF;
    animation-name: pulseAnimation;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}
@keyframes pulseAnimation {
    0%, 50% { box-shadow: 0px 0px 0px 0px #FFFFFFCC; }
    100% { box-shadow: 0px 0px 0px 15px #FFFFFF00; }
}

.no-highlight {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

section.alt { position:relative; background-color:#1F1F21; color:white; }
section.alt + section.alt:before { content:''; width:100%; height:2px; position:absolute; top:-1px; left:0; background-color:#1F1F21; }

.embla { --slide-size: 100%; --slide-spacing: 0px; }
.embla__viewport { overflow: hidden; }
.embla__container { display: flex; touch-action: pan-y pinch-zoom; margin-left: calc(var(--slide-spacing) * -1); }
.embla__slide { flex: 0 0 var(--slide-size); min-width: 0; padding-left: var(--slide-spacing); }

.waves-container { line-height:0; }