﻿.body--location .hero__text,
.body--location .hero__text a {
    background-color: var(--blue);
    color: var(--white);
}

.body--location section.location h2 {
    color: var(--pink);
}

.location__side {
    padding-left: 4rem;
}

.location__specs {
    background-color: var(--purple);
    color: var(--white);
    width: 100%;
    border-radius: 1.2rem;
    padding: 2.5rem;
    font-size: 1.4rem;
    line-height: 2.1rem;
    margin-bottom: 2.5rem;
}

    .location__specs h3 {
        color: var(--lilac);
        margin-bottom: 2.5rem;
    }

    .location__specs .spec:last-of-type {
        margin-bottom: 3.5rem;
    }

    .location__specs .spec a {
        color: var(--white);
        background-image: linear-gradient(var(--white), var(--white));
    }

        .location__specs .spec a:hover {
            background-size: 0% .1rem;
        }

    .location__specs .button {
        width: 100%;
    }

        .location__specs .button + .button {
            margin-top: 1.5rem;
        }

    .location__specs dl {
        display: flex;
        flex-flow: row;
        flex-wrap: wrap;
        width: 100%;
        overflow: visible;
    }

    .location__specs dt {
        flex: 0 0 30%;
        text-overflow: ellipsis;
        overflow: hidden;
        font-weight: 500;
    }

    .location__specs dd {
        flex: 0 0 70%;
        margin-left: auto;
        text-align: left;
        text-overflow: ellipsis;
        overflow: hidden;
    }

.location__tags {
    margin: 4rem 0;
}

.location .entity__tags {
    margin: 0rem 0;
}

.location__tags .tile__tag {
    margin: 0 1.5rem 0 0;
}

    .location__tags .tile__tag span,
    .location__tags .tile__tag a {
        background-color: var(--lilac);
        color: var(--purple);
        font-size: 1.8rem;
        line-height: 2.2rem;
        padding: .4rem .8rem .2rem;
    }

.location__tags .tile__tag--location a {
    padding-left: 2.5rem;
}

.location__dates {
    font-size: 1.6rem;
    line-height: 2rem;
    color: var(--black);
}

    .location__dates > div {
        display: grid;
        grid-template-columns: 17rem 9rem auto 17rem;
        height: 5.6rem;
        align-items: center;
        border-top: .1rem solid var(--purple);
        position: relative;
    }

        .location__dates > div > div:first-of-type {
            border-top: none;
        }

        .location__dates > div > div:hover .cta:after {
            transform: translateX(0.6rem);
        }

        .location__dates > div > div:last-of-type {
            text-align: right
        }

.location__date .button--white {
    transform: translateX(1.5rem);
}

    .location__date .button--white:after {
        background-image: url("data:image/svg+xml,%3Csvg width='18' height='16' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.7071 8.70711C18.0976 8.31658 18.0976 7.68342 17.7071 7.29289L11.3431 0.928931C10.9526 0.538407 10.3195 0.538407 9.92893 0.928931C9.53841 1.31946 9.53841 1.95262 9.92893 2.34314L15.5858 8L9.92893 13.6569C9.53841 14.0474 9.53841 14.6805 9.92893 15.0711C10.3195 15.4616 10.9526 15.4616 11.3431 15.0711L17.7071 8.70711ZM8.74228e-08 9L17 9L17 7L-8.74228e-08 7L8.74228e-08 9Z' fill='%23100E41'/%3E%3C/svg%3E%0A");
    }

    .location__date .button--white:hover {
        background-color: transparent !important;
        color: var(--purple) !important;
    }

.body--location section {
    padding: var(--spacing-md) 0;
}

    .body--location section.location {
        padding: var(--spacing-lg) 0;
    }

        .body--location section.location section {
            padding: var(--spacing-sm) 0;
        }

.body--location .block__images .container,
.body--location .block__images .row,
.body--location .block__images .row > div {
    padding: 0;
    margin: 0;
    width: 100%;
}





@media(max-width: 991px) {
    .location__side {
        padding-left: 2rem;
    }

        .location__side .ad {
            margin: 0 auto;
        }
}

