﻿@media all {
    /* search */
    #search .container_row_content { padding-top:var(--spacing-0); padding-bottom:var(--spacing-0); }
    #search h2 { margin:0px; }
    #search .search_group { align-items:center; }
    #search .search_group > div:nth-child(2) { text-align:right; }
    #search .search_group h2 { font-size:var(--font-size-2L); font-weight:var(--font-weight-bold); text-transform:initial; letter-spacing:initial; }

    /* stores */
    #stores .container_row_content { padding:var(--spacing-2L) 0px var(--spacing-5L) 0px; }
    
    #stores .tenant_sub_type_row  { padding-bottom:var(--spacing-1L); margin-bottom:var(--spacing-1L); border-bottom:1px var(--color-gray) solid; }
    #stores .tenant_sub_type_row ul.tenant_sub_type_list { justify-content:center; gap:0px; flex-wrap:wrap; }
    #stores .tenant_sub_type_row ul.tenant_sub_type_list li button { display:block; margin:0px; padding:var(--spacing-1S) var(--spacing-0); font-size:var(--font-size-1S); background-color:var(--color-white); border:1px var(--color-white) solid; line-height:1; cursor:pointer; }
    #stores .tenant_sub_type_row ul.tenant_sub_type_list li button.selected { color:var(--color-white); background-color:var(--color-red);}
    #stores .tenant_sub_type_row ul.tenant_sub_type_list li button:hover,
    #stores .tenant_sub_type_row ul.tenant_sub_type_list li button:focus { border:1px var(--color-red) solid; }

    #stores ul.store_list { padding:var(--spacing-0) 0px; grid-template-columns:repeat(3, 1fr); column-gap:var(--spacing-1L); row-gap:var(--spacing-2L); align-content:center; }
    #stores ul.store_list > li { padding-bottom:var(--spacing-1S); border-bottom:1px var(--color-gray) solid;  }
    #stores ul.store_list > li .box {  position:relative; }
    
    #stores ul.store_list > li .body { font-size:var(--font-size-2S); text-align:center; }
    #stores ul.store_list > li .body h2 { margin:0px auto var(--spacing-2S) auto; color:var(--color-blue); font-family:var(--font-2); font-size:var(--font-size-0);}
   
    #stores ul.store_list > li .body p.local_business { display:inline-block; margin:0px var(--spacing-4S) 0px 0px; padding:var(--spacing-3S) var(--spacing-2S); font-size:var(--font-size-3S); line-height:1; color:var(--color-white); background-color:var(--color-blue); text-transform:uppercase; letter-spacing:1px; vertical-align:middle; }

    #stores ul.store_list > li .body ul.link_list { margin-top:var(--spacing-0); align-items:center; justify-content:center; gap:var(--spacing-2S); }
    #stores ul.store_list > li .body ul.link_list li:not(:last-of-type) { padding-right:var(--spacing-2S); border-right:1px var(--color-gray) solid; }

    #stores ul.store_list > li .body ul.link_list a { font-size:var(--font-size-2S); font-weight:var(--font-weight-bold); text-transform:uppercase;  }
    #stores ul.store_list > li .body ul.link_list a:hover,
    #stores ul.store_list > li .body ul.link_list a:focus { color:var(--color-black); text-decoration:none; border-bottom:1px var(--color-red) solid; }
}

@media (max-width:1500px) {
    #stores .container_row_content { padding:var(--spacing-2L);}
}

@media (max-width:1400px) {

}

@media (max-width:1200px) {

}

@media (max-width:1100px) {
    #stores ul.store_list { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width:1000px) {
    #stores ul.store_list > li .body { font-size:var(--font-size-0); padding-bottom:var(--spacing-1S); }
    #stores ul.store_list > li .body h2 { font-size:var(--font-size-1L); margin-bottom:var(--spacing-1L); font-weight:600; }
    #stores ul.store_list > li .body ul { flex-wrap:wrap; }
    #stores ul.store_list > li .body ul.link_list a { font-size:var(--font-size-0); }
    #stores ul.store_list > li .body ul.link_list li:nth-child(4),
    #stores ul.store_list > li .body ul.link_list li:nth-child(5) { display:none; }
    img.map_marker { width:var(--font-size-0); height:var(--font-size-0); }
}

@media (max-width:700px) {
    #stores ul.store_list { grid-template-columns: 1fr; }
    #stores ul.store_list > li { margin:0px !important; padding:var(--spacing-2L); border: 1px var(--color-gray) solid; }
    #stores ul.store_list > li:not(:last-of-type) { margin-bottom:var(--spacing-2L) !important; }
    #stores ul.store_list > li:not(:first-of-type) { padding-top:var(--spacing-2L); }

    #stores ul.store_list > li .body { padding-bottom:initial; }
}

@media (max-width:500px) {

}