﻿@media all {
    /* common */
    /*
    header { position:fixed; top:0px; right:0px; left:0px; background-color:transparent; background: linear-gradient(to bottom, rgba(0, 0, 0, .2), rgba(255, 255, 255, 0)); z-index:10000000; }
    header #menu ul li a { color:var(--color-white); }
    */
    header.header_no_scroll .color_bar_1 { display:none; }

    /* hero */
    #home_hero_photo .ms-slide-bgcont:after { content:''; position:absolute; top:0px; right:0px; bottom:0px; left:0px; background-color:rgba(0, 0, 0, .1); z-index:1; }

    #home_hero_photo .hero_title .body { position:relative; padding:var(--spacing-2L) var(--spacing-2L) var(--spacing-5L) var(--spacing-2L); text-align:center;  z-index:2;}

    #home_hero_photo .hero_title .body h1 { max-width:1200px; margin:0px; padding:0px; color:var(--color-white); font-size:calc(var(--font-size-3L) * 1.7); font-weight:var(--font-weight-bolder); line-height:1.2; letter-spacing:1px; }
    #home_hero_photo .hero_title .body h1 span { display:block; font-size:var(--font-size-4L); }

    #home_hero_photo .hero_title .body h2 { color:var(--color-white); font-size:var(--font-size-1L); font-weight:var(--font-weight-bolder); text-transform:uppercase; letter-spacing:2px; }

    #home_hero_photo .hero_title .body .search { max-width:600px; margin:0px auto;  }
    #home_hero_photo .hero_title .body .search input { font-size:var(--font-size-0); }

    /*
    .hero_text_ml {display:block; float:left; padding-left:80px; max-width:800px;}
    .hero_text_mc {display:block; text-align:center; max-width:800px; margin:0px auto;}
    .hero_text_mr {display:block; float:right; text-align:right; padding-right:80px; max-width:800px;}
    */

    .brand_title_row { margin:0px auto; max-width:800px; }

    /* coming soon */
    #coming_soon { background-color:var(--color-orange); }
    #coming_soon .container_row { max-width:initial; padding:var(--spacing-1S) var(--spacing-1L); text-align:center; }

    #coming_soon h2,
    #coming_soon p { display:inline-block; margin:0px; padding:0px; color:var(--color-white); font-size:var(--font-size-0);  text-transform:uppercase; }
    #coming_soon p { letter-spacing:1px; }

    /* store type */
    #store_types .container_row { position:relative; z-index:2; }

    #store_types ul.store_type_list { grid-template-columns:repeat(2, 1fr); gap:var(--spacing-2L); color:var(--color-white); }
    #store_types ul.store_type_list li { position:relative; height:50vh; max-height:500px; background-color:var(--color-blue); background-size:cover; background-position:center center; border-top-left-radius:30px; border-top-right-radius:30px; }
    #store_types ul.store_type_list li a { position:absolute; top:0px; right:0px; bottom:0px; left:0px; z-index:50; border-top-left-radius:30px; border-top-right-radius:30px; }
    #store_types ul.store_type_list li a:hover,
    #store_types ul.store_type_list li a:focus { background-color:rgba(0, 48, 85, 0.8); background-image:url(https://eu2allwebext.blob.core.windows.net/kimcorealty/www/resources/images/common/icons/brand/i_brand_icon_5_white.png); background-size:20%; background-position:center center; background-repeat:no-repeat; }

    #store_types ul.store_type_list li .body { position:absolute; top:0px; right:0px; bottom:0px; left:0px; border-top-left-radius:30px; border-top-right-radius:30px; z-index:1;  }
    #store_types ul.store_type_list li .body:before { content: ''; position: absolute; bottom: 0px; right: 0px; left: 0px; height: 50%; background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, .5)); z-index: 3; border-top-left-radius: 20px; border-top-right-radius: 20px; z-index: 2; }
    
    #store_types ul.store_type_list li .body .text { position:absolute; bottom:0px; right:0px; left:0px; padding:var(--spacing-1L) var(--spacing-1L) var(--spacing-2L) var(--spacing-1L); background: linear-gradient(to top, rgba(0, 0, 0, .4), rgba(255, 255, 255, 0)); z-index:3; }
    #store_types ul.store_type_list li .body .text p { margin:0px; padding:0px; line-height:1; font-size:var(--font-size-2L); font-weight:var(--font-weight-bolder); letter-spacing:1px; }
    #store_types ul.store_type_list li .body .brand_arrow_icon { display:none; position:absolute; width:50px; height:50px; top:var(--spacing-0); right:var(--spacing-0); font-size:var(--font-size-2L); font-weight:var(--font-weight-bold); border:2px var(--color-white) solid; z-index:2; }

    /* curbside */
    #curbside { background-color:var(--color-blue); background-position: center top -120px; background-repeat: repeat-y; background-size: 90%; background-image:url(https://eu2allwebext.blob.core.windows.net/shopkimco/www/resources/images/common/background/i_background_shapes_1_with_2_rows.png);}
    #curbside:after { content:''; position:absolute; top:0px; right:0px; bottom:0px; left:0px; background-color:rgba(0, 48, 85, .9); z-index:1; }
    
    #curbside .photo { text-align:center; }
    #curbside .photo img { width:90%; max-width:400px; margin:0px auto var(--spacing-2L) auto; }
    #curbside .photo p.large_text { margin:0px auto; padding:0px; color:var(--color-curbside-green); font-size:var(--font-size-3L); font-weight:var(--font-weight-bolder); line-height:1; text-transform:uppercase; letter-spacing:1px; }
    
    #curbside .body { color:var(--color-white); }
    #curbside .body h2 { color:var(--color-white); font-size:var(--font-size-3L); }
    #curbside .body a.link_as_button { color:var(--color-blue); font-weight:var(--font-weight-bolder); background-color:var(--color-curbside-green); }

    #curbside .brand_2_columns { position:relative; align-items:center; z-index:2;  }
    #curbside .brand_2_columns div.photo { min-height:initial; }
}

