:root {
  /* Colors */
  --color-amaranth: #dc0077;
  --color-blue-star: #004f6f;
  --color-digital-zinnia: #6A7029;
  --color-gray-stone: #5c514e;
  --color-charcoal: #454545;
  --color-light-blue: #f2f7f7;
  --color-light-gray: #fbf9f6;
  --color-dove-gray: #707070;
  --color-silver-chalicey: #adadad;
  --color-white: #fff;
  --color-black: #000;
  --color-fall-green : #E6E7B9;
  --color-black-16: rgb(0, 0, 0, .16);
  --color-tundra : #454545;
  --color-regal-blue: #014F6E;
  --bs-body-color: #454545;

  /* Fonts */
  --font-trade-gothic-next: 'DM Sans';
  --font-trade-gothic-next-compressed: 'DM Sans';
  --font-trade-gothic-next-condensed: 'DM Sans';

  /* Sizes */
  --isi-width: 374px;
  --nav-height: 143px;
}

.slds-fade-in-open {
  z-index: 100002;
}

.slds-backdrop {
  z-index: 100001;
}

.bg-light-blue {
  background-color: var(--color-light-blue);
}

.bg-light-gray {
  background-color: var(--color-light-gray);
}

.bg-blue {
  background-color: var(--color-blue-star);
}

.fc-blue {
  color: var(--color-blue-star) !important;
}

.fc-black {
  color: var(--color-black);
}

body {
  overflow-x: hidden;
}

