@media screen {
  .m-event {
    background-color: white;
    -webkit-box-shadow: 0 5px 14px 0 rgba(7, 48, 76, 0.2);
            box-shadow: 0 5px 14px 0 rgba(7, 48, 76, 0.2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    width: 100%;
    /*&__date {
        height: 150px;
        left: 0;
        padding: spacing("light") spacing("medium") spacing("light") spacing("normal");
        position: absolute;
        top: 0;
        width: 190px;

        &-bg {
            height: 100%;
            left: -1px;
            position: absolute;
            top: 0;
            width: 100%;

            &-color1 {
                stop-color: color("primary-light");
            }

            &-color2 {
                stop-color: color("primary");
            }

            &--aqua {
                .m-event__date-bg-color1 {
                    stop-color: color("aqua-light");
                }

                .m-event__date-bg-color2 {
                    stop-color: color("aqua");
                }
            }

            &--blue {
                .m-event__date-bg-color1 {
                    stop-color: color("blue-light");
                }

                .m-event__date-bg-color2 {
                    stop-color: color("blue");
                }
            }

            &--darkblue {
                .m-event__date-bg-color1 {
                    stop-color: color("darkblue-light");
                }

                .m-event__date-bg-color2 {
                    stop-color: color("darkblue");
                }
            }

            &--green {
                .m-event__date-bg-color1 {
                    stop-color: color("green-light");
                }

                .m-event__date-bg-color2 {
                    stop-color: color("green");
                }
            }

            &--dark {
                .m-event__date-bg-color1 {
                    stop-color: color("dark-light");
                }

                .m-event__date-bg-color2 {
                    stop-color: color("dark");
                }
            }
        }

        &-label {
            color: white;
            font-size: 20px;
            font-weight: 700;
            line-height: 1.1;
            position: relative;
        }
    }*/
  }
  .m-event__image {
    height: 300px;
    overflow: hidden;
    position: relative;
    width: 100%;
  }
  .m-event__image img {
    left: 50%;
    max-width: none;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .m-event__content {
    padding: 24px 32px;
  }
  .m-event__title {
    font-size: 20px;
    margin: 0 0 8px;
  }
  .m-event__tags {
    margin-bottom: 24px;
  }
  .m-event__actions {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .m-event__cta {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .m-event__link {
    font-size: 16px;
    font-weight: 600;
    height: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    text-decoration: none;
  }
  .m-event__date {
    display: block;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 6px;
  }
}

@media screen and (min-width: 568px) {
  .m-event__actions {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
  }
  .m-event__cta {
    margin-bottom: 15px;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

@media screen and (min-width: 768px) {
  .m-event__actions {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
  }
  .m-event__cta {
    margin-bottom: 0;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

@media screen and (min-width: 992px) {
  .m-event__actions {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
  }
  .m-event__cta {
    margin-bottom: 15px;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

@media screen and (min-width: 1200px) {
  .m-event__actions {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
  }
  .m-event__cta {
    margin-bottom: 0;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

/*# sourceMappingURL=m-event.css.map*/