.card-wrapper {
	display: flex;
	width: 100%;
	flex-flow: row nowrap;
	justify-content: stretch;
	--card-padding-x: 1rem;
	--card-padding-y: 1rem;
}
.card-wrapper:first-child:last-child { min-height: 100%; }

.card {
	display: block;
	width: 100%;
	padding: var(--card-padding-y, 1rem) var(--card-padding-x, 1rem);
	box-sizing: border-box;
	background: var(--color-white, #FFFFFF);
	border-radius: .25rem;
	box-shadow: 0 .5rem 1rem -.5rem rgba(0,0,0,0.25);
	cursor: default;
}

/*  valign  */
.card-valign-top { align-items: flex-start; }
.card-valign-center { align-items: center; }
.card-valign-bottom { align-items: flex-end; }

/*  highlight  */
.card-highlight-hover > .card { transition: transform .3s ease, box-shadow .3s ease, z-index 0s ease .3s; z-index: 1; }
.card-highlight-hover > .card:hover { transition: transform .3s ease, box-shadow .3s ease, z-index .3s ease; }
.card-highlight-hover > .card:hover, .card-highlight-zoom > .card {  z-index: 2; transform: scale(1.1); box-shadow: 0 .5rem 1.5rem -.5rem rgba(0,0,0,0.25); }
.pageroot .card-highlight-hover > .card:hover, .card-highlight-zoom > .card { transform: scale(1.025); }