/* back end ***********************************************/
.layout-builder__add-block {
    position: relative;
    z-index: 10;
}

/* body ***********************************************/
body {
    position: relative;
}

main {
    margin-top: 112px;
    padding-bottom: 150px;
}

h1,
h2 {
    color: #6FB059;
    line-height: 1.44;
}

p {
    font-size: 18px;
    line-height: 28px;
}

.region-sidebar-first,
.region-sidebar-second,
.region-footer,
.region-content {
    padding: 0;
}

.layout-region-container {
    padding-top: 60px;
    padding-bottom: 60px;
}

.layout-bgcolor {
    background-color: #279071;
    padding-top: 60px;
    padding-bottom: 60px;
}

.layout-bgcolor h2,
.layout-bgcolor p {
    color: #fff;
}

.container,
.container-xxl {
    padding-left: 20px;
    padding-right: 20px;
}

@media (min-width: 1400px) {

    .container,
    .container-xxl {
        max-width: 1400px;
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }
}

.container>.layout__region--content,
.container-xxl>.layout__region--content {
    margin-left: -15px;
    margin-right: -15px;
    width: calc(100% + 30px);
}

.block-col-10 {
    width: 100%;
}

@media (min-width: 768px) {
    .block-col-10 {
        width: 83.33333333%;
        margin-left: auto;
        margin-right: auto;
    }
}

.navbar-toggler {
    border: #A3D671 1px solid;
}

.navbar-toggler:focus {
    box-shadow: 0 0 0 2px #188464;
}

/* header ***********************************************/
header {
    background-color: #fff;
    border-bottom: rgba(0, 0, 0, 0.2) 1px solid;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 10;
}

.user-logged-in header {
    top: 80px;
}

header>nav.navbar {
    height: 112px;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    z-index: 2;
}

header>nav.navbar>div {
    padding-top: 16px;
    padding-bottom: 16px;
    position: relative;
}

.navbar-brand img {
    height: 70px;
}

.navbar-brand>div {
    display: none;
}

.region-nav-main .navbar-nav .nav-link {
    color: #000;
    font-size: 18px;
    padding: 0;
}

.region-nav-main .navbar-nav .nav-link:hover {
    color: #115944;
    text-decoration: none;
    font-weight: 700;
}

/* Footer ***********************************************/
footer {
    background-color: #F8F9FA;
    margin-top: 0;
    padding: 50px 0;
    z-index: 99;
}

.footer-contact {
    margin-bottom: 50px;
    padding-left: 0;
}

.footer-contact li {
    padding-left: 34px;
    margin-bottom: 20px;
}

.footer-contact-phone {
    background: url(../image/icon/footer-phone.svg) left top no-repeat;
}

.footer-contact-home {
    background: url(../image/icon/icon-home.svg) left top no-repeat;
}

/* Home ***********************************************/
/* swiper */
.indexbanner {
    position: relative;
}

.indexbanner-next-btn,
.indexbanner-prev-btn {
    color: #188464;
}

.banner-image,
.banner-image-mob {
    display: block;
    width: 100%;
    height: 600px;

}

.banner-image img,
.banner-image-mob img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
}

/* paragraphs */
.block-field-blocknodepagefield-home-paragraphs {
    padding-top: 80px;
}

.block-field-blocknodepagefield-home-paragraphs .paragraph--type--html-content>.paragraph__column {
    display: flex;
    flex-wrap: wrap;
    float: none;
    width: 1190px;
    margin: 0 auto;
    padding-bottom: 0;
}

.block-field-blocknodepagefield-home-paragraphs .paragraph--type--html-content>.paragraph__column>.field--name-field-home-title {
    color: #000;
    font-size: var(--font-size-lg);
    text-align: center;
    width: 100%;
    margin-bottom: 90px;
}

.block-field-blocknodepagefield-home-paragraphs .paragraph--type--html-content>.paragraph__column>div:not(.field--name-field-home-title) {
    text-align: center;
    width: 300px;
    position: relative;
}

.block-field-blocknodepagefield-home-paragraphs .paragraph--type--html-content>.paragraph__column>div:not(.field--name-field-home-title):nth-child(3n+3),
.block-field-blocknodepagefield-home-paragraphs .paragraph--type--html-content>.paragraph__column>div:not(.field--name-field-home-title):nth-child(3n+4) {
    margin-left: 130px;
}

.block-field-blocknodepagefield-home-paragraphs .paragraph--type--html-content>.paragraph__column>div:not(.field--name-field-home-title)::after {
    background: url(../image/icon/arrow-green.svg) center center no-repeat;
    display: block;
    width: 44px;
    height: 50px;
    position: absolute;
    top: 85px;
    left: -87px;
}

.block-field-blocknodepagefield-home-paragraphs .paragraph--type--html-content>.paragraph__column>div:not(.field--name-field-home-title):nth-child(3n+3)::after,
.block-field-blocknodepagefield-home-paragraphs .paragraph--type--html-content>.paragraph__column>div:not(.field--name-field-home-title):nth-child(3n+4)::after {
    content: '';
}

