/* =============================================================================
 * css/MI_sito_legacy.css - Stili STORICI che erano scritti dentro index.php
 * -----------------------------------------------------------------------------
 * Spostati qui senza cambiarli, perche' le pagine interne e il banner cookie
 * continuino a comportarsi come prima:
 *  - font TESLA del marchio;
 *  - finestra modale "fatta in casa" (#myModalCookies), caricata PRIMA di
 *    Bootstrap come in origine: dove le regole coincidono vince Bootstrap.
 * (Il blocco con type=“text/css” tra virgolette tipografiche non veniva
 * applicato dal browser e non e' stato riportato.)
 * ============================================================================= */

@font-face {
    font-family: 'TESLA';
    src: url('../fonts/TESLA.eot');
    src: url('../fonts/TESLA.eot?#iefix') format('embedded-opentype'),
         url('../fonts/TESLA.woff2') format('woff2'),
         url('../fonts/TESLA.woff') format('woff'),
         url('../fonts/TESLA.ttf') format('truetype'),
         url('../fonts/TESLA.svg#TESLA') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* The Modal (background) */
.modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}
.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}