/*
Theme Name: ThemeOne
Theme URI: https://taegon.kim
Author: Taegon Kim
Author URI: https://taegon.kim
Description: Theme #1
Version: 1.0.5;
*/

/* Global */
html { font-family: serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;  }
body { background: #fff; margin: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smooth: always; font-size: 1.15em; }
@media (min-resolution: 120dpi) {
	body {
		font-size: 1.05em;
	}
}
@media only screen and (min-device-width: 320px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
	body {
		font-size: .96em;
	}
}
* { box-sizing: border-box; }
a { text-decoration: none; }
ul, ol { list-style: none; margin: 0; padding: 0; }
pre, code, kbd { font-family: monospace; }
pre { overflow: auto; line-height: 1.5; }
.icon,
.nav-previous a:before,
.nav-next a:after,
.comment-metadata a:before,
.comment-reply-link:after,
.comment-edit-link,
.entry-content blockquote:before,
.entry-content blockquote:after,
.comment-content blockquote:before,
.comment-content blockquote:after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  display: inline-block;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: middle;
}
.icon-reply:before {
  content: "\e901";
}
.icon-arrow-left:before {
  content: "\e314";
}
.icon-arrow-right:before {
  content: "\e315";
}
.icon-chevron-down:before {
  content: "\f0a3";
}
.icon-toggle-sidebar:before {
  content: "\f05e";
}
.icon-x:before {
  content: "\f081";
}
.icon-quotes-left:before {
  content: "\e977";
}
.icon-quotes-right:before {
  content: "\e978";
}
.icon-pen:before {
  content: "\e902";
}
.icon-bubble:before {
  content: "\e900";
}
.icon-calendar:before {
  content: "\e903";
}

/* Accessibility */
.screen-reader-text { position: absolute; height:1px; width:1px; overflow: hidden; }

/* Sidebar */
#sidebar-toggle { position: absolute; left: -999px; }
.sidebar {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	min-width: 12em;
	max-width: 100%;
	background: #282828;
	color: #bbb;
	font-family: "Nanum Myeongjo", serif;
	line-height: 1.5;
	transform: translateX(-100%);
	transition: transform 0.5s ease-in-out;
	overflow: auto;
	z-index: 99;;
}
.legacy-win .sidebar {
	font-family: "Malgun Gothic", "Dotum", sans-serif;
}
.admin-bar .sidebar {
	top: 32px;
}
:checked ~ .sidebar {
	transform: translateX(0);
}
.sidebar a, .sidebar a:visited {
	color: inherit;
}
.sidebar a:hover {
	color: #fff;
}
.sidebar__title {
	font-size: 2em;
	margin: .4em 0;
	padding: .1em .5em;
	background: #222;
}
.sidebar__title label {
	cursor: pointer;
}
.sidebar__title label .icon {
	vertical-align: initial;
}
.sidebar .widget-area {
	margin: 0 2.5em;
}
.sidebar .widget-title {
	margin: 1.5em 0 .5em;
	font-size: 1.2em;
	color: #fff;
}

/* Header */
.site-header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 98;
	color: #fff;
}
.admin-bar .site-header {
	top: 32px;
}
.site-header__inner {
	padding: 1em;
}
.site-header__inner:after {
	content: '';
	display: block;
	clear: both;
}
.logo {
	float: left;
	font-size: 1.1em;
	line-height: 1.5;
	color: #eee;
	opacity: .7;
	transition: opacity .5s;
}
@media (min-width: 782px) {
	.logo {
		font-size: 1.5em;
	}
}
.logo:focus, .logo:hover {
	opacity: 1;
}
.logo .icon {
	font-size: 1.4em;
}
.logo .site-title {
	display: inline-block;
	font-family: "BM DoHyeon";
	font-size: 1em;
	margin: 0 .1em;
}
.logo .site-title a {
	color: inherit;
}
.logo .icon {
	cursor: pointer;
}
.page-header {
	background: #333;
	color: #fff;
	font-family: "Nanum Myeongjo", serif;
	font-size: 1.2em;
	padding: 4em .5em 2em;
	text-align: center;
}
.legacy-win .page-header {
	font-family: "Malgun Gothic", "Dotum", sans-serif;
}
@media (min-width: 782px) {
	.page-header {
		font-size: 1.8em;
	}
}
.page-title {
	margin: 0;
	word-break: keep-all;
}

