.pageelement-member-detail {

}

.pageelement-member-detail .detail-container {
    padding: 20px 60px;
    background: #E5F0F8;
    box-sizing: border-box;
    width: 100%;
    border-radius: 10px;
    display: flex;
    color: #00377A;
    margin-bottom: 45px;
}

.pageelement-member-detail .text-content-container {
    display: flex;
    flex-flow: column;
    gap: 24px;
}

.pageelement-member-detail .sections-main {
    display: flex;
    flex-wrap: wrap;
    gap: 70px;
    row-gap: 30px;
    padding-bottom: 24px;
    padding-top: 24px;
}

.pageelement-member-detail .text-content-container .content-container-child {
    display: flex;
    flex-wrap: wrap;
    gap: 100px;
    row-gap: 30px;
    padding-bottom: 24px;
    border-bottom: 1px solid #009CDA;
}

.pageelement-member-detail .text-content-container .content-container-child:last-child {
    padding-bottom: 0px;
    border-bottom: none;
}

.pageelement-member-detail .text-content-container .base-info-wrapper.content-container-child {
    flex-flow: column;
    gap: 3px;
}

.pageelement-member-detail .member-container {
    background: #E5F0F8;
    border-radius: 10px;
    padding-bottom: 25px;
}

.pageelement-member-detail .member-info {
    padding: 35px 60px;
    display: flex;
    gap: 50px;
}

.pageelement-member-detail .member-info .image {
    width: 300px;
    max-width: 30%;
    border-radius: 10px;
    overflow: hidden;
    height: fit-content;
    min-width: 300px;
}

.pageelement-member-detail .member-info .image img {
    object-fit: cover;
}

.pageelement-member-detail .member-info .info-main {
    padding: 20px 0px;
    display: flex;
    flex-flow: column;
    gap: 20px;
}

.pageelement-member-detail .member-info .info-main .name {
    color: #009CDA;
    font-size: 20px;
    font-weight: 700;

}

.pageelement-member-detail .relations {
    display: flex;
    flex-flow: column;
    gap: 5px;
}

.pageelement-member-detail .trigger {
    background: #009CDA;
    color: #fff;
    font-weight: 700;
    padding: 12px 60px;
    position: relative;
    cursor: pointer;
}

.pageelement-member-detail .trigger::before {
    content: '\f054';
    font-family: 'Font Awesome 6 Pro';
    position: absolute;
    left: 22px;
    transition: all .5s ease-in-out;
    transform: rotate(0deg);
}

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

@media only screen and (max-width: 1024px){
    .pageelement-member-detail .member-info {
        padding: 35px 35px;
        gap: 35px;
    }

    .pageelement-member-detail .member-info .image {
        width: 200px;
        min-width: 200px;
    }

    .pageelement-member-detail .member-info .info-main {
        padding: 0px;
    }

    .pageelement-member-detail .sections-main {
        padding: 0;
    }

    .pageelement-member-detail .detail-container {
        padding: 20px 35px;
    }

    .pageelement-member-detail .text-content-container .content-container-child {
        row-gap: 25px;
    }

    .pageelement-member-detail .text-content-container .content-container-child .web-section .title {
        display: none;
    }
}

@media only screen and (max-width: 750px){
    .pageelement-member-detail .member-info {
        flex-flow: column;
    }

    .pageelement-member-detail .member-info .image {
        min-width: unset;
        max-width: 100%;
    }

    .pageelement-member-detail .sections-main {
        flex-flow: column;
    }
}















.pageelement-member-detail .text-content-container .content-container-child .title {
    font-weight: 700;
    margin-bottom: 5px;
    min-height: 24px;
}


.pageelement-member-detail .base-info-wrapper .small {
    font-size: 16px;
}

.pageelement-member-detail .base-info-wrapper .name {
    font-size: 20px;
    font-weight: 700;
    color: #009CDA;
}

.pageelement-member-detail .icon {
    width: 26px;
}

.pageelement-member-detail .address-section .address,
.pageelement-member-detail .phone-section .telephone .link-wrapper,
.pageelement-member-detail .phone-section .mobile .link-wrapper,
.pageelement-member-detail .web-section .email .link-wrapper,
.pageelement-member-detail .web-section .website .link-wrapper {
    display: flex;
}

.pageelement-member-detail .icon:before{
    font-family: 'Font Awesome 6 Pro';
}

.pageelement-member-detail .address-section .address .icon:before{
    content: '\f3c5';
}

.pageelement-member-detail .phone-section .telephone .icon:before{
    content: '\f095';
}

.pageelement-member-detail .phone-section .mobile .icon:before{
    content: '\f3ce';
}

.pageelement-member-detail .web-section .email .icon:before{
    content: '\f0e0';
}

.pageelement-member-detail .web-section .website .icon:before{
    content: '\f0ac';
}

.pageelement-member-detail .link-back {
    color: #FF6347;
    display: flex;
    margin-top: 25px;
}

.pageelement-member-detail .link-back:before {
    font-family: 'Font Awesome 6 Pro';
    content: '\f060';
    margin-right: 8px;
}