.pageelement-member-list .search-box {
    background: #E5F0F8;
    padding: 20px 25px;
    border-radius: 10px;
}

.pageelement-member-list .search-box .filter {
    width: 685px;
    max-width: 100%
}

.pageelement-member-list .search-box .filter .label {
    color: #009CDA;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 5px;
}

.pageelement-member-list .search-box .filter .label:first-child {
    margin-top: 0px;
}

.pageelement-member-list .search-box .filter input,
.pageelement-member-list .search-box .filter select {
    background: #fff;
    border: #00377A 1px solid;
    border-radius: 10px;
    color: #00377A;
    margin-bottom: 10px;
    font-size: 18px;
    font-family: 'TheSans';
    appearance: none;
}

.pageelement-member-list .search-box .filter input {
    padding: 10px 20px;
}

.pageelement-member-list .search-box .filter .filter-search {
    width: 100%;
    box-sizing: border-box;
    background: url('/_images/search.svg') no-repeat #fff;
    background-size: 22px;
    background-position: 10px;
    padding: 10px 20px 10px 40px;
}


.pageelement-member-list .search-box .filter .wrapper-location {
    display: flex;
    gap: 10px;
}

.pageelement-member-list .search-box .filter .filter-item-location-search-type,
.pageelement-member-list .search-box .filter .filter-item-postcode,
.pageelement-member-list .search-box .filter .filter-item-postcode-range {
    width: 33.3%;
    box-sizing: border-box;
}

.pageelement-member-list .search-box .filter .filter-item-region {
    display: none;
    width: calc(66.6% + 11px);
}



.pageelement-member-list .search-box .filter select {
    background: url('/_images/select.svg') no-repeat #fff;
    background-size: 22px;
    background-position: calc(100% - 10px);
    padding: 10px 40px 10px 20px;
}

.pageelement-member-list .search-box .filter .submit-button {
    background: #FF6347;
    color: #fff;
    width: 100%;
    padding: 20px;
    text-align: center;
    box-sizing: border-box;
    border-radius: 10px;
    cursor: pointer;
}

.pageelement-member-list .search-results {
    margin-top: 25px;
}

.pageelement-member-list .result-items {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 20px;
}

.pageelement-member-list .result-items .result-item {
    background: #e5f0f8;
    padding: 40px;
    border-radius: 10px;
    width: calc(25% - 15px);
    color: #00377A;
    box-sizing: border-box;
}

.pageelement-member-list .result-items .result-item .label {
    font-weight: 700;
}

.pageelement-member-list .result-items .result-item .address,
.pageelement-member-list .result-items .result-item .telephone,
.pageelement-member-list .result-items .result-item .mobile,
.pageelement-member-list .result-items .result-item .email,
.pageelement-member-list .result-items .result-item .website {
    display: flex;
}

.pageelement-member-list .result-items .result-item .icon {
    width: 26px;
}

.pageelement-member-list .result-items .result-item .icon:before{
    font-family: 'Font Awesome 6 Pro';

}

.pageelement-member-list .result-items .result-item .address .icon:before{
    content: '\f3c5';
}

.pageelement-member-list .result-items .result-item .telephone .icon:before{
    content: '\f095';
}

.pageelement-member-list .result-items .result-item .mobile .icon:before{
    content: '\f3ce';
}

.pageelement-member-list .result-items .result-item .email .icon:before{
    content: '\f0e0';
}

.pageelement-member-list .result-items .result-item .website .icon:before{
    content: '\f007';
}

.pageelement-member-list .result-items .result-item .email .info,
.pageelement-member-list .result-items .result-item .website .info {
    font-weight: 700;
}

.pageelement-member-list .result-items .result-item .link-detail {
    color: #ff6347;
}

.pageelement-member-list .result-items .result-item .link-detail:before {
    font-family: 'Font Awesome 6 Pro';
    content: '\f061';
    width: 26px;
    display: inline-block;
}

.pageelement-member-list #member-list-container .spinner {
    width: 100px;
    height: 100px;
    border: 10px solid rgb(225, 230, 236);
    border-top: 10px solid #449cdb;
    border-radius: 50%;
    animation: loading-member-list 1s linear infinite;
    margin-left: calc(50% - 75px);
    margin-top: 40px;
}

#member-list-container .headline {
    margin-top: 25px;
    margin-bottom: 30px;
    color: #009CDA;
    font-weight: 700;
}

.pageelement-member-list .result-trigger {
    background: #00377A;
    color: #fff;
    padding: 15px 30px;
    margin-bottom: 30px;
    border-radius: 10px;
    cursor: pointer;
    display: flex;
}

.pageelement-member-list .result-trigger:before {
    font-family: 'Font Awesome 6 Pro';
    content: '\f054';
    margin-right: 20px;
    transition: .5s transform ease-in-out;
    transform: rotate(0deg);
    display: inline-block;
    font-weight: 700;
}

.pageelement-member-list .result-trigger.opened:before {
    transform: rotate(90deg);
}

@keyframes loading-member-list {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}



/*
.result-items .result-item .address .icon:before{
    content: '\';
}
*/

.result-items .result-item {

}

@media only screen and (max-width: 1350px){
    .pageelement-member-list .result-items .result-item {
        width: calc(33.33% - 14px);
    }
}

@media only screen and (max-width: 1080px){
    .pageelement-member-list .result-items .result-item {
        width: calc(50% - 15px);
    }
}

@media only screen and (max-width: 915px){
    .pageelement-member-list .search-box .filter {
        width: auto;
    }
}

@media only screen and (max-width: 760px){
    .pageelement-member-list .result-items .result-item {
        width: 100%;
    }

    .pageelement-member-list .search-box .filter .wrapper-location {
        flex-wrap: wrap;
    }

    .pageelement-member-list .search-box .filter .filter-item-location-search-type,
    .pageelement-member-list .search-box .filter .filter-item-postcode,
    .pageelement-member-list .search-box .filter .filter-item-postcode-range,
    .pageelement-member-list .search-box .filter .filter-item-region {
        width: 100%;
    }
}