.mapBlock { font-family: 'Open Sans Condensed', sans-serif; color: #FFF; background-image: linear-gradient(#111, #000); min-width: 8em; } .labelTop { padding: 0.1em; width: auto; min-height: 0; top: 0; left: auto; bottom: auto; color: #FFFFFF; background: #2200DE; background: rgba(33, 36, 39, 0.75); border-radius: 15px 15px 0 0; } /* gestione scroll testo */ .scroll-left { height: 1.5em; overflow: hidden; position: relative; width: 70%; white-space: nowrap; } .scroll-left span { /*display: inline-block;*/ position: absolute; width: 100%; height: 100%; margin: 0; line-height: 1.5em; /* Starting position */ -moz-transform: translateX(0%); -webkit-transform: translateX(0%); transform: translateX(0%); /* Apply animation to this element */ -moz-animation: scroll-left 8s ease infinite; -webkit-animation: scroll-left 8s ease infinite; animation: scroll-left 8s ease infinite; } /* Move it (define the animation) */ @keyframes scroll-left { 0% { transform: translateX(0%); } 30% { transform: translateX(0%); } 80% { transform: translateX(-50%); } } /* area semafori*/ .sVe { text-align: left; background: #198754; color: #fff; } .sGi { text-align: left; background: #ffc107; background: rgba(255, 220, 0, 0.6); color: #fff; } .sRo { text-align: left; background-color: #e2001a; background: rgba(240, 0, 10, 0.6); color: #fff; } .sBl { text-align: left; background: #3690FF; background: rgba(0, 80, 255, 0.6); color: #fff; } .sGr { text-align: left; background-color: #bcbcbc; background: rgba(180, 180, 180, 0.6); color: #fff; } /*end semafori */ .card-body { background-color: currentColor; background-image: linear-gradient(121deg, rgba(255, 255, 255, 0.2) -0.71%, rgba(255, 255, 255, 0.05) 97.66%); } .imgFitToSize { height: 11rem; object-fit: cover; } .pholderHeight { height: 6rem; object-fit: cover; } @media (max-width: 640.98px) { .imgFitToSize { height: 8rem; } .card-body { background-color: transparent; } .pholderHeight { height: 4rem; } }