.teaser--tagged {
  padding-top: 0.75rem; }

@media (min-width: 48em) {
  .teaser {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

.teaser__thumbnail img {
  display: block;
  height: auto;
  width: 100%; }

.teaser--ruled .teaser__thumbnail img {
  border-bottom: 6px solid #95CA7D; }

.teaser--tagged .teaser__thumbnail {
  position: relative; }

@media (max-width: 47.9375em) {
  .teaser__thumbnail {
    margin-bottom: 1rem; } }

@media (min-width: 48em) {
  .teaser__thumbnail {
    margin-right: 1.8rem;
    width: 37.5%; }
    .teaser--featured .teaser__thumbnail {
      margin-right: 1.8rem;
      width: 50%; } }

.teaser__tag {
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 0; }

.teaser__title {
  font-size: 1.2rem;
  line-height: 1.16667;
  margin: 0; }
  @media (min-width: 48em) {
    .teaser__title {
      font-size: 1.7rem;
      line-height: 1.05882; } }
  .teaser--compact .teaser__title {
    font-size: 1.2rem;
    line-height: 1.16667; }
  .teaser--tiny .teaser__title {
    font-size: 0.9rem;
    line-height: 1.22222; }
  .teaser--featured .teaser__title {
    font-size: 1.6rem; }
    @media (min-width: 75em) {
      .teaser--featured .teaser__title {
        font-size: 2.4rem;
        line-height: 1.14583; } }
  .teaser--external-compact .teaser__title {
    font-size: 1.2rem;
    line-height: 1.16667; }

.teaser__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .teaser__content p:first-child {
    margin-top: 0; }
  .teaser__content p:last-child {
    margin-bottom: 0; }
  .teaser--featured .teaser__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0.9rem; }
  @media (min-width: 48em) {
    .teaser__content {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; } }

.teaser--footer-before .teaser__footer {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1; }

.teaser--featured .teaser__footer {
  font-size: 0.9rem;
  color: #666;
  margin-bottom: 0.25rem; }

.teaser__copy {
  font-size: 0.8rem;
  margin-top: 0.6rem; }
  @media (min-width: 48em) {
    .teaser__copy {
      font-size: 0.9rem; } }
  .teaser--external-compact .teaser__copy {
    color: #666;
    font-size: 0.8rem; }

.teaser--external-compact .byline {
  font-size: 0.6rem;
  margin: 0; }

.teaser--featured {
  background-color: rgba(255, 255, 255, 0.9); }
  .teaser--featured .event__date {
    display: block;
    font-family: "Poynter Gothic Text Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase; }
    .teaser--featured .event__date strong {
      margin-right: .5rem; }
  .teaser--featured .event__location {
    font-style: italic; }
  @media (min-width: 48em) {
    .teaser--featured .event__date {
      border-right: 1px solid #d4d4d4;
      display: inline;
      font-weight: 600;
      padding-right: .5rem; }
    .teaser--featured .event__location {
      display: inline;
      padding-left: .5rem; } }
