/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/stafflist/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.block-editor-block-inspector {
  font-size: 10px;
}

.block-editor-inner-blocks {
  display: block;
  width: 100%;
}

.wp-block[data-align=center] {
  text-align: center;
}

.block-editor-block-inspector select[multiple] {
  height: auto !important;
}

.wp-block-boldblock-stafflist {
  display: flex;
}
.wp-block-boldblock-stafflist .staff-categories {
  flex: 0 0 25%;
}
.wp-block-boldblock-stafflist.no-categories h3 {
  text-align: center;
  margin: 0 auto;
}
.wp-block-boldblock-stafflist.no-categories .staff-list {
  flex: 0 0 100%;
}
.wp-block-boldblock-stafflist .staff-list {
  flex-wrap: wrap;
  flex: 1 0 75%;
  display: none;
}
.wp-block-boldblock-stafflist .staff-list.active {
  display: flex;
}
.wp-block-boldblock-stafflist .staff-categories {
  display: flex;
  flex-flow: column;
  justify-content: center;
}
.wp-block-boldblock-stafflist .staff-categories h3 {
  text-align: center;
}
.wp-block-boldblock-stafflist .staff-categories ul {
  list-style: none;
  margin: 40px 0 0 0;
  padding: 0;
}
.wp-block-boldblock-stafflist .staff-categories ul li {
  background-color: #D6D2CD;
  color: #9B9B9B;
  border-radius: 20px;
  font-weight: 900;
  text-align: center;
  padding: 5px 10px;
  margin: 0.5em 0;
}
.wp-block-boldblock-stafflist .staff-categories ul li.active {
  background-color: rgb(114, 213, 74);
  color: #ffffff;
}
.wp-block-boldblock-stafflist .staff-teaser {
  display: block;
  align-items: center;
  flex: 1 1 auto;
  text-align: left;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 3rem;
  padding-right: 3rem;
}
.wp-block-boldblock-stafflist .staff-teaser.show-info {
  cursor: pointer;
}
.wp-block-boldblock-stafflist .staff-teaser.col1 h4, .wp-block-boldblock-stafflist .staff-teaser.col2 h4, .wp-block-boldblock-stafflist .staff-teaser.col3 h4, .wp-block-boldblock-stafflist .staff-teaser.col4 h4, .wp-block-boldblock-stafflist .staff-teaser.col5 h4, .wp-block-boldblock-stafflist .staff-teaser.col6 h4, .wp-block-boldblock-stafflist .staff-teaser.pct20 h4 {
  font-size: 2em;
}
.wp-block-boldblock-stafflist .staff-teaser .staff-image {
  display: inline-block;
  height: 100px;
  width: 100px;
  border-radius: 0.5rem;
  background: no-repeat center center #eee;
  background-size: cover;
  margin-right: 0;
  margin-bottom: 1em;
  overflow: hidden;
}
.wp-block-boldblock-stafflist .staff-teaser .staff-image img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.wp-block-boldblock-stafflist .staff-teaser .staff-info {
  max-width: 100%;
}
.wp-block-boldblock-stafflist .staff-teaser .staff-info h4 {
  color: rgb(84, 151, 53);
}
.wp-block-boldblock-stafflist .staff-teaser .staff-info p.small {
  margin-top: 0.5em;
  color: #9B9B9B;
}
.wp-block-boldblock-stafflist .staff-teaser .staff-bio {
  display: none;
}

@media all and (max-width: 767px) {
  .wp-block-boldblock-stafflist .staff-teaser.col1 h4, .wp-block-boldblock-stafflist .staff-teaser.col2 h4, .wp-block-boldblock-stafflist .staff-teaser.col3 h4, .wp-block-boldblock-stafflist .staff-teaser.col4 h4, .wp-block-boldblock-stafflist .staff-teaser.col5 h4, .wp-block-boldblock-stafflist .staff-teaser.col6 h4, .wp-block-boldblock-stafflist .staff-teaser.pct20 h4 {
    font-size: 1.6em;
  }
  .wp-block-boldblock-stafflist .staff-teaser .staff-image {
    height: 80px;
    width: 80px;
  }
}

/*# sourceMappingURL=style-index.css.map*/