/* =memberList Items
---------------------------------------------------------------------
*/

.content .memberList {
    padding: 15px 0;
    border-top-width: 2px;
    border-top-style: solid;
    margin-bottom: 45px;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
}

.content .memberList .mL-member {
    width: 30%;
    margin: 0 1.66666666666667% 2em 1.66666666666667%;
    text-align: center;
}

.content .member-item {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    line-height: normal;
    margin-bottom: 7px;
}

.content .member-item:last-child {
    margin: 0;
}

.content .mL-member h4 {
    margin: 2px 0 9px;
}

.content .mL-member h4 a {
    text-decoration: none;
    margin: 0;
}

.content .mL-member .mL-photo-frame {
    width: 70%;
    margin: 0 auto;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.content .mL-member .mL-photo {
    width: 100%;
    overflow: hidden;
    padding: 1.5%;
}

.content .mL-member .mL-photo img {
    width: 100%;
    display: block;
}

.content .mL-member span {
    display: block;
}

.content .mL-member .mL-position {
    font-weight: 700;
}

.content .mL-member .mL-social {
    text-align: center;
    margin-top: .75em;
}

.content .mL-member .mL-social a {
    position: relative;
    display: inline-block;
    margin: 0 .25em;
    font-size: 18px;
    line-height: 20px;
}

.content .mL-member .mL-social a.iconstaff-envelop-opened {
    position: relative;
    top: -1px;
}



/* icons */

.content .mL-member .mL-social span a {
    display: block;
    overflow: hidden;
}

.content .mL-member .mL-sep {
    top: -1px;
    padding: 0 7px;
}

.content .memberList p.results {
    margin: 20px 0;
}

.content .memberList p.results span {
    font-weight: 700;
}

.ui-selectmenu-menu .ui-menu {
    padding-bottom: 0px;
}

.ui-selectmenu-button {
    border-right: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 2px 0 1px -1px rgba(255, 255, 255, 0.15);
}


/* =Filters
---------------------------------------------------------------------
*/

.filters {
    margin-top: 10px;
    margin-bottom: 40px;
    overflow: hidden;
    padding: 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    position: relative;
    z-index: 1000;
    text-align: left;
}

.filters h6 {
    float: left;
    margin-right: 20px;
    margin-bottom: 0;
    padding-top: 6px;
    color: #999;
    font-size: 1.6em;
    font-weight: 400;
}

.filters #group-search {
    float: right;
}



/* Search */

form#group-search {
    border: 0;
    width: 200px;
}

form#group-search fieldset {
    border: 0;
    padding: 0px;
    overflow: hidden;
    position: relative;
    text-align: left;
}

form#group-search fieldset:after {
    content: "\e86f";
    font-family: 'Linearicons-Free' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 10px;
    top: 8px;
    font-size: 18px;
}

form#group-search #group-search-term {
    float: none;
    padding: 0 2.5%;
    border: 0;
    font-size: 16px;
    line-height: 35px;
    height: 35px;
    outline: none;
    outline: none !important;
    background-color: transparent;
    border-radius: 0;
    padding-right: 35px;
    padding-left: 10px;
    box-sizing: border-box;
    width: 100%;
    font-weight: 300;
}

form#group-search #group-search-term::-webkit-input-placeholder {
    opacity: 1 !important;
}

form#group-search #group-search-term:-moz-placeholder {
    opacity: 1 !important;
}

form#group-search #group-search-term::-moz-placeholder {
    opacity: 1 !important;
}

form#group-search #group-search-term:-ms-input-placeholder {
    opacity: 1 !important;
}

form#group-search #group-search-term:focus::-webkit-input-placeholder {
    color: transparent;
}

form#group-search #group-search-term:focus:-moz-placeholder {
    color: transparent;
}

form#group-search #group-search-term:focus::-moz-placeholder {
    color: transparent;
}

form#group-search #group-search-term:focus:-ms-input-placeholder {
    color: transparent;
}

form#group-search #group-search-submit {
    float: right;
    width: 17px;
    height: 21px;
    border: 0;
    display: block;
    text-indent: -9999px;
    position: absolute;
    right: 10px;
    top: 6px;
    z-index: 9999999;
    background-color: transparent;
    cursor: pointer;
}



/* =Member detail
---------------------------------------------------------------------
*/