.paragraph--type--home-card .field--name-field-home-card-image {
    margin-bottom: 20px;
}

.paragraph--type--home-card .field--name-field-home-card-title {
    color: #27906A;
    font-size: 24px;
    margin-bottom: 10px;
}

/* Node Page ***********************************************/
/* Banner */
.section-banner .layout__region {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 500px;
    overflow: hidden;
    padding: 0 20px;
    position: relative;
}

.section-banner .layout__region::before {
    background-color: rgba(0, 0, 0, 0.4);
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}

.section-banner .block-field-blocknodepagetitle,
.section-banner .block-field-blocknodepagefield-page-banner-description {
    position: relative;
    z-index: 2;
}

.section-banner .block-field-blocknodepagetitle h2 {
    color: #fff;
    font-size: var(--font-size-xxl);
    line-height: 1.35;
    margin-bottom: 5px;
}

.section-banner .block-field-blocknodepagetitle h2::after {
    background: url(../image/icon/h2-leaf.svg) no-repeat;
    content: '';
    display: block;
    width: 44px;
    height: 44px;
    position: absolute;
    right: -38px;
    top: -24px;
}

.section-banner .block-field-blocknodepagefield-page-banner-description p {
    color: #fff;
    font-size: 24px;
}

.section-banner .block-field-blocknodepagefield-page-banner-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
}

.section-banner .block-field-blocknodepagefield-page-banner-image>div {
    width: 100%;
    height: 100%;
}

.section-banner .block-field-blocknodepagefield-page-banner-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
}

/* Events list ***********************************************/
/* Ps list ***********************************************/
.view-civicrm-event .view-filters,
.view-civicrm-product .view-filters {
    margin-top: 80px;
    margin-bottom: 10px;
}

.view-civicrm-event .view-filters .form--inline .form-item.form-item-title,
.view-civicrm-event .view-filters .form--inline .form-item.form-item-event-type,
.view-civicrm-product .view-filters .form--inline .form-item.form-item-title {
    display: flex;
    align-items: center;
    margin: 0 24px 20px 0;
}

.view-civicrm-event .view-filters .form--inline .form-item.form-item-title label,
.view-civicrm-event .view-filters .form--inline .form-item.form-item-event-type label,
.view-civicrm-product .view-filters .form--inline .form-item.form-item-title label {
    color: #000;
    font-size: 18px;
    flex: 0 0 auto;
    margin-right: 10px;
}

.view-civicrm-event .view-filters .form--inline .form-item.form-item-title .form-control,
.view-civicrm-event .view-filters .form--inline .form-item.form-item-event-type .form-select,
.view-civicrm-product .view-filters .form--inline .form-item.form-item-title .form-control {
    border: 1px solid #DADADA;
    border-radius: 2px;
    font-size: 18px;
    width: 210px;
    padding: 3px 10px 4px;
}

.view-civicrm-event .view-filters .form--inline .form-actions,
.view-civicrm-product .view-filters .form--inline .form-actions {
    clear: none;
    margin: 0;
}

.view-civicrm-event .view-filters #edit-submit-civicrm-event,
.view-civicrm-product .view-filters #edit-submit-civicrm-product {
    background-color: #A3D671;
    background-image: url(../image/icon/btn-search.svg);
    background-position: center center;
    background-repeat: no-repeat;
    border: none;
    color: #000;
    text-indent: -9999px;
    width: 38px;
    padding: 7px;
    overflow: hidden;
    transition: all 0.2s ease;
}

.view-civicrm-event .view-filters #edit-submit-civicrm-event:hover,
.view-civicrm-product .view-filters #edit-submit-civicrm-product:hover {
    background-color: #188464;
}

.view-civicrm-event .view-content,
.view-civicrm-product .view-content {
    display: flex;
}

.view-civicrm-event .view-content .row,
.view-civicrm-product .view-content .row {
    margin-left: -15px;
    margin-right: -15px;
}

.view-civicrm-event .view-content .row .views-row,
.view-civicrm-product .view-content .row .views-row {
    display: flex;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
}

.view-civicrm-event .view-content .row .views-row>.views-field,
.view-civicrm-product .view-content .row .views-row>.views-field {
    width: 100%;
}

.view-civicrm-event .card,
.view-civicrm-product .card {
    border-color: #A3D671;
}

