/*
Theme Name: naorai
Theme URI: 
Author: How to Use
Author URI: 
Description: 
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: naorai
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
caption,
figcaption,
p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}

.mian-nav {
	list-style: none;
	padding-left: 0;
	padding-bottom: 1em;
	/* width: fit-content; */
	margin-inline: auto;
}

.mian-nav a {
	text-decoration: none;
	padding-inline: .75em;
	text-align: center;
}

header.wp-block-template-part {
	position: sticky;
	left: 0;
	right: 0;
	top: 0;
	z-index: 99;
}

@media (max-width: 37.5em) {
	header.wp-block-template-part .header-logo {
		display: none;
	}
}

body {
	position: relative;
	font-family: 'Noto Serif JP', serif;
}

body::after,
body::before {
	background: url(https://okuizumo-naorai.jp/img/layout/common/ico_bg_gradient.jpg);
	background-size: 130%;
	content: "";
	height: 100%;
	position: absolute;
	top: 0;
	width: 20px;
	z-index: 90;
}

body::after {
	right: 0;
}

@media (min-width: 37.5625em) and (max-width: 72.5em) {

	body::after,
	body::before {
		width: 8px;
	}
}

@media (max-width: 37.5em) {

	body::after,
	body::before {
		background-size: 200%;
		width: 8px;
	}
}

h1 {
	font-size: var(--wp--preset--font-size--xx-large);
}

@media (max-width: 37.5em) {
	html #sysFooter .p_footer .sysContent .copyright {
		padding-bottom: 10px;
	}
}

.p-searchModal {
	inset: 0;
	margin: auto;
	backdrop-filter: blur(4px);
	background: rgb(255 255 255 / 80%);
	width: 90%;
	max-width: 600px;
	padding: 1em;
	border: 1px solid;
	overflow: visible;
	filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.35));

	&::backdrop {
		position: fixed;
		inset: 0px;
		background: rgba(0, 0, 0, 0.35);
	}
	.cat-item {
	a {
		color: #333!important;
		&::before {
			content: '> '
		}
	}

	}
}

.c-searchForm {
	display: flex;
	align-items: stretch;
}

.c-searchForm__s {
	background-color: #fff;
}

.c-searchForm__submit {
	padding-inline: 10px;
	background-color: #393635;
	border: 1px solid #ccc;
	border-left: 0px;
}

.c-modal__close {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	padding: .25rem;
	color: #fff;
	font-size: 16px;

	.icon-batsu {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 1em;
		height: 1em;

		&::before,
		&::after {
			content: '';
			position: absolute;
			width: 80%;
			height: 1px;
			background-color: #fff;
			transform: rotate(45deg);
		}

		&::after {
			transform: rotate(-45deg);
		}
	}
}

.headerMenu__link {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: auto;
	gap: 8px;
	font-size: 10px;
	text-align: center;
	color: white;
	font-family: 'Noto Sans JP', sans-serif;
}

.column-header-menu {
	align-items: flex-end;
}

.wp-block-post-featured-image-group {
	position: relative;

	.taxonomy-category {
		position: absolute;
		top: 0;
		left: 4px;
		margin: 0;
		>a {
		background: rgba(255 255 255 / 0.8);
		}
	}
}
.p-searchModal__title {
	color: #333;
	text-align: center;
	margin-bottom: 1rem;
}