/**** BASE Styles ****/
#base {
  --section-padding: 54px;
  --section-padding-mobile: 30px;
}

/** base tags **/
#base .title-spacing-top :is(h1, h2, h3, h4, h5, h6) {
  margin-top: 1.25em;
}

#base [data-align='center']:not([class*='img-col']) {
  width: 100%;
}

#base [data-align='center'],
#base [data-align='center'] :is(h1, h2, h3, h4, h5, h6, p) {
  text-align: center;
}

#base [data-align='right'] {
  width: 100%;
}

#base [data-align='right'],
#base [data-align='right'] :is(h1, h2, h3, h4, h5, h6, p) {
  text-align: right;
}

#base [data-align='left'],
#base [data-align='left'] :is(h1, h2, h3, h4, h5, h6, p) {
  text-align: left;
}

/** section **/
#base .section:not(.page-header-container):not(:first-of-type) {
  margin-top: 48px;
  padding-bottom: 48px;
}

@media (min-width: 600px) {
  #base .section:not(.page-header-container):not(:first-of-type) {
    margin-top: 64px;
  }
}

@media (min-width: 1025px) {
  #base .section:not(.page-header-container):not(:first-of-type) {
    margin-top: 96px;
    padding-bottom: 64px;
  }
}

@media (min-width: 1800px) {
  #base .section:not(.page-header-container):not(:first-of-type) {
    margin-top: 128px;
  }
}

#base .section:first-of-type,
#base .section.page-header-container + .section {
  margin-top: 0;
}

#base .section.spacing-none {
  margin-top: 0 !important;
}

#base .section.padding-none {
  padding-bottom: 0 !important;
}

/** block wrapper **/

/* reset section spacing on modal */
#base .modal .section > div {
  padding: 0;
}

/** block **/
#base .block.spacing {
  margin-top: 48px;
  margin-bottom: 48px;
}

#base .block.spacing-top {
  margin-top: 48px;
}

#base .block.spacing-bottom {
  margin-bottom: 48px;
}

@media (min-width: 1025px) {
  #base .block.spacing {
    margin-top: 64px;
    margin-bottom: 64px;
  }

  #base .block.spacing-top {
    margin-top: 64px;
  }

  #base .block.spacing-bottom {
    margin-bottom: 64px;
  }
}

