/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Ahn, Ki-Young
 Author URI:   https://www.anybox.net
 Template:     generatepress
 Version:      0.1
*/

body.home footer.entry-meta,
body.category footer.entry-meta{margin-top:3em;display:flex}
body.home footer .cat-links,
body.home footer .tags-links,
body.category footer .cat-links,
body.category footer .tags-links{margin-right:1rem}

/* main */
.site-main .post-navigation{display:flex;justify-content:space-between;margin-top:1rem;font-size:22px;gap:20px;border-top:1px dotted #ccc;padding-top:1rem}
.site-main .post-navigation .nav-previous,.site-main .post-navigation .nav-next{display: flex;flex-direction:column;}
.site-main .post-navigation .nav-previous:before,.site-main .post-navigation .nav-next:before{font-size:14px;font-weight:600;color:var(--contrast);text-transform:uppercase;font-family:'Poppins',sans-serif;opacity:0.5}
.site-main .post-navigation .nav-previous:before{content:'< Previous';}
.site-main .post-navigation .nav-next{text-align:right}
.site-main .post-navigation .nav-next:before{content:'Next >';}
.site-main .post-navigation .gp-icon{display:none;}
.page-header-image-single{display:none}
 
@media (max-width:768px){
    .site-main .post-navigation{flex-direction: column;}
    .site-main .post-navigation a:hover{font-weight:400}
}

/* list 이미지와 글 같이 비율로 수평 표현시 30%:70% or 100% */
.entry-main{display:flex;column-gap:20px;margin:1rem 1rem 0 0}
.post-image{flex:0 0 auto;width:30%}
.entry-summary{flex:0 0 auto;width:100%;margin-top:0!important;font-size:15px}

/* 글 박스 배경색 변경 */
.post {
    background-color: #f9f9f9; /* 원하는 색상으로 변경 */
    border-radius: 10px; /* 모서리 둥글게 */
    padding: 1px; /* 안쪽 여백 조정 */
    margin-bottom: 5px; /* 아래 여백 조정 */
}

.widget-area .widget{padding:20px 15px 0}
.widget-area .widget:last-child{padding-bottom:10px}

.widget ul li:first-child{margin-top:0}
.widget ul li{margin:1px 0 0;font-size:15px;line-height:1.4}

.sidebar .widget a,.site-main .post-navigation a{color:#0000ff;box-shadow:none!important;border:none!important;text-decoration:none!important}
.sidebar .widget a:active,.sidebar .widget a:focus,.sidebar .widget a:hover{color:var(--accent);box-shadow:none!important;border:none!important;text-decoration:none!important}
.site-main .post-navigation a:hover,.sidebar .widget a:hover,.lwptoc-notInherit .lwptoc_i DIV A:hover{border-color:var(--accent);border-bottom:1px dotted!important;font-weight:700;margin-bottom:-1px}

/* sidebar */
.sidebar .widget {
    background-color: #edf5ff;
	border-radius:5px;
	margin-bottom:0;
}

/* 워드프레스 GeneratePress 테마 사이드바 색상 설정 */
.sidebar .widget:first-child .widget-title{
	background-color: #fff; // #83b0de;
	border:1px solid blue;
}

/* GeneratePress 테마 사이드바를 고정. 상단에 고정 스크롤하기 */
@media (min-width: 1025px) {
.site-content {
    display: flex;
    justify-content: space-around;
    align-items: flex-start; }
	
#right-sidebar {
    position: -webkit-sticky;
    position: sticky;
   top: 0px; /* 0기본값이나 로그인사용자가 상단툴 표현시 15로 설정필요. 값을 적절히 변경하세요 */
   align-self: flex-start; }
}

/* 이미지 자동 테두리 */
.entry-content img{
	border:1px outset rgba(0, 0, 0, 0.67);
	border-radius:5px; /* 둥근 모서리 */
}

/* 사이드바 검색창 크기 조절 */
.sidebar .widget_search input[type="search"] {
    width: 100%; /* 검색창 너비를 100%로 설정하여 사이드바에 맞게 조정 , 높이는 height 로 조정 가능 */
    max-width: 250px; /* 검색창의 최대 너비를 원하는 값으로 설정 */
    padding: 5px; /* 검색창 내부의 패딩 조절 */
    font-size: 14px; /* 검색창 텍스트 크기 조정 */
	box-sizing: border-box; /* 패딩과 보더를 너비에 포함 */
}

.sidebar .widget_search input[type="submit"] {
    padding: 5px 5px; /* 검색 버튼의 패딩 조절 */
    font-size: 14px; /* 검색 버튼 텍스트 크기 조정 */
}

/* 사이드바 카테고리 목록에 아이콘 추가 */
.sidebar .widget_categories ul li::before {
    content: "📁"; /* 아이콘 (예: 폴더 이모지) */
    margin-right: 8px; /* 아이콘과 텍스트 사이 간격 */
    font-size: 16px; /* 아이콘 크기 조정 */
    color: #333; /* 아이콘 색상 */
    list-style-type: none;
    padding: 0;
}

.sidebar .widget_categories ul li {
    background-color: #f4f4f4; /* 카드 배경색 */
    padding: 0px;
    margin-bottom: 0px;
    border: 1px solid #ddd; /* 테두리 */
    border-radius: 5px; /* 둥근 모서리 */
    transition: transform 0.3s ease; /* 호버 시 변화 애니메이션 */
}

.sidebar .widget_categories ul li:hover {
    transform: scale(1.2); /* 호버 시 확대 효과 */
}


/* 인쇄 아이콘 위치 조정하기 */
/* Move the position of the printer icon in WordPress GeneratePress theme */
.pom-default {
    display: inline-block;
    margin-bottom: -10px;
}

.single .entry-meta {
    display: inline;
    margin-right: 10px;
}

/* 글자에 하이라이트 설정하기 */
.highlight-yellow {
    background-color: yellow;
    padding: 2px 4px;
    border-radius: 4px;
}
.highlight-blue {
    background-color: lightblue;
    padding: 2px 4px;
    border-radius: 4px;
}
.highlight-pink {
    background-color: pink;
    padding: 2px 4px;
    border-radius: 4px;
}

/* 검색어에 하이라이트 설정하기 */
.search-highlight {
    background-color: yellow;
    font-weight: bold;
}


/* 글 표 스타일 설정하기 */
.table-style-1 thead {
    background-color: #FFFF7D4D;
    color: black;
}
.wp-block-table table {
    border-collapse: collapse;
}
.wp-block-table figcaption {
    text-align: center;
}

/* 나눔고딕 폰트로 변경 
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700&subset=korean'); body,h1,h2,h3,h4,h5,h6,li,a,textarea,p,span,dl,dt,dd,td,th,button,strong,label,input { font-family: 'Nanum Gothic','Open Sans',dashicons, IcoMoon !important; } 
*/
/* Noto Sans KR변경 */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css) ; body, h1, h2, h3, h4, h5, h6, li, p { font-family: 'Noto Sans KR'; !important ; } 


