/**
 * INDICE
 * - stili di base
 * - stili dei bottoni
 * - stili del footer
 * - stili per i jumbotron
 * - stili per il banner cookie
 * - stili per font awesome
 * - stili per il numero verde
 * - utility tipografiche
 */

/* stili di base */

html, body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/* stili dei bottoni */

.btn {
    cursor: pointer;
}

/* stili del footer */

footer {
    margin-top: auto;
}

/* stili per i jumbotron */

.jumbotron {
    border-radius: 0px;
    margin: 0em;
}

/* stili per FontAwesome */

.font-awesome {
    font-family: FontAwesome;
}

/* stili per il banner cookie */

#cookie {
    bottom: 0px;
    min-height: 50vh;
    position: fixed;
}

/* stili per il numero verde */

div.numero-verde {
    border-radius: 10px;
    border-bottom-left-radius: 0px;
    border-left: 0px;
    display: inline-block;
    position: relative;
}

div.numero-verde p.etichetta {
    position: absolute;
    z-index: 50;
}

div.numero-verde div.telefono {
    display: inline-block;
    position: absolute;
    transform: rotate(45deg);
    z-index: 100;
}

/* utility tipografiche */

.elliptic {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hidden {
    display: none;
}

.monospace {
    font-family: monospace;
}

.nowrap, .no-wrap {
    white-space: nowrap;
}

.preserve-newlines {
    white-space: pre-line;
}

.toggler {
    cursor: pointer;
}

.underline {
    text-decoration: underline;
}

.vh-100 {
    min-height: 100vh;
}