:root {
    --backgroud-footer: #F5F5F5;
    --color-primary: #381493;
    --color-black: #000000;
}

.logo {
    height: 70px;
    width: auto;
    object-fit: contain;
}

footer {
    border-top-width: 0.5px;
    border-top-style: solid;
    border-top-color: lightgray;
    height: 180px;
    background-color: var(--backgroud-footer);
}
.banner-hero {
    background-image: url("image/hero_banner.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 99.99% !important;
    min-height: 580px;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
}

.banner-info {
    background-image: url("image/bg-info-home.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 99.99% !important;
    min-height: 580px;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
}

.fade-blur-initial {
    opacity: 1;
    filter: blur(0px);
    transition: opacity 1.5s ease, filter 1.5s ease;
}

.fade-blur-hidden {
    display: none;
    opacity: 0;
    filter: blur(20px);
}

.fade-blur-out {
    opacity: 0 !important;
    filter: blur(20px);
    transition: opacity 1.5s ease, filter 1.5s ease;
}

.fade-blur-visible {
    display: block !important;
    opacity: 1;
    filter: blur(0px);
    transition: opacity 1.8s ease, filter 1.8s ease;
}

.hidden-display {
    display: none !important;
}

.text-desription-header{
    font-size: 2.5rem; 
}


@media (min-width: 500px) {
    .text-desription-header {
        font-size: 3.0rem !important;
    }
}


@media (min-width: 700px) {
    .text-desription-header {
        font-size: 3.5rem !important;
    }
}

@media (min-width: 1000px) {
    .text-desription-header {
        font-size: 4.5rem !important;
    }
}


a {
    color: #000;
    text-decoration: underline;
}



.news-carousel .carousel-control-prev,
.news-carousel .carousel-control-next {
    display: none !important;
}


.carousel .custom-card-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.carousel .carousel-item.active .card {
    transform: scale(1.05);
    transition: transform 0.4s ease;
}

.carousel .carousel-item .card {
    margin: 0 auto;
}

.text-truncate-multi {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* numero di righe */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.bi  {
    font-size: 26px; 
    color: #6c757d; 
}

.border-primary{
    border-color: var(--color-primary);
}


.background-primary {
    background-color: var(--color-primary);
}

.background-black {
    background-color: var(--color-black);
}