﻿@media all {
    /* video */
    #video { overflow:hidden; }
    #video video { display:block; position:relative; width: 100vw; height:100vh; object-fit:cover; background-color:var(--color-purple); }

    #video_options { display:none; position:absolute; bottom:var(--spacing-1L); right:0px; left:0px; text-align:center; z-index:200; }
    
    #video_options button { padding:var(--spacing-2S); color:var(--color-white); font-size:var(--font-size-1S); cursor:pointer; background-color:var(--color-salmon); border:1px var(--color-salmon) solid; }
    #video_options button:hover,
    #video_options button:focus { color:var(--color-blue); background-color:var(--color-white); background-image:none; border:1px var(--color-blue) solid;  border-radius:initial;}

    /* tenant_types */
    #tenant_types { background-position:left center; background-repeat:no-repeat; background-size:contain; background-image:url(https://eu2allwebext.blob.core.windows.net/providencemarketsquare/www/resources/images/common/other/i_pattern_single_red.png); }
    #tenant_types .slide_group { gap:var(--spacing-2L); align-items:center; }
    #tenant_types .slide_group > div:nth-child(1) img { display:block; margin:0px; width:100%; height:60vh; object-fit:cover; }
    #tenant_types .slide_group > div:nth-child(2) p.title { font-size:var(--font-size-3L); }
    #tenant_types .slide_group > div:nth-child(2) p.description { font-size:var(--font-size-1L); }
    #tenant_types .slide_group > div:nth-child(2) a { display:inline-block; margin-top:var(--spacing-0); font-size:var(--font-size-1L); }

    /* whats new */
    #whats_new .title { margin-bottom:var(--spacing-2L); text-align:center; }
    #whats_new .title h2 { display:inline-block; margin:0px auto; }

    #whats_new .whats_new_group { margin:0px auto; gap:var(--spacing-0); grid-template-columns:1fr 1fr 1fr; }
    #whats_new .whats_new_group.two_boxes { grid-template-columns:1fr 1fr; gap:var(--spacing-0); }
    #whats_new .whats_new_group.one_box { max-width:800px; grid-template-columns:1fr; }
    #whats_new .whats_new_group.one_box > .box { display:grid; grid-template-columns:1fr 1fr; align-items:center; }

    #whats_new .whats_new_group .box { position:relative; text-align:center; background-color:var(--color-light-beige);}
    #whats_new .whats_new_group .box .photo { background-color:var(--color-dark-beige); background-repeat:no-repeat; background-position:center center; background-size:50%; background-image:url(https://eu2allwebext.blob.core.windows.net/providencemarketsquare/www/resources/images/common/logos/i_providence_logo_white.png); }
    #whats_new .whats_new_group .box .photo img { display:block; margin:0px; width:100%; }
    #whats_new .whats_new_group .box .body { position:relative; padding:var(--spacing-2L) var(--spacing-0) var(--spacing-0) var(--spacing-0); }
    #whats_new .whats_new_group .box .body h3 { margin-top:0px; margin-bottom:var(--spacing-2S); }
    #whats_new .whats_new_group .box .body a { font-size:var(--font-size-1S); }
    #whats_new .whats_new_group .box .label_is { position:absolute; padding:var(--spacing-1S) var(--spacing-2L); top:calc(calc(var(--font-size-2S) * -1) + calc(var(--spacing-1S) * -1)); left:50%; transform:translateX(-50%); font-size:var(--font-size-2S); font-weight:var(--font-weight-bold); text-transform:uppercase; text-align:center; }

    #whats_new .whats_new_group.one_box .box .label_is { padding:var(--spacing-1S) var(--spacing-0);}

    /* social*/
    #social_feed { text-align:center; }
    #social_feed .container_row_content { padding-top:0px; padding-bottom:var(--spacing-3L); }

    #social_feed h2 { margin:0px 0px var(--spacing-1S) 0px; }

    #social_feed ul.social_group { grid-template-columns:repeat(4, 1fr); gap:var(--spacing-1S); margin:var(--spacing-2L) 0px; }
    #social_feed ul.social_group li { position:relative; }

    #social_feed ul.social_group a { display:block; }
    #social_feed ul.social_group a:hover img,
    #social_feed ul.social_group a:focus img { opacity:.8; }

    #social_feed ul.social_group img { display:block; margin:0px; width:100%;}
    #social_feed ul.social_group .social_icon { position:absolute; top:var(--spacing-2S); right:var(--spacing-2S); color:var(--color-white); font-size:var(--font-size-1L); z-index:1; }
}

@media (max-width:1500px) {
    
}

@media (max-width:1400px) {
    #tenant_types .slide_group > div:nth-child(1) img { height:50vh; }
}

@media (max-width:1200px) {
    #tenant_types .slide_group > div:nth-child(1) img { height:40vh; }
}

@media (max-width:1000px) {
    #whats_new .whats_new_group .box .body h3 { font-size:var(--font-size-1L); }
    #whats_new .whats_new_group .box .body a { font-size:var(--font-size-1L); }
    #whats_new .whats_new_group .box .label_is { min-width:100px;}
}

@media (max-width:900px) {
    #whats_new .whats_new_group { grid-template-columns:1fr 1fr; }
    #whats_new .whats_new_group > div:nth-child(3) { display:none; }
    #social_feed ul.social_group { grid-template-columns:1fr 1fr 1fr; gap:var(--spacing-2L); }
    #social_feed ul.social_group > li:nth-child(4) { display:none; }
}

@media (max-width:760px) {
    
}

@media (max-width:700px) {
    #tenant_types { background-image:none; }

    #tenant_types .slide_group { grid-template-columns:1fr; gap:0px; border:1px var(--color-light-purple) solid; }
    #tenant_types .slide_group > div:nth-child(1) img { width:100%; height:clamp(150px, 200px,  250px); object-fit:cover; }
    #tenant_types .slide_group > div:nth-child(2) .body { padding:var(--spacing-2L); }

    #social_feed ul.social_group { grid-template-columns:1fr 1fr; }
    #social_feed ul.social_group > li:nth-child(4) { display:block; }
}

@media (max-width:600px) {
    
}