/**
 * Latest Posts
 */

.module.latest-posts {
	overflow-x: clip;
}

.module.latest-posts header {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: var(--text-spacing-medium);
	margin-bottom: var(--text-spacing-xxlarge);
}

.module.latest-posts .header-top {
	align-items: center;
	display: flex;
	gap: var(--gap);
	justify-content: space-between;
	width: 100%;
}

.module.latest-posts .header-top .arrows {
	margin-right: var(--container-breakout-full);
}

.module.latest-posts .slide a.card.card-post {
	height: 100%;
	max-width: 280px;
}

.module.latest-posts.background-appaloosa-beige .card.card-post {
	background: var(--samoyed-white);
}

.module.latest-posts .card.card-post .press-card-text {
	transition: transform .3s ease;
}

.module.latest-posts .card.card-post .btn.text-arrow::after {
	transition: transform .3s ease;
}

.module.latest-posts a.card.card-post:hover .press-card-text {
	transform: translateY(-8px);
}

.module.latest-posts a.card.card-post:hover .btn.text-arrow::after {
	transform: translateX(2px);
}

/*** Non-Carousel Fallback ***/

.module.latest-posts ul:not(.jazzy-carousel) {
	display: flex;
	gap: var(--text-spacing-medium);
	list-style: none;
	margin: 0;
	overflow-x: auto;
	padding: 0;
}

.module.latest-posts ul:not(.jazzy-carousel) > li {
	flex: 1;
	min-width: 320px;
}

.module.latest-posts ul:not(.jazzy-carousel) > li a.card.card-post {
	height: 100%;
}

body.no-js .module.latest-posts .arrows {
	opacity: 0;
	visibility: hidden;
}

/*
 * ====================================================================== *
 * MQ <=950px — Tablet
 * ====================================================================== *
 */

@media only screen and (max-width: calc(950rem / 16)) {

	.module.latest-posts header {
		margin-bottom: var(--text-spacing-xlarge);
	}

	.module.latest-posts .header-top .arrows {
		margin-right: 0;
	}

}

/*
 * ====================================================================== *
 * MQ <=650px — Mobile
 * ====================================================================== *
 */

@media only screen and (max-width: calc(650rem / 16)) {

	.module.latest-posts .heading-4 span {
		font-size: calc(40rem / 16);
		line-height: calc(44 / 40);
	}

	.module.latest-posts header {
		align-items: center;
		display: grid;
		gap: var(--text-spacing-small);
		grid-template-columns: 1fr auto;
		margin-bottom: var(--text-spacing-large);
	}

	.module.latest-posts .header-top {
		display: contents;
	}

	.module.latest-posts .header-top > :first-child {
		grid-column: 1 / -1;
	}

	.module.latest-posts .header-top .arrows {
		margin-right: 0;
	}

	.module.latest-posts .card.card-post {
		padding: var(--text-spacing-medium) var(--text-spacing-small);
	}

	.module.latest-posts a.card.card-post:hover .press-card-text {
		transform: none;
	}

	.module.latest-posts a.card.card-post:hover .btn.text-arrow::after {
		transform: none;
	}

	.module.latest-posts ul:not(.jazzy-carousel) {
		flex-direction: column;
	}

}