/*
    Directory Template - Flexbox Code
 */

.filters__container {
    display: flex;
    flex-wrap: wrap;
    /*width: 90%;*/
    width: 100%!important;
    margin: 0 auto;
}
.fprofiles__container {
    display: flex;
    flex-wrap: wrap;
    /*width: 80%;*/
    margin: 0 auto;
}

.filters_row,
.fprofiles_row {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.filter_col {
    /*flex-basis: calc(25% - 20px);*/
    /*flex-basis: calc(33% - 20px);*/
    margin: 10px;
    /*background-color: #eee;*/
    /*text-align: center;*/
    /*padding: 20px;*/
    font-size: 16px;
    /*flex-grow: 1;*/
}

.faculty_profile_col {
    /*flex-basis: calc(50% - 20px);*/
    flex-basis: calc(33% - 20px);
    margin: 10px;
    background-color: #eee;
    text-align: center;
    padding: 20px;
    font-size: 20px;
    flex-grow: 1;
}

.directory-search{
    text-align: center;
    margin-bottom: 25px;
}

@media (max-width: 888px) {
    .filter_col {
        flex-basis: calc(100% - 20px);
        /*display: block;*/
        text-align: left;
    }
}

@media (max-width: 575px) {
    .faculty_profile_col {
        flex-basis: calc(100% - 20px);
    }

    .filter_col {
        flex-basis: calc(100% - 20px);
        /*display: block;*/
        /*text-align: center;*/
    }

    /*.directory-search{
        text-align: center;
    }*/
}


img {
    max-width: 100%;
    height: auto;
}

.faculty_profile_about_photo img,
.faculty_photo img {
    height: 150px;
    width: auto;
}

h2.faculty_name,
h3.faculty_about_name {
    padding-top: 0;
    font-size: 24px!important;
    /*color: #024794!important;*/
    color: #00274c!important;
}

.faculty_about_positions,
.faculty_positions {
    font-size: 14px;
    color: #666666!important;
    line-height: 1.3em;
}

.faculty_about_dept_name {
    font-size: 14px;
    color: #00274c!important;
    line-height: 1.3em;
}

.faculty_about_email {
    /*padding-top: 1em;*/
    font-size: 16px;
}

.faculty_about_email a {
    /*padding-top: 1em;*/
    font-size: 16px;
    color: #140008;
}

.faculty_about_email a:hover {
    /*text-decoration: underline;*/
    color: hsl(227,89%,51%);
}

.filter_submit_btn {
    text-align: center;
}


/*Pagination*/
.faculty-profiles-pagination {
    clear: both;
    width: 100%;
    margin-top: 25px;
    /*border-top: 1px solid #e2e2e2;*/
    border-top: 1px solid #cccccc;
    position: relative;
}
.faculty-profiles-pagination ul {
    margin: 0;
    padding: 0;
    text-align: right;
}
.faculty-profiles-pagination ul li {
    display: inline-block;
    margin: 3px;
    padding: 10px;
    background: #FFF;
    color: black;
    width: auto;
}
.faculty-profiles-pagination ul li a {
    font-size: 16px;
    line-height: 16px;
    /*color: #999;*/
    /*color: #024794;*/
    color: #666;
    border: none;
    background-color: transparent;
}
.faculty-profiles-pagination ul li a:hover {
    text-decoration: underline;
    cursor: pointer;
    color: #666;
    border: none;
    background-color: transparent;
}
.faculty-profiles-pagination ul li.active:hover {
    text-decoration: underline;
    cursor: pointer;
    border: none;
    background-color: transparent;
    color: #239fdd;
    /*background: #1E8CBE;*/
    /*color: #000;*/
}
.faculty-profiles-pagination ul li.inactive {
    background: #7E7E7E;
}
.faculty-profiles-pagination ul li.selected {
    background-color: #ee6e73; color: white;
}

.faculty-profiles-pagination ul li a.current-page {
    /*color: #575294;*/
    /*color: #00274c;*/
    color: #239fdd;
}