/*
Theme Name: Twenty Twenty-Five
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfive
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
 @font-face {
    font-family: 'Cafe24Gowoonbam';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Oneprettynight.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: 'OmuDaye';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-01@1.0/omyu_pretty.woff2') format('woff2');
    font-weight: normal;
    font-display: swap;
}

@font-face {
  font-family: 'Mix';
  src: url('/fonts/mix.woff2') format('woff2');
  /* 여러 범위/개별값 콤마로 구분 */
  unicode-range: U+2013, U+2665, U+20A9;
}

@font-face {
  font-family: "SansSubset";
  src: local("Arial"), local("Helvetica"), local("sans-serif");
  unicode-range: U+2013, U+2192;
}

/* 기본설정 */
* {
  font-family: "SansSubset", 'OmuDaye','Cafe24Gowoonbam', sans-serif;
  color: white;
}

body {
    background-color: #2E3D49;
    font-size: 17px;
}

/* 게시물 글자 */
.wp-block-post-content h1{
  font-size: 35px;
}
.wp-block-post-content h2{
  font-size: 30px;
  padding-bottom: 0.3em;
  border-bottom: 2px solid #badefc;
  margin-bottom: 10px !important;
}
.wp-block-post-content h3{
  font-size: 25px;
}
.wp-block-post-content h4{
  font-size: 20px;
}
.wp-block-post-content h5{
  font-size: 19px;
  margin-top: 10px !important;
}
.wp-block-post-content h6{
  font-size: 18px;
  margin-top: 10px;
}
.wp-block-post-content ul{
  padding-left: 30px;
  margin-top: 10px;
}
/* 게시물 글자 */

/* 사이드바 프로필 */
/* 프로필 이미지 */
.profile-img{
	width: 150px ;
	height: 150px;
	margin-top: 30px;
  margin-left: 65px;
}
.blog-title{
	margin-top: 20px !important;
  margin-bottom: 20px !important;
}
/* 사이드바 프로필 */

/* 사이드바 카테고리 목록 */
.my-cat-tree{
  padding-bottom: 30px !important;
  font-size: 23.5px;
}

.my-cat-tree a{
  text-decoration: none !important;
}

.my-cat-tree,
.my-cat-tree li {
  list-style: none !important;
  margin: 0;
  padding: 0;
}

/* 1단계(대카테고리) */
.my-cat-tree > li {
  position: relative;
  padding-left: 1.6em;
  margin: 0.25em 0;
  /* border-bottom: 1px solid #e0e0e0; */
}
.my-cat-tree > li::before {
  content: "🗂️";
  position: absolute;
  left: 0;
  top: 0.1em;
}

/* 2단계(중카테고리) */
.my-cat-tree > li > ul > li {
  position: relative;
  padding-left: 1.6em;
  margin: 0.25em 0;
}
.my-cat-tree > li > ul > li::before {
  content: "📁";
  position: absolute;
  left: 0;
  top: 0.1em;
}

/* 3단계(소카테고리) */
.my-cat-tree > li > ul > li > ul > li {
  position: relative;
  padding-left: 1.6em;
  margin: 0.25em 0;
}
.my-cat-tree > li > ul > li > ul > li::before {
  content: "📂";
  position: absolute;
  left: 0;
  top: 0.1em;
}
/* 카테고리 들여쓰기 조정 */
.children{
	padding: 0;
}
/* 사이드바 카테고리 목록 */

/* 사이드바 */
.hide-mobile {
    background-color: #18222a;
    padding-right: 10px !important;
    padding-left: 30px !important;
    padding-top: 10px !important;
    /* padding-bottom: 10px !important; */
    margin-bottom: 10px !important;
    position: fixed;
    top: 0;
    left: 0;             /* 사이드바가 왼쪽이면 left: 0, 오른쪽이면 right: 0 */
    width: 300px;
    height: 100vh;
    overflow-y: auto;    /* 내부 스크롤 */
    z-index: 1000;       /* 다른 요소 위에 표시되도록 */
}
/* 사이드바 */

/*메인페이지 콘텐츠 부분*/
.content-fluid {
    width: 100%;
    /* float: left; */
	  margin-left: calc(5% + 340px) !important;
    /* background-color: #2E3D49; */
    margin-right: 5% !important;
}
/*메인페이지 콘텐츠 부분*/

/* 게시글 태그 스타일 변경 */
/* 태그(포스트 태그)만 pill 스타일로 표시 */
.taxonomy-post_tag a {
  display: inline-flex;
  align-items: center;
  background-color: #3b556a;
  border-radius: 9999px;
  text-decoration: none;
  transition: background-color .2s, border-color .2s, color .2s;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 0px;
  padding-top: 0px;
  border-style: none;
}

