@charset "UTF-8";

.news-section {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 80%;
	margin: 0 auto;
	}
	.news-section .news-list {
		width: calc(100% - 400px);
		padding: 60px 0 0;
		}
	.news-section .news-list article {
		width: 100%;
		padding: 0 0 120px;
		line-height: 1.4;
		}
	.news-section aside {
		width: 300px;
		padding: 60px 0;
		}
		.news-section aside .wp-block-latest-posts__post-title {
			line-height: 1.4;
			}
		.news-section aside ul li {
			margin-bottom: 20px;
			}


@media screen and (max-width: 767px) {
	.news-section .news-list {
		width: 100%;
		}
	.news-section aside {
		width: 100%;
		}
}


.news-list nav.post-navigation {
	margin-bottom: 60px;
	}
	.news-list nav.post-navigation .screen-reader-text {
		display: none;
		}
	.news-list nav.post-navigation .nav-links {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		}
		.news-list nav.post-navigation .nav-links .nav-previous,
		.news-list nav.post-navigation .nav-links .nav-next {
			width: 40%;
			margin: 0 0 15px;
			line-height: 1.4;
			}
			.news-list nav.post-navigation .nav-links .nav-previous a,
			.news-list nav.post-navigation .nav-links .nav-next a {
				display: block;
				height: 100%;
				padding: 15px;
				color: #fff;
				background-color: #232088;
				}
				.news-list nav.post-navigation .nav-links .nav-previous a span,
				.news-list nav.post-navigation .nav-links .nav-next a span {
					display: block;
					}
				.news-list nav.post-navigation .nav-links .nav-previous a span.nav-subtitle,
				.news-list nav.post-navigation .nav-links .nav-next a span.nav-subtitle {
					text-align: center;
					}
			.news-list nav.post-navigation .nav-links .nav-previous a {
				padding-left: 40px;
				clip-path: polygon(10% 0, 100% 0, 100% 100%, 10% 100%, 0 50%);
				}
			.news-list nav.post-navigation .nav-links .nav-next a {
				padding-right: 40px;
				clip-path: polygon(0 0, 90% 0, 100% 50%, 90% 100%,0 100%);
				}
@media screen and (max-width: 767px) {
		.news-list nav.post-navigation .nav-links .nav-previous,
		.news-list nav.post-navigation .nav-links .nav-next {
			width: 100%;
			}
}