/* Van der Mijl & Company - shared redesign styles for pages other than Commercial
   Plain CSS, served from /assets and linked in site.region after vdm-commercial.css. Not processed by LESS.
   Derived from the accepted Commercial stylesheet (assets/vdm-commercial.css), which is not changed.
   Every selector is scoped to one reviewed collection and to #page, so the header, navigation,
   Site Styles, the Commercial page and all other pages are unaffected.
   Selectors follow page structure (first heading, lists), not block IDs, so a re-created
   block does not break the layout.
   Collections:
     6aeb9eb08cd1e532e3efaccc  Contact (reviewed as "Contact Prototype"): one text block, one native Form block, then the privacy note */

/* ---------- Contact: page frame ---------- */
#collection-6aeb9eb08cd1e532e3efaccc #page .main-content {
  box-sizing: border-box; max-width: 1184px; margin: 0 auto; padding: 64px 48px 120px;
}
#collection-6aeb9eb08cd1e532e3efaccc #page .sqs-layout:not(.sqs-editing) .sqs-col-12 > .sqs-block:not(.float):not(.sqs-float-right):not(.sqs-float-left) {
  width: auto; max-width: 810px; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;
}
#collection-6aeb9eb08cd1e532e3efaccc #page .sqs-layout:not(.sqs-editing) .sqs-row { margin-left: 0; margin-right: 0; }

/* ---------- Contact: type (as Commercial) ---------- */
#collection-6aeb9eb08cd1e532e3efaccc #page .sqs-block-html .sqs-html-content { color: #231F20; }
#collection-6aeb9eb08cd1e532e3efaccc #page .sqs-block-html .sqs-html-content > * { max-width: 625px; }
#collection-6aeb9eb08cd1e532e3efaccc #page .sqs-block-html p,
#collection-6aeb9eb08cd1e532e3efaccc #page .sqs-block-html li { font-size: 19px; line-height: 30px; color: #231F20; }
#collection-6aeb9eb08cd1e532e3efaccc #page .sqs-block-html p { margin: 0 0 20px; }
#collection-6aeb9eb08cd1e532e3efaccc #page .sqs-block-html li > p { font-size: inherit; line-height: inherit; margin: 0; }
#collection-6aeb9eb08cd1e532e3efaccc #page .sqs-block-html h2 {
  font-size: 44px; line-height: 50px; letter-spacing: 0; color: #231F20; margin: 96px 0 20px; max-width: 810px;
}
#collection-6aeb9eb08cd1e532e3efaccc #page .sqs-block-html h1,
#collection-6aeb9eb08cd1e532e3efaccc #page .sqs-block-html h2 { text-align: left; }
#collection-6aeb9eb08cd1e532e3efaccc #page .sqs-block-html a {
  color: #231F20; text-decoration: underline; text-decoration-color: #4F6152; text-underline-offset: 3px;
}
#collection-6aeb9eb08cd1e532e3efaccc #page .sqs-block-html a:hover { text-decoration-color: #231F20; text-decoration-thickness: 2px; }

/* Ruled index in place of bullets */
#collection-6aeb9eb08cd1e532e3efaccc #page .sqs-block-html ul {
  list-style: none; margin: 8px 0 32px; padding: 0; border-top: 1px solid #231F20;
}
#collection-6aeb9eb08cd1e532e3efaccc #page .sqs-block-html ul > li {
  list-style: none; margin: 0; padding: 12px 0; border-bottom: 1px solid rgba(35, 31, 32, .3);
}
#collection-6aeb9eb08cd1e532e3efaccc #page .sqs-block-html li > p::before { content: none; display: none; }

/* ---------- Contact: opening (display headline, lead) ---------- */
#collection-6aeb9eb08cd1e532e3efaccc #page .sqs-html-content > h1:first-child {
  font-family: adobe-caslon-pro, Georgia, serif; font-weight: 400; font-size: 76px; line-height: 80px;
  letter-spacing: 0; text-transform: none; color: #231F20; margin: 0 0 32px;
  text-align: left !important; /* headings can carry an inline centre alignment from the editor */
}
#collection-6aeb9eb08cd1e532e3efaccc #page .sqs-html-content > h1:first-child + p { font-size: 26px; line-height: 38px; margin-bottom: 32px; }

