/**
 * @file
 * Subtheme specific CSS.
 */
html {
    font-size: 16px;
}
/*body, p, li, a {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
h1, h1 a, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}*/
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}
h1.title {
    margin-bottom: 1.5rem;
}
h1.title em {
    font-style: normal;
}
/*.path-frontpage h1.title,*/
.path-participant h1.title {
    display: none;
}
img {
    max-width: 100%;
    height: auto;
}
table {
    font-size: 1rem;
}
.table-bordered>:not(caption)>*>* {
    border-width: 1px;
    border-bottom-width: 1px !important;
}
.table-borderless tr td,
.table-borderless tr th {
    border: 0;
}
.table.table-borderless td, .table.table-borderless th {
    background-color: inherit;
    color: inherit;
}
/*table tr th, table tr th a,
.table tr th, .table tr th a {
    color: #e16d06;
    background-color: #e10634;
} */
.tablesort--asc {
    background-image: url(/core/misc/icons/787878/twistie-down.svg);
}
.tablesort--desc {
    background-image: url(/core/misc/icons/787878/twistie-up.svg);
}
table tr th {
    border-bottom-style: inherit;
}
@media (min-width: 992px) {
    .region-primary-menu .navigation {
        float: left;
    }
    #block-event-main-menu a.nav-link--en-support-us,
    #block-event-main-menu a.nav-link--zh-hant-support-us,
    #block-highlightbuttons,
    #block-event-account-menu {
        margin-left: 0.8rem;
    }
}
#navbar-top .container {
    justify-content: center;
}
.navbar-brand {
    margin: 0;
    padding: 0;
}
#navbar-main #block-highlightbuttons a {
    border-radius: .25rem;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    white-space: nowrap;
}
#navbar-main #block-event-account-menu a.nav-link--user,
#navbar-main #block-event-account-menu a.nav-link--en-user,
#navbar-main #block-event-account-menu a.nav-link--zh-hant-user,
#navbar-main #block-event-account-menu a.nav-link--user-login,
#navbar-main #block-event-account-menu a.nav-link--en-user-login,
#navbar-main #block-event-account-menu a.nav-link--zh-hant-user-login,
#navbar-main #block-event-main-menu a.nav-link--support-us,
#navbar-main #block-event-main-menu a.nav-link--en-support-us,
#navbar-main #block-event-main-menu a.nav-link--zh-hant-support-us {
    border-radius: 0.25rem;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
}
@media (max-width: 991.98px) {
    #block-event-main-menu,
    #block-highlightbuttons,
    #block-event-account-menu {
        padding-top: 6px;
        padding-bottom: 6px;
        margin-left: 0;
    }
}
.alert-dismissible button.close {
    color: white;
    background-color: inherit;
    border-color: inherit;
}
#navbar-main.navbar>.container {
    justify-content: flex-start;
}
.navbar-collapse {
    flex-grow: inherit;
}
#navbar-main button.navbar-toggler {
    background-color: transparent;
    border: 0;
    /*
    position: relative;
    top: -48px;
    margin-bottom: -48px;
    padding: .5rem 0;
     */
}
#navbar-main button.navbar-toggler svg {
    width: 24px;
    height: 24px;
}
#block-highlightbuttons li.nav-item + li.nav-item {
    margin-left: 8px;
}
#block-event-account-menu .nav-link {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.navbar .form-inline.navbar-form {
    order: 3;
}
.navbar .form-inline.navbar-button {
    order: 2;
    flex: 1 1 auto;
}
.navbar #CollapsingNavbar {
    order: 1;
    flex-grow: inherit;
}
@media (max-width: 991.98px) {
    /*
    #block-highlightbuttons .nav,
    #block-event-account-menu .nav {
        flex-direction: column;
    }
    */
    #block-event-account-menu .nav-link {
        padding-left: 0;
        padding-right: 0;
    }
    .navbar .form-inline.navbar-form {
        flex: 1 1 auto;
    }
    #navbar-main button.navbar-toggler {
        order: -2;
        margin-right: 0.5rem;
    }
    .navbar .form-inline.navbar-button {
        flex-grow: 0;
    }
}
/*
#block-event-account-menu .nav-link--en-user,
#block-event-account-menu .nav-link--zh-hant-user {
    color: #6DB072;
}
 */
header#header {
    margin-bottom: 2rem;
}
/*div#main {
    min-height: 300px;
}*/
.node--unpublished {
    padding: 0;
}
.field video {
    width: 100%;
    height: auto;
}

/*
 * Block
 */
