/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/components/Application/Application.scss ***!
  \************************************************************************************************************************************************************************************************************/
.ex-application__mock {
    opacity: .05;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 0
}

.ex-application__mock:hover {
    opacity: 1
}

/*!************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/components/Image/Image.scss ***!
  \************************************************************************************************************************************************************************************************/
/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/components/EventSearchResultItem/EventSearchResultItem.scss ***!
  \********************************************************************************************************************************************************************************************************************************/
.ex-event-search-result-item {
    margin-bottom: 140px;
    position: relative
}

.ex-event-search-result-item::after {
    background: #fff;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.ex-event-search-result-item p::after {
    display: none
}

.ex-event-search-result-item__button-container {
    margin-bottom: 30px
}

.ex-event-search-result-item__content {
    padding: 60px 25px 25px
}

.ex-event-search-result-item__copy-standalone {
    display: none
}

.ex-event-search-result-item__date-container-desktop {
    display: none
}

.ex-event-search-result-item__date-days-container {
    text-align: left;
    white-space: nowrap
}

.ex-event-search-result-item__date-container-desktop span,
.ex-event-search-result-item__date-container-mobile span {
    font-family: Roboto-Bold;
    margin-right: 5px
}

.ex-event-search-result-item__favourite {
    bottom: 10px;
    position: absolute;
    right: 0
}

.ex-event-search-result-item__favourite-count {
    display: inline;
    font-size: 14px;
    left: -60px;
    position: relative
}

.ex-event-search-result-item__favourite-icon {
    font-size: 30px
}

.ex-event-search-result-item__headline {
    display: block
}

.ex-event-search-result-item__image {
    float: right;
    height: 0;
    position: relative;
    right: -35px;
    top: -170px;
    width: 277px
}

.ex-event-search-result-item__location-container span {
    font-size: 12px
}

.ex-event-search-result-item__location-container span::after {
    content: "|";
    margin-left: 8px;
    margin-right: 5px
}

.ex-event-search-result-item__location-container span:last-child::after {
    display: none
}

.ex-event-search-result-item__calendar-icon,
.ex-event-search-result-item__similar-icon {
    font-size: 25px;
    margin-right: 10px
}

.ex-event-search-result-item__calendar-text,
.ex-event-search-result-item__similar-text {
    font-size: 15px
}

.ex-event-search-result-item__date-endday,
.ex-event-search-result-item__date-separator,
.ex-event-search-result-item__date-startday {
    color: #303030
}

.ex-event-search-result-item__date-startmonth,
.ex-event-search-result-item__date-startyear,
.ex-event-search-result-item__date-endmonth,
.ex-event-search-result-item__date-endyear {
    font-size: 18px
}

.ex-event-search-result-item__date-container-mobile,
.ex-event-search-result-item__location-container,
.ex-event-search-result-item__text-container {
    margin-bottom: 20px
}

@media screen and (min-width: 480px) {
    .ex-event-search-result-item {
        margin-bottom: 200px
    }

    .ex-event-search-result-item__image {
        right: -55px;
        top: -200px;
        width: 320px
    }
}

@media screen and (min-width: 768px) {
    .ex-event-search-result-item {
        margin-bottom: 65px;
        min-height: 200px;
        transform: translateX(-30px)
    }

    .ex-event-search-result-item::after {
        background: #fff;
        bottom: 0;
        content: "";
        left: -100%;
        position: absolute;
        right: 0;
        top: 0;
        z-index: -1
    }

    .ex-event-search-result-item.ex-event-search-result-item--right {
        transform: translateX(30px)
    }

    .ex-event-search-result-item.ex-event-search-result-item--right::after {
        background: #fff;
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        right: calc(50% - 50vw + 30px);
        top: 0;
        z-index: -1
    }

    .ex-event-search-result-item.ex-event-search-result-item--right .ex-event-search-result-item__content {
        padding: 25px 30px 25px 25px
    }

    .ex-event-search-result-item.ex-event-search-result-item--right .ex-event-search-result-item__copy-standalone {
        padding-left: 280px;
        padding-right: 0
    }

    .ex-event-search-result-item.ex-event-search-result-item--right .ex-event-search-result-item__image {
        float: left;
        left: -55px;
        margin-left: 0;
        margin-right: -40px;
        right: 0
    }

    .ex-event-search-result-item__button-container {
        display: inline-block;
        margin-bottom: 0;
        width: 100%
    }

    .ex-event-search-result-item__button-container div {
        display: inline
    }

    .ex-event-search-result-item__button-container div:last-child {
        margin-right: 0
    }

    .ex-event-search-result-item__calendar {
        margin-right: 60px
    }

    .ex-event-search-result-item__copy {
        display: none
    }

    .ex-event-search-result-item__copy-standalone {
        display: inline-block;
        margin-bottom: 30px !important;
        padding-left: 0;
        padding-right: 280px;
        width: 100%
    }

    .ex-event-search-result-item__content {
        padding: 25px 25px 25px 30px
    }

    .ex-event-search-result-item__date-container-mobile {
        display: none
    }

    .ex-event-search-result-item__date-container-desktop {
        display: inline;
        float: left;
        height: 100%;
        margin-bottom: 10px;
        margin-right: 50px;
        width: 74px
    }

    .ex-event-search-result-item__date-text-container {
        height: auto;
        position: relative
    }

    .ex-event-search-result-item__favourite {
        bottom: 0;
        margin-left: -3px;
        margin-right: 95px;
        position: relative;
        right: 0
    }

    .ex-event-search-result-item__favourite-count {
        left: 6px
    }

    .ex-event-search-result-item__headline {
        overflow: hidden;
        width: auto
    }

    .ex-event-search-result-item__image {
        display: inline-block;
        height: 160px;
        margin-left: -40px;
        right: -55px;
        top: -55px
    }

    .ex-event-search-result-item__text-container {
        display: inline;
        height: auto
    }
}

