/* blog.css */
.ast-blog-layout-4-grid .ast-article-post, .ast-blog-layout-5-grid .ast-article-post, .ast-blog-layout-6-grid .ast-article-post {
box-shadow: none !important;
}
@media screen and (max-width:767px) {
a.ast-post-filter-single {
padding: 10px !important;
}
}
.ast-blog-layout-5.blog .ast-post-format- .post-content .entry-header {
order:1;
font-size:12px;
}
.ast-blog-layout-5.blog .ast-post-format- .post-content .cat-links {
order:2;
margin:0!important;
}
.ast-blog-layout-5.blog .ast-post-format- .post-content .entry-title {
order:3;
}
.ast-blog-layout-5.blog .ast-post-format- .post-content .ast-excerpt-container {
order:4;
}
.ast-blog-layout-5.blog .ast-post-format- .post-content {
display:flex;
}
.ast-blog-layout-5-grid .blog-layout-5 {
align-items: center!important;
}
@media screen and (min-width:678px) {
.ast-blog-layout-5.blog #primary, .ast-blog-layout-5.category #primary {
display:flex;
flex-wrap: wrap;
}
.ast-blog-layout-5.post-type-archive .site-content .ast-container {
justify-content: center;
}
.ast-blog-layout-5.blog .ast-post-filter, .ast-blog-layout-5.archive #secondary, .ast-blog-layout-5.category .ast-post-filter {
width:25%;
min-width:160px;
padding:0;
margin:0;
}
.ast-blog-layout-5.archive.ast-left-sidebar #secondary{
margin-left:0;
margin-right:0;
}
.ast-blog-layout-5.blog #main.site-main, .ast-blog-layout-5.category #main.site-main, .ast-blog-layout-5.archive .sidebar-main {
width:74%;
min-width:250px;
}
.ast-blog-layout-5.blog #main.site-main article > div, .ast-blog-layout-5.category #main.site-main article > div, .ast-blog-layout-5.archive #main.site-main article > div {
flex-wrap: nowrap!important;
gap:10px;
}
.ast-blog-layout-5.blog #main.site-main article .post-content, .ast-blog-layout-5.category #main.site-main article .post-content, .ast-blog-layout-5.archive .sidebar-main article .post-content {
width:70%!important;
}
.ast-blog-layout-5.blog #main.site-main article .ast-blog-featured-section, .ast-blog-layout-5.category #main.site-main article .ast-blog-featured-section, .ast-blog-layout-5.archive .sidebar-main article .ast-blog-featured-section {
width:30%!important;
max-height: 100%;
max-width: 100%;
}
.ast-blog-layout-5.blog .ast-post-filter ul, .ast-blog-layout-5.category .ast-post-filter ul {
flex-direction: column;
}
.ast-blog-layout-5.blog .ast-post-filter li a, .ast-blog-layout-5.archive .sidebar-main .side-bar-report a, .ast-blog-layout-5.archive .sidebar-main .side-bar-blog a, .ast-blog-layout-5.category .ast-post-filter li a {
width:200px!important;
box-shadow:none;
}
}
@media screen and (max-width:767px) {
.ast-blog-layout-5.blog .ast-post-filter ul, .ast-blog-layout-5.category .ast-post-filter ul {
gap:5px;
}
.ast-blog-layout-5.post-type-archive-reports #secondary {
display:none;
}
}
.archive .sidebar-main li {
line-height: inherit;
}
.archive .sidebar-main .side-bar-report a, .archive .sidebar-main .side-bar-blog a {
text-align:left;
}
.archive .sidebar-main .side-bar-report a:hover {
color: var(--ast-global-color-0)!important;
background-color: var(--ast-global-color-1)!important;
border-color:var(--ast-global-color-0)!important;
}
.archive .sidebar-main .side-bar-blog a {
color: var(--ast-global-color-2)!important;
background-color: var(--ast-global-color-1)!important;
}
.archive .sidebar-main .side-bar-blog a:hover {
color: var(--ast-global-color-4)!important;
background-color: var(--ast-global-color-0)!important;
border:none;
}
.ast-blog-layout-5.blog .post-content, .ast-blog-layout-5.archive .post-content, .ast-blog-layout-5.category .post-content {
display:flex;
flex-wrap:wrap;
align-items: center;
gap:10px;
padding-top:0!important;
padding-right:0!important;
padding-bottom:0!important;
}
.ast-blog-layout-5 .post-content .entry-title, .ast-blog-layout-5.blog .post-content .ast-excerpt-container {
min-width:400px;
}
@media screen and (min-width:1070px) {
.ast-blog-layout-5 .post-content .entry-title, .ast-blog-layout-5.blog .post-content .ast-excerpt-container {
width:100%;
}
}
@media (max-width: 921px) {
.ast-blog-layout-5.ast-left-sidebar #content > .ast-container {
display: flex;
flex-direction: row;
width: 100%;
}
}
@media screen and (max-width:767px) {
.ast-blog-layout-5.blog .post-content, .ast-blog-layout-5.archive .post-content, .ast-blog-layout-5.category .post-content {
text-align:center;
justify-content:center;
}
.ast-blog-layout-5 .post-content .entry-title, .ast-blog-layout-5.blog .post-content .ast-excerpt-container {
min-width:100%;
}
}
@media screen and (min-width:767px) {
.ast-blog-layout-5.blog .ast-blog-featured-section, .ast-blog-layout-5.archive .ast-blog-featured-section, .ast-blog-layout-5.category .ast-blog-featured-section {
max-width:240px;
max-height:135px;
}
.ast-blog-layout-5 .post-content .cat-links.badge a {
display:flex;
}
.ast-blog-layout-5 .post-content .entry-meta * {
line-height: 0;
}
.ast-blog-layout-5 .post-content .entry-header {
margin-top: 5px;
margin-bottom: 3px;
margin-left: -8px;
margin-right: 0;
}
.ast-blog-layout-5 .post-content>.cat-links, .ast-blog-layout-5 .post-content>.read-more, .ast-blog-layout-5 .post-content>.tags-links {
margin:0;
}
}
.blog .post-thumb-img-content img, .archive .post-thumb-img-content img, .category .post-thumb-img-content img {
border-radius:var(--kr-radius, 5px);
}
.news-content header { order:1; font-size:12px; }
.news-contents span.cat-links { order:2; margin:0!important; }
.news-content .post-title { order:3; }
.news-content p { order:4; }
@media screen and (min-width:678px) {
.post-original #priamry {
display:flex;
flex-wrap: wrap;
}
}
.post-original .post-content {
display:flex;
flex-wrap:wrap;
align-items: flex-start;
gap:10px;
padding-top:0!important;
padding-right:0!important;
padding-bottom:0!important;
}
.post-original .post-content .ast-excerpt-container {
min-width:400px;
}
@media screen and (min-width:1070px) {
.post-original .post-content .ast-excerpt-container {
width:100%;
}
}
@media screen and (max-width:767px) {
.post-original .post-content {
text-align:center;
justify-content:center;
min-width:100%;
}
}
@media screen and (min-width:767px) {
.post-original .ast-blog-featured-section {
max-width:240px;
max-height:135px;
}
.post-original .post-thumb-img-content img {
border-radius:var(--kr-radius, 5px);
}
}
span.cat-links a {
padding:3px 8px;
font-size:10px!important;
color:#fff;
border-radius:3px;
}
.category-pray .cat-links a, .category-pray .cat-links a:hover {
background-color: var(--ast-global-color-0)!important;
}
.category-news .cat-links a, .category-news .cat-links a:hover {
background-color: var(--ast-global-color-6)!important;
}
.category-event .cat-links a, .category-event .cat-links a:hover {
background-color: var(--ast-global-color-7)!important;
}
.category-reports .cat-links a, .category-reports .cat-links a:hover {
background-color: var(--ast-global-color-8)!important;
}
.category-bible .cat-links a, .category-bible .cat-links a:hover {
background-color: var(--ast-global-color-9)!important;
}
.news-content {
display:flex;
flex-direction: column;
gap:5px;
}
.news-content article {
margin:0!important;
}
.news-content .post-cont {
display:flex;
align-items: center;
gap:3px;
margin:0;
}
.news-content p, .news-content span{
font-weight:nomal;
}
.news-content .cat-links {
margin-top:-3px;
}
.news-content-non-date {
display: flex;
flex-direction: row-reverse;
gap: 5px;
align-items: center;
}
@media screen and (max-width:767px) {
.news-content {
align-items: center;
}
.is-layout-a .news-content article {
display:flex;
justify-content:center;
}
.is-layout-a .news-content .post-cont {
gap:10px;
}
.is-layout-b #top-news-cont {
box-shadow:none;
}
.is-layout-b .news-content {
gap:10px;
}
.is-layout-b .news-content article {
display:flex;
justify-content:center;
}
.is-layout-b .news-content .post-cont {
gap:0;
justify-content: center;
}
.is-layout-b .news-content .post-cont p {
text-align:center;
}
}
.is-layout-b .news-content {
gap:10px;
}
.is-layout-b .news-content .post-cont {
display:flex;
flex-wrap:wrap;
}
.is-layout-b .news-content p {
width:100%;
}
#members-news-cont .news-content {
gap:30px;
}
#members-news-cont .news-content .post-cont {
display:block;
position: relative;
padding-bottom: 30px;
margin-bottom:50px;
}
#members-news-cont .news-content .post-cont .news-title {
text-align: center;
font-size:1.3em;
}
#members-news-cont .news-content .post-cont:last-child {
margin-bottom:0;
}
#members-news-cont .news-content .post-cont::after {
content: "";
position: absolute;
margin: 0 auto;
left: 0;
right: 0;
bottom: 0;
width: 90%;
height: 1px;
background: var(--ast-global-color-0);
}
.news-content.slug-members article:last-child .post-cont::after {
display: none;
}
.post-original h2, .post-original .entry-content :where(h2) {
margin:0;
font-size:0;
}
.post-original h2 a {
font-size:1.25rem;
}
.post-original .post-content {
padding-left:1.5em;
width:100%;
}
.post-original .blog-layout-5 {
display:flex;
}
.post-original.ast-page-builder-template .site-content > .ast-container{
width:auto;
max-width:none !important;
}
.post-original .ast-article-post .post-thumb-img-content img {
aspect-ratio: var(--kr-ratio-landscape, 16 / 9);
width: 100%;
}
.post-original .ast-blog-featured-section {
margin-bottom:0;
}
.post-original .ast-blog-featured-section {
display:none;
}
.message-item, .bible-item{
margin-bottom:40px;
width:960px;
}
.message-item :is(h4, .kr-list-title)::before, .bible-item :is(h4, .kr-list-title)::before{
content:"📖";
margin-right:8px;
}
@media screen and (max-width:1024px) {
.message-item, .bible-item{
margin-bottom:40px;
width:100%;
}
.message-item :is(h4, .kr-list-title) {
font-size:90%;
}
}
.message-item :is(h4, .kr-list-title), .bible-item :is(h4, .kr-list-title){
font-weight: 700;
margin-bottom: 0;
padding: 5px 1px;
line-height: 1.4;
border-bottom: 3px solid var(--ast-global-color-0);
}
.message-bible, .post-bible {
font-size:15px;
color:color-mix(in srgb, var(--ast-global-color-2) 90%, white);;
margin-bottom:0!important;
padding:20px 20px;
}
.message-verse {
text-align: right;
}
.message-content{
font-size:16px;
line-height:1.9;
padding:0 20px;
}
.message-content p{
margin-bottom:1.4em;
}
/* contact.css */
.wpcf7 input[type="text"], .wpcf7 input[type="number"], .wpcf7 input[type="email"], .wpcf7 input[type="url"], .wpcf7 input[type="password"], .wpcf7 input[type="search"], .wpcf7 input[type=reset], .wpcf7 input[type=tel], .wpcf7 input[type=date], .wpcf7 select, .wpcf7 textarea {
font-size:14px;
border: 0.5px solid var(--ast-global-color-2);
box-shadow: none;
}
.text-center{
text-align:center;
}
#c-message{
height: 130px;
max-height: 130px;
}
#c-submit{
width:100%;
display: block;
margin-top:20px;
}
.wpcf7 {
line-height: 1;
}
.wpcf7-form {
display:flex;
flex-direction:column;
}
.wpcf7-form .wpcf7-turnstile {
order:3;
text-align:right;
}
.c-contact-form .c-col .c-col-flex label {
width:50%;
}
.c-contact-form .c-col .c-col-flex > p {
display:flex!important;
gap:5px;
margin-bottom:10px!important;
}
/* contents.css */
.kr-cts-section > * { margin-top: 0 !important; }
.kr-cts-section > .kr-section-title + .kr-cts { margin-top: 30px !important; }
.kr-cts-section:has(.kr-cts.is-center) > .kr-section-title,
.kr-cts-section:has(.kr-cts.is-center) > .kr-title-box { margin-left: auto !important; margin-right: auto !important; }
.kr-cts { display: flex; flex-direction: column; gap: 60px; }
.kr-cts__item { display: flex; align-items: center; gap: 40px; }
.kr-cts__item.is-reverse { flex-direction: row-reverse; }
.kr-cts__figure { flex: 0 0 45%; margin: 0; }
.kr-cts__img { display: block; width: 100%; height: auto; border-radius: var(--kr-radius, 5px); }
.kr-cts__body { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 8px; }
.kr-cts__body > * { margin: 0 !important; }
.kr-cts__en { font-size: .8em; letter-spacing: .1em; color: var(--ast-global-color-0); }
.kr-cts__title { margin: 0; }
.kr-cts__text p { margin: 0 0 1em; }
.kr-cts__text p:last-child { margin-bottom: 0; }
.kr-cts__note { font-size: .9em; opacity: .8; }
.kr-cts__btns { margin-top: 8px !important; }
.kr-cts__item.is-column { flex-direction: column; align-items: stretch; gap: 20px; }
.kr-cts__item.is-column .kr-cts__figure { flex: none; }
.kr-cts__item.is-valign-top { align-items: flex-start; }
.kr-cts__item.is-valign-bottom { align-items: flex-end; }
.kr-cts__item.is-halign-center .kr-cts__body { align-items: center; }
.kr-cts__item.is-halign-right .kr-cts__body { align-items: flex-end; }
.kr-cts__item[class*="is-halign-"] .kr-cts__body > * { max-width: 100%; }
.kr-cts__item.is-align-center .kr-cts__body { text-align: center; }
.kr-cts__item.is-align-right .kr-cts__body { text-align: right; }
.kr-cts__item.is-align-center .kr-cts__btns { justify-content: center; }
.kr-cts__item.is-align-right .kr-cts__btns { justify-content: flex-end; }
.kr-cts--cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; }
.kr-cts--cards[data-count="1"] { grid-template-columns: minmax(0, 1fr); }
.kr-cts--cards[data-count="2"], .kr-cts--cards[data-count="4"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.kr-cts--cards .kr-cts__item { flex-direction: column; align-items: stretch; gap: 16px; }
.kr-cts--cards .kr-cts__figure { flex: none; }
.kr-cts--cards .kr-cts__img { aspect-ratio: var(--kr-ratio-landscape, 16 / 9); object-fit: cover; }
.kr-cts--text { gap: 40px; }
@media (max-width: 767px) {
.kr-cts { gap: 40px; }
.kr-cts__item, .kr-cts__item.is-reverse, .kr-cts__item[class*="is-valign-"] { flex-direction: column; align-items: stretch; gap: 16px; }
.kr-cts__figure { flex: none; }
.kr-cts--cards { grid-template-columns: minmax(0, 1fr) !important; }
}
/* cpt-filter.css */
.kr-cpt-filter ul {
gap: 5px;
}
@media screen and (min-width: 678px) {
.ast-blog-layout-5.kr-has-cpt-filter #primary.content-area {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
.ast-blog-layout-5.kr-has-cpt-filter #primary > .ast-archive-description {
order: -1;
width: 100%;
}
.kr-cpt-layout {
display: flex;
align-items: flex-start;
gap: 2%;
}
.kr-cpt-layout__main {
flex: 1;
min-width: 0;
}
.ast-blog-layout-5.kr-has-cpt-filter .kr-cpt-filter {
width: 25%;
min-width: 160px;
flex-shrink: 0;
padding: 0;
margin: 0;
}
.ast-blog-layout-5.kr-has-cpt-filter #primary.content-area > #main.site-main {
width: 74%;
min-width: 250px;
}
:is(.ast-blog-layout-5.kr-has-cpt-filter, .kr-cpt-layout) .kr-cpt-filter ul {
flex-direction: column;
align-items: flex-start;
}
:is(.ast-blog-layout-5.kr-has-cpt-filter, .kr-cpt-layout) .kr-cpt-filter li a {
width: 200px !important;
max-width: 100%;
box-shadow: none;
}
}
@media screen and (max-width: 767px) {
a.ast-post-filter-single {
padding: 10px !important;
}
}
/* footer.css */
footer .custom-logo-link img {
max-width: 220px;
max-height: 60px;
width: auto;
height: auto;
}
@media screen and (max-width:921px) {
#astra-footer-menu{
justify-content:space-around!important;
}
}
/* header.css */
.ast-builder-grid-row {
grid-column-gap: 0;
}
.site-header-primary-section-right > div {
padding:0;
justify-content: center;
}
body.is-logo-type2 .site-branding .site-title,
body.is-logo-type2 .ast-site-identity .site-title {
display: block !important;
}
.site-title .site-title__org,
.site-title .site-title__name {
display: block;
}
.site-title .site-title__org {
margin-bottom: .2em;
font-size: .5em;
font-weight: normal;
line-height: 1.2;
letter-spacing: .05em;
}
.site-title .site-title__name {
line-height: 1.2;
}
body.is-logo-type2 .site-header .site-title,
body.is-logo-type2 .site-header .site-title a {
white-space: nowrap;
}
body.is-logo-type2 .site-header .site-title a {
display: inline-block;
transition-property: color, opacity;
}
body.is-layout-b .site-header,
body.is-layout-b .ast-primary-header-bar,
body.is-layout-b .sub-menu{
background-color: var(--ast-global-color-0);
}
body.is-layout-b .ast-primary-header-bar a,
body.is-layout-b .site-title a{
color: var(--ast-global-color-4) !important;
}
body.is-layout-b .ast-primary-header-bar a:hover{
color: var(--ast-global-color-4);
opacity: 0.8;
}
body.is-layout-b .ast-header-account-wrap .ast-header-account-type-icon .ahfb-svg-iconset svg path:not( .ast-hf-account-unfill ), body.is-layout-b  .ast-header-account-wrap .ast-header-account-type-icon .ahfb-svg-iconset svg circle {
fill: var(--ast-global-color-4) !important;
}
@media screen and (min-width:921px) {
.mltlngg-menu-item ul.sub-menu {
width:60px;
text-align: center;
}
}
.custom-logo-link.logo-title-link {
display:flex;
align-items: center;
}
.custom-logo-link.logo-title-link span {
font-size: 1.3rem;
}
.ast-mobile-popup-drawer.active .ast-mobile-popup-inner {
opacity: .9;
}
header .custom-logo-link img {
max-width: 220px;
max-height: 60px;
width: auto;
height: auto;
}
@media (max-width: 767px) {
header .custom-logo-link img {
max-width: 50vw;
max-height: 60px;
width: auto;
height: auto;
}
}
.ast-desktop .menu-item-has-children > .menu-link:before {
display: none !important;
}
@media (max-width: 544px) {
body.is-layout-b .ast-mobile-popup-drawer.active .ast-mobile-popup-inner,
body.is-layout-b .ast-builder-menu-mobile .main-navigation .main-header-menu,
body.is-layout-b .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .menu-link,
body.is-layout-b .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-item > .menu-link {
background-color: var(--ast-global-color-0)!important;
color:var(--ast-global-color-1)!important;
}
body.is-layout-b .ast-button-wrap .ast-mobile-menu-trigger-minimal,
body.is-layout-b .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg,
body.is-layout-b .ast-mobile-popup-drawer.active .menu-toggle-close,
body.is-layout-b .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item> .ast-menu-toggle {
color:var(--ast-global-color-1)!important;
fill: var(--ast-global-color-1)!important;
}
}
.lang-switcher-dropdown {
position: relative;
display: inline-block;
font-size: 16px;
line-height: 1;
}
.ast-builder-html-element .lang-switcher-dropdown { vertical-align: middle; }
.ast-builder-html-element p:has(> .lang-switcher-dropdown) { margin: 0; }
.lang-switcher-dropdown .current-lang {
font: inherit !important;
font-size: 16px !important;
line-height: 1 !important;
min-height: 0 !important;
color: inherit;
}
.lang-switcher-dropdown .current-lang .flag, .lang-switcher-dropdown .lang-dropdown .flag {
font-size: 22px;
line-height: 1;
display: inline-flex;
align-items: center;
flex: none;
}
.lang-switcher-dropdown .flag img.emoji {
width: 22px !important;
height: 22px !important;
max-width: none !important;
margin: 0 !important;
flex: none;
vertical-align: middle;
}
.lang-switcher-dropdown .current-lang { flex: none; }
.lang-switcher-dropdown .lang-dropdown li a {
display: block;
padding: 6px 8px;
line-height: 1;
}
.lang-switcher-dropdown .current-lang, .trp-language-item {
background: #fff;
padding: 4px 8px!important;
cursor: pointer;
display: flex;
align-items: center;
gap: 6px;
box-shadow:none;
border:none;
}
body.is-layout-b .lang-switcher-dropdown .current-lang {
background-color: var(--ast-global-color-0);
}
.lang-switcher-dropdown .current-lang:hover{
border:none;
}
.lang-switcher-dropdown .lang-dropdown {
display: block;
visibility: hidden;
opacity: 0;
pointer-events: none;
position: absolute;
top: calc(100% + var(--kr-ls-gap, 0px));
left: 50%;
translate: -50% 0;
margin: 0;
padding: 0;
list-style: none;
background: var(--kr-sub-bg, #fff);
border-style: solid;
border-width: var(--kr-sub-bw, 0);
border-color: var(--kr-sub-bc, transparent);
border-radius: var(--kr-sub-r, 0);
box-shadow: var(--kr-sub-shadow, 0 4px 10px -2px rgba(0, 0, 0, .1));
min-width: 100%;
text-align: center;
z-index: 99999;
transition: opacity .2s ease, transform .2s ease, visibility .2s;
}
.lang-switcher-dropdown .lang-dropdown::before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 100%;
height: calc(var(--kr-ls-gap, 0px) + var(--kr-ls-off, 0px) + 4px);
}
.lang-switcher-dropdown[data-anim="slide-down"] .lang-dropdown { transform: translateY(-.5em); }
.lang-switcher-dropdown[data-anim="slide-up"] .lang-dropdown { transform: translateY(.5em); }
.lang-switcher-dropdown[data-anim="none"] .lang-dropdown { transition: none; }
.lang-switcher-dropdown:hover .lang-dropdown,
.lang-switcher-dropdown:focus-within .lang-dropdown {
visibility: visible;
opacity: 1;
pointer-events: auto;
transform: none;
}
.lang-switcher-dropdown .lang-dropdown li a {
color: var(--kr-sub-color, inherit);
padding: 10px 14px;
}
.lang-switcher-dropdown .lang-dropdown li a:hover {
background: rgba(0, 0, 0, .05);
}
.trp-shortcode-switcher__wrapper {
top:5px;
}
.ast-sticky-active.ast-header-sticked .main-header-bar {
margin:0;
}
.ast-single-entry-banner .entry-title,
.ast-archive-entry-banner .ast-container h1 {
text-shadow:1px 1px 10px #343434;
}
.ast-builder-layout-element:has(.kr-lang-switcher-none):not(:has(.ast-builder-html-element :not(p, br, .kr-lang-switcher-none))) {
display: none !important;
}
/* home.css */
.picture img{
border-radius:var(--kr-radius, 5px)!important;
box-shadow:none!important;
height:auto!important;
max-width:100%!important;
}
.top-fv, .offering-fv, .service-schedule-fv,
.top-col-1-fv, .top-col-2-fv, .top-col-3-fv, .top-col-4-fv {
position: relative!important;
overflow: hidden!important;
}
.top-fv {
isolation: isolate;
}
.top-fv::before, .top-fv::after,
.offering-fv::before, .offering-fv::after,
.pray-fv::before, .pray-fv::after,
.service-schedule-fv::before,  .service-schedule-fv::after,
.separator-fv::before,  .separator-fv::after,
.top-col-1-fv::before, .top-col-2-fv::before, .top-col-3-fv::before, .top-col-4-fv::before,
.top-col-1-fv::after, .top-col-2-fv::after, .top-col-3-fv::after, .top-col-4-fv::after {
content: ""!important;
position: absolute!important;
inset: 0;
background-size: cover;
background-position: center;
opacity: 0;
transition: opacity 1.5s ease;
z-index: -2;
}
.top-col-1-fv::after, .top-col-2-fv::after, .top-col-3-fv::after, .top-col-4-fv::after{
content:""!important;
position:absolute"!important;
inset:0;
background:#292929;
z-index:-1;
opacity:.2;
}
.offering-fv::before {
opacity: 1;
}
.pray-fv::before {
opacity: 1;
}
.to-col-1-fv::before {
opacity: 1;
}
.to-col-2-fv::before {
opacity: 1;
}
.to-col-3-fv::before {
opacity: 1;
}
.to-col-4-fv::before {
opacity: 1;
}
.top-fv::before {
opacity: 1;
}
.top-fv::after {
opacity: 0;
}
.top-fv.is-switch::before {
opacity: 0;
}
.top-fv.is-switch::after {
opacity: 1;
}
.fv-fixed::before {
background-attachment: fixed;
}
#top-news-1:has(.top-news-full.is-full) .tp-news-btn {
display: none;
}
#top-news-2:has(.top-news-full.is-full) .tp-news-btn {
display: none;
}
@media(max-width: 767px){
.top-fv-news {
min-height:70vh!important;
}
}
.top-col-btn #custom-design-btn {
background-color: transparent;
padding: 0 !important;
color: #393939;
fill: #393939;
border: none;
text-decoration: underline;
}
.top-icon img {
width:65px;
}
.js-overlay-link {
position: absolute;
inset: 0;
z-index: 10;
}
.top-offering-btn #custom-design-btn {
padding-left: 9vw !important;
padding-right: 9vw !important;
}
div.acf-embed.acf-embed-map {
display:flex;
}
/* layout.css */
:root {
--ast-global-color-9: var(--ast-global-color-0);
--ast-global-color-10: var(--ast-global-color-0);
}
.ast-article-single > .entry-content > div {
margin-bottom:50px;
}
.ast-article-single > .entry-content > div:last-child {
margin-bottom:0;
}
@media screen and (max-width:768px) {
.ast-article-single > .entry-content > div {
margin-bottom:30px;
}
}
body.use-fade-in {
opacity: 0;
}
body.use-fade-in.page-loaded {
opacity: 1;
transition: opacity 0.3s ease;
}
.side-position {
display: flex;
}
.side-position.is-normal > .e-con-inner {
flex-direction: row!important;
}
.side-position.is-reverse > .e-con-inner {
flex-direction: row-reverse!important;
}
div.elementor-element.side-shift {
display: none !important;
}
div.elementor-element.side-shift.is-a.current-is-a {
display: flex !important;
}
div.elementor-element.side-shift.is-b.current-is-b {
display: flex !important;
}
.sw-off {
display: none !important;
}
.elementor-widget-shortcode:has(.sw-off) {
display: none !important;
}
.acf-switch-off {
display: none;
}
.acf-switch-wrapper:has(.acf-switch-off) {
display: none !important;
}
.img-show.acf-hide-off {
display: none !important;
}
.img-show.acfe-hide-on {
display: block;
}
div.elementor-element.top-icon {
display: none !important;
}
div.elementor-element.top-icon.mode1.current-mode1 {
display: block !important;
}
div.elementor-element.top-icon.mode2.current-mode2 {
display: block !important;
}
div.elementor-element.top-icon.mode3.current-mode3 {
display: block !important;
}
.mt-group.is-off{
display:none!important;
}
.is-sub-off {
display: none !important;
}
.flex-center {
display: flex;
container-type: inline-size;
}
@container(min-width:380px) {
div.flex-center {
justify-content: center!important;
}
div.flex-center h6 {
text-align:center;
}
}
.custom-acf-btn-wrapper.is-left {
text-align: left;
}
.custom-acf-btn-wrapper.is-center, .custom-acf-btn-wrapper.is-stretch {
text-align: center;
justify-content: center;
}
.custom-acf-btn-wrapper.is-right {
text-align: right;
justify-content: flex-end;
}
.custom-acf-btn-wrapper.is-stretch > .custom-design-btn {
display: block;
width: 100%;
}
#custom-design-btn {
box-sizing: border-box;
display: inline-block;
fill: #fff;
text-align: center;
transition: all 0.4s ease;
box-shadow: none;
text-decoration: none;
font-weight: 500;
line-height: 1em;
font-size: 14px;
border-style: solid;
border-width: 1px;
border-radius: 5px;
padding: 15px 35px!important;
}
.custom-design-btn:hover{
filter: brightness(1.15);
}
p, .entry-content p {
margin-bottom: 0;
}
.custom-acf-btn-wrapper.btn-primary #custom-design-btn {
--acf-default-btn-bg: var(--acf-custom-color, var(--ast-global-color-6));
--btn-main-color: var(--acf-btn-bg, var(--acf-default-btn-bg));
background-color: var(--btn-main-color) !important;
border-color: var(--btn-main-color) !important;
color: #ffffff !important;
}
.custom-acf-btn-wrapper.btn-primary #custom-design-btn:hover {
background-color: var(--ast-global-color-4) !important;
color: var(--btn-main-color) !important;
}
.custom-acf-btn-wrapper.btn-secondary #custom-design-btn {
--acf-default-btn-bg: var(--acf-custom-color, var(--ast-global-color-8));
--btn-main-color: var(--acf-btn-bg, var(--acf-default-btn-bg));
background-color: var(--ast-global-color-4) !important;
border-color: var(--ast-global-color-6) !important;
color: var(--ast-global-color-3) !important;
}
.custom-acf-btn-wrapper.btn-secondary #custom-design-btn:hover {
background-color: var(--btn-main-color) !important;
border-color: var(--btn-main-color) !important;
color: #ffffff !important;
}
.custom-acf-btn-wrapper.btn-tertiary #custom-design-btn {
--acf-default-btn-bg: var(--acf-custom-color, var(--ast-global-color-8));
--btn-main-color: var(--acf-btn-bg, var(--acf-default-btn-bg));
background-color: var(--acf-default-btn-bg) !important;
border-color: var(--ast-global-color-4) !important;
color: var(--ast-global-color-4) !important;
}
.custom-acf-btn-wrapper.btn-tertiary #custom-design-btn:hover {
background-color: var(--ast-global-color-4) !important;
border-color: var(--ast-global-color-4) !important;
color: var(--ast-global-color-2) !important;
}
.custom-acf-btn-wrapper.btn-quaternary #custom-design-btn {
--acf-default-btn-bg: var(--acf-custom-color, var(--ast-global-color-2));
--btn-main-color: var(--acf-btn-bg, var(--acf-default-btn-bg));
background-color: var(--ast-global-color-4) !important;
border-color: var(--ast-global-color-4) !important;
color: var(--btn-main-color) !important;
}
.custom-acf-btn-wrapper.btn-quaternary #custom-design-btn:hover {
background-color: var(--btn-main-color) !important;
border-color: var(--btn-main-color) !important;
color: #ffffff !important;
}
.acf-i i {
font-size:65px;
}
@media screen and (max-width:768px) {
.mo-block{
display: block!important;
position: static!important;
margin-bottom: 0!important;
}
}
.acf-link-box {
position:relative!important;
}
.link-overlay {
position: absolute;
inset: 0;
display: block;
width: 100%;
height: 100%;
z-index: 10;
}
.link-overlay a {
display: block;
width: 100%;
height: 100%;
}
.top-cm iframe {
border:none;
border-radius:var(--kr-radius, 5px) 0 0 var(--kr-radius, 5px);
}
.top-3p-btn div {
background:none;
padding:0!important;
color: var(--ast-global-color-3);
border:0;
text-decoration: underline;
font-size:.98em;
}
.history-list .elementor-icon-list-text {
--indent: 65px;
text-indent: calc(var(--indent) * -1);
padding-inline-start: var(--indent) !important;
}
.is-layout-b .about-pastor-title div {
border-style: none !important;
}
.is-layout-b .about-pastor-title h5{
font-size:1.9em;
}
.mt-img img, .mt-yt img, .mt-oth img, #sb_instagram img {
border-radius:var(--kr-radius, 5px)!important;
box-shadow: var(--kr-shadow, 3px 3px 3px rgba(0, 0, 0, .5))!important;
}
#sb_instagram .sbi_photo img {
width: 98%!important;
height: 98%!important;
}
#sb_instagram .sb_instagram_header h3, .sb_instagram_header h3 {
font-size: 20px!important;
}
#sb_instagram .sb_instagram_header p, .sb_instagram_header p {
font-size: 16px!important;
}
@media (min-width: 480px) {
#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio, #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info, .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio, .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info {
font-size: 16px!important;
}
#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3, .sb_instagram_header.sbi_medium .sbi_header_text h3 Specificity: (1,3,1) {
font-size: 25px!important;
}
}
@media (max-width: 768px) {
.acf-embed.acf-embed-map iframe {
height:350px!important;
}
}
.members-only-page .ast-single-entry-banner, .members-only-page .ast-archive-entry-banner {
background-image: none!important;
background: #fff;
text-align: center;
margin:0;
}
.members-only-page .ast-single-entry-banner h1, .members-only-page .ast-archive-entry-banner h1 {
color:var(--ast-global-color-3)!important;
text-shadow:none!important;
}
.service-schedule h6 {
margin:0;
}
.is-off-cont {
display: none !important;
}
/* patterns-base.css */
:root {
--kr-container-width: var(--ast-normal-container-width, var(--wp--custom--ast-content-width-size, var(--wp--style--global--content-size, 1200px)));
--kr-container-gutter: 20px;
}
.kr-w--narrow {
--kr-container-width: min(900px, var(--ast-normal-container-width, var(--wp--custom--ast-content-width-size, var(--wp--style--global--content-size, 1200px))));
}
:is(.ast-full-width-layout, .ast-page-builder-template) .entry-content > :where(:not(.alignfull):not(.alignwide):not(.elementor)) {
box-sizing: border-box;
width: calc(100% - var(--kr-container-gutter) * 2);
max-width: var(--kr-container-width) !important;
margin-left: auto !important;
margin-right: auto !important;
}
.kr-section.alignfull {
box-sizing: border-box;
width: 100vw !important;
max-width: none !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
margin-top: var(--kr-mg, var(--kr-sec-gap)) !important;
margin-bottom: var(--kr-mg, var(--kr-sec-gap)) !important;
}
body:has(.kr-section) {
overflow-x: clip;
}
.kr-section > :where(:not(.alignfull)) {
box-sizing: border-box;
width: calc(100% - var(--kr-container-gutter) * 2);
max-width: var(--kr-container-width) !important;
margin-left: auto !important;
margin-right: auto !important;
}
:root {
--kr-sec-gap: 80px;
--kr-sec-pad-bg: 80px;
}
@media (max-width: 1024px) {
:root {
--kr-sec-gap: 60px;
--kr-sec-pad-bg: 60px;
}
}
@media (max-width: 767px) {
:root {
--kr-sec-gap: 40px;
--kr-sec-pad-bg: 40px;
}
}
.kr-section.alignfull {
padding-top: 0;
padding-bottom: 0;
}
.kr-section.alignfull:is(.has-background, .kr-bg-img, .has-kr-bg-video, [style*="background"]) {
padding-top: var(--kr-sec-pad-bg);
padding-bottom: var(--kr-sec-pad-bg);
}
:is(.entry-content, .is-root-container) > :is(.kr-svs, .kr-col, .kr-greeting, .kr-mt, .kr-sns-section, .kr-catch, .kr-about, .kr-pastor-section, .kr-acc--map, .kr-acc--contact, .kr-acc--form, .kr-feat, .kr-feat-section, .kr-ts, .kr-ts-section, .kr-tcal, .kr-tcal-section, .kr-pp, .kr-faq, .kr-mem, .kr-mem-section) {
padding-top: 0 !important;
padding-bottom: 0 !important;
margin-top: var(--kr-mg, var(--kr-sec-gap)) !important;
margin-bottom: var(--kr-mg, var(--kr-sec-gap)) !important;
}
:is(.entry-content, .is-root-container) > :is(.kr-svs, .kr-col, .kr-greeting, .kr-mt, .kr-sns-section, .kr-catch, .kr-about, .kr-pastor-section, .kr-acc--map, .kr-acc--contact, .kr-acc--form, .kr-feat, .kr-feat-section, .kr-ts, .kr-ts-section, .kr-tcal, .kr-tcal-section, .kr-pp, .kr-faq, .kr-mem, .kr-mem-section):is(.has-background, .kr-bg-img, .has-kr-bg-video, [style*="background"]) {
padding-top: var(--kr-sec-pad-bg) !important;
padding-bottom: var(--kr-sec-pad-bg) !important;
}
.kr-section.alignfull:is(.has-background, .kr-bg-img, .has-kr-bg-video, [style*="background"]),
:is(.entry-content, .is-root-container) > :is(.kr-svs, .kr-col, .kr-greeting, .kr-mt, .kr-sns-section, .kr-catch, .kr-about, .kr-pastor-section, .kr-acc--map, .kr-acc--contact, .kr-acc--form, .kr-feat, .kr-feat-section, .kr-ts, .kr-ts-section, .kr-tcal, .kr-tcal-section, .kr-pp, .kr-faq, .kr-mem, .kr-mem-section):is(.has-background, .kr-bg-img, .has-kr-bg-video, [style*="background"]),
:is(.entry-content, .is-root-container) > .kr-mem-section:has(> .kr-pray) {
margin-top: var(--kr-mg, 0px) !important;
margin-bottom: var(--kr-mg, 0px) !important;
}
.kr-section.alignfull:has(> .kr-map > .kr-map__frame.is-full) {
--kr-sec-gap: 0px;
}
.kr-section.alignfull:has(> .kr-fvb) {
--kr-sec-gap: 0px;
}
:is(.entry-content, .is-root-container) > .kr-mg {
margin-top: var(--kr-mg) !important;
margin-bottom: var(--kr-mg) !important;
}
.kr-mg--0  { --kr-mg: 0px; }
.kr-mg--s  { --kr-mg: 40px; }
.kr-mg--m  { --kr-mg: 80px; }
.kr-mg--l  { --kr-mg: 120px; }
.kr-mg--xl { --kr-mg: 160px; }
@media (max-width: 767px) {
.kr-mg--s  { --kr-mg: 24px; }
.kr-mg--m  { --kr-mg: 48px; }
.kr-mg--l  { --kr-mg: 72px; }
.kr-mg--xl { --kr-mg: 96px; }
}
@media (min-width: 768px) {
.kr-va--top    :is(.wp-block-columns, .wp-block-media-text, .is-layout-flex:not(.is-vertical)) { align-items: flex-start !important; }
.kr-va--center :is(.wp-block-columns, .wp-block-media-text, .is-layout-flex:not(.is-vertical)) { align-items: center !important; }
.kr-va--bottom :is(.wp-block-columns, .wp-block-media-text, .is-layout-flex:not(.is-vertical)) { align-items: flex-end !important; }
.kr-va--top    .wp-block-column { align-self: flex-start !important; }
.kr-va--center .wp-block-column { align-self: center !important; }
.kr-va--bottom .wp-block-column { align-self: flex-end !important; }
}
body.members-only-page :is(.entry-content, .is-root-container) > :first-child,
body.members-only-page :is(.entry-content, .is-root-container) > .kr-section.alignfull:first-child {
margin-top: 0 !important;
}
body.members-only-page #primary {
margin-top: 0 !important;
}
body.members-only-page :is(.ast-single-entry-banner, .ast-archive-entry-banner) {
border-top: calc(var(--kr-sec-gap) / 2) solid transparent;
border-bottom: calc(var(--kr-sec-gap) / 2) solid transparent;
background-clip: border-box;
}
body:not(.members-only-page) .entry-content > .kr-gallery:first-child {
margin-top: var(--kr-sec-gap) !important;
}
body.gallery-page:not(.members-only-page) #primary {
margin-top: 0 !important;
}
/* patterns-church.css */
.kr-church-info,
.greeting-section,
.top-svs,
.offering-fv,
.about-identity,
.about-introduction,
.about-creed,
.privacy-policy,
.church-history,
.top-box-col,
.kr-video-block {
text-align: center;
margin: 0 !important;
padding: 0 !important;
}
.kr-church-info *,
.top-fv *,
.greeting-section *,
.top-svs *,
.offering-fv *,
.about-identity *,
.about-introduction *,
.about-creed *,
.privacy-policy *,
.church-history *,
.top-box-col *,
.kr-video-block * {
text-align: center;
}
.kr-church-info img,
.top-fv img,
.greeting-section img,
.offering-fv img,
.about-introduction img,
.top-box-col img {
margin-left: auto;
margin-right: auto;
display: block;
}
.kr-meeting-card,
.pastor-item,
.faq-item,
.history-list,
.acf-link-box,
.news-item {
text-align: center;
}
.kr-meeting-card *,
.pastor-item *,
.faq-item *,
.history-list *,
.acf-link-box *,
.news-item * {
text-align: center;
}
.kr-fv {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 88vh;
margin-top: 0 !important;
margin-bottom: 0 !important;
text-align: center;
animation: kr-fv-fade 1s ease both;
}
.kr-fv.top-fv::after {
background: #000;
opacity: .1 !important;
}
.kr-bg-layer {
position: absolute;
inset: 0;
margin: 0 !important;
width: 100%;
height: 100%;
transform-origin: center center;
z-index: -2;
background-size: cover;
background-position: center;
opacity: 0;
transition: opacity 1.5s ease;
pointer-events: none;
}
.kr-bg-layer.is-active {
opacity: 1;
}
.kr-bg-layer.is-zoom {
animation: kr-fv-kenburns var(--kr-bg-zoom-duration, 8s) linear forwards;
}
.kr-fv__catch {
width: 100%;
animation: kr-fv-fade 1s ease .1s both;
}
.kr-fv__title,
.kr-fv__subtitle {
color: var(--ast-global-color-0);
margin-top: 0;
}
.kr-fv .kr-fv__title,
.kr-fv .kr-fv__subtitle,
.kr-fv .kr-fv__arrow,
.kr-fv .kr-fv__arrow:hover,
.kr-fv .kr-fv__arrow:focus {
color: var(--kr-fv-color, var(--ast-global-color-0));
}
.kr-fv__arrow {
position: absolute;
left: 50%;
bottom: 100px;
z-index: 10;
margin-left: -17.5px;
line-height: 0;
color: var(--ast-global-color-0);
animation: kr-fv-fade 1s ease .5s both, kr-fv-float 1.8s ease-in-out infinite alternate;
}
.kr-fv__arrow:hover,
.kr-fv__arrow:focus {
color: var(--ast-global-color-0);
opacity: .8;
}
.kr-fv__news {
position: absolute;
left: 0;
bottom: 0;
z-index: 5;
width: 400px;
box-sizing: border-box;
display: flex;
flex-direction: column;
gap: 5px;
margin: 0 !important;
padding: 30px 15px 15px 30px;
background: #fff;
border-radius: 0 calc(var(--kr-radius, 5px) * 2) 0 0;
}
.kr-fv__news,
.kr-fv__news * {
text-align: left;
}
.kr-fv__news > * {
margin-top: 0 !important;
margin-bottom: 0;
}
.kr-fv-anchor {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0;
margin: 0 !important;
scroll-margin-top: 80px;
pointer-events: none;
}
@media (max-width: 1024px) {
.kr-fv__news {
width: 360px;
}
}
@media (min-width: 768px) {
body.kr-fv-wave .kr-fv > .kr-fv__news {
bottom: 0;
padding-bottom: calc(15px + clamp(36px, 6vw, 96px) * .4);
}
}
.kr-fv__news--out {
display: none;
}
@media (max-width: 767px) {
.kr-fv {
min-height: 85vh;
}
body .entry-content > .kr-fv:not(.kr-fvb__img),
.kr-fv:not(.kr-fvb__img) {
justify-content: center;
padding-top: var(--kr-hd-h, 80px) !important;
padding-bottom: var(--kr-hd-h, 80px) !important;
}
.kr-fv__catch {
margin-top: 0 !important;
animation: none;
}
body .entry-content > .kr-fv:not(.kr-fvb__img):has(+ .kr-fv__news--out),
.kr-fv:not(.kr-fvb__img):has(+ .kr-fv__news--out) {
padding-top: var(--kr-hd-h, 80px) !important;
min-height: calc(100vh - 20px);
min-height: calc(100svh - 20px);
padding-bottom: calc(var(--kr-hd-h, 80px) + 20px) !important;
}
.kr-fv:not(.kr-fvb__img):has(+ .kr-fv__news--out) > .kr-fv__arrow,
.kr-fv:not(.kr-fvb__img):has(+ .kr-fv__news--out) > .kr-fv__news {
display: none !important;
}
.kr-fv .kr-fv__title {
font-size: 32px;
line-height: 1.35;
}
.kr-fv .kr-fv__subtitle {
font-size: 17px;
}
.kr-fv__arrow {
bottom: 20px;
}
body.kr-fv-wave .kr-fv__arrow {
bottom: calc(clamp(36px, 6vw, 96px) + 8px);
}
.entry-content > .kr-fv__news--out {
position: relative;
z-index: 6;
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
box-sizing: border-box;
width: auto !important;
max-width: none !important;
margin: -60px 16px 24px !important;
padding: 24px 16px;
border-radius: var(--kr-radius, 5px);
background: var(--ast-global-color-4, #fff);
box-shadow: var(--kr-shadow, 0 4px 16px rgba(0, 0, 0, .15));
}
body.kr-sec--sheet:not(.kr-fv-wave) .entry-content > .kr-fv__news--out {
margin-bottom: calc(var(--kr-sheet-r, 32px) + 24px) !important;
}
.kr-fv__news,
.kr-fv__news * {
text-align: center;
}
}
@keyframes kr-fv-fade {
from { opacity: 0; }
to   { opacity: 1; }
}
@keyframes kr-fv-float {
from { transform: translateY(-5px); }
to   { transform: translateY(5px); }
}
@keyframes kr-fv-kenburns {
from { transform: scale(1); }
to   { transform: scale(1.1); }
}
@media (prefers-reduced-motion: reduce) {
.kr-fv,
.kr-fv * {
animation: none !important;
}
}
.kr-svs {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.kr-svs-anchor {
margin: 0 !important;
scroll-margin-top: 80px;
}
.kr-svs__inner {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 35px;
max-width: var(--kr-container-width);
margin: 0 auto !important;
width: 100%;
box-sizing: border-box;
}
.kr-svs__inner > * {
margin: 0 !important;
}
.kr-svs__inner:has(.kr-svs__media[data-width="small"]) {
max-width: 900px;
}
.kr-svs__inner:has(.kr-svs__media[data-position="reverse"]) {
flex-direction: row-reverse;
}
.kr-svs__text,
.kr-svs__media {
flex: 0 1 calc(50% - 17.5px);
min-width: 0;
}
.kr-svs__text {
display: flex;
flex-direction: column;
justify-content: center;
gap: 10px;
}
.kr-svs__text > * {
margin: 0 !important;
}
.kr-svs__thumb {
position: relative;
display: block;
width: 100%;
padding: 0;
border: 0;
border-radius: var(--kr-radius, 5px);
background: none;
cursor: pointer;
}
.kr-svs__thumb:is(:hover, :focus, :active) {
background: none !important;
border-color: transparent !important;
box-shadow: none !important;
color: inherit;
}
.kr-svs__thumb img,
.kr-svs__img {
display: block;
width: 100%;
height: auto;
aspect-ratio: var(--kr-ratio-landscape, 16 / 9);
object-fit: cover;
border-radius: var(--kr-radius, 5px);
box-shadow: var(--kr-shadow, 3px 3px 3px rgba(0, 0, 0, .5));
}
.kr-svs__play {
position: absolute;
left: 50%;
top: 50%;
width: 68px;
height: 48px;
margin: -24px 0 0 -34px;
border-radius: 12px;
background: rgba(0, 0, 0, .65);
opacity: 0;
transition: opacity .2s, background .2s;
}
.kr-svs__play::after {
content: "";
position: absolute;
left: 27px;
top: 14px;
border-style: solid;
border-width: 10px 0 10px 17px;
border-color: transparent transparent transparent #fff;
}
.kr-svs__thumb:hover .kr-svs__play,
.kr-svs__thumb:focus-visible .kr-svs__play {
opacity: 1;
background: #f00;
}
.kr-svs__noimg {
display: flex;
align-items: center;
justify-content: center;
aspect-ratio: var(--kr-ratio-landscape, 16 / 9);
border-radius: var(--kr-radius, 5px);
background: #e5e5e5;
font-weight: bold;
}
.kr-svs__media--empty p {
padding: 40px 20px;
border: 1px dashed #bbb;
text-align: center;
font-size: 13px;
}
.kr-svs__buttons {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 10px !important;
}
.kr-svs__buttons .wp-block-button {
margin: 0;
}
.kr-svs__buttons .wp-block-button__link {
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
min-width: 140px;
margin: 0;
padding: 12px 28px;
border: 2px solid transparent;
font-family: inherit;
font-size: 1rem;
font-weight: inherit;
line-height: 1.4;
text-decoration: none;
cursor: pointer;
}
.kr-svs__buttons .is-style-outline .wp-block-button__link {
border-color: currentColor;
}
@media (max-width: 1024px) {
.kr-svs__inner {
gap: 20px;
}
.kr-svs__text,
.kr-svs__media {
flex-basis: calc(50% - 10px);
}
}
@media (max-width: 767px) {
.kr-svs__inner,
.kr-svs__inner:has(.kr-svs__media[data-position="reverse"]) {
flex-direction: column;
gap: 20px;
}
.kr-svs__text {
display: contents;
}
.kr-svs__title    { order: 1; text-align: center; }
.kr-svs__date     { order: 1; text-align: center; }
.kr-svs__media    { order: 2; width: 95%; }
.kr-svs__content  { order: 3; width: 95%; text-align: center; }
.kr-svs__buttons  { order: 4; justify-content: center; }
.kr-svs .kr-svs__btn-start { display: none; }
}
.kr-section:is(.kr-bg-img, .has-kr-bg-video) .kr-svs__text {
color: var(--ast-global-color-1, #fff);
gap: 14px;
}
.kr-section:is(.kr-bg-img, .has-kr-bg-video) .kr-svs .kr-svs__eyebrow {
display: block;
color: color-mix(in srgb, var(--ast-global-color-1, #fff) 75%, transparent) !important;
font-size: .85em;
letter-spacing: .2em;
}
.kr-section:is(.kr-bg-img, .has-kr-bg-video) .kr-svs__title {
color: var(--ast-global-color-1, #fff);
font-weight: 700;
line-height: 1.3;
}
.kr-section:is(.kr-bg-img, .has-kr-bg-video) .kr-svs__date,
.kr-section:is(.kr-bg-img, .has-kr-bg-video) .kr-svs .kr-svs__content {
color: color-mix(in srgb, var(--ast-global-color-1, #fff) 85%, transparent) !important;
line-height: 1.8;
}
.kr-section:is(.kr-bg-img, .has-kr-bg-video) .kr-svs__thumb img,
.kr-section:is(.kr-bg-img, .has-kr-bg-video) .kr-svs__img {
box-shadow: 0 0 0 1px color-mix(in srgb, var(--ast-global-color-1, #fff) 40%, transparent), 0 12px 30px rgba(0, 0, 0, .45);
}
@media (min-width: 768px) {
.kr-section:is(.kr-bg-img, .has-kr-bg-video) .kr-svs__inner {
gap: 45px;
}
.kr-section:is(.kr-bg-img, .has-kr-bg-video) .kr-svs__text {
flex-basis: calc(40% - 22.5px);
}
.kr-section:is(.kr-bg-img, .has-kr-bg-video) .kr-svs__media {
flex-basis: calc(60% - 22.5px);
}
}
.kr-svs__eyebrow {
display: none;
}
.kr-svs:has(.kr-svs__media[data-style="message"]) .kr-svs__eyebrow {
display: block;
color: var(--ast-global-color-0);
letter-spacing: .04em;
}
.kr-svs:has(.kr-svs__media[data-style="message"]) .kr-svs__content {
color: #555;
}
.kr-svs:has(.kr-svs__media[data-style="message"]) .kr-svs__play {
width: 72px;
height: 72px;
margin: -36px 0 0 -36px;
border-radius: 50%;
background: rgba(255, 255, 255, .45);
backdrop-filter: blur(2px);
}
.kr-svs:has(.kr-svs__media[data-style="message"]) .kr-svs__play::after {
left: 29px;
top: 24px;
border-width: 12px 0 12px 19px;
}
.kr-svs:has(.kr-svs__media[data-style="message"]) .kr-svs__thumb:hover .kr-svs__play,
.kr-svs:has(.kr-svs__media[data-style="message"]) .kr-svs__thumb:focus-visible .kr-svs__play {
background: rgba(255, 255, 255, .7);
}
@media (max-width: 767px) {
.kr-svs .kr-svs__inner > .kr-svs__media,
.kr-svs .kr-svs__inner > .kr-svs__text {
flex-basis: auto !important;
}
.kr-svs:has(.kr-svs__media[data-style="message"]) .kr-svs__inner {
gap: 20px;
}
.kr-svs:has(.kr-svs__media[data-style="message"]) .kr-svs__eyebrow {
order: 0;
text-align: center;
margin-bottom: -12px !important;
}
}
.kr-col {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.kr-col-anchor {
margin: 0 !important;
scroll-margin-top: 80px;
}
.kr-col__inner {
display: flex;
justify-content: center;
align-items: stretch;
gap: 50px;
max-width: var(--kr-container-width);
margin: 0 auto !important;
}
.kr-col__inner > * {
flex: 0 1 30%;
min-width: 0;
margin: 0 !important;
}
.kr-col__inner[data-width="small"] {
max-width: 900px;
}
.kr-col__inner[data-cols] {
flex-wrap: wrap;
row-gap: 50px;
}
.kr-col__inner[data-cols] > * {
flex: 0 0 calc((100% - 50px * (var(--kr-cols, 3) - 1)) / var(--kr-cols, 3));
}
.kr-col__inner[data-cols="2"] { --kr-cols: 2; }
.kr-col__inner[data-cols="3"] { --kr-cols: 3; }
.kr-col__inner[data-cols="4"] {
--kr-cols: 4;
column-gap: 30px;
}
.kr-col__inner[data-cols="4"] > * {
flex-basis: calc((100% - 90px) / 4);
}
.kr-catch.kr-col__head {
max-width: var(--kr-container-width);
margin: 0 auto 50px !important;
}
@media (max-width: 1024px) {
.kr-col__inner[data-cols="4"] {
flex-wrap: wrap;
}
.kr-col__inner[data-cols="4"] > * {
flex-basis: calc(50% - 15px);
}
}
.kr-col__card {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
gap: 5px;
text-align: center;
}
.kr-col__card > * {
margin: 0 !important;
}
.kr-col__overlay {
position: absolute;
inset: 0;
z-index: 1;
}
.kr-col__card.has-link {
cursor: pointer;
transition: opacity .2s;
}
.kr-col__card.has-link:hover {
opacity: .75;
}
.kr-col__icon {
line-height: 0;
margin-bottom: 10px !important;
color: var(--ast-global-color-2);
}
.kr-col__icon i {
font-size: 65px;
line-height: 1;
}
.kr-col__icon svg {
width: 65px;
height: 65px;
}
.kr-col__icon img {
width: 65px;
height: auto;
}
.kr-col__title {
text-align: center;
}
.kr-col__content {
text-align: center;
}
.kr-col__btn.kr-col__btn--button {
margin-top: 15px !important;
text-decoration: none;
}
.kr-col__btn {
position: relative;
z-index: 2;
margin-top: 10px !important;
color: var(--kr-col-btn-color, #393939);
text-decoration: underline;
text-underline-offset: 4px;
}
.kr-col__btn:hover {
color: var(--kr-col-btn-color, var(--ast-global-color-0));
opacity: .8;
}
.kr-col__card--empty p {
padding: 30px 10px;
border: 1px dashed #bbb;
font-size: 13px;
}
@media (max-width: 767px) {
.kr-col__inner {
flex-direction: column;
gap: 25px;
width: 85%;
}
.kr-col__inner > *,
.kr-col__inner[data-cols] > * {
flex-basis: auto;
}
.kr-catch.kr-col__head {
margin-bottom: 30px !important;
}
.kr-col__btn {
display: none;
}
}
.kr-greeting {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.kr-greeting-anchor {
margin: 0 !important;
scroll-margin-top: 80px;
}
.kr-greeting__inner {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 40px;
margin: 0 !important;
}
.kr-greeting.is-reverse .kr-greeting__inner {
flex-direction: row-reverse;
}
.kr-greeting__inner > * {
margin: 0 !important;
}
.kr-greeting__img {
flex: 0 1 43%;
min-width: 0;
}
.kr-greeting__img img {
display: block;
width: 100%;
height: auto;
}
.kr-greeting__text {
flex: 1 1 50%;
min-width: 0;
display: flex;
flex-direction: column;
justify-content: center;
}
.kr-greeting__text > * {
margin-top: 0 !important;
}
.kr-greeting__title {
text-align: left;
}
.kr-greeting__content {
text-align: left;
}
.kr-greeting__pastor {
text-align: right;
margin-bottom: 0 !important;
}
@media (max-width: 1024px) {
.kr-greeting__inner {
gap: 20px;
}
.kr-greeting__img {
flex-basis: 47%;
}
.kr-greeting__text {
flex-basis: calc(53% - 20px);
}
}
@media (max-width: 767px) {
.kr-greeting__inner,
.kr-greeting.is-reverse .kr-greeting__inner {
flex-direction: column;
align-items: center;
}
.kr-greeting__img,
.kr-greeting__text {
flex-basis: auto;
width: 95%;
}
.kr-greeting__text {
gap: 10px;
}
.kr-greeting__title {
margin-bottom: 5px !important;
}
}
.kr-mt {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.kr-mt-anchor {
margin: 0 !important;
scroll-margin-top: 80px;
}
.kr-mt__list {
display: flex;
flex-direction: column;
gap: 50px;
}
.kr-mt__row {
display: flex;
align-items: center;
gap: 50px;
}
.kr-mt__row.is-reverse {
flex-direction: row-reverse;
}
.kr-mt__media,
.kr-mt__detail {
flex: 1 1 0;
min-width: 0;
}
.kr-mt__media .kr-svs__thumb img,
.kr-mt__media .kr-svs__img {
border-radius: var(--kr-radius, 5px);
}
.kr-mt__detail {
display: flex;
flex-direction: column;
justify-content: center;
gap: 10px;
}
.kr-mt__detail > * {
margin: 0 !important;
}
.kr-mt__when {
display: flex;
flex-wrap: wrap;
gap: 0 1em;
}
.kr-mt__empty {
padding: 30px;
border: 1px dashed #bbb;
text-align: center;
font-size: 13px;
}
@media (max-width: 1024px) {
.kr-mt__row {
gap: 20px;
}
}
@media (max-width: 767px) {
.kr-mt__row,
.kr-mt__row.is-reverse {
flex-direction: column;
align-items: stretch;
}
.kr-mt__media,
.kr-mt__detail {
flex-basis: auto;
}
.kr-mt__detail {
align-items: center;
text-align: center;
}
.kr-mt__when {
justify-content: center;
}
.kr-mt__detail .kr-svs__buttons {
justify-content: center;
}
}
.kr-mt__heading {
margin: 0 0 30px !important;
}
.kr-mt__cards {
display: flex;
flex-wrap: wrap;
gap: 30px;
}
.kr-mt__card {
display: flex;
flex-direction: column;
gap: 15px;
flex: 0 1 calc((100% - 60px) / 3);
min-width: 0;
}
.kr-mt__card-body {
display: flex;
flex-direction: column;
gap: 5px;
}
.kr-mt__card-body > * {
margin: 0 !important;
}
@media (max-width: 1024px) {
.kr-mt__card {
flex-basis: calc((100% - 30px) / 2);
}
}
@media (max-width: 767px) {
.kr-mt__cards {
gap: 10px;
}
.kr-mt__card {
flex-basis: 100%;
}
.kr-mt__card-body {
align-items: center;
text-align: center;
}
.kr-mt__card .kr-mt__when {
justify-content: center;
}
}
.kr-map {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.kr-map > * {
margin: 0 !important;
}
.kr-map-anchor {
scroll-margin-top: 80px;
}
.kr-map__frame {
line-height: 0;
}
.kr-map__frame iframe {
display: block;
width: 100%;
border: 0;
}
.kr-map__empty {
padding: 30px;
border: 1px dashed #bbb;
text-align: center;
font-size: 13px;
}
.kr-map__frame.is-full {
position: relative;
width: 100vw !important;
max-width: none !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
}
body:has(.kr-map__frame.is-full) {
overflow-x: clip;
}
@media (max-width: 767px) {
.kr-map__frame.is-hide-mobile {
display: none;
}
}
.kr-sns-section,
.kr-sns-block {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.kr-sns-block > * {
margin: 0 !important;
}
.kr-sns-anchor {
scroll-margin-top: 80px;
}
.kr-sns-block + .kr-sns-block .kr-sns {
margin-top: 60px !important;
}
.kr-sns__empty {
padding: 30px;
border: 1px dashed #bbb;
text-align: center;
font-size: 13px;
}
.kr-sns--plugin #sb_instagram .sbi_photo,
.kr-sns--plugin #sb_instagram .sbi_photo img {
border-radius: var(--kr-radius, 5px);
}
.kr-sns--plugin #sb_instagram .sbi_photo_wrap {
border-radius: var(--kr-radius, 5px);
box-shadow: var(--kr-shadow, 3px 3px 3px rgba(0, 0, 0, .5));
overflow: hidden;
}
.kr-catch,
.kr-about {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.kr-about-anchor {
margin: 0 !important;
scroll-margin-top: 80px;
}
.kr-catch {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.kr-catch > * {
margin-top: 0 !important;
}
.kr-catch__content {
line-height: 1.4;
margin-bottom: 0 !important;
}
.kr-about__inner {
display: flex;
align-items: flex-start;
margin: 0 !important;
}
.kr-about__inner > * {
margin: 0 !important;
}
.kr-title-box,
.kr-about__title,
.kr-section-title {
box-sizing: border-box;
width: 180px;
max-width: 100%;
padding: 20px 10px !important;
text-align: center;
border-radius: 5px;
background: var(--e-global-color-astglobalcolor0);
color: var(--e-global-color-astglobalcolor1);
}
.kr-title-box--side,
.kr-about__title {
flex: 0 0 180px;
border-right: 0px solid var(--ast-global-color-0);
}
.kr-title-box--under,
.kr-section-title {
display: block;
margin: 0 0 0px !important;
border-bottom: 0px solid var(--ast-global-color-0);
}
@media (max-width: 767px) {
.kr-title-box--side,
.kr-about__title {
flex-basis: auto;
width: 100%;
border-right: 0;
}
.kr-title-box--under,
.kr-section-title {
margin-left: auto !important;
margin-right: auto !important;
}
}
.kr-about__body {
flex: 1 1 85%;
min-width: 0;
padding-top: 10px;
padding-left: 40px;
display: flex;
flex-direction: column;
gap: 20px;
}
.kr-about__body > * {
margin: 0 !important;
}
.kr-about--history .kr-about__body {
align-items: center;
}
.kr-about--history .kr-about__content {
align-self: stretch;
}
.kr-timeline {
--kr-tl-dot: 12px;
--kr-tl-line: color-mix(in srgb, var(--ast-global-color-0) 35%, transparent);
width: 100%;
margin: 0 !important;
padding: 0 !important;
list-style: none;
}
.kr-timeline__item {
position: relative;
display: flex;
flex-direction: column;
gap: 2px;
margin: 0;
padding: 0 0 22px 30px;
line-height: 1.7;
}
.kr-timeline__item:last-child {
padding-bottom: 0;
}
.kr-timeline__item::before {
content: "";
position: absolute;
left: 0;
top: calc(.765em - var(--kr-tl-dot) / 2);
box-sizing: border-box;
width: var(--kr-tl-dot);
height: var(--kr-tl-dot);
border: 2px solid var(--ast-global-color-0);
border-radius: 50%;
background: var(--ast-global-color-4, #fff);
}
.kr-timeline__item::after {
content: "";
position: absolute;
left: calc(var(--kr-tl-dot) / 2 - 1px);
top: calc(.765em + var(--kr-tl-dot) / 2 + 4px);
bottom: calc(4px - .765em + var(--kr-tl-dot) / 2);
width: 2px;
border-radius: 1px;
background: var(--kr-tl-line);
}
.kr-timeline__item:last-child::after {
content: none;
}
.kr-timeline__year {
color: var(--ast-global-color-0);
font-size: .9em;
font-weight: 700;
letter-spacing: .03em;
}
.kr-timeline__title {
display: block;
}
.kr-timeline__img {
width: 100%;
max-width: 360px;
margin: 8px 0 4px;
}
.kr-timeline__img img {
display: block;
width: 100%;
height: auto;
border-radius: var(--kr-radius, 5px);
box-shadow: var(--kr-shadow, 3px 3px 3px rgba(0, 0, 0, .5));
}
@media (max-width: 767px) {
.kr-timeline__img {
max-width: 100%;
}
}
.kr-about__empty {
padding: 30px;
border: 1px dashed #bbb;
text-align: center;
font-size: 13px;
}
@media (max-width: 767px) {
.kr-about__inner {
flex-direction: column;
align-items: center;
}
.kr-about__body {
padding-left: 0;
align-items: center;
text-align: center;
}
.kr-timeline {
text-align: left;
}
}
.kr-pastor-section {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.kr-pastor-section > * {
margin-top: 0 !important;
}
.kr-pastors {
display: flex;
flex-direction: column;
gap: 60px;
}
.kr-pastor {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 20px;
}
.kr-pastor.is-reverse {
flex-direction: row-reverse;
}
.kr-pastor__info {
flex: 0 1 50%;
min-width: 0;
display: flex;
flex-direction: column;
gap: 3px;
}
.kr-pastor.no-picture .kr-pastor__info {
flex-basis: 100%;
}
.kr-pastor__infos {
flex: 0 1 50%;
min-width: 0;
display: flex;
flex-direction: column;
gap: 20px;
}
.kr-pastor.no-picture .kr-pastor__infos {
flex-basis: 100%;
}
.kr-pastor__infos > .kr-pastor__info {
flex: none;
}
@media (max-width: 767px) {
.kr-pastor__infos {
flex-basis: auto;
gap: 0px;
}
}
.kr-pastor__info > * {
margin: 0 !important;
}
.kr-pastor__names {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
gap: 0 10px;
}
.kr-pastor__names > * {
margin: 0 !important;
}
.kr-pastor__ename {
font-weight: 600;
}
.kr-pastor__career {
}
.kr-pastor__picture {
flex: 0 1 43%;
min-width: 0;
}
.kr-pastor__picture img {
display: block;
width: 100%;
height: auto;
border-radius: var(--kr-radius, 5px);
box-shadow: var(--kr-shadow, 3px 3px 3px rgba(0, 0, 0, .5));
}
.kr-pastor-section--photo > * + * {
margin-top: 30px !important;
}
.kr-staff-photo img {
display: block;
width: 100%;
height: auto;
border-radius: var(--kr-radius, 5px);
box-shadow: var(--kr-shadow, 3px 3px 3px rgba(0, 0, 0, .5));
}
.kr-pastors--text {
gap: 40px;
}
.kr-pastors--text .kr-pastor__info {
flex-basis: 100%;
padding-top: 0;
}
.kr-pastor.has-title {
display: grid;
grid-template-columns: minmax(0, 50%) minmax(0, 43%);
grid-template-rows: 1fr auto auto 1fr;
grid-template-areas: ". pic" "title pic" "info pic" ". pic";
justify-content: space-between;
align-items: start;
column-gap: 40px;
}
.kr-pastor.has-title.is-reverse {
grid-template-columns: minmax(0, 43%) minmax(0, 50%);
grid-template-areas: "pic ." "pic title" "pic info" "pic .";
}
.kr-pastor.has-title.no-picture {
grid-template-columns: minmax(0, 1fr);
grid-template-rows: auto auto;
grid-template-areas: "title" "info";
}
.kr-pastor.has-title > .kr-title-box,
.kr-pastor.has-title > .kr-section-title {
grid-area: title;
justify-self: start;
align-self: end;
margin: 0 0 0px !important;
}
.kr-pastor.has-title > .kr-pastor__info,
.kr-pastor.has-title > .kr-pastor__infos {
grid-area: info;
padding-top: 0;
}
.kr-pastor.has-title > .kr-pastor__head {
grid-area: title;
align-self: end;
}
.kr-pastor__head {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
margin-bottom: 20px;
}
.kr-pastor__head > * {
margin: 0 !important;
}
.kr-pastor__eyebrow {
color: var(--ast-global-color-0);
letter-spacing: .05em;
}
.kr-pastor__lead p {
margin: 0 0 1em;
}
.kr-pastor__lead p:last-child {
margin-bottom: 0;
}
@media (max-width: 767px) {
.kr-pastor__head {
align-items: center;
text-align: center;
}
}
.kr-pastor.has-title > .kr-pastor__picture {
grid-area: pic;
}
@media (max-width: 1024px) {
.kr-pastor {
gap: 20px;
}
.kr-pastor.has-title {
grid-template-columns: minmax(0, 1fr) minmax(0, 47%);
column-gap: 20px;
}
.kr-pastor.has-title.is-reverse {
grid-template-columns: minmax(0, 47%) minmax(0, 1fr);
}
.kr-pastor__picture {
flex-basis: 47%;
}
}
@media (max-width: 767px) {
.kr-pastor,
.kr-pastor.is-reverse {
flex-direction: column-reverse;
align-items: stretch;
}
.kr-pastor__info,
.kr-pastor__picture {
flex-basis: auto;
}
.kr-pastor__info {
margin-top: 10px !important;
}
.kr-pastor.has-title,
.kr-pastor.has-title.is-reverse {
grid-template-columns: minmax(0, 1fr);
grid-template-rows: auto;
grid-template-areas: "title" "pic" "info";
row-gap: 20px;
}
.kr-pastor.has-title.no-picture {
grid-template-areas: "title" "info";
}
.kr-pastor.has-title > .kr-title-box,
.kr-pastor.has-title > .kr-section-title {
justify-self: center;
margin: 0 !important;
}
}
.kr-acc-anchor {
scroll-margin-top: 80px;
}
.kr-acc > *,
.kr-acc__cols > * {
margin-top: 0;
margin-bottom: 0;
}
.kr-acc svg,
.kr-acc-band svg {
width: 1em;
height: 1em;
fill: currentColor;
vertical-align: middle;
}
.kr-acc .kr-map__frame {
border-radius: var(--kr-radius, 5px);
overflow: hidden;
}
.kr-acc .kr-map__frame.is-full {
border-radius: 0;
}
.kr-acc--map .kr-map__frame.is-full {
width: auto !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.kr-acc--map .kr-acc__cols {
display: flex;
gap: 50px;
align-items: flex-start;
}
.kr-acc--map .kr-acc__cols > * {
flex: 0 0 calc(45% - 25px);
min-width: 0;
}
.kr-acc--map .kr-acc__cols > .kr-map__frame,
.kr-acc--map .kr-acc__cols > .kr-map__empty {
flex-basis: calc(55% - 25px);
}
.kr-acc--map .kr-acc__info {
margin-top: 6%;
}
.kr-acc__name {
margin: 0 0 20px;
}
.kr-acc__row {
display: flex;
gap: 10px;
margin-bottom: 10px;
}
.kr-acc__label {
flex: 0 0 50px;
font-weight: 700;
}
.kr-acc__row.kr-acc__row--route {
display: block;
}
.kr-acc__row--route .kr-acc__label {
display: block;
margin-bottom: 2px;
}
.kr-acc__station {
margin: -5px 0 10px 60px;
}
.kr-acc__other {
margin: 15px 0 0;
}
.kr-acc-band,
.entry-content .kr-acc-band.kr-acc-band {
position: relative;
box-sizing: border-box;
width: 100vw !important;
max-width: none !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
padding: 30px 0;
background: var(--ast-global-color-0);
color: #fff;
}
body:has(.kr-acc-band) {
overflow-x: clip;
}
.kr-acc-band__inner {
display: flex;
justify-content: center;
gap: 0;
}
.kr-acc-band__col {
flex: 0 0 30%;
display: flex;
flex-direction: column;
align-items: center;
gap: 5px;
text-align: center;
}
.kr-acc-band__icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 60px;
height: 60px;
border: 1px solid currentColor;
border-radius: 50%;
font-size: 26px;
color: #fff;
}
.kr-acc-band__label,
.kr-acc-band__value,
.kr-acc-band__value a {
margin: 0;
color: #fff !important;
}
.kr-acc-band__value a {
text-decoration: none;
}
.kr-acc--contact .kr-acc__heading {
margin-bottom: 20px;
}
.kr-acc__contact {
max-width: 800px;
margin: 30px auto 0;
text-align: center;
}
.kr-acc__address {
margin-bottom: 15px;
}
.kr-acc__route {
margin: 0 0 5px;
}
.kr-acc--form .kr-acc__cols {
display: flex;
gap: 60px;
max-width: 960px;
margin: 0 auto;
align-items: flex-start;
}
.kr-acc--form .kr-acc__lead {
flex: 0 0 calc(45% - 30px);
}
.kr-acc--form .kr-acc__form {
flex: 0 0 calc(55% - 30px);
min-width: 0;
}
.kr-acc__lead-name {
margin: 0 0 15px;
}
.kr-acc__lead-text {
margin: 0 0 20px;
}
.kr-acc__tel {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 5px 10px;
}
.kr-acc__tel-icon {
font-size: 20px;
color: var(--ast-global-color-0);
}
.kr-acc__tel-label {
margin: 0;
}
.kr-acc__tel-num {
font-weight: 700;
text-decoration: none;
}
.kr-acc__form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.kr-acc__form textarea,
.kr-acc__form select {
width: 100%;
}
@media (max-width: 1024px) {
.kr-acc--map .kr-acc__cols {
gap: 20px;
}
}
@media (max-width: 767px) {
.kr-acc--map .kr-acc__cols,
.kr-acc--form .kr-acc__cols {
flex-direction: column;
align-items: stretch;
gap: 40px;
}
.kr-acc--map .kr-acc__cols > *,
.kr-acc--map .kr-acc__cols > .kr-map__frame,
.kr-acc--map .kr-acc__cols > .kr-map__empty {
flex: 0 0 auto;
}
.kr-acc--map .kr-acc__info {
margin-top: 0;
}
.kr-acc--form .kr-acc__lead,
.kr-acc--form .kr-acc__form {
flex-basis: auto;
}
.kr-acc--form .kr-acc__lead {
text-align: center;
}
.kr-acc--form .kr-acc__lead-name {
display: none;
}
.kr-acc__tel {
justify-content: center;
}
.kr-acc-band {
display: none;
}
}
.wp-block-cover.kr-sep {
box-sizing: border-box;
width: 100vw !important;
max-width: none !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
margin-top: var(--kr-mg, 0px) !important;
margin-bottom: var(--kr-mg, 0px) !important;
}
body:has(.wp-block-cover.kr-sep) {
overflow-x: clip;
}
.wp-block-cover.kr-sep.kr-mg {
margin-top: var(--kr-mg) !important;
margin-bottom: var(--kr-mg) !important;
}
.wp-block-cover.kr-sep.kr-mg + *,
.wp-block-cover.kr-sep.kr-mg + style + * {
margin-top: 0 !important;
margin-block-start: 0 !important;
}
*:has(+ .wp-block-cover.kr-sep.kr-mg),
*:has(+ style + .wp-block-cover.kr-sep.kr-mg) {
margin-bottom: 0 !important;
margin-block-end: 0 !important;
}
@media (max-width: 767px) {
.wp-block-cover.kr-sep {
min-height: var(--kr-sep-h-sp, 180px) !important;
}
}
.wp-block-cover:has(> .wp-block-cover__image-background.has-parallax) {
isolation: isolate;
clip-path: inset(0);
}
.wp-block-cover > .wp-block-cover__image-background.has-parallax {
position: fixed !important;
top: 0 !important;
bottom: auto !important;
left: 0 !important;
right: auto !important;
width: 100% !important;
height: 100vh !important;
height: 100lvh !important;
background-attachment: scroll !important;
}
.kr-title-en {
display: inline-block;
margin-left: .6em;
font-size: max(.45em, 12px);
font-weight: 400;
letter-spacing: .08em;
line-height: 1.4;
vertical-align: middle;
opacity: .7;
}
.kr-svs__buttons.has-kr-btn-color .kr-svs__btn-start:not(.kr-btn) .wp-block-button__link {
background: var(--kr-btn-color) !important;
border-color: var(--kr-btn-color) !important;
color: #fff !important;
}
.kr-svs__buttons .kr-svs__btn-other:not(.kr-btn) .wp-block-button__link {
background: #fff !important;
border: 2px solid var(--kr-btn-hover, var(--kr-btn-color, var(--ast-global-color-0))) !important;
color: var(--kr-btn-color, var(--ast-global-color-0)) !important;
text-decoration: none !important;
transition: background-color .2s, color .2s;
}
.kr-svs__buttons .kr-svs__btn-other:not(.kr-btn) .wp-block-button__link:hover,
.kr-svs__buttons .kr-svs__btn-other:not(.kr-btn) .wp-block-button__link:focus-visible {
background: var(--kr-btn-hover, var(--kr-btn-color, var(--ast-global-color-0))) !important;
color: #fff !important;
opacity: 1 !important;
}
.kr-svs__buttons.has-kr-btn-color .kr-svs__btn-start:not(.kr-btn) .wp-block-button__link:hover {
opacity: .85;
}
.kr-svs__buttons {
--kr-btn-py: var(--kr-g-btn-py, 12px);
--kr-btn-px: var(--kr-g-btn-px, 28px);
--kr-btn-bw: 2px;
--kr-btn-fs: var(--kr-g-btn-fs, 1rem);
--kr-btn-fw: inherit;
--kr-btn-ls: normal;
--kr-btn-min: 140px;
}
.kr-svs__buttons .wp-block-button > .wp-block-button__link,
.kr-svs__buttons .wp-block-button.is-style-outline > .wp-block-button__link {
display: inline-flex !important;
align-items: center;
justify-content: center;
box-sizing: border-box !important;
height: auto !important;
min-height: 0 !important;
min-width: var(--kr-btn-min) !important;
margin: 0 !important;
padding: var(--kr-btn-py) var(--kr-btn-px) !important;
border-width: var(--kr-btn-bw) !important;
border-style: solid !important;
font-family: inherit !important;
font-size: var(--kr-btn-fs) !important;
font-weight: var(--kr-btn-fw) !important;
letter-spacing: var(--kr-btn-ls) !important;
line-height: 1.4 !important;
text-transform: none !important;
vertical-align: middle;
-webkit-appearance: none;
appearance: none;
}
.kr-svs__buttons .kr-btn .wp-block-button__link,
.kr-svs__buttons .kr-btn .wp-block-button__link:hover,
.kr-svs__buttons .kr-btn .wp-block-button__link:focus-visible {
border-color: var(--kr-c) !important;
box-shadow: none !important;
}
.kr-svs__date {
margin: 0 !important;
font-weight: 600;
letter-spacing: .05em;
opacity: .8;
}
.kr-ts {
--kr-ts-gap: 15px;
display: flex;
gap: var(--kr-ts-gap);
align-items: stretch;
}
.kr-ts__col {
flex: 1 1 0;
min-width: 0;
display: flex;
flex-direction: column;
gap: var(--kr-ts-gap);
}
.kr-ts__box {
box-sizing: border-box;
padding: 30px;
border: 2px solid var(--ast-global-color-0);
border-radius: 10px;
background: var(--ast-global-color-6);
}
.kr-ts__box > * {
margin-top: 0;
}
.kr-ts__box > :last-child {
margin-bottom: 0;
}
.kr-ts__greeting,
.kr-ts__news,
.kr-ts__newhere,
.kr-ts__offering {
flex-grow: 1;
}
.kr-ts__title {
margin: 0 0 10px;
}
.kr-ts__box[style*="--kr-ts-text"] :is(h1, h2, h3, h4, h5, h6, p, li, span, time, a:not(.wp-block-button__link):not(.kr-btn)) {
color: var(--kr-ts-text);
}
.kr-ts__box.kr-ts__greeting {
display: flex;
flex-direction: column;
justify-content: center;
}
.kr-ts__label {
margin: 0 0 5px;
font-size: .85em;
font-weight: 600;
color: var(--ast-global-color-0);
}
.kr-ts__date {
margin: -5px 0 10px;
font-size: 80%;
font-weight: 600;
opacity: .8;
line-height: 1;
}
.kr-ts__text {
margin: 0;
}
.kr-ts__box[style*="--kr-ts-line"] {
position: relative;
}
.kr-ts__box[style*="--kr-ts-line"]::before {
content: "";
position: absolute;
inset: 6px;
border: var(--kr-ts-line) solid var(--ast-global-color-4, #fff);
border-radius: 6px;
pointer-events: none;
}
.kr-ts__sch-intro {
margin: 0 0 12px;
}
.kr-ts__sch-list {
margin: 0;
padding: 0;
list-style: none;
}
.kr-ts__sch-item {
margin: 0;
padding: 12px 0;
border-top: 1px solid var(--kr-ts-sep, color-mix(in srgb, currentColor 20%, transparent));
}
.kr-ts__sch-item:first-child {
padding-top: 0;
border-top: 0;
}
.kr-ts__sch-item:last-child {
padding-bottom: 0;
}
.kr-ts__sch-item .kr-ts__title {
margin-bottom: 4px;
}
.kr-ts__sch-item .kr-ts__date {
margin: 0 0 4px;
}
.kr-ts__place {
margin: -5px 0 8px;
font-size: .9em;
opacity: .8;
}
.kr-ts__sch-item .kr-ts__place {
margin: 0 0 4px;
}
.kr-ts__box.kr-ts__media {
flex: 0 0 auto;
padding: 0;
border: 0;
border-radius: 0;
background: none !important;
}
.kr-ts__media .kr-svs__media {
width: 100%;
margin: 0 !important;
}
.kr-ts__media--calendar iframe {
display: block;
width: 100%;
border: 0;
border-radius: var(--kr-radius, 5px);
box-shadow: var(--kr-shadow, 3px 3px 3px rgba(0, 0, 0, .5));
}
.kr-ts__media--image a {
display: block;
}
.kr-ts__img {
display: block;
width: 100%;
height: auto;
aspect-ratio: var(--kr-ratio-landscape, 16 / 9);
object-fit: cover;
border-radius: var(--kr-radius, 5px);
box-shadow: var(--kr-shadow, 3px 3px 3px rgba(0, 0, 0, .5));
}
.kr-ts__svs-title {
display: none;
padding: 20px 20px 0;
text-align: center;
}
.kr-ts__row {
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
padding: 20px;
}
.kr-ts__row .kr-ts__title {
margin: 0;
}
.kr-ts__newhere {
background: var(--ast-global-color-8);
}
.kr-ts__offering {
background: var(--ast-global-color-7);
}
.kr-ts__btn {
flex-shrink: 0;
padding: 10px 24px;
font-size: .95em;
cursor: pointer;
}
.kr-ts__empty {
padding: 20px;
border: 1px dashed #bbb;
font-size: 13px;
text-align: center;
}
@media (max-width: 767px) {
.kr-ts {
flex-direction: column;
}
.kr-ts__box {
padding: 20px;
}
.kr-ts__greeting-title,
.kr-ts__news .kr-ts__title {
display: none;
}
.kr-ts__svs-title {
display: block;
padding: 0 0 10px;
}
.kr-ts__box.kr-ts__media {
padding: 0;
}
.kr-ts__right {
display: contents;
}
.kr-ts__svs {
order: -1;
}
}
.kr-mem-anchor {
margin: 0 !important;
scroll-margin-top: 80px;
}
.kr-mem-section > * {
margin-top: 0;
margin-bottom: 0;
}
.kr-mem__empty {
padding: 20px;
border: 1px dashed #bbb;
font-size: 13px;
text-align: center;
}
.kr-mem__title {
margin: 0 0 10px;
}
.kr-mem__text {
margin: 0 0 15px;
}
.kr-mem-section.alignfull:is(.kr-mem-section--prayer, .kr-mem-section--svs, :has(> .kr-pray)) {
box-sizing: border-box;
width: 100vw !important;
max-width: none !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
margin-top: var(--kr-mg, 0px) !important;
margin-bottom: var(--kr-mg, 0px) !important;
}
body:has(.kr-mem-section.alignfull > .kr-pray) {
overflow-x: clip;
}
.kr-pray {
padding: 100px 30px;
background-color: var(--ast-global-color-5);
background-size: cover;
background-position: center;
}
.kr-pray__box {
max-width: 960px;
margin: 0 auto;
padding: 30px 50px;
border-radius: var(--kr-radius, 10px);
background: rgba(255, 255, 255, .8);
}
.kr-pray__title {
margin: 0 0 15px;
}
.kr-pray__content > :last-child {
margin-bottom: 0;
}
.kr-mem--playlist,
.kr-mem--news {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.kr-mem--news {
gap: 20px;
}
.kr-mem--news .kr-mem__title {
margin: 0;
}
.kr-mem--news .news-content {
width: 100%;
text-align: left;
}
.kr-mem__feed {
width: 100%;
}
.kr-mem--calendar {
display: flex;
align-items: center;
gap: 30px;
}
.kr-mem--calendar > * {
flex: 1 1 0;
min-width: 0;
}
.kr-mem__cal iframe {
display: block;
width: 100%;
border: 0;
border-radius: var(--kr-radius, 5px);
}
.kr-mem--card {
display: flex;
align-items: center;
gap: 40px;
}
.kr-mem--card > * {
flex: 1 1 0;
min-width: 0;
}
.kr-mem__img img {
display: block;
width: 100%;
height: auto;
border-radius: 5px;
box-shadow: 3px 3px 3px rgba(0, 0, 0, .5);
}
.kr-pp {
max-width: 960px;
margin: 0 auto;
}
.kr-pp__lead {
margin: 0 0 30px;
}
.kr-pp__section {
margin-bottom: 30px;
}
.kr-pp__title {
margin: 0 0 5px;
}
.kr-pp__text {
margin: 0;
}
.kr-pp__contact {
width: 80%;
box-sizing: border-box;
margin-top: 10px;
padding: 15px 20px;
border: 1px solid currentColor;
}
.kr-pp__contact :is(h6, .kr-pp__contact-label) {
margin: 0 0 5px;
}
.kr-pp__contact p {
margin: 0;
}
.kr-pp__footer {
text-align: right;
}
.kr-pp__footer p {
margin: 0;
}
.kr-creed {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 50px;
align-items: start;
}
.kr-creed > * {
margin: 0 !important;
}
.kr-creed__side {
position: static;
}
.kr-creed__side > * {
margin: 0 0 16px !important;
}
.kr-creed__side > :last-child {
margin-bottom: 0 !important;
}
.kr-creed__side > :empty {
display: none;
}
.kr-creed__eyebrow {
color: var(--ast-global-color-0);
letter-spacing: .05em;
}
.kr-creed__heading {
font-weight: 700;
line-height: 1.2;
}
.kr-creed__list {
display: flex;
flex-direction: column;
gap: 18px;
}
.kr-creed__item.is-static .kr-creed__q {
margin: 0;
font-size: inherit;
line-height: inherit;
cursor: default;
}
.kr-about--creed .kr-creed__list {
margin-top: 0 !important;
}
.kr-creed-bars > * {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.kr-creed-bars > * + * {
margin-top: 30px !important;
}
.kr-creed-bars__lead:empty {
display: none;
}
@media (max-width: 1024px) {
.kr-about__body .kr-cbar {
grid-template-columns: minmax(0, 1fr);
gap: 12px;
}
.kr-about__body .kr-cbar__col {
gap: 12px;
}
}
.kr-about__body .kr-cbar {
width: 100%;
text-align: left;
}
.kr-cbar {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px;
align-items: start;
}
.kr-cbar__col {
display: flex;
flex-direction: column;
gap: 20px;
}
.kr-cbar__item {
margin: 0;
border-radius: var(--kr-radius, 5px);
box-shadow: var(--kr-shadow, none);
overflow: hidden;
}
.kr-cbar__q {
display: flex;
align-items: center;
gap: 10px;
padding: 16px 20px;
background: var(--kr-cbar-bg, var(--ast-global-color-0));
color: var(--kr-cbar-text, var(--ast-global-color-1, #fff));
font-weight: 700;
list-style: none;
cursor: pointer;
transition: filter .2s;
}
.kr-cbar__q::-webkit-details-marker {
display: none;
}
.kr-cbar__q:hover {
filter: brightness(1.08);
}
.kr-cbar__icon {
position: relative;
flex: 0 0 18px;
width: 18px;
height: 18px;
transition: transform .3s;
}
.kr-cbar__icon::before,
.kr-cbar__icon::after {
content: "";
position: absolute;
left: 50%;
top: 0;
width: 2px;
height: 100%;
margin-left: -1px;
border-radius: 1px;
background: currentColor;
transform: rotate(60deg);
}
.kr-cbar__icon::after {
transform: rotate(-60deg);
}
.kr-cbar__icon {
background: linear-gradient(currentColor, currentColor) center / 2px 100% no-repeat;
}
.kr-cbar__item[open] .kr-cbar__icon {
transform: rotate(90deg);
}
.kr-cbar__title {
line-height: 1.4;
}
.kr-cbar__a {
padding: 20px;
background: var(--ast-global-color-4, #fff);
line-height: 1.8;
}
.kr-cbar__a > :first-child { margin-top: 0; }
.kr-cbar__a > :last-child { margin-bottom: 0; }
.kr-cbar__a p,
.kr-cbar__a ul { margin: 0 0 1em; }
.kr-cbar__a ul { padding-left: 1.4em; }
@media (max-width: 767px) {
.kr-cbar {
grid-template-columns: minmax(0, 1fr);
gap: 12px;
}
.kr-cbar__col {
gap: 12px;
}
}
.kr-creed__list.is-fill .kr-creed__item {
position: relative;
}
.kr-creed__list.is-fill .kr-creed__item::before {
content: "";
position: absolute;
inset: 5px;
border: var(--kr-creed-bw, 1px) solid var(--ast-global-color-4, #fff);
border-radius: max(0px, calc(var(--kr-radius, 5px) - 4px));
pointer-events: none;
}
.kr-creed__list.is-fill .kr-creed__q,
.kr-creed__list.is-fill .kr-creed__a {
padding-left: 24px;
padding-right: 24px;
}
.kr-creed__item {
margin: 0;
border: var(--kr-creed-bw, 1px) solid var(--kr-creed-line, currentColor);
border-radius: var(--kr-radius, 5px);
background: var(--kr-creed-bg, var(--ast-global-color-4, #fff));
color: var(--kr-creed-text, inherit);
overflow: hidden;
}
.kr-creed__list[style*="--kr-creed-text"] :is(.kr-creed__item[open], .kr-creed__item.is-static) :is(.kr-creed__title, .kr-creed__icon) {
color: inherit;
}
.kr-creed__q {
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
padding: 14px 20px;
list-style: none;
cursor: pointer;
}
.kr-creed__q::-webkit-details-marker {
display: none;
}
.kr-creed__title {
font-weight: 700;
}
:is(.kr-creed__item[open], .kr-creed__item.is-static) .kr-creed__q {
border-bottom: 1px solid color-mix(in srgb, currentColor 20%, transparent);
}
:is(.kr-creed__item[open], .kr-creed__item.is-static) .kr-creed__title {
color: var(--ast-global-color-0);
}
.kr-creed__icon {
position: relative;
flex: 0 0 16px;
width: 16px;
height: 16px;
transition: transform .2s;
}
.kr-creed__icon::before,
.kr-creed__icon::after {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 100%;
height: 1.5px;
margin-top: -.75px;
background: currentColor;
}
.kr-creed__icon::after {
transform: rotate(90deg);
}
.kr-creed__item[open] .kr-creed__icon {
transform: rotate(45deg);
color: var(--ast-global-color-0);
}
.kr-creed__a {
padding: 20px 20px 24px;
}
.kr-creed__a > :first-child {
margin-top: 0;
}
.kr-creed__a > :last-child {
margin-bottom: 0;
}
.kr-creed__a p,
.kr-creed__a ul {
margin: 0 0 1em;
}
.kr-creed__a ul {
padding-left: 1.4em;
}
.kr-creed__ref {
color: var(--ast-global-color-0);
}
@media (max-width: 1024px) {
.kr-creed {
grid-template-columns: minmax(0, 1fr);
gap: 30px;
}
.kr-creed__side {
position: static;
}
}
@media (max-width: 767px) {
.kr-creed__q {
padding: 12px 16px;
}
.kr-creed__a {
padding: 16px;
}
}
.kr-creed__list.is-plain {
gap: 0;
}
.kr-creed__list.is-plain .kr-creed__item {
border: 0;
border-radius: 0;
background: none;
color: inherit;
overflow: visible;
}
.kr-creed__list.is-plain .kr-creed__item + .kr-creed__item {
margin-top: 0;
}
.kr-creed__list.is-plain .kr-creed__q {
padding: 0 0 10px;
}
.kr-creed__list.is-plain .kr-creed__item:not([open]):not(.is-static) .kr-creed__q {
border-bottom: 1px solid color-mix(in srgb, currentColor 20%, transparent);
}
.kr-creed__list.is-plain .kr-creed__a {
padding: 14px 0 0;
}
.kr-faq {
display: flex;
flex-direction: column;
gap: 20px;
max-width: 850px;
margin: 0 auto;
}
.kr-faq__item {
margin: 0;
}
.kr-faq__q {
position: relative;
padding: 15px 50px 15px 20px;
border-radius: 5px;
background: var(--ast-global-color-5);
font-weight: 500;
letter-spacing: .4px;
list-style: none;
cursor: pointer;
}
.kr-faq__q::-webkit-details-marker {
display: none;
}
.kr-faq__q::after {
content: "+";
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
font-size: 22px;
line-height: 1;
}
.kr-faq__item[open] .kr-faq__q::after {
content: "−";
}
.kr-faq__a {
margin-top: 5px;
padding: 20px;
border-radius: 10px;
background: var(--ast-global-color-4, #fff);
}
@media (max-width: 767px) {
.kr-pray {
padding: 60px 15px;
}
.kr-pray__box {
padding: 25px 20px;
}
.kr-mem--calendar,
.kr-mem--card {
flex-direction: column;
align-items: stretch;
gap: 20px;
}
.kr-mem--card .kr-mem__body {
text-align: center;
}
.kr-mem--card .wp-block-buttons {
justify-content: center;
}
.kr-pp__contact {
width: 100%;
}
}
.kr-cpt {
margin-bottom: 1.5em;
}
.kr-cpt__date {
margin: 0 0 10px;
font-weight: 600;
opacity: .8;
}
.kr-cpt__text {
margin: 0 0 15px;
}
.kr-cpt__media {
max-width: 800px;
margin: 0 0 20px !important;
}
.kr-cpt__row {
display: flex;
gap: 15px;
margin-bottom: 5px;
}
.kr-cpt__label {
flex: 0 0 3em;
font-weight: 700;
}
.kr-cpt .kr-svs__buttons {
margin-top: 15px !important;
}
.kr-off-section.alignfull {
box-sizing: border-box;
width: 100vw !important;
max-width: none !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.entry-content > .wp-block-group.kr-off-section {
padding: 0 !important;
}
body:has(.kr-off-section.alignfull) {
overflow-x: clip;
}
.kr-off--a {
display: flex;
justify-content: center;
padding: 2%;
background-color: var(--ast-global-color-4);
background-size: cover;
background-position: center;
background-attachment: fixed;
}
@supports (-webkit-touch-callout: none) {
.kr-off--a {
background-attachment: scroll;
}
}
.kr-off__box {
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 900px;
min-height: 500px;
text-align: center;
padding: 60px 80px;
border-radius: 10px;
background: color-mix(in srgb, var(--kr-off-box, #0F172A) var(--kr-off-op, 95%), transparent);
color: var(--kr-off-text, #fff);
}
.kr-off__box.has-img {
background:
linear-gradient(color-mix(in srgb, var(--kr-off-box, #0F172A) var(--kr-off-op, 95%), transparent),
color-mix(in srgb, var(--kr-off-box, #0F172A) var(--kr-off-op, 95%), transparent)),
var(--kr-off-img) center / cover no-repeat;
box-shadow: var(--kr-shadow, 3px 3px 3px rgba(0, 0, 0, .5));
}
.kr-off__title {
margin: 0 0 20px;
color: inherit;
}
.kr-off__box .kr-off__text {
width: 100%;
max-width: 640px;
margin: 0 auto 30px;
color: inherit;
}
.kr-off__btns {
margin: 0 !important;
}
.kr-off--b {
display: flex;
}
.kr-off__card {
position: relative;
box-sizing: border-box;
flex: 1 1 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 20px;
min-height: 360px;
padding: 5% 30px;
overflow: hidden;
text-align: center;
}
.kr-off__card > :not(.kr-off__icon) {
position: relative;
z-index: 1;
margin: 0 !important;
}
.kr-off__card--bank {
background: var(--ast-global-color-1);
color: var(--ast-global-color-2);
}
.kr-off__card--online {
background: var(--ast-global-color-6);
color: var(--ast-global-color-1);
}
.kr-off__card .kr-off__card-title {
color: inherit;
}
.kr-off__card .kr-off__text {
max-width: 400px;
line-height: 1.65;
}
.kr-off__icon {
position: absolute;
top: 50%;
left: 50%;
width: 25%;
transform: translate(-50%, -50%);
opacity: .2;
pointer-events: none;
}
.kr-off__icon svg {
display: block;
width: 100%;
height: auto;
fill: currentColor;
}
.kr-off--a[data-pos="left"] {
justify-content: flex-start;
}
.kr-off--a[data-pos="right"] {
justify-content: flex-end;
}
.kr-off--a:is([data-pos="left"], [data-pos="right"]) .kr-off__box {
width: 50%;
max-width: none;
}
.kr-off--a:is([data-pos="left"], [data-pos="right"]) .kr-off__box {
align-items: flex-start;
text-align: left;
}
.kr-off--a:is([data-pos="left"], [data-pos="right"]) .kr-off__text {
margin-left: 0;
margin-right: 0;
}
.kr-off--a:is([data-pos="left"], [data-pos="right"]) .kr-off__btns {
justify-content: flex-start !important;
}
@media (max-width: 1024px) {
.kr-off__box {
padding: 50px 40px;
}
.kr-off--a:is([data-pos="left"], [data-pos="right"]) .kr-off__box {
width: 70%;
}
}
@media (max-width: 767px) {
.kr-off--a {
padding: 0;
}
.kr-off__box,
.kr-off--a:is([data-pos="left"], [data-pos="right"]) .kr-off__box {
width: 100%;
min-height: 30vh;
padding: 40px 20px;
align-items: center;
text-align: center;
}
.kr-off--a:is([data-pos="left"], [data-pos="right"]) .kr-off__text {
margin-left: auto;
margin-right: auto;
}
.kr-off--a:is([data-pos="left"], [data-pos="right"]) .kr-off__btns {
justify-content: center !important;
}
.kr-off--b {
flex-wrap: wrap;
}
.kr-off__card {
flex-basis: 100%;
min-height: 260px;
padding: 20px;
}
}
.kr-tcal {
display: flex;
align-items: flex-start;
gap: 30px;
}
.kr-tcal__col {
flex: 1 1 0;
min-width: 0;
}
.kr-tcal__side {
display: flex;
flex-direction: column;
justify-content: flex-end;
gap: 20px;
}
.kr-tcal__head {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 10px;
}
.kr-tcal__icon {
display: inline-flex;
flex: 0 0 25px;
width: 25px;
height: 25px;
color: var(--ast-global-color-0);
}
.kr-tcal__icon svg {
width: 100%;
height: 100%;
fill: currentColor;
}
.kr-tcal__title {
margin: 0 !important;
}
.kr-tcal__frame iframe {
display: block;
width: 100%;
border: 0;
}
.kr-tcal__map .kr-tcal__head {
margin-top: 20px;
}
.kr-tcal__detail {
display: flex;
align-items: center;
overflow: hidden;
border-radius: 5px;
background: var(--ast-global-color-1);
box-shadow: 2px 2px 2px rgba(0, 0, 0, .24);
color: var(--ast-global-color-2);
transition: transform .3s;
}
.kr-tcal__detail:hover {
transform: translate(2px, 2px);
}
.kr-tcal__mapframe {
flex: 0 0 40%;
align-self: stretch;
}
.kr-tcal__mapframe iframe {
display: block;
width: 100%;
height: 150px;
border: 0;
}
.kr-tcal__address {
flex: 0 0 60%;
box-sizing: border-box;
min-width: 0;
padding: 10px;
}
.kr-tcal__address :is(h6, .kr-tcal__name) {
margin: 15px 0 6px !important;
color: inherit;
}
.kr-tcal__address p {
width: 80%;
margin: 0 0 10px !important;
line-height: 1.3;
color: inherit;
}
.kr-tcal__link {
display: table;
margin: 0 10px 0 auto;
padding: 0;
border-bottom: 1px solid currentColor;
color: var(--ast-global-color-2);
text-decoration: none;
line-height: 1.6;
}
.kr-tcal__link span {
display: inline-flex;
margin-left: 1px;
vertical-align: middle;
}
.kr-tcal__link svg {
width: .9em;
height: .9em;
fill: currentColor;
}
.kr-tcal__link:hover {
opacity: .8;
color: var(--ast-global-color-2);
}
@media (max-width: 767px) {
.kr-tcal {
flex-direction: column;
align-items: stretch;
}
.kr-tcal__address :is(h6, .kr-tcal__name) {
margin-top: 0 !important;
}
}
.kr-fvb {
display: flex;
flex-wrap: wrap;
align-items: stretch;
gap: 10px;
min-height: 75vh;
}
.kr-fvb > .kr-fvb__img.kr-fv {
flex: 0 0 72%;
box-sizing: border-box;
justify-content: center;
align-items: stretch;
min-height: 0;
margin: 0 !important;
padding: 20px;
border-radius: 10px;
text-align: left;
}
@media (min-width: 768px) {
.kr-fvb:not(:has(> .kr-fvb__news)) > .kr-fvb__img.kr-fv {
flex-basis: 100% !important;
}
}
.kr-fvb > .kr-fvb__img.top-fv::after {
opacity: .07 !important;
}
.kr-fvb .kr-fv__title,
.kr-fvb .kr-fv__subtitle {
margin: 0 0 10px;
font-weight: 600;
text-align: left;
color: var(--kr-fv-color, var(--ast-global-color-1));
}
.kr-fvb .kr-fv__subtitle {
margin-bottom: 0;
}
.kr-fvb__news {
flex: 1 1 0;
min-width: 0;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
gap: 40px;
padding: 40px 20px 20px;
border-radius: 10px;
box-shadow: 3px 3px 3px rgba(0, 0, 0, .5);
}
.kr-fvb__news,
.kr-fvb__news * {
text-align: left;
}
.kr-fvb__news-item {
width: 98%;
}
.kr-fvb__news-head {
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
margin-bottom: 10px;
}
.kr-fvb__news-title {
margin: 0 !important;
min-width: 0;
letter-spacing: normal !important;
white-space: nowrap;
}
.kr-fvb__more {
flex-shrink: 0;
font-size: .85em;
text-decoration: none;
}
.kr-fvb__news-item:has(.news-content-full.is-full) .kr-fvb__more {
display: none;
}
.kr-fvb__empty {
padding: 20px;
border: 1px dashed #bbb;
font-size: 13px;
}
.news-content-full .kr-news-full__verse {
margin: 0 0 12px;
padding: 10px 14px;
border: 0;
border-left: 3px solid var(--ast-global-color-0);
border-radius: 0 4px 4px 0;
background: rgba(0, 0, 0, .04);
font-size: .95em;
font-style: normal;
line-height: 1.8;
}
.news-content-full .kr-news-full__verse p {
margin: 0;
}
.news-content-full .kr-news-full__ref {
margin: 4px 0 0;
font-size: .9em;
text-align: right;
}
.news-content-full p:last-child {
margin-bottom: 0;
}
.kr-fvb__news .news-content .published {
font-size: .85em;
}
@media (min-width: 1025px) {
.kr-fvb__news .news-content article,
.kr-fvb__news .news-content .post-cont {
min-width: 0;
max-width: 100%;
}
.kr-fvb__news .news-content .post-cont {
display: flex;
flex-wrap: nowrap;
align-items: center;
gap: 8px;
}
.kr-fvb__news .news-content .post-cont > .cat-links,
.kr-fvb__news .news-content .post-cont > .published {
flex: 0 0 auto;
white-space: nowrap;
}
.kr-fvb__news .news-content .post-cont > .post-title {
flex: 1 1 auto;
min-width: 0;
width: auto;
margin: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.kr-fvb__news .news-content .post-cont > .post-title a {
display: inline;
}
}
.kr-fvb__news .kr-news-sp {
display: none;
}
@media (max-width: 1024px) {
.kr-fvb__news .news-content .post-cont {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
gap: 4px 8px;
}
.kr-fvb__news .news-content .post-cont > .post-title,
.kr-fvb__news .news-content .post-cont > .news-content-full {
flex: 0 0 100%;
width: 100%;
margin: 0;
text-align: left;
}
.kr-fvb__news .kr-news-sp {
display: block;
flex: 0 0 100%;
width: 100%;
}
.kr-fvb__news .kr-news-sp__meta {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 4px;
}
.kr-fvb__news .kr-news-sp .post-title {
margin: 0 0 8px;
font-weight: 600;
}
}
@media (max-width: 1024px) {
.kr-fvb {
justify-content: space-between;
min-height: 50vh;
}
.kr-fvb > .kr-fvb__img.kr-fv {
flex-basis: 70%;
}
.kr-fvb__news {
padding: 30px 10px 10px;
}
.kr-fvb__news-item {
width: 100%;
}
}
@media (max-width: 767px) {
.kr-fvb {
flex-direction: column;
min-height: 0;
}
.kr-fvb > .kr-fvb__img.kr-fv {
flex: 0 0 auto;
min-height: 60vh;
}
.kr-fvb__news {
flex: 0 0 auto;
border-radius: 0;
}
.kr-fvb__news-item--sub,
.kr-fvb__more {
display: none;
}
.kr-fvb__news-head {
justify-content: center;
}
.kr-fvb__news-title {
text-align: center;
}
}
.kr-catch2 {
display: flex;
align-items: stretch;
gap: 20px;
}
.kr-catch2 > * {
flex: 1 1 0;
min-width: 0;
margin: 0 !important;
}
.kr-catch2.is-reverse {
flex-direction: row-reverse;
}
.kr-catch2__text {
display: flex;
flex-direction: column;
justify-content: center;
text-align: left;
}
.kr-catch2__title {
margin: 0 0 15px !important;
text-align: left;
}
.kr-catch2__content {
margin: 0 !important;
text-align: left;
}
.kr-catch2__img {
display: flex;
justify-content: center;
align-items: center;
}
.kr-catch2__img img {
display: block;
width: 100%;
height: auto;
border-radius: var(--kr-radius, 5px);
box-shadow: var(--kr-shadow, 3px 3px 3px rgba(0, 0, 0, .5));
}
@media (max-width: 1024px) {
.kr-catch2 {
margin-bottom: 50px !important;
}
}
@media (max-width: 767px) {
.kr-catch2,
.kr-catch2.is-reverse {
flex-direction: column;
gap: 20px;
}
.kr-catch2__img {
order: -1;
}
.kr-catch2__text {
gap: 30px;
}
.kr-catch2__title {
margin-bottom: 0 !important;
text-align: center;
}
}
@media (min-width: 768px) {
.kr-va--top    :is(.kr-catch2, .kr-greeting__inner, .kr-svs__inner, .kr-about__inner, .kr-pastor, .kr-mt__row, .kr-acc__cols, .kr-acc__row, .kr-acc-band__inner, .kr-ts, .kr-tcal, .kr-fvb, .kr-mem--calendar, .kr-mem--card, .kr-off--b, .kr-col__inner, .kr-cpt__row) { align-items: flex-start !important; }
.kr-va--center :is(.kr-catch2, .kr-greeting__inner, .kr-svs__inner, .kr-about__inner, .kr-pastor, .kr-mt__row, .kr-acc__cols, .kr-acc__row, .kr-acc-band__inner, .kr-ts, .kr-tcal, .kr-fvb, .kr-mem--calendar, .kr-mem--card, .kr-off--b, .kr-col__inner, .kr-cpt__row) { align-items: center !important; }
.kr-va--bottom :is(.kr-catch2, .kr-greeting__inner, .kr-svs__inner, .kr-about__inner, .kr-pastor, .kr-mt__row, .kr-acc__cols, .kr-acc__row, .kr-acc-band__inner, .kr-ts, .kr-tcal, .kr-fvb, .kr-mem--calendar, .kr-mem--card, .kr-off--b, .kr-col__inner, .kr-cpt__row) { align-items: flex-end !important; }
}
.kr-eyebrow {
display: block;
margin: 0 0 .5em;
color: var(--ast-global-color-0);
font-size: max(.45em, 13px);
font-weight: 500;
letter-spacing: .12em;
line-height: 1.4;
}
.kr-eyebrow--below {
margin: .5em 0 0;
}
:is(.kr-fv, .kr-hd-fv, .kr-fvb) .kr-eyebrow,
.kr-ts__box[style*="--kr-ts-text"] .kr-eyebrow {
color: inherit;
opacity: .85;
}
body.kr-title-style--box .kr-title-box > .kr-eyebrow {
display: none;
}
body.kr-title-style--box :is(h1, h2, h3, h4, h5, h6):not(.kr-title-box):has(> .kr-eyebrow) {
display: flex;
flex-wrap: wrap;
align-items: baseline;
column-gap: 1em;
}
body.kr-title-style--box :is(h1, h2, h3, h4, h5, h6):not(.kr-title-box) > .kr-eyebrow {
order: 2;
margin: 0;
}
body.kr-title-style--box :is(h1, h2, h3, h4, h5, h6).has-text-align-center:not(.kr-title-box):has(> .kr-eyebrow) { justify-content: center; }
body.kr-title-style--box :is(h1, h2, h3, h4, h5, h6).has-text-align-right:not(.kr-title-box):has(> .kr-eyebrow) { justify-content: flex-end; }
body:is(.kr-title-style--above, .kr-title-style--below) :is(.kr-title-box, .kr-about__title, .kr-section-title) {
width: auto;
padding: 0 !important;
background: none;
border-radius: 0;
color: var(--ast-global-color-2);
text-align: left;
}
@media (max-width: 767px) {
body:is(.kr-title-style--above, .kr-title-style--below) :is(.kr-title-box--under, .kr-section-title) {
text-align: center;
}
}
body.kr-title-style--below :is(h1, h2, h3, h4, h5, h6):has(> .kr-eyebrow) {
display: flex;
flex-direction: column;
}
body.kr-title-style--below :is(h1, h2, h3, h4, h5, h6) > .kr-eyebrow {
order: 2;
margin: .5em 0 0;
}
body.kr-title-style--below :is(h1, h2, h3, h4, h5, h6).has-text-align-center:has(> .kr-eyebrow),
body.kr-title-style--below :is(.kr-title-box--under, .kr-section-title):has(> .kr-eyebrow) { align-items: center; }
@media (min-width: 768px) {
body.kr-title-style--below :is(.kr-title-box--under, .kr-section-title):has(> .kr-eyebrow) { align-items: flex-start; }
}
:is(.kr-eyebrow, .kr-svs__eyebrow, .kr-creed__eyebrow, .kr-pastor__eyebrow, .kr-off__eyebrow) {
font-weight: 500 !important;
}
.kr-off__title > .kr-eyebrow {
color: inherit;
font-size: 13px;
}
body:not(.kr-title-style--above) .kr-off__title:has(> .kr-eyebrow) {
display: flex !important;
flex-direction: column !important;
align-items: center;
}
body:not(.kr-title-style--above) .kr-off__title > .kr-eyebrow {
order: 2;
margin: .5em 0 0 !important;
}
body:not(.kr-title-style--above) .kr-off--a:is([data-pos="left"], [data-pos="right"]) .kr-off__title:has(> .kr-eyebrow) {
align-items: flex-start;
}
body.kr-sec--sheet .entry-content > .kr-off-section.alignfull {
position: relative;
margin-top: calc(var(--kr-sheet-r, 32px) * -1) !important;
border-radius: var(--kr-sheet-r, 32px) var(--kr-sheet-r, 32px) 0 0;
clip-path: inset(0 round var(--kr-sheet-r, 32px) var(--kr-sheet-r, 32px) 0 0);
}
body.kr-sec--sheet .entry-content > .kr-off-section > .kr-off--a {
padding-top: calc(var(--kr-sheet-r, 32px) + 2%);
padding-bottom: calc(var(--kr-sheet-r, 32px) + 2%);
}
body.kr-sec--sheet .entry-content > .kr-off-section:last-child > .kr-off--a {
padding-bottom: 2%;
}
body.kr-sec--sheet .entry-content > .kr-off-section--b:not(:last-child) {
padding-bottom: var(--kr-sheet-r, 32px) !important;
background: var(--kr-sheet-a, var(--ast-global-color-4, #fff));
}
body:is(.kr-title-style--above, .kr-title-style--below) :is(h1, h2, h3, h4, h5, h6):has(> .kr-title-en) {
display: flex;
flex-direction: column;
align-items: stretch;
}
body:is(.kr-title-style--above, .kr-title-style--below) :is(h1, h2, h3, h4, h5, h6) > .kr-title-en {
display: block;
margin: 0;
vertical-align: baseline;
}
body.kr-title-style--above :is(h1, h2, h3, h4, h5, h6) > .kr-title-en {
order: -1;
margin-bottom: .5em;
}
body.kr-title-style--below :is(h1, h2, h3, h4, h5, h6) > .kr-title-en {
order: 2;
margin-top: .5em;
}
.kr-content-link {
margin: 12px 0 0 !important;
text-align: inherit;
}
.kr-content-link__a {
display: inline-flex;
align-items: center;
gap: .5em;
color: var(--ast-global-color-0);
font-weight: 600;
letter-spacing: .05em;
text-decoration: none;
}
.kr-content-link__a:hover,
.kr-content-link__a:focus-visible {
color: var(--ast-global-color-0);
text-decoration: underline;
text-underline-offset: 4px;
}
.kr-content-link__arrow {
position: relative;
width: 1.1em;
height: 1px;
background: currentColor;
transition: transform .2s;
}
.kr-content-link__arrow::after {
content: "";
position: absolute;
right: 0;
top: -3px;
width: 7px;
height: 7px;
border-top: 1px solid currentColor;
border-right: 1px solid currentColor;
transform: rotate(45deg);
}
.kr-content-link__a:hover .kr-content-link__arrow {
transform: translateX(4px);
}
.has-text-align-center + .kr-content-link {
text-align: center;
}
.kr-about__body > .kr-content-link {
align-self: stretch;
margin-top: -8px !important;
}
body :is(h1, h2, h3, h4, h5, h6) > .kr-eyebrow {
margin-bottom: 0 !important;
}
body.kr-title-style--below :is(h1, h2, h3, h4, h5, h6) > :is(.kr-eyebrow, .kr-title-en),
body.kr-title-style--above :is(h1, h2, h3, h4, h5, h6) > .kr-title-en {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
:root {
--kr-title-gap: 24px;
}
.entry-content :is(.kr-catch__title, .kr-catch2__title, .kr-off__title, .kr-acc__name, .kr-tcal__title, .kr-cts__title) {
margin-bottom: var(--kr-title-gap) !important;
padding-bottom: 0 !important;
}
.entry-content .kr-greeting__title {
margin-bottom: calc(var(--kr-title-gap) - 10px) !important;
}
.entry-content .kr-svs__title {
margin-bottom: calc(var(--kr-title-gap) - 10px) !important;
}
.entry-content .kr-section:is(.kr-bg-img, .has-kr-bg-video) .kr-svs__title {
margin-bottom: calc(var(--kr-title-gap) - 14px) !important;
}
.entry-content .kr-about__title {
margin-bottom: calc(var(--kr-title-gap) - 10px) !important;
}
.entry-content .kr-creed__side > .kr-creed__heading {
margin-bottom: var(--kr-title-gap) !important;
}
.entry-content .kr-pastor-section > .kr-section-title,
.entry-content .kr-cts-section > .kr-section-title {
margin-bottom: var(--kr-title-gap) !important;
}
.entry-content .kr-pastor.has-title {
row-gap: 0 !important;
}
.entry-content .kr-pastor.has-title > :is(.kr-title-box, .kr-section-title, .kr-pastor__head) {
margin-bottom: var(--kr-title-gap) !important;
}
.entry-content .kr-pastor__head {
gap: var(--kr-title-gap);
}
@media (max-width: 767px) {
.entry-content .kr-pastor.has-title > :is(.kr-pastor__info, .kr-pastor__infos) {
}
}
@media (max-width: 767px) {
.entry-content .kr-svs__title {
margin-bottom: calc(var(--kr-title-gap) - 20px) !important;
}
}
.entry-content .kr-pastor-section--photo > .kr-section-title + * {
margin-top: 0 !important;
}
@media (max-width: 767px) {
.entry-content :is(.kr-section, .kr-off-section) :is(h2, :is(h1, h3, h4, h5, h6):has(> :is(.kr-eyebrow, .kr-title-en))),
.entry-content :is(.kr-title-box, .kr-about__title, .kr-section-title, .kr-off__title, .kr-catch__title, .kr-catch2__title),
.entry-content :is(.kr-svs__eyebrow, .kr-creed__eyebrow, .kr-pastor__eyebrow, .kr-off__eyebrow) {
text-align: center !important;
}
body.kr-title-style--box .entry-content :is(h1, h2, h3, h4, h5, h6):not(.kr-title-box):has(> .kr-eyebrow) {
justify-content: center !important;
}
body:is(.kr-title-style--above, .kr-title-style--below) .entry-content :is(h1, h2, h3, h4, h5, h6):has(> :is(.kr-eyebrow, .kr-title-en)),
body:not(.kr-title-style--above) .entry-content .kr-off__title:has(> .kr-eyebrow),
body .entry-content .kr-off--a:is([data-pos="left"], [data-pos="right"]) .kr-off__title:has(> .kr-eyebrow) {
align-items: center !important;
}
.entry-content .kr-title-box {
margin-left: auto !important;
margin-right: auto !important;
}
}
@media (max-width: 767px) {
.kr-greeting__inner > .kr-greeting__text {
display: contents;
}
.kr-greeting__inner > .kr-greeting__text > * {
order: 1;
width: 95%;
}
.kr-greeting__inner > .kr-greeting__text > .kr-greeting__title {
order: -1;
}
.entry-content .kr-greeting__title {
margin-bottom: calc(var(--kr-title-gap, 24px) - 20px) !important;
}
.kr-catch2 > .kr-catch2__text {
display: contents;
}
.kr-catch2 > .kr-catch2__text > * {
order: 1;
}
.kr-catch2 > .kr-catch2__text > .kr-catch2__title {
order: -1;
}
.kr-catch2 > .kr-catch2__img {
order: 0;
}
.entry-content .kr-catch2__title {
margin-bottom: calc(var(--kr-title-gap, 24px) - 20px) !important;
}
.kr-mt__row > .kr-mt__detail {
display: contents;
}
.kr-mt__row > .kr-mt__detail > * {
order: 1;
margin: 0 !important;
text-align: center;
}
.kr-mt__row > .kr-mt__detail > .kr-mt__title {
order: -1;
}
.kr-mt__row > .kr-mt__media {
order: 0;
}
.kr-cts__item > .kr-cts__body {
display: contents;
}
.kr-cts__item > .kr-cts__body > * {
order: 1;
}
.kr-cts__item > .kr-cts__body > .kr-cts__en {
order: -2;
margin-bottom: -12px !important;
}
.kr-cts__item > .kr-cts__body > .kr-cts__title {
order: -1;
}
.kr-cts__item > .kr-cts__figure {
order: 0;
}
}
.kr-mem--news.is-full .news-content {
display: flex;
flex-direction: column;
gap: 30px;
}
.kr-mem--news.is-full .news-content .post-cont {
display: block;
position: relative;
padding-bottom: 30px;
margin-bottom: 20px;
}
.kr-mem--news.is-full .news-content .news-title {
text-align: center;
font-size: 1.3em;
margin: 0 0 16px;
}
.kr-mem--news.is-full .news-content .post-cont::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
width: 90%;
height: 1px;
margin: 0 auto;
background: var(--ast-global-color-0);
}
.kr-mem--news.is-full .news-content article:last-child .post-cont {
margin-bottom: 0;
}
.kr-mem--news.is-full .news-content article:last-child .post-cont::after {
display: none;
}
.kr-pray__btns {
margin-top: 16px;
}
.kr-pray__btns .wp-block-buttons {
margin: 0;
}
.kr-mem-section--bg > .kr-pray {
padding: 0;
background: none;
}
.kr-mem-section--contents .kr-cts__img {
box-shadow: var(--kr-shadow, 3px 3px 3px rgba(0, 0, 0, .5));
}
:is(.category-message, .category-bible, .category-pray) .cat-links a,
:is(.category-message, .category-bible, .category-pray) .cat-links a:hover {
background-color: #8a8a8a !important;
color: #fff !important;
}
/* patterns-shared.css */
.kr-bg-layer {
position: absolute;
inset: 0;
margin: 0 !important;
width: 100%;
height: 100%;
transform-origin: center center;
z-index: -2;
background-size: cover;
background-position: center;
opacity: 0;
transition: opacity 1.5s ease;
pointer-events: none;
}
.kr-bg-layer.is-active {
opacity: 1;
}
.kr-bg-layer.is-zoom {
animation: kr-fv-kenburns var(--kr-bg-zoom-duration, 8s) linear forwards;
}
.kr-svs__thumb img,
.kr-svs__img,
.kr-greeting__img img {
border-radius: var(--kr-radius, 5px) !important;
box-shadow: var(--kr-shadow, 3px 3px 3px rgba(0, 0, 0, .5)) !important;
}
.kr-svs__noimg {
box-shadow: var(--kr-shadow, 3px 3px 3px rgba(0, 0, 0, .5));
}
.kr-fade--top,
.kr-fade--bottom {
isolation: isolate;
}
:is(.kr-fade--top, .kr-fade--bottom, .kr-pad--s, .kr-pad--m, .kr-pad--l, .kr-pad--xl) {
position: relative;
border-top: calc(var(--kr-ft, 0px) + var(--kr-pad, 0px)) solid transparent !important;
border-bottom: calc(var(--kr-fb, 0px) + var(--kr-pad, 0px)) solid transparent !important;
background-origin: border-box;
}
.kr-fade--top {
--kr-ft: var(--kr-fade-size, 80px);
margin-top: 0 !important;
}
.kr-fade--bottom {
--kr-fb: var(--kr-fade-size, 80px);
margin-bottom: 0 !important;
}
.kr-fade__layer {
position: absolute;
left: 0;
right: 0;
top: calc((var(--kr-ft, 0px) + var(--kr-pad, 0px)) * -1);
bottom: calc((var(--kr-fb, 0px) + var(--kr-pad, 0px)) * -1);
z-index: -1;
margin: 0 !important;
pointer-events: none;
background-image:
linear-gradient(to bottom,
var(--kr-fade-prev, transparent) 0,
color-mix(in srgb, var(--kr-fade-prev, transparent) 97%, transparent) calc(var(--kr-ft, 0px) * .1),
color-mix(in srgb, var(--kr-fade-prev, transparent) 90%, transparent) calc(var(--kr-ft, 0px) * .2),
color-mix(in srgb, var(--kr-fade-prev, transparent) 78%, transparent) calc(var(--kr-ft, 0px) * .3),
color-mix(in srgb, var(--kr-fade-prev, transparent) 65%, transparent) calc(var(--kr-ft, 0px) * .4),
color-mix(in srgb, var(--kr-fade-prev, transparent) 50%, transparent) calc(var(--kr-ft, 0px) * .5),
color-mix(in srgb, var(--kr-fade-prev, transparent) 35%, transparent) calc(var(--kr-ft, 0px) * .6),
color-mix(in srgb, var(--kr-fade-prev, transparent) 22%, transparent) calc(var(--kr-ft, 0px) * .7),
color-mix(in srgb, var(--kr-fade-prev, transparent) 10%, transparent) calc(var(--kr-ft, 0px) * .8),
color-mix(in srgb, var(--kr-fade-prev, transparent) 3%, transparent) calc(var(--kr-ft, 0px) * .9),
transparent var(--kr-ft, 0px)),
linear-gradient(to top,
var(--kr-fade-next, transparent) 0,
color-mix(in srgb, var(--kr-fade-next, transparent) 97%, transparent) calc(var(--kr-fb, 0px) * .1),
color-mix(in srgb, var(--kr-fade-next, transparent) 90%, transparent) calc(var(--kr-fb, 0px) * .2),
color-mix(in srgb, var(--kr-fade-next, transparent) 78%, transparent) calc(var(--kr-fb, 0px) * .3),
color-mix(in srgb, var(--kr-fade-next, transparent) 65%, transparent) calc(var(--kr-fb, 0px) * .4),
color-mix(in srgb, var(--kr-fade-next, transparent) 50%, transparent) calc(var(--kr-fb, 0px) * .5),
color-mix(in srgb, var(--kr-fade-next, transparent) 35%, transparent) calc(var(--kr-fb, 0px) * .6),
color-mix(in srgb, var(--kr-fade-next, transparent) 22%, transparent) calc(var(--kr-fb, 0px) * .7),
color-mix(in srgb, var(--kr-fade-next, transparent) 10%, transparent) calc(var(--kr-fb, 0px) * .8),
color-mix(in srgb, var(--kr-fade-next, transparent) 3%, transparent) calc(var(--kr-fb, 0px) * .9),
transparent var(--kr-fb, 0px));
}
:is(.kr-fade--top, .kr-fade--bottom, .kr-pad--s, .kr-pad--m, .kr-pad--l, .kr-pad--xl) > :is(.kr-bg-layer, .kr-bg-video),
:is(.kr-fade--top, .kr-fade--bottom, .kr-pad--s, .kr-pad--m, .kr-pad--l, .kr-pad--xl)::before,
:is(.kr-fade--top, .kr-fade--bottom, .kr-pad--s, .kr-pad--m, .kr-pad--l, .kr-pad--xl)::after {
top: calc((var(--kr-ft, 0px) + var(--kr-pad, 0px)) * -1);
bottom: calc((var(--kr-fb, 0px) + var(--kr-pad, 0px)) * -1);
}
.kr-fv.kr-fade--top,
.kr-fv.kr-fade--bottom {
min-height: calc(88vh + var(--kr-ft, 0px) + var(--kr-fb, 0px));
}
@media (max-width: 767px) {
.kr-fv.kr-fade--top,
.kr-fv.kr-fade--bottom {
min-height: calc(85vh + var(--kr-ft, 0px) + var(--kr-fb, 0px));
}
}
.entry-content > :has(+ .kr-fade--top),
.is-root-container > :has(+ .kr-fade--top) {
margin-bottom: 0 !important;
}
.kr-fade--bottom + * {
margin-top: 0 !important;
}
.kr-bg-img {
--kr-ov-layer: linear-gradient(var(--kr-ov-angle, 180deg),
color-mix(in srgb, var(--kr-ov1, transparent) var(--kr-ov-op, 0%), transparent),
color-mix(in srgb, var(--kr-ov2, transparent) var(--kr-ov-op, 0%), transparent));
background-image: var(--kr-ov-layer), var(--kr-bg-image, none) !important;
background-size: 100% 100%, cover !important;
background-position: center, var(--kr-bg-pos, 50% 50%) !important;
background-repeat: no-repeat !important;
}
.kr-bg-img--fixed {
position: relative;
isolation: isolate;
clip-path: inset(0);
background-image: none !important;
}
.kr-bg-img--fixed::before,
.kr-bg-img--fixed::after {
content: "";
z-index: -2;
pointer-events: none;
}
.kr-bg-img--fixed::before {
position: fixed !important;
top: 0 !important;
bottom: auto !important;
left: 0;
width: 100%;
height: 100vh;
height: 100lvh;
background-image: var(--kr-bg-image, none);
background-size: cover;
background-position: var(--kr-bg-pos, 50% 50%);
background-repeat: no-repeat;
}
.kr-bg-img--fixed::after {
position: absolute;
left: 0;
right: 0;
top: calc((var(--kr-ft, 0px) + var(--kr-pad, 0px)) * -1);
bottom: calc((var(--kr-fb, 0px) + var(--kr-pad, 0px)) * -1);
background-image: var(--kr-ov-layer);
}
.kr-bg-moved {
background-image: none !important;
background-color: transparent !important;
}
.has-kr-bg-video {
position: relative;
isolation: isolate;
}
.kr-bg-video {
position: absolute;
inset: 0;
z-index: -1;
margin: 0 !important;
overflow: hidden;
pointer-events: none;
background-size: cover;
background-position: center;
container-type: size;
}
.kr-bg-video video {
display: block;
width: 100%;
height: 100%;
max-width: none !important;
object-fit: cover;
}
.kr-bg-video--yt iframe {
position: absolute;
top: 50%;
left: 50%;
width: max(100cqw, 177.78cqh);
height: max(100cqh, 56.25cqw);
max-width: none !important;
max-height: none !important;
transform: translate(-50%, -50%);
border: 0;
opacity: 0;
transition: opacity .8s ease;
}
.kr-bg-video--yt.is-playing iframe {
opacity: 1;
}
.has-kr-bg-video > .kr-bg-video::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(var(--kr-ov-angle, 180deg),
color-mix(in srgb, var(--kr-ov1, transparent) var(--kr-ov-op, 0%), transparent),
color-mix(in srgb, var(--kr-ov2, transparent) var(--kr-ov-op, 0%), transparent));
}
.wp-block-cover.has-kr-bg-video > .kr-bg-video {
z-index: 0;
}
.wp-block-cover.has-kr-bg-video > .kr-bg-video::after {
content: none;
}
.wp-block-cover.has-kr-bg-video > .wp-block-cover__image-background {
display: none;
}
@media (prefers-reduced-motion: reduce) {
.kr-bg-video video,
.kr-bg-video iframe {
display: none;
}
}
.kr-gallery {
--kr-gal-gap: 16px;
}
.kr-gallery__filter {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 5px;
margin: 0 0 28px;
}
.kr-gallery__filter .kr-gallery__filter-btn {
margin: 0;
}
@media (min-width: 678px) {
.kr-gallery:has(> .kr-gallery__filter) {
display: grid;
grid-template-columns: minmax(160px, 25%) minmax(0, 1fr);
column-gap: 1%;
align-items: start;
}
.kr-gallery:has(> .kr-gallery__filter) > .kr-gallery__filter {
grid-column: 1;
grid-row: 1 / span 2;
flex-direction: column;
align-items: flex-start;
flex-wrap: nowrap;
margin: 0;
}
.kr-gallery:has(> .kr-gallery__filter) > :not(.kr-gallery__filter) {
grid-column: 2;
}
.kr-gallery:has(> .kr-gallery__filter) .kr-gallery__filter-btn {
box-sizing: border-box;
width: 200px;
max-width: 100%;
box-shadow: none;
}
}
.kr-gallery__list {
display: grid;
grid-template-columns: repeat(var(--kr-gal-cols, 3), minmax(0, 1fr));
gap: var(--kr-gal-gap);
margin: 0 !important;
padding: 0;
list-style: none;
}
.kr-gallery__item {
margin: 0;
}
.kr-gallery__item[hidden] {
display: none;
}
.kr-gallery__link {
position: relative;
display: block;
overflow: hidden;
aspect-ratio: 1 / 1;
border-radius: var(--kr-radius, 5px);
}
.kr-gallery__link img {
display: block;
width: 100%;
height: 100% !important;
object-fit: cover;
transition: transform .4s ease;
}
.kr-gallery__link:hover img,
.kr-gallery__link:focus-visible img {
transform: scale(1.05);
}
.kr-gallery__link.is-locked img {
filter: blur(6px) brightness(.85);
transform: scale(1.08);
}
.kr-gallery__lock {
position: absolute;
left: 50%;
top: 50%;
width: 44px;
height: 44px;
margin: -22px 0 0 -22px;
border-radius: 50%;
background: rgba(0, 0, 0, .55) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M12 2a5 5 0 0 0-5 5v3H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2h-1V7a5 5 0 0 0-5-5zm-3 8V7a3 3 0 0 1 6 0v3z'/%3E%3C/svg%3E") center / 20px no-repeat;
}
.kr-gallery__more {
display: flex;
justify-content: center;
margin-top: 32px;
}
.kr-gallery__more[hidden] {
display: none;
}
@media (max-width: 767px) {
.kr-gallery {
--kr-gal-gap: 8px;
}
.kr-gallery__list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.kr-lightbox {
position: fixed;
inset: 0;
z-index: 100000;
display: flex;
align-items: center;
justify-content: center;
padding: 56px 64px;
background: rgba(0, 0, 0, .9);
}
.kr-lightbox[hidden] {
display: none;
}
html.kr-lightbox-open {
overflow: hidden;
}
.kr-lightbox__figure {
margin: 0;
text-align: center;
}
.kr-lightbox__img {
display: block;
max-width: 100%;
max-height: calc(100vh - 140px);
margin: 0 auto;
object-fit: contain;
}
.kr-lightbox__caption {
margin-top: 12px;
color: #fff;
font-size: 14px;
}
.kr-lightbox__caption:empty {
display: none;
}
.kr-lightbox button {
position: absolute;
padding: 0;
border: 0;
border-radius: 50%;
background: rgba(255, 255, 255, .12) !important;
color: #fff !important;
font-size: 32px;
line-height: 1;
width: 48px;
height: 48px;
cursor: pointer;
}
.kr-lightbox button:hover {
background: rgba(255, 255, 255, .25) !important;
}
.kr-lightbox__close {
top: 12px;
right: 12px;
}
.kr-lightbox__prev,
.kr-lightbox__next {
top: 50%;
margin-top: -24px;
}
.kr-lightbox__prev {
left: 8px;
}
.kr-lightbox__next {
right: 8px;
}
.kr-lightbox.is-single .kr-lightbox__prev,
.kr-lightbox.is-single .kr-lightbox__next {
display: none;
}
@media (max-width: 767px) {
.kr-lightbox {
padding: 56px 8px;
}
.kr-lightbox__prev,
.kr-lightbox__next {
top: auto;
bottom: 12px;
margin-top: 0;
}
}
.entry-content > .wp-block-group.kr-mem-section--prayer:not(.kr-mem-section--bg),
.entry-content > .wp-block-group.kr-acc-band,
.entry-content > .wp-block-group.kr-fv,
.entry-content > .wp-block-cover.kr-sep {
padding: 0 !important;
}
.entry-content > .wp-block-group.kr-acc-band {
padding-top: 30px !important;
padding-bottom: 30px !important;
}
.entry-content > .wp-block-group.kr-section {
padding-left: 0 !important;
padding-right: 0 !important;
}
.kr-pad--s  { --kr-pad: 40px; }
.kr-pad--m  { --kr-pad: 80px; }
.kr-pad--l  { --kr-pad: 120px; }
.kr-pad--xl { --kr-pad: 160px; }
@media (max-width: 767px) {
.kr-pad--s  { --kr-pad: 24px; }
.kr-pad--m  { --kr-pad: 48px; }
.kr-pad--l  { --kr-pad: 72px; }
.kr-pad--xl { --kr-pad: 96px; }
}
.entry-content > .wp-block-group:is(.kr-greeting, .kr-mt, .kr-sns-section, .kr-svs, .kr-col, .kr-catch, .kr-about, .kr-pastor-section, .kr-acc, .kr-mem-section, .kr-ts-section, .kr-tcal-section) {
padding-left: 0 !important;
padding-right: 0 !important;
}
.entry-content > .wp-block-group.kr-svs.alignfull > .kr-svs__inner {
width: calc(100% - var(--kr-container-gutter) * 2);
}
.kr-col__more {
display: inline-block;
margin-top: 10px !important;
color: var(--kr-col-btn-color, var(--ast-global-color-0));
font-size: .9em;
text-decoration: underline;
text-underline-offset: 4px;
}
.kr-col__card.has-link:hover .kr-col__more {
opacity: .8;
}
@media (min-width: 768px) {
.kr-col__more.has-btn {
display: none;
}
}
:is(.kr-off-section, .kr-feat-section, .kr-tcal-section, .kr-ts-section, .kr-mem-section, .kr-section) > * {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.kr-em {
font-size: 120%;
font-style: normal;
}
.kr-ytpl {
width: 100%;
text-align: left;
}
.kr-ytpl__list {
margin: 0;
padding: 0;
list-style: none;
}
.kr-ytpl__btn {
display: block;
width: 100%;
padding: 0;
border: 0;
background: none !important;
box-shadow: none !important;
color: inherit !important;
text-align: left;
cursor: pointer;
}
.kr-ytpl__thumb,
.kr-ytpl__player {
position: relative;
display: block;
overflow: hidden;
aspect-ratio: 16 / 9;
border-radius: var(--kr-radius, 5px);
box-shadow: var(--kr-shadow, 3px 3px 3px rgba(0, 0, 0, .5));
background: #000;
}
.kr-ytpl__thumb img,
.kr-ytpl__poster img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .3s, opacity .3s;
}
.kr-ytpl__btn:hover .kr-ytpl__thumb img {
transform: scale(1.04);
opacity: .85;
}
.kr-ytpl__play {
position: absolute;
left: 50%;
top: 50%;
width: 56px;
height: 40px;
margin: -20px 0 0 -28px;
border-radius: 10px;
background: rgba(0, 0, 0, .65);
transition: background .2s;
}
.kr-ytpl__play::after {
content: "";
position: absolute;
left: 22px;
top: 12px;
border-style: solid;
border-width: 8px 0 8px 14px;
border-color: transparent transparent transparent #fff;
}
.kr-ytpl__btn:hover .kr-ytpl__play,
.kr-ytpl__poster:hover .kr-ytpl__play {
background: #f00;
}
.kr-ytpl__meta {
display: block;
margin-top: 10px;
line-height: 1.5;
}
.kr-ytpl__date {
display: block;
font-size: .8em;
opacity: .7;
}
.kr-ytpl__title {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
font-size: .95em;
font-weight: 600;
}
.kr-ytpl__poster {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
padding: 0;
border: 0;
background: none !important;
cursor: pointer;
}
.kr-ytpl__player iframe {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border: 0;
}
.kr-ytpl__now {
margin: 12px 0 25px !important;
font-weight: 600;
}
.kr-ytpl--player .kr-ytpl__list,
.kr-ytpl--grid .kr-ytpl__list {
display: grid;
grid-template-columns: repeat(var(--kr-ytpl-cols, 4), minmax(0, 1fr));
gap: 25px 20px;
}
.kr-ytpl--grid {
--kr-ytpl-cols: 3;
}
.kr-ytpl--player .kr-ytpl__item.is-active .kr-ytpl__thumb {
outline: 3px solid var(--ast-global-color-0);
outline-offset: 2px;
}
.kr-ytpl__track {
position: relative;
}
.kr-ytpl--slider .kr-ytpl__list {
display: flex;
gap: 20px;
overflow-x: auto;
scroll-snap-type: x mandatory;
scrollbar-width: none;
padding: 4px 4px 10px;
}
.kr-ytpl--slider .kr-ytpl__list::-webkit-scrollbar {
display: none;
}
.kr-ytpl--slider .kr-ytpl__item {
flex: 0 0 calc((100% - 40px) / 3);
scroll-snap-align: start;
}
.kr-ytpl__nav {
position: absolute;
top: calc((100% - 70px) / 2);
z-index: 2;
width: 40px;
height: 40px;
padding: 0;
border: 0;
border-radius: 50%;
background: rgba(255, 255, 255, .95) !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, .25);
cursor: pointer;
transform: translateY(-50%);
}
.kr-ytpl__nav::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 10px;
height: 10px;
border-top: 2px solid #333;
border-right: 2px solid #333;
}
.kr-ytpl__nav--prev {
left: -12px;
}
.kr-ytpl__nav--prev::after {
transform: translate(-30%, -50%) rotate(-135deg);
}
.kr-ytpl__nav--next {
right: -12px;
}
.kr-ytpl__nav--next::after {
transform: translate(-70%, -50%) rotate(45deg);
}
.kr-ytpl__nav:disabled {
opacity: 0;
pointer-events: none;
}
.kr-ytpl-modal {
width: min(960px, 92vw);
max-width: none;
padding: 0;
border: 0;
background: transparent;
overflow: visible;
}
.kr-ytpl-modal::backdrop {
background: rgba(0, 0, 0, .8);
}
.kr-ytpl-modal__frame {
position: relative;
aspect-ratio: 16 / 9;
overflow: hidden;
border-radius: var(--kr-radius, 5px);
background: #000;
}
.kr-ytpl-modal__frame iframe {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border: 0;
}
.kr-ytpl-modal__close {
position: absolute;
right: 0;
top: -44px;
width: 36px;
height: 36px;
padding: 0;
border: 0;
background: none !important;
cursor: pointer;
}
.kr-ytpl-modal__close::before,
.kr-ytpl-modal__close::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 26px;
height: 2px;
background: #fff;
}
.kr-ytpl-modal__close::before { transform: translate(-50%, -50%) rotate(45deg); }
.kr-ytpl-modal__close::after  { transform: translate(-50%, -50%) rotate(-45deg); }
@media (max-width: 1024px) {
.kr-ytpl--player { --kr-ytpl-cols: 3; }
.kr-ytpl--grid   { --kr-ytpl-cols: 2; }
.kr-ytpl--slider .kr-ytpl__item { flex-basis: calc((100% - 20px) / 2); }
}
@media (max-width: 767px) {
.kr-ytpl--player { --kr-ytpl-cols: 2; }
.kr-ytpl--grid   { --kr-ytpl-cols: 1; }
.kr-ytpl--player .kr-ytpl__list { gap: 18px 12px; }
.kr-ytpl--slider .kr-ytpl__item { flex-basis: 80%; }
.kr-ytpl__nav { display: none; }
}
.kr-ytpl__more {
justify-content: center;
margin: 30px 0 0 !important;
}
.wp-block-group[id] {
scroll-margin-top: 80px;
}
:root {
--kr-ratio-landscape: 16 / 9;
}
:is(img.kr-ratio, .kr-ratio img) {
width: 100%;
object-fit: cover;
object-position: center;
}
:is(img.kr-ratio--original, .kr-ratio--original img) {
height: auto !important;
aspect-ratio: auto !important;
object-fit: initial;
}
:is(img.kr-ratio--square, .kr-ratio--square img) {
height: auto !important;
aspect-ratio: 1 / 1 !important;
}
:is(img.kr-ratio--landscape, .kr-ratio--landscape img) {
height: auto !important;
aspect-ratio: var(--kr-ratio-landscape, 16 / 9) !important;
}
/* svs.css */
.popup {
position: fixed;
top:0;
left:0;
width:100%;
height:100%;
background: rgba(0,0,0,0.85);
display:flex;
justify-content:center;
align-items:center;
z-index:99999;
border: 0;
padding: 0;
}
.popup-content {
background:#fff;
padding:30px;
border-radius:10px;
position:relative;
width:90%;
max-width:960px;
box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}
.close {
position:absolute;
top:10px;
right:20px;
font-size:30px;
cursor:pointer;
color:#333;
z-index:100;
line-height:1;
}
.popup-join-btn {
display:inline-block;
margin-top:20px;
padding:12px 24px;
background: var(--ast-global-color-0);
color:#fff !important;
text-decoration:none;
border-radius:5px;
}
.popup :is(h3, .kr-popup__title--main) {
text-align:center;
margin-bottom:20px;
}
.popup :is(h4, .kr-popup__title:not(.kr-popup__title--main)) {
margin: 0 0 10px;
}
.popup h6 {
font-size:.95em;
}
#YoutubePopup {
height: 100vh;
height: 100dvh;
cursor: pointer;
}
#YoutubePopup .popup-content {
max-width:800px;
padding:0;
background:#000;
overflow:hidden;
}
#YoutubePopup .popup-contents {
position: relative;
width: 100%;
aspect-ratio: 16 / 9;
}
#YoutubePopup iframe {
position: absolute;
inset: 0;
width: 100% !important;
height: 100% !important;
margin: 0;
border: none;
}
#YoutubePopup img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: var(--kr-radius, 5px);
}
#YoutubePopup .close {
color: #fff;
top: 5px;
right: 5px;
}
@media screen and (max-width:767px) {
#YoutubePopup .popup-content {
width: calc(100% - 32px);
}
#YoutubePopup .close {
top: 5px;
right: 10px;
background: rgba(0,0,0,0.5);
width: 40px;
height: 40px;
text-align: center;
border-radius: 50%;
}
}
.popup-contents iframe {
width:100%;
aspect-ratio: 16/9;
display:block;
}
#LinkPopup .popup-content {
max-width:500px;
}
#LinkPopup .popupLinkText {
word-break:break-all;
font-size:14px;
color:#666;
}
#OfferingPopup .popup-content {
max-width:500px;
width: 90%;
}
#OfferingPopup .popup-body {
max-height: 70vh;
overflow-y: auto;
padding-right: 10px;
}
#OfferingPopup .section-title {
border-left: 4px solid #333;
padding-left: 10px;
}
#OfferingPopup .note {
padding:10px;
font-size:0.9em;
}
#OfferingPopup .bank-card {
margin-top:20px;
border-top:1px dashed #ccc;
padding-top:15px;
}
#OfferingPopup .bank-table {
width:100%;
border-collapse:collapse;
margin-top:15px;
font-size: 0.9em;
border: 1px solid #eee;
}
#OfferingPopup .bank-table th, #OfferingPopup .bank-table td {
border: 1px solid #eee;
text-align: left;
padding:10px;
}
#OfferingPopup .bank-table th {
background:#f8f8f8;
width:30%;
}
#OfferingPopup .offering-hr {
border: 0;
border-top: 1px double #ccc;
margin: 30px 0;
}
#OfferingPopup .online-item {
margin-bottom: 15px;
background: #f0f4f8;
padding: 15px;
border-radius: 8px;
text-align: center;
}
.custom-acf-btn-wrapper {
display: flex;
width: 100%;
margin: 10px 0;
}
div.elementor-element.ytimg {
display: none !important;
}
div.elementor-element.ytimg.mt-yt.current-yt {
display: block !important;
}
div.elementor-element.ytimg.mt-img.current-img {
display: block !important;
}
div.elementor-element.ytimg.mt-oth.current-oth {
display: block !important;
}
/* zz-riverside.css */
:root {
--rc-text: #393939;
--rc-muted: #6b6b6b;
--rc-blue: #006db3;
--rc-blue-dark: #005a94;
--rc-soft: #fafafa;
--rc-line: #e3e3e3;
--rc-gold: linear-gradient(150deg, #ffaa00 0%, #f1cc00 100%);
--rc-radius: 20px;
--rc-shadow: 4px 3px 3px rgba(0, 0, 0, .4);
}
.rc-sec {
color: var(--rc-text);
}
.rc-sec--soft { background-color: var(--rc-soft); }
.rc-sec p { margin-top: 0; }
.kr-section.alignfull:is(.rc-sec--soft, .rc-bgsec) {
padding-top: var(--kr-sec-pad-bg, 80px);
padding-bottom: var(--kr-sec-pad-bg, 80px);
margin-top: var(--kr-mg, 0px) !important;
margin-bottom: var(--kr-mg, 0px) !important;
}
.rc-sec:not(.kr-section) { padding: 80px 20px; }
.rc-sec:not(.kr-section) > * { max-width: 1140px; margin-left: auto; margin-right: auto; }
.rc-head { margin: 0 auto 48px; text-align: center; }
.rc-sec .rc-title,
.rc-title {
margin-top: 0;
margin-bottom: 0;
font-weight: 400;
color: inherit;
text-transform: none;
}
.rc-sub {
margin: 6px 0 0 !important;
}
.rc-sub::before { content: "ー　"; }
.rc-sub::after { content: "　ー"; }
.rc-lead-text { max-width: 860px; margin: 0 auto 40px !important; text-align: center; }
.rc-head--side { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 18px; text-align: left; margin: 0 0 24px; }
.rc-head--side .rc-sub { margin: 0 !important; }
.rc-head--left { text-align: left; }
.rc-sec > .rc-title { margin-bottom: 28px; }
.rc-btn,
.wp-block-button.rc-btn-blue .wp-block-button__link,
.wp-block-button.rc-btn-white .wp-block-button__link,
.wp-block-button.rc-btn-line .wp-block-button__link {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-width: 160px;
padding: 9px 30px;
border: 1px solid transparent;
border-radius: 20px;
text-decoration: none;
cursor: pointer;
transition: background-color .2s, color .2s, opacity .2s, transform .2s;
}
.rc-btn::after,
.wp-block-button[class*="rc-btn-"] .wp-block-button__link::after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 4px 0 4px 6px;
border-color: transparent transparent transparent currentColor;
}
.rc-btn--blue, .wp-block-button.rc-btn-blue .wp-block-button__link { background: var(--rc-blue); border-color: var(--rc-blue); color: #fff; }
.rc-btn--blue:hover, .wp-block-button.rc-btn-blue .wp-block-button__link:hover { background: var(--rc-blue-dark); color: #fff; }
.rc-btn--white, .wp-block-button.rc-btn-white .wp-block-button__link { background: #fff; border-color: #fff; color: var(--rc-text); }
.rc-btn--white:hover, .wp-block-button.rc-btn-white .wp-block-button__link:hover { opacity: .85; color: var(--rc-text); }
.rc-btn--line, .wp-block-button.rc-btn-line .wp-block-button__link { background: transparent; border-color: currentColor; color: inherit; }
.rc-btn--sm { min-width: 0; padding: 6px 20px; }
.rc-more { margin: 40px 0 0 !important; text-align: center; }
.rc-textlink a, a.rc-textlink { color: var(--rc-text); text-decoration: none; }
.rc-textlink a::after, a.rc-textlink::after { content: " ▸"; }
.rc-textlink a:hover { color: var(--rc-blue); }
.rc-icon {
display: block;
width: 32px;
height: 32px;
margin: 0 auto 10px !important;
background: currentColor;
-webkit-mask: var(--rc-i) center / contain no-repeat;
mask: var(--rc-i) center / contain no-repeat;
}
.rc-icon--cross    { --rc-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 2h4v6h6v4h-6v10h-4V12H4V8h6z'/%3E%3C/svg%3E"); }
.rc-icon--church   { --rc-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 1h2v2h2v2h-2v2.3l5 3.2V13l3 1.5V23h-7v-5h-4v5H3v-8.5L6 13v-2.5l5-3.2V5H9V3h2z'/%3E%3C/svg%3E"); }
.rc-icon--calendar { --rc-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 1h2v2h6V1h2v2h3a2 2 0 0 1 2 2v15a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3zM4 9v11h16V9zm2 2h3v3H6zm5 0h3v3h-3zm5 0h2v3h-2zM6 16h3v3H6zm5 0h3v3h-3z'/%3E%3C/svg%3E"); }
.rc-icon--heart    { --rc-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-8-5.3-8-11.2A4.8 4.8 0 0 1 12 6a4.8 4.8 0 0 1 8 3.8C20 15.7 12 21 12 21z'/%3E%3C/svg%3E"); }
.rc-icon--car      { --rc-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 11l1.6-4.6A2 2 0 0 1 8.5 5h7a2 2 0 0 1 1.9 1.4L19 11a2 2 0 0 1 2 2v5h-2v2h-3v-2H8v2H5v-2H3v-5a2 2 0 0 1 2-2zm2.2 0h9.6l-1.1-3.3a1 1 0 0 0-1-.7H9.3a1 1 0 0 0-1 .7zM6.5 13a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm11 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3z'/%3E%3C/svg%3E"); }
.rc-icon--train    { --rc-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c4 0 8 .5 8 4v9.5a3.5 3.5 0 0 1-3 3.5l2 2v1H5v-1l2-2a3.5 3.5 0 0 1-3-3.5V6c0-3.5 4-4 8-4zM6 7v4h5V7zm7 0v4h5V7zM8 14a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm8 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3z'/%3E%3C/svg%3E"); }
.rc-icon--people   { --rc-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4a3 3 0 1 1 0 6 3 3 0 0 1 0-6zM5 7a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5zm14 0a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5zM12 12c3.3 0 6 1.8 6 4v3H6v-3c0-2.2 2.7-4 6-4zm-7 1c.6 0 1.1.1 1.6.2A4.6 4.6 0 0 0 4.5 16v3H0v-2.5C0 14.6 2.2 13 5 13zm14 0c2.8 0 5 1.6 5 3.5V19h-4.5v-3c0-1.1-.8-2.1-2.1-2.8.5-.1 1-.2 1.6-.2z'/%3E%3C/svg%3E"); }
.rc-hero.wp-block-cover { min-height: 100svh; padding: 0; color: #fff; }
.rc-hero .rc-hero__title {
margin: 0;
font-weight: 400;
color: #fff;
text-shadow: 0 2px 16px rgba(0, 0, 0, .35);
}
.rc-hero .wp-block-cover__inner-container { position: static; }
.rc-hero .rc-hero__title { position: relative; z-index: 2; }
.rc-hero__down { z-index: 2; position: absolute; left: 50%; bottom: 32px; transform: translateX(-50%); margin: 0 !important; }
.rc-hero__down a {
display: block;
width: 22px;
height: 22px;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
transform: rotate(45deg);
animation: rc-down 1.8s ease-in-out infinite;
}
@keyframes rc-down { 0%, 100% { translate: 0 0; opacity: .6; } 50% { translate: 0 8px; opacity: 1; } }
.rc-quick__grid { display: grid !important; grid-template-columns: repeat(4, 1fr); gap: 0; max-width: 100%; }
.rc-quick__item { padding: 8px 24px; text-align: center; border-left: 1px solid var(--rc-line); }
.rc-quick__item:first-child { border-left: 0; }
.rc-quick__item h3 { margin: 0 0 8px; font-weight: 500; }
.rc-quick__item p { margin: 0 0 14px; color: var(--rc-muted); }
.rc-quick__item .rc-icon { color: #1d1d1d; }
@media (max-width: 900px) {
.rc-quick__grid { grid-template-columns: repeat(2, 1fr); row-gap: 32px; }
.rc-quick__item:nth-child(3) { border-left: 0; }
}
@media (max-width: 480px) {
.rc-quick__item { padding: 4px 10px; }
}
.rc-round img, .rc-round.wp-block-image img { border-radius: var(--rc-radius); }
.rc-poster img, .rc-poster.wp-block-image img { box-shadow: 0 10px 30px rgba(0, 0, 0, .18); border-radius: 4px; }
.rc-welcome__img { max-width: 900px; margin: 40px auto 0 !important; }
.rc-welcome__img img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.rc-text-center { text-align: center; }
.rc-split { max-width: 100%; gap: 48px 64px !important; align-items: center; }
.rc-split .wp-block-column { min-width: 0; }
.rc-split .rc-poster { max-width: 380px; margin: 0 auto; }
.rc-split .wp-block-buttons { margin-top: 24px; }
.rc-split--media-left .rc-media img { width: 100%; aspect-ratio: 8 / 7; object-fit: cover; border-radius: var(--rc-radius); }
.rc-info-strong { font-weight: 700; margin: 0 !important; }
.rc-info-strong + p:not(.rc-info-strong) { margin-top: 12px !important; }
.rc-row-img img { border-radius: 10px; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.rc-sch__list {
display: flex;
justify-content: center;
align-items: flex-start;
gap: 20px;
max-width: 100%;
margin: 0 auto;
padding: 0 0 30px;
list-style: none;
}
.rc-sch__card {
position: relative;
flex: 1 1 0;
min-width: 0;
max-width: 240px;
height: 450px;
margin: 0;
border-radius: 10px;
overflow: hidden;
box-shadow: var(--rc-shadow);
background: #c9ced6;
color: #fff;
}
.rc-sch__card:nth-child(even) { transform: translateY(30px); }
.rc-sch__photo, .rc-sch__photo img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; }
.rc-sch__photo img { object-fit: cover; object-position: center 20%; filter: brightness(.7); }
.rc-sch__day {
position: absolute;
top: 0;
left: 0;
z-index: 2;
display: flex;
align-items: baseline;
margin: 0 !important;
padding: 2px 14px 4px 12px;
background: #fff;
color: var(--rc-text);
border-radius: 0 0 10px 0;
font-weight: 700;
line-height: 1.2;
}
.rc-sch__who {
position: absolute;
right: 12px;
bottom: 100px;
max-height: 270px;
z-index: 2;
display: flex;
flex-direction: row-reverse;
align-items: flex-end;
gap: 6px;
text-shadow: 0 1px 4px rgba(0, 0, 0, .6);
}
.rc-sch__who p { margin: 0 !important; writing-mode: vertical-rl; text-orientation: upright; font-weight: 700; line-height: 1.2; color: #fff; }
.rc-sch__title {
position: absolute;
left: 0;
right: 0;
bottom: 18px;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
min-height: 70px;
margin: 0 !important;
padding: 8px 10px;
background: var(--rc-gold);
color: var(--rc-text);
font-weight: 700;
text-align: center;
box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
}
@media (max-width: 1024px) {
.rc-sch__list { justify-content: flex-start; overflow-x: auto; scroll-snap-type: x mandatory; padding: 4px 4px 16px; }
.rc-sch__card { flex: 0 0 220px; max-width: none; scroll-snap-align: start; height: 400px; }
.rc-sch__card:nth-child(even) { transform: none; }
.rc-sch__title { min-height: 60px; bottom: 14px; }
.rc-sch__who { bottom: 84px; max-height: 230px; }
}
.rc-cards { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; max-width: 100%; }
.rc-card.wp-block-cover {
min-height: 250px !important;
margin: 0;
padding: 20px 24px;
border-radius: 6px;
overflow: hidden;
box-shadow: 2px 2px 6px rgba(0, 0, 0, .3);
align-items: flex-end;
}
.rc-card .wp-block-cover__inner-container { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; }
.rc-card .rc-card__title { margin: 0 !important; font-weight: 500; color: #fff; text-shadow: 0 1px 6px rgba(0, 0, 0, .6); }
.rc-card .wp-block-buttons { margin: 0; flex-shrink: 0; }
.rc-card .wp-block-button__link { min-width: 0 !important; }
.rc-card .wp-block-cover__background { background: linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,.55) 100%) !important; opacity: 1 !important; }
.rc-card.wp-block-cover:hover img.wp-block-cover__image-background { transform: scale(1.04); }
.rc-card img.wp-block-cover__image-background { transition: transform .5s; }
@media (max-width: 767px) {
.rc-cards { grid-template-columns: 1fr; gap: 20px; }
.rc-card.wp-block-cover { min-height: 200px !important; }
}
.rc-news .wp-block-post-template { gap: 32px; max-width: 100%; margin: 0 auto; }
.rc-news .wp-block-post { margin: 0; background: #fff; border-radius: 10px; overflow: hidden; box-shadow: 0 4px 18px rgba(0, 0, 0, .08); display: flex; flex-direction: column; }
.rc-news .wp-block-post-featured-image { margin: 0; }
.rc-news .wp-block-post-featured-image img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.rc-news .rc-news__body { padding: 18px 20px 22px; }
.rc-news .wp-block-post-date { color: var(--rc-muted); }
.rc-news .wp-block-post-title { margin: 4px 0 8px; }
.rc-news .wp-block-post-title a { color: var(--rc-text); text-decoration: none; }
.rc-news .wp-block-post-excerpt { color: var(--rc-muted); }
.rc-news .wp-block-post-excerpt__more-link { color: var(--rc-blue); text-decoration: none; }
.rc-intro__title { margin-top: 0 !important; margin-bottom: 24px !important; font-weight: 700; text-align: center; }
.rc-intro__text { max-width: 860px; margin: 0 auto 48px !important; text-align: center; }
.rc-values { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 40px; max-width: 100%; }
.rc-value {
display: flex !important;
align-items: stretch;
margin: 0 !important;
border: 1px solid var(--rc-blue);
border-radius: var(--rc-radius);
overflow: hidden;
background: var(--rc-blue);
color: #fff;
}
.rc-value .rc-icon { flex: 0 0 110px; width: 110px; height: auto; margin: 0 !important; color: #1d1d1d; background: #fff; -webkit-mask: none; mask: none; position: relative; }
.rc-value .rc-icon::before { content: ""; position: absolute; inset: 0; margin: auto; width: 34px; height: 34px; background: #1d1d1d; -webkit-mask: var(--rc-i) center / contain no-repeat; mask: var(--rc-i) center / contain no-repeat; }
.rc-value__body { flex: 1; padding: 20px 26px !important; }
.rc-value__body h3 { margin: 0 0 4px; font-weight: 700; color: #fff; }
.rc-value__body p { margin: 0; }
@media (max-width: 767px) {
.rc-values { grid-template-columns: 1fr; gap: 16px; }
.rc-value .rc-icon { flex-basis: 80px; width: 80px; }
}
.rc-faith.wp-block-cover { padding: 100px 20px; color: #fff; }
.rc-faith .wp-block-cover__inner-container { max-width: 900px; }
.rc-faith .kr-creed__list { display: block; border: 0; background: none; }
.rc-faith .kr-creed__item { margin: 0 0 28px; padding: 0; border: 0; background: none; color: #fff; }
.rc-faith .kr-creed__q { margin: 0 0 8px; padding: 0; font-weight: 700; color: #fff; background: none; border: 0; }
.rc-faith .kr-creed__a, .rc-faith .kr-creed__a p { color: rgba(255, 255, 255, .92); }
.rc-faith .kr-creed__a { padding: 0; border: 0; background: none; }
.rc-faith .kr-creed__icon { display: none; }
.rc-faith .kr-creed__list { counter-reset: rc-faith; }
.rc-faith .kr-creed__title::before { counter-increment: rc-faith; content: counter(rc-faith) ". "; }
.rc-faith summary { cursor: default; list-style: none; }
.rc-faith summary::-webkit-details-marker { display: none; }
.rc-history .kr-timeline { position: relative; max-width: 1000px; margin: 0 auto; padding: 0; list-style: none; }
.rc-history .kr-timeline::before { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; width: 2px; background: #c9d6e3; transform: translateX(-1px); }
.rc-history .kr-timeline__item {
position: relative;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-areas: "img year" "img title";
column-gap: 64px;
margin: 0 0 56px;
padding: 0;
border: 0;
background: none;
}
.rc-history .kr-timeline__item::before { content: ""; position: absolute; top: 18px; left: 50%; width: 14px; height: 14px; border: 3px solid var(--rc-blue); border-radius: 50%; background: #fff; transform: translateX(-50%); z-index: 1; }
.rc-history .kr-timeline__item:nth-child(even) { grid-template-areas: "year img" "title img"; }
.rc-history .kr-timeline__item:nth-child(even) .kr-timeline__year,
.rc-history .kr-timeline__item:nth-child(even) .kr-timeline__title { text-align: right; }
.rc-history .kr-timeline__year { grid-area: year; font-weight: 400; color: var(--rc-text); background: none; padding: 0; }
.rc-history .kr-timeline__title { grid-area: title; color: var(--rc-text); }
.rc-history .kr-timeline__img { grid-area: img; margin: 0; align-self: start; }
.rc-history .kr-timeline__img img { width: 100%; height: auto; max-height: 260px; object-fit: cover; border-radius: 6px; }
.rc-history .kr-timeline__item:not(.has-img) { grid-template-areas: ". year" ". title"; }
.rc-history .kr-timeline__item:not(.has-img):nth-child(even) { grid-template-areas: "year ." "title ."; }
@media (max-width: 767px) {
.rc-history .kr-timeline::before { left: 8px; }
.rc-history .kr-timeline__item,
.rc-history .kr-timeline__item:nth-child(even),
.rc-history .kr-timeline__item:not(.has-img),
.rc-history .kr-timeline__item:not(.has-img):nth-child(even) { grid-template-columns: 1fr; grid-template-areas: "year" "title" "img"; padding-left: 36px; row-gap: 6px; }
.rc-history .kr-timeline__item::before { left: 9px; }
.rc-history .kr-timeline__item:nth-child(even) .kr-timeline__year,
.rc-history .kr-timeline__item:nth-child(even) .kr-timeline__title { text-align: left; }
}
.rc-place__list {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 48px 32px;
max-width: 1000px;
margin: 0 auto;
padding: 0;
list-style: none;
}
.rc-place__item { margin: 0; text-align: center; }
.rc-place__open {
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
width: 100%;
padding: 0;
border: 0;
background: none;
color: var(--rc-text);
font: inherit;
cursor: pointer;
}
.rc-place__photo {
display: block;
width: min(240px, 100%);
aspect-ratio: 1;
margin-bottom: 14px;
border-radius: 50%;
overflow: hidden;
background: #e9edf2;
box-shadow: 0 6px 16px rgba(0, 0, 0, .12);
}
.rc-place__photo img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.rc-place__open:hover .rc-place__photo img { transform: scale(1.06); }
.rc-place__name { font-weight: 500; }
.rc-place__more { color: var(--rc-muted); }
.rc-place__more::after { content: " ▸"; }
.rc-place__open:hover .rc-place__more { color: var(--rc-blue); }
.rc-place__open:focus-visible { outline: 2px solid var(--rc-blue); outline-offset: 6px; border-radius: 12px; }
@media (max-width: 767px) {
.rc-place__list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 16px; }
}
html.rc-locked { overflow: hidden; padding-right: var(--rc-scrollbar, 0); }
.rc-drawer { position: fixed; inset: 0; z-index: 100000; }
.rc-drawer[hidden] { display: none; }
.rc-drawer__overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, .55); opacity: 0; transition: opacity .3s; }
.rc-drawer__panel {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: min(640px, 92vw);
overflow-y: auto;
overscroll-behavior: contain;
background: #fff;
color: var(--rc-text);
box-shadow: -10px 0 30px rgba(0, 0, 0, .2);
transform: translateX(100%);
transition: transform .3s ease;
outline: 0;
}
.rc-drawer.is-open .rc-drawer__overlay { opacity: 1; }
.rc-drawer.is-open .rc-drawer__panel { transform: none; }
.rc-drawer__close {
position: sticky;
top: 14px;
float: right;
margin: 14px 14px 0 0;
width: 36px;
height: 36px;
padding: 0;
border: 0;
border-radius: 50%;
background: #1d1d1d;
cursor: pointer;
z-index: 2;
}
.rc-drawer__close::before, .rc-drawer__close::after { content: ""; position: absolute; top: 50%; left: 50%; width: 16px; height: 2px; background: #fff; }
.rc-drawer__close::before { transform: translate(-50%, -50%) rotate(45deg); }
.rc-drawer__close::after { transform: translate(-50%, -50%) rotate(-45deg); }
.rc-drawer__body { padding: 40px 40px 56px; }
@media (max-width: 600px) { .rc-drawer__body { padding: 28px 20px 40px; } }
.rc-detail__photo { margin: 0 0 24px; }
.rc-detail__photo img { width: 100%; height: auto; max-height: 340px; object-fit: cover; border-radius: 16px; }
.rc-detail__name { margin: 0 0 10px; font-weight: 700; }
.rc-detail__desc { margin: 0 0 24px; }
.rc-detail__block { margin: 0 0 24px; }
.rc-detail__h { margin: 0 0 8px; padding: 0 0 6px; font-weight: 700; border-bottom: 1px solid var(--rc-line); }
.rc-detail__list { margin: 0; padding: 0; list-style: none; }
.rc-detail__list li { display: flex; gap: 12px; padding: 3px 0; }
.rc-detail__k { flex: 0 0 auto; min-width: 6.5em; color: var(--rc-muted); }
.rc-detail__k::after { content: "："; }
.rc-detail__list a { color: var(--rc-blue); }
.rc-detail__btns { display: flex; flex-wrap: wrap; gap: 10px; margin: 12px 0 0 !important; }
.rc-maplist { margin: 16px 0 0; padding: 0; list-style: none; }
.rc-maplist__item { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 0; border-bottom: 1px solid var(--rc-line); }
.rc-maplist__name { margin: 0; font-weight: 700; }
.rc-maplist__addr { margin: 2px 0 0 !important; color: var(--rc-muted); }
.rc-maplinks { margin-top: 24px; }
.rc-lightbox { position: fixed; inset: 0; z-index: 100001; display: flex; align-items: center; justify-content: center; padding: 56px 16px 16px; background: rgba(0, 0, 0, .85); opacity: 0; transition: opacity .25s; cursor: zoom-out; }
.rc-lightbox[hidden] { display: none; }
.rc-lightbox.is-open { opacity: 1; }
.rc-lightbox img { max-width: 100%; max-height: 100%; object-fit: contain; background: #fff; }
.rc-lightbox__close { position: absolute; top: 12px; right: 12px; float: none; margin: 0; background: #fff; }
.rc-lightbox__close::before, .rc-lightbox__close::after { background: #1d1d1d; }
.rc-svc-hero.wp-block-cover { min-height: 640px; padding: 100px 20px; color: #fff; text-align: center; }
.rc-svc-hero .rc-title { color: #fff; }
.rc-svc-list { display: inline-block; margin: 24px auto 0 !important; padding: 0; list-style: none; text-align: left; font-weight: 500; }
.rc-svc-list li { margin: 0; }
@media (max-width: 600px) { .rc-svc-list { } }
.rc-access__row { max-width: 100%; margin: 0 auto 64px !important; gap: 40px 64px !important; align-items: center; }
.rc-access__row:last-child { margin-bottom: 0 !important; }
.rc-access__head { display: flex !important; align-items: center; gap: 12px; margin: 0 0 14px !important; }
.rc-access__head .rc-icon { margin: 0 !important; width: 28px; height: 28px; color: var(--rc-blue); }
.rc-access__head h3 { margin: 0; font-weight: 700; }
.rc-access__row img { width: 100%; height: auto; border-radius: 10px; }
.rc-lead__row { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; max-width: 100%; margin: 0 auto 64px; }
.rc-lead__row.no-photo { grid-template-columns: 1fr; }
.rc-lead__label { margin: 0 0 4px !important; }
.rc-lead__role { margin: 0 0 2px !important; color: var(--rc-muted); }
.rc-lead__name { margin: 0 0 16px; font-weight: 500; }
.rc-lead__ename { margin: -12px 0 16px !important; color: var(--rc-muted); }
.rc-lead__career { margin: 0 !important; }
.rc-lead__photo { margin: 0; }
.rc-lead__photo img { width: 100%; height: auto; border-radius: 6px; }
.rc-staff__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 48px 32px; max-width: 1000px; margin: 0 auto; padding: 0; list-style: none; }
.rc-staff__item { margin: 0; text-align: center; }
.rc-staff__photo { width: min(220px, 100%); aspect-ratio: 1; margin: 0 auto 14px; border-radius: 50%; overflow: hidden; background: #e9edf2; }
.rc-staff__photo img { width: 100%; height: 100%; object-fit: cover; object-position: center 20%; }
.rc-staff__name { margin: 0; font-weight: 500; }
.rc-staff__role { margin: 2px 0 0 !important; color: var(--rc-blue); }
.rc-staff__place, .rc-staff__school { margin: 2px 0 0 !important; color: var(--rc-muted); }
@media (max-width: 767px) {
.rc-lead__row { grid-template-columns: 1fr; gap: 24px; }
.rc-lead__photo { order: -1; }
.rc-staff__list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 16px; }
}
.rc-faq .kr-faq { max-width: 900px; margin: 0 auto; border-top: 1px solid var(--rc-line); }
.rc-faq .kr-faq__item { margin: 0; border: 0; border-bottom: 1px solid var(--rc-line); background: none; border-radius: 0; }
.rc-faq .kr-faq__q {
position: relative;
display: block;
padding: 20px 48px 20px 44px;
font-weight: 700;
cursor: pointer;
list-style: none;
background: none;
}
.rc-faq .kr-faq__q::-webkit-details-marker { display: none; }
.rc-faq .kr-faq__q::before { content: "Q"; position: absolute; left: 8px; top: 15px; font-weight: 400; color: var(--rc-blue); }
.rc-faq .kr-faq__q::after { content: ""; position: absolute; right: 16px; top: 50%; width: 10px; height: 10px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-70%) rotate(45deg); transition: transform .25s; }
.rc-faq .kr-faq__item[open] .kr-faq__q::after { transform: translateY(-30%) rotate(-135deg); }
.rc-faq .kr-faq__a { position: relative; padding: 0 20px 22px 44px; background: none; }
.rc-faq .kr-faq__a::before { content: "A"; position: absolute; left: 10px; top: -4px; color: #e38b00; }
.rc-month { display: grid; gap: 56px; max-width: 1000px; margin: 0 auto; }
.rc-month__item { margin: 0; }
.rc-month__cap { margin: 0 0 12px; font-weight: 700; }
.rc-month__cap::before { content: ""; display: inline-block; width: 4px; height: 1em; margin-right: 10px; vertical-align: -2px; background: var(--rc-blue); }
.rc-month__link { display: block; cursor: zoom-in; }
.rc-month__img { display: block; width: 100%; height: auto; border: 1px solid var(--rc-line); box-shadow: 0 6px 20px rgba(0, 0, 0, .08); }
.rc-month__pdf { margin: 12px 0 0 !important; text-align: right; }
.rc-vid { max-width: 100%; margin: 0 auto; }
.rc-vid__group { margin: 0 0 56px; }
.rc-vid__month { margin-top: 0; margin-bottom: 20px; padding: 0 0 8px; font-weight: 400; border-bottom: 1px solid var(--rc-line); }
.rc-vid__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px 24px; }
.rc-vid__card { margin: 0; }
.rc-yt, .rc-yt__frame { position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; padding: 0; border: 0; border-radius: 8px; overflow: hidden; background: #000; cursor: pointer; }
.rc-yt img { width: 100%; height: 100%; object-fit: cover; transition: opacity .2s; }
.rc-yt:hover img { opacity: .85; }
.rc-yt__play { position: absolute; top: 50%; left: 50%; width: 64px; height: 44px; border-radius: 12px; background: rgba(230, 33, 23, .92); transform: translate(-50%, -50%); }
.rc-yt__play::after { content: ""; position: absolute; top: 50%; left: 52%; border-style: solid; border-width: 9px 0 9px 15px; border-color: transparent transparent transparent #fff; transform: translate(-50%, -50%); }
.rc-vid__info { padding: 10px 2px 0; }
.rc-vid__date { margin: 0 !important; color: var(--rc-muted); }
.rc-vid__title { margin: 2px 0 0; font-weight: 700; }
.rc-vid__speaker { margin: 2px 0 0 !important; }
@media (max-width: 900px) { .rc-vid__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .rc-vid__grid { grid-template-columns: 1fr; } }
.rc-playlist { max-width: 100%; margin: 0 auto; }
.rc-empty { padding: 16px; border: 1px dashed #b5b5b5; border-radius: 4px; background: #f6f7f7; color: #555; text-align: center; }
.editor-styles-wrapper .rc-drawer { display: none; }
.editor-styles-wrapper .rc-hero.wp-block-cover { min-height: 640px; }
.rc-hero.top-fv {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 100svh;
padding: 80px 20px;
overflow: hidden;
background-color: #2b2f36;
color: #fff;
text-align: center;
}
.rc-hero.top-fv::after { content: "" !important; position: absolute !important; inset: 0; z-index: -1; opacity: 1 !important; background: rgba(0, 0, 0, .2); pointer-events: none; }
.rc-hero.top-fv > .rc-hero__eyebrow, .rc-hero.top-fv > .rc-hero__title, .rc-hero.top-fv > .rc-hero__subtitle { position: relative; z-index: 1; }
.rc-hero .rc-hero__eyebrow { margin: 0 0 8px !important; color: #fff; }
.rc-hero .rc-hero__subtitle { margin: 16px 0 0 !important; color: #fff; text-shadow: 0 1px 8px rgba(0, 0, 0, .4); }
.rc-hero p:empty, .rc-sec p:empty:not(.rc-icon), .rc-bgsec p:empty:not(.rc-icon) { display: none; }
.rc-hero.top-fv .rc-hero__down { position: absolute; z-index: 2; }
.rc-bgsec {
position: relative;
background: #333 var(--rc-bg, none) center / cover no-repeat;
color: #fff;
}
.rc-bgsec::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, var(--rc-dim, .5)); }
.rc-bgsec > * { position: relative; z-index: 1; }
.rc-bgsec .rc-title, .rc-bgsec .rc-sub { color: #fff; }
.rc-faith.rc-bgsec { --rc-dim: .52; }
.rc-faith.rc-bgsec > * { max-width: min(900px, var(--kr-container-width, 1140px)) !important; }
.rc-svc-hero.rc-bgsec { display: flex; flex-direction: column; justify-content: center; min-height: 640px; text-align: center; }
.rc-svc-lead { max-width: 760px; margin: 0 auto 8px !important; }
div.rc-card {
position: relative;
display: flex;
align-items: flex-end;
min-height: 250px;
padding: 20px 24px;
border-radius: 6px;
overflow: hidden;
box-shadow: 2px 2px 6px rgba(0, 0, 0, .3);
background: #8a929c;
isolation: isolate;
}
div.rc-card .rc-card__img { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
div.rc-card::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,.55) 100%); }
div.rc-card:hover .rc-card__img { transform: scale(1.04); }
.rc-card__inner { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; }
div.rc-card .rc-card__title { margin: 0 !important; font-weight: 500; color: #fff; text-shadow: 0 1px 6px rgba(0, 0, 0, .6); }
div.rc-card .rc-btn { position: relative; z-index: 2; flex-shrink: 0; }
.rc-card__cover { position: absolute; inset: 0; z-index: 1; }
@media (max-width: 767px) {
div.rc-card { min-height: 200px; }
}
.rc-mrow { display: grid; grid-template-columns: 1fr 1fr; gap: 40px 64px; align-items: center; max-width: 100%; margin: 0 auto; padding: 64px 0; border-bottom: 1px solid var(--rc-line); }
.rc-mrow:last-child { border-bottom: 0; }
.rc-mrow.no-img { grid-template-columns: 1fr; }
.rc-mrow .rc-head { margin-bottom: 20px; }
.rc-mrow__title { margin: 0; font-weight: 700; }
.rc-mrow__desc { margin: 12px 0 0 !important; }
.rc-mrow__img { margin: 0; }
.rc-mrow__img img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 10px; }
@media (max-width: 767px) {
.rc-mrow { grid-template-columns: 1fr; padding: 40px 0; }
}
.rc-access__info { max-width: 760px; margin: 0 auto 56px !important; padding: 20px 24px; border: 1px solid var(--rc-line); border-radius: 10px; text-align: center; }
.rc-access__info p { margin: 0 !important; }
.rc-access__name { font-weight: 700; }
.rc-greeting__img { margin-top: 40px !important; }
.rc-greeting__img img { display: block; width: 100% !important; height: 350px !important; max-width: none; aspect-ratio: auto !important; object-fit: cover !important; object-position: center; border-radius: 20px; }
.rc-catch__img { margin-top: 20px !important; }
.rc-catch__img img { width: 100%; height: 500px; object-fit: cover; object-position: top center; border-radius: 20px; }
@media (max-width: 767px) {
.rc-greeting__img img { height: 220px !important; }
.rc-catch__img img { height: 200px; }
}
.rc-access { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 50px; max-width: 100%; margin: 50px auto 0 !important; }
.rc-access__col { display: flex !important; flex-direction: column; gap: 10px; }
.rc-access__col > p { margin: 0 !important; }
.rc-access__img { margin: auto 0 0 !important; }
.rc-access__img img { width: 100%; height: auto; border: 1px solid var(--rc-line); border-radius: 20px; }
@media (max-width: 767px) { .rc-access { grid-template-columns: 1fr; gap: 40px; } }
.rc-mrow { grid-template-columns: minmax(0, 1fr) minmax(0, 300px); }
.rc-mrow__img img { aspect-ratio: 3 / 2; }
@media (max-width: 767px) { .rc-mrow { grid-template-columns: 1fr; } .rc-mrow__img { order: -1; } }
.rc-staff__heading { margin-bottom: 40px !important; }
.rc-form { max-width: 960px; margin: 50px auto 0; }
.rc-sub:empty { display: none; }
.rc-intro__sub { text-align: center; margin: -12px 0 24px !important; }