/* Navigation */
.site-nav {
	float: right;
	display: none;
}
@media (min-width: 782px) {
	.site-nav {
		display: block;
	}
}
.site-nav .page_item {
	margin-left: .5em;
	word-break: keep-all;
}
.site-nav .page_item a {
	color: inherit;
}
.site-nav .page_item {
	display: inline-block;
	font-weight: 200;
	line-height: 3em;
}
/* Content */
.site-main {
	background: #fff;
}
.site-main article, .comment-body {
	background-color: inherit;
	border-bottom: .01em solid #ddd;
	font-family: "Nanum Myeongjo", serif;
	word-wrap: break-word;
}
.legacy-win .site-main article, .legacy-win .comment-body {
	font-family: "Malgun Gothic", "Dotum", sans-serif;
}
.site-main article.post-first {
	border-bottom: none;
}
.site-main article .safe-char, .comment-body .safe-char {
	font-family: serif;
}
.entry-header {
	position: relative;
	font-size: 1.2em;
	text-align: center;
	background-color: inherit;
	color: #000;
	padding: 3em 1em;
	transition: color .5s ease-in-out, background-color 1s ease-in-out;
}
@media (min-width: 782px) {
	.entry-header {
		font-size: 1.5em;
	}
}
.post-first .entry-header {
	height: 300px; /* fallback */
	min-height: 15em; 
	height: 50vh;
	max-height: 100vh;
}
.post-first .entry-header, .site-main article:hover .entry-header, .site-main article.touching .entry-header {
	background-color: #000;
	color: #fff;
	text-shadow: 0 0 2px #000;
}
.single .post-first .entry-header,
.page .post-first .entry-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	bottom: 50%;
	height: 400px; /* falllback for old browsers */
	height: calc( 100vh - 2em );
	transition: height .3s;
	z-index: 1;
}
@media (min-width: 782px) {
	.single .post-first .entry-header,
	.page .post-first .entry-header {
		bottom: 2em;
	}
}
.entry-thumbnail {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: no-repeat 50% 50%;
	background-size: cover;
	z-index: 1;
	opacity: 0;
	transform: translate3d(0, 0, 0);
	transition: opacity 1s ease-in-out;
}
.post-first .entry-thumbnail, .site-main article:hover .entry-thumbnail, .site-main article.touching .entry-thumbnail {
	opacity: .3;
}
.entry-title-container {
	position: relative;
	z-index: 2;
}
.post-first .entry-title-container {
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 3em;
	z-index: 2;
}
.entry-title, .entry-subtitle, .entry-meta, .entry-category {
	position: relative;
	margin: 0;
}
.entry-category {
	margin-bottom: .5em;
	opacity: .8;
}
.entry-category a {
	display: inline-block;
	color: inherit;
	font-size: .75em;
	margin: 0 .1em;
	padding: 0 .15em .1em;
	border-bottom: .15em solid;
	word-break: keep-all;
}
.entry-title a, .page-title {
	color: inherit;
	word-break: keep-all;
	font-family: 'Song Myung', 'Nanum Myeonjo', serif;
	font-weight: 400;
}
.entry-subtitle, .page-desc {
	font-weight: 200;
	font-size: .9em;
	margin: .1em 0 .5em;
	word-break: keep-all;
}
.entry-meta {
	font-size: .6em;
	opacity: .8;
}
.entry-meta a {
	color: #fff;
}
.entry-content {
	position: relative;
	background-color: inherit;
	line-height: 1.8;
	padding: 2em 0;
	z-index: 2;
}
.post-first .entry-content {
	margin-top: 90%; /* fallback */
	margin-top: calc( 100vh - 3em );
}
.admin-bar .post-first .entry-content {
	margin-top: calc( 100vh - 3em - 32px );
}
.entry-content__inner, .comments__inner {
	padding: 2em 1em;
	margin: 0 auto;
}
@media (min-width: 782px) {
	.entry-content__inner, .comments__inner {
		max-width: 770px;
	}
}
.entry-content p,
.comment-content p {
	margin-top: 2em;
	margin-bottom: 2em;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	margin: 2em 0 1em;
	line-height: 1.2;
}
.entry-content h2 {
	border-left: 4px solid #f87;
	margin-left: -14px;
	padding-left: 10px;
}
.entry-content blockquote,
.comment-content blockquote {
	position: relative;
	padding: 1em 4em;
	margin: 2em 0;
	opacity: .8;
}
.entry-content blockquote p:first-child {
	margin-top: 0;
}
.entry-content blockquote p:last-child {
	margin-bottom: 0;
}
.entry-content blockquote:before,
.comment-content blockquote:before {
	content: '\e977';
	position: absolute;
	font-size: 2em;
	top: 0;
	left: .5em;
	opacity: .2;
}

.entry-content blockquote:after,
.comment-content blockquote:after {
	content: '\e978';
	position: absolute;
	font-size: 2em;
	bottom: 0;
	right: .5em;
	opacity: .2;
}

