.mapBlock { font-family: 'Open Sans Condensed', sans-serif; color: #FFF; background-image: linear-gradient(#111, #000); min-width: 8em; } .text-sizer { font-size: 1.1rem; } .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 */ /* shadow customizzate */ /* Custom shadow class definitions */ .shadow { --bs-shadow-rgb: 0, 0, 0; box-shadow: 0 0.5rem 1rem rgba(var(--bs-shadow-rgb), 0.15) !important; } .shadow-sm { --bs-shadow-rgb: 0, 0, 0; box-shadow: 0 0.125rem 0.25rem rgba(var(--bs-shadow-rgb), 0.075) !important; } .shadow-lg { --bs-shadow-rgb: 0, 0, 0; box-shadow: 0 1rem 3rem rgba(var(--bs-shadow-rgb), 0.175) !important; } .shadow-none { box-shadow: none !important; } /* Custom shadow classes with specific colors */ .shadow-primary { --bs-shadow-rgb: var(--bs-primary-rgb); } .shadow-secondary { --bs-shadow-rgb: var(--bs-secondary-rgb); } .shadow-success { --bs-shadow-rgb: var(--bs-success-rgb); } .shadow-info { --bs-shadow-rgb: var(--bs-info-rgb); } .shadow-warning { --bs-shadow-rgb: var(--bs-warning-rgb); } .shadow-danger { --bs-shadow-rgb: var(--bs-danger-rgb); } .shadow-light { --bs-shadow-rgb: var(--bs-light-rgb); } .shadow-dark { --bs-shadow-rgb: var(--bs-dark-rgb); } .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: 10rem; object-fit: cover; } @media (max-width: 639.98px) { .imgFitToSize { height: 7.5rem; } .card-body { background-color: transparent; } }