/*
 *  Store List - v1
 */


/* Loading State */
#store-locations-page { position:relative; overflow:hidden; max-width:100%; background:#f6f7f8 url('/wcsstore/images/BallardDesigns/loaders/loader_spinner.gif') no-repeat center center; }
#store-locations-page.page-loaded { background-color:transparent; background-image:none; }
#store-location-page #store-image img { width:100%; height:auto; margin:auto; opacity:.5; }
#store-locations-page #store-locations-list::before { display:none; }
#store-locations-page.page-loaded #store-locations-list::before { display:block!important; }


/* Filters */
#store-list-filters { margin-bottom:30px; }

/* Store Type Filter Show/Hide Styles */

/* Row/State Level - Show/Hide */
#store-locations-list .state-row,
#store-locations-list .state-row .store { display:none; }

#store-locations-list.all .state-row,
#store-locations-list.retail-store .state-row.retail-store,
#store-locations-list.outlet .state-row.outlet,
#store-locations-list.design-studio .state-row.design-studio,
#store-locations-list.all .state-row .store,
#store-locations-list.retail-store .state-row .store.retail-store,
#store-locations-list.outlet .state-row .store.outlet,
#store-locations-list.design-studio .state-row .store.design-studio { display:block; }

/* No Results Messaging */
#store-locations-list { min-height:500px; }
#store-locations-list .state-row { position:relative; z-index:2; background-color:#fff; min-height:190px; }
#store-locations-list { position:relative; }
#store-locations-list::before { content:'No Results'; position:absolute; top:260px; z-index:1; left:calc(50% - 35px); width:70px; }

/* Store List Styles */
@media(min-width:600px) and (max-width:1024px){
	.desktop #store-locations-list .state-row, #store-locations-list .state-row .store { min-height:200px; }
}

/* State Title */
#store-locations-list .state-row h2 { font:300 34px/1em 'Montserrat'; text-transform:uppercase; letter-spacing:0.1em; margin:30px 0 0; }
#store-locations-list .state-row hr { margin-bottom:20px; }
#store-locations-list .state-row .store h3 { font:16px/1em 'Montserrat'; text-transform:uppercase; letter-spacing:0em; margin-bottom:15px; }
#store-locations-list .state-row .store h3 .location-special-message-text { display:block; text-transform:uppercase; color:rgb(0, 164, 194); font-size:14px; }
#store-locations-list .state-row .store .store-type-text { font-family:'Cormorant'; letter-spacing:0; text-transform:none; font-size:1.5em; font-style:italic; }
#store-locations-list .state-row .store p { font-size:14px; }
#store-locations-list .state-row .store a { font-weight:800!important; color:#333!important; }
#store-locations-list .state-row .store .more-link { text-transform:uppercase; letter-spacing:0em; margin-top:10px; display:block; }


/* -- Mobile -- */
.mobile #store-locations-list::before { left:calc(50% - 50px); width:100px; text-align:center; }
.mobile #store-locations-list hr { border:none; border-top: 1px solid #ccc; }
.mobile #store-list-filters select { background:url('/wcsstore/images/BallardDesigns/interface/icons/selectbox-arrow.svg') no-repeat; background-position:right 12px center; padding:6px!important; font-size:1em; line-height:1.5em; }
