/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@symfony/webpack-encore/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[1]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[4].oneOf[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[3]!./vendor/communice-web/communice-base/Resources/Private/Assets/StyleSheets/communice/content-elements/personlist.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.content-personlist--persons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.content-personlist--person {
  width: 100%;
  margin-bottom: 4rem;
  display: flex;
}
.content-personlist--person .cImage--overlay {
  align-items: flex-start;
}
@media (min-width: 992px) {
  .content-personlist--person {
    width: calc(50% - 2rem);
  }
}

body.rounded-corners .content-personlist--persons .pubserv-person,
body.rounded-corners .content-personlist--persons .pubserv-person-image,
body.rounded-corners .content-personlist--persons .pubserv-person--placeholder {
  border-radius: calc(var(--rounded-corners--border-radius--base) * 0.75);
}