﻿#organizational-structure .organization-chart {
    margin-bottom: 2rem;
}

@media (min-width: 1400px) {
    #organizational-structure .organization-chart {
        margin-bottom: 3.75rem;
    }
}

@media (min-width: 992px) {
    #organizational-structure .leadership-header-left,
    #organizational-structure .leadership-header-right {
        width: 50%;
    }
}

#organizational-structure .leadership-header-right a.active {
    color: #0054a6;
}

#organizational-structure .leadership-body {
    padding: 1rem 0;
}

@media (min-width: 992px) {
    #organizational-structure .leadership-body {
        padding: 2rem 0;
    }
}

#organizational-structure .leadership .title {
    font-size: 1.25rem;
    line-height: 1.16;
}

@media (min-width: 768px) {
    #organizational-structure .leadership .title {
        font-size: 1.5rem;
    }
}

#organizational-structure .list-leader {
    margin: -10px;
}

#organizational-structure .list-leader [class*="col-"] {
    padding: 10px;
}

@media (min-width: 576px) {
    #organizational-structure .list-leader {
        margin: -15px;
    }

    #organizational-structure .list-leader [class*="col-"] {
        padding: 15px;
    }
}

#organizational-structure .list-leader .item .image-wrapper {
    z-index: -1;
}

#organizational-structure .list-leader .item .image-wrapper:after {
    padding-top: 100%;
}

#organizational-structure .list-leader .item .main-info .fullname {
    font-size: 1rem;
}

@media (min-width: 576px) {
    #organizational-structure .list-leader .item .main-info .fullname {
        font-size: 1.125rem;
    }
}

@media (min-width: 1200px) {
    #organizational-structure .list-leader:not(.has-leader) .item {
        -ms-flex: 0 0 20% !important;
        flex: 0 0 20% !important;
        max-width: 20% !important;
    }
}