#block-languageswitcher .nav.links-inline {
    flex-wrap: nowrap;
}
.more-link {
    text-align: center;
}
/*
[type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled),
a.button {
    color: #ffffff;
    background-color: #e16d06;
    border-color: #27a6ad;
}
*/
.more-link a, .views-view-table .views-field-nid a,
.node--type-activity a#edit-delete,
.node--type-activity a#edit-cancel {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.views-view-table .views-field-nid a.button {
    margin: 0.2rem 0;
}
.layout--twocol-section--50-50 .layout__region .block-views {
    margin: 0 1rem 2rem;
}
.layout--twocol-section--50-50 .layout__region .block-views .card-body {
    min-height: 20rem;
}
.user-logged-in #page .tabs .nav-tabs,
.node--type-campaign .tabs .nav-tabs {
    display: none;
}
@media all and (min-width: 560px) {
    .node.node--type-page .field--type-image,
    .node.node--type-landing-page .field--type-image {
        float: none;
        margin: 0;
        text-align: center;
    }
}
#block-fullsupport {
    margin-top: 2rem;
}

/*
 * Header
 */
.field--type-image img {
    margin: 0;
    width: 100%!important;
}

/*
 * Footer
 */
.site-footer {
    margin-top: 2rem;
}
.site-footer__top h2 {
    border-bottom: none;
    font-size: 1.8rem;
    margin-bottom: .5rem;
}
.site-footer .block {
    border: 0;
}
.social-icons {
    font-size: 1.5rem;
}
/*.social-icons .fa-facebook {
    color: #3b5998;
}
.social-icons .fa-globe {
    color: #f69431;
}*/

/*
 * Webform
 */
.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}
@media (min-width: 576px) {
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }
}
.path-webform #block-event-page-title {
    display: none;
}
.webform-submission-form legend,
.webform-submission-form legend .fieldset-legend,
#profile-personal-information-edit-form legend,
.path-node legend,
.path-node legend .fieldset-legend {
    font-size: 1rem;
    font-weight: bold;
}
#edit-pics-title, #edit-release-title, #edit-disclaimer-title {
    margin-top: 2rem;
}
/*.js-form-type-radio {
    margin-bottom: 0.2rem;
}*/
fieldset>label {
    font-weight: bold;
}
.hidden {
    display: none;
}
.webform-preview label, .field__label {
    font-weight: bold;
}
@media (max-width: 991.98px) {
    .webform-preview label, .field__label {
        display: block;
    }
}
@media (min-width: 992px) {
    .webform-preview label {
        width: 300px;
    }
    .field__label {
        width: 180px;
    }
    .field--label-above .field__label {
        width: auto;
    }
}
form#node-activity-form .form-type-vertical-tabs,
form#node-activity-edit-form .form-type-vertical-tabs {
    display: none;
}
.form-group label {
    font-weight: bold;
}
.form-checkboxes .form-required::after,
.form-radios .form-required::after {
    display: inline-block;
}
.form-required::after {
    background-image: url(../images/required.svg) !important;
}
input.form-checkbox.required + label::after {
    content: '';
    vertical-align: super;
    display: inline-block;
    background-image: url(../images/required.svg);
    background-repeat: no-repeat;
    background-size: 7px 7px;
    width: 7px;
    height: 7px;
    margin: 0 0.3em;
}
.webform-submission-form fieldset.js-webform-type-fieldset,
.webform-section {
    display: block;
    padding-block-start: 0.35em;
    padding-inline-start: 0.75em;
    padding-inline-end: 0.75em;
    padding-block-end: 0.625em;
    min-inline-size: min-content;
    border-width: 2px;
    border-style: solid;
    border-image: initial;
    margin-bottom: 1rem;
}
.webform-preview .colon {
    margin-right: 0.5rem;
}
.webform-preview .webform-element-type-webform-shs-term-select div a {
    cursor: default;
    pointer-events: none;
    text-decoration: none;
}
.webform-progress {
    margin-bottom: 1.5rem;
}
fieldset.js-webform-type-fieldset legend {
    width: auto;
    font-weight: bold;
}
.text-muted {
    font-size: 1rem;
}
.js-form-item-consent-from-parent {
    margin-bottom: 1rem;
}
.js-form-item-pickup-method, .js-form-item-payment-method, .js-form-item-category, .js-form-item-type-of-organisation {
    margin-bottom: 1rem;
}
.js-form-item > label {
    font-size: 1rem;
    font-weight: bold;
}
.js-form-item > label.form-check-label {
    font-weight: normal;
}
.webform-container summary {
    margin-bottom: 1rem;
}
details.webform-container-type-details:after {
    content: ' ';
    display: block;
    margin-bottom: 1.5rem;
}
.pre-scrollable p:last-child {
    margin-bottom: 0;
}
fieldset fieldset:last-child {
    margin-bottom: 0;
}
.webform-submission-form div.shs-widget-container:not(:last-child) {
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
}
.webform-preview fieldset#enrolment_form--caritas_unit a {
    color: currentColor;
    text-decoration: none;
    pointer-events: none;
}
.shs-widget-container, .shs-select {
    max-width: 100%;
}
.webform-submission-form .js-webform-select-other legend {
    margin-bottom: 0;
}

