/*

	careers portal CTA cards - "Register for Job Alerts" and "Make a speculative application"

	Markup comes from candidatefacing.cfc -> RenderRegisterJobAlertsBlock() and
	RenderSpeculativeApplicationBlock(), so these rules are written against the
	.jobalerts / .speculative card classes and work on every careers site
	regardless of which bootstrap (or client stylesheet) that site loads.

	The two cards hold different amounts of body text, so without this the buttons
	sit at different heights. The last child of the card body is the button /
	dropdown wrapper - margin-top:auto pushes it to the bottom of the card, and the
	cards are already stretched to equal height by the row, so the buttons line up.

*/

.card.jobalerts,
.card.speculative {
	flex: 1 1 auto;
	width: 100%;
}

.card.jobalerts .card-body,
.card.speculative .card-body {
	display: flex;
	flex-direction: column;
}

/*
	!important is needed because the wrapper also carries bootstrap's mt-4, and
	every bootstrap spacing utility is declared !important - a plain margin-top
	here loses to it.
*/

.card.jobalerts .card-body > .ajp_equal_height,
.card.speculative .card-body > .ajp_equal_height {
	margin-top: auto !important;
}