/*
Theme Name: marusupilove
Text Domain: marusupilove
Version: 1.1
Author: Yuu Yamamoto
Author URI: https://yuuyamamoto.jp
Description: for Multiple Spirits
*/

/* Typesettings Justify */
*{overflow-wrap:anywhere;}
h1>a,.index a{text-decoration:none;}
h2{text-align:left;}
h2>*:not(.tagged){font-feature-settings:'palt';}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%;}
INSPECTION.typesettingsidiom{text-align:justify;text-justify:inter-word;word-wrap:break-word;overflow-wrap:break-word;word-break:break-all;hyphens:auto;}

/* Typesettings Face */
html,body{font-family:dnp-shuei-gothic-gin-std,sans-serif;}
h1{font-family:heimat-didone-16,serif;}
h2>*:not(.tagged){font-family:heimat-mono,dnp-shuei-gothic-gin-std,serif;}
.tagged{font-family:heimat-mono,dnp-shuei-gothic-gin-std,sans-serif;}
.index *{font-weight:900;}
nav>*{font-family:heimat-didone-16,serif;text-decoration:none;}
.year{border-bottom:solid 1px #fff;}
ul,li{list-style:none;padding:0;}

/* Typesettings Sizing */
h1{font-size:4em;}
.index .tagged *{font-size:.7em;}
.tagged *{margin:0 1em 0 0;}
h2>*:not(.tagged){font-size:2.2em;line-height:1.5em;}
h2>*:first-child{margin-top:0;}
article{font-size:1.7em;line-height:2.2em;margin:2.4em 0;}
.index a{display:flex;align-items:center;font-size:1.7em;line-height:1.5em;padding:1.5em 0;}
.index i{margin-right:1em;}
.index .year{margin-bottom:.6em;font-size:1.2em;}
nav>*{font-size:3rem;line-height:2;}

/* Colorpalettes */
html,body,#search{color:#ffffff;}
html,body{background:#25212f;}
a{color:inherit;}
.sq{background:#fff;}

/* Inspection */
//header,nav,main{border:solid 2px yellow;}
//main>div{border:solid 2px green;}
//{box-shadow: 0px 0px 10px #999;}


/* Z-Index */
header{z-index:2;}
nav{z-index:3;}

/* Layouts */
*, *:before, *:after {-webkit-box-sizing:inherit;box-sizing:inherit;}
html{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:62.5%;}
html,body {margin:0;width:100%;height:100%;}
a{color:inherit;cursor:pointer;}
img{width:100%;height:auto;max-width:100%;vertical-align:bottom;}
iframe{max-width:100%;vertical-align:bottom;margin:auto!important;padding:0!important;}
hr{border: none;border-top:solid 1px #999;}

.column-m{max-width:756px;margin-left:auto;margin-right:auto;}
.column-l{max-width:1240px;margin-left:auto;margin-right:auto;}
.pt48{padding-top:48px;}
.pt120{padding-top:120px;}
.pt270{padding-top:270px;}
.h-540{max-height:540px;width:auto;}
.h-270{max-height:270px;width:auto;}

header{position:fixed;width:calc(100% - 48px);top:24px;left:24px;padding:0;margin:0;display:flex;align-items:center;justify-content:space-between;}
header>*{cursor:pointer;}
header>i{padding:20px 0 20px 20px;}
h1{margin:0;}
h2{position:fixed;top:64px;width:100%;}
h2>p{margin:0 0 6px 0;}
h2>p:not(.tagged){margin:0 0 10px 0;}
.tagged{display:flex;align-items:center;}

.index-images{height:100vh;object-fit:cover;pointer-events:none;}

main>*:not(img){
	padding:24px;
}

main{
	position:relative;
	width:100%;
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	align-items:start;
	justify-content:space-evenly;
}

/* Navgation */
nav{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#25212f;flex-direction:column;justify-content:center;align-items:center;padding-bottom:56px;}
@media screen and (max-width:480px) {
	nav{align-items:flex-start;padding-left:24px;}
}

/* Index */
.index:not(.result) a.Editorial-posts .tagged{line-height:1;margin-bottom:8px;}
.index:not(.result) a.Editorial-posts>div:not(.sq){flex:1;padding-right:24px;}
.index:not(.result) a.Editorial-posts .sq{position:relative;width:120px;padding-top:68px;margin-bottom:8px;}
.index:not(.result) a.Editorial-posts .sq img{position:absolute;width:100%;height:100%;object-fit:cover;top:0;right:0;bottom:0;left:0;margin:auto;}
.index:not(.result) a.Editorial-posts .sq img{mix-blend-mode:luminosity;}
@media screen and (max-width:820px) {
	.index:not(.result) a.Editorial-posts{width:100%;}
}
@media screen and (max-width:480px) {
	.index:not(.result) a>*:not(.sq){font-size:.8em;}
	.index:not(.result) a.Editorial-posts{align-items:stretch;padding:1em 0;border-top:solid 1px #999;}
	.index:not(.result) a.Editorial-posts>i{display:none;}
	.index:not(.result) a.Editorial-posts .sq{width:45px;padding-top:80px;margin-bottom:0;}
	.index:not(.result) a.Editorial-posts .sq img{mix-blend-mode:normal;}
}

/* about */
article.about img{height:50vh;width:auto;}

/* Search */
#search{display:block;width:100%;padding:0;border:none;border-radius:0;outline:none;background:none;border-bottom:#fff solid 1px;}
.search-data{display:none;}

/* Gutenberg */
article p{margin:3em auto;}
article *:not(div):first-child{margin-top:0em;}
.gutenberg-flex>div{display:flex;justify-content:space-between;align-items:start;}
.gutenberg-flex>div>div{flex:1;max-width:calc(50% - 12px);padding-left:24px;border-left:solid 1px #fff;}
.prioritize-english .gutenberg-flex>div{flex-direction:row-reverse;}
.gutenberg-dense p{	margin:0em;font-size:.9em;line-height:2em;}
.gutenberg-dense sup{vertical-align:top;}
.gutenberg-dense h6{margin-bottom:0;}
p.has-background{padding:2em;display:block;border-radius:4px;color:#fff!important;background-color:#25212f!important;border: solid 1px #999;}
figure{display:flex;flex-direction:column;align-items:center;margin:0 0 3em 0;}
figcaption{display:block!important;margin:.5em 0 0 0;font-size:0.8em;line-height:1.5em;}
.has-small-font-size,
.gutenberg-dense .has-small-font-size{font-size:0.8em;line-height:2;}
.has-medium-font-size,
.has-background{font-size:0.9em!important;line-height:2;}

/* Media queries */
@media screen and (max-width:840px) {
	header{position:fixed;top:auto;left:auto;bottom:0;margin:0 24px;padding:0!important;background:#25212f;width:calc(100% - 48px);margin-top:10px!important;border-top:1px solid #fff;outline:2px solid #25212f;height:72px;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center;font-size:.7em!important;}
	h1, header>i{margin-top:-6px;}
	h2{position:static;font-size:1em;}
	.pt120{padding-top:56px!important;}
	.pt270{padding-top:56px!important;}
	.index{margin-top:0;}
	.year{border:none;}
	.index-images{height:100vw;object-fit:cover;}
	article{margin-top:auto;width:100%;font-size:1.6em;}
	h1{flex:1;}
	main{padding-bottom:72px;}
	.gutenberg-flex>div{flex-direction:column;}
	.gutenberg-flex>div>div{max-width:100%;}
	.gutenberg-flex>div>div+div{margin-top:48px;}
	.prioritize-english .gutenberg-flex>div{flex-direction:column-reverse;}
	div.wp-block-image .alignleft,div.wp-block-image .alignright{padding:0;max-width:100%;margin:0 0 3em 0;}
}