/*@keyframes clockwise { to { @include transform(rotate(360deg) translateZ(0)) } }*/
/* Font smoothing */
/** @file Map Bootstrap breakpoints to nice mixins. */
.slat { border: 1px #e7e7e8 solid; box-shadow: 0 0.25em 0.25em rgba(0, 0, 0, 0.15); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; }

.slat + * { margin-top: 1.5em; }

.slat + .slat { margin-top: 3em; }

.slat > * { padding-left: 35px; padding-right: 35px; display: block; }

.slat > *:not(.slat__link):first-child { padding-top: 30px; }

.slat--is-restricted { max-width: 600px; }

.slat__title { margin: 0; }

.slat__title + * { margin-top: .5em; }

body:not(.cke_editable) div.slat__link { position: absolute; z-index: 100; top: 0; left: 0; width: 100%; height: 100%; padding-left: 0; padding-right: 0; }

body:not(.cke_editable) div.slat__link > a { display: block; width: 100%; height: 100%; text-indent: -5000em; }

body:not(.cke_editable) div.slat__link:first-child + * { padding-top: 30px; }

.cke_editable div.slat__link { background-color: hotpink; padding: 10px; }

.cke_editable div.slat__link:after { content: "This area won't show on the front end"; background-color: hotpink; padding: .25em; position: absolute; top: 0; font-size: 12px; color: black; right: 0; }

.slat--has-pattern:after { content: ''; background-image: url("../../../svg/star-trails-black.svg"); background-color: transparent; background-repeat: no-repeat; background-position: 0 0; bottom: 0; display: block; width: 130px; height: 130px; opacity: 0.1; position: absolute; right: 0; z-index: 0; }

.slat--tile { position: relative; overflow: hidden; }

.slat--tile:before { content: ''; width: 8px; height: calc(100% + 2px); position: absolute; top: -1px; left: 0; z-index: 1; background-color: #094C9C; }

.slat--tile .slat__title { font-size: 21px; display: inline-flex; align-items: center; }

.slat--tile .slat__title > em { font-style: normal; font-size: 220%; color: #e7e7e8; font-weight: 600; display: inline-flex; margin-right: .35em; }

.slat--tile .slat__footer { display: flex; flex-direction: column; padding-left: 0; padding-right: 0; border-top: 1px #e7e7e8 solid; }

@media (min-width: 480px) { .slat--tile .slat__footer { flex-direction: row; } }

.slat--tile .slat__footer > dl { font-size: 16px; flex: 1; padding-left: 25px; padding-right: 25px; padding-top: 20px; padding-bottom: 25px; margin-bottom: 0; }

.slat--tile .slat__footer > dl + dl { border-top: 1px #e7e7e8 solid; padding-top: 10px; margin-top: -10px; }

@media (min-width: 480px) { .slat--tile .slat__footer > dl + dl { padding-top: 20px; margin-top: 0; border-left: 1px #e7e7e8 solid; border-top: none; } }

.slat--tile .slat__notes { background-color: #f3f4f3; border-top: 1px #e7e7e8 solid; padding-top: 30px; padding-bottom: 30px; }

.slat--tile .slat__notes dl { margin-bottom: 0; font-size: 16px; margin-left: 20px; }

.slat--tile .slat__notes dl > dt { float: left; margin-right: .45em; text-transform: uppercase; }

.slat--tile .slat__notes dl > dt + dd { margin-bottom: 1em; }

.slat--tile .slat__notes dl > dd:last-child { margin-bottom: 0; }

.slat--tile [data-icon] { position: relative; }

.slat--tile [data-icon]:before { content: ''; display: block; width: 1em; height: 1em; position: absolute; top: 50%; left: -1.5em; background-position: center; background-repeat: no-repeat; background-size: contain; transform: translateY(-50%); }

.slat--tile [data-icon="warning"]:before { background-image: url("./svg/warning.svg"); }

.slat--tile [data-icon="suitcase"]:before { background-image: url("./svg/suitcase.svg"); }

.slat--tile div.slat__link ~ .slat__title { color: #094C9C; }

body:not(.cke_editable) .slat--tile div.slat__link:hover { border: 1px solid #122954; }

body:not(.cke_editable) .slat--tile div.slat__link:hover:before { content: ''; width: 8px; height: calc(100% + 2px); position: absolute; top: -1px; left: 0; z-index: 1; background-color: #122954; }

body:not(.cke_editable) .slat--tile div.slat__link:hover ~ .slat__title { color: #122954; }

.slat--sometimes-has-left-aligned-media { display: flex; flex-wrap: wrap; height: 100%; margin-top: 40px; }

@media (min-width: 992px) { .slat--sometimes-has-left-aligned-media { align-items: flex-start; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } }

@media (min-width: 1200px) { .slat--sometimes-has-left-aligned-media { margin-top: 80px; } }

.slat--sometimes-has-left-aligned-media .slat__media { width: 100%; }

@media (min-width: 992px) { .slat--sometimes-has-left-aligned-media .slat__media { flex: 1 0 48%; } }

.slat--sometimes-has-left-aligned-media .slat__content { margin-top: 20px; }

@media (min-width: 992px) { .slat--sometimes-has-left-aligned-media .slat__content { margin-top: 0; flex-grow: 1; flex: 1 0 48%; margin-left: 4%; } }

.slat--sometimes-has-right-aligned-media { display: flex; flex-wrap: wrap; height: 100%; margin-top: 40px; }

@media (min-width: 992px) { .slat--sometimes-has-right-aligned-media { align-items: flex-start; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } }

@media (min-width: 1200px) { .slat--sometimes-has-right-aligned-media { margin-top: 80px; } }

.slat--sometimes-has-right-aligned-media .slat__media { width: 100%; }

@media (min-width: 992px) { .slat--sometimes-has-right-aligned-media .slat__media { flex: 48% 0 1; order: 1; } }

.slat--sometimes-has-right-aligned-media .slat__content { margin-top: 20px; }

@media (min-width: 992px) { .slat--sometimes-has-right-aligned-media .slat__content { order: 0; margin-top: 0; flex-grow: 1; flex: 48% 0 1; margin-right: 4%; } }