/*------------Styles dealing with the staff and faculty directory--------------*/

/*staff single page*/
.single-staff .tabs-tabs {
        border-bottom: solid 4px #dca92a; 
}

.single-staff .tabs-tabs button {
    margin-bottom: 0px;
    margin-top: 0px;
    border-top: solid 4px #1b484c;
    font-weight: 700;
}

.single-staff .tabs-tabs button[aria-selected="true"] {
    background-color: #61d7e3;
    color: #1b484c;
    border-top-color: #dca92a;
}

.single-staff .tabPanel {
    padding: 20px;
}

/*aspect ratios*/
.has-ar-1-1 {
    aspect-ratio: 1/1; {}
    width: unset !important;
    height: unset !important;
    max-width: 100%;
    object-position: center center;
    object-fit: cover;
}

/*color text*/
.is-text-teal {
    color: #00aab3 !important;
}

/*department icons*/
.department-icon {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

/*overridding bulma*/
strong {
    color: unset !important;
}

.table {
    background: unset;
}

.button {
    height: unset;
}

.block:not(:last-child), .box:not(:last-child), .breadcrumb:not(:last-child), .content:not(:last-child), .level:not(:last-child), .message:not(:last-child), .notification:not(:last-child), .pagination:not(:last-child), .progress:not(:last-child), .subtitle:not(:last-child), .table-container:not(:last-child), .table:not(:last-child), .tabs:not(:last-child), .title:not(:last-child) {
    margin-bottom: unset !important;
}

#header.container {
    position: unset !important;
}

.breadcrumb li+li::before {
    content: "";
}

.breadcrumb ol, .breadcrumb ul {
    display: unset !important;
}

/*fix line down page*/
@media screen and (max-width: 480px) {
    .col-left {
        width: 100% !important;
    }
}
.with-sidebar {
    width: 100%;
    padding: 0 10%;
}
@media screen and (min-width: 1300px) {
    .columns-faculty {
        display: flex;
        flex-wrap: wrap;
    }
    .column.is-half-faculty {
        flex: none;
        width: 50%;
    }
}
@media screen and (max-width: 1299px) {
    .column.is-half-faculty {
        flex: none;
        width: 100%;
    }
}
.department {
    max-width: 50px;
}
@media screen and (max-width: 768px) {
    #staff-list {
        text-align: center;
    }
    .department {
        max-width: none;
    }
}