/*==============
post common
==============*/
.post_single .post_card,
.archive_post,
.search_post {
	margin-bottom: 40px;
}

.post_single .post_card {
	position: relative;
	padding: 44px 24px 52px;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 8px 20px rgba(32, 32, 36, 0.14);
}

.single_date_badge {
	position: absolute;
	top: -28px;
	left: -16px;
	z-index: 1;
	display: grid;
	align-content: center;
	justify-items: center;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	color: #fff;
	line-height: 1.05;
	text-align: center;
	background: var(--color_key);
}

.single_date_year,
.single_date_month {
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
}

.single_date_day {
	font-size: 28px;
	font-weight: 700;
}

.single_post_header {
	display: grid;
	gap: 18px;
	margin-bottom: 24px;
}

.single_post_categories {
	margin: 0;
	font-size: 14px;
	font-weight: 700;
	text-align: right;
}

.single_post_thumbnail {
	margin: 0 0 28px;
}

.single_post_thumbnail::before {
	padding-top: 64%;
}

.single_post_thumbnail_placeholder {
	position: absolute;
	inset: 0;
	background: #d9d9d9;
}

.single_post_body {
	font-weight: 700;
}

.related_posts {
	margin-top: 64px;
	margin-bottom: 80px;
}

.related_posts_title {
	margin: 0 0 28px;
	font-size: 28px;
	line-height: 1.4;
}

.related_posts_list {
	display: grid;
	gap: 28px;
}

.related_post {
	min-width: 0;
}

.related_post_card {
	display: grid;
	overflow: hidden;
	color: inherit;
	text-decoration: none;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 8px 20px rgba(32, 32, 36, 0.14);
}

.related_post_card:hover {
	color: inherit;
	opacity: 0.82;
}

.related_post_thumbnail::before {
	padding-top: 74%;
}

.related_post_title {
	display: -webkit-box;
	max-height: calc(1.45em * 2);
	padding: 0;
	margin: 12px 12px 0;
	overflow: hidden;
	font-size: 16px;
	line-height: 1.45;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
}

.related_post_excerpt {
	display: -webkit-box;
	max-height: calc(1.5em * 2);
	margin: 4px 12px 18px;
	overflow: hidden;
	font-size: 16px;
	line-height: 1.5;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
}

.post_single .comments_area {
	max-width: 100%;
}

.post_single .comment-form textarea,
.post_single .comment-form input[type="text"],
.post_single .comment-form input[type="email"],
.post_single .comment-form input[type="url"] {
	width: 100%;
	max-width: 100%;
}

.post_single .side_area,
.archive_page .side_area,
.search_page .side_area {
	padding: 20px 16px 28px;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 8px 20px rgba(32, 32, 36, 0.14);
}

.post_single .widget,
.archive_page .widget,
.search_page .widget {
	margin-bottom: 26px;
	padding-bottom: 26px;
	border-bottom: 1px solid var(--color_border);
}

.post_single .widget:last-child,
.archive_page .widget:last-child,
.search_page .widget:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}

.post_single .widget_title,
.post_single .widget .wp-block-heading,
.archive_page .widget_title,
.archive_page .widget .wp-block-heading,
.search_page .widget_title,
.search_page .widget .wp-block-heading {
	margin: 0 0 14px;
	font-size: 16px;
	line-height: 1.4;
}

.post_single .screen-reader-text,
.archive_page .screen-reader-text,
.search_page .screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.post_single .widget_search .search_form,
.post_single .wp-block-search__inside-wrapper,
.archive_page .widget_search .search_form,
.archive_page .wp-block-search__inside-wrapper,
.search_page .widget_search .search_form,
.search_page .wp-block-search__inside-wrapper {
	display: flex;
	align-items: stretch;
	gap: 0;
}

.post_single .widget_search .search_form_field,
.post_single .wp-block-search__input,
.archive_page .widget_search .search_form_field,
.archive_page .wp-block-search__input,
.search_page .widget_search .search_form_field,
.search_page .wp-block-search__input {
	flex: 1 1 auto;
	width: auto;
	max-width: 100%;
	min-width: 0;
	height: 40px;
	min-height: 40px;
	border: 0;
	border-radius: 4px 0 0 4px;
	box-shadow: 0 3px 8px rgba(32, 32, 36, 0.18);
}

.post_single .widget_search .search_form_submit,
.post_single .wp-block-search__button,
.archive_page .widget_search .search_form_submit,
.archive_page .wp-block-search__button,
.search_page .widget_search .search_form_submit,
.search_page .wp-block-search__button {
	display: inline-flex;
	flex: 0 0 32px;
	align-items: center;
	justify-content: center;
	width: 32px;
	min-width: 32px;
	height: 40px;
	min-height: 40px;
	padding: 0;
	overflow: hidden;
	border-radius: 0 4px 4px 0;
	font-size: 0;
	line-height: 0;
	white-space: nowrap;
}

