/* import file for a variety of colors */
/* import file for fonts */
@font-face { font-family: IsonormD; src: url(/assets/webfonts/i011000d.woff2) format("woff2"), url(/assets/webfonts/i011000d.ttf) format("truetype"); font-display: swap; }

/* various useful variables and mixins */
.news-container { padding-top: 6.25em; display: flex; width: 100%; justify-content: center; }

.news-container .wrapper { flex-basis: 70rem; padding: 0 1rem; }

.news-container .wrapper .news-item { display: flex; margin-bottom: 3rem; }

@media (max-width: 690px) { .news-container .wrapper .news-item { flex-direction: column; } }

.news-container .wrapper .news-item a > div { position: relative; }

.news-container .wrapper .news-item img { width: 300px; height: 210px; margin-right: 1rem; }

@media (max-width: 690px) { .news-container .wrapper .news-item img { width: 100%; height: auto; } }

.news-container .wrapper .news-item .unpublished-label { position: absolute; bottom: 1rem; right: 1rem; display: flex; justify-content: center; align-items: center; background-color: #FDD835; padding: 0 .3rem; border-top-left-radius: 6px; border-bottom-left-radius: 6px; font-size: .8rem; font-weight: bold; }

.news-container .wrapper .news-item .details { margin-top: 0; }

.news-container .wrapper .news-item .details h3 { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; color: #d78b21; font-size: 2rem; font-weight: normal; line-height: 1.1; }

.news-container .wrapper .news-item .details .button { border: none; background-color: #003855; color: white; padding: 6px 10px; margin-top: 10px; border-radius: 4px; font-family: IsonormD, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 1rem; cursor: pointer; }

.news-container .wrapper .trail-wrap { display: flex; justify-content: left; margin: 1rem 0; }

.news-container .wrapper .trail-wrap .trail { list-style-type: none; margin: 0; padding: 0; display: flex; border: 1px solid #0002; border-radius: 4px; }

.news-container .wrapper .trail-wrap .trail li { font-size: 20px; text-align: center; width: 40px; }

.news-container .wrapper .trail-wrap .trail li a { display: block; width: 40px; transition: all .2s ease-in-out; }

.news-container .wrapper .trail-wrap .trail li a:hover { background-color: #0002; }

.news-container .wrapper .trail-wrap .trail .selected { background-color: #d78b21; color: white; }

/*# sourceMappingURL=news.css.map */