/* culture location map
   ============================ */

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

/* map labels - google maps generated markup, no classes or IDs */
.culture-location-map .gm-style > div > div > div + div + div + div > div + div + div > div > div > div,
.culture-location-map .gm-style > div > div > div + div + div + div > div + div + div + div > div > div > div {
    background: url("../images/arrow-right.png") no-repeat 88% 50% rgba(50, 4, 82, 0.7);
    background-size: 7px auto;
    padding: 2px 25px 2px 10px;
    position: relative;
}

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

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

    /* culture location map */
    .culture-location-map .wrapper {
        padding-bottom: 21px;
        padding-top: 30px;
    }
    .culture-location-map h2 {
        margin-bottom: 0;
    }
    .culture-location-map .static-map {
        padding-bottom: 78px;
        padding-top: 78px;
    }
    .culture-location-map .inner {
        padding: 22px 20px;
    }

    /* location list */
    .culture-location-map .inner p {
        margin-bottom: 18px;
    }
    .culture-location-map .inner .location-list {
        margin-bottom: 18px;
    }
    .culture-location-map .inner .location-list ul {
        border-top: 2px solid #f2f2f2;
    }
    .culture-location-map .inner .location-list ul > li {
        border-bottom: 2px solid #f2f2f2;
        font-family: "Freight Sans W03 Medium", Arial, "Helvetica Neue", Helvetica, sans-serif;
        font-size: 1.8rem;
        line-height: 3rem;
    }
    .ru .culture-location-map .inner .location-list ul > li {
        font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
        font-weight: 500;
    }
    .culture-location-map .inner .location-list ul > li > a {
        color: #6b6b6b;
        display: block;
        padding: 4px 19px 5px;
        position: relative;
    }
    .culture-location-map .inner .location-list ul > li > a > span {
        height: 5px;
        position: absolute;
        right: 19px;
        top: 50%;
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 5px;
    }
    .culture-location-map .inner .location-list ul > li > a > span::before,
    .culture-location-map .inner .location-list ul > li > a > span::after {
        background: #320452;
        content: "";
        display: block;
        height: 100%;
        position: absolute;
        top: 2px;
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        width: 2px;
    }
    .culture-location-map .inner .location-list ul > li > a > span::after {
        top: 0;
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}