/*----------------------
      PROJECT CARDS 
    ----------------------*/

    .scy-project-card {
        -webkit-transition: var(--scy-transition-duration) ease-in-out;
        transition: var(--scy-transition-duration) ease-in-out;
        -webkit-transform: scale(1);
        transform: scale(1); 
        width: fit-content;
    }
    .scy-project-card:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05); 
        -webkit-transition: var(--scy-transition-duration) ease-in-out;
        transition: var(--scy-transition-duration) ease-in-out;      
    }
    .scy-project-card.card {
        width: 18rem;
        height: 20rem;
        z-index: 4;
    } 



    .scy-project-card.card .scy-project-image-poster {
        position: absolute;
        width:100%;
        height:inherit;
        display: flex;
        align-items: center;
        justify-content: center;        
        background-color: var(--scy-element-gradient1-background-disabled);
        overflow: hidden;
        z-index:1;
    }
    .scy-project-card.card .scy-project-image-poster img {
        object-fit: cover;
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    .scy-project-card.card .scy-project-image-poster .scy-image-fade-in {
        opacity: 1;
        -webkit-transition: opacity var(--scy-transition-duration) ease-in-out;
        transition: opacity var(--scy-transition-duration) ease-in-out;   
    }



    .scy-project-card.card .scy-project-image-logo.connected {
        border: var(--scy-border-size) solid var(--scy-primary-background);
    }
    .scy-project-card.card .scy-project-image-logo:not(.connected) {
        border: var(--scy-border-size) solid var(--scy-element-gradient1-background);
    }
    .scy-project-card.card .scy-project-image-logo {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 5rem;
        height: 5rem;
        border-radius: 50%;
        background-color: var(--scy-element-gradient1-background-disabled);
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        z-index:2;
    }
    .scy-project-card.card .scy-project-image-logo img {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }




    .scy-project-card.card .card-header {
        height:11rem;
        display:flex;
        justify-content: center;
        align-items: center;
        background-color: var(--scy-element-gradient1-background-disabled);
        flex-direction: column;
    }
    .scy-project-card.card .card-header .scy-project-profile-name {
        padding-top:1rem;
        padding-bottom:1rem;
        z-index:2;
    }

    .scy-project-card.card .card-footer {
        height:5rem;
        display:flex;
        justify-content: space-evenly;
        align-items: center;
    }

    .scy-project-card.card .scy-project-image-logo .bi {
        width: 2.5rem;
        height: 2.5rem;
        color: var(--scy-element-gradient1-color-disabled);
    }