@randstad-design/orbit-multitheme/dist/assets/theme-spherion/components/body-copy.css

multitheme Front-end code based on Randstad Human Forward components

.body-copy {
  overflow-anchor: none; }
  .body-copy h1,
  .body-copy h2,
  .body-copy h3,
  .body-copy h4,
  .body-copy h5,
  .body-copy h6 {
    color: #ff661a; }
  .body-copy h2 {
    font-family: Montserrat-SemiBold, arial, sans-serif;
    font-size: 26px;
    text-transform: none;
    line-height: 30px;
    margin-bottom: 20px; }
    .body-copy h2 + ol,
    .body-copy h2 + ul {
      margin-top: 30px; }
  .body-copy h3 {
    font-family: Montserrat-SemiBold, arial, sans-serif;
    font-size: 20px;
    text-transform: none;
    line-height: 30px;
    margin-bottom: 10px; }
    .body-copy h3 + ol,
    .body-copy h3 + ul {
      margin-top: 20px; }
  .body-copy h4 {
    font-family: Montserrat, arial, sans-serif;
    font-size: 18px;
    text-transform: none;
    line-height: 30px;
    margin-bottom: 10px; }
    .body-copy h4 + ol,
    .body-copy h4 + ul {
      margin-top: 20px; }
  .body-copy .title--s {
    font-family: Montserrat-SemiBold, arial, sans-serif;
    font-size: 26px;
    text-transform: none;
    line-height: 30px;
    margin-bottom: 20px; }
    .body-copy .title--s + ol,
    .body-copy .title--s + ul {
      margin-top: 30px; }
  .body-copy .title--xxs,
  .body-copy .title--xs {
    margin-bottom: 10px; }
    .body-copy .title--xxs + ol,
    .body-copy .title--xxs + ul,
    .body-copy .title--xs + ol,
    .body-copy .title--xs + ul {
      margin-top: 20px; }
  .body-copy ol,
  .body-copy ul {
    margin-bottom: 30px; }
    .body-copy ol + ol,
    .body-copy ol + ul,
    .body-copy ul + ol,
    .body-copy ul + ul {
      margin-top: 50px; }
  .body-copy li {
    padding-left: 35px; }
    .body-copy li::before {
      color: #ff661a;
      display: inline-block;
      margin-left: -35px;
      min-width: 31px; }
  .body-copy li + li {
    margin-top: 10px; }
  .body-copy ul:not(.list--checks) li::before {
    content: '\2022';
    font-size: 1.2em;
    padding-left: 5px; }
  .body-copy ol {
    counter-reset: li;
    list-style: none; }
    .body-copy ol li {
      counter-increment: li; }
    .body-copy ol li::before {
      content: counter(li) "." " ";
      position: relative; }
  .body-copy p:last-child,
  .body-copy ul:last-child,
  .body-copy ol:last-child {
    margin-bottom: 0; }
  .body-copy a {
    -webkit-text-decoration: underline solid currentColor;
    text-decoration: underline solid currentColor; }
    .body-copy a:hover {
      -webkit-text-decoration: underline solid transparent;
      text-decoration: underline solid transparent; }

.list--checks,
.list--checks-secondary {
  list-style: none;
  position: relative; }
  .list--checks li,
  .list--checks-secondary li {
    padding-left: 40px; }
    .list--checks li::before,
    .list--checks-secondary li::before {
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20' %3E%3Cpath d='M7.6472,15.999 C7.3972,15.999 7.1462,15.905 6.9532,15.719 L1.3052,10.265 C0.9082,9.881 0.8972,9.247 1.2802,8.851 C1.6652,8.454 2.2982,8.441 2.6942,8.825 L7.6472,13.608 L17.3052,4.279 C17.7022,3.898 18.3362,3.907 18.7192,4.305 C19.1022,4.701 19.0912,5.335 18.6942,5.719 L8.3412,15.719 C8.1482,15.905 7.8972,15.999 7.6472,15.999'/%3E%3C/svg%3E%0A");
      mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20' %3E%3Cpath d='M7.6472,15.999 C7.3972,15.999 7.1462,15.905 6.9532,15.719 L1.3052,10.265 C0.9082,9.881 0.8972,9.247 1.2802,8.851 C1.6652,8.454 2.2982,8.441 2.6942,8.825 L7.6472,13.608 L17.3052,4.279 C17.7022,3.898 18.3362,3.907 18.7192,4.305 C19.1022,4.701 19.0912,5.335 18.6942,5.719 L8.3412,15.719 C8.1482,15.905 7.8972,15.999 7.6472,15.999'/%3E%3C/svg%3E%0A");
      background-color: #ff661a;
      content: '';
      height: 20px;
      margin-left: -40px;
      margin-top: 4px;
      position: absolute;
      width: 20px; }

.list--checks--senary li::before {
  background-color: #97999b !important; }

.text-source {
  font-family: Montserrat, arial, sans-serif;
  font-size: 16px;
  text-transform: none;
  line-height: 25px;
  color: #97999b; }
  .bg-brand--blue .text-source,
  .bg-brand--gradient-blue .text-source {
    color: rgba(255, 255, 255, 0.5); }

/*# sourceMappingURL=body-copy.css.map */