.upa_event {
    text-decoration: none;
    font-family: 'GT-Eesti-LC-Display-Regular';
    font-weight: 400;
    margin-bottom: 20px;
    display: block;
    font-size: 16px;
}

.upa_event_meta {
    background-color: var(--mg-primary-color-b-full);
    color: #fff;
    padding: 12px 15px 15px 15px;
}

.upa_event_meta_top {
    position: relative;
}

.upa_event_date {
    display: inline-block;
    line-height: 1;
    transform: translateY(3px);
}

.upa_event_day {
    font-family: 'GT-Eesti-LC-Display';
    font-size: 52px;
    line-height: 1;
    display: inline-block;
    padding-right: 10px;
}

.upa_event_month {
    font-size: 24px;
    line-height: 1;
    display: inline-block;
}

.upa_event_hour {
    position: absolute;
    right: 0;
    bottom: 0;
    line-height: 1;
    transform: translateY(-4px);
    padding: 0 0 0 24px;
}

.upa_event_hour:after {
    content: "";
    width: 16px;
    height: 16px;
    background-size: 160px;
    position: absolute;
    left: 0;
    top: -1px;
    background-image: url(../Img/icons_v4.svg);
    background-position: -144px -16px;
}

.upa_event_meta_bottom {
    padding: 12px 0 0 0;
    display: none;
    position: relative;
}

.upa_event_meta_bottom.upa_event_meta_bottom_show_mobile {
    display: block;
}

.upa_event_meta_bottom .upa_event_hour {
    display: none;
}

.upa_event_location {
    line-height: 1.2;
    padding: 0 0 0 24px;
    position: relative;
}

.upa_event_location:after {
    content: "";
    width: 16px;
    height: 16px;
    background-size: 160px;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../Img/icons_v4.svg);
    background-position: 0px -32px;
}

.upa_event_title {
    padding: 15px;
    background-color: #ffffff;
    text-decoration: none;
    line-height: 1.4;
}

.upa_event_detail_infobox {
    background-color: var(--mg-primary-color-b-super-bright);
    padding: var(--mg-padding-sm);
    margin-bottom: calc(var(--mg-padding-sm) * 2);
    font-size: 16px;
}

.upa_event_detail_infobox h2 {
    font-size: 22px;
    line-height: 1.4;
}

.upa_event_detail_infobox p {
    margin-bottom: 0;
}

.upa_event_list_topnav {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-bottom: 20px;
}

.upa_event_list_topnav li {
    display: inline-block;
}

.upa_event_list_item {
    display: block;
    padding: 20px;
    text-decoration: none;
    background-color: var(--mg-primary-color-b-super-bright);
    margin-bottom: 20px;
    font-size: 16px;
    transition: 0.2s background-color;
}

.upa_main_content .upa_event_list_item:hover {
    color: var(--mg-primary-color-b-full);
    background-color: var(--mg-primary-color-b-bright);
}

.upa_event_list_item h2 {
    font-size: 22px;
    line-height: 1.4;
}

.upa_event_list_item_date,
.upa_event_list_item_location {
    padding-left: 24px;
    position: relative;
}

.upa_event_list_item_date:after,
.upa_event_list_item_location:after {
    content: "";
    width: 16px;
    height: 16px;
    background-size: 160px;
    position: absolute;
    left: 0;
    top: 6px;
    background-image: url(../Img/icons_v4.svg);
    background-position: -16px -32px;
}

.upa_event_list_item_location:after {
    background-position: -32px -32px;
}

.upa_event_detail th {
    min-width: 160px !important;
}

.upa_event_search {}

.upa_event_list_searchterm {
    padding-right: 40px !important;
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;"><g transform="matrix(1,0,0,1,-42,-28)"><g transform="matrix(0.971013,0,0,1.1876,15.3784,-38.3999)"><rect x="27.416" y="55.911" width="14.418" height="11.788" style="fill:none;"/></g><g transform="matrix(0.532413,0,0,0.532413,28.1614,5.33624)"><circle cx="36.322" cy="52.898" r="8.452" style="fill:none;stroke:rgb(75,75,75);stroke-width:1.88px;"/></g><g transform="matrix(0.112715,-0.112715,0.246249,0.246249,33.7253,28.9686)"><rect x="37.866" y="50.683" width="6.273" height="15.47" style="fill:rgb(75,75,75);"/></g></g></svg>');
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center right 10px;
}

.upa_event_list_from,
.upa_event_list_to {
    padding-right: 40px !important;
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;"><g transform="matrix(1,0,0,1,-56,-28)"><g transform="matrix(0.971013,0,0,1.1876,29.3784,-38.3999)"><rect x="27.416" y="55.911" width="14.418" height="11.788" style="fill:none;"/></g><g transform="matrix(0.771435,0,0,0.990443,30.4998,-20.4867)"><path d="M49.259,53.498C49.259,52.384 48.097,51.479 46.667,51.479L37.593,51.479C36.162,51.479 35,52.384 35,53.498L35,59.556C35,60.671 36.162,61.576 37.593,61.576L46.667,61.576C48.097,61.576 49.259,60.671 49.259,59.556L49.259,53.498Z" style="fill:none;stroke:rgb(75,75,75);stroke-width:1.13px;"/></g><g transform="matrix(1.8081e-17,-0.159404,0.703777,-3.37414e-17,21.9434,40.536)"><rect x="37.866" y="50.683" width="6.273" height="15.47" style="fill:rgb(75,75,75);"/></g><g transform="matrix(-0.159404,-1.11642e-17,-2.20915e-16,-0.122412,67.036,36.7046)"><rect x="37.866" y="50.683" width="6.273" height="15.47" style="fill:rgb(75,75,75);"/></g><g transform="matrix(-0.159404,-1.11642e-17,-2.20915e-16,-0.122412,72.036,36.7046)"><rect x="37.866" y="50.683" width="6.273" height="15.47" style="fill:rgb(75,75,75);"/></g></g></svg>');
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center right 10px;
}