/* ---------- Contact: button (ink, no green) ---------- */
#collection-6aeb9eb08cd1e532e3efaccc #page .sqs-block-button-container { text-align: left; justify-content: flex-start; }
#collection-6aeb9eb08cd1e532e3efaccc #page .sqs-block-button-element,
#collection-6aeb9eb08cd1e532e3efaccc #page .sqs-block-button-element:visited {
  background-color: #231F20 !important; color: #F2EFEB !important; border: 0; border-radius: 0;
  font-family: futura-pt, "Futura PT", "Helvetica Neue", Arial, sans-serif; font-weight: 500;
  font-size: 14px; line-height: 20px; letter-spacing: .12em; text-transform: uppercase;
  padding: 18px 28px; opacity: 1; box-shadow: none !important;
}
#collection-6aeb9eb08cd1e532e3efaccc #page .sqs-block-button-element:hover,
#collection-6aeb9eb08cd1e532e3efaccc #page .sqs-block-button-element:active { background-color: #4B4643 !important; opacity: 1; box-shadow: none !important; }
#collection-6aeb9eb08cd1e532e3efaccc #page .sqs-block-button-element:focus-visible { outline: 2px solid #231F20; outline-offset: 4px; }

/* ---------- Contact: native form (labels, help text, fields and submit in the Commercial style) ---------- */
#collection-6aeb9eb08cd1e532e3efaccc #page form { max-width: 625px; color: #231F20; }
#collection-6aeb9eb08cd1e532e3efaccc #page form .form-item { margin: 0 0 28px; }
#collection-6aeb9eb08cd1e532e3efaccc #page form .title,
#collection-6aeb9eb08cd1e532e3efaccc #page form .caption {
  font-family: futura-pt, "Futura PT", "Helvetica Neue", Arial, sans-serif; font-weight: 500;
  font-size: 13px; line-height: 20px; letter-spacing: .12em; text-transform: uppercase; color: #231F20;
}
#collection-6aeb9eb08cd1e532e3efaccc #page form .title .description.required {
  font-family: adobe-caslon-pro, Georgia, serif; font-weight: 400; font-size: 15px; letter-spacing: 0;
  text-transform: none; color: #5E5853; margin-left: 6px;
}
/* Help text, including the sensitive-information caution beside the message field */
#collection-6aeb9eb08cd1e532e3efaccc #page form p.description {
  font-family: adobe-caslon-pro, Georgia, serif; font-size: 17px; line-height: 26px; letter-spacing: 0;
  text-transform: none; color: #4B4643; margin: 6px 0 10px;
}
#collection-6aeb9eb08cd1e532e3efaccc #page form input[type="text"],
#collection-6aeb9eb08cd1e532e3efaccc #page form input[type="email"],
#collection-6aeb9eb08cd1e532e3efaccc #page form input[type="tel"],
#collection-6aeb9eb08cd1e532e3efaccc #page form select,
#collection-6aeb9eb08cd1e532e3efaccc #page form textarea {
  box-sizing: border-box; width: 100%; max-width: 100%; margin-top: 6px;
  background: #FFFFFF; border: 1px solid #231F20; border-radius: 0; box-shadow: none;
  font-family: adobe-caslon-pro, Georgia, serif; font-size: 19px; line-height: 28px; color: #231F20; padding: 11px 14px;
}
#collection-6aeb9eb08cd1e532e3efaccc #page form textarea { min-height: 160px; }
#collection-6aeb9eb08cd1e532e3efaccc #page form input:focus-visible,
#collection-6aeb9eb08cd1e532e3efaccc #page form select:focus-visible,
#collection-6aeb9eb08cd1e532e3efaccc #page form textarea:focus-visible { outline: 2px solid #231F20; outline-offset: 2px; }
#collection-6aeb9eb08cd1e532e3efaccc #page form .option { margin: 8px 0; }
#collection-6aeb9eb08cd1e532e3efaccc #page form .option label {
  font-family: adobe-caslon-pro, Georgia, serif; font-size: 18px; line-height: 26px; letter-spacing: 0;
  text-transform: none; color: #231F20;
}
#collection-6aeb9eb08cd1e532e3efaccc #page form .form-button-wrapper { margin-top: 12px; }
#collection-6aeb9eb08cd1e532e3efaccc #page form .form-submit-button {
  background-color: #231F20 !important; color: #F2EFEB !important; border: 0 !important; border-radius: 0;
  font-family: futura-pt, "Futura PT", "Helvetica Neue", Arial, sans-serif; font-weight: 500;
  font-size: 14px; line-height: 20px; letter-spacing: .12em; text-transform: uppercase;
  padding: 18px 28px; box-shadow: none !important;
}
#collection-6aeb9eb08cd1e532e3efaccc #page form .form-submit-button:hover { background-color: #4B4643 !important; }
#collection-6aeb9eb08cd1e532e3efaccc #page form .form-submit-button:focus-visible { outline: 2px solid #231F20; outline-offset: 4px; }
#collection-6aeb9eb08cd1e532e3efaccc #page .form-submission-text { font-size: 19px; line-height: 30px; color: #231F20; }

