

/*************SLIDER***/
.slider-nav div{ text-align: center; display: block}
.slider-for div img,
.slider-nav div img{width:100%; float:left;}
.slider-for div h3,
.slider-nav div h4{float:left; width: 100%}
.slick-dots{bottom:-50px!important;}
.slick-dots li button:before{font-size: 17px!important;}
.slick-slider {

    margin-bottom: 0px!important;

}

.slick-prev{left: -30px!important}

.slick-prev:before,
.slick-next:before{

   color: #000!important;
}


/* Effetto base sull'immagine dello slider */
.slider-nav .slick-slide img {
    transition: transform 0.5s ease, filter 0.5s ease;
    cursor: pointer;
}

/* Effetto al passaggio del mouse */
.slider-nav .slick-slide img:hover {
    transform: scale(1.3); /* Ingrandisce leggermente la foto */
    filter: brightness(1.2); /* Aumenta la luminosità */
    z-index: 10; /* La porta in primo piano */
}

/********************/




:root {
    --bs-green: #6ab446;
}

body{
    background-color: var(--bs-black);
    color: var(--bs-white);
}

.card-text:last-child {
    color: var(--bs-white);
}

.card-title {
    color: var(--bs-danger);
}

    .h2, h2 {
        font-size: 1.3rem;
    }

.row {
    text-align:center;
}

.article{
    text-align:left;
    font-size: 18px;
    font-weight: 300;
}

.btn{
    color: var(--bs-white);
}

.feature-title{
    background-color: var(--bs-danger);
}

.bg-light {
    --bs-bg-opacity: 1;
    background-color: #000 !important;
    text-align:center;
}

.navbar-toggler-icon {
    background-color: var(--bs-green);
}

.nav-link:focus, .nav-link:hover {
    color: rgb(255 255 255);
}
.nav-item.active:focus, .nav-item.active:hover {
    color: rgb(255 255 255);
}

.header {
    /*background-image: url('images/pl1.webp');*/
    background-size: cover;
    background-position: center;
    position: relative;
    /*box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6);*/
    background-color:var(--bs-black);
}

.container {
    content-visibility: auto;
    /*width:90%;*/
}


.socialsharing {
    text-align: left;

    a {
        display: inline-block;
        padding: .7em;
        line-height: 0;
    }

    path {
        fill: gray;
    }

    svg {
        width: 24px;
        height: 24px;
    }
}




.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link {
    font-size: 13px;
    color: var(--bs-red);
    font-weight: 600;
    font-family: sans-serif;
    background-color: var(--bs-black);
    border: var(--bs-red);
    /*border-style: solid;*/
    border-radius: 7px;
    padding:2px;
    padding-left: 10px;
    padding-right: 10px;
}

.nav-link {
    font-size: 13px;
    color: var(--bs-red);
    font-weight: 600;
    font-family: sans-serif;
    background-color: var(--bs-black);
    border: var(--bs-red);
    /*border-style: solid;*/
    border-radius: 7px;
    padding:2px;
    padding-left: 10px;
    padding-right: 10px;
}

.tag{
    font-weight: 700;
    color: #ffffff;
    background-color: var(--bs-red);
    margin-right: 16px;
    font-size: 14px;
}

a {
    color: var(--bs-warning);
    font-size: 17px;
    text-decoration: none;
}

input {
    background-color: var(--bs-warning);
    color: var(--bs-black);;
    font-weight: 600;
}



/*

.overlay {
    position: absolute;
    min-height: 100%;
    min-width: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.6);
   
}
*/

.description {
    color: #fff;
    height: 79vh;
    background-image: url('images/backnew_2026.webp');
    background-color: rgb(92 51 51 / 65%);
    background-blend-mode: color-burn;
    text-align: center;
    font-variant: small-caps;
}

.description h1 {
    color: #fff;
}

.h4, h4 {
    font-size: 1.2rem;
}

.description p {
    font-size: 1.6rem;
    line-height: 1.7;
    color: #b4f293;
}

.page-footer{
    background-color: var(--bs-danger);
}


@media (max-width: 575.98px) {
    
.img-fluid {
    width: 100%;
    /*height: 83%;*/
}

.description {
        
        padding: 0 15px;
        text-align: center;
        top: 10%;
        /*
        left: 0;
        position: absolute;
        top: 10%;
        transform: none;
        text-align: center;*/
    }

    .description h1 {
        font-size: 1.5em;
    }

    .description p {
        font-size: 1.1rem;
    }

    .navbar-nav .nav-link.active, .navbar-nav .show>.nav-link {
        font-size: 21px;
        padding:10px;
        color: var(--bs-black);
        font-weight: 600;
        font-family: sans-serif;
        background-color: #85b44f;
        border: var(--bs-bloack);
        border-style: solid;
        border-radius: 25px;

    }

    .nav-link {
        font-size: 21px;
        padding:10px;
        color: var(--bs-black);
        font-weight: 600;
        font-family: sans-serif;
        background-color: #85b44f;
        border: var(--bs-black);
        border-style: solid;
        border-radius: 25px;
    }
  
}

