* {
    font-size: 100%;
    font-family:  'Segoe UI';
}

.card {
    border-radius: 0px;
}

body.dark .card {
    background-color: #242526;
    color: white;
}

.no-decoration-link {
    text-decoration: none;
    color: black;
}

.no-border-radius {
    border-radius: 0px;
}

.tag-Evento {
    background-color: green;
}

.tag-Informazione {
    background-color: cornflowerblue;
}

.tag-Informativo {
    background-color: lightseagreen;
}

.tag-Importante {
    background-color: burlywood;
}

.tag-Urgente {
    background-color: red;
}

.badge {
    font-size: 0.72em;
    font-weight: 500;
}

.tag-new {
    font-size: 0.5em;
    border-radius: 0 !important;
    border: 1px solid rgba(255, 255, 255, 1);
}

.tag-Operatore {
    background-color: cornflowerblue;
}

.tag-Allevatore {
    background-color: burlywood;
}

.tag-Veterinario {
    background-color: lightseagreen;
}

.img-bg {
    background-color: #2e3e5b;
}

.round-news-title {
    font-size: 1.05em;
    font-weight: 500;
}
.round-news-subtitle {
    font-size: 0.9em;
    font-weight: 300;
}
.round-news-link {
    font-size: 1em;
    font-weight: 100;
    text-decoration: underline;
}

.icon-preview {
    max-width: 400px;
}

.news-card-body-1 {
    background: var(--bg);
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.news-info-bg {
    background:rgba(255, 255, 255, 0.5); 
}

.custom-header {
    background-image: url(/img/sfondi/header.png);
    min-height: 500px;
    background-attachment: fixed;
    background-position: top;
    background-size: contain;
    background-repeat: no-repeat;
}

.h-500 {
    height: 500px;
}

.transparent-card {
    background-color: rgba(255, 255, 255, 0.7);
    border: solid 0px black;
    border-radius: 12px;
}

.text-header-position {
    display: flex;
    align-items: center;
}

.bg-news-card {
    background: #ffffff !important;
}

.bg-arrow {
    background: transparent !important;
}

@media screen and (max-width: 1400px) {
    .custom-header {
        background-image: none;
    }
    .text-header-position {
        display: block;
    }
}

@media screen and (max-width: 990px) {
    .icon-preview {
        max-width: 200px;
    }    
}

@media screen and (max-width: 600px) {
    .icon-preview {
        display: none;
    }
}

.blink {
    animation: blinker 2s ease-in-out;
    animation-delay: 1s;
}

@keyframes blinker {
    0% {
        opacity: 100%;
        transform: scale(0.1);
        background-color: white;
    }

    50% {
        opacity: 100%;
        transform: scale(1);
        background-color: white;
    }

    75% {
        opacity: 100%;
        transform: scale(1);
        background-color: moccasin;
    }

    100% {
        opacity: 100%;
        transform: scale(1);
        background-color: white;
    }
}