/*
  Redactor 4 content classes for the READ-ONLY render path.
  v4 emits wrap classes (float-left / wrap-center / float-right) on images
  instead of v3's inline styles; without these rules, positioning chosen in the
  editor is lost when the stored HTML is rendered. Rules mirror .rx-content in
  static/redactor4/redactor.min.css.
  Also holds the in-house link styles previously hand-appended to the vendored
  v3 static/redactor/redactor.css (editor-side).
*/

.parsed-rich-text-content .wrap-center,
.rich-text-content .wrap-center {
  text-align: center;
}
.parsed-rich-text-content .wrap-center img,
.rich-text-content .wrap-center img {
  margin-left: auto;
  margin-right: auto;
}
.parsed-rich-text-content .wrap-center figcaption,
.rich-text-content .wrap-center figcaption {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.parsed-rich-text-content .float-left,
.rich-text-content .float-left {
  float: left;
  margin-right: 1em;
  margin-bottom: 1em;
  max-width: 200px;
}
.parsed-rich-text-content .float-right,
.rich-text-content .float-right {
  float: right;
  margin-left: 1em;
  margin-bottom: 1em;
  max-width: 200px;
}

/*
  Brand link color inside the editor. The editor element carries both
  rx-content and my-redactor-class-override; vendor .rx-content a is loaded
  later (lazy <link>) and would win an equal-specificity tie, so this rule
  must qualify with BOTH classes to outrank it.
*/
.rx-content.my-redactor-class-override a {
  color: #3397ff;
  text-underline-offset: 2px;
}
.rx-content.my-redactor-class-override a:hover {
  color: #1a7de0;
}

/*
  Default font size override: vendor sets 16px, we want 14px as default
  for new content. Needs !important to win against later-loaded vendor rule.
*/
.rx-content address,
.rx-content dd,
.rx-content dt,
.rx-content li,
.rx-content p {
  font-size: 14px !important;
}

.rx-content.my-redactor-class-override {
  --rx-font-text: 'Open Sans', sans-serif;
  --rx-font-heading: 'Open Sans', sans-serif;
}