/*@keyframes clockwise { to { @include transform(rotate(360deg) translateZ(0)) } }*/
/* Font smoothing */
/** @file Map Bootstrap breakpoints to nice mixins. */
.tile { margin: 0; background-color: #006272; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.tile--video { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto 1fr; grid-template-rows: auto 1fr; height: 100%; background-color: #f2f2f2; max-width: 670px; }

.tile--video > figcaption { -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1 / 2; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; z-index: 10; background-color: transparent; color: #ffffff; padding: 1em; line-height: 1.2; font-size: 15px; }

.tile--video > img { -ms-grid-row: 1; -ms-grid-row-span: 2; grid-row: 1 / 3; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; vertical-align: top; width: 100%; height: auto; }

.tile--video .tile__play { -ms-grid-row: 1; -ms-grid-row-span: 2; grid-row: 1 / 3; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; z-index: 20; display: block; text-indent: -5000px; position: relative; }

.tile--video .tile__play:before { content: ''; position: absolute; width: 60px; height: 60px; background-color: #094C9C; background-image: url("./svg/play.svg"); background-repeat: no-repeat; background-position: 22px center; background-size: 20px auto; border-radius: 50%; display: block; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); box-shadow: 0 0 1em rgba(0, 0, 0, 0.15); transition: opacity .2s ease; }

.tile--video .tile__play:hover:before, .tile--video .tile__play:focus:before { opacity: 0.85; }

.tile--quote { color: #ffffff; padding: 30px 20px; font-size: 15px; }

.tile--quote::before, .tile--quote::after { content: none; }

.tile--quote p > strong, .tile--quote p > b { font-size: 4em; display: block; white-space: nowrap; }

.tile--quote p > strong > small { color: #ffffff; font-size: 60%; display: inline; }

.tile--quote p > strong > small::before, .tile--quote p > strong > small::after { content: none; }

.tile--quote cite { font-style: normal; font-weight: 200; text-transform: uppercase; font-size: 13px; }