.content #memberDetail {
    position: relative;
    width: 100%;
    margin: 10px auto;
}

.content #memberDetail .mD-top {
    margin-bottom: 35px;
}

.content #memberDetail .mL-member {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    float: none;
    display: block;
}

.content #memberDetail .member-item {
    display: block;
    vertical-align: baseline;
    line-height: normal;
    margin-bottom: 7px;
}

.content #memberDetail .mD-image {
    float: left;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.content #memberDetail .mD-image img {
    display: block;
    height: auto;
}

.content #memberDetail .mD-info {
    float: left;
    margin-left: 30px;
    text-align: left;
}

.content #memberDetail .mL-social {
    margin: 0;
    text-align: left;
}

#memberDetail .mL-social a:first-of-type {
    margin-left: 0;
}

#staff_2 .back-btn {
    float: right;
    margin: 0px;
}

#staff_2 .back-btn .icon {
    vertical-align: text-bottom;
}




/* =Custom styles
---------------------------------------------------------------------
*/

.content h1 {
    margin-bottom: 20px;
}

.content #memberDetail {
    width: 90.6%;
}




/*
 * Responsive Styles
 */

@media only screen and (max-width: 50em) {


    .filters #group-search {
        float: none;
        width: 200px;
        margin-bottom: 1em;
        margin-left: auto;
        margin-right: auto;
    }

    form#group-search fieldset {
        width: 100%;
    }

    form#group-search #group-search-term {
        width: 80%;
    }

    form#group-search #group-search-submit {
        width: 20%;
    }

    .content select.sorter {
        float: none;
    }


    .content .memberList .mL-member {
        width: 45%;
        margin: 0 2.5% 2em 2.5%;
    }

    .content #memberDetail #mD-back {
        position: static;
        float: right;
    }

    .content #memberDetail .mD-image {
        clear: both;
        float: none;
        margin: 10px 0;
        position: relative;
        top: 10px;
    }

    .content #memberDetail .mD-image img {
        width: 100%;
    }

    .content #memberDetail .mD-info {
        clear: both;
        margin: 0;
        float: none;
    }

    .content #memberDetail h3 {
        margin-top: 10%;
    }

    .filters .ui-selectmenu-button {
        margin-bottom: 0px;
        margin-left: 50%;
        transform: translateX(-50%);
        border-left: 1px solid rgba(0, 0, 0, 0.15);
        box-shadow: 2px 1px 1px -1px rgba(255, 255, 255, 0);
    }
}




/*******************************
 * SVG ICONS
    - may need to change url for location...or better yet update to match the site
 *********************************************************************************/

@font-face {
    font-family: 'staff-Icons';
    src: url('/_assets/img/layouts/staff_2/staff-Icons.ttf?a0v504') format('truetype'),
    url('/_assets/img/layouts/staff_2/staff-Icons.woff?a0v504') format('woff'),
    url('/_assets/img/layouts/staff_2/staff-Icons.svg?a0v504#staff-Icons') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="iconstaff-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'staff-Icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.iconstaff-instagram:before {
    content: "\e910";
}

.iconstaff-images:before {
    content: "\e900";
}

.iconstaff-podcast:before {
    content: "\e901";
}

.iconstaff-envelop-opened:before {
    content: "\e902";
}

.iconstaff-mobile:before {
    content: "\e903";
}

.iconstaff-search:before {
    content: "\e904";
}

.iconstaff-arrow-up:before {
    content: "\e905";
}

.iconstaff-arrow-down:before {
    content: "\e906";
}

.iconstaff-share:before {
    content: "\e907";
}

.iconstaff-facebook:before {
    content: "\e908";
}

.iconstaff-twitter:before {
    content: "\e909";
}

.iconstaff-x:before {
    content: "\1d54f";
}

.iconstaff-feed:before {
    content: "\e90a";
}

.iconstaff-youtube:before {
    content: "\e90b";
}

.iconstaff-vimeo:before {
    content: "\e90c";
}

.iconstaff-flickr:before {
    content: "\e90d";
}

.iconstaff-linkedin:before {
    content: "\e90e";
}

.iconstaff-pinterest:before {
    content: "\e90f";
}

#staff_2 .ui-selectmenu-menu .ui-menu {
    max-width: none;
}