/** button **/
/* #base .button {
  font-size: 15px;
  line-height: 18px;
  padding: 10px 30px;
  background-image: unset;
}

#base .button-size-md .button {
  padding: 10px 30px;
}

#base .button-size-lg .button {
  font-size: 17px;
  padding: 18px 40px;
}

#base .button-size-lg.block:not(.button-style-link) .button-container ~ .button-container .button {
  font-size: 17px;
  padding: 16px 38px;

}

#base .button-style-outline .button,
#base .block:not(.button-style-link) .button-container ~ .button-container .button {
  background: none;
  border: solid 2px var(--theme-base);
  color: var(--theme-base);
}

#base .button-style-outline:not(.button-size-lg) .button,
#base .button-container ~ .button-container .button {
  padding-top: 8px;
  padding-bottom: 8px;
}

#base .button-style-link .button {
  padding: 0;
}

#base .button-container {
  margin: 0;
}

#base .button-style-link .button-container {
  margin-bottom: 5px;
}

#base .button-inline .button-container {
  display: inline-block;
  margin-right: 20px;
}

@media (max-width: 390px) {
  #base .button-inline .button-container {
    margin-right: 0;
  } 
}

@media (max-width: 600px) {
  #base .button-inline .button-container a:any-link {
    margin: 6px 0;
  }
}

#base .button-inline .button-container:last-of-type {
  margin-right: 0;
}

#base .button-color-gradient .button {
  background-image: linear-gradient(90deg, var(--theme-shade5) 0%, var(--theme-shade10) 100%);
}

#base .button-color-base a.button:any-link,
#base .button-color-base.columns a.button:any-link {
  background-color: var(--theme-base);
}

#base .button-color-white a.button:any-link,
#base .button-color-white.columns a.button:any-link {
  background-color: var(--color-white);
}

#base .button-color-black a.button:any-link,
#base .button-color-black.columns a.button:any-link {
  background-color: var(--color-black);
}

#base .button-color-shade-5 a.button:any-link,
#base .button-color-shade-5.columns a.button:any-link {
  background-color: var(--theme-shade5);
}

#base .button-color-shade-5 a.button:any-link:hover,
#base .button-color-shade-5.columns a.button:any-link:hover {
  background-color: var(--theme-shade10);
}

#base .button-color-shade-10 a.button:any-link,
#base .button-color-shade-10.columns a.button:any-link {
  background-color: var(--theme-shade10);
}

#base .button-color-shade-15 a.button:any-link,
#base .button-color-shade-15.columns a.button:any-link {
  background-color: var(--theme-shade15);
}

#base .button-color-tint-5 a.button:any-link,
#base .button-color-tint-5.columns a.button:any-link {
  background-color: var(--theme-tint5);
}

#base .button-color-tint-10 a.button:any-link,
#base .button-color-tint-10.columns a.button:any-link {
  background-color: var(--theme-tint10);
}

#base .button-color-tint-15 a.button:any-link,
#base .button-color-tint-15.columns a.button:any-link {
  background-color: var(--theme-tint15);
}

#base .button-text-color-base a.button:any-link,
#base .button-text-color-base.columns a.button:any-link {
  color: var(--theme-base);
}

#base .button-text-color-white a.button:any-link,
#base .button-text-color-white.columns a.button:any-link {
  color: var(--color-white);
}

#base .button-text-color-black a.button:any-link,
#base .button-text-color-black.columns a.button:any-link {
  color: var(--color-black);
}

#base .button-text-color-shade-5 a.button:any-link,
#base .button-text-color-shade-5.columns a.button:any-link {
  color: var(--theme-shade5);
}

#base .button-text-color-shade-10 a.button:any-link,
#base .button-text-color-shade-10.columns a.button:any-link {
  color: var(--theme-shade10);
}

#base .button-text-color-shade-15 a.button:any-link,
#base .button-text-color-shade-15.columns a.button:any-link {
  color: var(--theme-shade15);
}

#base .button-text-color-tint-5 a.button:any-link,
#base .button-text-color-tint-5.columns a.button:any-link {
  color: var(--theme-tint5);
}

#base .button-text-color-tint-10 a.button:any-link,
#base .button-text-color-tint-10.columns a.button:any-link {
  color: var(--theme-tint10);
}

#base .button-text-color-tint-15 a.button:any-link,
#base .button-text-color-tint-15.columns a.button:any-link {
  color: var(--theme-tint15);
}

#base .button-color-secondary-base a.button:any-link,
#base .button-color-secondary-base.columns a.button:any-link {
  background-color: var(--secondary-theme-base);
}

#base .button-color-secondary-shade-5 a.button:any-link,
#base .button-color-secondary-shade-5.columns a.button:any-link {
  background-color: var(--secondary-theme-shade5);
}

#base .button-color-secondary-shade-10 a.button:any-link,
#base .button-color-secondary-shade-10.columns a.button:any-link {
  background-color: var(--secondary-theme-shade10);
}

#base .button-color-secondary-shade-15 a.button:any-link,
#base .button-color-secondary-shade-15.columns a.button:any-link {
  background-color: var(--secondary-theme-shade15);
}

#base .button-color-secondary-tint-5 a.button:any-link,
#base .button-color-secondary-tint-5.columns a.button:any-link {
  background-color: var(--secondary-theme-tint5);
}

#base .button-color-secondary-tint-10 a.button:any-link,
#base .button-color-secondary-tint-10.columns a.button:any-link {
  background-color: var(--secondary-theme-tint10);
}

#base .button-color-secondary-tint-15 a.button:any-link,
#base .button-color-secondary-tint-15.columns a.button:any-link {
  background-color: var(--secondary-theme-tint15);
}

#base .button-color-shade-5:not(.button-style-link) .button-container ~ .button-container .button {
  color: var(--theme-shade5);
  border-color: var(--theme-shade5);
}

#base .button-color-shade-5:not(.button-style-link) .button-container ~ .button-container .button:hover {
  background-color: var(--theme-tint10);
}

#base .button-text-color-secondary-base a.button:any-link,
#base .button-text-color-secondary-base.columns a.button:any-link {
  color: var(--secondary-theme-base);
}

#base .button-text-color-secondary-shade-5 a.button:any-link,
#base .button-text-color-secondary-shade-5.columns a.button:any-link {
  color: var(--secondary-theme-shade5);
}

#base .button-text-color-secondary-shade-10 a.button:any-link,
#base .button-text-color-secondary-shade-10.columns a.button:any-link {
  color: var(--secondary-theme-shade10);
}

#base .button-text-color-secondary-shade-15 a.button:any-link,
#base .button-text-color-secondary-shade-15.columns a.button:any-link {
  color: var(--secondary-theme-shade15);
}

#base .button-text-color-secondary-tint-5 a.button:any-link,
#base .button-text-color-secondary-tint-5.columns a.button:any-link {
  color: var(--secondary-theme-tint5);
}

#base .button-text-color-secondary-tint-10 a.button:any-link,
#base .button-text-color-secondary-tint-10.columns a.button:any-link {
  color: var(--secondary-theme-tint10);
}

#base .button-text-color-secondary-tint-15 a.button:any-link,
#base .button-text-color-secondary-tint-15.columns a.button:any-link {
  color: var(--secondary-theme-tint15);
}

#base .button-spacing-none a.button:any-link {
  margin: 0;
} */

