/* share */
.modal-share{position:fixed; display:flex; display:none; justify-content:center; align-items:center; top:0; right:0; bottom:0; left:0; z-index:999; background-color:rgba(0,0,0,0.5)}
.modal-share.on{display:flex; max-width:100%}
.modal-contents{width:300px; border-radius:14px; padding:20px 20px 15px 20px; background-color:#FFF; z-index:101; position:relative}
.modal-header{display:flex; justify-content:space-between; align-items:center; margin-bottom:15px}
.modal-title{font-size:18px; font-weight:500}
.modal-close{display:inline-block; width:15px; height:15px; background-image:url('/wp-content/themes/watv/images/sns/ico_share_close.svg'); background-size:100%; background-repeat:no-repeat; cursor:pointer}
.modal-share .sns-share .addtoany_shortcode{display:inline}
.modal-share .sns-share .addtoany_shortcode .addtoany_list{display:flex; flex-wrap:wrap}
.modal-share .sns-share .addtoany_shortcode .addtoany_list a,
.modal-share .sns-share .kakaotalk{display:flex; flex-direction:column; align-items:center; width:25%; height:auto; padding-bottom:10px; margin:0 !important; opacity:1; overflow:hidden; position:relative; background-image:inherit}
.modal-share .sns-share .addtoany_shortcode .addtoany_list a::before,
.modal-share .sns-share .kakaotalk::before{content:''; position:relative; display:block; width:40px; height:40px; border-radius:14px; top:0; right:0; bottom:0; left:0; background-position:center; background-repeat:no-repeat; box-shadow:0px 0px 0px 1px rgb(0 0 0 / 7%) inset}
.modal-share .sns-share .addtoany_shortcode .addtoany_list a.a2a_button_facebook::before {background-color:#3F5594; background-image:url('/wp-content/themes/watv/images/sns/ico_share_facebook.svg')}
.modal-share .sns-share .addtoany_shortcode .addtoany_list a.a2a_button_twitter::before  {background-color:#1B97F0; background-image:url('/wp-content/themes/watv/images/sns/ico_share_twitter.svg')}
.modal-share .sns-share .addtoany_shortcode .addtoany_list a.a2a_button_email::before    {background-color:#7D7D7D; background-image:url('/wp-content/themes/watv/images/sns/ico_share_mail.svg')}
.modal-share .sns-share .addtoany_shortcode .addtoany_list a.a2a_button_line::before     {background-color:#21CD5B; background-image:url('/wp-content/themes/watv/images/sns/ico_share_line.svg')}
.modal-share .sns-share .addtoany_shortcode .addtoany_list a.a2a_button_kakao::before    {background-color:#FDBF00; background-image:url('/wp-content/themes/watv/images/sns/ico_share_story.svg')}
.modal-share .sns-share .addtoany_shortcode .addtoany_list a.a2a_button_sms::before      {background-color:#4F67ED; background-image:url('/wp-content/themes/watv/images/sns/ico_share_sms.svg')}
.modal-share .sns-share .addtoany_shortcode .addtoany_list a.a2a_button_copy_link::before{background-color:#FFFFFF; background-image:url('/wp-content/themes/watv/images/sns/ico_share_link.svg')}
.modal-share .sns-share .addtoany_shortcode .addtoany_list a.a2a_button_x::before{background-color:#000000; background-image:url('/wp-content/themes/watv/images/sns/ico_share_x.svg')}
.modal-share .sns-share .kakaotalk::before {background-color:#FFE300; background-image:url('/wp-content/themes/watv/images/sns/ico_share_kakaotalk.svg')}
.modal-share .sns-share .addtoany_shortcode .addtoany_list > a:after,
.modal-share .sns-share .kakaotalk:after{content:attr(title); position:relative; display:block; text-align:center; font-size:11px; font-weight:500; color:var(--text-body); margin-top:2px}


/* -----------------------------------
교회 상세
----------------------------------- */
.just-test{display:flex; justify-content:center; align-items:center; text-align:center; height:600px; background-color:var(--bg-warm); color:rgba(0, 0, 0, 0.4); margin-top:48px; border-radius:16px}
.section-awards .section-head .eyebrow,
.section-press .section-head .eyebrow{text-transform:capitalize}

.church-detail .page-visual{min-height:440px; flex-direction:column; background-color:var(--bg-warm); overflow:hidden}
.church-detail .page-visual .page-head{padding-top:var(--padding-container-md); padding-bottom:var(--padding-container-md); max-width:inherit}
.church-detail .page-visual .text-wrap{max-width:380px}
.church-detail .section-head:not(.section-video .section-head),
.section-awards .section-head,
.section-press .section-head{padding-bottom:28px}
.church-detail .page-visual .text-wrap > *:not(:first-child){margin-top:8px}
.church-detail .page-visual .text-wrap .btns{margin-top:16px; justify-content:flex-start}
.church-detail .page-visual .thum{width:100%; overflow:hidden}
.church-detail .page-visual img{width:100%; height:100%; object-fit:cover}
.church-detail .section-stories,
.church-detail .section-awards{padding-top:var(--padding-container-md); padding-bottom:var(--padding-container-md)}
.church-detail .section-press{padding-top:var(--padding-container-md); padding-bottom:var(--padding-container-lg)}
.church-detail .section-video{padding-top:var(--padding-container-lg); background-color:var(--bg-warm)}
.church-detail .section-stories .lists{row-gap:32px}
@media(min-width:768px){
  .church-detail .page-visual .text-wrap > *:not(:first-child){margin-top:12px}
  .church-detail .page-visual .thum{width:100%; height:450px; overflow:hidden}
  .church-detail .page-visual .page-head{display:flex; flex-direction:column; justify-content:center; max-width:760px}
  .church-detail .page-visual .text-wrap .desc{max-width:340px}
  .church-detail .page-visual .text-wrap .btns{margin-top:24px}
}
@media(min-width:1070px){
  .church-detail .section-head:not(.section-video .section-head){padding-bottom:48px}
  .church-detail .page-visual{flex-direction:row}
  .church-detail .page-visual{min-height:800px}
  .church-detail .page-visual .page-head{max-width:800px; align-items:center; padding-top:var(--padding-container-lg); padding-bottom:var(--padding-container-lg)}
  .church-detail .page-visual .text-wrap{max-width:540px}
  .church-detail .page-visual .text-wrap > *:not(:first-child){margin-top:16px}
  .church-detail .page-visual .text-wrap .desc{max-width:480px}
  .church-detail .page-visual .text-wrap .btns{margin-top:32px}
  .church-detail .page-visual .thum{height:800px}
  .church-detail .section-video .special{background-color:var(--container-brand-light)}
}
@media(min-width:1920px){
  .church-detail .page-visual .page-head{max-width:800px/*max-width:1200px*/}
}

/* 사진 없을때 */
.not-exclusive-church .text-wrap{text-align:center}
.not-exclusive-church .church-detail .page-visual .page-head{display:flex; justify-content:center; align-items:center; padding-top:var(--padding-container-md); padding-bottom:var(--padding-container-md)}
.not-exclusive-church .church-detail .page-visual{min-height:180px}
.not-exclusive-church .church-detail .page-visual .text-wrap .btns{display:none}
@media(min-width:768px){
.not-exclusive-church .church-detail .page-visual{min-height:300px}
}
@media(min-width:1070px){
.not-exclusive-church .church-detail .page-visual{min-height:500px}
}


/* scroll-fix-menu */
.scroll-fix-menu{background-color:#fff; z-index:1}
.scroll-fix-menu .container{min-height:60px; display:flex; justify-content:center; flex-wrap:wrap; gap:16px; align-items:center; padding-top:16px; padding-bottom:16px; padding-left:5%; padding-right:5%}
.scroll-fix-menu.is_stuck{box-shadow:0 1px 2px rgba(0,0,0,0.06); transition:all .25s ease-in-out}
.scroll-fix-menu .menu-item{position:relative; font-size:16px; font-weight:500; text-align:center; padding-bottom:4px; flex-shrink:0}
.scroll-fix-menu .menu-item.active{color:#825236}
.scroll-fix-menu .menu-item::before{content:''; position:absolute; width:0%; height:2px; left:0; right:0; bottom:0; background-color:#80513f; transition:all .2s ease}
.scroll-fix-menu .menu-item.active::before{width:100%}
.global-container .header.headroom--not-top.headroom--pinned:not(.headroom--unpinned) ~ .contents .scroll-fix-menu{top:60px !important}
@media(min-width:768px){
  .scroll-fix-menu .menu-item:hover{color:#825236}
  .scroll-fix-menu .menu-item:hover::before{width:100%}
}
@media(min-width:1070px){
  .scroll-fix-menu .container{gap:32px}
  .scroll-fix-menu .menu-item{font-size:19px}
  .global-container .header.headroom--not-top.headroom--pinned:not(.headroom--unpinned) ~ .contents .scroll-fix-menu{top:80px !important}
}

/* -----------------------------------
수상내역, 언론보도
----------------------------------- */
.page-achievement .list-head{padding-top:var(--padding-container-md)}
.page-achievement .list-head .title{display:flex; align-items:center; gap:4px}
.page-achievement .list-head .title::before{content:''; display:inline-block; width:40px; height:40px; background-position:center; background-size:100%; background-repeat:no-repeat; margin-top:-4px}
.page-achievement .list-head > *:not(:first-child){margin-top:8px}
.page-achievement .section-banner{padding:0; max-width:100%}
.page-achievement .banner{border-radius:0}
.page-achievement .banner .btn .ico{margin-top:0}
@media(min-width:768px) and (max-width:1069px){
  .page-achievement .list-head{padding-top:var(--padding-container-lg); padding-bottom:var(--padding-container-md)}
  .page-achievement .list-head .title{font-size:40px; gap:8px}
  .page-achievement .list-head .title::before{width:56px; height:56px}
  .page-achievement .list-head > *:not(:first-child){margin-top:16px}
  .page-achievement .banner{height:380px}
  .page-achievement .banner .item{max-width:460px}
}
@media(min-width:1070px){
  .page-achievement .list-head{padding-bottom:var(--padding-container-sm)}
  .page-achievement .list-head .title{gap:12px}
  .page-achievement .list-head .title::before{width:80px; height:80px}
  .page-achievement .list-head > *:not(:first-child){margin-top:20px}
  .page-achievement .banner{border-radius:var(--radius-lg); height:540px}
  .page-achievement .banner .item{max-width:500px}
  .page-achievement .section-banner{padding-bottom:var(--padding-container-lg); max-width:1400px; padding-left:40px;  padding-right:40px; margin-left:auto; margin-right:auto}
}

/* 수상내역 */
.page-awards .list-head .title::before{background-image:url('../images/ico/ico_awards.png')}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:1.5dppx), (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi){
  .page-awards .list-head .title::before{background-image:url('../images/ico/ico_awards@2x.png')}
}
/* 언론보도 */
.page-press .list-head .title::before{background-image:url('../images/ico/ico_press.png')}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:1.5dppx), (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi){
  .page-press .list-head .title::before{background-image:url('../images/ico/ico_press@2x.png')}
}


/* -----------------------------------
검색, 태그 목록
----------------------------------- */
/* ----- 검색 ----- */
.section-search{padding-top:var(--padding-container-md)}
.section-search .input{border-radius:var(--radius-md); box-shadow:inset 0 0 0 1px rgba(0,0,0,0.1)}
.section-search .input-field{font-size:17px; padding:13px 20px}
.section-search .input-left-addon,
.section-search .input-right-addon{padding:0 20px}
.search-state{margin-top:30px; margin-bottom:8px; font-size:16px; color:var(--ui-search-page-result-text)}
.search .search-state strong{font-weight:400; color:var(--ui-search-page-result-strong)}
.search-results .lists .list-link{padding-top:0; padding-bottom:0; border:none}

@media(min-width:768px){
  .search-state{font-size:20px}
}
@media(min-width:1070px){
  .section-search{padding-top:var(--padding-container-lg)}
  .section-search .input-field{padding:18px 20px}
}
/* search-no-results */
.search-no-results .section-search{padding-bottom:var(--padding-container-md)}
.search-no-results .deco{display:block; position:relative; width:96px; height:96px; background-image:url('../images/ico/ico_search.png'); background-size:contain; background-position:center; background-repeat:no-repeat; margin-bottom:16px; animation:floatEffect 3s ease-in-out infinite}
.search-no-results .deco::after{content:""; display:block; position:absolute; bottom:-5px; left:35%; width:65%; height:10px; background:radial-gradient(50% 50% at 50% 50%, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%); transform:translateX(-50%); animation:shadowEffect 3s ease-in-out infinite; opacity:.5;}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:1.5dppx), (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi){
  .search-no-results .deco{background-image:url('../images/ico/ico_search@2x.png')}
}
.search-no-results .contents-main{margin-top:8px}
.search-no-results .no-result li{font-size:14px; color:var(--list-info-desc); line-height:1.5; margin-top:4px; margin-bottom:4px}
@media(min-width:768px){
  .search-no-results .section-search{min-height:600px}
  .search-no-results .search-state::before{width:110px; height:110px}
  .search-no-results .contents-main{margin-top:12px}
  .search-no-results .no-result li{font-size:16px}
}
@media(min-width:1070px){
  .search-no-results .section-search{min-height:900px; padding-bottom:var(--padding-container-lg)}
}

/* ----- tag ----- */
.tag .tag-title{font-size:40px; line-height:1.3; letter-spacing:-1.6px; padding-top:var(--padding-container-md); padding-bottom:var(--padding-container-xs)}
.tag .tag-menus{display:flex; flex-wrap:wrap; gap:8px; padding-top:var(--padding-container-xs); padding-bottom:var(--padding-container-xs)}
.tag .tag-item{display:inline-block; font-size:14px; line-height:1.4; border-radius:var(--radius-circle); padding:8px 14px; background-color:var(--bg-warm); color:var(--button-label-black)}
.tag .tag-item .count{color:var(--button-label-brand)}
@media(min-width:1070px){
  .tag .tag-title{font-size:70px; letter-spacing:-2.8px}
}


/* -----------------------------------
page-404
----------------------------------- */
.error404{background-color:var(--bg-warm)}
.error404 .section-404{padding-top:var(--padding-container-lg); padding-bottom:var(--padding-container-xl)}
.error404 .text-wrap .deco{display:block; position:relative; width:96px; height:96px; background-image:url('../images/ico/ico_404@2x.png'); background-size:contain; background-position:center; background-repeat:no-repeat; margin-bottom:16px; margin-left:auto; margin-right:auto; animation:floatEffect 3s ease-in-out infinite}
.error404 .text-wrap .deco::after{content:""; display:block; position:absolute; bottom:-5px;  left:50%; width:65%; height:15px;  background:radial-gradient(50% 50% at 50% 50%, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%); transform:translateX(-50%); animation:shadowEffect 3s ease-in-out infinite}
@keyframes floatEffect {
    0%, 100% { transform:translateY(0) }
    50%      { transform:translateY(-10px) }
}
@keyframes shadowEffect {
  0%, 100% { transform:translateX(-50%) translateY(0) scale(1); opacity:1 }
  50%      { transform:translateX(-50%) translateY(10px) scale(0.8); opacity:0.5 }
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:1.5dppx), (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi){
  .error404 .text-wrap .deco{background-image:url('../images/ico/ico_404@2x.png')}
}
.error404 .text-wrap .title{font-size:24px; letter-spacing:-0.7px}
.error404 .text-wrap p{font-size:14px; color:var(--list-info-desc)}
.error404 .btns{display:flex; gap:8px; justify-content:center; margin-top:32px}
@media(min-width:768px){
  .error404 .section-404{min-height:600px; display:flex; flex-direction:column; justify-content:center}
  .error404 .text-wrap .deco{width:120px; height:120px}
  .error404 .text-wrap .title{font-size:28px}
  .error404 .text-wrap p{font-size:15px}
}
@media(min-width:1070px){
  .error404 .section-404{min-height:900px; padding-top:var(--spacing-3xl); padding-bottom:var(--padding-container-xl)}
  .error404 .text-wrap .deco{width:170px; height:170px}
  .error404 .text-wrap .title{font-size:36px}
  .error404 .text-wrap p{font-size:17px; margin-top:12px}
  .error404 .btns{margin-top:40px}
}

body:not(.error404):has(.section-404){background-color:var(--bg-warm)}
.section-404{padding-top:var(--padding-container-lg); padding-bottom:var(--padding-container-xl);
  .text-wrap {
    .deco{
      display:block; position:relative; width:96px; height:96px; background-image:url('../images/ico/ico_404@2x.png'); background-size:contain; background-position:center; background-repeat:no-repeat; margin-bottom:16px; margin-left:auto; margin-right:auto; animation:floatEffect 3s ease-in-out infinite;
      
      &::after{content:""; display:block; position:absolute; bottom:-5px;  left:50%; width:65%; height:15px;  background:radial-gradient(50% 50% at 50% 50%, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%); transform:translateX(-50%); animation:shadowEffect 3s ease-in-out infinite}
    }

    .title{font-size:24px; letter-spacing:-0.7px}
    p{font-size:14px; color:var(--list-info-desc)}
  }
    
  @keyframes floatEffect {
      0%, 100% { transform:translateY(0) }
      50%      { transform:translateY(-10px) }
  }
  @keyframes shadowEffect {
    0%, 100% { transform:translateX(-50%) translateY(0) scale(1); opacity:1 }
    50%      { transform:translateX(-50%) translateY(10px) scale(0.8); opacity:0.5 }
  }

  .btns{display:flex; gap:8px; justify-content:center; margin-top:32px}
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:1.5dppx), (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi){
  body:not(.error404):has(.section-404) .text-wrap .deco{background-image:url('../images/ico/ico_404@2x.png')}
}
@media(min-width:768px){
  body:not(.error404):has(.section-404){
    min-height:600px; display:flex; flex-direction:column; justify-content:center;
    .deco{width:120px; height:120px}
    .title{font-size:28px}
    p{font-size:15px}
  }
}

@media(min-width:1070px){
  body:not(.error404):has(.section-404){
    min-height:900px; padding-top:var(--spacing-3xl); padding-bottom:var(--padding-container-xl);
    .text-wrap{
      .deco{width:170px; height:170px}
      .title{font-size:36px}
      p{font-size:17px; margin-top:12px}
    }
    .btns{margin-top:40px}
  }
}