/*! wpo-style.css
*
* @package WP-Onaga / Monsho
* @copyright Copyright (c) 2024 Onaga Studio <https://www.onagastudio.com/>
* @license GNU General Public License, version 2 (GPL-2.0)
*/

/*	Facts Sheet
	---------------------------------------- */

#wpo-monsho-facts { /**/ }
.wpo-monsho-facts { /**/ } /* flexbox */
.wpo-monsho-facts a {
	color: inherit;
}
.wpo-monsho-facts em:before {
	content: ":";
	width: 0.75rem;
	text-align: inherit;
	font-style: normal;
	display: inline-block;
}

.wpo-monsho-facts-column:before,
.wpo-monsho-facts-column:after {
	content: "";
	display: table;
}
.wpo-monsho-facts-column:after {
	clear: both;
}
.wpo-monsho-facts-column {
	text-align: left;
	display: block;
}
body.rtl .wpo-monsho-facts-column {
	text-align: right;
}
.wpo-monsho-facts-column p {
	text-align: justify;
	display: block;
}
.wpo-monsho-facts-column span {
	float: right;
	padding: 1rem 0 0.5rem;
	display: inline-block;
}
body.rtl .wpo-monsho-facts-column span {
	float: left;
}

.wpo-monsho-facts-thumb {
	width: 8rem;
	height: 8rem;
	margin: 0 2rem 1rem 0;
	float: left;
	display: inline-block;
}
body.rtl .wpo-monsho-facts-thumb {
	margin: 0 0 1rem 2rem;
	float: right;
}

.wpo-monsho-facts-table { /**/ }
.wpo-monsho-facts-table tbody { /**/ }
.wpo-monsho-facts-table td {
	text-align: left;
	vertical-align: baseline;
	padding: 0.5rem 0 !important;
}
body.rtl .wpo-monsho-facts-table td {
	text-align: right;
}
.wpo-monsho-facts-table tr td:nth-child(odd) {
	min-width: 30%;
	white-space: nowrap;
}
.wpo-monsho-facts-table tr td:nth-child(even) { /**/ }

/* @Typography */
.wpo-monsho-facts {
	font: normal 400 1rem Arial,Helvetica,sans-serif;
	font-size: 1rem;
	line-height: 1;
}


/*	Index Table
	---------------------------------------- */

#wpo-monsho-index { /**/ }
.wpo-monsho-index { /**/ }
.wpo-monsho-index a {
	color: inherit;
}
.wpo-monsho-index a:hover,
.wpo-monsho-index a:focus,
.wpo-monsho-index a:focus:active {
	color: inherit;
}

.wpo-monsho-index-options {
	text-align: right;
	padding: 0.5rem;
}
.wpo-monsho-index-option {
	color: inherit;
}
.wpo-monsho-index-option:hover {
	color: inherit;
}
.wpo-monsho-index-option a {
	margin: 0 0.5rem;
}

.wpo-monsho-index-empty {
	text-align: center;
	margin: 0;
	padding: 1rem;
	display: block;
}

.wpo-monsho-index-group {
	text-align: left;
	margin: 1rem 0.5rem 0.5rem;
	padding: 0.5rem 0;
	display: block;
}
body.rtl .wpo-monsho-index-group {
	text-align: right;
}
.wpo-monsho-index-group .wpo-monsho-index-name { /**/ }
.wpo-monsho-index-group .wpo-monsho-index-description {
	float: right;
	display: inline-block;
}
body.rtl .wpo-monsho-index-group .wpo-monsho-index-description {
	float: left;
}

.wpo-monsho-index-table { /* flexbox */
	text-align: left;
	margin: 0;
	padding: 0;
	word-break: normal;
	word-wrap: break-word;
	overflow: hidden;
	position: relative;
	justify-content: flex-start !important;
}
body.rtl .wpo-monsho-index-table {
	text-align: right;
	justify-content: flex-end !important;
}
.wpo-monsho-index-table .wpo-monsho-index-column { /* column */
	width: 33.33%;
	margin: 0;
	flex: 0 0 33.33%;
}
.wpo-monsho-index-table .wpo-monsho-index-column .wpo-monsho-box-inside {
	text-align: center;
}

.wpo-monsho-index-table .wpo-monsho-index-thumb {
	width: 100%;
	height: 100%;
	margin-bottom: 1rem;
	display: inline-block;
}
.wpo-monsho-index-table .wpo-monsho-index-count {
	width: 3rem;
	height: 3rem;
	text-align: center;
	border-radius: 2000px;
	line-height: 3rem;
	float: right;
	display: inline-block;
}
body.rtl .wpo-monsho-index-table .wpo-monsho-index-count {
	float: left;
}
.wpo-monsho-index-table .wpo-monsho-index-name {
	text-align: inherit;
	font-size: 1rem;
	line-height: 1.75rem;
	display: block;
}
.wpo-monsho-index-table .wpo-monsho-index-description {
	text-align: inherit;
	display: block;
}

@media only screen and ( max-width: 960px ) {
	.wpo-monsho-index-table .wpo-monsho-index-column { /* column */
		width: 50%;
		flex: 0 0 50%;
	}
	.wpo-monsho-index-table .wpo-monsho-index-thumb {
		width: 4rem;
		height: 4rem;
		margin-right: 1rem;
		float: left;
	}
}
@media only screen and (min-width: 320px) and (max-width: 600px) {
	.wpo-monsho-index-table .wpo-monsho-index-column { /* column */
		width: 100%;
		flex: 0 0 100%;
		clear: both;
	}
	.wpo-monsho-index-table .wpo-monsho-index-thumb {
		margin-bottom: 0;
	}
}

/* @Typography */
.wpo-monsho-index-group {
	font: normal 400 1.25rem Arial,Helvetica,sans-serif;
	line-height: 1.25rem;
	text-transform: uppercase;
}
.wpo-monsho-index-table {
	font: normal 400 1rem Arial,Helvetica,sans-serif;
	line-height: 1rem;
	text-transform: uppercase;
}