/*
Theme Name: 4RRAY WPT v260415
Theme URI: https://4rray.com
Author: Gruu Family
Author URI: https://4rray.com 
Description: Theme for websites from Gruu Family
Version: 260415
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: 4rray 
*/

:root {
	--fw-bold: 'NanumHumanBold';
}

html 	{ 	margin: 0; padding: 0; font-size: 15px; line-height: 1.66; 
			font-family: 'NanumHuman', Arial, sans-serif; */
			font-weight: 400; font-style: normal; font-optical-sizing: auto; 
			color: #000c; letter-spacing: .05em; background: #f8f8f8;
}
body 		{ margin: 0; padding: 0; font-size: 1rem; }
a 			{ color: royalblue; text-decoration: none; }
a:hover 	{ color: deepskyblue; }
ul 			{ padding-left: 1.1rem; }
ul ::marker { font-size: x-small; }
ul ul  		{ list-style: disc; }
img.emoji 	{ width: .9em; height: .9em; }
strong 		{ font-family: var(--fw-bold); }
code 		{ font-size: .8em; letter-spacing: .1em; margin: .25em; padding: .25em;  }

/* preset */
	/* font */
		/* weight */
			.fw_bold 	{ font-family: 'NanumHumanBold'; }
			.fw_eb 		{ font-family: 'NanumHumanEB'; }
	/* margin */
		.margin_0 	{ margin: 0; }
	/* text */
		/* align */
			.ta_center 	{ text-align: center; }
		
/* site */
	.site 			{ background: #fff; }
	.site .inner 	{ margin: 0 auto; padding: 1rem; max-width: 728px; }
	/* top */
		.site.top .inner 	{ display: flex; flex-direction: column; gap: 1em; align-items: flex-end; }
		/* left */
			/* menu */
				.site.top .menu 				{ display: flex; list-style: none; margin: 0; padding: 0; gap: .75em; font-size: .9em; line-height: 1; font-family: 'NanumHumanEB'; }
				.site.top .menu-item a			{ color: #0004; }
				.site.top .current-menu-item a	{ color: #000c; }
				.site.top .menu-item a:hover	{ color: #000c; }
		/* right */
			.searchform 		{ display: grid; grid-template-columns: auto 2em; width: 100%; max-width: 300px; box-sizing: border-box; background: #0001; padding: .25em; border-radius: .25em; }
			.searchform .field	{ border: 0; padding: .25rem; background: transparent; width: 100%; }
			.searchform .submit	{ border: 0; padding: .25rem; background: transparent; cursor: pointer; }
	/* body */
		/* main */
			main 	{ display: flex; flex-direction: column; gap: 1.5rem; }
			/* article */
				article 	{ display: flex; flex-direction: column; gap: 1.5rem; margin: 1.5rem 0; }
				/* header */
					article h1 	{ line-height: 1.33; }
				/* content */
					h2, h3 { font-family: var(--fw-bold); }
				/* footer */
					.tags 			{ display: flex; flex-wrap: wrap; gap: .5em; line-height: 1; font-size: .9em; }
					a[rel="tag"] 	{ border-radius: .25em; padding: .5em; background: #0001; }
			/* entry */
				.entry 	{ display: flex; flex-direction: column; gap: 1rem; }
				/* header */
					.entry h1 		{ display: flex; gap: .5em; font-size: large; line-height: 1; margin: 0; align-items: center; font-family: 'NanumHuman'; font-weight: normal; }
					.entry h1 .icon	{ display: inline-flex; align-items: center; justify-content: space-around; width: 3rem; height: 3rem; border-radius: 3rem; background: #f8f8f8; }
				/* ul */
					.entry ul			{ display: flex; flex-direction: column; gap: 1rem; list-style: none; padding: 0; }
					.entry .item 		{ display: grid; grid-template-areas: ' left right '; grid-template-columns: 3rem auto; gap: 0 .75em; line-height: 1.5; }
					.entry .left 		{ grid-area: left; }
					.entry .right 		{ grid-area: right; }
					.entry .thumb 		{ display: inline-block; line-height: 0; overflow: hidden; border-radius: 3rem; box-shadow: 0 0 4px #aaa; }
					.entry .thumb img	{ width: 100%; height: auto; }
					.entry .title 		{ font-family: 'NanumHumanBold'; font-weight: bold; }
					.entry .excerpt 	{ margin: 0; font-size: .9em; color: #0008; }
			/* pagination */
				.nav-links 				{ display: flex; justify-content: center; line-height: 1; border-top: 2px solid #0001; }
				.page-numbers 			{ padding: .5em; border-top: 2px solid transparent; margin-top: -2px; }
				a.page-numbers:hover 	{ border-color: currentColor; }
				.page-numbers.current 	{ border-color: currentColor; }
	/* bottom */
		.site.bottom 		{ background: transparent; font-size: .9em; }
		.site.bottom .inner	{ display: flex; flex-direction: column; gap: 1.5em; padding: 1.5rem 1rem; }
	/* widgets */
		.widgets 		{ display: grid; grid-template-columns: 100%; gap: 1.5em; }
		.widget-title 	{ margin: 0; font-family: 'NanumHumanBold'; }
		
@media (min-width: calc(600px + 2rem)) {
	/* site */
		/* top */
			.site.top .inner 	{ flex-direction: row; align-items: center; justify-content: space-between; gap: 1rem; max-width: 100%; }
		/* bottom */
			/* widgets */
				.widgets.col2 	{ display: grid; grid-template-columns: 50% 50%; gap: 1.5em; }
}