/*
 * copyright (c) 2015-2017 tokiidesu
 * design by tokiidesu
 *
 * version: 2017.r02 20170901
 * release date: September 2017
 */

/* --------------------------------------------------------------------------
스타일
*/

/* 본문 > 제목 크기 */
/* 변경하시려면 주석을 해제해주세요
.entry-article > header > h2 {
  font-size: 28px;
}
*/

/* 본문 > 글씨 색, 글씨 크기 */
/* 변경하시려면 주석을 해제해주세요
body {
  color: #333;
  font-size: 16px;
}
*/

/* 모바일 */
@media (max-width: 960px) {
  /* 본문 > 제목 크기 */
  /* 변경하시려면 주석을 해제해주세요
  .entry-article > header > h2 {
    font-size: 26px;
  }
  */
  
  /* 본문 > 글씨 크기 */
  /* 변경하시려면 주석을 해제해주세요
  body {
    font-size: 17px;
  }
  */
}

/* --------------------------------------------------------------------------
색 변경
*/

/* 상단 메뉴 > 블로그 제목 */
/* 변경하시려면 주석을 해제해주세요
.header .site-title a {
  color: #333 !important; }
.header .site-title a:hover {
  color: #e95024 !important; }
*/

/* 상단 메뉴 > 메뉴 버튼 */
/* 변경하시려면 주석을 해제해주세요
.header .aside-button svg {
  fill: #333 !important; }
.header .aside-button svg:hover {
  fill: #e95024 !important; }
*/

/* 사이드바 > 구분선 */
/* 변경하시려면 주석을 해제해주세요
.sidebar .module + .module {
  border-color: rgba(0, 0, 0, .12) !important;
}
*/

/* 대표색 */
/* 변경하시려면 주석을 해제해주세요
.button {
  background-color: #78b92c !important;
}

.site input[type="text"]:focus,
.site input[type="email"]:focus,
.site input[type="url"]:focus,
.site input[type="password"]:focus,
.site input[type="search"]:focus,
.site textarea:focus {
  border-color: #78b92c !important;
}

.comment-item > .comment .comment-body > footer a,
.site .taglist li a.cloud1,
.site .taglist li a.cloud2,
.header .account-dropdown > .menu > nav a.primary,
.sidebar .module h2,
.search-header > h2 > em,
.entry > .article .details > footer .item.primary a,
.entry-article > header > .category a,
.entry-article .article a,
.entry-section.tag > .section-content a,
.entry-section.related-article .related-more,
.entry-section.related-article .related-more a,
.entry-section.comment .activity .comment-toggle em,
.comment-item > .comment .comment-body > header .details > .item.date a,
.entry-article .moreless_fold,
.entry-article .moreless_top,
.entry-article .moreless_bottom,
.tt_more_preview_comments_wrap .tt_more_preview_comments_text,
.site > .account .module.user a.primary,
.comment-item > .comment .comment-body > header .author a:hover,
.site .taglist li a.cloud3:hover,
.site .taglist li a.cloud4:hover,
.site .taglist li a.cloud5:hover,
.header .site-title a:hover,
.header .account-dropdown > .menu > header > a:hover .details > .blog,
.header .account-dropdown > .menu > nav a:hover,
.sidebar .site-toolbar .section-title .title:hover,
.sidebar .module a:hover,
.sidebar .module a:hover > em,
.sidebar .module.profile > article > h2 a:hover,
.sidebar .module.category .link_tit:hover,
.sidebar .module.category .link_item:hover,
.sidebar .module.category .link_sub_item:hover,
.entry > .article .details > header > h3 a:hover,
.entry > .article .details > .summary:hover,
.entry > .article .details > .summary:hover p,
.entry > .article .details > footer .item a:hover,
.entry-article > header > h2 a:hover,
.entry-article > header > .details > .item a:hover,
.entry-section.author-info .author-body > header a:hover,
.entry-section.author-info .author-body > header .details .item a:hover,
.entry-section.author-info .author-body > footer a,
.related-items > .related-item a:hover .details > header h3,
.entry-section.comment .activity a:hover,
.navigation .nav-item:hover span:not(.selected),
.footer-nav a:hover,
.footer address a:hover,
.header .account > a:hover,
.site > .account .module a:hover,
.site > .account .module.profile > a:hover .details .blog {
  color: #78b92c !important;
}

.header .aside-button > svg:hover,
.sidebar .site-toolbar .aside-close-button > svg:hover,
.navigation .nav-end:not(.no-more-prev):not(.no-more-next):hover > svg:hover,
.site > .account > header .account-close-button > svg:hover {
  fill: #78b92c !important;
}

@media (min-width: 641px) {
  .navigation .nav-item span.selected {
    color: #78b92c !important;
  }
}
*/

.hljs {
    white-space: pre;
    overflow-x: auto;
}

pre[data-ke-type='codeblock'] {
  white-space: pre-wrap;
  word-break: break-word;
  margin: 0 0 20px 0;
  font-size: 13px;
  line-height: 17px;
}
pre[data-ke-type='codeblock'] > code {
  display: block;
  overflow-x: auto;
  font-family: consolas, monospace;
}
pre[data-ke-type='codeblock'] > code.lnWrap {
  position: relative;
  padding-left: 40px;
}

pre[data-ke-type='codeblock'] > code .ln[data-ln]::before,
pre[data-ke-type='codeblock'] > code .ln[data-ln--before]::before {
  content: attr(data-ln);
}

pre[data-ke-type='codeblock'] > code .ln,
pre[data-ke-type='codeblock'] > code .lnBorder {
  box-sizing: border-box;
  position: absolute;
  left: 0;
  display: inline-block;
  width: 40px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}

pre[data-ke-type='codeblock'] > code .lnBorder {
  z-index: 1;
  top: 0;
  bottom: 0;
  border: 1px solid transparent;
  border-right-color: #ccc;
}

pre[data-ke-type='codeblock'] > code .ln {
  z-index: 0;
  padding-right: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right;
}
pre[data-ke-type='codeblock'] > code .lc {
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  padding-left: 10px;
}
pre[data-ke-type='codeblock'] > code.noline .lc {
  padding-left: 0;
}

pre[data-ke-type='codeblock'] > code .ln.marker {
  background-color: rgba(40, 70, 100, 1);
  background: linear-gradient(to left, rgba(40, 70, 100, 1) 60%, transparent);
  color: white !important;
}
pre[data-ke-type='codeblock'] > code .lc.marker {
  background-color: rgba(40, 70, 100,1);
  background: linear-gradient(to right, rgba(40, 70, 100, 1) 80%, transparent);
}

pre[data-ke-type='codeblock'] > code .lnA { }
pre[data-ke-type='codeblock'] > code .lnB { }

pre[data-ke-type='codeblock'] > code .colBox {
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  margin-right: 4px;
  outline: 1px solid grey;
}

pre[data-ke-type='codeblock'] > code .hover, pre[data-ke-type='codeblock'] > code .clicked {
  outline: solid 1px gold;
}
pre[data-ke-type='codeblock'] > code .solo:hover {
  color: red;
}