.view-civicrm-event .card>a,
.view-civicrm-product .card>a {
    text-indent: -9999px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.view-civicrm-event .card .card-img-top,
.view-civicrm-product .card .card-img-top {
    border-bottom: #A3D671 1px solid;
    overflow: hidden;
}

.view-civicrm-event .card .card-img-top img,
.view-civicrm-product .card .card-img-top img {
    aspect-ratio: 320 / 200;
    object-fit: cover;
    transition: all 0.2s ease;
}

.view-civicrm-event .card:hover .card-img-top img,
.view-civicrm-product .card:hover .card-img-top img {
    transform: scale(1.1);
    opacity: 0.6;
}

.view-civicrm-event .card .card-body {
    padding: 20px 20px 14px;
}

.view-civicrm-product .card .card-body {
    min-height: 90px;
    padding: 20px 20px 14px;
}

.view-civicrm-event .card h3,
.view-civicrm-product .card h3 {
    color: #115944;
    font-size: 20px;
    margin-bottom: 5px;
}

.view-civicrm-event .card .card-date {
    color: #5C5C5C;
    font-size: 14px;
    margin-bottom: 5px;
}

.view-civicrm-event .card .card-summary {
    font-size: 16px;
    line-height: 26px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.view-civicrm-event .pagination .page-item {
    padding: 0 5px;
}

.view-civicrm-event .pagination .page-item a {
    border: none;
    border-radius: 50%;
    color: #188464;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    width: 36px;
    height: 36px;
}

.view-civicrm-event .pagination {
    margin-top: 20px;
    margin-bottom: 0;
    padding: 0 20px;
}

.view-civicrm-event .pagination .page-item.is-active a {
    background-color: #188464;
    color: #fff;
}

.view-civicrm-event .pagination .pager__item--first a {
    background: url(../image/icon/arrow-first.svg) center center no-repeat;
    overflow: hidden;
    text-indent: -9999px;
}

.view-civicrm-event .pagination .pager__item--previous a {
    background: url(../image/icon/arrow-previous.svg) center center no-repeat;
    overflow: hidden;
    text-indent: -9999px;
}

.view-civicrm-event .pagination .pager__item--next a {
    background: url(../image/icon/arrow-next.svg) center center no-repeat;
    overflow: hidden;
    text-indent: -9999px;
}

.view-civicrm-event .pagination .pager__item--last a {
    background: url(../image/icon/arrow-last.svg) center center no-repeat;
    width: 30px;
    overflow: hidden;
    text-indent: -9999px;
}

/* page civicrm event ***********************************************/
/* page civicrm contribute ***********************************************/
.contribution-product-page-info {
    max-width: 1080px;
    margin: 0 auto;
}

.page-civicrm-event:not(.user-logged-in) main {
    padding-top: 50px;
}

.page-civicrm-event #crm-container.crm-public,
.page-civicrm-event #crm-container.crm-public .content {
    font-size: 18px;
    line-height: 1.55;
}

.page-civicrm-event #crm-main-content-wrapper a img,
.page-civicrm-contribute #crm-main-content-wrapper .contribute-product img {
    pointer-events: none;
    width: 100% !important;
    height: auto;
    margin-bottom: 50px;
}

.page-civicrm-event:not(.user-logged-in) .crm-public-footer {
    display: none;
}

.page-civicrm-event #crm-container.crm-public #crm-main-content-wrapper {
    font-family: 'Noto Sans HK', Arial, sans-serif;
}

.page-civicrm-event #crm-container.crm-public #crm-main-content-wrapper h1 {
    color: #000;
    font-size: var(--font-size-lg);
    line-height: 1.32;
    margin-bottom: 0;
}

.page-civicrm-event #crm-container.crm-public #crm-main-content-wrapper h2 {
    color: #115944;
    font-size: var(--font-size-md);
}

.page-civicrm-event #crm-container.crm-public #crm-main-content-wrapper h3 {
    background: none;
    font-size: var(--font-size-sm);
    margin-bottom: 20px;
    padding: 0;
}

.page-civicrm-event #crm-container.crm-public #crm-main-content-wrapper h5 {
    font-size: 20px;
}

.page-civicrm-event #crm-container.crm-public #crm-main-content-wrapper h3::before {
    content: none;
}

.page-civicrm-event #crm-container.crm-public #crm-main-content-wrapper .event-date {
    color: #5C5C5C;
    font-size: 14px;
    margin-bottom: 30px;
}

.page-civicrm-event #crm-container.crm-public #crm-main-content-wrapper ul {
    margin-bottom: 20px;
}

.page-civicrm-event #crm-container.crm-public #crm-main-content-wrapper ul li {
    list-style-type: initial;
}

.page-civicrm-event #crm-container.crm-public .event-info .crm-section:not(.crm-socialnetwork) {
    margin-bottom: 50px;
}

.page-civicrm-event #crm-container.crm-public #crm-main-content-wrapper h4,
.page-civicrm-event #crm-container.crm-public .event_date_time-section .label,
.page-civicrm-event #crm-container.crm-public .event_address-section .label,
.page-civicrm-event #crm-container.crm-public .custom_pre-section legend,
.page-civicrm-event #crm-container.crm-public .participant_info-group .crm-profile-view-title,
.page-civicrm-event #crm-container.crm-public .event_info-group .crm-profile-view-title {
    background: url(../image/icon/h2-leaf.svg) left top no-repeat;
    background-size: auto 94%;
    color: #000 !important;
    font-size: calc(var(--font-size-sm) - 2px);
    font-weight: 600;
    line-height: 1.44;
    display: block;
    padding-left: 1.67em;
    padding-top: 0;
}

.page-civicrm-event #crm-container.crm-public .action-link {
    margin: 0;
}

