/*
.card-width-33perc {
	width: calc(100% / 3 - 1rem);
}
*/

.is-startpage .card-width {
	width: 100%;
}

@media (min-width: 768px) {
	.is-startpage .card-width {
		width: calc(100% / 2 - .5rem);
	}
}

@media (min-width: 992px) {
	.is-startpage .card-width {
		width: calc(100% / 3 - .75rem);
	}
}

.card {
	border: none;
	/* top radii a bit larger then header to reduce shimmering through */
	border-top-left-radius: .6rem;
	border-top-right-radius: .6rem;
	box-shadow: 0 0 12px 2px rgba(53,53,53,0.94);
	margin-bottom: 1rem;
	/* height: 100%; */
	/* min-height: 100%; */
}

.card p {
	line-height:1.125;
	margin-bottom: 0.75rem;
}

.card-title {
	background: var(--tertiary);
	margin-bottom: 0;
	padding: 0.75rem 0.75rem 0.5rem;
	line-height: 1.125;
}

.card-header {
	position: relative;
	padding: 0 0.75rem 0.5rem 0.75rem;
	border: none;
	background: transparent;
	z-index: 10;
}
/* Override Bootstrap */
.card-header:first-child {
	border-top-left-radius: .5rem;
	border-top-right-radius: .5rem;
}

.card-header:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: var(--tertiary);
	height: 48px;
	width: 100%;
	z-index: 1;
}

.card-body {}

@media (min-width: 768px) {
	.card-header {
		padding: 0 1rem;
	}

	.card-title {
		padding:  1rem 1rem 0.75rem 1rem;
	}
}

/*
.card-image {
}

.card-image img {
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 0.75rem;
	width: 100%;
	min-width: 100%;
	object-fit: cover;
	margin: 0;
	padding: 0;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
*/

/** ------- TRANSITION DEFINITIONs --------- */

.card:hover .card-title,
.card:hover .card-header:before {
	transition: background .4s;
}

/*
.card-image img {
	transition: filter .4s;
}
*/

/** ---------- HOVER -------- */

.card:hover .card-title,
.card:hover .card-header:before {
	background: var(--department);
}

/*
.card:hover .card-image img {
	-webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}
*/