/** copy **/
/* stylelint-disable-next-line selector-class-pattern */
#base .copy-color-base :is(p, li, div:not(.mktoErrorMsg):not(.form-msg)) {
  color: var(--theme-base);
}

/* stylelint-disable-next-line selector-class-pattern */
#base .copy-color-tint-5 :is(p, li, div:not(.mktoErrorMsg):not(.form-msg)) {
  color: var(--theme-tint5);
}

/* stylelint-disable-next-line selector-class-pattern */
#base .copy-color-tint-15 :is(p, li, div:not(.mktoErrorMsg):not(.form-msg)) {
  color: var(--theme-tint15);
}

/* stylelint-disable-next-line selector-class-pattern */
#base .copy-color-tint-10 :is(p, li, div:not(.mktoErrorMsg):not(.form-msg)) {
  color: var(--theme-tint10);
}

/* stylelint-disable-next-line selector-class-pattern */
#base .copy-color-shade-5 :is(p, li, div:not(.mktoErrorMsg):not(.form-msg)) {
  color: var(--theme-shade5);
}

/* stylelint-disable-next-line selector-class-pattern */
#base .copy-color-shade-10 :is(p, li, div:not(.mktoErrorMsg):not(.form-msg)) {
  color: var(--theme-shade10);
}

/* stylelint-disable-next-line selector-class-pattern */
#base .copy-color-shade-15 :is(p, li, div:not(.mktoErrorMsg):not(.form-msg)) {
  color: var(--theme-shade15);
}

/* stylelint-disable-next-line selector-class-pattern */
#base .copy-color-secondary-base :is(p, li, div:not(.mktoErrorMsg):not(.form-msg)) {
  color: var(--secondary-theme-base);
}

/* stylelint-disable-next-line selector-class-pattern */
#base .copy-color-secondary-tint-5 :is(p, li, div:not(.mktoErrorMsg):not(.form-msg)) {
  color: var(--secondary-theme-tint5);
}

/* stylelint-disable-next-line selector-class-pattern */
#base .copy-color-secondary-tint-15 :is(p, li, div:not(.mktoErrorMsg):not(.form-msg)) {
  color: var(--secondary-theme-tint15);
}

/* stylelint-disable-next-line selector-class-pattern */
#base .copy-color-secondary-tint-10 :is(p, li, div:not(.mktoErrorMsg):not(.form-msg)) {
  color: var(--secondary-theme-tint10);
}

/* stylelint-disable-next-line selector-class-pattern */
#base .copy-color-secondary-shade-5 :is(p, li, div:not(.mktoErrorMsg):not(.form-msg)) {
  color: var(--secondary-theme-shade5);
}

/* stylelint-disable-next-line selector-class-pattern */
#base .copy-color-secondary-shade-10 :is(p, li, div:not(.mktoErrorMsg):not(.form-msg)) {
  color: var(--secondary-theme-shade10);
}

/* stylelint-disable-next-line selector-class-pattern */
#base .copy-color-secondary-shade-15 :is(p, li, div:not(.mktoErrorMsg):not(.form-msg)) {
  color: var(--secondary-theme-shade15);
}

/* stylelint-disable-next-line selector-class-pattern */
#base .copy-color-white :is(p, li, div:not(.mktoErrorMsg):not(.form-msg)) {
  color: var(--color-white);
}

/* stylelint-disable-next-line selector-class-pattern */
#base .copy-color-gray-12 :is(p, li, div:not(.mktoErrorMsg):not(.form-msg)) {
  color: var(--color-gray-12);
}

/** link **/
#base .link-color-base :is(a:not(.button)) {
  color: var(--theme-base);
}

#base .link-color-tint-5 :is(a:not(.button)) {
  color: var(--theme-tint5);
}

#base .link-color-tint-15 :is(a:not(.button)) {
  color: var(--theme-tint15);
}