.post_single .widget ul,
.post_single .wp-block-categories,
.post_single .wp-block-page-list,
.archive_page .widget ul,
.archive_page .wp-block-categories,
.archive_page .wp-block-page-list,
.search_page .widget ul,
.search_page .wp-block-categories,
.search_page .wp-block-page-list {
	display: grid;
	gap: 8px;
	padding-left: 0;
	list-style: none;
}

.post_single .widget ul ul,
.post_single .wp-block-categories ul,
.post_single .wp-block-page-list ul,
.archive_page .widget ul ul,
.archive_page .wp-block-categories ul,
.archive_page .wp-block-page-list ul,
.search_page .widget ul ul,
.search_page .wp-block-categories ul,
.search_page .wp-block-page-list ul {
	padding-left: 16px;
}

.post_single .widget li,
.archive_page .widget li,
.search_page .widget li {
	margin: 0;
}

.post_single .widget a,
.archive_page .widget a,
.search_page .widget a {
	color: inherit;
	text-decoration: none;
}

.post_single .widget a:hover,
.archive_page .widget a:hover,
.search_page .widget a:hover {
	color: var(--color_link_hover);
}

.post_single .widget_media_image img,
.post_single .wp-block-image img,
.archive_page .widget_media_image img,
.archive_page .wp-block-image img,
.search_page .widget_media_image img,
.search_page .wp-block-image img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
}

.post_single .widget_media_image figure,
.post_single .wp-block-image,
.archive_page .widget_media_image figure,
.archive_page .wp-block-image,
.search_page .widget_media_image figure,
.search_page .wp-block-image {
	margin: 0;
}

.archive_post,
.search_post {
	display: grid;
	gap: 16px;
	padding-bottom: 40px;
	border-bottom: 1px solid var(--color_border);
}

.post_single .page_title,
.archive_post_title,
.search_post_title,
.archive_title,
.search_title {
	margin: 0 0 12px;
	line-height: 1.3;
}

.archive_post_link,
.search_post_link {
	color: inherit;
	text-decoration: none;
}

.archive_post_link:hover,
.search_post_link:hover {
	color: var(--color_link_hover);
}

.archive_header,
.search_header {
	margin-bottom: 40px;
}

.archive_page .archive_header {
	max-width: 720px;
	margin: 0 auto 40px;
	text-align: center;
}

.search_page .search_header {
	max-width: 720px;
	margin: 0 auto 40px;
	text-align: center;
}

.archive_description {
	color: #555;
}

.archive_page .post_thumbnail {
	display: block;
	align-self: start;
	height: auto;
}

.search_page .post_thumbnail {
	display: block;
	align-self: start;
	height: auto;
}

.archive_page .post_thumbnail::before {
	padding-top: 75%;
}

.search_page .post_thumbnail::before {
	padding-top: 75%;
}

.archive_page .post_thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.search_page .post_thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.archive_page .archive_pagination {
	display: flex;
	justify-content: center;
	margin-top: 40px;
}

.search_page .search_pagination {
	display: flex;
	justify-content: center;
	margin-top: 40px;
}

.archive_page .pagination {
	margin-top: 0;
}

.search_page .pagination {
	margin-top: 0;
}

.archive_page .pagination .nav-links {
	justify-content: center;
}

.search_page .pagination .nav-links {
	justify-content: center;
}

@media (min-width: 641px) {
	.post_single .post_card {
		padding: 54px 40px 64px;
	}

	.related_posts_list {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.archive_post,
	.search_post {
		grid-template-columns: 220px minmax(0, 1fr);
		align-items: start;
	}

	.archive_post .post_thumbnail,
	.search_post .post_thumbnail {
		grid-row: span 3;
	}
}

@media (min-width: 1040px) {
	.post_single .single_layout_has_sidebar {
		grid-template-columns: minmax(0, 720px) 240px;
		justify-content: center;
		gap: 32px;
	}

	.post_single .single_layout_no_sidebar {
		grid-template-columns: minmax(0, 720px);
		justify-content: center;
	}

	.post_single .side_area {
		align-self: start;
	}

	.archive_page .archive_layout_has_sidebar {
		grid-template-columns: minmax(0, 720px) 240px;
		justify-content: center;
		gap: 32px;
	}

	.search_page .search_layout_has_sidebar {
		grid-template-columns: minmax(0, 720px) 240px;
		justify-content: center;
		gap: 32px;
	}

	.archive_page .archive_layout_no_sidebar {
		grid-template-columns: minmax(0, 720px);
		justify-content: center;
	}

	.search_page .search_layout_no_sidebar {
		grid-template-columns: minmax(0, 720px);
		justify-content: center;
	}

	.archive_page .side_area {
		align-self: start;
	}

	.search_page .side_area {
		align-self: start;
	}
}