/*
 * WBRM homepage.
 */

.page-content {
  padding-bottom: 0;
}

.facebook-connect {
  width: 100vw;
  max-width: none !important;

  margin-top: var(--wbrm-space-xl);
  margin-right: calc(50% - 50vw);
  margin-bottom: 0;
  margin-left: calc(50% - 50vw);

  padding: var(--wbrm-space-lg) 0;

  background-color: var(--wbrm-section-bg);
  border-top: 1px solid var(--wbrm-border-colour);
}

.facebook-connect > .wp-block-group__inner-container {
  width: 100%;
  max-width: none !important;
}

.facebook-connect__inner {
  width: 100%;
  max-width: var(--wbrm-content-width) !important;
  margin: 0 auto;
  padding: 0 var(--wbrm-space-md);
}

.facebook-connect__inner > .wp-block-group__inner-container {
  width: 100%;
  max-width: none !important;
}

.facebook-connect h2 {
  margin: 0;

  color: var(--wbrm-heading-colour);
  font-size: 32px;
  line-height: 1.1;
  font-weight: 700;
}

.facebook-connect p {
  max-width: 1000px;
  margin: var(--wbrm-space-sm) 0 0;

  color: var(--wbrm-text-muted);
  font-size: 16px;
  line-height: 1.5;
}

.facebook-connect .wp-block-buttons {
  justify-content: center !important;
  margin-top: var(--wbrm-space-md);
}

@media only screen and (max-width: 768px) {
  .facebook-connect {
    padding: var(--wbrm-space-md) 0;
  }

  .facebook-connect h2 {
    font-size: 28px;
  }

  .facebook-connect p {
    font-size: 15px;
  }
}