@font-face {
  font-family: 'lato-light';
  src: url("../../../fonts/lato-light-webfont.woff2") format("woff2"), url("../../../fonts/lato-light-webfont.woff") format("woff"), url("../../../fonts/lato-light-webfont.ttf") format("truetype"), url("../../../fonts/lato-light-webfont.eot?#iefix") format("embedded-opentype"), url("../../../fonts/lato-light-webfont.svg#Lato-Light") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: fallback; }

@font-face {
  font-family: 'lato-black';
  src: url("../../../fonts/lato-black-webfont.woff2") format("woff2"), url("../../../fonts/lato-black-webfont.woff") format("woff"), url("../../../fonts/lato-black-webfont.ttf") format("truetype"), url("../../../fonts/lato-black-webfont.eot?#iefix") format("embedded-opentype"), url("../../../fonts/lato-black-webfont.svg#Lato-Black") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: fallback; }

@font-face {
  font-family: 'lato-regular';
  src: url("../../../fonts/lato-regular-webfont.woff2") format("woff2"), url("../../../fonts/lato-regular-webfont.woff") format("woff"), url("../../../fonts/lato-regular-webfont.ttf") format("truetype"), url("../../../fonts/lato-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../../../fonts/lato-regular-webfont.svg#Lato-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: fallback; }

@font-face {
  font-family: 'thirsty-rough-two';
  src: url("../../../fonts/thirsty-rough-two-400.woff2") format("woff2"), url("../../../fonts/thirsty-rough-two-400.woff") format("woff"), url("../../../fonts/thirsty-rough-two-400.otf") format("woff2");
  font-display: fallback;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal; }

@font-face {
  font-family: 'thirsty-rough-two';
  src: url("../../../fonts/thirsty-rough-two-800.woff2") format("woff2"), url("../../../fonts/thirsty-rough-two-800.woff") format("woff"), url("../../../fonts/thirsty-rough-two-800.otf") format("woff2");
  font-display: fallback;
  font-style: normal;
  font-weight: 800;
  font-stretch: normal; }

@font-face {
  font-family: 'brother-1816';
  src: url("../../../fonts/brother-1816-normal-400.woff2") format("woff2"), url("../../../fonts/brother-1816-normal-400.woff") format("woff"), url("../../../fonts/brother-1816-normal-400.otf") format("woff2");
  font-display: fallback;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal; }

@font-face {
  font-family: "brother-1816";
  src: url("../../../fonts/brother-1816-normal-700.woff2") format("woff2"), url("../../../fonts/brother-1816-normal-700.woff") format("woff"), url("../../../fonts/brother-1816-normal-700.otf") format("woff2");
  font-display: fallback;
  font-style: normal;
  font-weight: 700;
  font-stretch: normal; }

@font-face {
  font-family: "brother-1816";
  src: url("../../../fonts/brother-1816-italic-400.woff2") format("woff2"), url("../../../fonts/brother-1816-italic-400.woff") format("woff"), url("../../../fonts/brother-1816-italic-400.otf") format("woff2");
  font-display: fallback;
  font-style: italic;
  font-weight: 400;
  font-stretch: normal; }

@font-face {
  font-family: "brother-1816";
  src: url("../../../fonts/brother-1816-italic-700.woff2") format("woff2"), url("../../../fonts/brother-1816-italic-700.woff") format("woff"), url("../../../fonts/brother-1816-italic-700.otf") format("woff2");
  font-display: fallback;
  font-style: italic;
  font-weight: 700;
  font-stretch: normal; }

@font-face {
  font-family: "brother-1816-printed";
  src: url("../../../fonts/brother-1816-printed-italic-400.woff2") format("woff2"), url("../../../fonts/brother-1816-printed-italic-400.woff") format("woff"), url("../../../fonts/brother-1816-printed-italic-400.otf") format("woff2");
  font-display: fallback;
  font-style: italic;
  font-weight: 400;
  font-stretch: normal; }

@font-face {
  font-family: "brother-1816-printed";
  src: url("../../../fonts/brother-1816-printed-normal-400.woff2") format("woff2"), url("../../../fonts/brother-1816-printed-normal-400.woff") format("woff"), url("../../../fonts/brother-1816-printed-normal-400.otf") format("woff2");
  font-display: fallback;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal; }

@font-face {
  font-family: "brother-1816-printed";
  src: url("../../../fonts/brother-1816-printed-italic-700.woff2") format("woff2"), url("../../../fonts/brother-1816-printed-italic-700.woff") format("woff"), url("../../../fonts/brother-1816-printed-italic-700.otf") format("woff2");
  font-display: fallback;
  font-style: italic;
  font-weight: 700;
  font-stretch: normal; }

@font-face {
  font-family: "brother-1816-printed";
  src: url("../../../fonts/brother-1816-printed-normal-700.woff2") format("woff2"), url("../../../fonts/brother-1816-printed-normal-700.woff") format("woff"), url("../../../fonts/brother-1816-printed-normal-700.otf") format("woff2");
  font-display: fallback;
  font-style: normal;
  font-weight: 700;
  font-stretch: normal; }

/* COLORS */
/* FONTS */
/* Replace lato fonts with brother 1886 fonts */
/* Breakpoints */
.article-banner {
  font-family: "brother-1816";
  background-color: #fff; }
  .article-banner__title, .article-banner__label, .article-banner__text {
    color: #fff; }
  .article-banner__card-outside .article-banner__content {
    background-color: #046A38; }
    .article-banner__card-outside .article-banner__content .article-banner__btn--main,
    .article-banner__card-outside .article-banner__content .article-banner__btn--main:active,
    .article-banner__card-outside .article-banner__content .article-banner__btn--main:link,
    .article-banner__card-outside .article-banner__content .article-banner__btn--main:visited {
      color: #046A38;
      text-decoration: none;
      font-weight: 500;
      background-color: #fff; }
      .article-banner__card-outside .article-banner__content .article-banner__btn--main svg path,
      .article-banner__card-outside .article-banner__content .article-banner__btn--main:active svg path,
      .article-banner__card-outside .article-banner__content .article-banner__btn--main:link svg path,
      .article-banner__card-outside .article-banner__content .article-banner__btn--main:visited svg path {
        fill: #046A38; }
    .article-banner__card-outside .article-banner__content .article-banner__btn--main:hover {
      color: #046A38;
      text-decoration: none;
      font-weight: 500;
      background-color: #B7CE95;
      border: 1px solid #B7CE95; }
      .article-banner__card-outside .article-banner__content .article-banner__btn--main:hover svg path {
        fill: #046A38; }
    .article-banner__card-outside .article-banner__content .article-banner__btn--secondary,
    .article-banner__card-outside .article-banner__content .article-banner__btn--secondary:active,
    .article-banner__card-outside .article-banner__content .article-banner__btn--secondary:link,
    .article-banner__card-outside .article-banner__content .article-banner__btn--secondary:visited {
      color: #046A38;
      /* Pending to check with font brother 1816 printed, but the value maybe is the 600 to see the bold*/
      font-weight: 500;
      background-color: #fff; }
      .article-banner__card-outside .article-banner__content .article-banner__btn--secondary svg path,
      .article-banner__card-outside .article-banner__content .article-banner__btn--secondary:active svg path,
      .article-banner__card-outside .article-banner__content .article-banner__btn--secondary:link svg path,
      .article-banner__card-outside .article-banner__content .article-banner__btn--secondary:visited svg path {
        fill: #046A38; }
    .article-banner__card-outside .article-banner__content .article-banner__title {
      font-weight: 700; }
  @media (min-width: 992px) {
    .article-banner__card-outside .article-banner__img {
      max-width: 775px !important;
      object-fit: cover;
      height: 435px !important;
      flex: 1 0 0;
      border-radius: 10px; } }
  @media (min-width: 768px) {
    .article-banner__landing {
      max-width: 1440px; } }
  @media (min-width: 992px) {
    .article-banner__landing {
      max-width: 1440px; } }
  .article-banner__landing .article-banner__content {
    max-width: 652px;
    text-align: left !important;
    align-items: flex-start !important;
    justify-content: flex-start;
    max-height: 163px;
    font-weight: 400;
    top: 5rem; }
    @media (min-width: 992px) {
      .article-banner__landing .article-banner__content {
        margin-left: 50px; } }
    .article-banner__landing .article-banner__content .article-banner__section-title {
      font-family: "brother-1816";
      font-size: 14px;
      font-weight: 500;
      letter-spacing: 0.14px;
      text-transform: uppercase;
      color: #fff; }
    .article-banner__landing .article-banner__content .article-banner__title {
      font-family: "thirsty-rough-two";
      font-size: 40px;
      letter-spacing: 0; }
    .article-banner__landing .article-banner__content .article-banner__text {
      font-family: "brother-1816";
      font-size: 16px;
      font-weight: 400;
      line-height: 136%;
      letter-spacing: 0; }
    .article-banner__landing .article-banner__content .article-banner__btn--main,
    .article-banner__landing .article-banner__content .article-banner__btn--main:active,
    .article-banner__landing .article-banner__content .article-banner__btn--main:link,
    .article-banner__landing .article-banner__content .article-banner__btn--main:visited {
      color: #046A38;
      /* Pending to check with font brother 1816 printed, but the value maybe is the 600 to see the bold*/
      font-weight: 500;
      background-color: #fff; }
      .article-banner__landing .article-banner__content .article-banner__btn--main svg path,
      .article-banner__landing .article-banner__content .article-banner__btn--main:active svg path,
      .article-banner__landing .article-banner__content .article-banner__btn--main:link svg path,
      .article-banner__landing .article-banner__content .article-banner__btn--main:visited svg path {
        fill: #046A38; }
  @media (min-width: 768px) {
    .article-banner__image-banner {
      max-width: 1440px;
      border-radius: 0px; } }
  .article-banner__image-banner .article-banner__content {
    max-width: 720px;
    text-align: left !important;
    align-items: flex-start !important;
    justify-content: flex-start;
    font-weight: 400; }
    @media (min-width: 992px) {
      .article-banner__image-banner .article-banner__content {
        margin-bottom: 90px; } }
    .article-banner__image-banner .article-banner__content .article-banner__section-title p {
      font-family: "brother-1816";
      font-size: 14px;
      font-weight: 500;
      letter-spacing: 0.14px;
      text-transform: uppercase;
      color: #fff;
      margin-bottom: 0; }
    .article-banner__image-banner .article-banner__content .article-banner__title p {
      font-family: "thirsty-rough-two";
      font-size: 40px;
      line-height: 120%;
      font-weight: 500;
      margin-bottom: 0;
      letter-spacing: 0; }
    .article-banner__image-banner .article-banner__content .article-banner__text p {
      font-family: "brother-1816";
      font-size: 16px;
      font-weight: 400;
      line-height: 136%;
      margin-bottom: 0; }
    .article-banner__image-banner .article-banner__content .article-banner__btn--main,
    .article-banner__image-banner .article-banner__content .article-banner__btn--main:active,
    .article-banner__image-banner .article-banner__content .article-banner__btn--main:link,
    .article-banner__image-banner .article-banner__content .article-banner__btn--main:visited {
      color: #046A38;
      /* Pending to check with font brother 1816 printed, but the value maybe is the 600 to see the bold*/
      font-weight: 500;
      background-color: #fff; }
      .article-banner__image-banner .article-banner__content .article-banner__btn--main svg path,
      .article-banner__image-banner .article-banner__content .article-banner__btn--main:active svg path,
      .article-banner__image-banner .article-banner__content .article-banner__btn--main:link svg path,
      .article-banner__image-banner .article-banner__content .article-banner__btn--main:visited svg path {
        fill: #046A38; }

/*# sourceMappingURL=articleBanner.css.map*/