/* 전체 달력 위젯의 폭을 조절 (예: 100% or 픽셀 단위) */
.widget_calendar {
    max-width: 300px;
    width: 100%;
    font-size: 14px; /* 글자 크기 */
}
.widget_calendar table {
    width: 100%; /* 달력 테이블 크기와 여백 */
    border-collapse: collapse;
}
.widget_calendar td, .widget_calendar th {
    padding: 2px; /* 각 셀 padding 및 정렬 */
    text-align: center;
}
.widget_calendar td#today {
    background-color: #ffff99; /* 오늘 날짜 강조 */
    color: #ff3300;
    border-radius: 5px;
}
.widget_calendar caption { 
    font-size: 16px; /* 월 이름 스타일 */
    font-weight: bold;
    margin-bottom: 5px;
}

/* 더보기를 버튼으로 표현하기 */
.read-more {
  display: inline-block;
  padding: 0px 5px;
  background-color: #99b3ff;
  color: #0000ff;
  text-decoration: none;
  border-radius: 4px;
}
.read-more:hover {
  background-color: #0000ff;
  color: #ffffff;
}

/* post views counter dashicons 색상 변경 */
.post-views .dashicons {
    color: #1e90ff; /* 파란색 */
}
.post-views:hover .dashicons {
    color: #e91e63;
}


/* 웹사이트 탐색경로 설정 Breadcrumbs 스타일 */
#breadcrumbs {
   margin: 10px 0;
   padding: 5px 0;
   font-size: 14px;
   color: #666;
}#breadcrumbs a {
   color: #1e73be;
   text-decoration: none;
}#breadcrumbs a:hover {
   text-decoration: underline;
}


/* End */