.LP-Map {
    margin-bottom: $-spacing-medium;

    &--wide {
        height: 300px;
    }

    &--full {
        height: 100%;
        width: 100%;
    }

    .ol-attribution {
        font-family: $-primary-sans-serif-font;
        color: $-grey;

        a {
            color: $-light-brown;

            &:hover,
            &:focus {
                color: $-beige;
            }
        }
    }

    .ol-zoom {

        &-in,
        &-out {
            background-color: $-light-brown;

            &:hover,
            &:focus {
                background-color: $-grey;
            }
        }
    }

    .LP-Map__Popup {
        font-family: $-primary-sans-serif-font;
        color: $-grey;
        background-color: $-almost-white;
        padding: .5em;
        border-radius: 2px;
    }
}