/*

// 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 */
.advent-calendar {
  position: relative;
  cursor: pointer;
  margin-bottom: 1.5625rem; }
  @media (min-width: 768px) {
    .advent-calendar {
      margin-bottom: 0; } }
  .advent-calendar-figure {
    position: relative; }
  .advent-calendar-image {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .advent-calendar-heading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.125rem;
    text-align: center;
    color: #fff; }
    @media (min-width: 768px) {
      .advent-calendar-heading {
        font-size: 1.5625rem; } }
    .advent-calendar-heading p {
      margin: 0; }
  .advent-calendar-text {
    font-size: 1rem; }
    @media (min-width: 768px) {
      .advent-calendar-text {
        font-size: 1.125rem; } }
    .advent-calendar-text p {
      margin: 0; }
  .advent-calendar .modal {
    padding-right: 0; }
    .advent-calendar .modal .modal-dialog {
      max-width: 90vw;
      overflow: hidden; }
      @media (min-width: 768px) {
        .advent-calendar .modal .modal-dialog {
          max-width: 60vw; } }
    .advent-calendar .modal .modal-body {
      -ms-flex-direction: column;
          flex-direction: column; }

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