/*
 Theme Name:   Suki Child
 Theme URI:    https://nightrover.net/
 Description:  Suki smmall
 Author:       kanri
 Author URI:   https://nightrover.net/
 Template:     suki
 Version:      1.0.0
*/
.body {
	line-height: 1.8;
}
a {
	color: #00ffff;
}
.entry-wrapper {
	background: #1a1a1a;
	padding: 0.4rem;
}
.entry-content {
	margin: 0.4rem 0;
}
.entry.entry-layout-default {
	margin-bottom: 2rem;
}
.content-box {
	display: grid;
	grid-template-columns: 150px 1fr;
	grid-template-rows: auto auto;
	grid-template-areas:
		"figure content"
		"footer footer";
	gap: 1rem;
}
.content-box figure {
	grid-area: figure;
	margin: 0;
}
.content-box .entry-content {
	grid-area: content;
}
.content-box footer {
	grid-area: footer;
}
.entry-content p {
	font-size: 0.8rem;
	text-align: left;
}
.entry-header .entry-meta {
	display: flex;
	justify-content: space-between;
}
.entry-thumbnail {
	display: flex;
	justify-content: center;
}
.suki-loop .entry-thumbnail img {
	max-width: 500px;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}
.entry-thumbnail img {
	max-width: 500px;
}
.wp-block-search__input,
.search-field {
	color: #000 !important;
}
.wp-block-search__input,
.wp-block-search__button {
	padding: 0 0.6rem;
}
.cat-links a {
	background: #fff;
	color: #000 !important;
	padding: 0.1rem 0.4rem;
	border-radius: 2px;
}
.wp-block-archives-dropdown,
.wp-block-categories-dropdown {
	color: #000;
}
.secret-text label {
	display: none;
}
.related-posts {
	margin-top: 40px;
}

.related-posts h3 {
	margin-bottom: 20px;
	font-size: 1.5em;
	border-left: 4px solid #333;
	padding-left: 10px;
}

.related-posts-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
}

.related-post-card {
	box-sizing: border-box;
	text-decoration: none;
	border: 1px solid #696969;
	overflow: hidden;
	background: #1a1a1a;
	padding: 5px;
}


.related-post-thumb img {
	width: 100%;
	height: auto;
	display: block;
}

.related-post-title {
	padding: 10px;
	font-size: 1em;
	color: #ffffff;
}

.related-post-thumb.no-thumb {
	width: 100%;
	height: 150px;
	background-color: #eee;
}
.related-post-meta {
	padding: 5px 10px 0;
	font-size: 0.85em;
	color: #ffffff;
	text-align: right;
}
.wp-block-group .has-dates {
	padding: 0;
}
.tagcloud a {
	background: #8d8d8d;
	color: #ffffff !important;
	font-size: 0.7rem !important;
	padding: 0.1rem 0.4rem;
	border-radius: 2px;
}
@media (max-width: 1024px) {
	.only-pc {
		display: none;
	}
	.suki-content-inner {
		padding: 40px 10px !important;
	}
	.suki-popup-active .suki-header-mobile-vertical-bar {
		background: #1a1a1a;
		padding: 5px;
	}
	.suki-popup-active .suki-header-mobile-vertical-bar a {
		color: #00ffff;
	}
	.related-posts-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 5px;
	}
	.sidebar {
		margin: 1rem 0 0 0 !important;
	}
}
@media (hover: hover) {
	a:hover {
	color: #ffffff;
	}
}