.page-civicrm-event #crm-container.crm-public .crm-actionlinks-bottom {
    height: auto;
    margin-bottom: 80px;
}

.page-civicrm-event #crm-container.crm-public .iCal_links-section {
    margin-bottom: 60px;
}

.page-civicrm-event #crm-container.crm-public #crm-main-content-wrapper div.action-link a.button {
    background-color: #188464;
    border-radius: 4px;
    font-size: 20px;
    line-height: 1.4;
    padding: 10px 20px;
    width: 200px;
}

.page-civicrm-event #crm-container.crm-public #crm-main-content-wrapper div.action-link a.button:hover {
    background-color: #115944;
}

.page-civicrm-event #crm-container.crm-public .event_map-section #google_map {
    width: min(100%, 530px);
    height: 380px;
}

.page-civicrm-event #crm-container.crm-public .iCal_links-section .crm-event-feed-link {
    background: none;
    border: #188464 1px solid;
    border-radius: 4px;
    float: left;
    padding: 7px 19px;
    margin: 0 0 20px;
}

.page-civicrm-event #crm-container.crm-public .iCal_links-section .crm-event-feed-link:hover {
    background: #188464;
}

.page-civicrm-event #crm-container.crm-public .iCal_links-section .crm-event-feed-link .fa-stack {
    color: #188464;
    margin-top: -10px;
    margin-right: 5px;
}

.page-civicrm-event #crm-container.crm-public .iCal_links-section .crm-event-feed-link .label {
    font-size: 20px;
}

.page-civicrm-event #crm-container.crm-public .iCal_links-section .crm-event-feed-link:hover .fa-stack,
.page-civicrm-event #crm-container.crm-public .iCal_links-section .crm-event-feed-link:hover .label {
    color: #fff;
}

.page-civicrm-event #crm-container.crm-public .iCal_links-section .crm-event-feed-link:not(:last-child) {
    margin-right: 20px;
}

.page-civicrm-event #crm-container.crm-public #crm-main-content-wrapper .crm-socialnetwork {
    background-color: #EFFFDF;
    border: none;
    clear: both;
    padding: 30px 30px 45px;
}

.page-civicrm-event #crm-container.crm-public #crm-main-content-wrapper .crm-socialnetwork h2 {
    color: #000;
    font-size: 24px;
    line-height: 28px;
}

.page-civicrm-event #crm-container.crm-public #crm-main-content-wrapper .crm-socialnetwork .btn {
    float: left;
    margin-left: 0;
    margin-right: 14px;
}

#crm-container .btn.btn-whatsapp,
#crm-container .btn.btn-x,
#crm-container .btn.btn-facebook,
#crm-container .btn.btn-linkedin {
    border-radius: 4px;
    color: #fff;
    width: 50px;
    min-width: auto;
    height: 50px;
    overflow: hidden;
    text-indent: -9999px;
}

#crm-container .btn.btn-whatsapp {
    background: url(../image/icon/icon-whatsapp.svg) center center no-repeat;
    background-color: #64bb5b !important;
}

#crm-container .btn.btn-x {
    background: url(../image/icon/icon-x.svg) center center no-repeat;
    background-color: #000 !important;
}

#crm-container .btn.btn-facebook {
    background: url(../image/icon/icon-facebook.svg) center center no-repeat;
    background-color: #2A4C8E !important;
}

#crm-container .btn.btn-linkedin {
    background: url(../image/icon/icon-linkedin.svg) center center no-repeat;
    background-color: #4E7ED2 !important;
}

/* page civicrm event - Form Register ***********************************************/
#crm-container.crm-public .crm-error:not(.crm-error-label):not(input):not(textarea):not(select):not(.select2-container),
#crm-container.crm-public .crm-inline-error:not(.crm-error-label):not(input):not(textarea):not(select):not(.select2-container) {
    background: #188464;
    font-weight: 400 !important;
}

#crm-container.crm-public label,
#crm-container.crm-public .label {
    color: #000;
    font-size: 18px;
}

#crm-container.crm-public #crm-submit-buttons button.crm-form-submit:not(.cancel),
#crm-container.crm-public button.crm-form-submit.crm-button:not(.cancel) {
    background-color: #188464 !important;
    border-radius: 4px;
    font-family: 'Noto Sans HK', Arial, sans-serif;
    font-size: 20px;
    line-height: 1.4;
    padding: 10px 20px;
    width: min(35%, 200px);
}

#crm-container.crm-public #crm-submit-buttons button.crm-form-submit:not(.cancel):hover,
#crm-container.crm-public button.crm-form-submit.crm-button:not(.cancel):hover {
    background-color: #115944 !important;
}

#crm-container.crm-public #crm-submit-buttons button.crm-form-submit.cancel {
    border: #188464 1px solid !important;
    border-radius: 4px;
    font-family: 'Noto Sans HK', Arial, sans-serif;
    font-size: 20px;
    line-height: 1.4;
    padding: 10px 20px;
    width: min(35%, 200px);
}

#crm-container.crm-public #crm-submit-buttons button.crm-form-submit.cancel:hover {
    background: #188464 !important;
    color: #fff;
}

