/*
The contact details template-part stylesheet
*/

.contact_text.member_text,
.contact_info.member_text {
    width: 100%;
}
.contact_text {
    gap: 1rem;
}
.contact_details {
    width: 50%;
    width: 45%;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}
.contact_details p {
    display: flex;
}
.contact_details p span:first-child {
    width: 20%;
}
.contact_info {
    padding: 1rem 0;
}
.contact_info .bold {
    font-weight: 600;
}
@media all and (max-width: 1200px) {
    .contact_details p {
        flex-direction: column;
    }
}
@media all and (max-width: 900px) {
    .contact_details p {
        padding: 1rem 0;
    }
    .contact_details p:has(.bold) {
        padding: .5rem 0;
    }
}