@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100..900&family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap&family=Noto+Sans+TC:wght@200..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=ZCOOL+XiaoWei&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200..900&display=swap');
html, body, div, a, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, section, summary,time, mark, audio, video{font-family: "Josefin Sans", sans-serif!important;  font-optical-sizing: auto; font-style: normal;} 
.title2{font-family: "Playfair Display", serif;}
.main-navigation{ font-family: "Josefin Sans", sans-serif!important;}

.main-footer a{font-family: 'Playfair', serif!important;}

footer a{color:#6aa84f;}
footer a:hover{color:#e6e7e5;}

@keyframes slide-up {
  0% {
    transform: translateY(40px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.animate-slide-up {
  animation: slide-up 0.8s ease-out forwards;
}

.hero-text h1{
    font-family: 'Playfair', serif!important;
    font-optical-sizing: auto;
    font-style: normal;
    font-size: 55px!important;
    line-height: 60px!important;
}

.page-banner h1{
    font-family: 'Playfair', serif!important;
    font-optical-sizing: auto;
    font-style: normal;
    font-size: 45px!important;
    line-height: 60px!important;
    color:#FFFFFF;
    margin-top:60px;
}

h2 {
    font-family: 'Playfair', serif!important;
    font-optical-sizing: auto;
    font-style: normal;
    font-size: 40px!important;
    line-height: 60px!important;
}

h4 {
    font-family: "Josefin Sans", sans-serif !important;
    font-optical-sizing: auto;
    font-style: normal;
    font-size: 30px!important;
    line-height: 60px!important;
    /* color:#232121!important; */
}

p{font-size: 12pt;}

p:not(section p) {
    font-size: 14pt;
    color: #232121;
}

p:not(:last-child) {
    margin-bottom: 18px;
}

.bg-church {
    background-color: #BCD85F!important;
}

/* a:not(nav a) {
    color:#4c6303!important;
    font-weight:600!important;
}

a:not(nav a):hover {
    color:#6aa84f!important;
} */

.text-church{color:#BCD85F!important;}
section ul {list-style-type: circle;list-style-position: outside;}
section ol {list-style-type: upper-roman;list-style-position: outside; margin-left:2rem;}
section ul li,
ol li {  margin-bottom: 6px;}
section h5{font-size:1.5em;line-height: 1.5em;}

footer a:not(nav a){color: #FFF !important;font-weight:300!important;}
footer h5{font-family: Playfair Display;font-size:24px}

.sermon-button-current {
    font-weight: 500;
    /* font-size:20px; */
    border-bottom: 3px solid #BCD85F !important;
    padding-bottom: 1px !important;
}