#crm-container.crm-public .crm-button-type-refresh .crm-i,
.crm-container .crm-submit-buttons>.crm-button .crm-i {
    display: none;
}

.page-civicrm-event #crm-container.crm-public .crm-group {
    margin-bottom: 30px;
}

.page-civicrm-event #crm-container.crm-public .header-dark {
    background-color: #188464;
    margin-top: 0;
    margin-bottom: 30px;
}

.page-civicrm-event #crm-container.crm-public .participant_info-group .crm-profile-view-title,
.page-civicrm-event #crm-container.crm-public .event_info-group .crm-profile-view-title {
    margin-bottom: 20px;
}

.page-civicrm-event #crm-container.crm-public .event_info-group .display-block {
    margin: 0;
}

.page-civicrm-event #crm-container.crm-public .event_info-group table.form-layout tr td {
    font-size: 18px !important;
    vertical-align: top !important;
    padding: 0;
}

.page-civicrm-event #crm-container.crm-public .event_info-group table.form-layout tr:not(:first-child, :last-child) td {
    padding-bottom: 20px;
}

.page-civicrm-event #crm-container.crm-public .event_info-group table.form-layout tr:not(:first-child) td:first-child {
    padding-right: 20px;
    width: 8%;
    min-width: 60px;
}

.page-civicrm-event #crm-container.crm-public #crm-submit-buttons {
    margin-top: 50px;
}

/* page donation ***********************************************/
.contribute-page-background {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    margin: 0;
    padding: 0;
    z-index: -1;
}

.page-civicrm-contribute .row.g-0 {
    z-index: 1;
    padding-top: 80px;
}

.page-civicrm-contribute .has-intro-text #intro_text p,
.page-civicrm-contribute .has-intro-text #intro_text h4 {
    color: white
}

.page-civicrm-contribute .contribute-page-background img {
    width: unset !important;
    min-width: 100vw;
    min-height: 100vh;
}

.page-civicrm-contribute #crm-main-content-wrapper.has-intro-text #intro_text {
    float: auto;
    width: auto;
    padding-right: 60px;
    font-size: large;
}

#intro_text {
    font-size: large;
  }

.page-civicrm-contribute #crm-main-content-wrapper.has-intro-text .crm-contribution-main-form-block {
    float: auto;
    width: auto;
}

.page-civicrm-contribute .crm-public {
    max-width: none;
}

.page-civicrm-contribute div#crm-container form,
div.crm-container form {
    display: flex;
}

.page-civicrm-contribute.page-civicrm #crm-main-content-wrapper {
    background: none !important;
}

.page-civicrm-contribute #crm-main-content-wrapper.has-intro-text .crm-contribution-main-form-block {
    border-radius: 0;
}

.page-civicrm-contribute #crm-main-content-wrapper.has-intro-text .crm-contribution-main-form-block {
    background-color: white;
    padding: 30px;
}

.page-civicrm-contribute .radiobuttons-form-radios-as-buttons .crm-radio-wrapper {
    border-color: #188464;
}

.page-civicrm-contribute .is_recur_radio .label label {
    color: #188464 !important;
}

.page-civicrm-contribute .radiobuttons-form-radios-as-buttons .crm-radio-wrapper.selected {
    background-color: #188464;
}

.page-civicrm-contribute .intro_text-section h2 {
    color: white
}

.page-civicrm-contribute #crm-main-content-wrapper.has-intro-text .crm-contribution-main-form-block {
    border: unset;
}

.page-civicrm-contribute .crm-container .crm-section .label label {
    font-weight: bold;
}

.page-civicrm-contribute #crm-container.crm-public .contribution-page-info input[type="text"] {
    max-width: unset;
    width: 100%;
}

.page-civicrm-contribute #crm-radio-is_recur_radio-wrapper label {
    width: 100%;
    box-sizing: border-box;
}

.page-civicrm-contribute #crm-container.crm-public input[type="text"] {
    padding: 5px 0px;
}

.page-civicrm-contribute #crm-container.crm-public #crm-submit-buttons button.crm-form-submit:not(.cancel),
#crm-container.crm-public button.crm-form-submit.crm-button:not(.cancel) {
    width: 100%;
    padding: 0px;
    height: 50px;
}

.page-civicrm-contribute .price-set-row {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 0px !important;
    /* margin: 10px 0; */
}

.page-civicrm-contribute .price-set-option-content {
    /* display: flex;
    align-items: center;
    justify-content: center; */
    width: 100%;
    height: 70px;
    border-bottom: 1px solid #E5E5E5;
    /* margin: 5px 0; */
    cursor: pointer;
}

.page-civicrm-contribute .price-set-option-content input[type="radio"] {
    display: none;
}

.page-civicrm-contribute #crm-container.crm-public .price-set-row .highlight label {
    font-weight: unset;
}

.page-civicrm-contribute .price-set-option-content label {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 10px;
    font-size: 14px;
    margin: 0px;
}

.page-civicrm-contribute .crm-container input[type=checkbox]+label[for],
.crm-container input[type=radio]+label[for] {
    font-weight: 600;
    margin-right: 0px;
}

