@charset "UTF-8";

/*!
 * Kar-phi (https://kar-phi.com/)
 * Copyright 2022 Kar-Phi - Autore Emanuele Pinna
 * Licenza Kar-Phi
 */

:root {

    /* Color */
    --kpc-anthracite: #28282D;
    --kpc-cloud-dancer: #F0EEE9;
    --kpc-tourmaline: #86A1A9;
    --kpc-cornsilk: #EDC373;
    --kpc-eggshell-blue: #A3CCC9;
    --kpc-very-peri: #6667AB;
    --kpc-pink-plambe: #D3507A;
    --kpc-paradise-pink: #E4455E;
    --kpc-greenbriar: #4B9B69;

    --kpc-logo-gradient: linear-gradient(45deg, var(--kpc-cloud-dancer), var(--kpc-cornsilk), var(--kpc-pink-plambe), var(--kpc-very-peri), var(--kpc-greenbriar), var(--kpc-eggshell-blue), var(--kpc-cloud-dancer));
    --kpc-link-gradient: linear-gradient(45deg, var(--kpc-cornsilk), var(--kpc-pink-plambe));


    /* Font */
    --kp-font-sans: 'Poppins', sans-serif;
    --kp-font-serif: 'Playfair Display', serif;
}

body {
    font-family: var(--kp-font-sans) !important;
    font-size: 0.95rem !important;
    font-weight: 300 !important;
    line-height: 1.5 !important;
}

a {
    color: var(--kpc-cloud-dancer) !important;
    text-decoration: none !important;
}

a:hover {
    background: var(--kpc-link-gradient) !important;
    background-size: 150% !important;
    text-decoration: none !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.text-cloud-dancer {
    color: var(--kpc-cloud-dancer) !important;
}

.text-paradise-pink {
    color: var(--kpc-paradise-pink) !important;
}

.text-greenbriar {
    color: var(--kpc-greenbriar) !important;
}


.section-scroll {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    scroll-snap-align: start;
}

.container-scroll {
    width: 100%;
    height: 100%;
    scroll-snap-type: y mandatory;
    overflow-y: scroll;
    overflow-x: hidden;
}



/* PROVVISORIO (START) */

.color-1 {
    background: var(--kpc-cornsilk);
}
.color-2 {
    background: var(--kpc-pink-plambe);
}
.color-3 {
    background: var(--kpc-very-peri);
}
.color-4 {
    background: var(--kpc-eggshell-blue);
}

/* PROVVISORIO (END) */




/* NAVBAR (START) */

    .bg-anthracite {
        background-color: var(--kpc-anthracite) !important;
    }



    /* LOGO (START) */

    .svg-logo {
        -webkit-mask-size: cover;   
        mask-size: cover;
        -webkit-mask-image: url(logos/kar-phi-logo-11-4201-tcx.svg);
        mask-image: url(logos/kar-phi-logo-11-4201-tcx.svg);
        background-image: var(--kpc-logo-gradient);
        background-size: 5000%;
        animation: logo-animate 10s linear infinite;
        width: 75px;
        height: 75px;
        }

        .svg-logo:hover {
            background: var(--kpc-cloud-dancer) !important;
        }

        @keyframes logo-animate {
            from {
                background-position: 0%;
            }
            to {
                background-position: 100% 100%;
            }
        }

     /* LOGO (END) */



    /* BURGER (START) */

        /* Rimuove i bordi al burger */
        .navbar-toggler {
            border: 0 !important;
        }

        .navbar-toggler:focus,
        .navbar-toggler:active,
        .navbar-toggler-icon:focus {
            outline: none !important;
            box-shadow: none !important;
            border: 0 !important;
        }

        /* Burger */
        .toggler-icon{
            width: 30px;
            height: 3px;
            border-radius: 10px !important;
            background-color: var(--kpc-paradise-pink);
            display: block;
            transition: all 0.2s;
        }

        /* Colore burger */
        .navbar-toggler.collapsed .toggler-icon {
            background-color: var(--kpc-cloud-dancer);
        }

        /* Spazio tra le linee */
        .middle-bar{
            margin: 5px auto;
        }

        /* Barra di navigazione aperta (START) */
        .navbar-toggler .top-bar {
            transform: rotate(45deg);
            transform-origin: 10% 10%;
        }

        .navbar-toggler .middle-bar {
            opacity: 0;
            filter: alpha(opacity=0);
        }

        .navbar-toggler .bottom-bar {
            transform: rotate(-45deg);
            transform-origin: 10% 90%;
        }
        /* Barra di navigazione aperta (END) */

        /* Barra di navigazione chiusa (START) */
        .navbar-toggler.collapsed .top-bar {
            transform: rotate(0);
        }

        .navbar-toggler.collapsed .middle-bar {
            opacity: 1;
            filter: alpha(opacity=100);
        }

        .navbar-toggler.collapsed .bottom-bar {
            transform: rotate(0);
        }
        /* Barra di navigazione chiusa (END) */

    /* BURGER (END) */

/* NAVBAR (END) */



/* FOOTER (START) */

    .text-footer {
        color: rgba(240, 238, 233, .75) !important;
    }

    .text-footer a {
        color: rgba(240, 238, 233, .57) !important;
    }

    .border-footer-top {
        border-top: 0.5px solid rgba(240, 238, 233, .25) !important;
    }

    .border-footer-bottom {
        border-bottom: 0.5px solid rgba(240, 238, 233, .25) !important;
    }

    .footer-b-font {
        font-size: 0.85rem !important;
        font-weight: 200 !important;
    }
    

/* FOOTER (START) */