/* HERO */
    .breakcrumb {
      padding-left: 25px;
      display: flex;
      flex-direction: column;
    }
    .category {
      background: rgba(214, 31, 41, 0.6);
      color: white;
      text-transform: uppercase;
      font-size: 1.2em;
      font-weight: 700;
/*      background: rgba(255, 255, 255, 0.8);*/
      width: fit-content;
      border-radius: 5px;
      padding: 0px 5px;
    }
    .title {
      display: flex;
      color: white;
      font-size: 2em;
      font-weight: 700;
      line-height: 2.5rem;
    }
    .caption {
      color: white;
      padding:25px;
      font-size: 0.8em;
      font-style: italic;
      position: absolute;
      bottom: 0;
    }
    i:before, i:after {
      content: '“';
      font-size: 1.33em;
      text-decoration: none;
    }
    i:after {
      content: '”';
    }
    i {
      display: inline;
      font-style: italic;
/*      text-decoration: underline;*/
    }
    .youTube {
      width: 100%;
      height: auto;
      aspect-ratio: 2/1;
    }
  /* HERO END */

  /* OVERVIEW */
    .overview {
      display: flex;
      flex-direction: column;
    }
    .overview .overview_title {
      color: #D61F29;
      padding:25px;
      font-size: 1.5em;
      font-weight: 600;
    }
    .overview .overview_body {
      padding: 25px;
      font-size: 1.3em;
      line-height: 2.5rem;
      font-weight: 300;
    }
    .overview .overview_body p {
      padding: 0 0 25px 0;
    }
    .overview .overview_body ul, .overview .overview_body ol  {
      margin: 0 0 0 25px;
    }
    .overview .overview_body a {
      color: #D61F29;
    }

    .articleImage {
      text-align: center;
    }
    .articleImage img {
      width: 100%;
    }
    .articleImage span {
      padding: 5px 25px;
      border-bottom: 1px solid #D61F29;
      border-radius: 100px;
      font-style: italic;
      display: inline-block;
    }
    p .reference {
        font-size: 12px;
    }
    p .reference a {
        color: black !important;
        text-decoration:none;
    }
    em {
      color: #D61F29;
    }
    strong {
      font-weight: 600;
    }
    .noBullets {
      list-style: none;
      margin: 0 !important;
    }

    /*  TABLE  - 3 column */
    .articleTable {
      overflow: hidden;
      overflow-x: scroll;
      padding: 25px;
      box-shadow: inset 0 0 10px 10px #efefef;
      border-radius: 25px;
    }
    .articleTable .tHeader {
      display: flex;
      font-weight: bold;
      column-gap: 10px;
      width: 200%;
      padding: 10px 0;
      border-bottom: 1px solid #000;
    }
    .articleTable .tHeader span {
      width: calc(100%/3);
      line-height: 1.2em;
    }
    .articleTable .tRow {
      display: flex;
      align-items: center;
      column-gap: 10px;
      border-bottom:  1px solid #ccc;
      padding: 10px 0;
      width: 200%;
    }
    .articleTable .tRow span {
      width: calc(100%/3);
      font-size: 0.8em;
      line-height: 1.2em;
    }
    .articleTable .tRow span:first-child {
      font-weight: bold;
    }
    .articleTable .tRow:last-child {
      border: none;
    }
    /*  TABLE END  */


  /* OVERVIEW END */

  /* AUTHOR */
    .author {
      display: flex;
      align-items: center;
      justify-content: center;
      column-gap: 10px;
      width: calc(100% - 50px);
      padding: 50px 25px;
      border-top: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
    }
    .author img {
      width: 100px;
      border-radius: 100px;
    }
    .author a {
      font-size: 1.2em;
      color: black;
      text-decoration: none;
    }
  /* AUTHOR END */

@media only screen and (min-width: 787px) {
  /* HERO */
    .breakcrumb {
      padding-left: 100px;
    }
  /* HERO END */

  /* OVERVIEW */
    .overview {
      flex-direction: row;
      padding: 25px;
      gap: 10%;
    }
    .overview .overview_title {
      width: 300px;
      padding: 0;
    }
    .overview .overview_body {
      width: 65%;
      padding: 0;
    }
  /* OVERVIEW END */

  /*  TABLE  */
  .articleTable {
    overflow: unset;
    box-shadow: none;
    padding: 0;
  }
  .articleTable .tHeader {
    width: 100%;
  }
  .articleTable .tRow {
    width: 100%;
  }
  /*  TABLE END  */

}