/* -- Copyright © Microsoft Corporation. All rights reserved. */
.template
{
    display: -ms-grid;
    -ms-grid-columns: 1fr;
    -ms-grid-rows: 1fr;
    width: 172px;
    height: 172px;

}
.image
{
    height: 100%;
    width: 100%;
}
.overlay
{
    -ms-grid-row-align: end;
    background-color: rgba(0,0,0,0.65);
    height: 60px;
    overflow: hidden;
    padding: 0px 12px 0px 12px;
}
.overlay .overlayItemTitle
{
    font-family: Segoe UI Semilight, Segoe UI;
    font-size: 20pt;
    color: white;
    overflow: hidden;
    white-space: nowrap;
}
.overlay .overlayItemText
{
    font-family: Segoe UI;
    font-size: 11pt;
    color: white;
    overflow: hidden;
    white-space: nowrap;
}
/* CSS for Small Overlay */
.templateSmall
{
    width: 132px;
    height: 132px;
}

.overlaySmall
{
    height: 32px;
    overflow: hidden;
    padding: 4px 12px 4px 12px;
}

/* CSS for Large Overlay */
.templateLarge
{
    width: 272px;
    height: 272px;

}
.overlayLarge
{
    height: 100px;
    overflow: hidden;
    padding: 0px 12px 0px 12px;
}

.overlayLarge  .overlayItemText
{
    white-space: normal;
}