/*
 Theme Name:   Soledad Child Theme
 Theme URI:    http://pencidesign.com/
 Description:  Soledad Child Theme - Made by PenciDesign
 Author:       Pencidesign
 Version:      1.0
 Author URI:   http://pencidesign.com/
 Template:     soledad
 Text Domain:  soledad
*/

/* = Theme customization go here
-------------------------------------------------------------- */
/*search*/
.pcsl-inner .pcsl-content .pcsl-title {
    font-size: 14px; 
	text-align: center;}

.pcsl-inner .grid-post-box-meta { display: none;}

/*Homepage Layout Grid Posts*/
.penci-grid li .item>.thumbnail, .penci-masonry .item-masonry>.thumbnail { 
	margin-bottom: 15px;}
#comments_pagination, .penci-pagination {
    margin: 20px 0px 30px;}
.widget, .penci-sidebar-content.pcsb-boxed-whole {
    margin-bottom: 60px;}

/*widget Main Sidebar*/ 
.about-widget .about-me-heading {
    font-size: 18px;
    font-family: "Noto Serif KR", serif;
    font-weight: bold !important;
    letter-spacing: -0.5px;
    padding-bottom: 0;}

.about-widget .about-me-heading:before {display: none;}
.penci-sidebar-content .penci-border-arrow .inner-arrow { letter-spacing: 1px;}

/*Dark Mode*/ 
body.pcdm-enable.pcdark-mode .penci-sidebar-content .penci-border-arrow .inner-arrow {
	color: #000 !important;}
body.pcdm-enable.pcdark-mode .penci-border-arrow .inner-arrow {
	background-color: #fff!important;}
body.pcdm-enable.pcdark-mode .pc-search-form.search-style-icon-button .searchsubmit, body.pcdm-enable.pcdark-mode .pc-search-form.search-style-text-button .searchsubmit {
    color: #000 !important;}
body.pcdm-enable.pcdark-mode .widget button[type=submit]:hover {    
	background-color: #ffffff !important;}
body.pcdm-enable.pcdark-mode .penci-go-to-top-floating {
    background-color:  #000 !important;}
body.pcdm-enable.pcdark-mode .container-single .post-entry a, body.pcdm-enable.pcdark-mode.single .post-entry a {
    color: #ffffff !important;
}
body.pcdm-enable.pcdark-mode .container-single .post-entry .post-tags a {
	color: #ffffff !important;}



/*목차_Table of Contents*/
.penci-toc-wrapper .penci-toc-title-toggle {background-color: #fff !important;}
.penci-toc-wrapper {margin: 20px 0px 46px;}

body.pcdm-enable.pcdark-mode .container-single .post-entry a, body.pcdm-enable.pcdark-mode.single .post-entry a {
    color: #000!important;}

/* 목차 사용 시 빈 공간 문제 해결 */
.post-entry.blockquote-style-1 {
    height: auto !important; 
    transform: none !important;}

/*Single Posts*/
.post-entry h1, .post-entry h2, .post-entry h3, .post-entry h4, .post-entry h5, .post-entry h6 {
    letter-spacing: -0.5px;
    line-height: 1.3;
    font-family: "Noto Serif KR", serif;}

.post-box-meta-single span {
    font-family:"Noto Serif KR", serif;
    font-style: italic;
    font-size: 14px !important;}

.post-pagination span {
    font-size: 14px;
    font-style: italic;
    font-family:"Noto Serif KR", serif;}

.post-tags { text-align: center;}

.post-entry p, .woocommerce .page-description p, .wpb_text_column p {
    margin-bottom: 15px;
    word-break: keep-all !important;
}

/* single post 텍스트 가운데 정렬 */
.single .post { text-align: center;}

/*post featured Image*/
.post-box-meta-single span {
    font-size: 16px !important;}
.post-box-meta-single span {
    color: #777;}
	
/* 구분선 스타일 */
.divider {
  text-align: center;
  margin: 30px 0;
  font-size: 1.5em;
  color: #777;}

/* ul 리스트에 대한 추가 스타일 */
.message-list {
  display: inline-block;
  text-align: left;
  padding-left: 20px !important;
  margin-bottom: 0px !important;}

.post-entry ul {margin-bottom: 0px;}

/* 다운로드 링크(버튼) 스타일 */
.download {
  background: linear-gradient(
    90deg,
    rgba(0, 112, 192, 1) 0%,
    rgba(0, 176, 240, 0.62) 33%,
    rgba(112, 48, 160, 1) 55%,
    rgba(255, 102, 255, 1) 100%
  );
  border-radius: 5px;
  display: inline-block; 
  transition: transform 0.2s ease;}

.download a {
  color: #ffffff !important;
  text-decoration: none;
  display: block;
  padding: 12px 30px; 
  font-weight: bold;
  font-size: 16px; }

.download:hover {
  transform: scale(1.05);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);}

.download a:hover {
    text-decoration: none;}

/* 교독문 다같이 */
.together {
    background-color: #000;
    color: white;
    padding: 3px 8px;
    border-radius: 4px;
    letter-spacing: 1px;
    font-size: 14px;}