/* ---------- Contact: privacy note (the text block after the form) ---------- */
#collection-6aeb9eb08cd1e532e3efaccc #page .sqs-layout:not(.sqs-editing) .sqs-col-12 > .sqs-block-html ~ .sqs-block-html { margin-top: 48px; }
#collection-6aeb9eb08cd1e532e3efaccc #page .sqs-block-html ~ .sqs-block-html .sqs-html-content { max-width: 625px; padding-top: 24px; border-top: 1px solid #231F20; }
#collection-6aeb9eb08cd1e532e3efaccc #page .sqs-block-html ~ .sqs-block-html .sqs-html-content > h3 {
  font-family: futura-pt, "Futura PT", "Helvetica Neue", Arial, sans-serif; font-weight: 500;
  font-size: 13px; line-height: 20px; letter-spacing: .12em; text-transform: uppercase; color: #231F20;
  margin: 0 0 14px; text-align: left !important;
}
#collection-6aeb9eb08cd1e532e3efaccc #page .sqs-block-html ~ .sqs-block-html .sqs-html-content > p { font-size: 16px; line-height: 25px; color: #4B4643; margin: 0 0 12px; }

/* ---------- Contact: tablet ---------- */
@media screen and (min-width: 641px) and (max-width: 1023px) {
  #collection-6aeb9eb08cd1e532e3efaccc #page .main-content { padding: 48px 48px 96px; }
  #collection-6aeb9eb08cd1e532e3efaccc #page .sqs-layout:not(.sqs-editing) .sqs-col-12 > .sqs-block:not(.float):not(.sqs-float-right):not(.sqs-float-left) { max-width: 720px; }
  #collection-6aeb9eb08cd1e532e3efaccc #page .sqs-html-content > h1:first-child { font-size: 60px; line-height: 64px; }
}

/* ---------- Contact: phone ---------- */
@media screen and (max-width: 640px) {
  #collection-6aeb9eb08cd1e532e3efaccc #page .main-content { padding: 28px 20px 64px; }
  #collection-6aeb9eb08cd1e532e3efaccc #page .sqs-block-html p,
  #collection-6aeb9eb08cd1e532e3efaccc #page .sqs-block-html li { font-size: 18px; line-height: 28px; }
  #collection-6aeb9eb08cd1e532e3efaccc #page .sqs-block-html h2 { font-size: 32px; line-height: 38px; margin-top: 56px; }
  #collection-6aeb9eb08cd1e532e3efaccc #page .sqs-html-content > h1:first-child { font-size: 44px; line-height: 48px; margin-bottom: 22px; }
  #collection-6aeb9eb08cd1e532e3efaccc #page .sqs-html-content > h1:first-child + p { font-size: 21px; line-height: 31px; }
}