/*--------------------------------------------------------------------

88888888888 8888888888        d8888 888b     d888     888b     d888 8888888888 888b     d888 888888b.   8888888888 8888888b.   .d8888b.  
    888     888              d88888 8888b   d8888     8888b   d8888 888        8888b   d8888 888  "88b  888        888   Y88b d88P  Y88b 
    888     888             d88P888 88888b.d88888     88888b.d88888 888        88888b.d88888 888  .88P  888        888    888 Y88b.      
    888     8888888        d88P 888 888Y88888P888     888Y88888P888 8888888    888Y88888P888 8888888K.  8888888    888   d88P  "Y888b.   
    888     888           d88P  888 888 Y888P 888     888 Y888P 888 888        888 Y888P 888 888  "Y88b 888        8888888P"      "Y88b. 
    888     888          d88P   888 888  Y8P  888     888  Y8P  888 888        888  Y8P  888 888    888 888        888 T88b         "888 
    888     888         d8888888888 888   "   888     888   "   888 888        888   "   888 888   d88P 888        888  T88b  Y88b  d88P 
    888     8888888888 d88P     888 888       888     888       888 8888888888 888       888 8888888P"  8888888888 888   T88b  "Y8888P"  

--------------------------------------------------------------------*/

.page-template-temp-team-members .top-content .col1of2:first-of-type, .search .top-content .col1of2:first-of-type {
    padding-right: 40px;
}

.team-members {
    width: calc(100% + 20px);
    margin-left: -10px;
}

.team-members .team-member h5 {
    margin-top: 10px;    
}

.team-members .team-member h5 a {
    color: #333333;
    /* font-weight: 300; */
    font-weight: bold;
}

/*
.team-members .team-member img {
    filter: url(#greyscale);
  -webkit-filter: grayscale(1);
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
    transition: all 200ms linear;
}

.team-members .team-member a:hover img {
    filter: url();
  -webkit-filter: grayscale(0);
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  filter: none;
}
*/
.team-members .team-member .imgContainer {
    display: inline-block;
    position: relative;
}
.team-members .team-member .bwPhoto {
    -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
    backface-visibility: hidden;
    width: 100%;
}
.team-members .team-member .cPhoto {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: opacity 200ms linear;
    -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
    backface-visibility: hidden;
    width: 100%;
}

.team-members .team-member a:hover .cPhoto {
    opacity: 1;
}

.team-members .team-member p {
    /* font-weight: bold; */
    font-weight: 300;
    line-height: 21px;
    margin-top: 0;
}

.page-template-temp-industry .team-member p {
    margin-top: 0;
    word-break: break-word;
}

.team-members .col1of4 {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}

.professionals-filtering input,
.professionals-filtering select {
    font-size: 16px;
    box-sizing: border-box;
    height: 32px;
    margin-top: 0px;
    vertical-align: top;
}

.professionals-filtering select {
    max-width: 180px;
    width: 180px;
    min-width: 180px;
    margin-right: 8px;
    height: 32px;
    line-height: 16px;
    box-sizing: border-box;
    margin-bottom: 15px;
}
.professionals-filtering select.department-selection {
    max-width: 198px;
    width: 198px;
    min-width: 198px;
}

.professionals-filtering #searchform, .professionals-filtering .searchForm  {
    display: inline-block;
/*     background: url('/wp-content/themes/Monroe-theme/img/magnifying-glass.png'); */
/*     background-repeat: no-repeat; */
/*     background-position: calc(100% -10px) 50%; */
}
.professionals-filtering .searchContainer {
    display: inline-block;
}
.professionals-filtering .searchForm .clearSearch {
    display: none;
    margin-left: -30px;
    margin-top: 1px;
}
.professionals-filtering .searchForm.searched .clearSearch {
    display: inline-block;
}

.professionals-filtering input[type="submit"], .professionals-filtering .searchSubmit {
    background: url('/wp-content/themes/Monroe-theme/img/magnifying-glass.png'), linear-gradient(to right, #0a81c5, #0a81c5);
    background-repeat: no-repeat;
    background-position: calc(100% - 8px) 50%, 100% 100%;
    background-size: 14px 14px, 100% 100%;
    margin-top: 10px;
    vertical-align: middle;
    margin-top: -2px;
    padding: 6px 15px;
    position: relative;
    left: -41px;
}
.professionals-filtering .searchSubmit {
    display: inline-block;
    height: 30px;
    left: -35px;
    top: 3px;
    vertical-align: top;
}

/* additional search things */
.team-member.notVisible {
    display: none !important;
}

@media screen and (max-width: 799px) {
    .page-template-temp-team-members .top-content .col1of2:first-of-type, .search .top-content .col1of2:first-of-type {
        padding-right: 0px;
        padding-bottom: 30px;
    }
    .professionals-filtering #teamSearch,
    .professionals-filtering select.department-selection,
    .professionals-filtering select {
        max-width: 217px;
        width: 217px;
        min-width: 217px;
    }
}

/****************
ABOUT PAGE TEAM SECTION
****************/


@media screen and (max-width: 599px) {
    .team-member a.imgContainer {
        width: 100px;
        float: left;
        margin-right: 15px;
    }
    .team-members .col1of4 {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .team-member {
        text-align: left !important;
    }
    .about-team-section .team-members {
        padding-top: 0;
        padding-left: 10px;
    }
    .about-team-section .team-members .team-member {
        text-align: left;
        padding-top: 10px;
        padding-left: 0;
        padding-bottom: 10px;
    }
    .about-team-section .team-members .team-member h5 {
        margin-top: 5px;
    }
    
}

/* Single Team Member */

.single-team_member .space-paragraph p {
    margin-top: 0;
}
.single-team_member .space-paragraph ul {
    margin-top: 0;
}
.single-team_member .sidebar img {
    margin-bottom: 5px;
}

/* Single Team Member Full Bio */

.expandable-bio {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #b8b8b8;
    margin-top: 20px;
}

.expandable-bio:last-of-type {
    border-bottom: 1px solid #b8b8b8; 
}

.expandable-area {
    display: none;
    padding-left: 24px;
}

.expandable-area p {
    margin-bottom: 16px;
}

.expandable-title h5 {
    padding-left: 24px;
    position: relative;
}

.expandable-title h5:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    top: 0;
    background-image: url(../img/plus.svg);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: 0% 0%;
    transition: transform .2s linear;
}

.expandable-title.open h5:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

@media screen and (max-width: 980px) {
    .page-template-temp-industry .col1of3.team-member {
        width: calc(33.33% - 0px);
        padding: 10px !important;
    }
}

@media screen and (max-width: 899px) {
    .page-template-temp-industry .col1of3.team-member {
        width: calc(50% - 0px);
        padding: 10px !important;
    }
}

@media screen and (max-width: 599px) {
    .page-template-temp-industry .col1of3.team-member {
        width: 100%;
        padding: 0 !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
}