/* Featured Content */
.xtended.featured-content{ width: 100%; height: 100%; display: flex; }
.xtended.featured-content .image{ background-size: cover; background-repeat: no-repeat; background-position: center; }
.xtended.featured-content .content{ padding: 24px; display: flex; flex-direction: column; flex: 1; }
.xtended.featured-content .content .title{ font-size: 28px; font-weight: 900; }
.xtended.featured-content .content .desc{ flex: 1; }
.xtended.featured-content .content .desc p{ line-height: 1.4; }
.xtended.featured-content .content .desc p:last-of-type{ padding-bottom: 0; }
.xtended.featured-content .content .link{ padding: 18px 0 0; text-align: right; }
.xtended.featured-content .content .link span{ padding-left: 5px; }
/* Horizontal */
@media only screen and (min-width:1025px) {
    .xtended.featured-content.fc-display-h{ flex-direction: row; }
    .xtended.featured-content.fc-display-h .image{ width: 295px; }
}
@media only screen and (max-width:1024px) {
    .xtended.featured-content.fc-display-h{ flex-direction: column; }
    .xtended.featured-content.fc-display-h .image{ padding-bottom: 60.5%; }
}
/* Vertical */
.xtended.featured-content.fc-display-v{ flex-direction: column; }
.xtended.featured-content.fc-display-v .image{ padding-bottom: 60.5%; }