.page-civicrm-contribute .price-set-option-content:hover {
    background-color: #ddd;
}

.page-civicrm-contribute .price-set-option-content input[type="radio"]:checked+label {
    background-color: #EFFFE0;
}

.page-civicrm-contribute .price-set-option-content input[type="radio"]:checked+label span {
    color: #188464 !important;
}

.page-civicrm-contribute #crm-container.crm-public .content:has(.price-set-row) {
    display: grid;
}

.page-civicrm-contribute .radiobuttons-form-radios-as-buttons .crm-radio-wrapper {
    margin-right: 0px !important;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-civicrm-contribute #crm-container.crm-public .calc-value,
#crm-container.crm-public .content {
    font-weight: 600;
}

.content.radiobuttons-form-radios-as-buttons .crm-radio-wrapper:nth-child(1) {
    border-radius: 5px 0px 0px 5px;
}

.content.radiobuttons-form-radios-as-buttons .crm-radio-wrapper:nth-child(2) {
    border-radius: 0px 5px 5px 0px;
}

.page-civicrm-contribute .crm-price-box {
    display: flex;
    justify-content: space-between;
    font-weight: unset;
    height: 39px;
    align-items: self-end;
    font-weight: 600;
}

.page-civicrm-contribute .contribute-amount {
    font-size: 35px;
}

#crm-container.crm-public .crm-error:not(.crm-error-label):not(input):not(textarea):not(select):not(.select2-container),
#crm-container.crm-public .crm-inline-error:not(.crm-error-label):not(input):not(textarea):not(select):not(.select2-container) {
    background: #CF3458;
}

/* CRM -- tom ***********************************************/
.view-civicrm-product .view-content .row {
    width: 100%;
}

#block-i2-theme-pagetitle {
    display: none;
}

form.CRM_Contribute_Form_Contribution_Main {
    position: relative;
}

form.CRM_Contribute_Form_Contribution_Main>a {
    position: fixed;
    bottom: 0;
    z-index: 999;
    background-color: #fff;
    margin: 15px !important;
    padding: 10px 15px !important;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)) !important;
    border-radius: 4px !important;
    left: 0;
    font-size: 18px !important;
}

/* form.CRM_Contribute_Form_Contribution_Main .status {
    display: none;
} */

form.CRM_Contribute_Form_Contribution_Main .contribute-product>p {
    margin-bottom: 0;
}

form.CRM_Contribute_Form_Contribution_Main .contribute-title {
    font-size: 34px;
    color: #188464;
    font-weight: bold;
    margin-bottom: 35px;
    line-height: 1.2;
}

form.CRM_Contribute_Form_Contribution_Main .contribution-product-page-info:not(.crm-contribution-page-id-1) #priceset-div {
    border-top: 1px solid #CCC;
    padding-top: 50px;
}

form.CRM_Contribute_Form_Contribution_Main #priceset-div h2 {
    font-size: 24px;
    font-weight: bold;
    color: #000;
}

form.CRM_Contribute_Form_Contribution_Main #intro_text h4 {
    font-size: 24px;
    color: #000;
    font-weight: bold;
    margin-top: 30px;
}

form.CRM_Contribute_Form_Contribution_Main #intro_text ul {
    padding-left: 1rem;
}

form.CRM_Contribute_Form_Contribution_Main #intro_text ul>li {
    margin-bottom: 10px;
    list-style-type: unset;
}

.page-civicrm-contribute .CRM_Contribute_Form_Contribution_Main .price_set-section .crm-section .description {
    display: none;
}

.page-civicrm-contribute .CRM_Contribute_Form_Contribution_Main .price_set-section .crm-section>.content {
    display: inline-block;
}

.page-civicrm-contribute .CRM_Contribute_Form_Contribution_Main .price_set-section .crm-section input {
    padding: 0 !important;
    box-shadow: unset !important;
    border: unset !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
    border-radius: unset !important;
    min-width: 100px;
    text-align: center;
}

.page-civicrm-contribute .CRM_Contribute_Form_Contribution_Main .price_set-section .crm-section-img {
    margin-bottom: 50px;
}

.page-civicrm-contribute .CRM_Contribute_Form_Contribution_Main .price_set-section .crm-section-img img {
    max-width: 100%;
}

form.CRM_Contribute_Form_Contribution_Main .custom_pre_profile-group .crm-profile-name-name_and_address>legend {
    color: #000 !important;
    font-size: 24px;
    font-weight: 700;
}

#crm-container.crm-public .crm-error:not(.crm-error-label):not(input):not(textarea):not(select):not(.select2-container),
#crm-container.crm-public .crm-inline-error:not(.crm-error-label):not(input):not(textarea):not(select):not(.select2-container) {
    bottom: 0;
    z-index: 999;
    background: #CF3458;
    margin: 15px !important;
    padding: 10px 15px !important;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)) !important;
    border-radius: 4px !important;
    font-size: 18px !important;
    position: fixed;
    bottom: 0;
    right: 0;
    text-align: center;
    color: #fff;
}

