/*
Theme Name: KoreaHi Child
Theme URI: https://koreahi.com/
Description: KoreaHi custom child theme for Twenty Twenty-Four
Author: KoreaHi
Author URI: https://koreahi.com/
Template: twentytwentyfour
Version: 1.0.0
Text Domain: koreahi-child
*/

@media (max-width: 768px) {
	
figure.aligncenter.bl-i.wp-block-post-featured-image {
    width: 100vw !important; /* 뷰포트 전체 너비 */
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    max-width: none !important;
}

figure.aligncenter.bl-i.wp-block-post-featured-image img {
    width: 100% !important;
    height: auto !important;
}


div#blog-te {
       
    }
	
	
	
	.wp-block-post-featured-image {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
}
.blog-h{
	padding: 20px !important;
}	
	
	
	.blog-con{
		padding-left:30px;
		padding-right:30px;
	}
	.bl-s {
		padding: 25px;
	}
	
	.ca-lo {
		display:none;
	}
	
	div#ca-list {
	padding-left:0px !important;
	padding-right:0px!important;
}
  .mobile-side-padding {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  
  .wp-block-navigation__responsive-container.is-menu-open {
    display: flex !important;
    flex-direction: column !important;
    height: 100vh !important;
    width: 100% !important;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff; /* 배경색 확인 필요 */
    z-index: 999999;
}

/* 내부 아이템들을 세로로 정렬 */
.wp-block-navigation__responsive-container-content {
    flex-direction: column !important;
    align-items: center;
    padding-top: 50px;
}

.tlogo {
	width:100px;
}

.m-page {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  
  
  
   /* 1. 메뉴 창 자체의 외곽 패딩 제거 */
.wp-block-navigation__responsive-container.is-menu-open {
    padding-left: 0px !important;
	
}
  /* 1. 메뉴 닫기 버튼(X) 위치 조정 */
.wp-block-navigation__responsive-container-close {
    right: 10px !important; /* 오른쪽 끝에서 30px 떨어지게 */
    top: 10px !important;   /* 위쪽 끝에서 30px 떨어지게 */
}

/* 2. 하단 액션 버튼 컨테이너에 오른쪽 패딩 추가 */
.wp-block-button {
    padding-right: 25px !important;
}

/* 3. 메뉴 항목들도 30px로 통일 */
.wp-block-navigation-item__content {
    padding-right: 30px !important;
}

}

/* 클릭 시 나타나는 포커스 외곽선 제거 */
.wp-block-navigation-item__content:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* 현재 활성화된 메뉴의 테두리 제거 (필요한 경우) */
.wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content,
.wp-block-navigation-item.current_page_item .wp-block-navigation-item__content {
    border: none !important;
    outline: none !important;
}

/* 슬라이딩 메뉴가 열렸을 때 활성 항목 색상 변경 */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__label,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.current_page_item .wp-block-navigation-item__label,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.current-menu-ancestor .wp-block-navigation-item__label {
    color: #ff0000 !important; /* 원하는 색상(예: #0073aa 파란색 등)으로 변경 가능 */
    font-weight: 700 !important; /* 눈에 띄게 굵게 설정 */
    text-decoration: underline !important; /* (선택사항) 밑줄 추가 */
}



.site-header-fixed {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: rgba(248, 251, 253, 0.96);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-bottom: 1px solid #E5E7EB;
}


.wp-block-post-title a {
display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.wp-block-columns {
  align-items: flex-start !important;
}