/*
* Communities Common
*/
.communities {
    margin-bottom: calc(env(safe-area-inset-bottom) + 100px);
}

/* --break-screen-small */
@media (min-width: 1024px) {
    .communities {
        margin-bottom: 0;
    }
}

/* >>> All common components that basically need some margin :$ <<< */
.communities-index__search,
.communities-index__results,
.communities-manage-events__search,
.communities-manage-members__search,
.communities-manage-events-participants__search,
.communities-manage-programs__search,
.communities-manage-members-payment-invoices__search,
.communities-manage-members-tracking-benchmarks__search,
.communities-manage-members-notes__search,
.communities-manage-members-memberships__search,
.communities-manage-preferences-event-types__search,
.communities-manage-preferences-memberships__search,
.communities-manage-payments__search {
    margin-top: 16px;
    margin-bottom: 12px;
    padding: 0 16px;
}

/* --break-screen-small */
@media (min-width: 480px) {
    .communities-manage-events-participants__search,
    .communities-manage-programs__search {
        margin-top: 18px;
        margin-bottom: 8px;
        padding: 0 32px;
    }
}

/*
* Community Landing Page
*/

/* >>> Profile Page <<< */
.communities-profile {
    padding-bottom: 32px;
}

/* >>> Card <<< */
.communities-profile__cover-image {
    min-width: 344px;
}

.communities-profile__cover-image img {
    display: block;
}

.communities-profile__cover-image-back-btn {
    position: absolute;
    margin: 32px 0 0 32px;
}

.communities-profile__cover-image-back-btn a {
    display: inline-block;
    width: 2.2em;
    height: 2.2em;
    border: 0.1em solid #fff;
    border-radius: 50%;
}

.communities-profile__cover-image-back-btn a:after {
    content: '';
    display: inline-block;
    margin-top: 0.5em;
    margin-left: 0.7em;
    width: 1em;
    height: 1em;
    border-top: 0.3em solid #fff;
    border-right: 0.3em solid #fff;
    -moz-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }

.communities-profile__community-overview {
    display: flex;
    flex-direction: column;
}

.communities-profile__logo {
    display: flex;
    justify-content: center;
    margin-top: -62.5px;
}

.communities-profile__logo img {
    display: block;
    max-width: 125px;
    border-radius: 50%;
}

.communities-profile__name {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    margin-top: 16px;
    text-align: center;
}

.communities-profile__actions {
    width: 100%;
    margin-top: 16px;
    padding: 0 16px 0 16px;
}

.communities-profile__actions div:not(:first-child) {
    margin-top: 8px;
}

.communities-profile__manage-btn a {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* --break-tablet-large */
@media (min-width: 768px) {
    .communities-profile__card {
        border-bottom: 1px solid var(--color-border);
    }

    .communities-profile__community-overview {
        padding-bottom: 16px;
    }
}

/* --break-screen-small */
@media (min-width: 1024px) {
    .communities-profile__community-overview {
        flex-direction: row;
    }

    .communities-profile__logo {
        justify-content: flex-start;
        margin-left: 32px;
    }

    .communities-profile__name {
        justify-content: flex-start;
        margin-left: 16px;
        text-align: initial;
    }

    .communities-profile__actions {
        display: flex;
        width: 50%;
        justify-content: end;
    }

    .communities-profile__actions div:not(:first-child) {
        margin-top: 0px;
        margin-left: 8px;
    }
}

/* >>> Section Links <<< */
.communities-profile__section-links {
    margin-top: 10px;
}

/* >>> Details <<< */
.communities-profile__details {
    margin-top: 32px;
    padding: 0 32px;
}

.communities-profile__description {
    margin-top: 8px;
}


/*
* Common Payments
*/

.communities-manage-payments__results {
    margin-top: 8px;
}

/*
* Communities Manage
*/

/*
/* >>> Events <<<
*/
.communities-manage-events__results {
    margin-top: 8px;
}

/* >>> Event Details Page <<< */
.communities-manage-events-details__overview {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.communities-manage-events-details__card {
    display: flex;
    justify-content: center;
    padding: 16px;
}

.communities-manage-events-details__info {
    margin-top: 16px;
    margin-left: 16px;
}

.communities-manage-events-details__info-actions {
    margin-top: 16px;
}

.communities-manage-events-details__dates {
    display: flex;
    justify-content: center;
    margin-top: 16px;
}

/* --break-tablet-large */
@media (min-width: 768px) {
    .communities-manage-events-details__overview {
        flex-direction: row;
        margin-top: 16px;
    }

    .communities-manage-events-details__card {
        margin: 0;
        padding: 0;
    }
}

/* >>> Event Participants <<< */
.communities-manage-events-participants__results {
    margin-top: 8px;
}

/*
/* >>> Members <<<
*/

/* >>> List <<< */
.communities-manage-members__results {
    margin-top: 8px;
}

/* >>> Member Memberships <<< */
.communities-members-memberships__results {
    margin-top: 8px;
}

/* >>> Member Benchmarks <<< */
.communities-manage-members-tracking-benchmarks__results {
    margin-top: 8px;
}

.communities-manage-members-tracking-benchmark-performance-log__results {
    margin-top: 8px;
}


/* >>> Member Notes <<< */
.communities-manage-members-notes__results {
    margin-top: 8px;
}
/* --break-tablet-large */
@media (min-width: 768px) {
    .communities-manage-members-notes__results {
        padding: 0 16px;
    }
}