#crm-container.crm-public .crm-error:not(.crm-error-label):not(input):not(textarea):not(select):not(.select2-container) ul,
#crm-container.crm-public .crm-inline-error:not(.crm-error-label):not(input):not(textarea):not(select):not(.select2-container) ul {
    padding-left: 0 !important;
    margin-bottom: 0 !important;
}

.page-civicrm-contribute #crm-container.crm-public #crm-submit-buttons button.crm-form-submit:not(.cancel),
#crm-container.crm-public button.crm-form-submit.crm-button:not(.cancel) {
    width: 30%;
}

form.CRM_Contribute_Form_Contribution_Main #payment_information .credit_card_type-section .content {
    margin-bottom: 60px;
}

#block-i2-theme-content.contribution-content>a {
    display: none;
}

/* 確定表 ***********************************************/

.page-civicrm-contribute .crm-container form.CRM_Contribute_Form_Contribution_Confirm div.display-block,
.page-civicrm-contribute .crm-container form.CRM_Contribute_Form_Contribution_ThankYou div.display-block {
    margin: 0;
}

.page-civicrm-contribute .crm-container .header-dark {
    font-size: 24px;
}

.page-civicrm-contribute .crm-container form.CRM_Contribute_Form_Contribution_Confirm table,
.page-civicrm-contribute .crm-container form.CRM_Contribute_Form_Contribution_Confirm .table,
.page-civicrm-contribute .crm-container form.CRM_Contribute_Form_Contribution_ThankYou table,
.page-civicrm-contribute .crm-container form.CRM_Contribute_Form_Contribution_ThankYou .table {
    font-size: 20px;
}

.page-civicrm-contribute .crm-container form.CRM_Contribute_Form_Contribution_Confirm table th,
.page-civicrm-contribute .crm-container form.CRM_Contribute_Form_Contribution_Confirm .table th,
.page-civicrm-contribute .crm-container form.CRM_Contribute_Form_Contribution_ThankYou table th,
.page-civicrm-contribute .crm-container form.CRM_Contribute_Form_Contribution_ThankYou .table th {
    font-size: 20px;
    padding: 12px;
}

.page-civicrm-contribute .crm-container form.CRM_Contribute_Form_Contribution_Confirm table td,
.page-civicrm-contribute .crm-container form.CRM_Contribute_Form_Contribution_Confirm .table td,
.page-civicrm-contribute .crm-container form.CRM_Contribute_Form_Contribution_ThankYou table td,
.page-civicrm-contribute .crm-container form.CRM_Contribute_Form_Contribution_ThankYou .table td  {
    font-size: 18px !important;
    padding: 12px;
}

.page-civicrm-contribute #crm-container.crm-public .content {
    font-size: 20px;
    margin-top: 20px;
}

.page-civicrm-contribute .CRM_Contribute_Form_Contribution_Confirm .label-left {
    width: 100% !important;
    padding: 0 !important;
}

.page-civicrm-contribute .CRM_Contribute_Form_Contribution_Confirm .label-left .crm-profile-name-name_and_address>legend {
    display: none;
}

.page-civicrm-contribute .CRM_Contribute_Form_Contribution_Confirm .label-left .crm-section {
    display: flex;
    margin-bottom: 10px !important;
}

.page-civicrm-contribute .CRM_Contribute_Form_Contribution_Confirm .label-left .crm-section .content {
    padding: 0 !important;
    margin: 0 !important;
}

.page-civicrm-contribute .CRM_Contribute_Form_Contribution_Confirm .label-left .crm-section .label {
    padding-top: 0px !important;
    margin-right: 14px !important;
    position: relative;
    margin-right: 20px !important;
}

.page-civicrm-contribute .CRM_Contribute_Form_Contribution_Confirm .label-left .crm-section .label::after {
    content: ':';
    right: -14px;
    font-size: 18px;
    position: absolute;
    color: #a7a7a7;
}

.page-civicrm-contribute .CRM_Contribute_Form_Contribution_Confirm .label-left .crm-section .label label {
    /* color: #a7a7a7 !important; */
    font-weight: bold !important;
    font-size: 20px!important;
}
.page-civicrm-contribute .CRM_Contribute_Form_Contribution_Confirm .billing_name_address-group .content {
    margin-top: 4px;
    margin-bottom: 10px;
}
/* ThankYou ***********************************************/
.page-civicrm-contribute div#crm-container form.CRM_Contribute_Form_Contribution_ThankYou, 
div.crm-container form.CRM_Contribute_Form_Contribution_ThankYou {
    display: block!important;
    width: 100%;
}
/* media ***********************************************/
@media only screen and (min-width: 992px) {

    /* header ***********************************************/
    .region-nav-main .navbar-nav .nav-item:not(:first-child) {
        margin-left: 40px;
    }
}

@media only screen and (min-width: 1200px) {}

@media only screen and (max-width: 1399.98px) {}

