/* The SDC Brief - newsletter sign-ups. See functions/newsletter.php.
   Lime is the one colour no other CTA on the site uses as a background, which is
   what keeps these from reading as another "contact us".
   Gravity Forms' Orbital stylesheet loads after the theme and prints its colours
   under an ID selector, so the form rules below need !important to land. */

.sdc-brief {
  --brief-ink: var(--tertiary, #231f20);
  --brief-lime: var(--secondary, #befa4f);
  font-family: var(--font2), Montserrat, sans-serif;
}

/* ---- Shared pieces ---- */

.sdc-brief__eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 14px !important;
  font-size: 12px !important;
  font-weight: 800;
  letter-spacing: 0.18em;
  line-height: 1.4 !important;
  text-transform: uppercase;
  color: var(--tertiary, #231f20) !important;
}

.sdc-brief__icon {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
}

.sdc-brief__dot {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: currentColor;
}

.sdc-brief .sdc-brief__title {
  margin: 0 0 12px !important;
  padding: 0 !important;
  font-size: 28px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  color: var(--brief-ink) !important;
}

.sdc-brief .sdc-brief__copy {
  margin: 0 !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: var(--brief-ink) !important;
}

.sdc-brief .sdc-brief__fine {
  margin: 12px 0 0 !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  color: var(--brief-ink) !important;
}

.sdc-brief .sdc-brief__fine a {
  color: var(--brief-ink) !important;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* ---- Gravity Forms, all placements ---- */

.sdc-brief .gform_wrapper {
  margin: 0 !important;
}

.sdc-brief .gform_heading,
.sdc-brief .gform_required_legend,
.sdc-brief .gfield--type-hidden {
  display: none !important;
}

.sdc-brief .gform_fields {
  column-gap: 12px !important;
  row-gap: 12px !important;
}

/* Placeholders are the visible labels; the real labels stay for screen readers. */
.sdc-brief .gfield_label,
.sdc-brief .gform-field-label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.sdc-brief .gfield input[type="text"],
.sdc-brief .gfield input[type="email"] {
  width: 100% !important;
  height: 54px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  border: 2px solid var(--brief-ink) !important;
  border-radius: 2px !important;
  background: #fff !important;
  box-shadow: none !important;
  color: var(--brief-ink) !important;
  font: 500 15px/1 var(--font2), Montserrat, sans-serif !important;
}

.sdc-brief .gfield input::placeholder {
  color: rgba(35, 31, 32, 0.72) !important;
  opacity: 1;
}

.sdc-brief .gfield input:focus {
  outline: 3px solid var(--primary, #1574c4) !important;
  outline-offset: 1px;
}

.sdc-brief .gfield--type-submit {
  display: flex;
  align-items: flex-start;
}

.sdc-brief [type="submit"] {
  width: 100% !important;
  height: 54px !important;
  margin: 0 !important;
  padding: 0 20px !important;
  border: 2px solid var(--brief-ink) !important;
  border-radius: 2px !important;
  background: var(--brief-ink) !important;
  color: var(--brief-lime) !important;
  font: 700 15px/1 var(--font2), Montserrat, sans-serif !important;
  white-space: nowrap;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease !important;
}

.sdc-brief [type="submit"]:hover,
.sdc-brief [type="submit"]:focus-visible {
  background: #000 !important;
  color: #fff !important;
}

/* The submit button is inline, so the footer GF still prints is empty; drop its margin. */
.sdc-brief .gform_footer {
  margin: 0 !important;
  padding: 0 !important;
}

/* reCAPTCHA appears once someone starts filling the form in (sdc-brief.js),
   below the email + button row rather than between them. */
.sdc-brief:not(.is-engaged) .sdc-brief-captcha {
  display: none !important;
}

.sdc-brief:not(.sdc-brief--page) .sdc-brief-captcha {
  order: 10;
}

.sdc-brief .gfield_validation_message,
.sdc-brief .validation_message {
  position: static !important;
  margin: 6px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  color: var(--brief-ink) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

.sdc-brief .gfield_error input[type="text"],
.sdc-brief .gfield_error input[type="email"] {
  border-color: #b00020 !important;
}

.sdc-brief .gform-theme--framework .gform_validation_errors {
  margin: 0 0 14px !important;
  padding: 10px 14px !important;
  border: 2px solid var(--brief-ink) !important;
  border-radius: 2px !important;
  background: rgba(255, 255, 255, 0.55) !important;
  box-shadow: none !important;
}

.sdc-brief .gform-theme--framework .gform_validation_errors .gform_submission_error,
.sdc-brief .gform-theme--framework .gform_validation_errors .gform-icon {
  color: var(--brief-ink) !important;
  font-size: 13px !important;
}

.sdc-brief .gform_confirmation_message,
.sdc-brief .sdc-brief__thanks {
  margin: 0 !important;
  color: var(--brief-ink) !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
}

/* ---- Panel: end of blog posts, inside case studies ---- */

.sdc-brief--panel {
  display: grid;
  grid-template-columns: 1.05fr 1fr;
  gap: 40px;
  align-items: center;
  margin: 56px 0 8px;
  padding: 44px 48px;
  background: var(--brief-lime);
  color: var(--brief-ink);
}

.sdc-brief--case-study {
  margin: 56px 0 0;
}

/* ---- Footer strip ---- */

.sdc-brief--footer {
  --brief-ink: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  margin: 0 0 var(--footer-spacing, 30px);
  padding: 26px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.sdc-brief--footer .sdc-brief__intro {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  align-items: center;
  gap: 16px;
}

.sdc-brief--footer .sdc-brief__label {
  margin: 0 !important;
  color: var(--brief-lime) !important;
  font-size: 13px !important;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  white-space: nowrap;
}

.sdc-brief--footer .sdc-brief__copy {
  opacity: 0.9;
}

.sdc-brief--footer .sdc-brief__form {
  flex: 0 1 680px;
}

.sdc-brief--footer .gfield input[type="text"],
.sdc-brief--footer .gfield input[type="email"],
.sdc-brief--footer [type="submit"] {
  height: 46px !important;
}

.sdc-brief--footer .gfield input[type="text"],
.sdc-brief--footer .gfield input[type="email"] {
  border-color: var(--brief-lime) !important;
  background: transparent !important;
  color: #fff !important;
}

.sdc-brief--footer .gfield input::placeholder {
  color: rgba(255, 255, 255, 0.8) !important;
}

.sdc-brief--footer .gfield input:focus {
  outline-color: #fff !important;
}

.sdc-brief--footer [type="submit"] {
  border-color: var(--brief-lime) !important;
  background: var(--brief-lime) !important;
  color: var(--tertiary, #231f20) !important;
}

.sdc-brief--footer [type="submit"]:hover,
.sdc-brief--footer [type="submit"]:focus-visible {
  border-color: #fff !important;
  background: #fff !important;
  color: var(--tertiary, #231f20) !important;
}

.sdc-brief--footer .gfield_validation_message,
.sdc-brief--footer .validation_message {
  color: var(--brief-lime) !important;
}

.sdc-brief--footer .gform-theme--framework .gform_validation_errors {
  border-color: var(--brief-lime) !important;
  background: transparent !important;
}

.sdc-brief--footer .gform-theme--framework .gform_validation_errors .gform_submission_error,
.sdc-brief--footer .gform-theme--framework .gform_validation_errors .gform-icon {
  color: #fff !important;
}

.sdc-brief--footer .gfield_error input[type="text"],
.sdc-brief--footer .gfield_error input[type="email"] {
  border-color: #ff8a80 !important;
}

/* ---- /newsletter page (SDC Brief Signup Page block) ---- */

.sdc-brief-page__hero {
  padding: 90px 0 100px;
  background: var(--tertiary, #231f20);
  color: #fff;
}

.sdc-brief-page__grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 70px;
  align-items: center;
}

.sdc-brief-page__intro .sdc-brief__eyebrow {
  color: var(--secondary, #befa4f) !important;
}

.sdc-brief-page .sdc-brief-page__title {
  margin: 0 0 20px;
  padding: 0;
  font-size: 46px;
  line-height: 1.12;
  font-weight: 800;
  color: #fff;
}

.sdc-brief-page .sdc-brief-page__lead {
  margin: 0 0 26px;
  font-size: 18px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.88);
}

.sdc-brief-page__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.sdc-brief-page__list li {
  position: relative;
  margin: 0 0 12px;
  padding-left: 30px;
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
}

.sdc-brief-page__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 12px;
  height: 7px;
  border-left: 3px solid var(--secondary, #befa4f);
  border-bottom: 3px solid var(--secondary, #befa4f);
  transform: rotate(-45deg);
}

.sdc-brief-page__card {
  padding: 40px;
  background: var(--secondary, #befa4f);
}

.sdc-brief-page__card .sdc-brief__title {
  font-size: 24px !important;
  margin-bottom: 6px !important;
}

.sdc-brief-page__card .sdc-brief__copy {
  margin-bottom: 22px !important;
  font-size: 14px !important;
}

.sdc-brief--page .gfield:not(.sdc-brief-first):not(.sdc-brief-last) {
  grid-column: 1 / -1 !important;
}

.sdc-brief--page .gfield input[type="text"],
.sdc-brief--page .gfield input[type="email"] {
  height: 50px !important;
}

.sdc-brief--page [type="submit"] {
  height: 56px !important;
  font-size: 16px !important;
}

.sdc-brief--page .sdc-brief__fine {
  margin-top: 14px !important;
}

.sdc-brief__editor-note {
  margin: 0;
  padding: 18px;
  border: 2px dashed var(--tertiary, #231f20);
  color: var(--tertiary, #231f20);
  font-size: 14px;
}

.sdc-brief-page__inside {
  padding: 90px 0;
  background: #fff;
}

.sdc-brief-page .sdc-brief-page__inside-title {
  margin: 0 0 40px;
  text-align: center;
  font-size: 34px;
  font-weight: 800;
  color: var(--primary, #1574c4);
}

.sdc-brief-page__cols {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}

.sdc-brief-page__col {
  padding: 30px 28px;
  border-top: 5px solid var(--secondary, #befa4f);
  background: #f5f5f5;
}

.sdc-brief-page__col h3 {
  margin: 0 0 10px;
  font-size: 19px;
  font-weight: 800;
  color: var(--tertiary, #231f20);
}

.sdc-brief-page__col p {
  margin: 0;
  font-size: 15px;
  line-height: 1.6;
  color: var(--tertiary, #231f20);
}

.sdc-brief-page__latest {
  margin: 40px 0 0;
  text-align: center;
  font-size: 15px;
  color: var(--tertiary, #231f20);
}

.sdc-brief-page__latest a {
  color: var(--primary, #1574c4);
}

/* ---- Responsive ---- */

@media (max-width: 1199px) {
  .sdc-brief--footer {
    flex-direction: column;
    align-items: stretch;
    gap: 18px;
  }

  .sdc-brief--footer .sdc-brief__form {
    flex: 1 1 auto;
  }

  .sdc-brief-page__grid {
    gap: 48px;
  }
}

@media (max-width: 991px) {
  .sdc-brief--panel {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 36px 32px;
  }

  .sdc-brief-page__hero {
    padding: 60px 0 70px;
  }

  .sdc-brief-page__grid {
    grid-template-columns: 1fr;
  }

  .sdc-brief-page .sdc-brief-page__title {
    font-size: 36px;
  }

  .sdc-brief-page__cols {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .sdc-brief-page__inside {
    padding: 60px 0;
  }
}

@media (max-width: 767px) {
  .sdc-brief--footer .sdc-brief__intro {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }
}

/* Gravity Forms stacks every field full width under 640px; keep first/last name paired. */
@media (max-width: 640px) {
  .sdc-brief--panel {
    margin-top: 40px;
    padding: 28px 22px;
  }

  .sdc-brief .sdc-brief__title {
    font-size: 23px !important;
  }

  .sdc-brief .gform_fields {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .sdc-brief .gfield {
    grid-column: 1 / -1 !important;
  }

  .sdc-brief .gfield.sdc-brief-first,
  .sdc-brief .gfield.sdc-brief-last {
    grid-column: span 1 !important;
  }

  .sdc-brief-page__card {
    padding: 28px 22px;
  }
}