.component.highlight{position:relative;margin:0;border-radius:0;overflow:hidden}.component.highlight .caption{position:relative;padding:10px 0;z-index:1;font-size:20px;color:#fff;text-align:center;text-shadow:1px 1px 2px #000}.component.highlight .description{position:absolute;bottom:0;max-height:20em;padding:10px;transform:translate3d(0,100%,0);overflow:hidden;color:#fff;background-color:rgba(0,0,0,.7);text-align:justify;transition:transform .15s ease-in}.component.highlight:hover .description{transform:translateZ(0)}.component.highlight.withHeading,.component.highlightGrid.withHeading .component.highlight{display:flex;flex-direction:column}.component.highlight.withHeading>a,.component.highlightGrid.withHeading .component.highlight>a{display:flex;flex-direction:column;flex-grow:1}.component.highlight.withHeading .caption,.component.highlightGrid.withHeading .component.highlight .caption{margin:0 0 5px;padding:0;color:var(--heading-color);font-size:var(--heading-font-size);text-shadow:none}.component.highlight.withHeading .image,.component.highlightGrid.withHeading .component.highlight .image{position:relative;flex-grow:1}