.entry-content a[href], .comment-content a[href] {
	color: #000;
	box-shadow: inset 0 -6px 0 #FFEE58;
	transition: box-shadow .2s, color .2s;
}
.entry-content a[href]:hover, .comment-content a[href]:hover {
	box-shadow: inset 0 -20px 0 #F57C00;
	color: #fff;
}
.entry-content a[href*="wp-content/uploads/"] {
	display: block;
	position: relative;
	background: transparent;
}
.entry-content a[href*="wp-content/uploads/"]:before {
	display: none;
}
.content-image-container {
	position: relative;
	margin: 0 auto;
}
.content-image-container .image-placeholder {
	display: block;
	width: 100%;
}
.content-image-container img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.wp-block-image figure.aligncenter,
.wp-block-image figure.alignleft,
.wp-block-image figure.alignright {
	display: flex;
	flex-direction: column;
}
.wp-block-image figure.aligncenter {
	align-items: center;
}
.wp-block-image figure.alignleft {
	align-items: flex-start;
}
.wp-block-image figure.alignright {
	align-items: flex-end;
}
.wp-block-image img {
	max-width: 100%;
	height: auto;
}
.wp-block-image.alignleft {
	float: left;
}
.wp-block-image.alignright {
	float: right;
}
.has-border img {
	border: 1px solid #ccc;
}
.wp-caption {
	width: auto !important;
	max-width: 100%;
	margin: 2em auto;
	font-size: .85em;
	line-height: 1.3;
}
.wp-caption-text {
	margin-top: 1em;
	text-align: center;
	opacity: .8;
}
.win .wp-caption-text {
	font-family: "Malgun Gothic", "Dotum", sans-serif;
}
.entry-content ul, .entry-content ol {
	margin-left: 2em;
}
.entry-content ul {
	list-style-type: square;
}
.entry-content ul.wp-block-gallery {
	margin: 0;
	list-style-type: none;
}
.entry-content ol {
	list-style-type: decimal;
}

/* Footer */
.post-navigation, .posts-navigation {
	position: relative;
	font-family: "Nanum Myeongjo", serif;
	padding: 2em 0;
	background-color: #fff;
	z-index: 2;
}
.legacy-win .post-navigation, .legacy-win .posts-navigation {
	font-family: "Malgun Gothic", "Dotum", sans-serif;
}
.nav-links {
	margin: 0 auto;
}
@media (min-width: 782px) {
	.nav-links {
		max-width: 720px;
	}
}
.nav-links:after {
	content: '';
	display: block;
	clear: both;
}
.nav-links a, .nav-links a:visited {
	display: inline-block;
	position: relative;
	color: #000;
}
.nav-previous {
	float: left;
}
.nav-previous a:before {
	content: "\e314";
}
.nav-next {
	float: right;
}
.nav-next a:after {
	content: "\e315";
}
@keyframes bounce {
	0%, 10%, 17.5%, 25%, 30% {
		transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
	}
	15% {
		transform: translateY(2em);
		-moz-transform: translateY(2em);
		-ms-transform: translateY(2em);
	}
	20% {
		transform: translateY(1em);
		-moz-transform: translateY(1em);
		-ms-transform: translateY(1em);
	}
}
.guide {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	line-height: 2em;
	font-size: 2em;
	color: #ccc;
	z-index: 9;
}
.single .guide, .page .guide {
	display: block;
}
.guide.bounce .icon {
	-moz-animation: 8s bounce infinite;
	animation: 8s bounce infinite;
}
.site-footer {
	position: relative;
	font-family: "Apple SD Gothic Neo", "NanumBarunGothic", "MalgunGothic", "Dotum", sans-serif;
	text-align: center;
	padding: 4em 1em;
	background: #fff;
	z-index: 2;
}
.site-footer::before {
	content: '';
	display: block;
	width: 10em;
	max-width: 80%;
	border-top: .35em solid #ccc;
	margin: 0 auto 3em;
}
@media (min-width: 782px) {
	.site-footer {
		font-family: "NanumBarunGothic", "Apple SD Gothic Neo", "MalgunGothic", "Dotum", sans-serif;
	}
	.win .site-footer {
		font-family: "Apple SD Gothic Neo", "MalgunGothic", "NanumBarunGothic", "Dotum", sans-serif;
	}
}
.site-footer a[href], .site-footer a[href]:visited {
	color: inherit;
	text-decoration: underline;
}
.copyright-item {
	display: block;
	white-space: nowrap;
}
.copyright .punc {
	display: none;
}
@media (min-width: 760px) {
	.copyright-item {
		display: inline-block;
	}
	.copyright .punc {
		display: inline;
	}
}

/* Search */
.search-query {
	display: inline-block;
	position: relative;
	font-size: 1.8em;
	font-family: "Apple SD Gothic Neo", "MalgunGothic", "Dotum", sans-serif;
	font-weight: 600;
	white-space: nowrap;
}

