.blog .ast-post-format- .post-content .entry-header,
.news-content header {
order:1;
font-size:12px;
}
.blog .ast-post-format- .post-content .cat-links,
.news-contents span.cat-links {
order:2;
margin:0!important;
}
.blog .ast-post-format- .post-content .entry-title,
.news-content .post-title {
order:3;
}
.blog .ast-post-format- .post-content .ast-excerpt-container,
.news-content p {
order:4;
}
.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;
}
.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) {
.blog #primary, .category #primary, .post-original #priamry{
display:flex;
flex-wrap: wrap;
}
.post-type-archive .site-content .ast-container {
justify-content: center;
}
.blog .ast-post-filter, .archive #secondary, .category .ast-post-filter {
width:25%;
min-width:160px;
padding:0;
margin:0;
}
.archive.ast-left-sidebar #secondary{
margin-left:0;
margin-right:0;
}
.blog #main.site-main, .category #main.site-main, .archive .sidebar-main {
width:74%;
min-width:250px;
}
.blog #main.site-main article > div, .category #main.site-main article > div, .archive #main.site-main article > div {
flex-wrap: nowrap!important;
gap:10px;
}
.blog #main.site-main article .post-content, .category #main.site-main article .post-content, .archive .sidebar-main article .post-content {
width:70%!important;
}
.blog #main.site-main article .ast-blog-featured-section, .category #main.site-main article .ast-blog-featured-section, .archive .sidebar-main article .ast-blog-featured-section {
width:30%!important;
max-height: 100%;
max-width: 100%;
}
.blog .ast-post-filter ul, .category .ast-post-filter ul {
flex-direction: column;
}
.blog .ast-post-filter li a, .archive .sidebar-main .side-bar-report a, .archive .sidebar-main .side-bar-blog a, .category .ast-post-filter li a {
width:200px!important;
box-shadow:none;
}
}
@media screen and (max-width:767px) {
a.ast-post-filter-single{
padding: 10px!important;
}
.blog .ast-post-filter ul, .category .ast-post-filter ul {
gap:5px;
}
.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-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;
}
.blog .post-content, .archive .post-content, .category .post-content, .post-original .post-content {
display:flex;
flex-wrap:wrap;
align-items: center;
gap:10px;
padding-top:0!important;
padding-right:0!important;
padding-bottom:0!important;
}
.post-original .post-content {
align-items: flex-start;
}
.post-content .entry-title, .blog .post-content .ast-excerpt-container, .post-original .post-content .ast-excerpt-container {
min-width:400px;
}
@media screen and (min-width:1070px) {
.post-content .entry-title, .blog .post-content .ast-excerpt-container, .post-original .post-content .ast-excerpt-container {
width:100%;
}
}
@media (max-width: 921px) {
.ast-left-sidebar #content > .ast-container {
display: flex;
flex-direction: row;
width: 100%;
}
}
@media screen and (max-width:767px) {
.blog .post-content, .archive .post-content, .category .post-content, .post-original .post-content {
text-align:center;
justify-content:center;
}
.post-content .entry-title, .blog .post-content .ast-excerpt-container, .post-original .post-content {
min-width:100%;
}
}
@media screen and (min-width:767px) {
.blog .ast-blog-featured-section, .archive .ast-blog-featured-section, .category .ast-blog-featured-section, .post-original .ast-blog-featured-section {
max-width:240px;
max-height:135px;
}
.blog .post-thumb-img-content img, .archive .post-thumb-img-content img, .category .post-thumb-img-content img, .post-original .post-thumb-img-content img {
border-radius:var(--kr-radius, 5px);
}
.post-content .cat-links.badge a {
display:flex;
}
.post-content .entry-meta * {
line-height: 0;
}
.post-content .entry-header {
margin-top: 5px;
margin-bottom: 3px;
margin-left: -8px;
margin-right: 0;
}
.post-content>.cat-links, .post-content>.read-more, .post-content>.tags-links {
margin:0;
}
}
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;
} .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;
} .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; }
} .kr-cpt-filter ul {
gap: 5px;
}
@media screen and (min-width: 678px) {
.kr-has-cpt-filter #primary.content-area {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
.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;
}
.kr-has-cpt-filter .kr-cpt-filter {
width: 25%;
min-width: 160px;
flex-shrink: 0;
padding: 0;
margin: 0;
}
.kr-has-cpt-filter #primary.content-area > #main.site-main {
width: 74%;
min-width: 250px;
}
.kr-cpt-filter ul {
flex-direction: column;
align-items: flex-start;
}
.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 .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;
}
} .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;
} .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;
} :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;
} :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;
} .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;
} .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;
} .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;
}