/*Global styles for all templates*/

.bsu-team-list {
    margin-top: 3em;
}

.bsu-team-list li {
    list-style:none;
}

.bsu-team-list ul li:before {
    display: none;
}

.bsu-team-list .teams, .bsu-team-list .people {
    margin:0;
    padding: 0;
}

.bsu-team-list.grid .people, .bsu-team-list.interactive .people {
    font-size: 0; /* prevents spacing due to font-size on inline-block elements */
}

.bsu-team-list .hover-thumbnail {
    width:24%;
    margin-right: 1%;
    margin-bottom: 1%;
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.bsu-team-list .hover-thumbnail a {
    display: block;
    overflow: hidden;
    border:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}

.bsu-team-list .hover-thumbnail img {
    display: block;
    width:100%;
    height:auto;
}

.bsu-team-list .hover-thumbnail:hover .overlay {
    opacity:1;
}

.bsu-team-list .hover-thumbnail .overlay {
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding:10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    opacity:0;
    color:white;
    background:rgba(186,12,47,0.75);
    -webkit-transition:opacity .3s;
    -o-transition:opacity .3s;
    transition:opacity .3s;
}

.bsu-team-list .hover-thumbnail .overlay * {
    width:100%; /*ensures that each item is full width so flex-wrap kicks in*/
}

.bsu-team-list .hover-thumbnail .overlay h3 {
    margin:0 0 .25em;
    padding: 0;
    font-size: 16pt;
}

.bsu-team-list .hover-thumbnail .overlay h4 {
    margin:0;
    padding: 0;
    font-size: 10pt;
}

@media screen and (max-width:600px){
    .bsu-team-list .hover-thumbnail {
        /* required to override the <style> tag set injected into the head per the plugin settings page; */
        /* !important conveys intent better than making this selector more specific */
        width:49% !important;
    }
}





/*List Layout*/
.bsu-team-list.list .teams > li {
    margin-bottom: 3em;
}

.bsu-team-list.list .people > li {
    margin-bottom: 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.bsu-team-list.list .people > li > img {
    max-width: 30%;
    height: auto;
    margin-right: 20px;
    flex:0 0 30%;
}

.bsu-team-list.list .bio {
    padding-top: 4%;
}

.bsu-team-list.list .bio > h3 {
    margin:0 0 .15em;
    line-height:1.3;
}

.bsu-team-list.list .bio > h4 {
    margin:0;
    font-style:italic;
    line-height: 1;
}

.bsu-team-list.list .post-content {
    margin-bottom:0;
}

.bsu-team-list.list button {
    margin:1.5em 0 2em;
}

@media screen and (max-width:450px){
    .bsu-team-list.list .people > li {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .bsu-team-list.list .people > li > img {
        width:100%;
        margin-right: 0;
    }
}







/*Grid Layout*/
.bsu-team-list.grid .teams > li {
    margin-bottom: 3em;
}

.bsu-team-list.grid h2 {
    margin-bottom: .5em;
}






/*Interactive Layout*/
.bsu-team-list.interactive header {
    margin-bottom: .5em;
}
.bsu-team-list.interactive header menu {
    padding: 0;
    margin:0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.bsu-team-list.interactive header menu li {
    margin-right: 1ch;
    margin-bottom: 1ch;
}

.bsu-team-list.interactive header menu label {
    font-style: italic;
    vertical-align: middle;
}

.bsu-team-list.interactive header menu li:last-child {
    margin-left: auto;
}

.bsu-team-list.interactive header button {
    font-size: 10pt;
}

.bsu-team-list.interactive header button.active {
    background:#ba0c2f;
}

@media screen and (max-width:1000px) {
    .bsu-team-list.interactive header menu li:last-child {
        margin-left: 0;
    }
}

@media screen and (max-width:600px){
    .bsu-team-list.interactive header menu {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
    }

    .bsu-team-list.interactive header menu li {
        width:100%;
        margin-bottom: 1px;
    }

    .bsu-team-list.interactive header menu button {
        margin:0;
        width:100%;
    }

    .bsu-team-list.interactive header menu li:last-child {
        margin-left: 0;
    }
}