@media (max-width:1400px) {
    #home_hero_photo .hero_title .body h1 { font-size:calc(var(--font-size-3L) * 1.5); }
}

@media (max-width:1200px) {
    #curbside .container_row { max-width:600px; text-align:center; }
    #curbside .brand_2_columns { flex-wrap:wrap; }
    #curbside .brand_2_columns > div { flex-basis:100%; }
    #curbside .brand_2_columns div.photo { min-height:initial; }
}

@media (max-width:1100px) AND (orientation: portrait) {
    #home_hero_photo .hero_title .body h1 { font-size:var(--font-size-5L); }

    #coming_soon h2,
    #coming_soon p { display:block; margin:0px auto; }

    #store_types ul.store_type_list li { height:30vh; }
}

@media (max-width:700px) {
    #home_hero_photo .hero_title .body h1 { font-size:var(--font-size-3L); }
    #home_hero_photo .hero_title .body h1 span  { font-size:var(--font-size-1L); }
    #home_hero_photo .hero_title .body h2 { margin:var(--spacing-1S) auto; font-size:var(--font-size-1S);}

    .search_control { width:50vw; }

    #store_types ul.store_type_list { grid-template-columns:repeat(1, 1fr); }

    #curbside .brand_2_columns { flex-wrap:wrap; }
    
    #curbside { background-repeat:no-repeat; background-size:160%; background-position:center top -14px; background-image:url(https://eu2allwebext.blob.core.windows.net/shopkimco/www/resources/images/common/background/i_background_shapes_1.png); }
    #curbside .container_row_content { padding:var(--spacing-4L) var(--spacing-4L); }
    #curbside .photo img { width:50%; }
    #curbside .body { text-align:center; }
}

@media (max-width:500px) {

}