@media only screen and (max-width: 1199.98px) {

    /* Home  ***********************************************/
    /* paragraphs */
    .block-field-blocknodepagefield-home-paragraphs .paragraph--type--html-content>.paragraph__column {
        width: 990px;
    }

    .block-field-blocknodepagefield-home-paragraphs .paragraph--type--html-content>.paragraph__column>div:not(.field--name-field-home-title) {
        width: 250px;
    }

    .block-field-blocknodepagefield-home-paragraphs .paragraph--type--html-content>.paragraph__column>div:not(.field--name-field-home-title):nth-child(3n+3),
    .block-field-blocknodepagefield-home-paragraphs .paragraph--type--html-content>.paragraph__column>div:not(.field--name-field-home-title):nth-child(3n+4) {
        margin-left: 105px;
    }

    .block-field-blocknodepagefield-home-paragraphs .paragraph--type--html-content>.paragraph__column>div:not(.field--name-field-home-title)::after {
        left: -74.5px;
    }
}

@media only screen and (max-width: 991.98px) {

    /* header ***********************************************/
    .user-logged-in header {
        top: 40px;
    }

    /* Menu */
    .navbar-collapse {
        background-color: #115944;
        position: fixed;
        left: 0;
        right: 0;
        top: 112px;
    }

    .navbar-collapse .region-nav-main {
        /* padding-left: 20px;
        padding-right: 20px; */
    }

    .navbar-collapse .region-nav-main .navbar-nav li:not(:first-child) {
        border-top: #A3D671 1px solid;
    }

    .navbar-collapse .region-nav-main .navbar-nav a {
        color: #fff;
        display: block;
        max-width: 720px;
        margin-left: auto;
        margin-right: auto;
        padding: 16px 20px;
    }

    /* Home  ***********************************************/
    /* paragraphs */
    .block-field-blocknodepagefield-home-paragraphs .paragraph--type--html-content>.paragraph__column {
        width: 330px;
    }

    .block-field-blocknodepagefield-home-paragraphs .paragraph--type--html-content>.paragraph__column>div:not(.field--name-field-home-title) {
        width: 300px;
    }

    .block-field-blocknodepagefield-home-paragraphs .paragraph--type--html-content>.paragraph__column>div:not(.field--name-field-home-title):nth-child(3n+3),
    .block-field-blocknodepagefield-home-paragraphs .paragraph--type--html-content>.paragraph__column>div:not(.field--name-field-home-title):nth-child(3n+4) {
        margin-left: 0;
    }

    .block-field-blocknodepagefield-home-paragraphs .paragraph--type--html-content>.paragraph__column>div:not(.field--name-field-home-title, :last-child) {
        margin-bottom: 50px;
    }

    .block-field-blocknodepagefield-home-paragraphs .paragraph--type--html-content>.paragraph__column>div:not(.field--name-field-home-title):nth-child(3n+3)::after,
    .block-field-blocknodepagefield-home-paragraphs .paragraph--type--html-content>.paragraph__column>div:not(.field--name-field-home-title):nth-child(3n+4)::after {
        content: none;
    }

    .block-field-blocknodepagefield-home-paragraphs .paragraph--type--html-content>.paragraph__column>div:not(.field--name-field-home-title, :last-child)::after {
        content: '' !important;
        left: 128px;
        top: auto;
        bottom: -25px;
        transform: rotate(90deg) scale(.8);
    }

    /* page donation ***********************************************/
    .page-civicrm-contribute div#crm-container form,
    div.crm-container form {
        display: unset;
    }

    .page-civicrm-contribute #crm-main-content-wrapper.has-intro-text #intro_text {

        padding-right: 0px;
    }

    .page-civicrm-contribute #crm-main-content-wrapper.has-intro-text .crm-contribution-main-form-block {
        background-color: white;
        padding: 30px;
        margin: 0px;
        width: 100%;
    }

    .page-civicrm-contribute .radiobuttons-form-radios-as-buttons .crm-radio-wrapper-200px {
        width: 50% !important;
    }

    #crm-main-content-wrapper.has-intro-text #intro_text {
        float: auto;
    }
}

@media only screen and (max-width: 767.98px) {

    /* Home  ***********************************************/
    .banner-image,
    .banner-image-mob {
        height: auto;
        aspect-ratio: 1;
    }

    .view-civicrm-event .view-filters .form--inline .form-item.form-item-title .form-control,
    .view-civicrm-event .view-filters .form--inline .form-item.form-item-event-type .form-select {
        width: 180px;
    }

    .view-civicrm-event .view-filters .form--inline .form-actions {
        float: right;
    }

    /* page civicrm event ***********************************************/
    .page-civicrm-event #crm-container.crm-public .crm-actionlinks-bottom {
        margin-bottom: 50px;
    }

    .page-civicrm-event #crm-container.crm-public .iCal_links-section {
        margin-bottom: 40px;
    }

    .page-civicrm-event #crm-container.crm-public .crm-socialnetwork {
        padding: 20px 20px 25px;
    }
}

.contribute-page-background {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    margin: 0;
    padding: 0;
    z-index: -1;
}

.block.block-system.block-system-main-block{
    display: none;
}