/* */
.comments {
	background-color: inherit;
	position: relative;
	z-index: 2;
}
.comments a, .comments a:visited {
	color: #555;
}
.comments-list {
	padding: 1em;
}
.comments-list .children {
	margin-left: 1.5em;
}
.comment-author {
	padding-top: .3em;
	margin-bottom: .2em;
}
.comment-author img {
	float: left;
	margin: -.3em .5em 0 0;
	border-radius: 50%;
	width: 3em;
	max-width: 100%;
	height: auto;
}
.comment-body {
	padding: 1em 0;
}
.comment-content {
	line-height: 1.8;
}
.comment-respond {
	background: #eee;
	padding: 1em;
}
.comment-reply-title {
	margin-top: 0;
}
.comment-metadata, .comments .reply, .pingback .edit-link {
	font-family: "Apple SD Gothic Neo", "MalgunGothic", "NanumBarunGothic", "Dotum", sans-serif;
	font-weight: 200;
	font-size: .7em;
	opacity: .75;
}
@media (min-width: 782px) {
	.comment-metadata, .comments .reply, .pingback .edit-link {
		font-family: "NanumBarunGothic", "Apple SD Gothic Neo", "MalgunGothic", "Dotum", sans-serif;
	}
	.win .comment-metadata, .win .comments .reply, .win .pingback .edit-link {
		font-family: "Apple SD Gothic Neo", "MalgunGothic", "NanumBarunGothic", "Dotum", sans-serif;
	}
}
.comment-metadata:after {
	content: '';
	display: block;
	clear: both;
}
.comment-metadata a:before {
	content: "\e903";
	margin-right: .2em;
}
a.comment-edit-link {
	display: inline-block;
	margin-left: 1em;
}
a.comment-edit-link:before {
	display: inline-block;
	content: "\e902";
	margin-right: .2em;
}
.comment-reply-link {
	display: inline-block;
	padding: .4em .6em;
	border-radius: .15em;
	background: #eee;
	color: #000;
}
.comment-reply-link:after {
	content: "\e901";
	margin-left: .2em;
}

/* 404 */
.not-found {
	font-family: "Nanum Myeongjo", serif;
	font-size: 2em;
	text-align: center;
	padding: 2em 1em 0;
	word-break: keep-all;
}
.legacy-win .not-found {
	font-family: "Malgun Gothic", "Dotum", sans-serif;
}
.not-found .page-footer {
	position: relative;
	width: 480px;
	max-width: 100%;
	padding-top: 36.25%;
	margin: 2em auto 0;
}
.not-found .page-footer:before {
	content: '';
	position: absolute;
	/* cat image by makoto-suzuki @ Flickr */
	background: url("./images/sleeping_cat.png") no-repeat 50% 100%;
	background-size: contain;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Jetpack infinite scroll */
.infinite-scroll .posts-navigation, .infinite-scroll .post-navigation {
	display: none;
}
.infinite-loader {
	position: absolute;
	left: 0;
	width: 100%;
	margin-top: 1.5em;
}
.infinite-loader .spinner {
	margin: 0 auto;
	left: 0 !important;
}
#infinite-footer {
	font-family: "Nanum Myeongjo", serif;
}

/* Jetpack responsive video */
.jetpack-video-wrapper .youtube-player {
	margin: 0 auto !important;
}

/* Jetpack related posts */
.entry-content .jp-relatedposts a.jp-relatedposts-post-a {
	background-color: transparent;
}

/* Sharedaddy */
.entry-content .sharedaddy a:before, .entry-content .sharedaddy a:hover:before {
	position: relative;
	background-color: transparent;
	height: auto;
	z-index: auto;
}

/* Footnote */
.entry-content .footnote_plugin_text a {
	border-bottom: none;
}

/* Hacks */
@media (max-resolution: 120dpi) {
	/* hack for smooth font */
	.win .entry-content, .win .comment-body {
		transform: rotate(-0.0000000001deg);
		text-shadow: 0 0 1px rgba(0,0,0,0.3);
	}
	.win.legacy-win .entry-content, .win.legacy-win .comment-body {
		transform: none;
		text-shadow: none;
	}
}
.adsbygoogle {
	margin-top: 1em;
}

/* Table */
table.sheets {
	width: 100%;
	border-collapse: collapse;
}
table.sheets td, table.sheets th {
	border: 1px solid #ccc;
	padding: .5em;
}
/* Horizontal Rule */
.wp-block-separator {
	max-width: 100px;
	margin: 1em auto;
}
/* Figcaption */
.wp-block-image figcaption, .wp-block-table figcaption {
	font-size: .9em;
	font-style: italic;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.5em;
	margin-bottom: 1em;
	text-align: center;
}
/* Support Ultimate Gutenberg Blocks plugin */
.wp-block-uagb-inline-notice > h4.uagb-notice-title {
	margin: 0;
}
.wp-block-uagb-container p,
.uagb-notice-text p {
	margin: 0;
}