/*
  Optional reusable components for Peach Static Starter.
  Load this after Bootstrap and css/site.css when a page uses a component.
*/

.email-signup {
  max-width: 36rem;
}

.email-signup[aria-busy="true"] {
  cursor: wait;
}

.email-signup__trap {
  height: 0;
  left: -10000px;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px;
}

.email-signup__message {
  margin-bottom: 1rem;
}

.newsletter-signup {
  max-width: 36rem;
}

.newsletter-signup[aria-busy="true"] {
  cursor: wait;
}

.newsletter-signup__trap {
  height: 0;
  left: -10000px;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px;
}

.newsletter-signup__message {
  margin-bottom: 1rem;
}

.youtube-embed {
  margin: 0;
  max-width: 100%;
}

.youtube-embed__ratio {
  overflow: hidden;
}

.youtube-embed__frame {
  border: 0;
  height: 100%;
  width: 100%;
}

.youtube-embed__fallback {
  margin-top: 0.75rem;
}

.instagram-embed {
  max-width: 100%;
}

.instagram-embed__wrap {
  display: flex;
  justify-content: center;
}

.instagram-embed .instagram-media {
  background: #ffffff;
  border: 0;
  border-radius: 3px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), 0 1px 10px rgba(0, 0, 0, 0.15);
  margin: 0 auto;
  max-width: 34rem;
  min-width: min(20.375rem, 100%);
  padding: 1rem;
  width: 100%;
}

.instagram-embed__fallback {
  margin-top: 0.75rem;
}