/*
 * Participant Area
 */
.navbar-bottom-bordered {
    border-bottom: .0625rem solid #e7eaf3;
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
}
.block-ssh-virtual-run-participant-header {
    margin-bottom: 1rem;
}

/*
 * Activity (Record)
 */
.node--type-activity a#edit-delete,
.node--type-activity a#edit-cancel {
    margin-left: 1rem;
}
.node--type-activity .link.tabledrag-toggle-weight,
.node-activity-form .link.tabledrag-toggle-weight {
    display: none;
}
.form-type-duration .duration-inner-wrapper .form-type-number.form-group {
    margin-bottom: 0;
}
.node--type-activity h1.title .field--name-title {
    display: none;
}
/*
 * shariff
 */
.shariff .orientation-horizontal {
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
}

/*
 * edit form
 */
#node-campaign-edit-form #edit-field-images .link.tabledrag-toggle-weight {
    display: none;
}
#node-campaign-edit-form #edit-field-images a.tabledrag-handle .handle {
    background-position-x: 0;
    background-position-y: 0;
    margin-top: 0;
}
/*#profile-personal-information-edit-form #edit-field-date-of-birth-0-value-month,
#profile-personal-information-edit-form #edit-field-date-of-birth-0-value-day {
    display: none;
}*/

/*
 * Campaign Page
 */
.node--type-campaign .field--name-field-campaigns .field__label {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.2;
}

/*
 * Ranking Page
 */
.node--type-landing-page .main-content .block-views {
    min-height: 20rem;
    margin-bottom: 1rem;
}
@media screen and (min-width: 40em) {
    .layout--threecol-section--33-34-33 > .layout__region--second {
        flex: 0 1 32%;
        margin-left: 1%;
        margin-right: 1%;
    }
}
.block-views .card-header h4 {
    text-align: center;
}
#block-ranking .card-header {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 85px;
}
#block-ranking .block-views.card .view-content {
    min-height: 215px;
}
.path-ranking .view-content td.views-empty,
#block-ranking .block-views.card .view-content td.views-empty {
    height: 41px;
}
#block-ranking .views-view-table .views-field-counter {
    width: 10%;
}
#block-ranking .views-view-table .views-field-field-english-name,
#block-ranking .views-view-table .views-field-title,
#block-ranking .views-view-table .views-field-field-name-of-alumni-association {
    width: 60%;
}
#block-ranking .views-view-table .views-field-field-total-distance,
#block-ranking .views-view-table .views-field-field-total-donation,
#block-ranking .views-view-table .views-field-field-number-of-members,
#block-ranking .views-view-table .views-field-profile-id {
    width: 30%;
}
#block-ranking .views-view-table th {
    vertical-align: middle;
}

/*
 * Marquee
 */
div#block-views-block-news-marquee {
    font-size: 0.85rem;
}
#block-views-block-news-marquee {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #eee;
}

/*
 * Donation Form
 */
.webform-submission-donation-form-form .js-form-type-radio {
    margin-bottom: 0.2rem;
}
.webform-submission-donation-form-form .form-type-textarea {
    margin-bottom: 1rem;
}

/*
 * Mobile
 */
button.navbar-toggler {
    font-size: 1rem;
    margin-top: 0;
    padding: .5rem .75rem;
}
@media (max-width: 767.98px) {
    nav.menu--main {
        margin-left: 0 !important;
        padding-bottom: 0;
    }
    #block-event-account-menu .nav-link {
        padding-left: 0;
    }
}

/*
 * front
 */
