h1,
.h1 {
  font-family: var(--header-font-family);
  font-weight: var(--header-font-weight);
  margin-top: var(--header-margin-top);
  margin-bottom: var(--header-margin-bottom);
  line-height: var(--header-line-height);
  color: var(--header-color);
  font-size: var(--h1-size-mobile);
}
@media screen and (min-width: 768px) {
  h1,
.h1 {
    font-size: var(--h1-size-desktop);
  }
}

h2,
.h2 {
  font-family: var(--header-font-family);
  font-weight: var(--header-font-weight);
  margin-top: var(--header-margin-top);
  margin-bottom: var(--header-margin-bottom);
  line-height: var(--header-line-height);
  color: var(--header-color);
  font-size: var(--h2-size-mobile);
}
@media screen and (min-width: 768px) {
  h2,
.h2 {
    font-size: var(--h2-size-desktop);
  }
}

h3,
.h3 {
  font-family: var(--header-font-family);
  font-weight: var(--header-font-weight);
  margin-top: var(--header-margin-top);
  margin-bottom: var(--header-margin-bottom);
  line-height: var(--header-line-height);
  color: var(--header-color);
  font-size: var(--h3-size-mobile);
}
@media screen and (min-width: 768px) {
  h3,
.h3 {
    font-size: var(--h3-size-desktop);
  }
}

h4,
.h4 {
  font-family: var(--header-font-family);
  font-weight: var(--header-font-weight);
  margin-top: var(--header-margin-top);
  margin-bottom: var(--header-margin-bottom);
  line-height: var(--header-line-height);
  color: var(--header-color);
  font-size: var(--h4-size-mobile);
}
@media screen and (min-width: 768px) {
  h4,
.h4 {
    font-size: var(--h4-size-desktop);
  }
}

h5,
.h5 {
  font-family: var(--header-font-family);
  font-weight: var(--header-font-weight);
  margin-top: var(--header-margin-top);
  margin-bottom: var(--header-margin-bottom);
  line-height: var(--header-line-height);
  color: var(--header-color);
  font-size: var(--h5-size-mobile);
}
@media screen and (min-width: 768px) {
  h5,
.h5 {
    font-size: var(--h5-size-desktop);
  }
}

p,
span {
  font-family: var(--body-font-family);
  font-weight: var(--body-font-weight);
  font-size: var(--p-size-mobile);
}
@media screen and (min-width: 768px) {
  p,
span {
    font-size: var(--p-size-desktop);
  }
}

b,
strong {
  font-family: var(--body-bold-font-family);
  font-weight: var(--body-bold-font-weight);
  font-size: var(--p-size-mobile);
}
@media screen and (min-width: 768px) {
  b,
strong {
    font-size: var(--p-size-desktop);
  }
}

.help-article-page {
  font-size: 1rem;
  line-height: 1.75rem;
  padding: 1rem;
}
.help-article-page h1,
.help-article-page h2,
.help-article-page h3 {
  font-size: 1.5rem;
  line-height: 1.75rem;
  text-transform: uppercase;
  margin: 0;
}
.help-article-page span,
.help-article-page p {
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}
.help-article-page img {
  display: inline-block;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.help-article-page .main-container h1 {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 1.75rem;
  line-height: 2rem;
  margin-bottom: 2rem;
}
.help-article-page .main-container h2 {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.2;
  margin-bottom: 1rem;
}
.help-article-page .main-container h3 {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.2;
  margin-bottom: 1rem;
}
.help-article-page .main-container h4 {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.75rem;
  margin-bottom: 1.125rem;
}
.help-article-page .main-container p {
  margin-bottom: 1rem;
}
.help-article-page .main-container a {
  text-decoration: underline;
  font-weight: 500;
}
.help-article-page .main-container .buttons-list a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 2.25rem;
  text-decoration: none;
  margin: 0 1rem 0.25rem 0;
  font-family: var(--button-primary-font-family);
  border: none;
  border-radius: var(--button-border-radius);
  background-color: var(--skin-primary-color-1);
  color: var(--skin-primary-color-invert-1) !important;
  padding: var(--button-padding-vertical) var(--button-padding-horizontal);
  font-size: calc(var(--button-font-size) / 16) rem;
  font-weight: var(--button-font-weight);
  line-height: var(--button-line-height);
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
.help-article-page .main-container .buttons-list a:active, .help-article-page .main-container .buttons-list a:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.help-article-page .main-container .buttons-list a:hover {
  background-color: var(--color-grey4);
  color: var(--color-secondary);
}
.help-article-page .related {
  margin-bottom: 1.25rem;
}
.help-article-page .related h2,
.help-article-page .related h3,
.help-article-page .related h4,
.help-article-page .related h5,
.help-article-page .related h6 {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5rem;
  margin: 0 0 1rem;
  text-transform: uppercase;
  color: var(--color-grey4);
}
.help-article-page .related ul {
  margin: 1rem 0 1rem 1rem;
  padding: 0;
}
.help-article-page .related li {
  list-style-type: disc;
  margin: 0 0 0.75rem 1rem;
}
.help-article-page .related a {
  text-decoration: underline;
  text-transform: uppercase;
}
@media (max-width: 991.98px) {
  .help-article-page .sidebar-container {
    border-top: 0.0625rem solid #CBCBCB;
  }
}
@media (min-width: 992px) {
  .help-article-page {
    padding: 1.75rem;
  }
  .help-article-page .content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .help-article-page .main-section {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  .help-article-page .main-section:not(.no-sidebar) {
    padding-right: 1rem;
  }
  .help-article-page .sidebar-container {
    width: 25%;
    border: none;
    margin-left: 3rem;
    padding-left: 3rem;
  }
}
@media (min-width: 1200px) {
  .help-article-page .sidebar-container {
    border-left: 0.0625rem solid #CBCBCB;
  }
}