.single-item.groups #buddypress #object-nav ul li#nav-links-groups-li a::before {
    background-image: url('../icons/arrow-square-out.svg');
    filter: none;
}
#bp-link-form {
    width: 100%;
    display: none;
}
#bp-link-form.loading {
    opacity: 0.7;
    cursor: progress;
}
#bp-link-form .actions {
    margin-top: 20px;
}
#bp-link-form .actions button {
    margin-right: 20px;
}

.bp-links-wrapper {
    width: 100%;
}

.bp-links-wrapper ul.bp-links-list {
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 20px;
    list-style: none;
}

.bp-links-wrapper .entries-facets {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
    justify-content: right;
    margin-top: 15px;
}

.bp-links-wrapper .entries-facets .entries-single-facet:nth-child(1) {
    flex-grow: 1;
}
.bp-links-wrapper .entries-facets .entries-single-facet:nth-child(1) input {
    width: 100%;
}

.bp-links-wrapper .entries-facets .entries-single-facet select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 5"><polygon points="0,0 10,0 5,5" style="fill:%23333;" /></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 10px 5px;
    padding: 10px;
    box-sizing: border-box;
    width: 125px;
}

/* Media query for mobile devices */
@media (max-width: 680px) {
    .bp-links-wrapper .entries-facets label {
        display: none;
    }
    /*.bp-links-wrapper .entries-facets {*/
    /*    flex-direction: column; !* Stack items vertically *!*/
    /*}*/
    /*.bp-links-wrapper .entries-facets .entries-single-facet {*/
    /*    display: flex;*/
    /*    align-items: center;*/
    /*    gap: 10px;*/
    /*    width: 100%;*/
    /*}*/
    /*.bp-links-wrapper .entries-facets .entries-single-facet input,*/
    /*.bp-links-wrapper .entries-facets .entries-single-facet select {*/
    /*    flex-grow: 1;*/
    /*}*/

}

.bp-links-wrapper .bp-links-list .link-item {
    border: 1px solid var(--contrast-4);
    position: relative;
}

.bp-links-wrapper .bp-links-list .link-item:not(last-child) {
    margin-bottom:  1.4em;
}

.bp-links-wrapper .bp-links-list {
    border:  0;
}

.bp-links-wrapper .bp-links-list > .link-item {
    padding: 30px;
}

.bp-links-wrapper .bp-links-list > .link-item .bp-link-details {
    /*display: flex;*/
}

.bp-links-wrapper .bp-links-list > .link-item .bp-link-details .bp-link-title {
    color: var(--contrast-2);
    font-weight: 700;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.bp-links-wrapper .bp-links-list > .link-item .bp-link-details .link-status {
    background: url("../icons/incomplete.svg") no-repeat 0 0;
    background-size: 20px;
    display: inline-block;
    min-width: 20px;
    height: 20px;
}

.bp-links-wrapper .bp-links-list > .link-item .bp-link-details .link-status.bp-link-action {
    cursor: pointer;
}

.bp-links-wrapper .bp-links-list > .link-item.completed .bp-link-details .link-status {
    cursor: default;
    background: url("../icons/complete.svg") no-repeat 0 0;
    background-size: 20px;
}

.bp-links-wrapper .bp-links-list > .link-item .bp-link-details .bp-link-description {
    margin-bottom: 0;
    font-style: italic;
}

.bp-links-wrapper .bp-links-list > .link-item .bp-link-details .bp-link-description a {
    font-size: 13px;
    cursor: pointer;
    font-style: normal;
}

.bp-links-wrapper .bp-links-list > .link-item .bp-link-details .bp-link-description .description-content-original {
    display: none;
}

.bp-links-wrapper .bp-links-list > .link-item .bp-link-details .bp-link-actions {
    position: absolute;
    top: 5px;
    right: 5px;
    display: flex;
    align-items: center;
    font-size: 13px;
    gap: 5px;
    margin: 0;
}

.bp-links-wrapper .bp-links-list > .link-item .bp-link-details .bp-link-actions a {
    cursor: pointer;
}

.bp-links-wrapper .bp-links-list > .link-item .bp-link-details .bp-link-meta {
    position: absolute;
    bottom: 5px;
    right: 5px;
    display: flex;
    align-items: center;
    font-size: 13px;
    gap: 20px;
    margin: 0;
}

.bp-links-wrapper .bp-links-list > .link-item .bp-link-details .bp-link-meta span {
    display: flex;
    align-items: center;
    gap: 5px;
}

.single-link {
    margin-top: 20px;
    flex-grow: 1;
}

.single-link .link-status {
    background: url("../icons/incomplete.svg") no-repeat 0 2px;
    background-size: 24px !important;
    display: inline-block;
    width: 24px;
    height: 24px;
}

.single-link.completed .link-status {
    background: url("../icons/complete.svg") no-repeat 0 2px;
}

.single-link .link-title {
    display: inline-block;
    padding-left: 10px;
}

.single-link .link-description {
    margin-bottom: 30px;
}

.single-link .commentlist {
    margin-left: 0;
}