/*

// 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 */
.countdown-banner {
  position: relative;
  padding-top: 3.5625rem;
  padding-bottom: 4.125rem;
  border: 0.0625rem;
  background-color: #f3cad7;
  border-style: solid;
  border-color: transparent;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }
  .countdown-banner .countdown-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center; }
  .countdown-banner .item-wrapper {
    padding: 0.25rem;
    width: 100%;
    max-width: 12.25rem;
    position: relative; }
    @media (min-width: 768px) {
      .countdown-banner .item-wrapper {
        padding: 0.9375rem; } }
  .countdown-banner .countdown-item {
    position: relative;
    background-color: #fff;
    box-shadow: -2px 29px 95px -22px #f87da9;
    border-radius: 0.75rem;
    transition: 0.5s;
    color: #91929d;
    margin: auto;
    overflow: hidden; }
    .countdown-banner .countdown-item::before {
      content: "";
      padding-top: 100%;
      float: left; }
    .countdown-banner .countdown-item.move-block {
      transform: translateY(20px); }
  .countdown-banner .countdown-number {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.875rem;
    text-align: center;
    transition: 0.5s;
    display: block; }
    @media (min-width: 768px) {
      .countdown-banner .countdown-number {
        font-size: 4.375rem; } }
    .countdown-banner .countdown-number.next {
      top: 0;
      transform: translate(-50%, -100%); }
    .countdown-banner .countdown-number.last {
      top: 100%;
      transform: translate(-50%, 0); }
  .countdown-banner .countdown-info {
    display: block;
    margin-top: 0.9375rem;
    text-align: center;
    color: #91929d;
    font-size: 0.75rem; }
    @media (min-width: 768px) {
      .countdown-banner .countdown-info {
        margin-top: 1.5625rem;
        font-size: 1rem; } }

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