/* Pinfields' own styles are style.css / responsive.css (from the Umbraco site) - this file only adds the rules for
   the HTML that comes from the CMS, after them. */

/* footer with the details from CMS Options (ViewComponents/FooterViewComponent) */
.siteFooter {
  padding-block: 1rem;
  font-size: 0.9rem;
}

.siteFooter address,
.siteFooter p {
  margin-bottom: 0.5rem;
}

.footerSeparator {
  margin-inline: 0.5rem;
  opacity: 0.5;
}

/* ---- CMS content ---- */

/* images inside the HTML from the CMS editor (it may set width / height attributes inline) */
.cmsHtml img,
.cmsHtml video {
  max-width: 100%;
  height: auto;
}

/* embedded players (YouTube etc.) - only narrowed, an iframe needs its own height */
.cmsHtml iframe {
  max-width: 100%;
}

/* the assets of a block: a wrapping row with a gap */
.cmsAssets {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 1rem;
}

.cmsAssets img {
  flex: 1 1 280px;
  max-width: 100%;
  object-fit: cover;
}

/* contact form: message after sending (contactForm block, ?sent=1 / ?sent=0) */
.contact-form-message {
  margin: 0 0 16px;
  padding: 12px 16px;
  border-radius: 4px;
  background: #e8f5e9;
  color: #1b5e20;
}

.contact-form-message-error {
  background: #fdecea;
  color: #b71c1c;
}