.venue-card {
  background-color: #fff;
  -webkit-box-shadow: 0 0.125rem 0.625rem 0 rgba(0, 0, 0, 0.17);
          box-shadow: 0 0.125rem 0.625rem 0 rgba(0, 0, 0, 0.17);
  position: relative;
  max-width: 33.75rem; }
  .venue-card:before, .venue-card:after {
    content: " ";
    display: table; }
  .venue-card:after {
    clear: both; }

.venue-card__image {
  overflow: hidden;
  position: relative; }
  .venue-card__image::after {
    background-color: #e0e0e0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 100%;
    -webkit-transform: skewY(-2.5deg);
        -ms-transform: skewY(-2.5deg);
            transform: skewY(-2.5deg);
    -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
            transform-origin: top left;
    width: 100%; }

.venue-card__title {
  font-size: 1.28125rem;
  line-height: 1.1;
  font-weight: 700; }
  @media (min-width: 786px) {
    .venue-card__title {
      font-size: 1.54688rem; } }
  @media (min-width: 1280px) {
    .venue-card__title {
      font-size: 1.875rem; } }
  .venue-card__title:not(:last-child) {
    margin-bottom: 0.125em; }

.venue-card__title-link {
  color: #485557;
  text-decoration: none;
  white-space: nowrap; }
  .venue-card__title-link:hover, .venue-card__title-link:focus {
    color: #293335; }
  .venue-card__title-link:active, .venue-card__title-link.active--trail {
    color: #737f81; }
  .venue-card__title-link > span {
    white-space: normal; }
  .venue-card__title-link .icon {
    height: 0.9375em;
    left: -0.25em;
    position: relative;
    top: 0.2em;
    width: 0.9375em; }
    .venue-card__title-link .icon use {
      fill: var(--primary-color, #ff7200); }

.venue-card__parent-venue {
  font-size: 1.01875rem;
  margin-bottom: 0.25em; }
  @media (min-width: 786px) {
    .venue-card__parent-venue {
      font-size: 1.04062rem; } }
  @media (min-width: 1280px) {
    .venue-card__parent-venue {
      font-size: 1.125rem; } }

.venue-card__content {
  padding: 1.25rem 1.25rem; }

.venue-card__address {
  font-size: 1.15rem;
  line-height: 1.1;
  color: #485557;
  font-family: "freight-text-pro", serif;
  font-style: italic; }
  @media (min-width: 786px) {
    .venue-card__address {
      font-size: 1.29375rem; } }
  @media (min-width: 1280px) {
    .venue-card__address {
      font-size: 1.5rem; } }
  .venue-card__address:not(:last-child) {
    margin-bottom: 0.5em; }

.venue-card__hours {
  font-size: 0.975rem;
  line-height: 1.1;
  color: #485557;
  font-family: "freight-text-pro", serif;
  margin: 0; }
  @media (min-width: 786px) {
    .venue-card__hours {
      font-size: 0.95625rem; } }
  @media (min-width: 1280px) {
    .venue-card__hours {
      font-size: 1rem; } }

@media (max-width: 1023px) {
  .venue-card__content {
    padding: 1.25rem; }
  .venue-card__title {
    font-size: 1.25rem; }
  .venue-card__address {
    font-size: 0.875rem; }
  .venue-card__hours {
    font-size: 0.75rem; } }

@media (min-width: 1024px) and (max-width: 1919px) {
  .venue-card__content {
    padding: 1.875rem; }
  .venue-card__title {
    font-size: 1.625rem; }
  .venue-card__address {
    font-size: 1.25rem; }
  .venue-card__hours {
    font-size: 0.9375rem; } }

@media (min-width: 1920px) {
  .venue-card__content {
    padding: 3.125rem 4.375rem; } }