/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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--v5.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
/* Bootstrap */
/* Vendors */
.v5 {
  --card-spacer-y: var(--spacers-xs);
  --card-spacer-x: var(--spacers-xs); }
  @media (min-width: 992px) {
    .v5 {
      --card-spacer-y: var(--spacers-sm);
      --card-spacer-x: var(--spacers-sm); } }
  .v5 .col-card {
    position: relative; }
    .v5 .col-card:hover .col-card__title {
      color: #E11F26; }
    .v5 .col-card__name {
      width: calc(33.33% + rem(50) + var(--spacers-xxxs));
      -webkit-box-flex: 0;
          -ms-flex: 0 0 calc(33.33% + 50px + var(--spacers-xxxs));
              flex: 0 0 calc(33.33% + 50px + var(--spacers-xxxs)); }
    .v5 .col-card__item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: relative;
      width: 100%;
      overflow: hidden;
      border-bottom: 1px solid var(--block-border-color);
      padding-top: var(--spacers-xxs);
      padding-bottom: var(--spacers-xxs);
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    @media (min-width: 768px) {
      .v5 .col-card__cnt {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 33.33%; } }
    .v5 .col-card__number {
      -webkit-box-flex: 1;
          -ms-flex: 1 0 0%;
              flex: 1 0 0%;
      font-size: var(--text-sm);
      line-height: var(--text-sm-line-height); }
    .v5 .col-card__header {
      position: relative;
      width: 3.4375rem;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 3.4375rem;
              flex: 0 0 3.4375rem;
      margin-right: var(--spacers-xxxs); }
      @media (min-width: 768px) {
        .v5 .col-card__header {
          width: 3.125rem;
          -webkit-box-flex: 0;
              -ms-flex: 0 0 3.125rem;
                  flex: 0 0 3.125rem; } }
      .v5 .col-card__header .stretch-img {
        z-index: 2; }
      .v5 .col-card__header .block-tag {
        position: absolute;
        top: var(--spacers-xxxs);
        left: var(--spacers-xxxs);
        z-index: 10;
        height: auto;
        width: auto; }
    .v5 .col-card__title {
      font-weight: 600; }
    .v5 .col-card__button {
      z-index: 10;
      margin-left: auto; }

