/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 5,700+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.11.11.1758001620
Updated: 2025-09-16 05:47:00

*/

/* 헤더 로고 및 설명문 세로 정렬 */
.site-branding {
  display: flex;
  flex-direction: column;
}

.site-branding p{
  color: aliceblue;
}

/* 푸터 빈칸 제거 */
.elementor-element.elementor-element-f78621c {
  display: none;
}



/* 부모 배경 제거 */
.title-font-background { background: none !important; }

/* 글자(줄바꿈 포함) 영역만 배경 */
.title-font-background .elementor-heading-title,
.title-font-background p {
  display: inline;
  background: #111f38 !important;
  padding: 4px 12px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}


.imagebox {
    background: none !important;
}

.imagebox .elementor-image-box-title,
.imagebox h3 {
    display: inline;
    background: #111f38 !important;
    padding: 4px 12px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    line-height: 2.3em;
}


.imagebox .elementor-image-box-img{
  margin-bottom: 0px !important;
}

.hero-contents {
  margin: auto;
  width: 500px;
}



@media (max-width: 768px){
  .hero-contents {
    margin: auto;
    width: auto;
  }

}


/* 메뉴 전체 너비 가운데 정렬 */
.hfe-nav-menu {
  display: flex;
  justify-content: center;     /* 가운데 정렬 */
  gap: 2px;                   /* li 사이 간격 */
}



/* === 단일 포스트: 타이틀(히어로) 이미지 === */
.single .entry-header .post-thumb,
.single .entry-header .post-thumb-img-content { width:100%; margin:0; }
.single .entry-header .post-thumb img{
  display:block; width:100%;
  aspect-ratio: 12 / 5;          /* 1920x800 느낌 유지 */
  object-fit: contain;              /* 가득 채우기 */
  object-position: center;        /* 정중앙 크롭 */
  border:1px solid #e9e9e9;       /* 얇은 테두리 */
  border-radius: 8px;
}

/* 원본이 작아도 중앙 배치 & 여백 */
.single .entry-header .post-thumb { 
  overflow:hidden; 
  background:#fff; 
}

/* === Related Posts: 썸네일을 카드 너비의 1/2로, 중앙 정렬 === */
.ast-single-related-posts-container .ast-related-post-featured-section .post-thumb-img-content{
  margin: 0 auto 12px;            /* 중앙 정렬 */
  border:1px solid #e9e9e9;       /* 얇은 테두리 */
  border-radius: 8px;
  overflow:hidden;
  background:#fff;
  aspect-ratio: 16/6;
}
.ast-single-related-posts-container .ast-related-post-featured-section img{
  display:block; width:100%; height:100%;
  object-fit: cover; object-position:center;
}

/* 모바일에선 100%로 확장 */
@media (max-width: 768px){
  .ast-single-related-posts-container .ast-related-post-featured-section .post-thumb-img-content{
    max-width:100%;
  }
  .ast-single-related-posts-container,
  .ast-post-format-.single-layout-1 {
    padding-left:15px !important;
    padding-right:15px !important;
  }
  .ast-related-post-title.entry-title a{
    font-size:18px !important;
    line-height: 1.5em !important
  }
  .entry-header.related-entry-header{
    margin-top:0px !important
  }
}