/*

// 1.1 Desktop
@include media-breakpoint-up(ls) {
    // desktop styles | 1024px and up
}

// 1.2 Mobile
@include media-breakpoint-down(md) {
    // mobile styles | 1023.98px and down
}

//
// 2. Wide mobile view (used in Global Header)
//

// 2.1 Desktop
@include media-breakpoint-up(lg) {
    // desktop styles | 1200px and up
}

// 2.2 Mobile
@include media-breakpoint-down(ls) {
    // mobile styles | 1200px and down
}

*/
/*
 * Set up a screen-wide ::before element behind its parent, to apply a colored background on a block.
 *
 * Usage :
 * .block {
 *    @include full-screen-background;
 *
 *    position: relative;
 * }
 */
/*
Usage

.block {
    @include arrow(right,red,5px,auto,auto,0,0,auto,-5px);

    width: 50px;
    height: 50px;
    position: relative;
}
*/
/*
Usage
    @include ratio-holder(364/300)
    Height/Width
*/
/* Mixin to cut off the rest of one-line text with dots */
/* stylelint-disable */
.card-image-title {
  margin-bottom: 1.5rem;
  background: #fff; }
  @media (min-width: 768px) {
    .card-image-title {
      margin-bottom: 0; } }
  .card-image-title__image-container {
    overflow: hidden; }
  .card-image-title__image {
    min-width: 100%;
    min-height: 100%;
    object-fit: cover; }
  .card-image-title__text-container {
    padding: 1rem; }
  .card-image-title__title {
    font-family: "Optimale", var(--font-family-sans-serif);
    font-size: 1.25rem;
    line-height: 1.25; }
    @media (min-width: 768px) {
      .card-image-title__title {
        font-size: 1.375rem; } }
    .card-image-title__title--small {
      margin-bottom: 8px;
      line-height: 1; }
  .card-image-title--hover:hover .card-image-title__image {
    transform: scale(1.05); }
  .card-image-title--hover .card-image-title__image {
    transition: transform 0.3s ease; }

[data-parent-pdcmp="gridMobile3r1cDesktop1r3c"],
[data-parent-pdcmp="gridMobile2r1cDesktop1r2c"] {
  height: 100%; }
  @media (min-width: 768px) {
    [data-parent-pdcmp="gridMobile3r1cDesktop1r3c"] > .card-image-title,
    [data-parent-pdcmp="gridMobile2r1cDesktop1r2c"] > .card-image-title {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: column;
          flex-flow: column;
      -ms-flex-pack: justify;
          justify-content: space-between;
      height: 100%; } }

/*# sourceMappingURL=cardImageTitle.css.map*/