NEA resources for readers

/* -- The root styles must go in the element of the structure with the name "Post content". --*/ 

.single-post-2__content{
  /* -- Heading styles -- */
  h2, h3, h4, h5, h6{
    font-weight: 700;
    color: var(--neutral);
    margin-bottom: var(--space-s);
  }

  h2{
    font-size: var(--text-xl);
  }

  h3{
    font-size: var(--text-l);
  }

  h4, h5, h6{
    font-size: var(--text-m);
  }

  /* -- Content paragraphs styles -- */
  p {

    /* - Bold text styles - */
    strong{
      color: var(--neutral);
    }

    /* - Anchor text styles - */
    a{
      color: var(--neutral);
      text-decoration: underline;
      font-weight: 500;
      transition: color .2s ease;

      &:hover, &:focus{
        color: var(--primary);
      }
    }

  }

  /* -- List styles -- */
  ul, ol{
    margin:var(--space-m) 0;

    li:not(:last-child){
      margin-bottom: 8px;
    }
  }

  /* -- Image styles -- */
  figure{
    margin-bottom: var(--space-l);


    &:has(figcaption) {


      figcaption{
        margin-top: var(--space-xs);
        color: var(--neutral);
      }
    }
  }

  /* -- Blockquote styles -- */
  blockquote.wp-block-quote{
    font-family:inherit;
    text-align:center;
    font-weight: 600;
    color: var(--white);
    border:none;
    background-color:var(--neutral);
    padding:var(--section-space-m) var(--space-xxl);
    margin-bottom: var(--space-l);

    @media (max-width: 767px) {
      padding: var(--section-space-m) var(--space-l);
    }

    cite{
      margin:0;
      font-size: var(--text-l);
      color: var(--neutral);
      opacity: 1;
      text-align:center;
      text-transform: inherit;
    }
  }
}