/**
 * Gel 2022.0
 * News Stylesheet
 * @version 2022.0.2
 * @modified 2022-02-22 by Fritz Green
 */

/* News List */
.major-post-actions {
	display: flex;
	flex: 0 0 60%;
	width: 60%;
}
.major-actions button.post-subscribe-btn {
	margin-right: 1em;
}
svg#rss-icon {
	max-width: 2.2em;
	height: 2.2em;
}
.news-list .list-filters {
	flex: 0 0 40%;
	width: 40%;
}

.posts-list {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	column-gap: 3%;
	row-gap: 2.5em;
	list-style: none;
}
.post {
	position: relative;
}
.post a img {
	width: 100%;
}
.post-list-details h4 {
	font-size: 1.7em;
}

@media screen and (max-width: 600px) {
}


/* DETAIL PAGE */
.post-image {
	float: right;
	width: 50%;
	margin-left: 2em;
	margin-bottom: 2em;
}
.post-specifics {
	margin-bottom: 2em;
	font-weight: 700;
}

.post-author-detail {
	margin-top: 3em;
	padding: 1em;
	background: #DADBE2;
	border-radius: 3px;
	flex-wrap: nowrap;
}
.profile-pic-ctnr {
	flex: 0 auto;
}
.profile-details {
	flex: 1 auto;
	margin-left: 2em;
}
.profile-name {
	margin: 0;
	font-size: 1.5em;
	font-weight: 700;
}
.profile-bio {
	font-style: italic;
	margin: 0;
}
.profile-link {
	margin: 0;
}
@media screen and (max-width: 980px) {
	.profile-pic-ctnr {
		margin-top: 0.2em;
	}
	.profile-details {
		margin-left: 1em;
	}
	.profile-name {
		font-size: 1.2em;
	}
	.profile-bio, .profile-link {
		font-size: 1em;
	}
}
@media screen and (max-width: 768px) {
	.profile-name {
		font-size: 1em;
	}
	.profile-bio, .profile-link {
		font-size: .9em;
	}
}
@media screen and (max-width: 600px) {
	.post-image {
		float: unset;
		width: 100%;
		margin: 0 0 1em;
	}
}
@media screen and (max-width: 432px) {
	.post-author-detail {
		flex-wrap: wrap;
	}
	.profile-pic-ctnr, .profile-details  {
		flex: 1 0 100%;
		margin: 0;
	}
	.profile-pic-ctnr img {
		width: 100%;
	}
}

/* CUSTOM 410 */
.post-suggestion-o {
	display: flex;
	flex-wrap: wrap;
	margin-left: -2em;
}
.post-suggestion {
	flex: 1 0 45%;
	width: 45%;
	margin: 1em 0 1em 2em;
	padding: 0 2em 1.25em;
	background: #E0E0E0;
	font-size: .85em;
}
@media screen and (max-width: 750px) {
	.post-suggestion-o {
		margin: 0;
	}
	.post-suggestion {
		flex: 1 0 100%;
		width: 100%;
		margin: 1em 0;
	}
}