/***
# DESIGNED & DEVELOPED by
Raphael Ble -- Web Designer - Front End Developer -- www.shakeup-dathings.com
***/
@import url("https://fonts.googleapis.com/css2?family=Newsreader:ital,wght@0,200;0,300;0,400;0,800;1,400&display=swap");
#article-section {
  background: #e7eef1; }
  #article-section p, #article-section h1, #article-section h2, #article-section h3 {
    font-family: "Newsreader", serif; }
  #article-section h1 {
    color: #ffffff;
    font-weight: 300;
    font-size: 3.8vw;
    letter-spacing: 0;
    background: none;
    line-height: 1.3; }
    @media only screen and (max-width: 1280px) {
      #article-section h1 {
        font-size: 3.95vw; } }
    @media only screen and (max-width: 1024px) {
      #article-section h1 {
        font-size: 4.55vw; } }
    @media only screen and (max-width: 768px) {
      #article-section h1 {
        font-size: 4.85vw; } }
    @media only screen and (max-width: 620px) {
      #article-section h1 {
        font-size: 31.5px; } }
    @media only screen and (max-width: 420px) {
      #article-section h1 {
        font-size: 22.5px; } }
    #article-section h1::after {
      content: url(../img/sep-2.svg);
      line-height: 0.9;
      margin-bottom: 0.8em; }
  #article-section p {
    color: #05212e; }
  #article-section .p-wrapper {
    background: none;
    /*.slick-slider-related .card p {
    	font-weight: 100;
    }*/ }
    #article-section .p-wrapper h2 {
      color: #094f72;
      font-weight: 300;
      font-size: 2.6vw;
      margin: 2em auto 0.7em;
      position: relative;
      z-index: 1;
      letter-spacing: 0; }
      @media only screen and (max-width: 1280px) {
        #article-section .p-wrapper h2 {
          font-size: 2.75vw; } }
      @media only screen and (max-width: 1024px) {
        #article-section .p-wrapper h2 {
          font-size: 3.35vw; } }
      @media only screen and (max-width: 768px) {
        #article-section .p-wrapper h2 {
          font-size: 3.75vw; } }
      @media only screen and (max-width: 620px) {
        #article-section .p-wrapper h2 {
          font-size: 23px; } }
      @media only screen and (max-width: 420px) {
        #article-section .p-wrapper h2 {
          font-size: 19.5px; } }
    #article-section .p-wrapper .title-background {
      position: absolute;
      width: 100.5vw;
      left: -20.5vw;
      right: 0;
      height: auto;
      margin-top: -12%;
      z-index: 0; }
      @media only screen and (max-width: 1280px) {
        #article-section .p-wrapper .title-background {
          left: -17.7vw; } }
      @media only screen and (max-width: 1024px) {
        #article-section .p-wrapper .title-background {
          left: -15.1vw; } }
      @media only screen and (max-width: 768px) {
        #article-section .p-wrapper .title-background {
          left: -12.4vw; } }
    #article-section .p-wrapper p {
      font-size: 1.5vw;
      letter-spacing: 0;
      margin: 0 0 1.6em 0;
      position: relative;
      z-index: 1; }
      @media only screen and (max-width: 1280px) {
        #article-section .p-wrapper p {
          font-size: 1.65vw; } }
      @media only screen and (max-width: 1024px) {
        #article-section .p-wrapper p {
          font-size: 1.95vw; } }
      @media only screen and (max-width: 768px) {
        #article-section .p-wrapper p {
          font-size: 2.35vw; } }
      @media only screen and (max-width: 620px) {
        #article-section .p-wrapper p {
          font-size: 16px; } }
      @media only screen and (max-width: 420px) {
        #article-section .p-wrapper p {
          font-size: 14px; } }
      #article-section .p-wrapper p a {
        background: none;
        color: #094f72;
        border-radius: 0;
        padding: 0;
        line-height: inherit;
        display: inline;
        border-top: 0;
        border-bottom: 0;
        text-decoration: underline;
        transition: all .7s ease; }
        #article-section .p-wrapper p a::before {
          margin-right: 0;
          padding-left: 0;
          content: "";
          display: inline;
          width: auto;
          height: auto; }
        #article-section .p-wrapper p a:hover {
          background: #094f72;
          color: #ffffff !important;
          text-decoration: none; }
        #article-section .p-wrapper p a:visited {
          color: #094f72; }
        #article-section .p-wrapper p a:active, #article-section .p-wrapper p a:focus, #article-section .p-wrapper p a:visited {
          outline: none; }
  #article-section .top-article {
    background-color: #05212e; }
    #article-section .top-article .author-mention, #article-section .top-article .sponsorship-mention {
      font-size: 1.2vw; }
      @media only screen and (max-width: 1280px) {
        #article-section .top-article .author-mention, #article-section .top-article .sponsorship-mention {
          font-size: 1.35vw; } }
      @media only screen and (max-width: 1024px) {
        #article-section .top-article .author-mention, #article-section .top-article .sponsorship-mention {
          font-size: 1.55vw; } }
      @media only screen and (max-width: 768px) {
        #article-section .top-article .author-mention, #article-section .top-article .sponsorship-mention {
          font-size: 1.75vw; } }
      @media only screen and (max-width: 620px) {
        #article-section .top-article .author-mention, #article-section .top-article .sponsorship-mention {
          font-size: 12.5px; } }
      @media only screen and (max-width: 420px) {
        #article-section .top-article .author-mention, #article-section .top-article .sponsorship-mention {
          font-size: 10px; } }
    #article-section .top-article .author-mention {
      font-style: normal;
      font-weight: 200;
      text-transform: uppercase;
      border-bottom: none;
      color: #ffffff;
      letter-spacing: 0; }
    #article-section .top-article .sponsorship-mention {
      color: #ffffff;
      letter-spacing: 0;
      margin: 0 0 1.5em 0; }
    #article-section .top-article .p-wrapper {
      background: none;
      padding: 2.5em 0 0 0; }
      @media only screen and (max-width: 768px) {
        #article-section .top-article .p-wrapper {
          padding: 1.8em 0 0 0; } }
      @media only screen and (max-width: 420px) {
        #article-section .top-article .p-wrapper {
          padding: 1.3em 0 0 0; } }
      #article-section .top-article .p-wrapper p {
        color: #ffffff; }
  #article-section > .wrapper-min {
    padding: 2em 0 0 0; }
    @media only screen and (max-width: 768px) {
      #article-section > .wrapper-min {
        padding: 1.6em 0 0 0; } }
    #article-section > .wrapper-min .p-wrapper {
      padding: 0; }
  #article-section .wrapper-full-width .infographic {
    text-align: center; }
    #article-section .wrapper-full-width .infographic picture {
      display: block; }
    #article-section .wrapper-full-width .infographic img {
      width: 100%; }
      @media only screen and (max-width: 1280px) {
        #article-section .wrapper-full-width .infographic img {
          width: 105%;
          margin-left: -2.5%; } }
      @media only screen and (max-width: 1024px) {
        #article-section .wrapper-full-width .infographic img {
          width: 120%;
          margin-left: -9.5%; } }
      @media only screen and (max-width: 768px) {
        #article-section .wrapper-full-width .infographic img {
          width: 130%;
          margin-left: -15%; } }
      @media only screen and (max-width: 620px) {
        #article-section .wrapper-full-width .infographic img {
          width: 140%;
          margin-left: -20%; } }
    #article-section .wrapper-full-width .infographic .infographic-mobile {
      display: none; }
      @media only screen and (max-width: 768px) {
        #article-section .wrapper-full-width .infographic .infographic-mobile {
          display: block; } }
  #article-section .wrapper-full-width .infographic-1 {
    background-image: url("../img/article-page-content/article-9/infographic-1-front-v1-2.png"), url("../img/article-page-content/article-9/infographic-1-middle-v1-2.png"), url("../img/article-page-content/article-9/infographic-1-back-v1-2.png"), url("../img/article-page-content/article-9/infographic-1-back-static-v1-2.png");
    background-repeat: no-repeat;
    background-size: 100.5%;
    background-position: 50% 50%;
    display: block;
    width: 100%;
    height: 62vw;
    margin: 2.5em auto 0 auto; }
    #article-section .wrapper-full-width .infographic-1 picture {
      display: none; }
    @media only screen and (max-width: 1024px) {
      #article-section .wrapper-full-width .infographic-1 {
        background-image: none;
        height: auto; }
        #article-section .wrapper-full-width .infographic-1 picture {
          display: block !important; } }
  #article-section .wrapper-full-width .infographic-2 {
    background-image: url("../img/article-page-content/article-9/infographic-2-front-v1-2.png"), url("../img/article-page-content/article-9/infographic-2-middle-v1-2.png"), url("../img/article-page-content/article-9/infographic-2-back-v1-2.png"), url("../img/article-page-content/article-9/infographic-2-back-static-v1-2.png");
    background-repeat: no-repeat;
    background-size: 100.5%;
    background-position: 50% 50%;
    display: block;
    width: 100%;
    height: 65vw;
    margin: 2.5em auto 3.5em auto; }
    #article-section .wrapper-full-width .infographic-2 picture {
      display: none; }
    @media only screen and (max-width: 1024px) {
      #article-section .wrapper-full-width .infographic-2 {
        background-image: none;
        height: auto; }
        #article-section .wrapper-full-width .infographic-2 picture {
          display: block !important; } }