/**
 * NCTE content treatments — presentation for builder text blocks.
 * Source of record: assets/styles/components/_content-treatments.scss
 * Hand-compiled: the theme's gulp/node-sass build is non-functional on current Node.
 *
 * Root font-size is 62.5%, so 1rem = 10px (matches the theme's rem scale).
 * Greens are contrast-checked on white: #3d7d21 = 5.06:1 (AA text),
 * #4f9e2a = 3.36:1 (non-text/UI). Brand #8EDD65 is 1.66:1 — decoration only.
 */

/* Lead-in that introduces the collapsible sections below it.
   Previously read as a trailing footnote of the intro paragraph. */
.cfm-lead-in {
  font-size: 2rem;
  line-height: 1.45;
  color: #1D1A1A;
  margin: 3.4rem 0 0.4rem;
  padding-top: 2.8rem;
  border-top: 1px solid #e3e3e1;
}

.cfm-lead-in strong {
  color: #3d7d21;
  font-weight: 700;
}

/* Key requirement callout (submission deadline / word count / style). */
.cfm-callout {
  background: #f2faee;
  border: 1px solid #cdeab8;
  border-left: 4px solid #4f9e2a;
  border-radius: 4px;
  padding: 1.6rem 2rem;
  margin: 3rem 0 2rem;
  font-size: 1.7rem;
  line-height: 1.5;
}

.cfm-callout strong { font-weight: 700; }

/* Timeline: separators so the dates read as an ordered sequence, not loose bullets. */
ul.cfm-timeline {
  list-style: none;
  padding-left: 0;
  margin: 1.2rem 0 2rem;
  max-width: 60rem;
}

ul.cfm-timeline li {
  padding: 1.2rem 0 1.2rem 2.2rem;
  border-bottom: 1px dashed #e3e3e1;
  position: relative;
}

ul.cfm-timeline li:last-child { border-bottom: 0; }

ul.cfm-timeline li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2rem;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #4f9e2a;
}

/* Contact line */
.cfm-contact { margin-top: 2.4rem; }

/* ---------------------------------------------------------------------------
   Collapsible sections.
   Scoped to `.cfm-accordion` — a page-scoped class the build script adds ALONGSIDE
   the theme's `faq-accordion`. Accordions elsewhere on the site keep their existing
   look; only this page gets the visible bounding box.
   Needed because main.css resets Bootstrap's `.card` border to `medium`/none, so a
   white card on a white page had no visible edge at all.
   --------------------------------------------------------------------------- */
.cfm-accordion { margin: 1.6rem 0; }

.cfm-accordion .card {
  border: 1px solid #dcdedb;
  border-radius: 4px;
  background: #fff;
  overflow: hidden;
}

.cfm-accordion .card + .card { margin-top: 1.2rem; }

.cfm-accordion .card-header { background: #f6faf3; }

.cfm-accordion .card .card-block { border-top: 1px solid #e8ebe6; padding-top: 1.6rem; }

/* ---------------------------------------------------------------------------
   Gravity Forms select.
   GF sets padding:8px while the theme forces line-height:inherit, leaving the box
   too short for the 15px text — the chosen option was visibly clipped (the element
   also has overflow:clip). Give it room and a 44px touch target.
   Scoped to this stylesheet, which only loads on pages built with the jump nav.
   --------------------------------------------------------------------------- */
.gform_wrapper select,
.gform_wrapper.gravity-theme select {
  height: auto;
  min-height: 4.4rem;
  line-height: 1.5;
  padding: 1rem 1.2rem;
  max-width: 100%;
}

/* Standfirst: the one-line summary directly beneath the page title. */
.cfm-standfirst {
  font-size: 1.9rem;
  line-height: 1.5;
  color: #4A4A4A;
  margin: 0.6rem 0 2.4rem;
  max-width: 68rem;
}

.cfm-standfirst strong { font-weight: 400; }

/* Kicker: the "Call for Manuscripts" label above the body copy. */
.cfm-kicker {
  margin: 0 0 2rem;
}

.cfm-kicker strong {
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #3d7d21;
  padding-bottom: .7rem;
  border-bottom: 3px solid #8EDD65;
}

/* ---------------------------------------------------------------------------
   Submission form panel.
   The Gravity Form rendered flush against the page with no container, so the
   submission step didn't read as its own area. Gives it the same card language as
   the collapsible sections (1px border + 4px radius) with the header tint used on
   the accordion headers. Purely presentational — no markup or copy change.
   Scoped to this stylesheet, which loads only on jump-nav pages.
   --------------------------------------------------------------------------- */
.sidebar-template-intro .gform_wrapper {
  border: 1px solid #dcdedb;
  border-radius: 4px;
  background: #f6faf3;
  padding: 2.6rem 2.8rem 3rem;
  margin: 2.6rem 0 0;
}

/* Inputs stay white so they read as fields against the tinted panel. */
.sidebar-template-intro .gform_wrapper input[type="text"],
.sidebar-template-intro .gform_wrapper input[type="email"],
.sidebar-template-intro .gform_wrapper input[type="tel"],
.sidebar-template-intro .gform_wrapper input[type="url"],
.sidebar-template-intro .gform_wrapper input[type="number"],
.sidebar-template-intro .gform_wrapper textarea,
.sidebar-template-intro .gform_wrapper select {
  background-color: #fff;
  border: 1px solid #d5d8d3;
  border-radius: 3px;
}

/* The empty spacer paragraph the editor left above the shortcode. */
.sidebar-template-intro .gform_wrapper + p:empty,
.sidebar-template-intro p:empty { margin: 0; }