/* GENERAL */
.storeloc {
    font-family: "gg",Helvetica,Arial,sans-serif;
    font-size: 1.8rem;
    line-height: normal;
    color: #1d2f4d;
}

.storelocSearch {
    background: #F6F8F8;
}

/* PRELOAD */
.storelocDummy__toggleMap {
    width: 202px;
    height: 41px;
}

@media (min-width: 992px) {
    .storelocDummy__locate {
        width: 242px;
        height: 50px;
    }
}

/* BUTTONS */
.storelocGeolocateDesktop,
.storelocSearchField__btn,
.storelocSearchField__btn-mobile,
.storelocMaptoggle {
    font-family: 'ggm';
    font-weight: unset;
    font-size: 1.6rem;
    background-position: 100% 10%;
    background-size: 220% 100%;
    transition: 0.25s ease;
}

.storelocSearchField__btn,
.storelocSearchField__btn-mobile,
.storelocGeolocateDesktop,
.storelocMaptoggle {
    background-image: linear-gradient(to left,#1d2f4d 50%,#23ebaf 50%);
}

.storelocSearchField__btn:hover,
.storelocSearchField__btn-mobile:hover,
.storelocGeolocateDesktop:hover,
.storelocMaptoggle:hover {
    background-position: 0 100%;
}

.storelocBtn {
    font-family: 'ggsm';
    font-weight: unset;
    transition: 0.25s ease;
}

.storelocBtn--primary {
    border: 0;
    background-image: linear-gradient(to left, #23ebaf 50%, #1d2f4d 50%);
    background-position: 100% 0;
    background-size: 220% 100%;
    color: #1d2f4d;
}

.storelocBtn--primary:hover,
.storelocBtn--primary.active {
    color: white;
    background-position: 0 100%;
}

.storelocBtn--outline,
.storelocBtn--outline-alt {
    background-color: transparent;
    color: #1d2f4d;
    border-width: 2px;    
}

.storelocBtn--outline {
    border-color: #1d2f4d;
}

.storelocBtn--outline:hover,
.storelocBtn--outline.active {
    border-color: #1d2f4d;
    background-color: #1d2f4d;
    color: white;
}

.storelocBtn--outline-alt {
    border-color: #23ebaf;
}

.storelocBtn--outline-alt:hover,
.storelocBtn--outline-alt.active {
    border-color: #23ebaf;
    background-color: #23ebaf;
    color: white;
}

/* CARD */
.storelocCard--duplicate {
    margin-left: -24px;
    margin-right: -24px;
}

.storelocCard__icon {
    top: 0;
}

.storelocCard__name {
    font-family: 'ggsm';
    font-weight: unset;
    font-size: 2.4rem;
}

.storelocCard__address,
.storelocCard__phone {
    font-size: 1.6rem;
    line-height: 22px;
    color: #1d2f4d;
    font-weight: unset;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-decoration-color: #23ebaf;
    text-underline-offset: 4px;
    transition: 0.25s linear;
}

.storelocCard__address:hover,
.storelocCard__phone:hover {
    font-family: "ggm";
    color: #23ebaf;
    text-decoration-color: transparent;
}

.storelocCard--highlighted,
.storelocCard--duplicate,
.storelocCard:hover {
    background-color: #f6f8f8;
}

/* MARKER */
.storelocMarker--cluster {
    background-color: #1d2f4d;
}

.storelocMarker--cluster:hover,
.storelocMarker--cluster.active {
    background-color: #23ebaf;
}