/*
Theme Name:        REALIZER child
Theme URI:         https://www.fuji-production.jp/wordpress-theme-realizer/
Author:            FUJI PRODUCTION
Author URI:        https://www.fuji-production.jp
Version:           1.0.0
Template:          realizer
Textdomain:        realizer-child
*/

/* ==========================================================================
 *  Page & Single
 * ========================================================================== */

.wp-singular:not(.home) main div.entry-content h2 {
	background-color: var(--wp--preset--color--realizer-contrast);
	border-bottom: 4px double;
	border-top: 4px double;
	color: var(--wp--preset--color--realizer-base);
	padding: 0.5rem;
}

.wp-singular:not(.home) main div.entry-content h3 {
	background-color: var(--wp--preset--color--white);
	border-left: solid var(--wp--preset--color--realizer-contrast);
	padding: 0.5rem;
}

.wp-singular:not(.home) main div.entry-content h4 {
	border-bottom: 1px solid var(--wp--preset--color--realizer-lightgrey);
	padding: 0rem 0rem 0.5rem 0rem;
}

.wp-singular main div.entry-content div.box-default {
	border: solid var(--wp--preset--color--realizer-lightgrey);
	padding: 1rem;
}

/* ==========================================================================
 *  Vod > Single
 * ========================================================================== */

.single-vod main div.entry-content div.text-center {
	text-align: center;
}

.single-vod main div.entry-content div.text-center span.btn a {
	background-color: var(--wp--preset--color--realizer-accent);
	border-bottom: 3px solid rgba(0, 0, 0, 0.2);
	border-radius: 4px;
	color: var(--wp--preset--color--white);
	display: block;
	padding: 0.5rem 1rem;
	text-decoration: none;
	transition: 0.5s ease;
}

.single-vod main div.entry-content div.text-center span.btn a:hover {
	opacity: 0.8;
	transform: translate(0, 2px);
}

/* ==========================================================================
 *  Manga > Single
 * ========================================================================== */

.single-manga main div.entry-content div.text-center {
	text-align: center;
}

.single-manga main div.entry-content div.text-center span.btn a {
	background-color: var(--wp--preset--color--realizer-accent);
	border-bottom: 3px solid rgba(0, 0, 0, 0.2);
	border-radius: 4px;
	color: var(--wp--preset--color--white);
	display: block;
	padding: 0.5rem 1rem;
	text-decoration: none;
	transition: 0.5s ease;
}

.single-manga main div.entry-content div.text-center span.btn a:hover {
	opacity: 0.8;
	transform: translate(0, 2px);
}

/* ==========================================================================
 *  Gourmet > Single
 * ========================================================================== */

.single-gourmet main div.entry-content div.swiper div.swiper-wrapper div.swiper-slide img {
	height: auto;
	width: 100%;
}

.single-gourmet main div.entry-content dl {
	background: var(--wp--preset--color--realizer-lightgrey);
	border: 4px double var(--wp--preset--color--realizer-grey);
	font-size: var(--wp--preset--font-size--small);
	padding: 1rem;
}

.single-gourmet main div.entry-content dl dt {
	font-weight: bold;
}

.single-gourmet main div.entry-content dl dd {
	margin-inline-start: unset;
}

.single-gourmet main div.entry-content ul {
	list-style-type: none;
	padding-inline-start: unset;
}

.single-gourmet main div.entry-content ul li span.btn {
	display: block;
	margin-bottom: 1rem;
	text-align: center;
}

.single-gourmet main div.entry-content ul li span.btn.hotpepper a {
	background-color: #e73820;
}

.single-gourmet main div.entry-content ul li span.btn.tabelog a {
	background-color: #fa0;
}

.single-gourmet main div.entry-content ul li span.btn.paypay a {
	background-color: #9b8d77;
}

.single-gourmet main div.entry-content ul li span.btn a {
	border-bottom: 3px solid rgba(0, 0, 0, 0.2);
	border-radius: 4px;
	color: var(--wp--preset--color--white);
	display: block;
	padding: 0.5rem 1rem;
	text-decoration: none;
	transition: 0.5s ease;
}

.single-gourmet main div.entry-content ul li span.btn a:hover {
	opacity: 0.8;
	transform: translate(0, 2px);
}

/* ==========================================================================
 *  Search & Filter
 * ========================================================================== */

.searchandfilter div ul {
	display: block;
	margin-block-start: unset;
	margin-block-end: unset;
	padding-inline-start: unset;
}

.searchandfilter div > ul > li {
	margin-top: 1rem;
	width: 100%;
}

.searchandfilter div > ul > li:first-child {
	margin-top: unset;
}

.searchandfilter div ul li h4,
.searchandfilter div ul li p {
	display: block;
	margin: 0;
}

.searchandfilter div ul li h4 {
	border-bottom: 1px solid var(--wp--preset--color--realizer-lightgrey);
	font-size: var(--wp--preset--font-size--small);
	padding: 0rem 0rem 0.25rem 0rem;
}

.searchandfilter div ul li ul {
	margin-top: 1rem;
}

.searchandfilter div ul li ul li {
	padding-right: 8px;
}

.searchandfilter div ul li label,
.searchandfilter div ul li label input[type="checkbox"],
.searchandfilter div ul li input[type="submit"] {
	cursor: pointer;
}

.searchandfilter div ul li p:has(input[type="text"]) {
	margin-top: 1rem;
}

.searchandfilter div ul li input[type="text"] {
	border: 1px solid var(--wp--preset--color--realizer-grey);
	border-radius: 4px;
	box-sizing: border-box;
	padding: 0.5rem;
	width: 100%;
}

.searchandfilter div ul li label input[type="checkbox"] {
	vertical-align: top;
}

.searchandfilter div ul li input[type="submit"] {
	background-color: var(--wp--preset--color--realizer-accent);
	border-bottom: 3px solid rgba(0, 0, 0, 0.2);
	border-left: none;
	border-radius: 4px;
	border-right: none;
	border-top: none;
	box-sizing: border-box;
	color: var(--wp--preset--color--white);
	display: block;
	padding: 0.5rem 1rem;
	text-decoration: none;
	transition: 0.5s ease;
	width: 100%;
}

.searchandfilter div ul li input[type="submit"]:hover {
	opacity: 0.8;
	transform: translate(0, 2px);
}