/**
*
* Store Locator V2
*
**/

/*reduce h1 size because it takes up a ton of space on mobile*/
@media only screen and (max-width: 61.9375em) {
    .page-store-locator h1 {
        font-size:1.2em;
    }
}

.page-store-locator,
.page-store {
    margin-top: 1em;
}

/*==================================
=            Geo Locate            =
==================================*/
.no-geolocation .js-geo-locate-store {
    display: none;
}


/*======================================
=            Enter Location            =
======================================*/
.update-location {
    display: none;
}

.no-geolocation .update-location {
    display: block;
}


/*========================================
=            Current Location            =
========================================*/
/* Initially hide until found with javascript */
.current-location {
    display: none;
}

    .current-location__lbl {
        margin-bottom: .5em;
    }

    .current-location__loc {
        font-weight: 700;
        margin-bottom: .5em;
    }


/*=====================================
=            Nearest Store            =
=====================================*/
/* Initially hide until found with javascript */
.nearest-store {
    display: none;
}


/*==================================
=            Store List            =
==================================*/
.store-list-col {
    overflow: hidden; /* clearfix */
}

.store-list {
    height: 37.5em; /* initial height, will be changed with javascript */
    overflow-y: auto;
}

    .store-list img {
        width: 50%;
        margin: 0 auto;
        display: block;
    }

@media only screen and (max-width: 61.9375em) {

    .isResponsivePage .store-list {
        height: auto !important; /* must override height set with JS */
        overflow-y: visible;
    }

}


/*===================================
=             Google Map            =
===================================*/
#map-canvas {
    height: 37.5em; /* initial height, will be changed with javascript */
}

.store-locator__map-legend {
    margin-top:.5em;
}

.store-locator__map-legend img{
    width:25px;
    vertical-align: -30%;
}

.store-locator__map-legend__warehouse {
    margin-left:1em;
}

.map-overlay-contianer {
    position: relative;
}

/* This will disable scrolling on Google maps until clicked. */
.map-overlay {
	background: transparent; 
	position: absolute;
    top: 0;
    bottom: 0; 
	z-index: 2;
	cursor: pointer;
	width: 100%;
}