.page1_block.club-page-hero {
  background-color: #18b6bf !important;
  background-image:
    linear-gradient(135deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0) 46%),
    linear-gradient(90deg, #0d7b8f 0%, #18b6bf 52%, #73e3c5 100%) !important;
  background-repeat: no-repeat, no-repeat !important;
  background-size: cover, cover !important;
  background-position: 0 0, 0 0 !important;
}

.page1_block.club-page-hero .page1_header-title h2,
.page1_block.club-page-hero .page1_header-title h3,
.page1_block.club-page-hero .page1_header-body,
.page1_block.club-page-hero .page1_header-body p,
.page1_block.club-page-hero .page1_header-body a {
  color: #ffffff;
}

.page1_block.club-page-hero .page1_header-body p {
  max-width: 780px;
}

.club-membership-mobile-link {
  display: none;
}

.club-intro-copy::after {
  clear: both;
  content: "";
  display: block;
}

.club-intro-logo {
  float: left;
  margin: 2px 22px 12px 0;
  max-width: 220px;
}

.club-page-footer-panels {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 24px;
}

.club-page-single-column .award-summary-grid + .award-detail {
  margin-top: 24px;
  padding-top: 24px;
}

.club-page-single-column {
  grid-template-columns: 1fr !important;
}

.club-page-sidebar {
  display: none !important;
}

@media only screen and (max-width: 767px) {
  .page1_block.club-page-hero {
    background-color: #20bcc4 !important;
    background-image:
      linear-gradient(145deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0) 42%),
      linear-gradient(180deg, #0f7b90 0%, #20bcc4 58%, #74e5c7 100%) !important;
  }

  .clubmembership-layout .award-sidebar {
    order: 1;
  }

  .club-intro-logo {
    display: block;
    float: none;
    margin: 0 auto 16px;
    max-width: 180px;
  }

  .club-membership-mobile-link {
    display: block;
  }

  .club-membership-detail {
    display: none;
  }

  .club-page-footer-panels {
    grid-template-columns: 1fr;
  }
}