/* ------------------------------------------------------------------

styling for credits page, big parts need to be overtaken from
base.css since credits doesn't take the same styles as everything
else ://

--------------------------------------------------------------------- */




/*                                                           */
/* _________________________ CARDS _________________________ */
/*                                                           */



.cardwrapper {
    width: 25%;
    margin-bottom: .625rem;
    margin-right: 20px;
}

.col-3 {
    height: 100%;
}

.card {
    z-index: 2;

    display: inline-block;
    overflow: hidden;
    margin: .5rem 0;
    padding: .5rem 1rem 0.5rem; 
    width: auto;

	font-family: Georgia, 'Times New Roman', Times, serif;
	text-align: center;

	cursor: default;

	border-radius: .3rem;

	box-shadow: .1rem .1rem .4rem 0 #777;
	background: aliceblue;

    height: 100%;
	min-height: auto;
	max-height: fit-content;
	min-width: 200px;
	max-width: 200px;
}

a>.card {
    z-index: 2;

    text-align: center;
    border: 0.25rem solid #DC9587;
    background: aliceblue;
    color: #424456;
}

a>.card:hover {
    cursor: pointer;
    pointer-events: visible;

    box-shadow: .2rem .2rem .7rem 0 #777;

}




/*                                                           */
/* _________________________ ROLES _________________________ */
/*                                                           */



.roles {
	padding: 0 1.25rem;
	cursor: default;
	display: none;
	text-align: center;
	overflow: hidden;
	z-index: 1;
}

.roles li {
	list-style: none;
}

/* .roles a.card:hover {
	cursor: pointer;
	display: block;
	overflow: visible;
	z-index: 3;
}

a:hover .roles {
    display: block;
    cursor: pointer;
    z-index: 10;
} */




/*                                                                         */
/* _________________________ CONTRIBUTOR DETAILS _________________________ */
/*                                                                         */



.avatar {
	padding-top: .1rem;
	min-width: 9.375rem;
	max-width: 9.375rem;
	border-radius: .3rem;
    height: 9.375rem;
}

.contributor_name {width: auto;}








/* below will be expanded soon */
@media (max-width: 1000px) {
    .row .col-3 {
        flex: 0 0 25%;
    }
    .card {
        z-index: 2;
    
        display: inline-block;
        overflow: hidden;
        margin: .5rem 0;
        padding: .5rem 1rem 0.5rem; 
        width: auto;
    
        font-family: Georgia, 'Times New Roman', Times, serif;
        text-align: center;
    
        cursor: default;
    
        border-radius: .3rem;
    
        box-shadow: .1rem .1rem .4rem 0 #777;
        background: aliceblue;
        
        height: 100%;
        min-height: auto;
        max-height: fit-content;
        min-width: 175px;
        max-width: 175px;
    }
    .col-3 {
        height: 100%;
    }
    .cardwrapper {
        width: 5%;
        margin-bottom: .625rem;
        margin-right: 9.375rem;
    }
    .avatar {
        min-width: 120px;
        max-width: 120px;
        border-radius: .3rem;
    }
    
}





@font-face {
    font-family: minecraft;
    src: url(../fonts/Minecraftia-Regular.ttf);
}