/* CSS Document */

/* Staff Archive Page
--------------------------------------------- */

.staff-listings { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between;  margin: auto; width: 100%; max-width: 1400px;  }
.staff-bio-box { padding: 40px; color: #fff; display: flex; flex-direction: column; width: 32%; margin-bottom: 30px; background-color: #27323f; box-shadow: 0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22); transition: transform 0.3s; justify-content: center; align-items: center; text-align: center;  }
.staff-bio-box:hover {transform: scale(1.05);}
.staff-bio-box .staff-name {margin-bottom: 20px;}
.staff-bio-box .staff-title {margin-bottom: 20px; font-style: italic;}

/* Staff Single Page
--------------------------------------------- */
.staff-single-wrap {display:flex; flex-wrap: wrap; margin-bottom: 30px; align-items: flex-start;}
.staff-single-wrap .staff-single-image {width: 31%; max-width: 300px; margin-right: 3%; margin-bottom: 20px; border: 2px solid #7fb539; text-align:center;}
.staff-single-wrap .staff-bio-wrap {width: 66%}
.staff-single-wrap .staff-bio-wrap .entry-title {text-shadow: none; margin-bottom: 5px;}
.staff-single-wrap .staff-bio-wrap .staff-title {font-family: 'Lato', sans-serif; font-size: 16px; border-bottom: 1px solid #7fb539; width: max-content; padding-bottom: 15px; text-transform: uppercase;}
.staff-single-wrap .staff-bio-wrap .staff-bio-section {margin-bottom: 20px;}
.staff-single-wrap .staff-bio-wrap .staff-bio-section ul {margin-left: 15px;}
.staff-single-wrap .staff-bio-wrap .staff-bio-section ul li::marker {color: #7fb539;}
.staff-single-wrap .staff-bio-wrap .staff-bio-section ul li {list-style-type: square; margin-bottom: 10px;}
.staff-single-wrap .staff-article_list {width: 100%; background-color: #EFF6F7; padding: 20px 20px; margin-bottom: 30px;}
.staff-single-wrap .staff-article_list h4 {font-size: 24px; border-bottom: 1px solid #333333; padding-bottom: 20px; margin-bottom: 20px; max-width: 163px;}
.staff-single-wrap .staff-article_list .article-listing li {margin-bottom: 10px;}
.staff-single-wrap .other-staff-list {width: 100%;}
.staff-single-wrap .other-staff-list h4 {font-size: 24px; border-bottom: 1px solid #333333; padding-bottom: 20px; margin-bottom: 20px; max-width: 163px;}
.staff-single-wrap .other-staff-list .staff-listing {column-count: 2;}
.staff-single-wrap .other-staff-list .staff-listing li {margin-bottom: 10px;}

/* Media Queries
--------------------------------------------- */

@media only screen and (max-width: 1470px) {
    .staff-listings {padding-right: 30px; padding-left: 30px;}
}

@media only screen and (max-width: 1080px) {
    .staff-bio-box  {padding: 30px 10px;}
}
@media only screen and (max-width: 960px) {
    .staff-bio-box  {width: 48%;}
}

@media only screen and (max-width: 500px) {
    .staff-bio-box  {width: 100%;}
    .staff-single-wrap .staff-single-image {width: 100%; margin:auto auto 15px;}
    .staff-single-wrap .staff-bio-wrap {width: 100%;}
}