/* definisci il bottone */ 
.btn{

    color:var(--diges-white) !important;
    text-transform: uppercase;
    text-decoration: none !important;
    border-radius: var(--dmsc-border);

    /* imposta l'ombra sui bottoni per il calltoaction*/ 
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

.btn:hover{
    text-decoration: none !important;
}


.carousel{
	margin-bottom:80px;
}

/* posizione per il menu*/ 
.carousel-inner{

    position: relative;

    ul{
        list-style-type: none;
        overflow: hidden;
        display: flex;
        color: var(--diges-white) !important;
    }

    li{
        float:left;
    }
}

/* posizione della caption*/ 
.carousel-caption{

    width:fit-content;
    height:fit-content;

    background-color: #000000aa;

    /* bottom:10rem; */
    bottom:5vw;

    padding-left: 20px;
    padding-right: 20px;
    color:var(--diges-white);
    
    z-index: 2;
}

/* velo sopra immagine */ 
.carousel-inner::after{ /*.after{*/

    position:absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;

    z-index: 1;
    display: block;
    color: var(--diges-white);

	/* sfumatura su immagine */
    /*background-color: #00000099;*/
	/*background-color:var(--dmsc-grey-lighter);*/
	/*background: radial-gradient(circle,var(--dmsc-grey-lighter-60) 0%, var(--dmsc-grey-lighter-100) 93%);*/

}

.carousel-indicators{
    z-index:3;
    margin-bottom:-50px;
}

.carousel-indicators .card{
    box-sizing: content-box;
    flex: 0 1 auto;
    cursor: pointer;
    background-clip: padding-box;
    background-color: var(--diges-grey);
    border: 0;
    border-top:unset;
    border-bottom:unset;
    opacity: unset;
    transition: opacity .6s ease;
    width:unset;
    text-indent:unset;
    height: unset;
    margin-left:unset;
    margin-right:unset;
    padding-left: 2rem;
    padding-right:2rem;
}

.carousel-indicators .card .card-body .card-title{
    color:var(--dmsc-grey) !important;
}

.carousel-indicators .card .card-body .card-text{
    color:var(--dmsc-grey) !important;
}

.carousel-indicators .active .card-body .card-title {
    color: var(--diges-white) !important;
}

.carousel-indicators .active .card-body .card-text {
    color: var(--diges-white) !important;
}

.carousel-indicators .active {
    opacity: 1 !important;
    background-color: var(--diges-accent-color) !important;
    color: var(--diges-white) !important;
}

.carousel-caption {
    width: 100%;
    height: 30%;

	/* sfumatura su testo */
    /* background: linear-gradient(0deg, rgba(0,0,0,0.66) 15%, rgba(0,0,0,0.66) 58%, rgba(0,0,0,0) 87%);*/
	background:transparent;

    /* bottom: 10rem; */
    /* bottom: 5vw; */
    /* padding-left: 20px; */
    /* padding-right: 20px; */
    color: var(--diges-white);
    /* z-index: 2; */
    bottom:0;
    left:0
}

/* schermi piccoli */
@media (max-width: 1367px) {

	.carousel{
		margin-bottom:0;
	}
    
	.carousel-indicators{
        display: none;
    }
	.carousel-caption{
		height:unset;	
	}
}
  
.navbar-brand{
    background-color: transparent !important;
}

.logo_miur_header{
    width:7.5rem;
}

hr{
    color:var(--diges-accent-color) !important;
    opacity: .5;
}

.card-diges{

    padding: calc(var(--bs-card-spacer-y)*2) calc(var(--bs-card-spacer-x) * 2);
    height:100%;  
    
    h5{
        margin-bottom: 1.25rem;
    }
}

.card-diges:hover{
    border-color:var(--diges-base-color) !important;
    background-color: var(--diges-grey) !important;
}

.mask_gradient{
    width:72px;
    height:72px;
    background: linear-gradient(-25deg, var(--diges-primary-color) 40%, var(--diges-accent-color) 70%);
    mask-size:72px;
}

.mask_studente_iscritto{
    mask-image:url("../images/icons/studente_iscritto.png");
}

.mask_studente_futuro{
    mask-image:url("../images/icons/studente_futuro.png");
}

.mask_studente_laureato{
    mask-image:url("../images/icons/laureato.png");
}

.mask_studente_internazionale{
    mask-image:url("../images/icons/studente_internazionale.png");
}

.mask_scuole_imprese_partner{
    mask-image:url("../images/icons/scuole_imprese_partner.png");
}

.card-numbers{
    
    /* imposta il bordo della card */
    border:2px solid rgba(0,0,0,0.1);
    background-color: var(--diges-white) !important;
    height:100%;

    /* imposta il bordo non arrotondato*/ 
    border-radius: var(--dmsc-border);


    .card-img-top{

        /* indica altezza specifica dell'immagine*/ 
        /*height:200px;*/

        border-radius: var(--dmsc-border);

        /* allinea il numero alla fine */ 
        align-content: end;

        /* numero in evidenza */
        .card-title{

            color:transparent;
            font-style: italic;

            /* cambia il font e il padding sinistro in dimensione dello schermo*/ 
            font-size: clamp(2.5rem, -1.5rem + 8vw, 7.5rem);
       
            text-align: center;
            /*padding-left:clamp(0.625rem, 3.356vw - 1.527rem, 2.5rem);*/
            
            /* bordo del testo*/ 
            
        	/*
        	-webkit-text-stroke: 2px var(--diges-accent-color);
            text-stroke: 2px var(--diges-accent-color);
        	*/
    		-webkit-text-stroke: 2px var(--diges-rosso);
            text-stroke: 2px var(--diges-rosso);
        	    
    	}
    }

    /* bordo superiore del testo */ 
    .card-body{
        border-top:2px solid rgba(0,0,0,0.1);
        color:var(--diges-rosso);
    }
}

.card-numbers:hover{
	
    /* cambia il colore del bordo della card*/ 
    border-color:color-mix(in oklab, var(--diges-accent-color), transparent 12%) !important;

    /* aggiungi la trasparenza blu sull'immagine*/ 
    .card-img-top{
        box-shadow: inset 0 0 0 2000px color-mix(in oklab, var(--diges-accent-color), transparent 12%);
    }

    /* cambia il contorno del testo*/ 
    .card-img-top .card-title{
        -webkit-text-stroke: 2px var(--diges-white);
        text-stroke: 2px var(--diges-white);
    }

    /* cambia il colore del bordo superiore del div testo */ 
    .card-body{
        border-top-color:color-mix(in oklab, var(--diges-accent-color), transparent 12%);
    }

    /* definisci tutte le immagini da utilizzare come sfondo*/ 
    .img-studenti-internazionali{
        background: url("../images/demo/studenti-internazionali.png");
    }
	
	.img-diges-in-numeri{
    	background: url("../images/demo/diges_in_numeri_card.jpg");
	}

    .img-corsi-di-laurea{
        background: url("../images/demo/corsi-di-laurea.jpg");
    }
    
    .img-vqr-ricerca{
        background:url("../images/demo/vqr-ricerca-lumsa.jpg");
    }

    .img-dottorati{
        background:url("../images/demo/dottorati-2023-2024-slide.png");
    }

    /* fine sfondo delle card */ 
}

.bg-dottorati{
    background:url("../images/demo/dottorati-2023-2024-slide.png");
}

.bg-diges-in-numeri{
    background:url("../images/demo/diges_in_numeri.jpg");
	background-size:cover !important;
}

/* imposta il gutter verticale tra le righe */ 
.ratio-portrait{
    width: 100%;
    height:150%;
}

/* imposta la navbar sopra il carosello*/ 
.navbar{

    /* imposta la dimensione della navbar*/ 
    width: 100%;
    color:inherit;

    /* imposta il menu al 100% dello spazio*/ 
    ul{
        width: 100%;
    }
    
    /* rimuovi la dimensione minima del menu*/ 
    .dropdown-menu{
        border-radius: var(--dmsc-border);
        line-height: 1.75rem;
    }

    .father{
        background-color: var(--diges-primary-color);
        color:var(--diges-grey);
        text-transform: uppercase;
    }

    .child-tab{
        /* padding-left:2rem !important */
        background-color: var(--diges-grey);
    }

    /* regole per lo switcher */ 
    /*.lang-switcher:last-child{*/
    .lang-switcher:last-child{

        a{
            padding-right:.25rem !important;
        }
    }

    .lang-switcher:nth-last-child(-2n + 2 ){

        /* sposta gli ultimi due alla fine */ 
        margin-left: auto;

        a{
            padding-left:.25rem !important;
        }
    }

   
}

/* classe per spostare la navbar sopra il carosello*/ 
.hover-carousel{

    position:absolute;
    top:0;
    z-index:1000;
    
    color:var(--diges-grey);
    background-color: transparent;
}


.card-numbers .card-img-top {
    border-radius:unset;
 }

.card-numbers .card-body {
    border-radius:unset;
}

.text-shadowed{
    text-shadow: 2px 2px 4px black;
}