.table {
  margin-bottom: 0;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4 {
  font-family: var(--font-trade-gothic-next), sans-serif;
  font-style: normal;
}

p,
.body,
li {
  font-family: var(--font-trade-gothic-next), sans-serif;
  font-weight: 200;
}

p.footnotes {
  font-size: 14px;
  line-height: 18px;
}

.close {
  font-family: var(--font-trade-gothic-next), sans-serif;
  font-weight: 200;  
  font-size: 15px;
}

.body-disclaimer {
  font-size: 14px;
  letter-spacing: .1px;
}

.body-disclaimer,
.body-disclaimer .slds-rich-text-editor__output {
  line-height: 16px;
}

h1,
.h1 {
  color: var(--color-charcoal) !important;
  font-weight: 200;
  letter-spacing: -1.2px;
}

h1 + hr,
.h1 + hr {
  border-color: var(--color-black-16) !important;
  margin-top: 15px !important;
}

h2,
.h2 {
  color: var(--color-blue-star) !important;
  font-weight: 600;
  letter-spacing: -.8px;
}

h3,
.h3 {
  letter-spacing: -.3px;
  color: var(--color-charcoal);
  font-weight: 200;
}

h3 + p,
.h3 + p {
  margin-top: 10px;
}

.fs-bold, strong, b {
  font-weight: 600;
  color:var(--color-tundra);
}
.fs-shadow {
  text-shadow: var(--color-black) 0px 0px 5px;
}

.fs-italic {
  font-style: italic;
}

.mb-20 {
  margin-bottom: 20px;
}

.body-list {
  list-style-type: disc;
}

.fc-white{
  color: var( --color-white);
}

.body-list .internal-body-list li:before {
  border-top: 2px solid var(--color-black);
  content: '';
  display: inline-block;
  height: 2px;
  left: 0;
  position: absolute;
  top: 12px;
  width: 5px;
}

.ordered-body-list {
  padding-left: 19px;
  list-style: decimal;
}

.ordered-body-list li {
  padding-left: 10px;
  margin-bottom: 10px;
}

.ordered-body-list li::marker {
  font-weight: 600;
  color: #454545;
}

.list-custom > li::before {
  position: absolute;
  content: '';
  display: inline-block;
  background-image: var(--logo_bullet);
  background-repeat: no-repeat;
  background-size: contain;
}

.list-custom > li {
  position: relative
}

.list-custom > li::before {
  top: -11px;
  left: -63px;
  width: 56px;
  height: 57px;
}

.btn-primary:hover,
.btn-secondary:hover,
.primary-link:hover,
.secondary-link:hover,
.btn-primary:focus,
.btn-secondary:focus,
.primary-link:focus,
.secondary-link:focus {
  text-decoration: none !important;
}

.btn-primary,
.btn-secondary,
.primary-link {
  font-family: var(--font-trade-gothic-next-compressed), sans-serif;
  font-size: 19px;
  letter-spacing: -0.05em;  
}

.secondary-link {
  font-family: var(--font-trade-gothic-next), sans-serif;
  font-style: normal;
  font-weight: 200;
}

.btn-primary {
  color: var(--color-amaranth) !important;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 2.05px;
}

.btn-secondary {
  background-color: var(--color-amaranth) !important;
  color: var(--color-white) !important;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 2.05px;
  position: relative;
}

.btn-secondary::before,
.btn-secondary::after {
  background-color: var(--color-amaranth) !important;
  border-bottom-right-radius: 16px;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
}

.btn-secondary::before {
  transform: skew(-30deg) rotate(540deg);
}

.btn-secondary::after {
  transform: skew(-30deg);
}

.primary-link {
  color: var(--color-amaranth) !important;
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0px;
  position: relative;
}

.primary-link.primary-link--arrow::after {
  background-image: var(--right_arrow);
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  height: 18px;
  width: 23px;
  display: inline-block;
  margin-left: 12px;
  position: relative;
  top: 2px;
}

.primary-link.primary-link--arrow:hover::after {
  filter: brightness(0) saturate(100%) invert(21%) sepia(21%) saturate(4930%) hue-rotate(170deg) brightness(98%) contrast(101%);
}

.primary-link.primary-link--download::after {
  background-image: var(--download_icon);
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.primary-link.primary-link--download:hover::after {
  filter: brightness(0) saturate(100%) invert(21%) sepia(21%) saturate(4930%) hue-rotate(170deg) brightness(98%) contrast(101%);
}

.secondary-link {
  color: var(--color-amaranth) !important;
  font-size: 16px;
  line-height: 18px;
}

.primary-link:hover,
.secondary-link:hover {
  color: var(--color-blue-star) !important
}

@media only screen and (max-width: 991px) {
  .mt-header {
    margin-top: 62px;
  }

  .mb-footer {
    margin-bottom: 46px;
  }

  footer {
    padding-bottom: 12.5vh;
  }

  h1,
  .h1 {
    font-size: 38px;
    line-height: 42px;
  }

  h2,
  .h2 {
    font-size: 28px;
    line-height: 32px;
  }

  h2 .slds-rich-text-editor__output {
    line-height: 32px;
  }

  h3,
  .h3 {
    font-size: 20px;
    line-height: 24px;
  }

  p,
  .body {
    font-size: 16px;
    line-height: 22px;
  }

  h1 + hr,
  .h1 + hr {
    margin-bottom: 44px !important;
  }

  h2 + p,
  .h2 + p {
    margin-top: 16px;
  }

  p:not(.body-disclaimer) + h2,
  .body + h2 {
    margin-top: 43px;
  }

  .body-list {
    padding-left: 18px;
  }

  .body-list.has-internal-list li {
    padding-left: 1px;
  }

  .body-list > li:not(:last-child) {
    margin-bottom: 4px;
    line-height: 22px;
  }

  .body-list .internal-body-list {
    margin-top: 6px;
  }

  .body-list .internal-body-list li {
    padding-left: 19px;
    position: relative;
  }

  .list-custom {
    padding-left: 41px;
  }

  .list-custom > li {
    margin-bottom: 35px;
  }

  .btn-secondary {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1.2px;
    padding: 15px 28px 15px 24px;
    margin-left: -12px;
  }

  .btn-secondary::before {
    left: -33px;
    width: 61px;
    z-index: -1;
  }

  .btn-secondary::after {
    right: -33px;
    width: 47px;
  }

  .primary-link.primary-link--arrow .slds-rich-text-editor__output {
    line-height: 31px;
  }

  .info-box-container {
    width: calc(100% - 60px);
  }
}

@media only screen and (min-width: 992px) {
  header,
  .community_byo-scoped-header-and-footer__main,
  footer {
    max-width: calc(100vw - var(--isi-width));
  }

  .mt-header {
    margin-top: 71px;
  }

  .mb-lg-70 {
    margin-bottom: 70px;
  }

  h1,
  .h1 {
    font-size: 48px;
    line-height: 56px;
  }

  h2,
  .h2 {
    font-size: 30px;
    line-height: 34px;
  }

  h2 .slds-rich-text-editor__output {
    line-height: 34px;
  }

  h3,
  .h3 {
    font-size: 22px;
    line-height: 26px;
  }

  p,
  .body {
    font-size: 18px;
    line-height: 24px;
  }

  h1 + hr,
  .h1 + hr {
    margin-bottom: 50px !important;
  }

  h2 + p,
  .h2 + p {
    margin-top: 19px;
  }

  p:not(.body-disclaimer) + h2,
  .body + h2 {
    margin-top: 57px;
  }

  .mb-42 {
    margin-bottom: 42px !important;
  }

  .btn-secondary {
    font-size: 15px;
    letter-spacing: 1.4px;
    line-height: 24px;
    padding: 15px 28px;
  }

  .btn-secondary::before,
  .btn-secondary::after {
    width: 51px;
  }

  .btn-secondary::before {
    left: -34px;
  }

  .btn-secondary::after {
    right: -34px;
  }

  /* .primary-link.primary-link--arrow::after {
    height: 18px;
    right: -42px;
    width: 23px;
  } */

  .primary-link.primary-link--download::after {
    height: 19.5px;
    right: -31px;
    width: 19.5px;
  }

  .body-img {
    margin: 19px auto 15px;
  }

  .body-list {
    padding-left: 15px;
  }

  .body-list.has-internal-list li {
    padding-left: 14px;
  }

  .body-list > li:not(:last-child) {
    margin-bottom: 20px;
  }

  .body-list .internal-body-list li {
    padding-left: 15px;
    position: relative;
  }

  .list-custom {
    padding-left: 44px;
  }

  .list-custom > li {
    margin-bottom: 21px;
  }

  .list-custom > li ul {
    margin-top: 8px;
  }

  .list-custom > li h2 + ul {
    margin-top: 10px;
  }
}

@media only screen and (min-width: 1200px) {
  .mt-xl-65 {
    margin-top: 65px;
  }

}

@media only screen and (min-width: 1440px) {
  .container {
    max-width: 932px;
    font-family: var(--font-trade-gothic-next), sans-serif;
    font-weight: 200;    
  }
}

@media only screen and (max-width: 767px) {
  .container {
    max-width: 91%;
  }
}

sup.small {
  font-size: 50%;
  top: -0.7em;
}