.upa_event_search .form-control-lg {
    font-size: 16px;
    font-family: 'Inter';
    font-weight: 400;
    padding: 8px 16px;
    line-height: 1.5;
}

.upa_event_search .row {
    --bs-gutter-x: 20px;
}

.upa_event_search .row input,
.upa_event_search .row button {
    margin-bottom: 20px;
}

.upa_event_search .btn {
    width: 100%;
    font-size: 16px;
    font-family: 'Inter';
    font-weight: 400;
    padding: 8px 16px;
    line-height: 1.5;
    border: 1px solid #4b4b4b;
    background-color: var(--mg-primary-color-a-medium);
    font-weight: 600;
}

.upa_event_search .btn:hover {
    background-color: var(--mg-primary-color-a-full);
}

.upa_event_form {
    background-color: var(--mg-primary-color-b-super-bright);
    padding: calc(var(--mg-padding-sm) * 2);
}

.upa_event_form .upa_event_form_hint {
    margin-bottom: 40px;
    font-size: 16px;
}

.upa_event_form .row {
    --bs-gutter-x: 20px;
}

.upa_event_form .form-control,
.upa_event_form .form-select {
    margin-bottom: 20px;
}

.upa_event_form .form-label,
.upa_event_form p {
    margin-bottom: 8px;
}

.upa_event_form_required {
    color: #721c24;
}

.upa_event_form_cat_field {
    margin-bottom: 20px;
}

.upa_event_form textarea {
    min-height: 200px;
}

.upa_event_short {
    margin-bottom: 16px;
}

.upa_event_short .upa_event_short_meta {
    display: block;
    color: #666666;
}

.upa_events_more_link {
    display: inline-block;
    color: #fff !important;
    background-color: var(--mg-primary-color-b-full);
    padding: 8px 40px 8px 16px;
    font-weight: 600;
    position: relative;
}

.upa_events_more_link:after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    background-image: url(../Img/right_white.svg);
    background-size: 16px;
    margin-top: -8px;
    right: 14px;
}

.upa_events_more_link:hover {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-decoration-color: #fff !important;
}

.upa_color_container_a .upa_events_more_link,
.upa_teaser_container .upa_events_more_link {
    display: inline-block;
    text-decoration: none;
    background-color: #fff;
    padding: 8px 40px 8px 16px;
    font-weight: 600;
    color: var(--mg-primary-color-b-full) !important;
    position: relative;
}

.upa_color_container_a .upa_events_more_link:hover,
.upa_teaser_container .upa_events_more_link:hover {
    text-decoration: underline !important;
    text-decoration-thickness: 1px !important;
}

.upa_color_container_a .upa_events_more_link:after,
.upa_teaser_container .upa_events_more_link:after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    background-image: url(../Img/right.svg);
    background-size: 16px;
    margin-top: -8px;
    right: 14px;
}

.upa_events_no_events {
    padding-bottom: var(--mg-padding-sm);
}

@media (min-width: 768px) {

    .upa_event_list_item_date:after,
    .upa_event_list_item_location:after {
        top: 8px;
    }

    .upa_event_list_item {
        padding: 40px;
        font-size: 19px;
    }

    .upa_event_list_item h2 {
        font-size: 24px;
    }

    .upa_event_detail_infobox {
        font-size: 19px;
    }

    .upa_event_detail_infobox h2 {
        font-size: 24px;
    }

    .upa_event_form {
        padding: calc(var(--mg-padding-lg) * 2);
    }

    .upa_events_no_events {
        padding-bottom: var(--mg-padding-lg);
    }
}

@media (min-width: 1200px) {
    .upa_event {
        display: flex;
        flex-wrap: wrap;
        font-size: 14px;
    }

    .upa_event_meta {
        width: 30%;
    }

    .upa_event_title {
        width: 70%;
        font-size: 20px;
    }

    .upa_event_meta_top .upa_event_hour {
        display: none;
    }

    .upa_event_meta_bottom {
        display: block;
    }

    .upa_event_meta_bottom .upa_event_hour {
        display: block;
        position: static;
    }

    .upa_event_location {
        margin-top: 6px;
        padding: 0 0 0 22px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .upa_event_day {
        font-size: 44px;
        padding-right: 6px;
    }

    .upa_event_month {
        font-size: 18px;
    }

    .upa_event_hour {
        padding: 0 0 0 22px;
    }

    .upa_event_hour:after {
        width: 14px;
        height: 14px;
        background-size: 140px;
        background-position: -126px -14px;
    }

    .upa_event_location:after {
        width: 14px;
        height: 14px;
        background-size: 140px;
        background-position: 0px -28px;
    }

    .upa_event_detail_infobox {
        padding: calc(var(--mg-padding-lg) * 2);
        margin-bottom: calc(var(--mg-padding-lg) * 2);
    }

    .upa_event_detail th {
        width: 240px !important;
    }
}