:root {
  --color-black: #0d0e0e;
  --color-dark-gray: #959595;
  --color-light-gray: #f5f5f5;
  --color-border-gray: #b2b2b2;
  --color-red: #cc1f36;

  --fontsize-base: 14px;
  --fontsize-md: 1.125em;
  --fontsize-sm: 0.875em;

  --padding-xs: 0.375em;
  --padding-sm: 0.875em;
  --padding-md: 1.125em;
}

@media (min-width: 769px) {
  :root {
    --fontsize-base: 16px;
  }
}

.breakingmed-widget {
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: var(--fontsize-base) !important;
  color: var(--color-black) !important;
  background: var(--color-light-gray) !important;
}

.breakingmed-widget * {
  margin: 0 !important;
  padding: 0 !important;
  font-size: inherit;
  box-sizing: border-box !important;
}

.breakingmed-widget_header {
  display: flex !important;
  flex-flow: row nowrap !important;
  justify-content: center !important;
  background: var(--color-black);
  padding: 14px !important;
  height: 64px !important;
}

.breakingmed-widget_logo {
  display: block !important;
  width: 160px !important;
  min-width: 160px !important;
  max-width: 160px !important;
}

.breakingmed-widget_logo > img {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
}

.breakingmed-widget_body {
  padding: var(--padding-sm) var(--padding-md) !important;
}

.breakingmed-widget_title {
  margin-bottom: var(--padding-sm) !important;
  font-size: var(--fontsize-md) !important;
  color: var(--color-red) !important;
  font-weight: 700 !important;
}

.breakingmed-widget_list-item {
  padding: var(--padding-sm) 0 !important;
  border-top: 1px solid var(--color-border-gray) !important;
}

.breakingmed-widget_list-item-title {
  display: block !important;
  margin-bottom: var(--padding-xs) !important;
  font-size: var(--fontsize-md) !important;
  color: inherit !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  background-color: transparent !important;
  border: none !important;
  outline: none !important;
  text-align: left !important;
  cursor: pointer !important;
}

.breakingmed-widget_list-item-footnote {
  font-size: var(--fontsize-sm) !important;
  color: var(--color-dark-gray) !important;
}
