﻿@media all {
    /* intro */
    #intro .container_row_content { padding-bottom:0px; }

    #intro .intro_group { grid-template-columns:3fr 7fr; gap:var(--spacing-3L); align-items:center; }

    #intro .intro_group h1 { margin-top:0px; width: min-content; color:var(--color-green); font-size:var(--font-size-5L); }
    #intro .intro_group h1 span { color:var(--color-light-green); }
    #intro .intro_group .sub_title { font-size:var(--font-size-1L); }

    #intro .intro_group > div:nth-child(2) img { width:100%; }

    /* search */
    #search .container_row_content { padding-top:var(--spacing-2L); padding-bottom:var(--spacing-0); line-height:1; }

    #search .search_group { align-items:center; }
    #search .search_group > div:nth-child(1) h2 { margin:0px; font-size:var(--font-size-2L); font-weight:var(--font-weight-bold); }
    #search .search_group > div:nth-child(2) { text-align:right; }

    /* stores */
    #stores .container_row_content { padding-top:var(--spacing-2L);  padding-bottom:var(--spacing-5L); }
    
    #stores .tenant_sub_type_row { margin-top:var(--spacing-1L); }
    #stores .tenant_sub_type_row ul.tenant_sub_type_list { gap:var(--spacing-3S); justify-content: center; flex-wrap:wrap; }
    #stores .tenant_sub_type_row ul.tenant_sub_type_list li button { display:block; margin:0px; padding:var(--spacing-2S) var(--spacing-0); color:var(--color-black); font-size:var(--font-size-1S); line-height:1; cursor:pointer; background-color:var(--color-light-beige); border:0px; }
    #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 {color:var(--color-white); background-color:var(--color-dark-green);}

    #stores .tenant_sub_type_row ul.tenant_sub_type_list li button.selected { color:var(--color-white); background-color:var(--color-green); }

    #stores #stores_group { margin-top:var(--spacing-2L); padding-top:var(--spacing-2L); border-top:2px var(--color-yellow) solid; }

    #stores #stores_group ul.store_list { grid-template-columns:repeat(3, 1fr); column-gap:var(--spacing-3L); row-gap:var(--spacing-3L); align-content:center; }
    #stores #stores_group ul.store_list > li { padding-bottom:var(--spacing-1S); text-align:center; border-bottom:1px var(--color-dark-gray) solid;  }
    #stores #stores_group ul.store_list > li .box {  position:relative; }
    
    #stores #stores_group ul.store_list > li .body { padding-bottom:var(--spacing-1S); font-size:var(--font-size-1S); }
    #stores #stores_group ul.store_list > li .body h3 { margin-bottom:var(--spacing-2S); font-size:var(--font-size-1L); font-weight:var(--font-weight-bold); }
   
    #stores #stores_group 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 #stores_group ul.store_list > li .body ul.link_list { margin-top:var(--spacing-0); align-items:center; justify-content:center; gap:var(--spacing-2S); }
    #stores #stores_group ul.store_list > li .body ul.link_list li:not(:last-of-type) { padding-right:var(--spacing-2S); }

    #stores #stores_group ul.store_list > li .body ul.link_list a { font-size:var(--font-size-1S); font-weight:var(--font-weight-bold); text-transform:uppercase; letter-spacing:initial; }
}

@media (max-width:1500px) {
    
}

@media (max-width:1400px) {

}

@media (max-width:1200px) {
    #intro .intro_group { grid-template-columns:4fr 6fr; }

    #stores .tenant_sub_type_row ul.tenant_sub_type_list li button { font-size:var(--font-size-0); }

    #stores #stores_group ul.store_list > li .body { font-size:var(--font-size-0); }
    #stores #stores_group ul.store_list > li .body ul.link_list a { font-size:var(--font-size-0); }
}

@media (max-width:1100px) {
    
}

@media (max-width:1000px) {

}

@media (max-width:900px) {
    #intro .intro_group { grid-template-columns:1fr 1fr; } 
}

@media (max-width:760px) {
    #intro .intro_group { grid-template-columns:1fr; } 
    #intro .intro_group  > div:nth-child(1) { order:2 ; }
    #intro .intro_group  > div:nth-child(2) { order:1 ; }
    #intro .intro_group h1 { width:initial; }

    #search .search_group { grid-template-columns:1fr; }
    #search .search_group > div:nth-child(1) { display:none; }
    #search .search_group > div:nth-child(2) { text-align:left; }

    #stores #stores_group ul.store_list { grid-template-columns:1fr 1fr; column-gap:var(--spacing-1L);  }
    #stores #stores_group ul.store_list > li .body p.title { font-size:var(--font-size-1L); }
}

@media (max-width:600px) {
    #stores #stores_group ul.store_list { margin:0px auto; width:80%; grid-template-columns:1fr; }
    #stores #stores_group ul.store_list > li .body p.title { font-size:var(--font-size-2L); }
}