/* 태그 앞에 대시아이콘(tag) 삽입 */
.taxonomy-post_tag a::before {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-right: 0.25rem;
  vertical-align: middle;

  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='white'><path d='M17.707 10.293 9.707 2.293A1 1 0 0 0 9 2H3a1 1 0 0 0-1 1v6c0 .265.105.52.293.707l8 8a1 1 0 0 0 1.414 0l6-6a1 1 0 0 0 0-1.414ZM6 7a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z'/></svg>");
  background-repeat: no-repeat;
  background-size: contain;
}

/* 호버 시 색상 변경 */
.taxonomy-post_tag a:hover {
  color: white !important;
  background-color: #527592;
  text-decoration: none;
}
/* 게시글 태그 스타일 변경 */

/* 게시글 카테고리 스타일 */
/* 카테고리(분류) 목록은 기본 링크처럼 표시 */
.taxonomy-category a {
  display: inline-flex;
  align-items: center;
  background-color: #3b556a;
  border-radius: 9999px;
  text-decoration: none;
  transition: background-color .2s, border-color .2s, color .2s;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 0px;
  padding-top: 0px;
  border-style: none;
  font-size: medium;
}

.taxonomy-category a:hover {
  color: white !important;
  background-color: #527592;
  text-decoration: none;
}
/* 게시글 카테고리 스타일 */

/* 게시물 이미지 */
.wp-block-post-content img{
  width: 80%;
  display: block; 
  margin-left: auto; 
  margin-right: auto;
  margin-top: 15px;
  margin-bottom: 15px;
}
/* 게시물 이미지 */

/* 버튼 */
button{
  display: inline-flex;
  align-items: center;
  background-color: #3b556a;
  /* border-radius: 9999px; */
  text-decoration: none;
  transition: background-color .2s, border-color .2s, color .2s;
  border-style: none;
}

button:hover {
  background-color: #527592;
}
/* 버튼 */

/* 답글 버튼 */
.wp-block-button input{
  display: inline-flex;
  align-items: center;
  background-color: #3b556a;
  /* border-radius: 9999px; */
  text-decoration: none;
  transition: background-color .2s, border-color .2s, color .2s;
  border-style: none;
}

.wp-block-button input:hover {
  background-color: #527592;
}
/* 답글 버튼 */

/* 댓글 양식 */
.wp-block-comments-query-loop{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.comment-respond{
  padding-top: 0 !important;
}
/* 댓글 양식 */

/* 입력 양식 */
input, textarea{
  background-color: #18222a;
  cursor: none;
}
/* 입력 양식 */

/* 이전글 */
.post-navigation-link-previous a{
  border-style: none;
  text-decoration: none;
}

.post-navigation-link-previous a::before{
  content: "⬅️ ";
  line-height: 1;
}

.post-navigation-link-previous a:hover {
  color: #badefc;
  font-weight: bold;
}
/* 이전글 */

/* 다음글 */
.post-navigation-link-next a{
  border-style: none;
  text-decoration: none;
}

.post-navigation-link-next a::after{
  content: " ➡️";
  line-height: 1;
}

.post-navigation-link-next a:hover {
  color: #badefc;
  font-weight: bold;
}
/* 다음글 */

/* 메인 블로그 게시물 모음 */
.alignwide a{
  text-decoration: none;
}
.alignwide a:hover{
  text-decoration: none;
}
/* 메인 블로그 게시물 모음 */

/* 게시물 작성자 프로필 이미지 */
.avatar{
  height: 50px;
  width: 50px;
}
/* 게시물 작성자 프로필 이미지 */

/* 게시글 날짜 표시 */
.wp-block-post-date{
  font-size: 17px;
}
.wp-block-post-date::before{
  content: "📅 ";
}
/* 게시글 날짜 표시 */

/* 테이블 */
table {
  width: 100%;
}
thead{
  background-color: #18222a;
}
td{
  padding-left: 10px;
  padding-right: 10px;
}
/* 테이블 */





/* 커서 */
body.custom-cursor-on {
  cursor: none;
}

.cursor-gif {
  position: fixed;
  width: 150px;
  height: 150px;
  pointer-events: none;
  background-image: url('/inosuke_cursor.gif');
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 99999;
  transform: translate(-8px, -8px);
}
/* 커서 */

/* 현재페이지 */
.page-numbers.current{
  color: #badefc;
}
/* 현재페이지 */

/* 드래그 */
::selection {
  background-color: #badefc67;
}
/* 드래그 */

/* input 체크박스 */
#wp-comment-cookies-consent{
  position:absolute;
  opacity:0;
  width:0;
  height:0;
}

#wp-comment-cookies-consent + label,
label[for="wp-comment-cookies-consent"]{
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  gap:6px;
}