/* Events */
.xtended.tribe.upcoming-events .event-day a{ display: block; color: #202020; text-decoration: none; height: 100%; }
.xtended.tribe.upcoming-events .event-day .image{ padding-bottom: 65.7%; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; background-color: #CFCFCF; }
.xtended.tribe.upcoming-events .event-day .image > .icon{ display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 102px; width: 150px; line-height: 150px; text-align: center; color: #B0B0B0; z-index: 1; }
.xtended.tribe.upcoming-events .event-day .event-title{ font-size: 1.5rem; padding: 15px; }
.xtended.tribe.upcoming-events .event-day .ticket{ position: absolute; top: 12px; right: 12px; width: fit-content; color: #FFF; background-color: #202020; padding: 5px 9px; font-size: 13px; z-index: 2; text-transform: uppercase; }
.xtended.tribe.upcoming-events .event-day .ticket .icon, .xtended.tribe.upcoming-events .event-day .event-info .icon{ padding-right: 6px; width: 18px; text-align: center; }
.xtended.tribe.upcoming-events .event-day .event-info .icon{ color: #455DA1; }
.xtended.tribe.upcoming-events .event-day .event-info{ color: #5F5F5F; padding: 0 15px 15px; }
.xtended.tribe.upcoming-events .tribe-events-c-nav, .xtended.tribe.upcoming-events + .tribe-events-c-nav, #eventArchive_list .tribe-events-c-nav, #eventArchive_list + .tribe-events-c-nav{ display: none; }
.xtended.tribe.upcoming-events .archive-link{ text-align: center; padding: 18px 0 0; }
.xtended.tribe.upcoming-events .archive-link .button-link{ display: inline-block; width: fit-content; padding: 12px 18px; border-radius: 5px; color: #FFF; background-color: #888; transition: all .2s ease; }
.xtended.tribe.upcoming-events .archive-link .button-link:hover{ background-color: #455DA1; }

.xtended.calendarific{ padding: 35px 0 0; }
.xtended.calendarific .notice{ font-size: 1.35rem; }
.xtended.calendarific .headings, .xtended.calendarific .holiday{ display: flex; flex-direction: row; padding: 12px 8px; }
.xtended.calendarific .headings{ border-bottom: solid 1px #a0a0a0; }
.xtended.calendarific .headings > p{ font-weight: 700; }
.xtended.calendarific .headings > p, .xtended.calendarific .holiday > p{ padding: 0; }
.xtended.calendarific .holiday:nth-of-type(even){ background-color: #f1f1f1; }
.xtended.calendarific .headings .date, .xtended.calendarific .holiday .date{ width: 250px; font-weight: 700; }
.xtended.calendarific .headings .name, .xtended.calendarific .holiday .name{ flex: 1; }
.xtended.calendarific .headings .type, .xtended.calendarific .holiday .type{ width: 200px; }
.xtended.calendarific .footer{ padding: 12px 5px; }
.xtended.calendarific .footer p{ font-size: 0.875rem; font-weight: 700; text-align: right; }
.xtended.calendarific .footer .label, .xtended.calendarific .footer img{ display: inline-block; vertical-align: middle; }
.xtended.calendarific .footer .label{ padding: 0 7px 0 0; }
.xtended.calendarific .footer img{ height: 25px; }

@media only screen and (max-width: 800px){
    .xtended.calendarific .notice{ font-size: 1.2175rem; }
    .xtended.calendarific .headings{ display: none; }
    .xtended.calendarific .holiday{ flex-direction: column; }
    .xtended.calendarific .holiday > p:not(last-of-type()){ padding-bottom: 8px; }
    .xtended.calendarific .holiday .name{ font-size: 1.25rem; }
}

/* Supporters */
.xtended.funders{ padding: 40px 0; }
.xtended.funders .logos{ list-style: none; padding: 15px 0 25px; margin: 0; }
.xtended.funders .logos .logo{ padding: 10px; }
.xtended.funders .logos .logowrap{ width: 100%; height: 100%; background-color: #FFF; border-radius: 3px; display: flex; text-align: center; padding: 20px; }
.xtended.funders .logos .supporterlogo{ margin: 0; display: block; width: 100%; height: 100%; background-position: center; background-size: contain; background-repeat: no-repeat; }
/* Slider */
.xtended.funders.display-slider .logos .logo{ width: 150px; height: 100px; }
/* Grid */
.xtended.funders.display-grid .logos{ display: flex; flex-wrap: wrap; justify-content: center; }
.xtended.funders.display-grid .logos .logo{ height: 125px; }
@media only screen and (min-width: 1025px){
    .xtended.funders.display-grid .logos .logo{ width: 20%; }
}
@media only screen and (min-width: 601px) and (max-width: 1024px){
    .xtended.funders.display-grid .logos .logo{ width: 25%; }
}
@media only screen and (min-width: 481px) and (max-width: 600px){
    .xtended.funders.display-grid .logos .logo{ width: calc( 100% / 3 ); }
}
@media only screen and (min-width: 281px) and (max-width: 480px){
    .xtended.funders.display-grid .logos .logo{ width: 50%; }
}
@media only screen and (max-width: 280px){
    .xtended.funders.display-grid .logos .logo{ width: 100%; }
}

/* Icon Link */
.xtended.iconlink{ background-color: #BFBFBF; overflow-x: hidden; height: 100%; }
.xtended.iconlink a{ display: block; text-decoration: none; color: #202020; position: relative; }
.xtended.iconlink .icon{ color: #183481; opacity: .6; width: 102px; line-height: 102px; text-align: center; font-size: 72px; position: absolute; top: 12px; left: -30px; }
.xtended.iconlink .content{ padding: 18px 18px 18px 80px; }
.xtended.iconlink .content h2{ font-size: 28px; font-weight: 900; }
.xtended.iconlink .content p{ padding-bottom: 0; line-height: 1.4; }

/* Latest News */
.xtended.latest-news .items .post-wrap{ display: flex; height: 100%; }
.xtended.latest-news .items .image{ background-color: #CFCFCF; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; }
.xtended.latest-news .items .image > span{ position: absolute; display: block; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 150px; line-height: 150px; text-align: center; color: #C4C4C4; font-size: 6rem; }
.xtended.latest-news .items .post-meta{ font-size: 13px; color: #7D7D7D; }
.xtended.latest-news .items .content{ display: flex; flex-direction: column; }
.xtended.latest-news .items .post-link{ height: 45px; padding-top: 15px; box-sizing: content-box; }
.xtended.latest-news .items .post-content{ flex: 1; }
/* First Post */
@media only screen and (min-width:801px) {
    .xtended.latest-news .items{ margin-left: -15px; margin-right: -15px; }
    .xtended.latest-news .items .first .post-wrap{ flex-direction: row; }
    .xtended.latest-news .items .first .image{ width: 37%; min-width: 325px; min-height: 250px; }
    .xtended.latest-news .items .first .content{ flex: 1; padding: 18px 15px 18px 24px; }   
}
@media only screen and (max-width:800px) {
    .xtended.latest-news .items .first .post-wrap{ flex-direction: column; }
    .xtended.latest-news .items .first .image{ padding-bottom: 57.6%; }
    .xtended.latest-news .items .first .content{ flex: 1; padding: 18px 8px; }
}
/* Other Posts */
.xtended.latest-news .items .next .post-wrap{ flex-direction: column; }
.xtended.latest-news .items .next .image{ padding-bottom: 57.6%; }
.xtended.latest-news .items .next .content{ flex: 1; padding: 18px 8px; }

/* Contact Details */
.xtended.contactDetails{ padding-top: 12px; }
.xtended.contactDetails section{ padding: 8px 0 12px; }
.xtended.contactDetails section:last-of-type{ padding-bottom: 0; }
.xtended.contactDetails .icon, .xtended.contactDetails .details{ display: inline-block; margin: 0 -4px 0 0; vertical-align: top; }
.xtended.contactDetails .icon{ width: 48px; height: 48px; border-radius: 3px; }
.xtended.contactDetails #address .icon{ background-color: #F29835; color: #FFF; }
.xtended.contactDetails #telno .icon{ background-color: #A4F238; color: #FFF; }
.xtended.contactDetails #email .icon{ background-color: #F06157; color: #FFF; }
.xtended.contactDetails #sns .icon{ background-color: #4BC4F2; color: #FFF; }
.xtended.contactDetails #sms .icon{ background-color: #D853F5; color: #FFF; }
.xtended.contactDetails .icon > *{ display: block; width: 48px; line-height: 48px; text-align: center; font-size: 1.25rem; }
.xtended.contactDetails .details{ width: calc( 100% - 48px ); padding: 5px 0 5px 14px; color: #5F5F5F; }
.xtended.contactDetails .details .title h3{ font-size: 18px; padding: 0 0 4px; line-height: 1; }
.xtended.contactDetails .details p{ padding: 3px 0 0; font-size: 15px; }
.xtended.contactDetails .details a{ color: #707070; text-decoration: none; }
.xtended.contactDetails .details .network-list{ margin: 0; padding: 12px 0 0; list-style: none; }
.xtended.contactDetails .details .network-list li{ display: inline-block; }
.xtended.contactDetails .details .network-list a{ display: block; width: 36px; height: 36px; overflow: hidden; margin: 2px 2px 3px 0; border: none; border-radius: 3px; }
.xtended.contactDetails .details .network-list a:hover{ color: #FFF; background-color: #5F5F5F; }
.xtended.contactDetails .details .network-list .facebook a:hover{ background-color: #1877f2; }
.xtended.contactDetails .details .network-list .twitter a:hover{ background-color: #1da1f2; }
.xtended.contactDetails .details .network-list .instagram a:hover{ background-color: #5851db; }
.xtended.contactDetails .details .network-list .linkedin a:hover{ background-color: #0077b5; }
.xtended.contactDetails .details .network-list .youtube a:hover{ background-color: #ff0000; }
.xtended.contactDetails .details .network-list .twitch a:hover{ background-color: #9146ff; }
.xtended.contactDetails .details .network-list .tiktok a:hover{ background-color: #25F4EE; color: #202020; }
.xtended.contactDetails .details .network-list .pinterest a:hover{ background-color: #e60023; }
.xtended.contactDetails .details .network-list .reddit a:hover{ background-color: #ff4500; }
.xtended.contactDetails .details .network-list .quora a:hover{ background-color: #a82400; }
.xtended.contactDetails .details .network-list .messenger a:hover{ background-color: #0084ff; }
.xtended.contactDetails .details .network-list .snapchat a:hover{ background-color: #fffc00; color: #202020; }
.xtended.contactDetails .details .network-list .whatsapp a:hover{ background-color: #075e54; }
.xtended.contactDetails .details .network-list .skype a:hover{ background-color: #00aff0; }
.xtended.contactDetails .details .network-list .telegram a:hover{ background-color: #0088cc; }
.xtended.contactDetails .details .network-list .network-icon{ width: 36px; line-height: 36px; text-align: center; }
.xtended.contactDetails .details .network-list .behance a:hover{ background-color: #1769ff; }
.xtended.contactDetails .details .network-list .medium a:hover{ background-color: #00ab6c; }

/* Title */
.xtended.title-widget .titlewrap{ margin: 0 -15px; }
.xtended.title-widget .titlewrap.align-left{ text-align: left; }
.xtended.title-widget .titlewrap.align-center{ text-align: center; }
.xtended.title-widget .titlewrap.align-right{ text-align: right; }
.xtended.title-widget .divider_wrap{ padding-top: 0; padding-bottom: 0; }
.xtended.title-widget .divider{ width: 100%; margin-bottom: 15px; border: none; }
.xtended.title-widget .divider.align-left, .xtended.title-widget .divider.align-center{ margin-right: auto; }
.xtended.title-widget .divider.align-center, .xtended.title-widget .divider.align-right{ margin-left: auto; }
.xtended.title-widget .secondary{ padding-top: 0; }

/* Notification */
.xtended.notification .alert{ background-color: #FFF; box-shadow: 0 3px 5px rgba(0,0,0,.45); padding: 15px; display: flex; }

.xtended.notification .bar{ width: 8px; }
.xtended.notification .icon{ line-height: 64px; width: 64px; text-align: center; font-size: 28px; margin: 0; }
.xtended.notification .content{ flex: 1; padding: 5px 0 5px 12px; }
.xtended.notification .content h2{ font-size: 1.25rem; padding-bottom: 8px; font-weight: 400; }
.xtended.notification .content p{ color: #202020; }
.xtended.notification .content p:last-of-type{ padding-bottom: 0; }

.xtended.notification .alert.error .bar{ background-color: #c62828; }
.xtended.notification .alert.error .icon{ color: #c62828; }
.xtended.notification .alert.warning .bar{ background-color: #f9a825; }
.xtended.notification .alert.warning .icon{ color: #f9a825; }
.xtended.notification .alert.success .bar{ background-color: #2e7d32; }
.xtended.notification .alert.success .icon{ color: #2e7d32; }
.xtended.notification .alert.info .bar{ background-color: #283593; }
.xtended.notification .alert.info .icon{ color: #283593; }

/* QR Code */
.xtended.qrcode{ background-color: var(--svg_color); border-radius: 12px; padding: 8px; display: flex; width: fit-content; gap: 10px; align-items: center; margin: 0; }
.xtended.qrcode.qrcode-s{ height: 115px; }
.xtended.qrcode.qrcode-s .qrframe{ width: 99px; height: 99px; }
.xtended.qrcode.qrcode-m{ height: 140px; }
.xtended.qrcode.qrcode-m .qrframe{ width: 124px; height: 124px; }
.xtended.qrcode.qrcode-l{ height: 180px; }
.xtended.qrcode.qrcode-l .qrframe{ width: 164px; height: 164px; }
.xtended.qrcode.qrcode-xl{ height: 250px; }
.xtended.qrcode.qrcode-xl .qrframe{ width: 234px; height: 234px; }
.xtended.qrcode .qrframe{ padding: 15px; background-color: #FFF; border-radius: 10px; }
.xtended.qrcode .qr svg{ fill: var(--svg_color); width: auto; height: 100%; margin: 0; padding: 0; vertical-align: bottom; }
.xtended.qrcode .scanme{ padding: 15px 20px; max-height: 80px; box-sizing: content-box; }
.xtended.qrcode .scanme img{ height: 100%; width: 180px; vertical-align: middle; margin: auto 0; }