@media screen and (min-width: 768px) {
    .ex-event-search-result-item__date-container-desktop {
        width: 85px
    }
}

@media screen and (min-width: 1024px) {
    .ex-event-search-result-item {
        margin-bottom: 75px;
        min-height: 250px;
        transform: translateX(-70px)
    }

    .ex-event-search-result-item.ex-event-search-result-item--right {
        transform: translateX(70px)
    }

    .ex-event-search-result-item.ex-event-search-result-item--right::after {
        right: calc(50% - 50vw + 70px)
    }

    .ex-event-search-result-item.ex-event-search-result-item--right .ex-event-search-result-item__button-container {
        text-align: right
    }

    .ex-event-search-result-item.ex-event-search-result-item--right .ex-event-search-result-item__content {
        padding-left: 25px;
        padding-right: 95px
    }

    .ex-event-search-result-item.ex-event-search-result-item--right .ex-event-search-result-item__favourite {
        margin-right: 70px
    }

    .ex-event-search-result-item.ex-event-search-result-item--right .ex-event-search-result-item__image {
        float: left;
        left: -95px;
        margin-left: 0;
        margin-right: -80px;
        right: 0
    }

    .ex-event-search-result-item__button-container {
        display: inline-block;
        margin-bottom: 0;
        margin-top: 50px;
        position: relative;
        width: 100%
    }

    .ex-event-search-result-item__button-container div {
        display: inline
    }

    .ex-event-search-result-item__button-container div:last-child {
        margin-right: 0
    }

    .ex-event-search-result-item__content {
        padding-left: 70px
    }

    .ex-event-search-result-item__copy {
        display: block;
        width: 100%
    }

    .ex-event-search-result-item__copy-standalone {
        display: none
    }

    .ex-event-search-result-item__date-container-desktop {
        padding-top: 2px;
        width: 100px
    }

    .ex-event-search-result-item__date-text-container {
        height: auto
    }

    .ex-event-search-result-item__favourite {
        margin-right: 110px
    }

    .ex-event-search-result-item__image {
        margin-left: -80px;
        right: -95px;
        top: -60px;
        width: 420px
    }

    .ex-event-search-result-item__text-container {
        display: table
    }
}

@media screen and (min-width: 1280px) {
    .ex-event-search-result-item::after {
        background: #fff;
        bottom: 0;
        content: "";
        left: -100%;
        position: absolute;
        right: 0;
        top: 0;
        z-index: -1
    }

    .ex-event-search-result-item.ex-event-search-result-item--right {
        transform: translateX(95px)
    }

    .ex-event-search-result-item.ex-event-search-result-item--right::after {
        right: calc(50% - 50vw + 95px)
    }

    .ex-event-search-result-item.ex-event-search-result-item--right .ex-event-search-result-item__content {
        padding-left: 25px;
        padding-right: 95px
    }

    .ex-event-search-result-item.ex-event-search-result-item--right .ex-event-search-result-item__button-container {
        padding-left: 340px;
        text-align: left
    }

    .ex-event-search-result-item.ex-event-search-result-item--right .ex-event-search-result-item__favourite {
        margin-right: 120px
    }

    .ex-event-search-result-item.ex-event-search-result-item--right .ex-event-search-result-item__image {
        float: left;
        left: -120px;
        margin-left: 0;
        margin-right: -80px;
        right: 0
    }

    .ex-event-search-result-item__content {
        padding-left: 70px
    }

    .ex-event-search-result-item__date-container-desktop {
        width: 110px
    }

    .ex-event-search-result-item__favourite {
        margin-right: 120px
    }

    .ex-event-search-result-item__text-container h3 {
        width: 100%
    }
}

/*!********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/components/EventSearchSlim/EventSearchSlim.scss ***!
  \********************************************************************************************************************************************************************************************************************/
.ev-event-search-slim {
    position: relative
}

.ev-event-search-slim__container {
    padding: 40px 0;
    position: relative
}

.ev-event-search-slim__showall {
    right: 0
}

/* .ev-event-search-slim .ex-event-search-result-item:last-child {
    margin-bottom: 0
} */

/*!****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/assets/css/app.scss ***!
  \****************************************************************************************************************************************************************************************/
.ex-link::before {
    margin-right: 5px;
    vertical-align: middle
}

.ex-link span {
    font-size: 16.5px;
    vertical-align: middle
}