/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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--v1.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
/* Bootstrap */
/* Vendors */
.v1 {
  --spacer-x: var(--spacers-xxs); }
  .v1 .col-card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .v1 .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;
      width: 100%;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
    @media (hover: hover) {
      .v1 .col-card:hover .col-card__title {
        background-size: 100% 2px; } }
    .v1 .col-card__title {
      position: relative;
      text-decoration: none;
      display: inline;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#ee4444), to(#ee4444));
      background-image: linear-gradient(#ee4444, #ee4444);
      background-position: 0% 100%;
      background-repeat: no-repeat;
      background-size: 0% 2px;
      -webkit-transition: background-size .3s;
      transition: background-size .3s;
      text-transform: none;
      font-weight: 500; }
      .v1 .col-card__title:hover, .v1 .col-card__title:active {
        text-decoration: none;
        color: var(--block-text-color); }
    .v1 .col-card__header {
      position: relative;
      background-color: var(--background-lazyload); }
      .v1 .col-card__header::after {
        position: absolute;
        opacity: 0;
        -webkit-transition: 0.3s ease-in opacity;
        transition: 0.3s ease-in opacity;
        background-color: rgba(0, 0, 0, 0.2);
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        content: "";
        z-index: 5;
        overflow: hidden; }
      .v1 .col-card__header .stretch-img {
        z-index: 2; }
    .v1 .col-card__cnt {
      padding: var(--spacers-sm) 0 0;
      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-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
    .v1 .col-card__footer {
      line-height: 1;
      padding-top: var(--spacer-x); }
    .v1 .col-card__button {
      z-index: 10; }