:root { 
  /* Colors */
  --color-white: #ffffff;
  --color-shade-magenta: #E609DE;
  --color-dark-charcoal: #353535;
  --color-mine-shaft: #333333;
  --color-light-coral: #FFA482;
  --color-royal-blue: #002060;
  --color-steel-blue: #446DBC;
  --color-valhalla: #1f1a50;
  --color-biscay: #1B295B;
  --color-skyblue: #7ADBF2;
  --color-steel-blue-10: rgba(68, 109, 188, 0.1);

  /* Fonts */
  --font-figtree:  "Figtree", sans-serif;
  /* Shadows */
  --color-black-25: rgba(0, 0, 0, 0.25);
}

*, body {
  font-family: var(--font-figtree) !important;
}

h1, h2, h3, p {
  margin: 0;
}

h1, .h1 {
  font-family: var(--font-figtree);
  font-weight: 700;
  font-size: 31px;
  line-height: 41px;
  color: var(--color-royal-blue);

}

h2, .h2 {
  font-family: var(--font-figtree);
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
}

h3, .h3 {
  font-family: var(--font-figtree);
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
}

p, li {
  font-family: var(--font-figtree);
  font-weight: 300;
  font-size: 18px;
  line-height: 24px;
  color: var(--color-mine-shaft);
}

a {
  font-family: var(--font-figtree);
  display: inline-block;
  text-decoration: none;
}

.light {
  font-weight: 300;
}

.bold {
  font-weight: 700;
}

.text-royal-blue {
  color: var(--color-royal-blue);
}

.text-shade-magenta {
  color: var(--color-shade-magenta);
}

.sub-left {
  margin-left: -6px;
}
.sub-asterisk::before {
  content: '*';
  display: inline-block;
  font-size: 18px;
  left: -9px;
  position: absolute;
  top: -3px;
  font-weight: 300;
}

.sub-cross::before {
  content: '†';
  display: inline-block;
  font-size: 18px;
  left: -9px;
  position: absolute;
  top: -3px;
}

.gradient-container {
  padding-top: 186px;
  height: 18rem;
}
.font-museo-sans {
  font-family: var(--font-figtree) !important;
}

::marker {
  color: var(--color-royal-blue);
}

@media only screen and (min-width: 768px) {
  h1 {
    font-size: 43px;
    line-height: 60px;
  }

  .container {
    max-width: 974px;
    padding: 0 25px;
    margin: auto;
  } 
}

@media only screen and (min-width: 1024px) { 
  .gradient-container { 
    max-width:1366px ;
    height: 355px;
    margin: auto;
    padding-top: 215px;

  }
}

/* DO NOT DELETE */
/* Overwrittes salesforce footer's classes */

.community_byo-scoped-header-and-footer__footer-content {
  background-color: transparent !important;
}

.community_byo-scoped-header-and-footer__main {
  display: grid;
  grid-template-rows: auto 1fr auto;
  margin: 0;
  min-height: calc(100vh - 160px);
  padding: 0;
}

.isi-preview p,
.isi-persistent p {
  line-height: 22px !important;
}

.isi-preview .light,
.isi-persistent .light {
  line-height: 22px !important;
}

.isi-preview .bold,
.isi-persistent .bold {
  line-height: 22px !important;
}

.isi-persistent .h1,
.isi-persistent .h2,
.isi-preview .h1,
.isi-preview .h2 {
  font-family: var(--font-figtree);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  color: var(--color-royal-blue);
  
}
.mb-0 {
  margin-bottom: 0 !important;
}

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

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

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

.mb-md-30 {
  margin-bottom: 0 !important;
}

@media only screen and (min-width: 768px) {
  .mb-md-30 {
    margin-bottom: 30px !important;
  }
}

/* end salesforce overwrittes */