@charset "UTF-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */ }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

html {
  font-size: 10px;
  box-sizing: border-box;
  height: 100%; }
  @media (min-width: 20em) and (max-width: 56.25em) {
    html {
      font-size: calc(10px + (12 - 10) * ((100vw - 320px) / (900 - 320))); } }
  @media (min-width: 56.25em) {
    html {
      font-size: 12px; } }

*,
*::before,
*::after {
  box-sizing: inherit;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased; }

::-moz-selection {
  background: #c2f2ff; }

::selection {
  background: #c2f2ff; }

body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100%;
  position: relative;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  color: #191a1a;
  background-color: #ffffff; }

ul,
ol,
li {
  margin: 0;
  padding: 0;
  list-style: none; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  margin: 0; }

p {
  margin-top: 1em;
  margin-bottom: 1em; }
  p:first-child {
    margin-top: 0; }
  p:last-child {
    margin-bottom: 0; }

q::before, q::after {
  content: ''; }

blockquote::before, blockquote::after {
  content: ''; }

img {
  display: block;
  max-width: 100%; }

iframe {
  max-width: 100%; }

a {
  color: inherit;
  text-decoration: none; }

figure {
  margin: 0; }

.invisible {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px); }

.center {
  text-align: center; }

.has-blur {
  transition: filter .5s; }
  .has-blur.is-blur {
    opacity: .2; }
    @supports (-webkit-filter: blur(20px)) or (filter: blur(20px)) {
      .has-blur.is-blur {
        opacity: 1;
        filter: blur(15px); } }

.no-scroll {
  overflow: hidden; }

@media (max-width: 31.999em) {
  .hide-desktop {
    display: none; } }

@media (min-width: 32em) {
  .hide-mobile {
    display: none; } }

.hide {
  display: none; }

.userContent > * {
  margin-bottom: 1em; }

.userContent h1,
.userContent h2,
.userContent h3,
.userContent h4,
.userContent h5,
.userContent h6 {
  display: block;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  line-height: normal;
  margin: 1em 0 .5em;
  line-height: normal;
  clear: both; }

.userContent h1 {
  font-size: 3rem; }

.userContent h2 {
  font-size: 2.4rem; }

.userContent h3 {
  font-size: 1.8rem; }

.userContent h4 {
  font-size: 1.7rem; }

.userContent h5 {
  font-size: 1.5rem; }

.userContent h6 {
  font-size: 1.3rem; }

.userContent p {
  font-weight: normal; }

.userContent em,
.userContent i {
  font-style: italic; }

.userContent strong,
.userContent b {
  font-weight: bold; }

.userContent img {
  display: inline-block; }

.userContent ul li {
  margin-left: 2rem;
  padding-left: 1rem;
  clear: left; }

.userContent ul ul {
  margin: 1rem 0; }

.userContent ul > li {
  list-style: disc; }
  .userContent ul > li > ul > li {
    list-style: circle; }
    .userContent ul > li > ul > li > ul > li {
      list-style: square; }

.userContent ol li {
  margin-left: 2rem;
  padding-left: 1rem;
  clear: left; }

.userContent ol ol {
  margin: 1rem 0; }

.userContent ol > li {
  list-style: decimal; }
  .userContent ol > li > ol > li {
    list-style: lower-alpha; }
    .userContent ol > li > ol > li > ol > li {
      list-style: lower-roman; }
      .userContent ol > li > ol > li > ol > li > ol > li {
        list-style: decimal; }

.userContent a {
  color: #00334e;
  fill: #00334e;
  text-decoration: underline;
  transition: color 0.175s, fill 0.175s; }
  .userContent a:hover {
    color: #3f6275;
    fill: #3f6275; }
  .userContent a .icon {
    vertical-align: -.15em;
    width: 1em;
    height: 1em; }

.userContent blockquote {
  margin: 2em auto;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  max-width: 80rem;
  position: relative;
  font-size: 1.8rem;
  line-height: 1.1;
  color: #4a4e4f; }
  .userContent blockquote::before, .userContent blockquote::after {
    color: #7c8183;
    position: absolute;
    font-size: 2em; }
  .userContent blockquote::before {
    content: '\201C';
    left: 0;
    top: -1rem; }
  .userContent blockquote::after {
    content: '\201D';
    right: 0;
    bottom: 4rem; }
  @media (min-width: 24em) {
    .userContent blockquote {
      padding-left: 4rem;
      padding-right: 4rem; }
      .userContent blockquote::before, .userContent blockquote::after {
        font-size: 4em; }
      .userContent blockquote::before {
        top: -2rem; }
      .userContent blockquote::after {
        bottom: 0; } }
  @media (min-width: 32em) {
    .userContent blockquote {
      padding-left: 6rem;
      padding-right: 6rem; }
      .userContent blockquote::after {
        bottom: -4rem; } }
  .userContent blockquote footer {
    font-size: 1.6rem;
    font-style: normal;
    color: #7c8183; }
    .userContent blockquote footer cite {
      font-style: normal; }

.userContent hr {
  display: block;
  border: 0;
  margin: 60px auto;
  width: 60%;
  height: 1px;
  background: #7c8183; }

.userContent iframe {
  width: 100%; }

#pushdown-ad iframe {
  width: 100% !important;
  transition: height 0.75s cubic-bezier(0.33, 0, 0.5, 0.99);
  z-index: 1000; }
  #pushdown-ad iframe.stickyIframe {
    position: fixed;
    top: 0;
    margin: 0 auto; }

#membership-content-ad div {
  width: 100% !important; }

#membership-content-ad iframe {
  width: 100% !important;
  transition: height 0.75s cubic-bezier(0.33, 0, 0.5, 0.99); }

#membership-ad-frame-wrapper {
  position: relative;
  display: block;
  /*padding-top: 16%;*/
  padding-top: 40%; }

@media only screen and (min-width: 26.25em) {
  #membership-ad-frame-wrapper {
    padding-top: 14%; } }

#membership-ad-frame-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

#membership-splash-frame-wrapper {
  position: relative;
  padding-top: 0;
  height: 0; }

#membership-splash-frame-wrapper iframe {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3000; }

.container {
  margin: 0 auto;
  max-width: 1400px;
  padding: 0 10px;
  position: relative; }

.container-amp {
  font-size: .85em; }
  .container-amp .content_body {
    max-width: 100%; }
  .container-amp .story {
    margin: 0 auto;
    max-width: 40em; }
  .container-amp .episode {
    margin: 0 auto;
    max-width: 40em; }

@media (min-width: 48em) {
  .contentGrid {
    display: grid;
    grid-template-columns: 1fr 310px;
    grid-template-areas: 'main sidebar';
    grid-column-gap: 5%; } }

.contentGrid_main {
  grid-area: main; }

.contentGrid_sidebar {
  grid-area: sidebar; }

.main {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  flex-grow: 1;
  flex-basis: auto; }
  @media (min-width: 48em) {
    .main {
      padding-top: 40px; } }

.main-listen {
  padding: 0; }

.section {
  margin-bottom: 40px; }
  @media (min-width: 48em) {
    .section {
      margin-bottom: 60px; } }

.section-md {
  margin-bottom: 25px; }
  @media (min-width: 48em) {
    .section-md {
      margin-bottom: 35px; } }

.section-sm {
  margin-bottom: 8px; }
  @media (min-width: 48em) {
    .section-sm {
      margin-bottom: 20px; } }

.section-page {
  margin-top: 80px;
  margin-bottom: 80px; }

.content {
  display: flex;
  flex-direction: column; }

.content_header {
  margin-bottom: 2rem;
  order: 1; }