.path-frontpage .node__content {
    margin-top: 0;
}
.path-frontpage nav.tabs {
    margin-bottom: 0;
}
.path-frontpage #about,
.path-frontpage #ruling,
.path-frontpage #souvenir,
.path-frontpage #ranking {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
@media (max-width: 767.98px) {
    #main_slogan {
        padding: 1rem 5rem 0;
        z-index: 10;
    }
    #main_drawing {
        top: -6rem;
        margin-bottom: -6rem;
        padding: 0;
    }
}
@media (min-width: 768px) {
    #main_slogan {
        position: relative;
        left: 6%;
        z-index: 10;
        margin-top: 3rem;
        margin-bottom: 3rem;
    }
    #main_drawing {
        background-image: url("/sites/default/files/2021-03/bg_kv.jpg");
        background-size: cover;
    }
}
#site_total {
    position: relative;
    top: -3rem;
    margin-bottom: -3rem;
    z-index: 50;
    text-align: center;
}
#site_total .display-3 {
    font-weight: 700;
}
.site_total_description {
    font-size: 120%;
}
#about {
    background-image: url("../images/aboutbg.jpg");
    background-position: center top;
    color: #fff;
}
#about p {
    font-size: 1.2rem;
}
#about_text #burning-period {
    font-size: 2.8rem;
    font-weight: 300;
    line-height: 1.2;
    white-space: nowrap;
}
@media (max-width: 767.98px) {
    #about_image {
        padding-left: 6rem;
        padding-right: 6rem;
        margin-bottom: 1rem;
    }
    #about_text {
        padding-left: 2rem;
        padding-right: 2rem;
        font-size: 1rem;
    }
}
#ruling ul {
    list-style-position: inside;
    padding-inline-start: 0;
}
#gifts {
    font-weight: 600;
    line-height: 32px;
}
@media (min-width: 768px) {
    #gifts .gifts {
        overflow: hidden;
    }
    #gifts div.gift+div.gift {
        border-left: 1px solid #92a9af;
        padding-top: 100px;
        padding-bottom: 100px;
        margin-top: -100px;
        margin-bottom: -100px;
    }
}
#souvenir {
    background-color: #f5f6f8;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 32px;
}
.souvenir-text {
    color: #92a9af;
    font-size: 1.2rem;
    white-space: nowrap;
}
.souvenir-highlight {
    color: #e10634;
    font-size: 2.1rem;
    font-weight: 700;
}
.souvenir-details {
    font-size: 1rem;
    font-weight: 600;
}
@media (max-width: 767.98px) {
    #souvenir .row .col-6:nth-child(2n) {
        border-left: 1px solid #92a9af;
    }
    #souvenir .row .col-6:nth-child(-n+2) {
        border-bottom: 1px solid #92a9af;
    }
    #souvenir .row .col-6 {
        padding-top: 1rem;
    }
}
@media (min-width: 768px) {
    #souvenir .row .col-md-3:not(:first-child) {
        border-left: 1px solid #92a9af;
    }
}
#ranking .card {
    border: none;
}
#ranking .view-individual-calories-ranking table tbody tr:nth-child(-n+3) td.views-field-field-english-name {
    color: #b15757;
    font-size: 1.2rem;
    font-weight: bold;
}
#ranking .view-individual-calories-ranking table tbody tr:nth-child(-n+3) td.views-field-field-total-calories {
    color: #81969b;
    font-size: 1.2rem;
    font-weight: bold;
}
#ranking table.views-view-table tr th {
    border: 0;
}
#ranking tr td,
#ranking tr th {
    border: 0;
    color: #81969b;
    font-size: 1.1rem;
    text-align: center;
}
#ranking .ranking-bottom {
    background-image: url("/sites/default/files/2021-03/wave_crop.png");
    background-size: cover;
    min-height: 300px;
    background-position: left top;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
}
.node--type-landing-page .main-content .block-views-blockindividual-calories-ranking-block-individual-calories {
    min-height: 40rem;
}
#ranking .ranking-photo-left {
    text-align: right;
}
@media (max-width: 767.98px) {
    #ranking .ranking-photo-left {
        text-align: center;
        padding-left: 6rem;
        padding-right: 6rem;
        margin-bottom: 1.5rem;
    }
}
#ranking .ranking-photo-right {
    text-align: left;
}
.path-frontpage .layout.layout--twocol-section.layout--twocol-section--67-33 {
    max-width: 1140px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
#remark {
    padding-right: 0.5rem;
}
#remark ol {
    font-size: 0.8rem;
}
#kcal-reference {
    padding-left: 0.5rem;
}
#kcal-reference table {
    font-size: 70%;
}
.very-small {
    font-size: 65%;
}

/*
 * Carousel
 */
@media (max-width: 768px) {
    .carousel-inner .carousel-item > div {
        display: none;
    }
    .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}

/* display 3 */
@media (min-width: 768px) {

    .carousel-inner .carousel-item-right.active,
    .carousel-inner .carousel-item-next {
        transform: translateX(33.333%);
    }

    .carousel-inner .carousel-item-left.active,
    .carousel-inner .carousel-item-prev {
        transform: translateX(-33.333%);
    }
}

