/* 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; margin-top: 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; 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;}
.single-staff .featured-image, .single-staff .nav-links, .single-staff .author-profile { display: none; }

/* ## Staff Boxes
--------------------------------------------- */
.staff-box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 30px); margin: auto; max-width: 1400px; }
.staff-box .wp-block-group {width: 33.333%; padding: 15px;}
.staff-box .wp-block-group__inner-container { 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: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center;  -ms-flex-align: center; align-items: center; padding: 30px; height: 100%; background-color: var(--bg-color-2); -webkit-box-shadow: 0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22);  box-shadow: 0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22); transition:transform 0.3s; text-align: center;}
.staff-box .wp-block-group__inner-container:hover {transform:scale(1.05);}
/*
.staff-box .wp-block-group__inner-container h2, .staff-box .wp-block-group__inner-container h3, .staff-box .wp-block-group__inner-container p {color:var(--text-color-3);}
*/


/* Author Bio Box on Pages and Posts
--------------------------------------------- */
.author-bio-box {display: flex; width: 100%; border-top: 1px solid #D8DADC; padding-top: 25px; flex-flow: row wrap; align-items: flex-start; margin-bottom:40px; }
.author-bio-box .author-icon-gravitar {width: 100%; max-width: 100px; margin-right:20px;}
.author-bio-box .author-meta {width:auto;}
.author-bio-box .auth-box-item { }
.author-bio-image, .placeholder-image-box { border: 1px solid #000; margin-bottom: 10px;  }
.author-bio-image img { display: block; }
.display-author, .medical-reviewer { height: 100px; margin-bottom: 10px; line-height: 1.2; }

/* 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%;}
}