#base .link-color-tint-10 :is(a:not(.button)) {
  color: var(--theme-tint10);
}

#base .link-color-shade-5 :is(a:not(.button)) {
  color: var(--theme-shade5);
}

#base .link-color-shade-10 :is(a:not(.button)) {
  color: var(--theme-shade10);
}

#base .link-color-shade-15 :is(a:not(.button)) {
  color: var(--theme-shade15);
}

#base .link-color-secondary-base :is(a:not(.button)) {
  color: var(--secondary-theme-base);
}

#base .link-color-secondary-tint-5 :is(a:not(.button)) {
  color: var(--secondary-theme-tint5);
}

#base .link-color-secondary-tint-15 :is(a:not(.button)) {
  color: var(--secondary-theme-tint15);
}

#base .link-color-secondary-tint-10 :is(a:not(.button)) {
  color: var(--secondary-theme-tint10);
}

#base .link-color-secondary-shade-5 :is(a:not(.button)) {
  color: var(--secondary-theme-shade5);
}

#base .link-color-secondary-shade-10 :is(a:not(.button)) {
  color: var(--secondary-theme-shade10);
}

#base .link-color-secondary-shade-15 :is(a:not(.button)) {
  color: var(--secondary-theme-shade15);
}

#base .link-color-white :is(a:not(.button)) {
  color: var(--color-white);
}

/** link background **/
#base .link-background-base :is(a:not(.button)) {
  background-image: linear-gradient(transparent 50%, var(--theme-base) 0);
}

#base .link-background-tint-5 :is(a:not(.button)) {
  background-image: linear-gradient(transparent 50%, var(--theme-tint5) 0);
}

#base .link-background-tint-10 :is(a:not(.button)) {
  background-image: linear-gradient(transparent 50%, var(--theme-tint10) 0);
}

#base .link-background-tint-15 :is(a:not(.button)) {
  background-image: linear-gradient(transparent 50%, var(--theme-tint15) 0);
}

#base .link-background-shade-5 :is(a:not(.button)) {
  background-image: linear-gradient(transparent 50%, var(--theme-shade5) 0);
}

#base .link-background-shade-10 :is(a:not(.button)) {
  background-image: linear-gradient(transparent 50%, var(--theme-shade10) 0);
}

#base .link-background-shade-15 :is(a:not(.button)) {
  background-image: linear-gradient(transparent 50%, var(--theme-shade15) 0);
}

#base .link-background-white :is(a:not(.button)) {
  background-image: linear-gradient(transparent 50%, var(--color-white) 0);
}

#base .link-background-secondary-base :is(a:not(.button)) {
  background-image: linear-gradient(transparent 50%, var(--secondary-theme-base) 0);
}

#base .link-background-secondary-tint-5 :is(a:not(.button)) {
  background-image: linear-gradient(transparent 50%, var(--secondary-theme-tint5) 0);
}

#base .link-background-secondary-tint-10 :is(a:not(.button)) {
  background-image: linear-gradient(transparent 50%, var(--secondary-theme-tint10) 0);
}

#base .link-background-secondary-tint-15 :is(a:not(.button)) {
  background-image: linear-gradient(transparent 50%, var(--secondary-theme-tint15) 0);
}

#base .link-background-secondary-shade-5 :is(a:not(.button)) {
  background-image: linear-gradient(transparent 50%, var(--secondary-theme-shade5) 0);
}

#base .link-background-secondary-shade-10 :is(a:not(.button)) {
  background-image: linear-gradient(transparent 50%, var(--secondary-theme-shade10) 0);
}

#base .link-background-secondary-shade-15 :is(a:not(.button)) {
  background-image: linear-gradient(transparent 50%, var(--secondary-theme-shade15) 0);
}

/** columns **/
#base .columns strong {
  color: var(--theme-shade10);
}

#base .columns.bold-gray-12 strong {
  color: var(--color-gray-12);
}

/**** RESETS ****/
/* stylelint-disable-next-line no-duplicate-selectors */
#base .section {
  padding-left: 0;
  padding-right: 0;
}

#base .image {
  margin: 0;
}

@media (min-width: 600px) {
  #base .title-size-hero-subhead :is(h1, h2, h3, h4, h5, h6) {
    font-size: 21px;
    line-height: 28px;
    margin: 30px 0 0;
  }
}

#base .cards > .card .button:any-link {
  padding: 0;
}

#base .bg-solid {
  background-color: var(--theme-base);
}

#base .onboarding-calculator {
  background-color: var(--secondary-theme-tint15);
}