.card {
    position: relative;
	overflow: hidden;
	height: 100%;
	background: #ece7e5;
	border-radius: unset;
}

.card-overlay {
    padding: 20px;
    position: absolute;
    background: rgba(0, 0, 0, .5);
    left: 0;
    top: 100%;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: all 350ms cubic-bezier(0, 0, 0.2, 1);
    display: flex;
    align-items: center;
    background: rgb(236 231 229);
    display: block;
}

/* .card:hover .card-overlay {
    top: 0;
} */

.card-overlay.left {
    left: -100%;
    top: 0;
}

/* .card:hover .card-overlay.left {
    left: 0;
} */

.card-overlay.right {
    left: 100%;
    top: 0;
}

.card:hover .card-overlay.right {
    left: 0;
}

.card-overlay.top {
    left: 0;
    top: -100%;
}

.card:hover .card-overlay.top {
    top: 0;
}

.card-overlay-inner {
    display: inline-block;
    height: 100%;
    overflow: auto;
}
.card-link{
    cursor: pointer;
	color: #11171f;
	text-decoration: underline;
	font-family: 'gothambold';
}
.card-title {
	font-family: 'gothambold';
	color: #84ccd7;
}

.card-subtitle {
	color: black!important;
	font-family: 'gothambook';
}