.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left{
    transform: translateX(0);
}

/*
 * Member Area
 */
.calories-highlight {
    font-size: 120%;
}
.my-records .table thead th,
.my-records .table thead td,
.my-records .table th,
.my-records .table td {
    vertical-align: middle !important;
}
.my-records .table thead th {
    white-space: nowrap;
}
.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}
.embed-responsive-16by9::before {
    padding-top: 56.25%;
}
.embed-responsive::before {
    display: block;
    content: "";
}
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.featured-bottom-first,
.featured-bottom-second,
.featured-bottom-third {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
#block-sociallinks,
#block-languageswitcher {
    float: left;
}
#block-sociallinks a {
    line-height: 38px;
}
#navbar-main #block-sociallinks a:hover,
#navbar-main #block-sociallinks a:focus {
    background-color: inherit;
    border-color: inherit;
}
summary {
    font-size: 1.5rem;
    font-weight: 700;
}
/* .webform-submission-form legend .fieldset-legend {
    font-weight: normal;
} */
ul.yellow-star {
    list-style-image: url('../images/yellow-star-16.png');
}
ul.pink-star {
    list-style-image: url('../images/pink-star-16.png');
}
ul.green {
    list-style: none;
}
ul.green>li::before {
    content: "\2022";
    color: green;
    font-weight: bold;
    display: inline-block;
    width: 1.2em;
    margin-left: -1.2em;
}
ul.green-square {
    list-style: none;
}
ul.green-square>li::before {
    content: "\25A0";
    color: green;
    font-weight: bold;
    display: inline-block;
    width: 1.4em;
    margin-left: -1.4em;
}
/*
.node--type-page h3, .node--type-page .h3,
#block-ranking h2, #block-ranking .h2,
#block-eventinformation h3, #block-eventinformation .h3
{
    font-size: 1.5rem;
    color: #fff;
    background-color: #fe786d;
    display: inline-block;
    padding: 0.5rem 3rem;
    margin-bottom: 1rem;
}
*/
/* #block-eventinformation h3::before, #block-eventinformation .h3::before {
    content: ' ';
    background-color: #ffc851;
    width: 5rem;
    margin-left: -8rem;
    margin-right: 3rem;
    display: inline-block;
    line-height: 1.2;
    height: 1.2rem;
} */
#edit-actions-reset {
    margin-left: 3rem;
}
.confirm-parent, .password-parent {
    max-width: 100%;
}
.duration-inner-wrapper .js-form-item > label {
    font-weight: normal;
}
.node--type-campaign #edit-body-0-format-help {
    display: none;
}

/**
 * Social icons
 */
.social-icon-wechat {
    position: relative;
}
#wechat-qrcode {
    display: none;
    width: 200px;
    height: 212px;
    background-image: url("../images/AADOWechatQRcode.png");
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    right: 0;
    top: 40px;
}
.social-icon-wechat:hover>#wechat-qrcode{
    display: block;
    z-index: 100;
}

/**
 * Campaign search
 */
#views-exposed-form-campaign-search-page-donate #edit-application-no.form-control.is-invalid {
    border-color: black;
}
.page-view-campaign-search .alert.alert-dismissible.alert-danger {
    display: none;
}
.page-view-campaign-search #edit-application-no-error.error {
    display: none !important;
}

/**
 * Photo
 */
@media (min-width: 560px) {
    .node .field--type-image {
        float: inherit;
    }
}

/**
 * Search campaign page
 */
.view-display-id-page_fundraising #views-exposed-form-all-campaigns-page-fundraising .form-radios {
    display: flex;
    flex-wrap: wrap!important;
}
.view-display-id-page_fundraising #views-exposed-form-all-campaigns-page-fundraising input[type="radio"] {
    display: none;
}
.view-display-id-page_fundraising #views-exposed-form-all-campaigns-page-fundraising .form-check {
    padding-left: 0.5em;
}
.view-display-id-page_fundraising #views-exposed-form-all-campaigns-page-fundraising label {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #86CA9B;
    padding: 5px 10px;
    border-radius: 25px;
    cursor: pointer;
    transition: background-color 0.3s ease-in-out;
}
.view-display-id-page_fundraising #views-exposed-form-all-campaigns-page-fundraising input[type="radio"]:checked + label {
    background-color: #183D35;
}
.view-display-id-page_fundraising #views-exposed-form-all-campaigns-page-fundraising .form-item-combine {
    padding-left: 0.5rem;
}