/*
Theme Name: kikuboshi_theme
Theme URI: https://example.com/
Author: kikuboshi
Description: Minimal theme for Kikuboshi news section.
Version: 0.1.0
Text Domain: kikuboshi_theme
*/

/* Pagination (WordPress paginate_links) */
.news_pagination {
	width: 85%;
  max-width: 800px;
	margin: 50px auto 0;
}

.news_pagination .news_pagination_list {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
}

.news_pagination .sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.news_pagination .news_pagination_list .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 32px;
	height: 32px;
	border: 1px solid var(--color_border);
	color: var(--color_text);
	font-size: 12px;
	font-weight: 400;
  box-sizing: border-box;
}

.news_pagination .news_pagination_list .page-numbers.prev,
.news_pagination .news_pagination_list .page-numbers.next {
	padding: 0 8px;
}

.news_pagination .news_pagination_icon {
	width: 14px;
	height: 14px;
	display: block;
}

.news_pagination .news_pagination_list .page-numbers.current {
	background-color: var(--color_bg_blue);
	border-color: var(--color_bg_blue);
	color: var(--color_text_white);
}

.news_pagination .news_pagination_list .page-numbers a {
	color: inherit;
}

@media screen and (min-width: 768px) {
	/* .news_pagination {
		margin-top: 70px;
	}

	.news_pagination .page-numbers {
		height: 38px;
		font-size: 13px;
	} */
}