.archive-title{
    display: none;
}

#content #breadcrumbs>span{
    flex-wrap: wrap;
}


.hpMap {
    background: #fff;
    padding: 40px 0;
}

.hpMap__wrap {
    position: relative;
    z-index: 3
}

.hpMap__compass {
    position: absolute;
    z-index: 5;
    opacity: 3%;
    width: 560px;
    width: 35vw;
    height: auto;
    top: 27%;
    left: 6%
}

.hpMap__content--wrap {
    position: relative
}

.hpMap__right--wrap {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    position: relative
}

.hpMap__right--wrap:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 10%;
    bottom: 0;
    left: 0;
    background: linear-gradient(to top,#fff,#fff0);
    pointer-events: none;
    z-index: 4
}

.hpMap__inner--wrap {
    width: 1600px
}

.hpMap__inner--wrap img {
    width: auto;
    max-width: 100%
}

.hpMap__inner--wrap .transparent {
    width: 1600px!important;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 4
}

.hpMap #map {
    width: 100%;
    position: relative
}

.hpMap__hovers {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    pointer-events: none
}

.hpMap__hovers div img.hoverimg {
    opacity: 0;
    transition: all .35s ease-in-out;
    position: absolute
}

.hpMap__hovers div.active img.hoverimg {
    opacity: 1;
    z-index: 3
}

.hpMap__txt--wrap {
    position: absolute;
    transition: all .35s ease-in-out
}

.hpMap__txt--wrap span {
    position: relative;
    pointer-events: none;
    display: block
}

.hpMap__txt--wrap span a {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    text-shadow: rgb(0,0,0) 2px 0px 0px,rgb(0,0,0) 1.75517px .958851px 0px,rgb(0,0,0) 1.0806px 1.68294px 0px,rgb(0,0,0) .141474px 1.99499px 0px,rgb(0,0,0) -.832294px 1.81859px 0px,rgb(0,0,0) -1.60229px 1.19694px 0px,rgb(0,0,0) -1.97998px .28224px 0px,rgb(0,0,0) -1.87291px -.701566px 0px,rgb(0,0,0) -1.30729px -1.5136px 0px,rgb(0,0,0) -.421592px -1.95506px 0px,rgb(0,0,0) .567324px -1.91785px 0px,rgb(0,0,0) 1.41734px -1.41108px 0px,rgb(0,0,0) 1.92034px -.558831px 0px;
    position: relative;
    color: #fff;
    pointer-events: all
}

.hpMap__txt--wrap span:before {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    background: var(--accent);
    border-radius: 50%;
    border: 2px solid #000;
    left: calc(100% + 10px);
    top: 50%;
    transform: translateY(-50%);
    transition: var(--default-transition)
}

.hpMap__txt--wrap span:hover a {
    color: var(--accent);
    text-shadow: rgb(255,255,255) 2px 0px 0px,rgb(255,255,255) 1.75517px .958851px 0px,rgb(255,255,255) 1.0806px 1.68294px 0px,rgb(255,255,255) .141474px 1.99499px 0px,rgb(255,255,255) -.832294px 1.81859px 0px,rgb(255,255,255) -1.60229px 1.19694px 0px,rgb(255,255,255) -1.97998px .28224px 0px,rgb(255,255,255) -1.87291px -.701566px 0px,rgb(255,255,255) -1.30729px -1.5136px 0px,rgb(255,255,255) -.421592px -1.95506px 0px,rgb(255,255,255) .567324px -1.91785px 0px,rgb(255,255,255) 1.41734px -1.41108px 0px,rgb(255,255,255) 1.92034px -.558831px 0px
}

.hpMap__txt--wrap span:hover:before {
    border-color: #fff
}

.hpMap__hover--item.active .hpMap__txt--wrap {
    z-index: 3
}

.hpMap__list--wrap {
    display: none
}

.hpMap__list--wrap ul {
    -moz-column-count: 1;
    column-count: 1
}

.hpMap__list--wrap ul li {
    margin-bottom: 10px;
    position: relative;
    padding-left: 15px
}

.hpMap__list--wrap ul li:before {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #000;
    border-radius: 50%
}

.hpMap__list--wrap ul li a {
    color: #333745;
    font-size: 14px;
    line-height: 1.333;
    text-transform: uppercase;
    transition: all .35s ease-in-out;
    letter-spacing: .1em;
    display: block;
    padding: 0;
    font-weight: 700;
    width: -moz-max-content;
    width: max-content
}

.hpMap__list--wrap ul li a:hover,.hpMap__list--wrap ul li.active a {
    color: var(--accent)
}

.hpMap__text--wrap {
    position: absolute;
    z-index: 5;
    top: 195px;
    left: 100px
}

.hpMap__title {
    line-height: 1.208
}

.hpMap__title em {
    font-style: normal !important;
    display: block;
    padding-left: 69px;
    padding-left: 4.31vw;
    margin-top: -23px;
    margin-top: -1.44vw
}

.hpMap__title span {
    line-height: 1;
    margin-top: -60px;
    margin-top: -3.75vw
}

/* Change per Map */

.hpMapMonterey .hpMap__inner--wrap .transparent {
    height: 800px
}

[data-hover=map-scotts-valley] .hpMap__txt--wrap {
    left: 831px;
    top: 300px
}

[data-hover=map-santa-cruz] .hpMap__txt--wrap {
    left: 844px;
    top: 335px
}

[data-hover=map-aptos] .hpMap__txt--wrap {
    left: 998px;
    top: 328px
}

[data-hover=map-aptos] .hpMap__txt--wrap span:before {
    left: unset;
    right: calc(100% + 10px)
}

[data-hover=map-watsonville] .hpMap__txt--wrap {
    left: 958px;
    top: 376px
}

[data-hover=map-salinas] .hpMap__txt--wrap {
    left: 1051px;
    top: 509px
}

[data-hover=map-monterey] .hpMap__txt--wrap {
    left: 931px;
    top: 570px
}

[data-hover=map-carmel-by-the-sea] .hpMap__txt--wrap {
    left: 1008px;
    top: 598px
}

[data-hover=map-carmel-by-the-sea] .hpMap__txt--wrap span:before {
    left: unset;
    right: calc(100% + 10px)
}

/* Change per Map */


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

.hpMap {
        padding: 70px 15px;
    }

    .hpMap__compass {
        transform: translateY(-50%);
        top: 70%;
        width: 70%;
        max-width: 400px
    }

    .hpMap__content--wrap {
        display: none
    }

    .hpMap__list--wrap {
        display: block;
        max-width: 200px;
        margin: 40px auto auto
    }

    .hpMap__text--wrap {
        position: relative;
        top: 0;
        left: 0
    }

    .hpMap__title em {
        padding: 0;
        margin-top: -15px
    }

    .hpMap__title span {
        margin-top: -30px!important
    }
}

@media screen and (max-width: 599px) {
    .hpMap__title{
        font-size: 40px;
    }

    .hpMap__title em{
        margin-top: 0;
    }

    .hpMap__title span{
        font-size: 75px;
    }
}