/* ! [[ Story Module ]] */

/* ! [ Stories - general ] */
.stories-block {
	font-family: var(--font-secondary);
}
.stories-block .stories-heading {
	text-align: center;
	margin-bottom: 1rem;
}
.stories-block .more-all {
	text-align: center;
	margin-bottom: 0;
}

.story-items {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	grid-gap: 1rem;
	align-items: stretch;
}
	.story-item {
		position: relative;
		padding: 0;
		margin: 1rem 0 2rem;

		display: flex;
		flex-direction: column;
	}
		.story-title {
			margin: 0 0 1rem 0;
			/* font-weight: 600;
			font-size: 24px; */
			text-wrap: balance;
		}
		.story-item .story-title a {
			text-decoration: none;
		}
		.story-item .story-title a:hover {
			text-decoration: underline;
		}
		.story-meta {
			display: flex;
			justify-content: space-between;
			align-items: flex-start;
			flex-wrap: wrap;

			order: -1
		}
			.story-date {
				display: block;
				margin-bottom: .5rem;
				font-weight: 700;
				/* order: -1; */
				color: var(--blue-navy);
			}


	.story-figure {
		margin: 0;
		overflow: hidden;
		position: relative;

		border-radius: var(--border-radius);
		border: .5px solid currentcolor;
	}
		.story-img {
			display: block;
			width: 100%;
			height: auto;

			transition: transform .2s ease-in;
		}
		.story-item:hover .story-img {
			transform: scale(1.05);
		}
		.story-figure figcaption {
			position: absolute;
			left: 0;
			right: 0;
			bottom: 0;
			padding: .5rem .75rem .3rem;
			background: hsla(0, 0%, 0%, .5);
			color: #fff;
			font-size: .75rem;
		}
	.story-details {
		display: flex;
		flex-direction: column;
		padding: .5rem 0 0;
		flex-grow: 1;
	}
	.story-details > :last-child {
		margin-bottom: 0;
	}
		.story-brief {
			margin-bottom: auto;
			font-size: 18px;
			color: var(--blue-navy);
		}
		.story-brief p {
			margin-bottom: .5rem;
			font-size: inherit;
		}
	.story-item .more {
		font-size: 18px;
		font-weight: 600;
	}

/* ! [ Stories - Index ] */
	.stories-index .more-all {
		display: none;
	}
	.stories-index .stories-heading {
		display: none;
	}

/* ! [ Stories - Latest ] */
	.stories-latest {

	}
	.stories-latest .story-items {
		grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
		grid-column-gap: 2rem;
		grid-row-gap: 0;
	}

	.stories-latest .story-item {
/* 		padding: 1rem;
		border: 1px solid var(--blue-bright);
		border-radius: var(--border-radius); */
	}
	.stories-latest .pagination-links {
		display: none;
	}

/* ! [ Stories - Single article (Bulletin view) ] */
	.story-view {
		padding-top: 1rem;
	}
	.story-view .story-headline {

	}
	.story-view .story-figure {
		display: block; /* allow only on .story-view */
		max-width: 1200px;
		margin-block-end: 2rem;
	}
	.story-view .story-img {
		max-width: 100%;
		border-radius: var(--border-radius);
	}
	.story-view .story-date {
		margin-bottom: 1rem;
	}

/* ! [ Archive List ] */
	.archive-list {
		list-style: none;
		margin: 0;
		padding-left: 1rem;
	}
	.archive-list.year {
		margin-top: 1rem;
	}
		.archive-list.month {

		}
			.archive-Stories {
				padding-left: 1rem
			}

/* ! [ Story Categories ] */
	.story-categories-list {
		font-size: .875rem;
		font-weight: 600;
		list-style: none;
		display: flex;
		flex-wrap: wrap;
		column-gap: .5rem;
		padding: 0;
		margin: 0;
	}
		.story-categories-list li {
			padding: .25em .5em;
			/* background-color: var(--blue-sky); */
			background-color: #f0f0f0;
			border-radius: .25rem;
			line-height: 1.2;
		}


/* @media (width > 800px) {
	.story-title {
		font-size: 32px;
	}
} */
@media (width < 480px) {
	.story-brief p {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		line-clamp: 3;
		overflow: hidden;
	}
}