/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/fast-css-loader/lib/index.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./sources/css/components/col-cards--v4.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
/* Bootstrap */
/* Vendors */
.v4 {
  --spacer-x: var(--spacers-xs); }
  .v4 .col-card {
    position: relative; }
    @media (hover: hover) {
      .v4 .col-card:hover img {
        -webkit-filter: none;
                filter: none; } }
    .v4 .col-card__item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: relative;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      height: 100%;
      width: 100%; }
    .v4 .col-card__header {
      position: relative;
      border-radius: 0.3125rem;
      overflow: hidden;
      margin-bottom: var(--spacers-xxxs); }
      .v4 .col-card__header img {
        -webkit-filter: grayscale(100%);
                filter: grayscale(100%); }
      .v4 .col-card__header .block-tag {
        position: absolute;
        top: var(--spacers-xxxs);
        left: var(--spacers-xxxs);
        z-index: 10;
        height: auto;
        width: auto; }
    .v4 .col-card__name, .v4 .col-card__position {
      padding-top: var(--spacers-xxxs);
      padding-bottom: var(--spacers-xxxs); }
    .v4 .col-card__position, .v4 .col-card__button {
      border-top: 1px solid;
      font-size: var(--text-md);
      line-height: var(--text-md-line-height); }
    .v4 .col-card__button {
      padding-top: var(--spacers-xxxs); }