﻿.mosaic{display:-ms-grid;display:grid;grid-auto-flow:row dense;-ms-grid-columns:(25%)[4];grid-template-columns:repeat(4,25%);grid-auto-rows:40vh;grid-column-gap:0;grid-row-gap:0;background-color:#fff}@media screen and (min-width:1001px) and (max-width:1300px){.mosaic{-ms-grid-columns:(33.333333%)[3];grid-template-columns:repeat(3,33.333333%)}}@media screen and (min-width:731px) and (max-width:1000px){.mosaic{-ms-grid-columns:(50%)[2];grid-template-columns:repeat(2,50%);grid-auto-rows:33.33333vh}}@media screen and (max-width:730px){.mosaic{-ms-grid-columns:(100%)[1];grid-template-columns:repeat(1,100%);grid-auto-rows:50vh}}.mosaic-item{overflow:hidden;background-color:#fff;display:flex;position:relative}.mosaic-item__img-container{z-index:1;flex:0 0 50%;width:100%;height:100%;position:relative;overflow:hidden}.mosaic-item__img-container .whitesquare{position:absolute;top:50%;left:50%;width:20%;height:auto;transform:translateX(-50%) translateY(-50%)}.mosaic-item__img{width:100%;height:100%;object-fit:cover}.mosaic-item__img.mosaic-item__img--contain{object-fit:contain;transform:scale(.8)}.mosaic-item__text{z-index:2;flex:0 0 50%;background-color:#fff;color:#000;padding:3em 3em 2em}@media screen and (max-width:730px){.mosaic-item__text{padding-left:10vw;padding-right:10vw}}.mosaic-item__1x2{flex-direction:column;-ms-grid-column:span 1;grid-column:span 1;-ms-grid-row:span 2;grid-row:span 2}.mosaic-item__1x2 .whitesquare{top:100%}@media screen and (min-width:731px){.mosaic-item__1x2--reversed{flex-direction:column-reverse}.mosaic-item__1x2--reversed .whitesquare{top:0}}.mosaic-item__1x2 .mosaic-item__img-container{height:50%}.mosaic-item__1x3{flex-direction:column;-ms-grid-column:span 1;grid-column:span 1;-ms-grid-row:span 3;grid-row:span 3}.mosaic-item__1x3 .whitesquare{top:100%}@media screen and (min-width:731px){.mosaic-item__1x3--reversed{flex-direction:column-reverse}.mosaic-item__1x3--reversed .whitesquare{top:0}}.mosaic-item__1x3 .mosaic-item__img-container{height:50%}.mosaic-item__2x1{flex-direction:row;-ms-grid-column:span 2;grid-column:span 2;-ms-grid-row:span 1;grid-row:span 1}@media screen and (min-width:731px){.mosaic-item__2x1 .whitesquare{left:100%}.mosaic-item__2x1--reversed{flex-direction:row-reverse}.mosaic-item__2x1--reversed .whitesquare{left:0}.mosaic-item__2x1 .mosaic-item__img-container{width:50%}}@media screen and (max-width:730px){.mosaic-item__2x1{flex-direction:column;-ms-grid-column:span 1;grid-column:span 1;-ms-grid-row:span 2;grid-row:span 2}.mosaic-item__2x1 .whitesquare{top:100%}}.mosaic-item__2x2{flex-direction:row;-ms-grid-column:span 2;grid-column:span 2;-ms-grid-row:span 2;grid-row:span 2}@media screen and (min-width:731px){.mosaic-item__2x2 .whitesquare{left:100%}.mosaic-item__2x2--reversed{flex-direction:row-reverse}.mosaic-item__2x2--reversed .whitesquare{left:0}.mosaic-item__2x2 .mosaic-item__img-container{width:50%}}@media screen and (max-width:730px){.mosaic-item__2x2{flex-direction:column;-ms-grid-column:span 2;grid-column:span 2;-ms-grid-row:span 2;grid-row:span 2}.mosaic-item__2x2 .whitesquare{top:100%}}.mosaic-item__3x1{flex-direction:row;-ms-grid-column:span 3;grid-column:span 3;-ms-grid-row:span 1;grid-row:span 1}.mosaic-item__3x1 .mosaic-item__img-container{flex-basis:66.66667%}.mosaic-item__3x1 .mosaic-item__text{flex-basis:33.33333%}.mosaic-item__3x1 .whitesquare{width:10%}@media screen and (min-width:731px){.mosaic-item__3x1 .whitesquare{left:100%}.mosaic-item__3x1--reversed{flex-direction:row-reverse}.mosaic-item__3x1--reversed .whitesquare{left:0}.mosaic-item__3x1 .mosaic-item__img-container{width:66.66667%}}@media screen and (max-width:730px){.mosaic-item__3x1{flex-direction:column;-ms-grid-column:span 1;grid-column:span 1;-ms-grid-row:span 2;grid-row:span 2}.mosaic-item__3x1 .whitesquare{top:100%}}.mosaic-item__fullbleed .mosaic-item__img-container{position:absolute;top:0;left:0;right:0;bottom:0;height:100%;width:100%}.mosaic-item__fullbleed a,.mosaic-item__fullbleed a:hover{color:#fff}.mosaic-item__fullbleed .whitesquare{display:none}.mosaic-item__fullbleed .mosaic-item__text{background-color:transparent;color:#fff}.mosaic-item__text :first-child{margin-top:0}.mosaic-item__type-heading{color:#32bdb9;font-size:18px;font-weight:700}.mosaic-item__article-heading{font-size:17px;font-weight:700}.mosaic-text a{font-size:16px;font-weight:700;color:#000;text-decoration:underline}.mosaic-text a .glyphicon{font-size:13px;color:#32bdb9;margin-left:15%}
/*# sourceMappingURL=mosaicgrid.min.css.map */