.content_subtitle {
  margin: .75rem 0;
  font-family: "Noto Serif", Georgia, serif;
  font-size: 1.8rem;
  line-height: 1.5;
  color: #4a4e4f; }

.content_topic {
  font-weight: bold;
  color: #00334e;
  margin-bottom: .5em; }

.content_meta {
  margin: .5em 0; }

.content_byline {
  display: inline-block;
  font-weight: bold;
  color: #7c8183;
  margin-right: .75em; }

.content_dateline {
  display: inline-block;
  font-weight: bold;
  color: #7c8183;
  margin-right: .75em; }

.content_pubdate {
  display: inline-block;
  font-weight: bold;
  color: #7c8183; }

.content_primaryVisual {
  order: 2; }

.content_audio {
  margin: 0 auto 2rem;
  width: 100%;
  order: 3;
  max-width: 50rem; }

.content_social {
  order: 3;
  margin: 0 auto;
  display: flex;
  width: 100%;
  max-width: 50rem;
  top: 0;
  position: sticky;
  z-index: 900; }

.content_body {
  order: 4;
  margin: 0 auto;
  max-width: 50rem;
  line-height: 1.5;
  font-family: "Noto Serif", Georgia, serif; }
  .content_body h1,
  .content_body h2,
  .content_body h3,
  .content_body h4,
  .content_body h5,
  .content_body h6 {
    font-family: "Roboto Condensed", "Arial Narrow", sans-serif; }
  .content_body .apm-gallery-title {
    font-size: 1.8rem; }
  .content_body .apm-gallery-slides {
    margin: 1em 0;
    counter-reset: slideCounter; }
  .content_body .apm-slide .figure_caption::before {
    font-size: 2.4rem;
    content: counter(slideCounter);
    counter-increment: slideCounter;
    display: table-cell;
    vertical-align: middle;
    width: 85px;
    text-align: center; }

.content_newsPartners {
  margin-top: -1.5rem;
  margin-bottom: 2rem; }

.apm-gallery {
  margin: 2em 0; }

.apm-gallery_title {
  display: block;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  line-height: normal;
  font-size: 1.8rem;
  margin-bottom: .5rem; }

.miniBio {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 1.4rem; }

.miniBio_img {
  flex: 0 0 auto;
  height: 40px;
  width: 40px;
  margin-right: 1rem;
  border-radius: 100px;
  overflow: hidden; }

.miniBio_name {
  color: #00334e;
  fill: #00334e;
  text-decoration: underline;
  transition: color 0.175s, fill 0.175s;
  text-decoration: none;
  display: block;
  font-weight: bold; }
  .miniBio_name:hover {
    color: #3f6275;
    fill: #3f6275; }
  .miniBio_name .icon {
    vertical-align: -.15em;
    width: 1em;
    height: 1em; }
  .miniBio_name:hover {
    text-decoration: underline; }

.miniBio_social {
  color: #00334e;
  fill: #00334e;
  text-decoration: underline;
  transition: color 0.175s, fill 0.175s;
  text-decoration: none;
  display: block; }
  .miniBio_social:hover {
    color: #3f6275;
    fill: #3f6275; }
  .miniBio_social .icon {
    vertical-align: -.15em;
    width: 1em;
    height: 1em; }
  .miniBio_social:hover {
    text-decoration: underline; }

.related {
  line-height: 1.5; }

.related-teaser {
  margin-top: 1rem;
  font-size: 1.4rem; }

.apm-related-list {
  margin: 2em 0;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  clear: both; }

.apm-related-list-title {
  display: block;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  line-height: normal;
  font-size: 1.7rem;
  margin-bottom: .5rem; }

.related_item,
.apm-related-list ul li {
  list-style: none;
  padding-left: 0;
  margin-left: 25px;
  position: relative; }
  .related_item::before,
  .apm-related-list ul li::before {
    content: '';
    display: block;
    height: 12px;
    width: 12px;
    border-radius: 2px;
    position: absolute;
    left: -25px;
    top: .6rem;
    font-size: .85em;
    background: #94c4d9; }

.related_prefix,
.apm-related-link-prefix {
  display: inline-block;
  margin-right: .5em;
  font-weight: 700; }

.related_link {
  color: #00334e;
  fill: #00334e;
  text-decoration: underline;
  transition: color 0.175s, fill 0.175s; }
  .related_link:hover {
    color: #3f6275;
    fill: #3f6275; }
  .related_link .icon {
    vertical-align: -.15em;
    width: 1em;
    height: 1em; }

.slideshow,
.slideshow_bg {
  display: grid;
  position: relative;
  grid-template-columns: auto auto auto;
  width: 100%; }
  .slideshow.fullscreen,
  .slideshow_bg.fullscreen {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: flex;
    align-items: center;
    z-index: 901; }
  .slideshow.fullscreen:focus,
  .slideshow_bg.fullscreen:focus {
    border-color: #64adc6;
    background: #64adc6; }
  .slideshow:hover .slideshow_fullscreen,
  .slideshow_bg:hover .slideshow_fullscreen {
    opacity: 1; }

.slideshow_bg.fullscreen {
  background: #000000;
  z-index: -1; }

.slideshow_button {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  appearance: none;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  background: transparent;
  cursor: pointer;
  height: 50px;
  width: 50px;
  z-index: 802;
  align-self: center;
  margin-top: -100px;
  background-color: rgba(66, 152, 181, 0); }
  @media (max-width: 31.999em) {
    .slideshow_button {
      height: 40px;
      width: 40px; } }
  .slideshow_button:hover {
    background-color: #4298b5; }

.slideshow_icon {
  height: 29px;
  width: 29px;
  filter: drop-shadow(2px 2px 1px #000000); }
  @media (max-width: 31.999em) {
    .slideshow_icon {
      height: 15px;
      width: 15px; } }

.slideshow_button-left {
  grid-row: 1;
  grid-column: 1;
  padding-left: 3px;
  padding-right: 2px; }

.slideshow_button-right {
  padding-right: 3px;
  padding-left: 2px; }

.slideshow_container {
  grid-row: 1;
  grid-column: 2;
  display: grid;
  z-index: 801;
  margin: 0 -50px;
  overflow: hidden;
  position: relative;
  background: #ffffff;
  border-bottom: 1px #e5e6e6 solid; }
  @media (max-width: 31.999em) {
    .slideshow_container {
      margin: 0 -40px; } }
  .slideshow_container.fullscreen {
    border-bottom: 0;
    margin: auto;
    background: transparent; }
    @media (min-width: 48em) {
      .slideshow_container.fullscreen {
        width: 100%; } }

.slideshow_button-next {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  padding: 0 2px; }

.slideshow_button-prev {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  padding: 0 2px; }

.slideshow_item {
  grid-row: 1;
  grid-column: 1;
  z-index: 800;
  position: relative; }

.slideshow_figure {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: auto;
  z-index: 800; }

img .slideshow_image {
  display: block;
  z-index: 800;
  max-height: inherit; }

.slideshow_caption {
  padding: 16px;
  font-size: 1.3rem;
  background: #ffffff; }

.fullscreen .slideshow_caption {
  background: transparent;
  color: #ffffff;
  display: block;
  text-align: center;
  width: 100%; }

.invisible {
  display: none; }

.slideshow_credit {
  display: inline-block;
  font-weight: bold; }
  .slideshow_credit::before {
    content: '';
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-right: .45em;
    border-radius: 2px;
    background: #94c4d9; }
  .slideshow_credit::after {
    content: '|';
    color: #4a4e4f;
    padding: 0 4px;
    top: -1px;
    position: relative; }

.slideshow_creditName {
  display: inline; }

.slideshow_count {
  position: absolute;
  top: 0;
  right: 0;
  color: #ffffff;
  text-shadow: 1px 1px 2px black;
  z-index: 803;
  padding: 4px 8px;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 4px;
  border-radius: 3px;
  font-size: 1.3rem;
  transition: text-shadow 0.175s; }

.slideshow_fullscreen {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  appearance: none;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  background: transparent;
  cursor: pointer;
  z-index: 803;
  position: absolute;
  top: 4px;
  left: 4px;
  opacity: 1;
  transition: opacity 0.175s;
  background: #000000;
  border-radius: 20px;
  padding: 5px;
  margin: 5px; }
  @media (max-width: 31.999em) {
    .slideshow_fullscreen {
      opacity: 0; } }
  .slideshow_fullscreen svg {
    fill: #ffffff; }

.teaser {
  display: flex;
  flex-direction: column; }

.teaser_link {
  order: 1;
  border-radius: 1px;
  transition: box-shadow 0.175s; }
  .teaser_link:focus {
    outline: 0;
    box-shadow: 0 0 0 5px #ffffff, 0 0 0 8px rgba(66, 152, 181, 0.3); }

.teaser_button {
  order: 2;
  margin-top: .75rem; }

.teaser_header {
  margin-bottom: .5rem; }
  .teaser_header .hdg {
    font-size: 2.4rem;
    font-family: "Roboto Condensed", "Arial Narrow", sans-serif;
    color: #00334e; }
    .teaser-condensed .teaser_header .hdg {
      font-size: 1.8rem; }

.teaser_image {
  margin-bottom: .75rem; }
  .teaser_image > * {
    width: 100%;
    height: auto; }
  .teaser-condensed .teaser_image {
    float: right;
    margin: 5px 0 10px 10px;
    width: 120px; }

.teaser_time {
  display: inline-block;
  margin-right: .75rem;
  font-size: 1.2rem; }

.teaser_contributors {
  display: inline-block;
  font-size: 1.2rem;
  color: #4a4e4f; }
  .teaser_contributors::before {
    content: '';
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-right: .45em;
    border-radius: 2px;
    background: #94c4d9; }

.teaser_body {
  margin-top: .75rem;
  font-family: "Noto Serif", Georgia, serif;
  font-size: 1.4rem; }

.weather {
  max-width: 1400px; }

.weather_heading {
  display: flex;
  margin-bottom: 40px; }

.weather_location {
  display: flex;
  justify-content: space-between; }
  @media (max-width: 47.999em) {
    .weather_location {
      flex-direction: column;
      margin: 25px 0; } }

.weather_locationSelect {
  height: 40px; }

.weather_currentForecast {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap; }

.weather_currentStats {
  display: flex; }

.weather_attrs {
  font-size: 1.2em;
  display: flex;
  flex-wrap: wrap; }

.weather_attr {
  display: flex;
  flex-wrap: wrap;
  padding-top: 20px; }
  @media (min-width: 32em) {
    .weather_attr {
      min-width: 500px; } }

.weather_attrName {
  min-width: 180px;
  font-weight: 200; }

.weather_attrData {
  text-align: right; }

.weather_currentUpdated {
  align-self: flex-end;
  margin-top: 50px;
  min-width: 300px;
  text-align: right;
  font-size: .9em;
  font-weight: 200;
  color: #7c8183; }

.weather_chart {
  margin-top: 25px;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap; }

.weather_chartTitle {
  margin-top: 50px; }

.weather_chartScrollable {
  min-width: 1900px; }

.weather_chartPoint {
  font-size: .85em;
  font-weight: 700;
  fill: #313435; }

.weather_chartPointHour {
  font-size: .75em;
  font-weight: 400;
  fill: #636869; }

.weather_chartPointDay {
  font-size: .9em;
  font-weight: 400;
  fill: #969b9c; }

.weather_weeklyChart {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }

.weather_weekday {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 25px; }

.weekday_temps {
  display: flex;
  font-size: 1.7em;
  color: #00334e; }

.weekday_temp-lo {
  font-size: .7em;
  color: #636869;
  font-weight: 200; }

.weekday_label {
  color: #191a1a; }

.weatherAlert_instructions {
  margin-top: 2.6rem; }
  .weatherAlert_instructions .hdg {
    background: #9a272a;
    color: #ffffff;
    display: inline;
    padding: 2px 6px;
    border-radius: 3px; }

.weatherHeader {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between; }
  @media (min-width: 48em) {
    .weatherHeader {
      padding: 0 .85em;
      text-align: right; } }

.weatherHeader_temp {
  font-size: 1.8rem;
  font-weight: bold;
  color: #00334e; }
  @media (min-width: 48em) {
    .weatherHeader_temp {
      font-size: 2rem; } }

.weatherButton {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  appearance: none;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  background: transparent;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  color: #7c8183; }
  @media (min-width: 48em) {
    .weatherButton {
      flex-direction: row;
      align-items: center;
      justify-content: space-between; } }

.weatherHeader_default {
  display: block;
  font-size: 1rem; }
  @media (min-width: 48em) {
    .weatherHeader_default {
      font-size: unset; } }

.weatherSidebar {
  font-size: .9em;
  display: none; }
  @media (min-width: 32em) {
    .weatherSidebar {
      display: block; } }
  @media (min-width: 48em) {
    .weatherSidebar {
      display: none; } }
  @media (min-width: 64em) {
    .weatherSidebar {
      display: block; } }
  .weatherSidebar > * {
    break-inside: avoid; }

.weatherSidebar_label {
  display: block; }

.weatherSidebar_label-high {
  color: #9d6701; }

.weatherSidebar_label-low {
  color: #3f6275; }

.weatherSidebar_desc {
  color: #4a4e4f;
  font-size: 1.5rem;
  text-transform: lowercase; }

.checkbox {
  display: block; }

.checkbox_btn {
  vertical-align: .1em; }

.checkbox_label {
  font-size: 1.6rem;
  padding-right: .5em; }
  .checkbox_btn + .checkbox_label {
    padding-right: 0;
    padding-left: .5em; }
  @media (min-width: 48em) {
    .checkbox_label {
      font-size: inherit; } }

.field {
  width: 100%;
  vertical-align: top; }

.field-attached {
  display: flex; }
  .field-attached > input {
    flex-grow: 1;
    width: auto;
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .field-attached > .btn {
    width: auto;
    white-space: nowrap;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }

.field_input {
  display: inline-block;
  width: 100%;
  padding: 0 8px;
  border: 1px solid #4298b5;
  border-radius: 3px;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 1.5;
  vertical-align: top;
  transition: border-color 0.175s; }
  .field_input::-webkit-input-placeholder {
    font-size: 1.4rem;
    opacity: 1;
    color: #3f6275; }
  .field_input:-moz-placeholder {
    /* Firefox 18- */
    font-size: 1.4rem;
    opacity: 1;
    color: #3f6275; }
  .field_input::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 1.4rem;
    opacity: 1;
    color: #3f6275; }
  .field_input:-ms-input-placeholder {
    font-size: 1.4rem;
    opacity: 1;
    color: #3f6275; }
  .field_input:focus {
    outline: 0;
    border-color: #94c4d9; }

textarea.field_input {
  border: 1px solid #7c8183; }

.footer {
  margin-top: 50px;
  background-color: #dae9f1;
  padding-bottom: 74px; }
  @media (min-width: 48em) {
    .footer {
      padding-bottom: 0; } }

.footer-minimal {
  background-color: rgba(255, 255, 255, 0); }
  .footer-minimal .footer_upper {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0; }

.footer_buttonIcon svg {
  width: 30px;
  height: 30px; }

.footer_upper {
  max-width: 1400px;
  padding: 50px 10px 0;
  margin: 0 auto;
  columns: 3 300px;
  column-gap: 4%;
  font-size: 1.5rem; }
  .footer_upper > * {
    break-inside: avoid;
    padding-bottom: 50px; }
  @media (min-width: 48em) {
    .footer_upper {
      padding-left: 3%;
      padding-right: 3%; } }

.footer_row {
  margin-bottom: 1.5rem; }

.footer_apps {
  font-size: 1.4rem;
  font-weight: 700; }

.footer_body-apps {
  grid-area: apps;
  display: grid;
  grid-template-areas: 'img list';
  grid-template-columns: 90px 1fr;
  grid-template-rows: auto auto;
  grid-column-gap: 20px; }

.footer_appImg {
  grid-area: img; }

.footer_appList {
  grid-area: list; }

.footer_appLinkImg {
  height: 40px;
  width: auto; }

.footer_podcastText {
  line-height: 1.5; }

.footer_podcastLink {
  color: #00334e; }

.footer_contact {
  font-size: 1.4rem;
  font-weight: 700; }

.footer_contactList {
  columns: 2; }
  .footer_contactList > * {
    margin-bottom: .5em;
    white-space: nowrap; }

.footer_subscribe {
  font-size: 1.4rem; }

.footer_progLinks {
  font-weight: 700;
  font-size: 1.4rem; }

.footer_progListen {
  float: right; }

.footer_lower {
  padding: 40px 0 20px;
  background-color: #4298b5;
  color: #ffffff; }

.footer_lowerContent {
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
  align-items: center; }
  @media (min-width: 32em) {
    .footer_lowerContent {
      display: flex;
      flex-direction: row;
      justify-content: space-around; } }

.footer_logo {
  width: 120px;
  margin: 0 40px 40px;
  flex-shrink: 0; }
  @media (min-width: 32em) {
    .footer_logo {
      margin-bottom: 0; } }
  .footer_logo img {
    width: 120px; }

@media (min-width: 48em) {
  .footer_navList {
    margin-top: .8rem;
    columns: 3 24rem; } }

.footer_navItem {
  margin-bottom: .8rem; }

.footer_navLink {
  font-weight: bold;
  font-size: 1.5rem; }

.footer_lowerSmall {
  text-align: center; }

.footer_copyright,
.footer_disclaimer {
  font-size: 1.2rem; }

.footer_disclaimer {
  opacity: .8;
  font-style: italic; }

.headerContainer {
  padding: 0 .5em;
  position: relative;
  border-bottom: 2px solid #b0b4b5; }

.header {
  display: flex;
  height: 38px;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #191a1a;
  margin: auto;
  width: 100%; }
  @media (min-width: 48em) {
    .header {
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      max-width: 1400px;
      height: 52px; } }

.header-minimal {
  justify-content: center; }

.header_logo {
  display: flex;
  align-items: center;
  font-size: 2rem;
  margin: auto; }
  @media (min-width: 48em) {
    .header_logo {
      margin: unset; } }

.header_logoImg {
  height: 20px;
  width: 150px;
  margin-right: 8px; }
  @media (min-width: 48em) {
    .header_logoImg {
      height: 24px;
      width: 171px; } }
  .header_logoImg svg {
    height: 100%;
    width: 100%; }

.header_nav {
  min-width: 300px;
  width: 65%;
  padding: 20px 40px 0 30px;
  position: fixed;
  overflow-y: auto;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 2002;
  background-color: #ffffff;
  transform: translateX(-100%);
  transition: transform 0.4s; }
  @media (min-width: 48em) {
    .header_nav {
      padding: 0;
      position: relative;
      background-color: unset;
      top: unset;
      left: unset;
      bottom: unset;
      transform: translateX(0);
      min-width: unset;
      width: 100%;
      overflow: visible;
      box-shadow: 0; } }
  .is-open .header_nav {
    transform: translateX(0);
    box-shadow: 0 0 72px -20px rgba(0, 0, 0, 0.75); }

.header_navButton {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  appearance: none;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  background: transparent;
  cursor: pointer;
  display: block;
  transition: color 0.4s; }
  @media (min-width: 48em) {
    .header_navButton {
      display: none; } }

.header_navBg {
  display: block;
  position: fixed;
  opacity: 0;
  transition: opacity 0.4s; }
  .is-open .header_navBg {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2001;
    opacity: 0;
    background: rgba(0, 0, 0, 0.7); }

.header_search {
  display: block;
  padding-top: .4em;
  padding-left: 1em; }

.nav {
  font-size: 1.8rem;
  display: flex;
  flex-direction: column; }
  @media (min-width: 48em) {
    .nav {
      font-size: 1.6rem;
      display: none; } }
  @media (min-width: 64em) {
    .nav {
      font-size: 2rem; }
      .is-compact .nav {
        font-size: 1.6rem; } }

.nav_header {
  display: flex;
  justify-content: space-between; }

.nav_logo {
  width: 40px;
  height: 40px;
  border-radius: 5px; }

.nav_button {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  appearance: none;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  background: transparent;
  cursor: pointer;
  display: flex;
  line-height: 1.6; }

.nav_button.active .icon-chevronDown {
  transform: rotate(180deg); }

.nav_closeButton {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  appearance: none;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  background: transparent;
  cursor: pointer;
  display: block;
  transition: color 0.4s;
  color: #ffffff; }

.nav_list {
  display: flex;
  flex-direction: column; }

.nav_items {
  margin-top: 8px; }

.nav_item {
  display: flex;
  flex-direction: column;
  margin: 16px 0; }

.nav_item-donate {
  font-size: 1.2rem;
  margin-left: auto;
  margin-top: auto;
  margin-bottom: auto; }
  .nav_item-donate .nav_link {
    text-transform: uppercase;
    font-weight: bold;
    padding: 2px 4px;
    border: 2px solid #9a272a;
    border-radius: 2px;
    color: #00334e; }

.nav_link {
  display: flex;
  flex-direction: row;
  padding: 6px 0;
  color: #00334e;
  transition: color 0.175s;
  font-size: .875em; }
  .nav_link:hover, .nav_link:focus {
    color: #3f6275; }
  @media (min-width: 48em) {
    .nav_link {
      color: #000000; } }

.nav_icon {
  display: none;
  width: 18px;
  height: 18px;
  margin-top: 4px;
  margin-left: 4px; }
  .nav_icon > svg {
    height: 100%;
    width: 100%; }
  @media (min-width: 48em) {
    .nav_icon {
      display: block; } }

.nav_link-button {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  appearance: none;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  background: transparent;
  cursor: pointer; }

.nav_footer {
  margin-top: 50px; }

.nav_title {
  font-size: 1em;
  color: #7c8183; }
  .nav_title::after {
    content: '';
    padding-bottom: 2px;
    display: block;
    background: #7c8183;
    border-radius: 2px;
    margin-top: 9px;
    opacity: .15; }

.navIcon {
  display: block;
  height: 30px;
  width: 30px;
  position: relative; }
  .navIcon span {
    display: block;
    width: 100%;
    border-top: 2px solid #00334e;
    border-radius: 2px;
    position: absolute;
    transition: transform 0.175s, opacity 0.175s; }
    .navIcon span:first-child {
      top: 6px;
      transform-origin: 6px 5px; }
      .is-open .navIcon span:first-child {
        transform: rotate(45deg); }
    .navIcon span:nth-child(2) {
      top: 50%;
      margin-top: -1px; }
      .is-open .navIcon span:nth-child(2) {
        transform: rotate(-45deg);
        transform-origin: center; }
    .navIcon span:last-child {
      bottom: 6px;
      transform-origin: 6px -6px;
      opacity: 1; }
      .is-open .navIcon span:last-child {
        transform: rotate(-45deg);
        opacity: 0; }

.sidebar {
  font-size: 1.4rem;
  margin-right: 10px; }

.sidebar_ad {
  width: 300px;
  margin-right: -10px; }

.bList li {
  margin-left: 2rem;
  padding-left: 1rem;
  clear: left; }

.bList ul {
  margin: 1rem 0; }

.bList > li {
  list-style: disc; }
  .bList > li > ul > li {
    list-style: circle; }
    .bList > li > ul > li > ul > li {
      list-style: square; }

.bList-styled {
  line-height: 1.3; }
  .bList-styled > li {
    list-style: none;
    padding-left: 0;
    margin-left: 25px;
    margin-bottom: 3px;
    position: relative; }
    .bList-styled > li::before {
      content: '';
      display: block;
      height: 12px;
      width: 12px;
      border-radius: 2px;
      position: absolute;
      left: -25px;
      top: .6rem;
      font-size: .85em;
      background: #94c4d9; }

.hList > * {
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 15px;
  vertical-align: middle;
  list-style: none; }
  .hList > *:last-child {
    margin-right: 0; }

.hList-compressed > * {
  margin-right: 1px;
  margin-bottom: 0; }

.hList-lg > * {
  margin-right: 20px;
  margin-bottom: 0; }

.hList-oneLine > * {
  margin-bottom: 0; }

.nList li {
  margin-left: 2rem;
  padding-left: 1rem;
  clear: left; }

.nList ol {
  margin: 1rem 0; }

.nList > li {
  list-style: decimal; }
  .nList > li > ol > li {
    list-style: lower-alpha; }
    .nList > li > ol > li > ol > li {
      list-style: lower-roman; }
      .nList > li > ol > li > ol > li > ol > li {
        list-style: decimal; }

.vList > * {
  margin-bottom: 10px; }
  .vList > *:last-child {
    margin-bottom: 0; }

.vList-condensed > * {
  margin-bottom: 4px; }

.vList-compressed > * {
  margin-bottom: 1px; }

.vList-collection > *:not(:last-child)::after {
  content: '';
  display: block;
  height: 1px;
  width: 80%;
  margin: 3rem auto;
  background: #dae9f1; }

.vList-block > * {
  display: block; }

.figure {
  margin: 0 -10px 1em;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: normal; }
  @media (min-width: 48em) {
    .figure {
      margin-left: 0;
      margin-right: 0; } }
  .figure.align-none {
    margin-left: auto;
    margin-right: auto; }
  .figure > * {
    display: block; }
  .figure > img,
  .figure > iframe,
  .figure > video,
  .figure > canvas {
    display: block;
    width: 100%; }

@media (min-width: 48em) {
  .figure.half,
  .figure-half {
    width: 60%; } }

.figure.quarter,
.figure-quarter {
  width: 40%;
  margin-left: 0;
  float: left;
  margin-right: 20px; }
  @media (min-width: 48em) {
    .figure.quarter,
    .figure-quarter {
      width: 25%;
      margin-left: 0; } }

.figure-right,
.figure.align-right {
  float: right;
  margin-left: 10px; }
  @media (min-width: 48em) {
    .figure-right,
    .figure.align-right {
      float: right;
      margin-left: 30px; } }
  @media (min-width: 48em) {
    .figure-right,
    .figure.align-right {
      margin-right: 0; } }
  .figure-right.figure-quarter, .figure-right.quarter,
  .figure.align-right.figure-quarter,
  .figure.align-right.quarter {
    margin-right: 0; }

@media (min-width: 48em) {
  .figure-left,
  .figure.align-left {
    float: left;
    margin-right: 30px; } }

* + .figure_caption,
.figure_caption + * {
  margin: 0 10px;
  padding: 1em 1em 1em 0;
  font-size: 1.3rem;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  @media (min-width: 48em) {
    * + .figure_caption,
    .figure_caption + * {
      margin-left: 0;
      margin-right: 0; } }

.figure_credit {
  display: inline;
  text-align: left;
  font-size: 1.2rem;
  white-space: nowrap;
  color: #4a4e4f; }
  .figure_credit::before {
    content: '';
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-right: .45em;
    border-radius: 2px;
    background: #94c4d9; }

.figure_text {
  display: inline;
  padding-right: .5em; }

.module_header {
  margin-bottom: 1rem; }

.module_footer {
  margin-top: 1rem; }

.blockquote {
  margin: 2em auto;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  max-width: 80rem;
  position: relative;
  font-size: 1.8rem;
  line-height: 1.1;
  color: #4a4e4f; }
  .blockquote::before, .blockquote::after {
    color: #7c8183;
    position: absolute;
    font-size: 2em; }
  .blockquote::before {
    content: '\201C';
    left: 0;
    top: -1rem; }
  .blockquote::after {
    content: '\201D';
    right: 0;
    bottom: 4rem; }
  @media (min-width: 24em) {
    .blockquote {
      padding-left: 4rem;
      padding-right: 4rem; }
      .blockquote::before, .blockquote::after {
        font-size: 4em; }
      .blockquote::before {
        top: -2rem; }
      .blockquote::after {
        bottom: 0; } }
  @media (min-width: 32em) {
    .blockquote {
      padding-left: 6rem;
      padding-right: 6rem; }
      .blockquote::after {
        bottom: -4rem; } }
  .blockquote footer {
    font-size: 1.6rem;
    font-style: normal;
    color: #7c8183; }
    .blockquote footer cite {
      font-style: normal; }

.hdg {
  display: block;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  line-height: normal; }

.hdg-1 {
  font-size: 3rem; }

.hdg-2 {
  font-size: 2.4rem; }

.hdg-3 {
  font-size: 1.8rem; }

.hdg-4 {
  font-size: 1.7rem; }

.hdg-5 {
  font-size: 1.5rem; }

.hdg-6 {
  font-size: 1.3rem; }

.hdg-inline {
  display: inline-block; }

.hdg-light {
  font-weight: normal; }

.hdg-headline {
  font-family: "Roboto Condensed", "Arial Narrow", sans-serif; }

.hdg-section {
  font-size: 2.4rem;
  position: relative;
  display: inline-block; }
  .hdg-section::after {
    content: '';
    height: 16px;
    position: absolute;
    bottom: -6px;
    left: -10px;
    right: -10px;
    z-index: -1;
    border-radius: 3px;
    background: #dae9f1; }

.hdg-section-small {
  font-size: 1.7rem; }
  .hdg-section-small::after {
    height: 12px;
    bottom: -4px;
    left: -4px;
    right: -4px; }

.hdg-temp {
  margin-left: 15px;
  font-size: 4.5em;
  font-weight: 100; }
  @media (max-width: 47.999em) {
    .hdg-temp {
      margin-top: 15px; } }

.hdg-forecast {
  font-size: 2em;
  font-weight: 200;
  margin: 0 0 34px 5px;
  color: #191a1a;
  align-self: flex-end; }

.hr {
  display: block;
  border: 0;
  margin: 60px auto;
  width: 60%;
  height: 1px;
  background: #7c8183; }

.link {
  color: #00334e;
  fill: #00334e;
  text-decoration: underline;
  transition: color 0.175s, fill 0.175s; }
  .link:hover {
    color: #3f6275;
    fill: #3f6275; }
  .link .icon {
    vertical-align: -.15em;
    width: 1em;
    height: 1em; }

.link-plain {
  text-decoration: none; }
  .link-plain:hover {
    text-decoration: underline; }

.link-none {
  text-decoration: none; }
  .link-none:hover {
    text-decoration: none; }

.text-light {
  color: #7c8183; }

.text-dark {
  color: #4a4e4f; }

.text-white {
  color: #ffffff; }

.text-bold {
  font-weight: bold; }

.text-small {
  font-size: 1.4rem; }

.text-em {
  font-style: italic; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.text-sans {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.text-serif {
  font-family: "Noto Serif", Georgia, serif; }

.ad {
  margin-right: -10px; }

.ad_textWrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between; }

.ad_link {
  margin-bottom: .5rem;
  font-size: 1rem;
  text-transform: uppercase;
  color: #7c8183;
  transition: 0.175s; }
  .ad_link:hover {
    color: #00334e; }

.ad_text {
  text-transform: uppercase;
  color: #7c8183;
  font-size: 1rem; }

.ad_slot {
  background: #e5e6e6; }

.ad_slot-mr {
  width: 300px;
  height: 250px; }

.weatherAlert {
  margin-bottom: 25px; }

.weatherAlert_main {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 2px solid #9a272a;
  padding: 4px 12px;
  background: #9a272a;
  border-radius: 3px; }

.weatherAlert_detail {
  border: 1px solid #9a272a;
  background: rgba(255, 204, 204, 0.1);
  padding: 20px;
  margin-bottom: 25px;
  border-top: 7px solid #9a272a;
  margin-top: -7px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px; }
  @media (min-width: 32em) {
    .weatherAlert_detail {
      padding: 40px; } }
  .weatherAlert_detail.not-active {
    display: none; }
  .weatherAlert_detail.active {
    display: block; }

.weatherAlert_title {
  color: #ffffff;
  line-height: 1.2; }

.alert {
  display: flex;
  flex-flow: row nowrap;
  background-color: #94c4d9;
  border-radius: 3px; }

.alert_prefix {
  padding: 8px 12px;
  background-color: #00334e;
  color: #ffffff;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px; }

.alert_title {
  padding: 8px 12px;
  font-weight: normal;
  color: #00334e; }

.btn {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  appearance: none;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  background: transparent;
  cursor: pointer;
  padding: 6px 20px;
  border: 1px solid transparent;
  border-radius: 3px;
  font-size: 1.5rem;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.5;
  background: #e5e6e6;
  color: #191a1a;
  outline: 0;
  transition: background-color 0.2s, border 0.2s, color 0.2s, box-shadow 0.2s; }
  .btn:hover, .btn:focus {
    background-color: #cacdce; }
  .btn:focus {
    box-shadow: 0 0 0 3px rgba(66, 152, 181, 0.5); }
  .btn.disabled, .btn[disabled], .btn[disabled]:hover, .btn[disabled]:focus, .btn[disabled]:active {
    border-color: #b0b4b5;
    background: #e5e6e6;
    color: #b0b4b5;
    cursor: default; }
  .btn > .icon {
    fill: currentColor;
    height: 18px;
    width: 18px;
    margin: -2px 0 -2px 6px;
    vertical-align: -2px; }
    .btn > .icon:first-child {
      margin-left: 0;
      margin-right: 6px; }

.btn-large {
  font-size: 1.75rem;
  padding: 10px 30px; }

.btn-small {
  font-size: 1.25rem;
  padding: 4px 12px; }

.btn-primary {
  border: 1px solid #4298b5;
  background: #4298b5;
  color: #ffffff; }
  .btn-primary:hover, .btn-primary:focus {
    border-color: #64adc6;
    background: #64adc6; }

.btn-secondary {
  border: 1px solid #4298b5;
  color: #4298b5;
  background: #ffffff; }
  .btn-secondary:hover, .btn-secondary:focus {
    border-color: #27596a;
    color: #27596a;
    background: #c1dfe8; }

.btn-destructive {
  border: 1px solid #b4111a;
  background: #b4111a;
  color: #ffffff; }
  .btn-destructive:hover, .btn-destructive:focus {
    border-color: #e31521;
    background: #e31521; }
  .btn-destructive:focus {
    box-shadow: 0 0 0 3px #b4111a; }

.btn-shareWeather {
  width: 40px;
  height: 40px;
  padding: 0;
  margin-left: 8px;
  margin-top: -2px; }
  .btn-shareWeather > .icon {
    margin: 8px auto auto 2px;
    vertical-align: 0; }
  .btn-shareWeather > .icon:first-child {
    margin-right: 2px; }

.btn-weatherAlert {
  border: 0;
  background: none;
  padding: 0;
  line-height: 0; }
  .btn-weatherAlert > .icon {
    width: 32px;
    height: 32px;
    fill: #ffffff;
    padding: 0;
    margin: 0; }
  .btn-weatherAlert > .icon:first-child {
    margin-right: 0; }
  .btn-weatherAlert:hover {
    border: 0;
    background: none; }
    .btn-weatherAlert:hover > .icon {
      fill: #ffcccc;
      transition: fill 0.175s; }
  .btn-weatherAlert:focus {
    background-color: rgba(255, 255, 255, 0);
    border: 0; }

.btn-weatherAlert.active .icon-chevronDown {
  transition: transform 0.175s cubic-bezier(0.33, 0, 0.5, 0.99);
  transform: rotate(180deg); }

.btn-weatherAlert.not-active .icon-chevronDown {
  transition: transform 0.175s cubic-bezier(0.33, 0, 0.5, 0.99);
  transform: rotate(0deg); }

.btn-footer {
  display: flex;
  align-items: center;
  width: 206px;
  padding: 7px 0 7px 7px;
  border: 2px solid #cacdce;
  font-weight: bold;
  color: #4a4e4f; }
  .btn-footer .footerButtonLogo {
    width: 154px; }

.dropdown {
  display: none;
  flex-direction: row;
  align-items: center;
  width: 100%; }
  @media (min-width: 48em) {
    .dropdown {
      display: flex; } }

@media (min-width: 48em) {
  .dropdown_ref {
    display: flex; } }

.dropdownMenu {
  margin: 0 .5em; }
  .dropdownMenu.last-child {
    margin-right: 0; }

.dropdownMenu-expand {
  z-index: 2004;
  display: flex;
  width: auto;
  margin: 0 0 0 -18px;
  padding: 1em 1.4em 1.4em;
  position: absolute;
  top: 5px;
  background: #ffffff;
  border: 2px solid #b0b4b5;
  box-shadow: -8px 14px 71px -49px rgba(0, 0, 0, 0.75); }

.dropdownMenu_items {
  position: relative; }

.dropdownMenu_section {
  display: flex;
  align-items: stretch;
  font-weight: 800;
  line-height: 1.2;
  font-size: .875em;
  color: #7c8183; }
  .dropdownMenu_section:last-child {
    margin-right: 0;
    width: 170px; }
    .dropdownMenu_section:last-child ul {
      border-right: 0;
      margin: 0; }

.dropdownMenu_title {
  position: absolute; }

.dropdownMenuItem_link {
  display: block;
  padding: .25em 0;
  color: #00334e; }
  .dropdownMenuItem_link:last-child {
    padding-bottom: .5em; }
  .dropdownMenuItem_link.mprnews {
    font-weight: bold; }
  .dropdownMenuItem_link.thecurrent {
    font-weight: bold;
    color: #b4111a; }
  .dropdownMenuItem_link.classical {
    font-weight: bold;
    color: #84c446; }
  .dropdownMenuItem_link.bold {
    font-weight: bold; }
  .dropdownMenuItem_link:hover {
    color: #4298b5;
    transition: color 0.175s; }

.dropdownMenuItem {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  font-weight: normal;
  padding-top: 30px;
  border-right: 1px solid #cacdce;
  margin-right: 30px;
  width: 195px;
  padding-right: 20px; }

.grow-from-center-enter {
  opacity: .5;
  transform-origin: 50% 0; }
  .grow-from-center-enter.grow-from-center-enter-active {
    transition: opacity 125ms ease-out;
    opacity: 1; }

.grow-from-center-leave {
  transform-origin: 50% 0;
  opacity: 1; }
  .grow-from-center-leave.grow-from-center-leave-active {
    opacity: 0;
    transition: opacity 125ms ease-out; }

.icon {
  display: inline-block; }

.icon-small {
  width: 24px;
  height: 24px; }

.icon-medium {
  width: 30px;
  height: 30px; }

.icon-weatherHeader {
  width: 15px;
  height: 15px; }
  @media (min-width: 48em) {
    .icon-weatherHeader {
      width: 18px;
      height: 18px; } }

.icon-search {
  width: 24px;
  height: 24px; }

.icon-headphones {
  width: 15px;
  height: 15px;
  margin-right: 4px; }

.icon-chevronDown {
  transition: transform 0.175s cubic-bezier(0.33, 0, 0.5, 0.99); }

.icon-updraft_sun {
  fill: #fec512; }

.icon-updraft_wind {
  fill: #4298b5; }

.icon_fullscreen {
  fill: #000000; }

.infoLink {
  display: block; }

.infoLink_title {
  color: #00334e;
  display: flex;
  flex-direction: row;
  align-items: flex-end; }
  .infoLink_title > .icon {
    margin-left: .5rem;
    height: 28px;
    width: 28px;
    vertical-align: -5px;
    fill: #00334e; }
  .infoLink_title > .icon-updraft {
    height: 32px;
    width: 32px;
    fill: #191a1a; }

.infoLink_description {
  font-size: 1.5rem;
  color: #4a4e4f; }

.infoLink_headline {
  display: block;
  margin-top: .5rem; }
  .infoLink_headline .hdg::before {
    content: 'Latest';
    display: inline-block;
    border-radius: 3px;
    padding: 2px 5px;
    margin-right: .5rem;
    font-size: 1.2rem;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: #191a1a;
    background: #dae9f1;
    vertical-align: top; }

.listenHeader {
  padding: 1em .5em;
  position: relative;
  border-bottom: 2px solid #b0b4b5; }

.listenHeader_logo {
  display: flex;
  justify-content: center;
  margin: auto; }

.listenHeader_logoImg {
  height: 24px;
  width: 171px; }
  .listenHeader_logoImg svg {
    height: 100%;
    width: 100%; }

.pagination {
  text-align: center; }

.pagination_list {
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: center;
  justify-content: center; }

.pagination_page-first {
  order: 2; }

.pagination_page-prev {
  order: 1;
  margin-right: 20px; }

.pagination_page-number {
  order: 50; }

.pagination_page-next {
  order: 100;
  margin-left: 20px; }

.pagination_page-last {
  order: 99; }

@media (max-width: 31.999em) {
  .pagination_page-first,
  .pagination_page-last {
    display: none; } }

.pagination_link-number,
.pagination_link-first,
.pagination_link-last {
  padding: 10px; }

@media (max-width: 31.999em) {
  .pagination_link-prev,
  .pagination_link-next {
    padding: 12px 8px; } }

.pagination_link-current {
  font-weight: bold; }

.player {
  display: flex;
  background: #dae9f1;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  box-shadow: 0 14px 32px 0 rgba(0, 0, 0, 0.75);
  width: 100%; }
  @media (min-width: 48em) {
    .player {
      box-shadow: none; } }
  .player.is-live .player_time {
    grid-column: 1 / span 5; }
  .player.is-live .player_liveLabel {
    display: inline-block;
    padding: 2px 4px;
    border-radius: 3px;
    background: #00334e;
    color: #ffffff;
    margin-right: 6px;
    font-weight: 800;
    text-transform: uppercase;
    font-size: .75em; }
  .player.is-live .player_time-right {
    display: none; }
  .player.is-live .player_timeline {
    display: none; }
  .player.is-live .player_listenLive {
    display: none; }
  .player.is-live .player_popout {
    display: flex; }

.player_wrapper {
  display: flex;
  padding: 8px;
  width: inherit;
  overflow: hidden; }
  @media (min-width: 48em) {
    .player_wrapper {
      padding: 8px 16px;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: space-between; } }

.player_wrapper-listenpage {
  display: flex;
  flex-direction: column;
  border-top: 1px solid rgba(0, 51, 78, 0.2);
  border-bottom: 1px solid #ffffff;
  padding: 0; }
  .player_wrapper-listenpage::before {
    border-top: 1px solid #ffffff;
    content: '';
    display: table; }
  .player_wrapper-listenpage::after {
    border-top: 1px solid rgba(0, 51, 78, 0.2);
    content: '';
    display: table; }

.player_wrapperContent {
  min-width: 0;
  width: 100%;
  margin: 6px 0 6px 24px;
  order: 2; }

.player_controls {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  align-items: center;
  order: 1; }

.player_controlsSecondary {
  display: flex;
  justify-content: space-between; }
  @media (min-width: 48em) {
    .player_controlsSecondary {
      flex-direction: column;
      width: auto;
      margin: auto 10px; } }

.player_timeWrapper {
  display: grid;
  grid-template-columns: 60px 1fr 1fr 1fr 60px;
  align-items: center; }

.player_btn {
  padding: 0;
  border: 0;
  cursor: pointer;
  background: none;
  border-radius: 50%;
  position: relative; }
  .player_btn[disabled] {
    opacity: .3; }
  .player_btn svg {
    margin: auto; }

.player_btn-playpause {
  background: #4298b5;
  border-radius: 50%;
  transition: box-shadow 0.175s; }
  .player_btn-playpause:focus {
    outline: 0;
    box-shadow: 0 0 0 3px rgba(66, 152, 181, 0.5); }

.player_btn-large {
  width: 36px;
  height: 36px; }
  @media (min-width: 48em) {
    .player_btn-large {
      width: 50px;
      height: 50px; } }

.player_btn-medium {
  width: 32px;
  height: 32px; }
  .player_btn-medium svg {
    width: 32px;
    height: 32px; }

.player_button-small {
  width: 24px;
  height: 24px; }
  .player_button-small svg {
    width: 24px;
    height: 24px; }
  @media (min-width: 48em) {
    .player_button-small {
      width: 32px;
      height: 32px; } }

.player_play svg,
.player_pause svg,
.player_loading svg {
  margin: auto;
  position: relative;
  fill: #ffffff;
  width: 36px;
  height: 36px;
  top: 0; }
  @media (min-width: 48em) {
    .player_play svg,
    .player_pause svg,
    .player_loading svg {
      top: 2px;
      width: 42px;
      height: 42px; } }

.player_pause {
  display: none; }

.player_loading {
  display: none;
  position: relative;
  fill: #4298b5; }

.player_body {
  padding: 20px 0;
  width: 85%;
  overflow: hidden; }

.player_title {
  display: block;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #4a4e4f;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 61%; }
  @media (min-width: 48em) {
    .player_title {
      width: 80%; } }

.player_content {
  position: relative; }

.player_label {
  color: #4298b5;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold; }

.player_time {
  color: #4a4e4f;
  display: flex;
  align-items: center; }

.player_liveLabel {
  display: none; }

.player_time-right {
  display: flex;
  justify-content: flex-end; }

.player_timeline {
  height: 6px;
  background: rgba(0, 51, 78, 0.25);
  border-radius: 3px;
  grid-column: 2 / span 3;
  cursor: pointer;
  position: relative; }

.player_listenLive,
.player_popout {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  appearance: none;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  font-size: .75em;
  padding-top: 5px;
  color: #00334e;
  fill: #00334e; }
  .player_listenLive:hover,
  .player_popout:hover {
    color: #4298b5;
    fill: #4298b5; }

.player_popout {
  display: none; }

.player-listenpage {
  background-color: #dae9f1;
  background: radial-gradient(circle, white 7%, #dae9f1 50%);
  box-shadow: none;
  position: static;
  bottom: auto; }

.player_volumeLevel {
  width: 20px;
  height: 29px;
  position: relative;
  cursor: pointer; }

.listenLayout .player.is-live .player_popout {
  display: none; }

.listenLayout .playerWrapper {
  position: static;
  bottom: auto; }
  .listenLayout .playerWrapper .player {
    box-shadow: none; }
  .listenLayout .playerWrapper .player_popout {
    display: none; }

.is-playing .player_play {
  display: none; }

.is-playing .player_pause {
  display: block; }

.is-playing .player-wave span {
  animation: sound1 1000ms -800ms linear infinite normal;
  opacity: .8; }
  .is-playing .player-wave span:nth-child(1) {
    animation-duration: 780ms;
    animation-name: sound1;
    height: 75%; }
  .is-playing .player-wave span:nth-child(2) {
    animation-duration: 750ms;
    animation-name: sound2;
    height: 50%; }
  .is-playing .player-wave span:nth-child(3) {
    animation-duration: 790ms;
    animation-name: sound3;
    height: 100%; }
  .is-playing .player-wave span:nth-child(4) {
    animation-duration: 760ms;
    animation-name: sound4;
    height: 70%; }

.player_mute {
  display: none; }

.is-muted .player_volume {
  display: none; }

.is-muted .player_mute {
  display: block; }

.is-playing .player_timeline_progress,
.is-paused .player_timeline_progress {
  border-radius: 5px;
  height: 6px;
  background-color: #4298b5;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1003; }

.is-playing .player_timeline_buffered,
.is-paused .player_timeline_buffered {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1001; }
  .is-playing .player_timeline_buffered > *,
  .is-paused .player_timeline_buffered > * {
    position: absolute;
    top: 0;
    bottom: 0;
    background: rgba(176, 180, 181, 0.75); }
  .is-playing .player_timeline_buffered .player_timeline_loading,
  .is-paused .player_timeline_buffered .player_timeline_loading {
    display: none;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1002;
    background-image: repeating-linear-gradient(-45deg, #191a1a, #191a1a 11px, #cacdce 10px, #cacdce 20px);
    background-size: 28px 28px;
    animation: loading .5s linear infinite; }

.is-loading .player-wave span {
  animation: loading1 500ms linear infinite normal;
  height: 100%; }
  .is-loading .player-wave span:nth-child(1) {
    animation-name: loading1;
    animation-duration: 500ms;
    height: 100%; }
  .is-loading .player-wave span:nth-child(2) {
    animation-name: loading2;
    animation-duration: 500ms;
    height: 100%; }
  .is-loading .player-wave span:nth-child(3) {
    animation-name: loading3;
    animation-duration: 500ms;
    height: 100%; }
  .is-loading .player-wave span:nth-child(4) {
    animation-name: loading4;
    animation-duration: 500ms;
    height: 100%; }

.is-loading .player_play::before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 32px;
  height: 32px;
  margin-top: -25px;
  margin-left: -25px;
  border-radius: 50%;
  border: 4px solid transparent;
  border-top-color: #4298b5;
  border-bottom-color: #4298b5;
  animation: spinner 1.5s linear infinite; }
  @media (min-width: 48em) {
    .is-loading .player_play::before {
      width: 50px;
      height: 50px; } }

.is-paused .player-wave span {
  animation: none; }
  .is-paused .player-wave span:nth-child(1) {
    left: 0; }
  .is-paused .player-wave span:nth-child(2) {
    left: 5px; }
  .is-paused .player-wave span:nth-child(3) {
    left: 10px; }
  .is-paused .player-wave span:nth-child(4) {
    left: 15px; }

.player_volumeCurrent {
  width: 100%;
  height: 100%;
  background: #4298b5;
  position: absolute;
  pointer-events: none;
  bottom: 0;
  border-radius: 5px; }

@keyframes loading1 {
  0% {
    opacity: 1; }
  25% {
    opacity: .5; }
  50% {
    opacity: .5; }
  75% {
    opacity: .5; } }

@keyframes loading2 {
  0% {
    opacity: .5; }
  25% {
    opacity: 1; }
  50% {
    opacity: .5; }
  75% {
    opacity: .5; } }

@keyframes loading3 {
  0% {
    opacity: .5; }
  25% {
    opacity: .5; }
  50% {
    opacity: 1; }
  75% {
    opacity: .5; } }

@keyframes loading4 {
  0% {
    opacity: .5; }
  25% {
    opacity: .5; }
  50% {
    opacity: .5; }
  75% {
    opacity: 1; } }

@keyframes sound1 {
  0% {
    height: 20%; }
  20% {
    height: 27%; }
  28% {
    height: 20%; }
  50% {
    height: 80%; }
  52% {
    height: 20%; }
  85% {
    height: 60%; }
  100% {
    height: 20%; } }

@keyframes sound2 {
  0% {
    height: 20%; }
  20% {
    height: 35%; }
  24% {
    height: 20%; }
  40% {
    height: 100%; }
  48% {
    height: 20%; }
  70% {
    height: 90%; }
  100% {
    height: 20%; } }

@keyframes sound3 {
  0% {
    height: 20%; }
  20% {
    height: 40%; }
  24% {
    height: 20%; }
  50% {
    height: 80%; }
  58% {
    height: 20%; }
  75% {
    height: 100%; }
  100% {
    height: 20%; } }

@keyframes sound4 {
  0% {
    height: 20%; }
  20% {
    height: 30%; }
  24% {
    height: 20%; }
  40% {
    height: 50%; }
  48% {
    height: 20%; }
  70% {
    height: 80%; }
  78% {
    height: 20%; }
  90% {
    height: 65%; }
  100% {
    height: 20%; } }

.playButton {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  appearance: none;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  background: transparent;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  background: #dae9f1;
  border-top-left-radius: 18px;
  border-bottom-left-radius: 18px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px; }
  .playButton:focus {
    outline: 0; }

.playButton-primary {
  width: 100%; }

.playButton_button {
  height: 36px;
  width: 36px;
  padding: 3px;
  border-radius: 100px;
  background: #4298b5;
  color: #ffffff;
  fill: currentColor;
  box-shadow: 0 0 0 3px white;
  transition: box-shadow 0.175s; }
  .playButton_button .icon {
    display: block;
    height: 31px;
    width: 31px; }
  .playButton-primary .playButton_button {
    height: 50px;
    width: 50px;
    margin-top: -4px;
    margin-bottom: -4px; }
    .playButton-primary .playButton_button .icon {
      height: 45px;
      width: 45px; }
  .playButton:focus .playButton_button {
    box-shadow: 0 0 0 3px rgba(66, 152, 181, 0.5); }

.playButton_label {
  padding: 0 1rem;
  font-size: 1.2rem; }

.playerFooter {
  display: flex;
  flex-direction: column;
  background-color: #dae9f1;
  margin: auto;
  justify-content: space-evenly;
  max-width: 1400px;
  padding: 8px 16px; }
  @media (min-width: 48em) {
    .playerFooter {
      flex-direction: row; } }

.playerFooter_row {
  margin-bottom: 1.5rem; }

.playerFooter_column {
  margin: 18px 0; }
  @media (min-width: 48em) {
    .playerFooter_column {
      margin: 24px 0; } }

.playerWrapper {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0;
  position: fixed;
  bottom: 0;
  z-index: 2000;
  width: 100%; }
  @media (min-width: 48em) {
    .playerWrapper {
      position: static;
      bottom: auto; } }
  @media (min-width: 48em) {
    .playerWrapper.is-sticky {
      top: 0;
      position: sticky; } }

.playerWrapper-listenpage {
  position: relative; }

.profile_header {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px; }
  @media (min-width: 32em) {
    .profile_header {
      flex-direction: row;
      align-items: flex-end; } }
  @media (min-width: 48em) {
    .profile_header {
      margin-bottom: 40px;
      flex-direction: row; } }

.profile_image img {
  width: 280px;
  border: #e5e6e6 1px solid; }
  @media (min-width: 32em) {
    .profile_image img {
      width: 200px;
      margin-right: 2em; } }

.profile_body {
  margin-bottom: 20px; }
  @media (min-width: 48em) {
    .profile_body {
      margin-bottom: 40px; } }

.profile_footer li {
  list-style: initial;
  list-style-type: disc;
  list-style-position: outside; }

.search {
  display: none; }
  .search.is-open {
    display: flex; }

.searchButton {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  appearance: none;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  background: transparent;
  cursor: pointer;
  background: transparent; }
  .searchButton:hover {
    opacity: .5; }

.shareSocialButtons {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  margin-bottom: .5rem;
  padding: .5rem 0 0 .5rem;
  background: rgba(255, 255, 255, 0.95); }

.shareSocialButtons_twitter,
.shareSocialButtons_facebook {
  cursor: pointer;
  height: 32px;
  width: 32px; }
  .shareSocialButtons_twitter svg,
  .shareSocialButtons_facebook svg {
    fill: #ffffff; }

.shareSocialButtons_twitter {
  background-color: #55acee;
  display: flex; }
  .shareSocialButtons_twitter svg {
    margin: auto;
    height: 28px;
    width: 24px; }

.shareSocialButtons_facebook {
  background-color: #3b5998;
  display: flex; }
  .shareSocialButtons_facebook svg {
    margin: auto;
    height: 25px;
    width: 13px; }

@keyframes spinner {
  to {
    transform: rotate(360deg); } }

.spinner {
  position: relative;
  height: 100%;
  margin: 90px 0;
  min-height: 30px;
  width: 100%; }
  .spinner::before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    border-radius: 50%;
    border: 5px solid transparent;
    border-top-color: #4298b5;
    border-bottom-color: #4298b5;
    animation: spinner 1s linear infinite; }

.tabs {
  display: flex;
  border-bottom: 2px solid #cacdce;
  margin-bottom: 10px; }

.tabs > .tabs_item {
  padding: 4px 0 8px; }
  .tabs > .tabs_item:last-child .tabs_link {
    border-right: 2px solid #cacdce; }

.tabs_link {
  border: 2px solid transparent;
  border-right-color: #cacdce;
  border-bottom-color: transparent;
  color: #7c8183;
  padding: 10px 10px 9px;
  font-weight: bold;
  font-size: 1.4rem;
  margin-right: -2px; }
  .tabs_link.is-active {
    border-bottom-color: #ffffff;
    color: #00334e; }
  .tabs_link:first-child {
    border-left-color: #cacdce; }

.weatherIcon-current {
  width: 125px;
  height: 125px;
  align-self: flex-start; }

.collection {
  grid-template-columns: minmax(180px, 30%) 1fr;
  grid-column-gap: 30px; }
  @media (min-width: 32em) {
    .collection {
      display: grid;
      grid-template-areas: 'header header' 'body body' 'sidebar items' 'pager pager'; } }
  @media (min-width: 48em) {
    .collection {
      display: block;
      margin-left: 30px;
      grid-template-areas: 'header header' 'body body' 'sidebar items' 'sidebar pager'; } }
  @media (min-width: 64em) {
    .collection {
      display: grid; } }

.collection_header {
  grid-area: header;
  margin-bottom: 40px;
  display: flex;
  justify-content: center; }

.collection_body {
  grid-area: body;
  margin-bottom: 40px; }

.collection_sidebar {
  grid-area: sidebar; }

.collection_sidebarHeader {
  margin-bottom: 1rem; }

.collection_sidebarBody {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }
  .collection_sidebarBody > * {
    margin-bottom: 1rem;
    margin-right: 1rem; }
  @media (min-width: 32em) {
    .collection_sidebarBody {
      flex-direction: column; }
      .collection_sidebarBody > * {
        margin-right: 0; } }
  @media (min-width: 48em) {
    .collection_sidebarBody {
      flex-direction: row; }
      .collection_sidebarBody > * {
        margin-right: 1rem; } }
  @media (min-width: 64em) {
    .collection_sidebarBody {
      flex-direction: column; }
      .collection_sidebarBody > * {
        margin-right: 0; } }

.collection_items {
  grid-area: items; }
  .collection_items > * {
    margin-bottom: 6rem; }

.collection_pagination {
  grid-area: pager; }

.episode_content {
  display: grid;
  padding: 50px 40px;
  background: rgba(0, 0, 0, 0.5);
  box-shadow: -5px 0 4px 0 rgba(0, 0, 0, 0.25);
  border-radius: 0 5px; }
  @media (min-width: 48em) {
    .episode_content {
      grid-template-columns: 160px 2fr;
      grid-column-gap: 44px;
      padding: 42px 48px;
      height: auto;
      min-height: 364px; } }

.episode_innerWrapper {
  margin-top: 32px;
  text-align: center; }
  @media (min-width: 48em) {
    .episode_innerWrapper {
      margin-top: 0;
      text-align: left; } }

.episode_date {
  display: block;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  line-height: normal;
  font-size: 2.4rem; }

.episode_image {
  margin: 0 auto;
  width: 100%;
  max-width: 180px; }
  @media (min-width: 48em) {
    .episode_image {
      max-width: 160px; } }

.episode_thumbnail {
  border: 1px solid #000000;
  border-radius: 5px;
  background-color: #000000;
  width: auto;
  margin: 0 auto;
  overflow: hidden;
  height: 100%;
  max-height: 180px; }
  @media (min-width: 48em) {
    .episode_thumbnail {
      max-height: 160px;
      width: auto; } }

.episode_title {
  display: block;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  line-height: normal;
  font-size: 3rem; }

.episode_playButton {
  border: #ffffff 1px solid;
  width: 100%;
  max-width: 160px; }

.episode_audio {
  margin-top: 8px; }
  @media (min-width: 48em) {
    .episode_audio {
      padding: 8px;
      position: absolute;
      left: 58px;
      top: 210px; }
      .episode_audio.no-image {
        top: 42px; } }

.episode_description {
  font-size: 14px;
  line-height: 1.5;
  text-align: left;
  margin-top: 12px; }

.home {
  display: grid;
  grid-template-areas: 'top' 'first' 'rail' 'main' 'sidebar' 'footer'; }
  .home > * {
    margin-bottom: 40px; }
  @media (min-width: 32em) {
    .home {
      grid-template-columns: 1fr 180px;
      grid-template-areas: 'top top' 'first rail' 'main rail' 'sidebar rail' 'footer footer';
      grid-column-gap: 5%; } }
  @media (min-width: 48em) {
    .home {
      grid-template-columns: 1fr 300px;
      grid-template-areas: 'top top' 'first sidebar' 'rail sidebar' 'main sidebar' 'footer footer'; } }
  @media (min-width: 64em) {
    .home {
      grid-template-columns: 210px 1fr 300px;
      grid-template-areas: 'top top sidebar' 'rail first sidebar' 'rail main sidebar' 'footer footer footer';
      margin-right: -10px; } }
  .home.is-blowout .home_first .hdg {
    font-size: 3rem; }
  @media (min-width: 32em) {
    .home.is-blowout {
      grid-template-areas: 'top top' 'first first' 'main rail' 'sidebar rail' 'footer footer'; } }
  @media (min-width: 48em) {
    .home.is-blowout {
      grid-template-areas: 'top top' 'first sidebar' 'rail sidebar' 'main sidebar' 'footer footer'; } }
  @media (min-width: 64em) {
    .home.is-blowout {
      grid-template-areas: 'top top sidebar' 'first first sidebar' 'rail main sidebar' 'footer footer footer'; } }

.home_top {
  grid-area: top; }

.home_first {
  grid-area: first;
  margin-bottom: 0; }
  .home_first::after {
    content: '';
    display: block;
    height: 1px;
    width: 80%;
    margin: 3rem auto;
    background: #dae9f1; }

.home_rail {
  grid-area: rail; }

.home_railLinks {
  columns: 2; }
  @media (min-width: 32em) {
    .home_railLinks {
      columns: auto; } }
  @media (min-width: 48em) {
    .home_railLinks {
      columns: 3; } }
  @media (min-width: 64em) {
    .home_railLinks {
      columns: auto; } }
  .home_railLinks > * {
    break-inside: avoid; }

@media (max-width: 63.999em) {
  .home_railSections {
    display: none; } }

.home_main {
  grid-area: main; }

.home_more {
  margin-top: 60px; }

.home_sidebar {
  grid-area: sidebar; }

.home_footer {
  grid-area: footer; }

.schedule {
  width: 100%; }

.schedule_striped {
  background-color: #e5e6e6; }

.schedule_leftmost {
  padding-left: 1rem;
  font-weight: bold;
  color: #969b9c;
  width: 15%; }

.schedule_rightmost {
  padding: 1rem 0 1rem 1rem;
  width: 85%; }

.listen {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 24px auto; }

.listen_thumbnail {
  height: auto;
  width: 276px;
  margin: 24px 0; }

.listen-highlight {
  background-image: radial-gradient(50% -3%, #ffffff 52%, rgba(255, 255, 255, 0) 100%); }

.newspartners {
  margin: 20px; }
  .newspartners .contentGrid {
    display: block; }
  .newspartners .contentGrid_main {
    max-width: 800px;
    margin: 0 auto; }
  .newspartners .contentGrid_sidebar {
    display: none; }
  .newspartners .content_audio {
    display: none; }

.newspartners_notice {
  margin-top: 4rem; }