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

:root 	{
	--c-blue: 	#0056B3;
	--c-red: 	#d33;
	--c-white: 	#fff;
	--c-black: #011;
	
	--c-text:		var(--c-black); 
	--c-text-light: var(--c-white); 
	--c-link: 		var(--c-blue);
	--c-strong: 	var(--c-red);
	
	--ff-mso: 'Material Symbols Outlined';
}

/* preset */
	.ff-mso 	{ font-family: 'Material Symbols Outlined'; vertical-align: bottom; padding: .25em; }
	.fw-bold 	{ font-family: 'NanumHumanBold'; }
	::marker 	{ font-size: x-small; }
	
html, body, input, button, textarea, select { font-family: 'NanumHuman', sans-serif; }

html 	{ margin: 0; padding: 0; font-size: 15px; font-weight: normal; letter-spacing: .05em; background-color: var(--c-white); }
body 	{ margin: 0; padding: 0; line-height: 1.75; }
a 		{ text-decoration: none; color: var(--c-link); }

strong 	{ font-family: 'NanumHumanBold'; }

/* site */
	.site 	{ padding: 1rem; }
		/* header */
			.site.header 	{ display: flex; align-items: center; justify-content: space-between; }
			/*left*/
				.site.header .left 		{ display: flex; align-items: center; line-height: 1; gap: .33rem; }
				.custom-logo 			{ width: 1.33rem; height: auto; }
				.header .left a.home 	{ font-family: 'NanumHumanHeavy'; }
			/* right */
				.site.header .menu-ul 	{ margin: 0; padding: 0; display: flex; gap: .5rem; list-style: none; }
				.menu-ul .emoji			{ font-size: 1.33rem; }
		/* body */
			.site.body .inner 	{ max-width: 728px; margin: 0 auto; }
			/* article */
				article 	{ display: flex; flex-direction: column; gap: 1.5rem; }
				/* main */
					article .main 			{ position: relative; }
					article .main .inner	{ display: flex; flex-direction: column; gap: 1.5rem; }
					/* header */
						article h1 	{ font-weight: 400; line-height: 1.33; }
					/* content */
						article h2 			{ font-family: 'NanumHumanBold'; }
						.content > p 		{ margin-top: 0; }
						.content strong 	{ color: var(--c-strong); }
				/* aside */
					
				/* footer */
					article footer .tags 				{ display: flex; flex-wrap: wrap; gap: .5em; font-size: .9rem; }
					article footer a[rel=tag]:before 	{ content: '#'; }
		/* footer */
			.site.footer 	{ text-align: center; font-size: .9rem; }

@media screen and ( min-width: calc(2rem + 300px + 1.5rem + 600px) ) {
	/* single */
		/* site */
			/* body */
				.site.body .inner 	{ max-width: calc(300px + 1.5rem + 728px); width: 100%; }
				/* article */
					article 			{ display: grid; grid-template-areas: 'main aside' 'footer footer'; gap: 1.5rem;  }
					.single article 	{ grid-template-columns: 300px auto; }
					.page article 		{ grid-template-columns: auto 300px; }
					/* main */
						article .main 			{ grid-area: main; }
						article .main .sticky	{ position: sticky; top: 1.5rem; }
						/* content */
							article .content 	{ text-align: justify-content; }
					/* aside */
						article aside 	{ grid-area: aside; }
					/* footer */
						article footer 	{ grid-area: footer; }
}