﻿.hubpage header[role=banner] {
    position: relative;
    z-index: 2;
}

.hubpage .titlearea, .hubpage .subtitle { font-family: "gooddog"; }
    .hubpage .titlearea { font-size: 70px; }
        .hubpage .titlearea .titleCode { color: #34435a; }
        .hubpage .titlearea .titleShow { color: #5e83a2; }
    .hubpage .subtitle { font-size: 20px; color: #34435a; }

.hubpage header[role=banner] .win-searchbox {
    -ms-grid-column: 4;
    -ms-grid-column-align:end;
    top: 40px;
    margin-right:30px;
}

.hubpage section[role=main] {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    z-index: 1;
}

.hubpage .hub .win-hub-surface {
    height: 100%;
}

.hubpage .hub .hero {
    -ms-high-contrast-adjust: none;
    background-image: url(/images/gray.png);
    background-size: cover;
    margin-left: -80px;
    margin-right: 80px;
    padding: 0;
    width: 780px;
}

    .hubpage .hub .hero:-ms-lang(ar, dv, fa, he, ku-Arab, pa-Arab, prs, ps, sd-Arab, syr, ug, ur, qps-plocm) {
        margin-left: 80px;
        margin-right: -80px;
    }

    .hubpage .hub .hero .win-hub-section-header {
        display: none;
    }

.label-extralarge {
	font-size: 28pt;
	line-height: 30pt;
}

.label-medium {
	font-size: 15pt;
	line-height: 17.5pt;
}

.label-mediummid {
	font-size: 15pt;
	line-height: 17.5pt;
}

/* Apps Section */
.hubpage .hub .section_apps {
    width: 400px;
    display:none;
}

    .hubpage .hub .section_apps .win-hub-section-content {
        overflow-y: hidden;
    }

    .hubpage .hub .section_apps .top-image-row {
        height: 260px;
        margin-bottom: 10px;
        width: 400px;
        display:-ms-grid;
    }

        .hubpage .hub .section_apps .top-image-row .screenshot img {
            height: 260px;
            width: 400px;
        }

        .hubpage .hub .section_apps .top-image-row div.logo {
            position:relative;
            top:20px;
            left:20px;
            -ms-grid-column-align:start;
            -ms-grid-row-align:start;
        }

        .hubpage .hub .section_apps .top-image-row div.logo img {
            height: 50px;
            width: 50px;
        }

    .hubpage .hub .section_apps .sub-image-row {
        margin-bottom: 20px;
    }

    .hubpage .hub .section_apps .sub-image-row .win-repeater{
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between; /*BUG: not working*/
    }

        .hubpage .hub .section_apps .sub-image-row .win-repeater img {
            height: 50px;
            width: 50px;
        }

/* Source Code Section */
.hubpage .hub .section_sourcecode {
    width: 420px;
    display:none;
}

    .hubpage .hub .section_sourcecode .win-hub-section-content {
        overflow-y: hidden;
    }

    .hubpage .hub .section_sourcecode .subtext {
        margin-bottom: 7px;
        margin-top: 9px;
    }


/* Resources Section */
.hubpage .hub .section_resources {
    width: 440px;
    display:none;
}

    .hubpage .hub .section_resources .win-hub-section-content {
        overflow-y: hidden;
    }

    .hubpage .hub .section_resources .item-title {
        margin-top: 4px;
        margin-bottom: 10px;
    }

    .hubpage .hub .section_resources .article-header {
        margin-bottom: 15px;
    }