#ldsp-profile
{
    padding-inline: calc((100vw - var(--content-width)) / 2);
    display: flex;
    padding-block: 6.25rem;
    font-family: var(--font-roboto);
    font-size: 1rem;
}

#ldsp-sidebar
{
    flex-basis: 32%;
}

#ldsp-sidebar img
{
    width: 100%;
    height: 100%;
    min-height: 441px;
    object-fit: cover;
    padding-bottom: 2.5rem;
    margin-bottom: 1.25rem;
    border-bottom: 2px dotted hsla(218,3%,49%,.4);
}

#ldsp-main
{
    padding-left: 2rem;
    flex-basis: 68%;
}

.ldsp-label
{
    font-weight: bold;
    padding-right: 0.5rem;
    padding-block: 0.375rem;
}

.ldsp-value
{
    color: #5e636b;
}

#ldsp-profile h2
{
    font-size: 2.875rem;
    font-family: var(--font-cambo);
    font-weight: 400;
    margin-block: 0rem 0.5rem;
}

#ldsp-role
{
    font-family: var(--font-fira-sans);
    font-weight: 700;
    font-size: 1.06rem;
    color: var(--md-gray);
    margin-bottom: 1.8rem;
}

#ldsp-role::after,
.leadership-listing .views-field-title::after
{
    width: 3.125rem;
    display: block;
    height: 5px;
    background-color: #e4e6ec;
    content: "";
    margin-top: 1.125rem;;
}

#ldsp-body
{
    margin-bottom: 2.5rem;
}

.linkedin
{
    display: flex;
    border-radius: 50%;
    width: 2.125rem;
    height: 2.125rem;
    align-items: center;
    justify-content: center;
    background-color: var(--ldin-blue);
    transition: all .3s ease;
}

.linkedin:hover
{
    transform: translateY(-3px);
}

.linkedin .fa-linkedin
{
    background-color: var(--ldin-blue);
    color: white;
}

#connect-header
{
    border-left: 3px solid #3b414a;
    box-shadow: 0 0 70px hsla(210,2%,58%,.3);
    font-family: var(--font-cambo);
    font-size: 1.25rem;
    margin-bottom: 1.75rem;
    padding-left: 0.62rem;
    line-height: 2;
    width: 100%;
}

.leadership-listing
{
    display: flex;
    gap: var(--column-gap);
    justify-content: center;
    flex-wrap: wrap;
}

.leadership-listing .views-row
{
    flex-basis: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 260px;
}

.leadership-listing .views-field-field-photo .field-content
{
    border-radius: 50%;
    overflow: hidden;
}

.leadership-listing .views-field-field-photo a
{
    display: flex;
}

.leadership-listing .views-field-field-photo img
{
    width: 100%;
    height: 100%;
    transform: scale(1.1);
    transition: transform .6s ease; 
}

.leadership-listing .views-row:hover .views-field-field-photo img
{
    transform: scale(1);
}

.leadership-listing .views-field-title::after
{
    transition: all .3s ease; 
}

.leadership-listing .views-row:hover .views-field-title::after
{
    width: 4.37rem;
    background-color: var(--md-gray-2);
}

.leadership-listing .views-field-field-role
{
    font-family: var(--font-poppins);
    margin-bottom: 0.5rem;
    font-weight: 500;
    color: var(--primary-color);
    margin-top: 1.5rem;
}

.leadership-listing .views-field-title a
{
    text-decoration: none;
    font-family: var(--font-poppins);
    font-weight: bold;
    font-size: 1.125rem;
    color: var(--light-black);
}

.leadership-listing .views-field-title
{
    margin-bottom: 1rem;
}

.leadership-listing .views-field-title::after
{
    margin-left: auto;
    margin-right: auto;
}

.leadership-listing .linkedin
{
    background-color: white;
	box-shadow: 0 0 32px rgba(102,108,124,.24);
}

.leadership-listing .fa-linkedin
{
    background-color: white;
    color: var(--ldin-blue);
}

.leadership-listing .linkedin:hover,
.leadership-listing .linkedin:hover > .fa-linkedin
{
    background-color: var(--ldin-blue);
    color: white;
}