/*
 * News page
 */

.post-type-archive-news {
}

/* ::reusable */
.page__title {
	border-top: 1px solid var(--color-border);
	padding-top: 26px;
}
.page__title h4 {
	text-transform: uppercase;
	color: white;
	font-weight: var(--font-weight--medium);
	font-family: var(--font-family);
	letter-spacing: 3px;
	font-size: 21px;
	margin-bottom: 26px;
}

.page__content.page__content--category,
.page__content.page__content--news {
	/* background-color: var(--color-blue); ::reusable */
	padding: 146px 50px 50px;
}

.page__content .posts__container {
	width: 100%;
}

.page__content .posts__container .posts {
	--p-gutter: 34px;

	position: relative;
	width: 100%;
	/* overflow: hidden; */
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: var(--p-gutter);

	align-items: stretch; /* explicit */
}

@media only screen and (max-width: 1920px) {
	.page__content .posts__container .posts {
		--p-gutter: 28px;
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media only screen and (max-width: 1440px) {
	.page__content .posts__container .posts {
		--p-gutter: 26px;
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media only screen and (max-width: 1280px) {
	.page__content .posts__container .posts {
		--p-gutter: 23px;
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media only screen and (max-width: 1024px) {
	.page__content .posts__container .posts {
		--p-gutter: 20px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media only screen and (max-width: 640px) {
	.page__content .posts__container .posts {
		--p-gutter: 16px;
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}
/* 
 * Single post
 */
.post__grid-sizer, .post__single {
	/* width: calc(25% - var(--p-gutter)); */
}

.posts .post__single {
	--p-padding-top: 59px;
	--p-padding-bottom: 32px;
	--p-padding-left: 69px;
	--p-padding-right: 32px;

	float: left;
	border-radius: var(--border-radius);
	background-color: rgba(255, 255, 255, 0.95);
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	display: flex;
	flex-direction: column;
	overflow: hidden;

	transition: 0.3s background-color;
	position: relative;
	max-height: 700px;

	opacity: 0;
	visibility: hidden;
}

.posts .post__single:hover {
	background-color: rgba(255, 255, 255, 1);
}

.posts .post__single.is-featured {
	grid-column: span 2;
	flex-direction: row;
	align-items: stretch;
}



/* Post: image */
.posts .post__single__image {
	width: 100%;
	height: 256px;
	overflow: hidden;
}

.posts .post__single.is-featured .post__single__image {
	/* width: 50%; */
	height: 100%;
	/* max-height: 500px; */
	display: flex;
	flex: 0 0 50%;
}

/* Post: image -- inside */
.posts .post__single__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Post: info (date, title, text etc.) */
.posts .post__single__info {
	padding: var(--p-padding-top) var(--p-padding-left) 0 var(--p-padding-left);
	display: flex;
	flex-direction: column;
}

.posts .post__single.is-featured .post__single__info {
	width: 50%;
	padding-bottom: var(--p-padding-bottom);
	justify-content: center;
}

/*
.posts .post__single__link {

	position: relative;
	display: flex;
	flex-direction: column;

	flex: 1;
	min-height: 0;
}
*/

/* .posts .post__single.is-featured .post__single__link {
	flex-direction: row;
	align-items: stretch;
} */

/* Post: info -- date */
.posts .post__single__date {
	font-family: var(--font-family); /* ::reusable */
	font-size: 13px;
	font-weight: var(--font-weight--medium);
	color: var(--color-post-date);
	margin-bottom: 13px;
	display: block;
}

/* Post: info -- title */
.posts .post__single__title {
	font-size: 20px; /* ::reusable */
	font-weight: var(--font-weight--medium);
	font-family: var(--font-family); /* ::reusable */
	color: var(--color-text); /* ::reusable */
	margin-bottom: 27px;
}

/* Post: info -- line */
.posts .post__single__line {
	width: calc(100% + var(--p-padding-left));
	height: 1px;
	background-color: var(--color-gold); /* ::reusable */
	margin-bottom: 27px;
}

/* Post: info -- summary */
.posts .post__single__info > p {
	font-size: 16px; /* ::reusable */
	font-weight: var(--font-weight--regular);
	font-family: var(--font-family); /* ::reusable */
	color: var(--color-text); /* ::reusable */
	margin-bottom: 0;
}

/* Post: info -- categories */
.post__single__categories {
	display: flex;
	gap: 10px;
}

.posts .post__single__categories {
	margin-top: auto;
	padding-bottom: var(--p-padding-bottom);
	padding-top: 40px;
	padding-left: var(--p-padding-left);
	padding-right: var(--p-padding-right);
	justify-content: right;
}

.posts .post__single.is-featured .post__single__categories {
	/* margin-top: auto; */
	padding: 0;
	/* margin-right: calc(-1 * (var(--p-padding-left) - var(--p-padding-right))); */
	position: absolute;
    bottom: 40px;
    right: var(--p-padding-right);
}

/* Post: info -- categories -- category */
.post__single__category {
	border-radius: 14px;
	color: white;
	font-size: 13px;
	padding: 4px 13px;
	font-family: var(--font-family); /* ::reusable */
}

.posts .post__single[data-main-category="category-1"] .post__single__line,
.post__single__category[data-category="category-1"] {
	background-color: var(--color-gold);
}

.posts .post__single[data-main-category="category-2"] .post__single__line,
.post__single__category[data-category="category-2"] {
	background-color: #FFA680;
}

.posts .post__single[data-main-category="category-3"] .post__single__line,
.post__single__category[data-category="category-3"] {
	background-color: #6496F4;
}

.post__single__category {
	transition: 0.3s background-color;
	pointer-events: all;
}

.post__single__category:hover {
	color: white;
}

.post__single__category[data-category="category-1"]:hover {
	background-color: var(--color-gold--hover);
}

.post__single__category[data-category="category-2"]:hover {
	background-color: #e29371;
}

.post__single__category[data-category="category-3"]:hover {
	background-color: #5a86d8;
}

/* Post: category */