@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 */
/* COLORS */
.bg-brand {
  background-color: #046A38; }

.color-brand {
  color: #046A38 !important; }

.bg-light-brand {
  background-color: #B7CE95 !important; }

/* PDP COLORS */
/* PLP COLORS */
/* PDP FONTS */
.article-banner {
  font-family: "brother-1816";
  background-color: #fff; }
  .article-banner__title, .article-banner__label, .article-banner__text {
    color: #fff; }
  @media (max-width: 1440px) {
    .article-banner__card-outside {
      max-width: 100%; } }
  .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; } }
  .article-banner__landing {
    min-height: 280px;
    max-height: 520px; }
    @media (min-width: 768px) {
      .article-banner__landing {
        max-width: 1440px; } }
    .article-banner__landing img,
    .article-banner__landing video,
    .article-banner__landing iframe,
    .article-banner__landing picture {
      object-fit: cover; }
    .article-banner__landing .article-banner__content {
      text-align: left !important;
      align-items: flex-start !important;
      justify-content: flex-start;
      top: 0;
      bottom: 0 !important;
      left: 0;
      width: 100%;
      max-height: none;
      padding: 88px 24px;
      gap: 24px; }
      @media (min-width: 992px) {
        .article-banner__landing .article-banner__content {
          padding: 88px;
          max-width: 700px; } }
      .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: "brother-1816";
        font-size: 40px;
        font-weight: 700;
        line-height: 48px;
        letter-spacing: -0.8px;
        text-transform: uppercase;
        text-shadow: none; }
        .article-banner__landing .article-banner__content .article-banner__title h1, .article-banner__landing .article-banner__content .article-banner__title h2, .article-banner__landing .article-banner__content .article-banner__title p {
          font-family: "brother-1816";
          font-size: 40px;
          font-weight: 700;
          line-height: 48px;
          letter-spacing: -0.8px;
          text-transform: uppercase;
          margin-bottom: 0; }
      .article-banner__landing .article-banner__content .article-banner__text {
        font-family: "brother-1816";
        font-size: 16px;
        font-weight: 400 !important;
        line-height: 22px; }
        .article-banner__landing .article-banner__content .article-banner__text p, .article-banner__landing .article-banner__content .article-banner__text strong, .article-banner__landing .article-banner__content .article-banner__text b, .article-banner__landing .article-banner__content .article-banner__text span {
          font-family: "brother-1816";
          font-size: 16px;
          font-weight: 400 !important;
          line-height: 22px;
          margin-bottom: 0; }
      .article-banner__landing .article-banner__content .article-buttons {
        margin-top: 0 !important; }
      .article-banner__landing .article-banner__content .article-banner__btn svg {
        display: none; }
      .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 {
        height: 44px;
        padding-top: 0;
        padding-bottom: 0;
        align-items: center;
        background-color: #046A38;
        border-color: #046A38;
        color: #fff;
        font-weight: 500; }
      .article-banner__landing .article-banner__content .article-banner__btn--secondary,
      .article-banner__landing .article-banner__content .article-banner__btn--secondary:active,
      .article-banner__landing .article-banner__content .article-banner__btn--secondary:link,
      .article-banner__landing .article-banner__content .article-banner__btn--secondary:visited {
        height: 44px;
        padding-top: 0;
        padding-bottom: 0;
        align-items: center;
        background-color: #fff;
        border: 1px solid #046A38;
        color: #046A38;
        font-weight: 500; }
  @media (min-width: 768px) {
    .article-banner__image-banner {
      max-width: 1440px;
      border-radius: 0px; } }
  .article-banner__image-banner .article-banner__content {
    text-align: left !important;
    align-items: flex-start !important;
    justify-content: center;
    font-weight: 400;
    gap: 24px; }
    @media (min-width: 992px) {
      .article-banner__image-banner .article-banner__content {
        padding: 88px;
        max-width: 700px;
        top: 0;
        bottom: 0;
        left: 0; } }
    .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: "brother-1816";
      font-size: 40px;
      font-weight: 700;
      line-height: 48px;
      letter-spacing: -0.8px;
      text-transform: uppercase;
      margin-bottom: 0; }
    .article-banner__image-banner .article-banner__content .article-banner__text p {
      font-family: "brother-1816";
      font-size: 16px;
      font-weight: 400 !important;
      line-height: 22px;
      margin-bottom: 0; }
    .article-banner__image-banner .article-banner__content .article-buttons {
      margin-top: 0 !important; }
    .article-banner__image-banner .article-banner__content .article-banner__btn svg {
      display: none; }
    .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 {
      height: 44px;
      padding-top: 0;
      padding-bottom: 0;
      align-items: center;
      background-color: #046A38;
      border-color: #046A38;
      color: #fff;
      font-weight: 500; }
    .article-banner__image-banner .article-banner__content .article-banner__btn--secondary,
    .article-banner__image-banner .article-banner__content .article-banner__btn--secondary:active,
    .article-banner__image-banner .article-banner__content .article-banner__btn--secondary:link,
    .article-banner__image-banner .article-banner__content .article-banner__btn--secondary:visited {
      height: 44px;
      padding-top: 0;
      padding-bottom: 0;
      align-items: center;
      background-color: #fff;
      border: 1px solid #046A38;
      color: #046A38;
      font-weight: 500; }
      .article-banner__image-banner .article-banner__content .article-banner__btn--secondary svg path,
      .article-banner__image-banner .article-banner__content .article-banner__btn--secondary:active svg path,
      .article-banner__image-banner .article-banner__content .article-banner__btn--secondary:link svg path,
      .article-banner__image-banner .article-banner__content .article-banner__btn--secondary:visited svg path {
        fill: #046A38; }

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