﻿@media all {
    #multifamily_view_menu { display:none; position:fixed; bottom:0em; left:0em; right:0em; min-width:200px; margin:0em auto; z-index:20; }
    #multifamily_view_menu ul { margin:0em; padding:0em; list-style:none; text-align:center; }
    #multifamily_view_menu li { margin:0em; padding:0em; display:inline-block; }

    #multifamily_view_menu a { display:block; padding:1em 2em; color:var(--color-white); font-size:.8em; position:relative; }
    #multifamily_view_menu a.selected,
    #multifamily_view_menu a:hover { background-color:#9fcc3b; }
    #multifamily_view_menu a.selected:after { bottom:100%; left:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-bottom-color:#9fcc3b; border-width:10px; margin-left:-10px; }

    .wrapper_multifamily_view { clear:both; position:relative; }
    .container_multifamily_view { width:96%; max-width:1200px; margin:0em auto; }
    .container_multifamily_view_content { padding:6em 4em; }
    .container_multifamily_view_content h1 { color:var(--color-white); font-family:"open-sans",sans-serif; font-weight:200; letter-spacing:.1em; margin:0em 0em .5em 0em; padding:0em; }
    .container_multifamily_view_content h2 { color:#000000; font-family:"open-sans",sans-serif; font-weight:200; letter-spacing:.1em; margin:0em 0em 2em 0em; padding:0em; text-align:center; }

    /* lincoln only */
    #multifamily_view_hero #award_logo_16051 { text-align:center; }
    #multifamily_view_hero #award_logo_16051 img { width:80%; max-width:400px; margin:0px auto; }

    /* suburban only */
    #multifamily_view_hero #award_logo_12987 { text-align:center; }
    #multifamily_view_hero #award_logo_12987 img { width:80%; max-width:300px; margin:0px auto; }

    /*-- multifamily_view_row_1 (title) --*/
    #multifamily_view_row_1 .header { clear:both; position:absolute; bottom:calc(-1 * var(--spacing-3L)); left:0em; right:0em; width:700px; margin:0em auto; z-index:10; text-align:center; background-color:#1e1e26; -webkit-animation-duration:2s; -moz-animation-duration:2s; animation-duration:2s; }
    #multifamily_view_row_1 h1 { font-size:var(--font-size-1L); color:var(--color-white); font-weight:var(--font-weight-bolder); line-height:1; margin:0px; padding:0px; }
    #multifamily_view_row_1 h1 span.sub_title { display:block; margin-top:var(--spacing-1S); font-size:var(--font-size-0); font-weight:var(--font-weight-normal); }

    #multifamily_view_row_1 .header_row_1 { clear:both; width:100%; padding:40px 0px; text-align:center; border-bottom:var(--spacing-1S) var(--color-cyan) solid; }
    #multifamily_view_row_1 .header_row_1 img { display:block; margin:0px auto; }

    /*-- multifamily_view_row_2 (overview) --*/
    #multifamily_view_row_2 { background-color:var(--color-white); }
    #multifamily_view_row_2 .container_row_content { padding:160px 50px 50px 50px; }

    #multifamily_view_row_2 .info_box ul { margin:0em 0em 3em 0em; padding:0em; text-align:center; }                    
    #multifamily_view_row_2 .info_box li { display:inline; margin:0px; padding:14px 20px; border:1px #e1e1e1 solid; margin-right:-1px; margin-bottom:-1px; }

    #multifamily_view_row_2 p { line-height:2em; }
    #multifamily_view_row_2 .address { margin:2em 0em 0em 0em; padding:2em 0em 0em 0em; border-top:1px #f7f7f7 solid; font-style:italic; }

    #multifamily_view_row_2 .link_group { margin-top:var(--spacing-1L); gap:var(--spacing-1S); }

    /*-- multifamily_view_row_3 (photos) --*/
    #multifamily_view_row_3 h2 { text-align:center; margin:0px 0px 20px 0px; padding:0px; }

    #multifamily_view_row_3 #photo_box ul { gap:var(--spacing-1S); justify-content:center; flex-wrap:wrap; }
    #multifamily_view_row_3 #photo_box li { flex: 0 0 30%; background-color:var(--color-blue); } 

    #multifamily_view_row_3 #photo_box img { width:100%; height:100%; object-fit:cover; object-position:center center; }
    #multifamily_view_row_3 #photo_box img:hover { opacity:.8; }

    /*-- multifamily_view_row_4 (videos) --*/
    #multifamily_view_row_4 { background-color:#191a1c; }
    #multifamily_view_row_4 h2 { text-align:center; margin:0px 0px 40px 0px; padding:0px; color:var(--color-white); }
    #multifamily_view_row_4 video { width:100%; }

    #multifamily_view_row_4 ul.video_list { margin:var(--spacing-1L) 0px;justify-content:center; gap:var(--spacing-1L); }
    #multifamily_view_row_4 ul.video_list li { position:relative; width:200px; background-color:var(--color-blue); background-repeat:no-repeat; background-size:cover; }
    
    #multifamily_view_row_4 ul.video_list li a { display:block; }

    #multifamily_view_row_4 ul.video_list li img.video_preview { display:block; width:100%; height:100%; object-fit:cover; }
    #multifamily_view_row_4 ul.video_list li img.video_preview:hover,
    #multifamily_view_row_4 ul.video_list li img.video_preview:focus { opacity:.8; }
    
    #multifamily_view_row_4 ul.video_list li i { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:var(--font-size-2L); color:var(--color-white); z-index:1;}
    #multifamily_view_row_4 ul.video_list li span { position:absolute; top:0px; right:0px; display:inline-block; padding:var(--spacing-3S) var(--spacing-2S); color:var(--color-white); font-size:var(--font-size-2S); line-height:1; background-color:var(--color-blue);}
    
    /*-- row 5 (brochure) --*/
    #multifamily_view_row_5 { background-color:#333333; }
    #multifamily_view_row_5 .container_row_content { padding:4em 0em; text-align:center; }
    #multifamily_view_row_5 .container_row_content h2 { text-align:center; margin:0px 0px 40px 0px; padding:0px; color:var(--color-white); }

    #multifamily_view_row_5 img { width:96%; max-width:800px; }
    #multifamily_view_row_5 img:hover { opacity:.8; }

    /*-- multifamily_view_row_6 (news) --*/
    #multifamily_view_row_6 { background-color:var(--color-lighter-gray); }
    #multifamily_view_row_6 .container_row_content > h2 { text-align:center; margin:0px 0px 20px 0px; padding:0px; }

    /*-- multifamily_view_row_7 (leasing details) --*/
    /*
    #multifamily_view_row_7 { background-color:var(--color-darkest-gray); }
    #multifamily_view_row_7 h2 { margin-bottom:var(--spacing-2L); text-align:center; color:var(--color-white); }

    #multifamily_view_row_7 ul.document_list { grid-template-columns:repeat(4, 1fr); gap:var(--spacing-1L); text-align:center; }
    #multifamily_view_row_7 ul.document_list li a { display:block; padding:var(--spacing-4L) 0px; background-color:var(--color-blue); color:var(--color-white); }
    */

    /*-- multifamily_view_row_8 (tenant logos) --*/
    #multifamily_view_row_8 { background-color:var(--color-white); }

    #multifamily_view_row_8 .container_multifamily_view_content { padding:6em 0em; }
    
    #multifamily_view_row_8 #logos { clear:both; margin:0px auto; }

    #multifamily_view_row_8 ul { margin:0px; padding:0px; list-style:none; text-align:center; }
    #multifamily_view_row_8 li { display:inline-block; margin:0px 40px 20px 40px; padding:0px; width:300px; height:200px; text-align:center; vertical-align:middle; background-repeat:no-repeat; background-size:contain; background-position:center center; }

    #multifamily_view_row_8 img { image-rendering:-moz-crisp-edges; image-rendering:-o-crisp-edges; image-rendering:-webkit-optimize-contrast; image-rendering:crisp-edges; -ms-interpolation-mode: nearest-neighbor; }

    .text_green { color:#9fcc3b; font-weight:600; }

    .phase_box { font-size:.6em; padding:0em .8em; display:inline-block; margin:0em .5em; }

    .phase_1 { background-color:#209fda; color:var(--color-white); }
    .phase_2 { background-color:#9fcc3b; color:var(--color-white); }

    .cd-timeline__content a { font-size:var(--font-size-1S); color:var(--color-dark-cyan); }
}

@media (max-width:1024px) {
    #multifamily_view_hero #award_logo_16051 img { max-width:300px; }
    #multifamily_view_hero #award_logo_12987 img { max-width:200px; }    

    .rd_title { display:block; position:absolute; bottom:0px; right:0px; left:0px; background-image:url(https://eu2allwebext.blob.core.windows.net/kimcorealty/www/resources/images/common/background/i_background_transparent_black_70.png); padding:5px; text-align:center; color:var(--color-white); z-index:2; }

    .multifamily .box:nth-child(2) h2 { color:inherit; }
    .multifamily .box:nth-child(2) .is_odd .link_as_button { background-color:var(--color-blue); border:1px var(--color-white) solid; }
    .multifamily .box:nth-child(2) .is_even .link_as_button { background-color:var(--color-white); border:1px #0888ca solid; }

    #container_multifamily_row_1_content { padding:1em; text-align:center; }

    #logo_rd { display:block; text-align:center; background-color:#209fda; padding:20px 0px 16px 0px; margin:0px auto 20px auto; width:80%; max-width:260px; }
    #logo_rd img { display:inline-block; width:80%; max-width:500px; }

    #container_multifamily_row_1_content p { font-size:1.2em; }

    .multifamily #desktop { display:none; }

    .multifamily #rd { display:block; }

    .multifamily .box:nth-child(1),
    .multifamily .box:nth-child(2) { clear:both; width:100%; min-height:inherit; float:none; }

    .multifamily .photo { float:left !important; height:200px; }
    .multifamily .overview { float:right !important; }

    .multifamily .box_content { padding:40px 20px; }
    .multifamily .row:hover .logo { left:-1000em; }

    /* DETAILS */
    #multifamily_view_row_1 h1 { font-size:1.6rem; letter-spacing:4px; }
    #multifamily_view_row_1 .header { width:100%; position:relative; bottom:inherit; }
    #multifamily_view_row_1 .header_row_1 { padding:30px 0px; }
    #multifamily_view_row_1 .header_row_1 img { max-width:280px; }

    #multifamily_view_row_2 .container_multifamily_view_content { padding:4em 2em; }
    #multifamily_view_row_2 .info_box li { display:block; margin:0px 0px 5px 0px; }
    #multifamily_view_row_2 .container_row_content { padding:50px 20px; }

    #multifamily_view_row_4 ul.video_list li { width:160px; }

    #multifamily_view_row_8 .container_multifamily_view_content { padding:4em 2em; }
    #multifamily_view_row_8 li { width:50%; height:100px; }

    .container_multifamily_view_content { padding:4em 2em; }

    .cd-timeline__container::before { left:1000em !important; }
    .cd-timeline__img { display:none !important; }
    .cd-timeline__content { margin-left:0px !important; }

    #multifamily_view_row_7 ul.document_list { grid-template-columns:repeat(2, 1fr); }
}


@media (max-width:767px) { 
    #multifamily_view_row_8 li { margin: 0px 20px 20px 20px; height:100px; }
}

@media (max-width:700px) {
    #multifamily_view_hero #award_logo_16051 img { width:60%; }
    #multifamily_view_hero #award_logo_12987 img { width:60%; }

    #multifamily_view_row_1 { background-color:var(--color-darkest-gray); }
    #multifamily_view_row_1 h1 { font-size:1.4rem; letter-spacing:3px; }
    #multifamily_view_row_1 .header_row_1 { padding:20px 0px; }
    #multifamily_view_row_1 .header_row_1 img { max-width:200px; }

    #multifamily_view_row_1 .header_row_2 img { height:18px; }

    #multifamily_view_row_3 #photo_box ul li { flex: 0 0 45%; }
}

@media (max-width:639px) { 
    #multifamily_view_hero #award_logo_16051 img { width:50%; }
    #multifamily_view_hero #award_logo_12987 img { width:50%; }

    #multifamily_view_row_8 li { height:80px; margin:0px 0px 10px 0px; }
}

@media (max-width:480px)  { 
    
}

@media (max-width:400px)  { 
    #multifamily_view_row_1 .header_row_1 img { max-width:140px; }
}

/* ----------------------------------------------------------- */
/* ----------------------------------------------------------- */
/* rotated css */
@media (min-width:480px) AND (max-width:1023px)  { 
    #logo_rd { margin:20px auto 40px auto; }

    .multifamily .photo { height:300px; }
    .multifamily .box_content { padding:60px 40px; }

    #multifamily_view_row_8 li { height:160px; width:100px; }
}

@media (min-width:640px) AND (max-width:1023px) { 
    .multifamily .box_content { padding:80px 60px; }

    #multifamily_view_row_8 li { height:140px; width:30%; }
}

@media (min-width:768px) AND (max-width:1023px) { 
    #multifamily_view_row_2 .info_box li { display:inline-block; margin:0px 15px 5px 15px; }
}

@media (min-width:1024px) AND (max-width:1280px) { 
    
}
