/* events location map
   ============================ */

.event-location-map .wrapper {
    padding-bottom: 40px;
    padding-top: 40px;
}
.event-location-map h2 {
    margin-bottom: 0;
}

/* location details */
.event-location-map .location-details .inner button.back-to-locations {
    float: right;
}
.event-location-map .location-details .inner button.back-to-locations > span {
    margin-left: 15px;
    margin-right: 0;
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* responsive
   ============================ */

@media screen and (max-width: 736px) {

    /* events location map */
    .event-location-map .wrapper {
        padding-bottom: 0;
    }
    .event-location-map h2 {
        margin-bottom: 22px;
    }

    /* events location details */
    .event-location-map .location-details.tertiary-bg {
        background: #ffffff;
    }
    .event-location-map .location-details .inner header h3 {
        color: #200b3f;
    }
    .event-location-map .location-details .inner header h3 > span {
        color: #6caddf;
    }
    .event-location-map .location-details .inner ul > li > a,
    .event-location-map .location-details .inner ul > li > address {
        color: #000000;
    }
    .event-location-map .location-details .inner ul > li > address::before {
        background: url("/Media/icons/map-marker-icon.png") no-repeat 0 0 transparent;
        background-size: 19px;
        background-position: 4px;
    }
    .event-location-map .location-details .inner ul > li > address {
        max-width: 200px;
    }
    .event-location-map .location-details .inner ul > li.tel > a::before {
        background-image: url("/Media/icons/phone-icon.png");
    }
    .event-location-map .location-details .inner ul > li.email > a::before {
        background-image: url("/Media/icons/email-icon.png");
    }
    .event-location-map .location-details .inner ul {
        border-bottom: 1px solid #ececec;
    }
    .event-location-map .location-details .inner ul > li:last-child {
        margin-bottom: 10px;
    }
    .event-location-map .location-details .inner + .inner {
        padding-top: 10px;
        padding-bottom: 40px;
    }
}