#wp-comment-cookies-consent + label::before,
label[for="wp-comment-cookies-consent"]::before{
  content:"";
  display:inline-block;
  width:17px;
  height:17px;
  border:2px solid #18222a;
  border-radius:4px;
  box-sizing:border-box;
}

#wp-comment-cookies-consent:checked + label::before,
#wp-comment-cookies-consent:checked ~ label[for="wp-comment-cookies-consent"]::before,
label[for="wp-comment-cookies-consent"].is-checked::before{ /* (JS로 클래스 토글 쓸 때 대비) */
  background-color:#18222a;
  border-color:#18222a;

  background-image:url("data:image/svg+xml;utf8,\<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'>\<polyline points='3.5 8.5 6.8 12 12.5 4.8' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/>\</svg>");
  background-repeat:no-repeat;
  background-position:center;
  background-size:12px 12px;
}

#wp-comment-cookies-consent + label > span,
label[for="wp-comment-cookies-consent"] > span{
  line-height:1;
}
/* input 체크박스 */

/* mac st 코드블럭 */
.code-toolbar pre[class*="language-"], 
.code-toolbar code[class*="language-"]{
  display:block;
}
.code-toolbar ::-webkit-scrollbar-button:start:decrement,.code-toolbar ::-webkit-scrollbar-button:end:increment {
	width:12px;height:12px;
	background:#18222a;
}
.code-toolbar {
  background: #18222a;
  border-radius: 8px;
  overflow: hidden;
  margin: 1rem 0;
  padding-top: 2rem;
  padding-bottom: 0.3rem;
  font-size: 18px !important;
  padding-right: 1em !important;
}

pre[class*="language-"],
code[class*="language-"] {
  font-family: 'OmuDaye','Cafe24Gowoonbam', sans-serif !important;
}

.code-toolbar .line-numbers{
  font-family: 'OmuDaye','Cafe24Gowoonbam', sans-serif !important;
}

.code-toolbar > .toolbar {
  top: .1em !important;
}
p:has(> code) {
  text-indent: 0; /* 들여쓰기 효과 제거 */
}
p:has(> code)::before {
  display: none !important;
}
pre[class*="language-"],
pre[class*="language-"] > code,
pre[class*="language-"] .line-numbers-rows > span {
  font-size: 18px !important;
}

.code-toolbar::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2rem;
  background: #676f77;
}

.code-toolbar::after {
  content: "";
  position: absolute;
  top: 0.6rem;
  left: 1rem;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #fc625d;
  box-shadow: 20px 0 0 0 #fdbc40,
              40px 0 0 0 #35cd4b;
  z-index: 3;
}

.code-toolbar pre {
  margin: 0;
  padding: 1rem;
  background-color: #18222a !important;
  filter: none !important;
  backdrop-filter: none !important;
  color: white;
}
.code-toolbar .token {
  text-shadow: none;
  display: inline-block;
}
.code-toolbar pre[class*="language-"],
.code-toolbar code[class*="language-"] {
  color: white;
  text-shadow: none;
}
.code-toolbar span{
  background-color: #18222a !important;
  /* margin-right: 1em; */
}

pre[class*="language-"].line-numbers {
  padding-left: 3em;
}
/* mac st 코드블럭 */

/* 스크롤바 스타일 */
::-webkit-scrollbar{
	width: 16px;
}
::-webkit-scrollbar-track {
	background-color:#343b41; border-radius: 16px;
}
::-webkit-scrollbar-thumb {
	background-color:#3b556a;
	border-radius: 16px;
}
::-webkit-scrollbar-thumb:hover {
	background: #527592;
}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {
	width:12px;height:12px;
	background:#2E3D49;
}
/* 스크롤바 스타일 */

.mg-latest-news-slider {
	margin-left: 90px !important;
}

article[class="small single"] {
	margin-left: 20px;
}

article[class="small single"] img {
	width: 100%;
	border-radius: 5px;
}

span[class="token operator"] {
	background: #18222a !important;
}

a {
    text-decoration-color: #badefc;
    text-underline-offset : 5px;
    text-decoration-thickness: 2px;
    cursor: none;
}

a:hover {
    text-decoration: underline;
    text-decoration-color: #badefc;
    text-underline-offset : 5px;
    text-decoration-thickness: 3px;
    color: #badefc !important;
    font-weight: bold;
}

.sidebar{
	border: 10px solid #008cff;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}

/* 모바일 */
@media (max-width: 782px) {
  .hide-mobile {
    display: none !important;
  }
  .content-fluid {
    width: 100%;
    float: none;
	  margin-left: 5% !important;
  }
  .alignfull .taxonomy-post_tag{
    display: none !important;
  }
  .alignfull .wp-block-post-date{
    display: none !important;
  }
}