@charset "UTF-8";
/*
    - Name: "text-editor.scss"
    - Description: "Add custom styles to paragraph text editor"
*/
.paragraph--type--text-editor .text-editor--content h3 {
  font-family: var(--mobileH3BoldFontFamily), sans-serif;
  font-weight: var(--mobileH3BoldFontWeight);
  line-height: var(--mobileH3BoldLineHeight);
  font-size: var(--mobileH3BoldFontSize);
  letter-spacing: var(--mobileH3BoldLetterSpacing);
  margin: var(--spacingXs) 0;
  -webkit-text-decoration: var(--mobileH3BoldTextDecoration);
          text-decoration: var(--mobileH3BoldTextDecoration);
}

@media all and (min-width: 62rem) {
  .paragraph--type--text-editor .text-editor--content h3 {
    font-family: var(--desktopH3BoldFontFamily), sans-serif;
    font-weight: var(--desktopH3BoldFontWeight);
    line-height: var(--desktopH3BoldLineHeight);
    font-size: var(--desktopH3BoldFontSize);
    letter-spacing: var(--desktopH3BoldLetterSpacing);
    -webkit-text-decoration: var(--desktopH3BoldTextDecoration);
            text-decoration: var(--desktopH3BoldTextDecoration);
  }
}
.paragraph--type--text-editor .text-editor--content h4 {
  font-family: var(--mobileH4BoldFontFamily), sans-serif;
  font-weight: var(--mobileH4BoldFontWeight);
  line-height: var(--mobileH4BoldLineHeight);
  font-size: var(--mobileH4BoldFontSize);
  letter-spacing: var(--mobileH4BoldLetterSpacing);
  margin: var(--spacingXs) 0;
  -webkit-text-decoration: var(--mobileH4BoldTextDecoration);
          text-decoration: var(--mobileH4BoldTextDecoration);
}

@media all and (min-width: 62rem) {
  .paragraph--type--text-editor .text-editor--content h4 {
    font-family: var(--desktopH4BoldFontFamily), sans-serif;
    font-weight: var(--desktopH4BoldFontWeight);
    line-height: var(--desktopH4BoldLineHeight);
    font-size: var(--desktopH4BoldFontSize);
    letter-spacing: var(--desktopH4BoldLetterSpacing);
    -webkit-text-decoration: var(--desktopH4BoldTextDecoration);
            text-decoration: var(--desktopH4BoldTextDecoration);
  }
}
.paragraph--type--text-editor .text-editor--content p {
  font-family: var(--baseDefaultFontFamily), sans-serif;
  font-weight: var(--baseDefaultFontWeight);
  font-size: var(--baseDefaultFontSize);
  line-height: var(--baseDefaultLineHeight);
  margin: 0 0 var(--spacingSm);
  color: var(--colorBlack);
}

.paragraph--type--text-editor .text-editor--content p sub {
  font-size: var(--smallDefaultFontSize);
}

.paragraph--type--text-editor .text-editor--content ul,
.paragraph--type--text-editor .text-editor--content ol {
  clear: both;
}

.paragraph--type--text-editor .text-editor--content ul li,
.paragraph--type--text-editor .text-editor--content ol li {
  font-family: var(--baseDefaultFontFamily), sans-serif;
  font-weight: var(--baseDefaultFontWeight);
  font-size: var(--baseDefaultFontSize);
  line-height: var(--baseDefaultLineHeight);
  margin-bottom: var(--spacing2xs);
}

.paragraph--type--text-editor .text-editor--content ul li ul li,
.paragraph--type--text-editor .text-editor--content ul li ol li,
.paragraph--type--text-editor .text-editor--content ol li ul li,
.paragraph--type--text-editor .text-editor--content ol li ol li {
  list-style: inherit;
}

.paragraph--type--text-editor .text-editor--content a {
  font-family: var(--linkBaseFontFamily), sans-serif;
  font-size: var(--linkBaseFontSize);
  font-weight: var(--linkBaseFontWeight);
  line-height: var(--linkBaseLineHeight);
  text-decoration: none;
  color: var(--colorLinkDefault);
}

.paragraph--type--text-editor .text-editor--content a:hover {
  -webkit-text-decoration: var(--linkHoverTextDecoration);
          text-decoration: var(--linkHoverTextDecoration);
  color: var(--colorLinkHover);
}

.paragraph--type--text-editor .text-editor--content a:visited {
  color: var(--colorLinkVisited);
}

.paragraph--type--text-editor .text-editor--content blockquote {
  padding-left: var(--spacingMd);
  border-left: var(--spacing3xs) solid var(--colorBrand);
  margin-inline-start: 0;
  margin-inline-end: 0;
}

.paragraph--type--text-editor .text-editor--content blockquote p {
  font-family: var(--blockquoteFontFamily), serif;
  font-weight: var(--blockquoteFontWeight);
  font-size: var(--blockquoteFontSize);
  line-height: var(--blockquoteLineHeight);
  padding-top: var(--spacing2xs);
  padding-bottom: var(--spacing2xs);
  margin: 0;
}

.paragraph--type--text-editor .text-editor--content blockquote p a {
  font-size: var(--blockquoteFontSize);
}

.paragraph--type--text-editor .text-editor--content blockquote p:first-child::before {
  content: "“";
}

.paragraph--type--text-editor .text-editor--content blockquote p:last-child::after {
  content: "”";
}

.paragraph--type--text-editor .text-editor--content table {
  border: 1px solid var(--tableColorBorder);
  border-collapse: collapse;
  width: 100%;
  display: block;
  overflow-x: scroll;
  min-width: 320px;
}

@media all and (min-width: 36rem) {
  .paragraph--type--text-editor .text-editor--content table {
    display: inline-table;
  }
}
.paragraph--type--text-editor .text-editor--content table caption {
  font-family: var(--xsmallDefaultFontFamily), sans-serif;
  font-weight: var(--xsmallDefaultFontWeight);
  font-size: var(--xsmallDefaultFontSize);
  text-align: center;
}

.paragraph--type--text-editor .text-editor--content table tr,
.paragraph--type--text-editor .text-editor--content table th,
.paragraph--type--text-editor .text-editor--content table td {
  border: none;
  padding: var(--spacingXs);
  text-align: left;
}

.paragraph--type--text-editor .text-editor--content table thead tr th,
.paragraph--type--text-editor .text-editor--content table thead tr th p {
  background: var(--tableColorHeaderBackground);
  font-family: var(--baseBoldFontFamily), sans-serif;
  font-weight: var(--baseBoldFontWeight);
  font-size: var(--baseBoldFontSize);
  color: var(--tableColorHeaderText);
}

.paragraph--type--text-editor .text-editor--content table tbody tr {
  background: var(--tableColorCellBackground);
  border-collapse: collapse;
  /*&:nth-child(even) {
    background: var(--tableColorCellBackgroundStripe);
  }*/
}

.paragraph--type--text-editor .text-editor--content table tbody tr th,
.paragraph--type--text-editor .text-editor--content table tbody tr th p {
  background: var(--tableColorHeaderBackground);
  font-family: var(--smallBoldFontFamily), sans-serif;
  font-weight: var(--smallBoldFontWeight);
  font-size: var(--smallBoldFontSize);
  color: var(--tableColorHeaderText);
}

.paragraph--type--text-editor .text-editor--content table tbody tr td {
  border-bottom: 1px solid var(--tableColorCellBorderBottom);
  font-family: var(--smallDefaultFontFamily), sans-serif;
  font-weight: var(--smallDefaultFontWeight);
  font-size: var(--smallDefaultFontSize);
  color: var(--tableColorCellText);
}