/*
Theme Name: StatRec WPT v261102
Theme URI: https://statrec.com
Author: Gruu Family
Author URI: http://gruulab.dothome.co.kr 
Description: Theme for websites from Gruu Family - StatRec 
Version: 261103
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gruulab 
*/

:root {
	--c-black: 			#030a05;
	--c-cyan: 			#00F0FF;
	--c-gray: 			#E2E8F0;
	--c-green: 			#3f6;
	--c-green-light: 	#B2FFD0;
	
	--c-text: 			var(--c-gray);
	--c-text-strong: 	var(--c-green);
	--c-background: 	var(--c-black);
	--c-link: 			var(--c-cyan);
	--c-th: 			var(--c-green-light);
}

/* preset */
	html { 
		margin: 0; padding: 0; font-size: 16px; line-height: 1.5; color: var(--c-text); letter-spacing: .02em; 
		-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; 
		background-image: radial-gradient(circle at center, #082010 0%, #020804 66%); background-attachment: fixed; 
		position: relative;
	}
	a 	{ color: var(--c-link); text-decoration: none; }
	h1 	{ color: var(--c-text-strong); font-weight: normal; }
	h2 	{ color: var(--c-text-strong); font-weight: normal; }
	h3 	{ color: var(--c-text-strong); font-size: 1rem; }
	/* table */
		table 		{ border-collapse: collapse; width: 100%; font-size: .9rem; }
		thead  		{ background: #fff2; }
		thead tr 	{ border: 0 solid #fff2; border-width: 1px 0; }
		tr 			{ border-bottom: 1px solid #fff2; }
		td, th 		{ padding: .3em .5em; }
		th 			{ color: var(--c-th); font-size: .9em; }
	/* ul */
		ul 			{ margin: 1rem 0; padding-left: 1.1rem; }
		ul ::marker { font-size: x-small; }
	/* font */
		html, body, input, textarea { font-family: 'Oxanium', Arial, sans-serif; }
	/* google fonts icon */
		.mso 	{ font-family: 'Material Symbols Outlined'; }
/* site */
	.site 			{  }
	.site .inner 	{ padding: 1rem; }
	/* header */
		.site.header 	{ display: flex; align-items: center; justify-content: space-between; border-bottom: 2px solid #fff2; line-height: 1; font-size: .9rem; }
		/* left */
			.site.header .home 	{ color: var(--c-th); }
		/* right */
			.site.header .right 	{ border-left: 2px solid #fff2; }
			/* searchform */
				.searchform 		{ display: flex; align-items: center; box-sizing: border-box; width: 100%; max-width: 300px; }
				.search_field 		{ border: 0; outline: none; background: transparent; color: var(--c-text-strong); width: 100%; margin-bottom: -.25rem; }
				.searchform button 	{ border: 0; background: transparent; color: var(--c-th); font-size: .9rem; font-weight: bold; cursor: pointer; }
	/* body */
		.site.body 			{ padding: 1.5rem 0; }
		.site.body .inner 	{ margin: 0 auto; box-sizing: border-box; width: 100%; max-width: calc(728px + 2rem); }
		/* article */
			article 	{ display: flex; flex-direction: column; gap: 1.5rem; }
	/* footer */
		.site.footer 	{ font-size: .9rem; }
	/* float */
		.float 				{ position: fixed; right: 1rem; bottom: 1rem; display: flex; flex-direction: column; gap: .33rem; padding: 0; line-height: 1; font-size: large; }
		.float .btn 		{ display: inline-flex; align-items: center; justify-content: space-around; color: var(--c-text-strong); border: 2px solid currentColor; width: 2rem; height: 2rem; opacity: .5; }
		.float .btn:hover 	{ opacity: 1; }