@font-face {
    font-family: 'Barlow Condensed';
    font-style: italic;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/barlowcondensed/v5/HTxxL3I-JCGChYJ8VI-L6OO_au7B6xTj11HzhKg.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Abril Fatface';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/abrilfatface/v12/zOL64pLDlL1D99S8g8PtiKchq-dmjQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

/* center the blockquote in the page */
    .entry-content figure.n-blockquote-wrapper,     
     .n-blockquote-wrapper {
         position: relative;
         font-family: "Barlow Condensed", sans-serif;
         max-width: 620px;
         margin: 80px auto;
         align-self: center;
     }
     
     /* Blockquote header */
     /* figure blockquote { */
    .entry-content blockquote.n-blockquote-text {
         font-family: "Abril Fatface", cursive;
         position: relative; /* for pseudos */
         color: var(--color-1);
         font-size: 1.8rem;
         font-style: normal;
         font-weight: normal;
         line-height: 1.4;
         margin: 0;
         border-bottom: 2px solid var(--color-1) !important;
         border-top: 2px solid var(--color-1) !important;
         border-right: 2px solid var(--color-1) !important;         
         border-left: 2px solid var(--color-1) !important;
         border-radius:20px;
         padding: 25px;
     }
     
     .entry-content blockquote.n-blockquote-text.n-blocquote-solid {
         color: var(--color-0);
     }
     
     /* Blockquote right double quotes */
     .n-blockquote-text:after {
         content:"";
         position: absolute;
         border: 2px solid var(--color-1);
         border-radius: 0 50px 0 0;
         width: 60px;
         height: 60px;
         bottom: -60px;
         left: 13px;
         border-bottom: none;
         border-left: none;
         z-index: 3; 
     }
     
     .n-blockquote-text:before {
         content:"";
         position: absolute;
         width: 80px;
         border: 6px solid #fff;
         bottom: -3px;
         left: 13px;
         z-index: 2;
     }
     
     /* increase header size after 600px */
     @media all and (min-width: 600px) {
         .n-blockquote-text {
             font-size: 3rem;
             line-height: 1.2;
        }
     
     }
     
     /* Blockquote subheader */
     figcaption.n-blockquote-source {
         position: relative;
         font-size: 1.3rem;
         font-weight: 400;
         line-height: 1.2;
         margin: 0;
         padding-top: 15px;
         z-index: 1;
         margin-left:72px;
         padding-left:20px;
         color: var(--color-0);
         text-align: left;
         
     }       
     
     .n-blockquote-source > .n-quote-author {
         font-weight: bold;
     }
     
     
     .n-blockquote-wrapper,
     .n-blockquote-source,
     .n-blockquote-text {
         display: block;
     }

     .n-blockquote-second-part,
     .n-blockquote-fourth-part {
       color: var(--color-0);
     }

     figure figcaption .n-blockquote-href {
        color: var(--color-1);
        text-decoration: underline;
     }