body {

    font-family: 'Georgia', serif !important;



}



h1,

h2,

h3,

h4,

h5 {

    font-family: 'Verdana', serif !important;

}



.logo {

    max-width: 100px;

    /* L'immagine non supererà mai il 100% della larghezza del contenitore */

    height: 100px;

    /* Mantiene le proporzioni dell'immagine */

    margin-left: 100px;

}



.underline-link {

    position: relative;

    color: #ab274f;

    text-decoration: none;

    font-size: 20px;

}



.underline-link::after {

    content: '';

    position: absolute;

    left: 0;

    bottom: -5px;

    /* Posiziona la sottolineatura sotto il testo */

    height: 2px;

    /* Altezza della sottolineatura */

    width: 100%;

    background-color: #ab274f;

    /* Colore della sottolineatura */

    transform: scaleX(0);

    /* Inizialmente non visibile */

    transition: transform 0.3s ease;

    /* Transizione per l'effetto */

}



.underline-link:hover::after {

    transform: scaleX(1);

    /* Mostra la sottolineatura al passaggio del mouse */

}



@import "color-schemer";

@import "compass";

@import "breakpoint";

@import "susy";







.animated-button {

    left: 50%;

    top: 50%;

    transform: translateX(-50%) translateY(-50%);

    float: right;

    background: #fff;

    width: 100px;

    padding: 20px 20px;

    text-decoration: none;

    border: 5px solid #ab274f;

    color: #ab274f;

    font-weight: bold;

    text-transform: uppercase;

    text-align: center;



    z-index: 2;



    &:after,

    &:before {

        position: absolute;

        width: 100%;

        max-width: 100%;

        top: 100%;

        left: 0;

        bottom: -10px;

        content: '';

        z-index: 1;

    }



    &:before {

        background: #ab274f;

        top: 10px;

        left: -15px;

        height: 100%;

        width: 15px;

    }



    &:after {

        width: 100%;

        background: #ab274f;

        right: 0px;

        left: -15px;

        height: 15px;

    }



    &:hover {

        background: #ab274f;

        color: #fff;

        margin-left: -7.5px;

        margin-bottom: -7.5px;



        &:after,

        &:before {

            top: 100%;

            left: 0;

            bottom: 0px;

        }



        &:before {

            top: 0px;

            left: 0px;

            width: 0px;

        }



        &:after {

            right: 0px;

            left: 0px;

            height: 0px;

        }



    }

}



@media (max-width: 768px) {

    .animated-button {

        display: none;

        /* Nascondi il pulsante */

    }



    .logo {

        padding: auto;

        margin-left: 0;



    }

}



.dropdown:hover>.dropdown-menu {

    display: block;

}



.dropdown>.dropdown-toggle:active {

    pointer-events: none;

    /* Evita che il menu rimanga aperto dopo un clic */

}