html, body {
margin: 0;               
padding: 0;             
height: 100%;            
min-height: 100vh;      
font-family: Arial, Helvetica, sans-serif;
-webkit-font-smoothing: antialiased; 
-moz-osx-font-smoothing: grayscale;
background-color: #fff; 
color: #000;
}
header{
position: relative;
background: var(--brand);
width: 100%;
left: 0;
top: 0;
}
.header-text h1{
margin-top: 0;
}
header .links li{
list-style-type: none;
}
.logo{
width: 40px;
}
.site-nav .brand{
display: flex;
align-items: center;
gap: 1em;
}
.site-nav .brand .secondary-logo{
max-width: 200px;
max-height: 80px;
border-radius: 0;
}
.site-nav .brand img.secondary-logo {
object-fit: contain;
}
.quick button {
display: flex;               
align-items: center;        
justify-content: center;    
font-size: 40px;
color: white;
border: 3px solid white;
border-radius: 40px;
margin-top: 1.5rem;
padding: 0.3rem 1rem 0.5rem;  
}
figure{
margin: 0;
padding: 0;
}
main{
padding: 2em 3em;
}
main .single-wrapper h1, 
main .single-wrapper h2,
main .single-wrapper h3,
main .single-wrapper h4{
color: var(--brand);
} .featured-events h2, .featured h2, .featured p{
color: var(--brand);
margin-bottom: 0px;
}
.more{
background-color:var(--brand);
color: #fff;
text-align: center;
border: none;
text-decoration: none;
font-size: 1.25rem;
}
.events{
padding: 0;
}
.featured-events{
padding: 0 0 1rem
}
.featured-events .content{
padding: 0;
}
.featured-events .event-meta{
margin-top: 0;
} .featured{ max-width: 1440px;
padding: 1rem 0 0;
}
.featured .news .text p{
margin-bottom: 1em;
} .news{
display: grid;
gap: 2rem;
grid-template-columns: 2fr 3fr;
}
.news-image {
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
border-radius: 1em;
overflow: hidden;
height: auto;
}
.news-image img {
height: auto;
min-height: 290px;
}
.single-wrapper p{
max-width: 900px;
}
footer {
background-color: var(--brand);
padding: 1em 2em;
}
footer a {
color: #000;
text-decoration: none;
}
.archive-item {
display: grid;
grid-template-columns: 1fr 1fr;
gap:2em;
margin-bottom:1em;
}
.archive-item .btn--secondary{
margin: 1rem 0;
}
.archive-image img{
max-height: 400px;
}
.archive-item h2{
margin-top: 0;
}
.single-wrapper .wp-block-file {
max-width: 700px;
border: .5em solid var(--brand);
background-color: var(--brand);
border-radius: .5em;
}
.single-wrapper .wp-block-file.mid-width{
max-width: 80%
}
.single-wrapper .wp-block-file.full-width{
max-width: 100%
}
.single-wrapper .wp-block-file a{
color: #fff;
}
.single-wrapper .post-meta{
color: var(--brand);
}
.wp-block-file__button.wp-element-button {
background: #fff;
color: var(--brand) !important;
float: right;
padding: 0 1em;
}
.wp-block-group .is-layout-flex{
align-items: initial;
}
iframe{
max-width: 100%;
}
.editor-header__center{
display: none !important;
}
.single-wrapper p a{
color: var(--brand);
}
.header-image {
background: var(--archive-image) center center / cover no-repeat fixed;
height: 70vh; }
:lang(zh-TW) .site-nav .brand img:last-child {
max-width: 140px;
}
html[lang="zh-TW"] .site-nav .brand img:last-child{
max-width: 140px;
}
@media (max-width: 1200px){
.site-nav .brand img {
height: 120px;
width: auto;
}
.site-nav {
padding: 1.5em;
}
}
@media (max-width: 1080px){
.site-nav .links {
display: none;
}
}
@media (max-width: 782px){
.news, .archive-item{
grid-template-columns: 1fr;
}
.wp-block-group .is-layout-flex{
align-items: initial;
flex-direction: column;
gap: 0;
}
.header-image {
background: var(--archive-image) center center / cover no-repeat !important;
}
main {
padding: 2em;
}
body .is-layout-flex{
flex-direction: column;
gap: 0;
}
.wp-block-gallery.columns-5, .wp-block-gallery.columns-6, .wp-block-gallery.columns-4, .wp-block-gallery.columns-3{
grid-template-columns: 1fr !important;
}
.wp-block-media-text{
grid-template-columns: 1fr !important;
}
}