/* news and insights page (custom filter solution) */

#form-sort-article {
	max-width: 1186px;
	margin: auto;
	padding: 5px 20px;
	box-sizing: border-box;
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
	margin-bottom: 5px;
}

#form-sort-article select, #form-sort-article option {
	width: auto;
	border: none;
	font-family: var(--font-myriad);
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 0;
}

#form-sort-article option {
	appearance: none;
}

.tags-and-year {
	float: right;
}

.post-results {
	max-width: 1186px;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
}

.post-preview-top {
	width: 50%;
	padding: 10px;
	box-sizing: border-box;
}

.post-preview-top img {
	height: 315px;
}

.post-preview img {
	height: 205px;
}

.post-preview-top img, .post-preview img {
	width: 100%;
	border-radius: 5px;
}

.post-preview-top h2, .post-preview h2 {
	font-size: 32px;
	font-family: var(--font-myriad);
	color: var(--ryan-primary-blue);
	font-weight: 600;
	padding: 0 0 15px 0;
}

.post-thumbnail-container {
	position: relative;
}

.blue-category-or-tag {
	padding: 0 10px;
	border-radius: 5px;
	background-color: var(--ryan-royal-blue);
	text-transform: uppercase;
	color: white;
	font-size: 14px;
	font-family: var(--font-myriad);
}

.post-thumbnail-container .blue-category-or-tag {
	position: absolute;
	top: 15px;
	left: 15px;
}

.post-date {
	font-size: 16px;
	font-family: var(--font-myriad);
	margin-bottom: 0;
}

.post-preview-top:hover .post-date, .post-preview:hover .post-date {
	color: var(--text-grey-2);
}

.read-more-arrow {
	font-family: var(--font-myriad);
	color: var(--ryan-primary-blue);
	font-weight: 600;
	font-size: 20px;
}

.post-preview-top:hover .read-more-arrow, .post-preview:hover .read-more-arrow {
	color: var(--ryan-royal-blue);
}

.post-preview {
	width: 33.33333%;
	padding: 10px;
	box-sizing: border-box;
}

.no-posts-query {
	margin: 20px auto;
}

.news-pagination {
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
}

.news-pagination .page-numbers {
	padding: 15px;
	font-size: 16px;
	font-family: var(--font-myriad);
	border-radius: 16px;
	color: var(--ryan-grey);
}

.news-pagination .current {
	background-color: var(--ryan-primary-blue);
	color: white;
}

.news-pagination .next, .news-pagination .prev {
	background-repeat: no-repeat;
	background-position: center;
}

.news-pagination .prev {
	background-image: url('/wp-content/uploads/2023/06/left-pagination-news.svg');
}

.news-pagination .next {
	background-image: url('/wp-content/uploads/2023/06/right-pagination-news.svg');
}

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

	#form-sort-article select {
		width: 100%;
	}

  .tags-and-year {
    float: none;
  }

	.post-preview, .post-preview-top {
		width: 100%;
		padding: 30px;
	}
}