/* Mobile sizes */
/* Fluid Typography - adjusts smoothly to screen size */
@media screen and (min-width: 320px) {
    :root {
        /* swatches */
        --title: calc(40px + 32 * ((100vw - 320px) / 680));
        --title-height: calc(42px + 30 * ((100vw - 320px) / 680));

        --h1: calc(36px + 14 * ((100vw - 320px) / 680));
        --h1-height: calc(40px + 20 * ((100vw - 320px) / 680));

        --h2: calc(30px + 0 * ((100vw - 320px) / 680));
        --h2-height: calc(36px + 6 * ((100vw - 320px) / 680));

        --h3: calc(22px + 2 * ((100vw - 320px) / 680));
        --h3-height: calc(30px + 2 * ((100vw - 320px) / 680));

        --h4: calc(18px + 0 * ((100vw - 320px) / 680));
        --h4-height: 24px;

        --h5: calc(15px + 0 * ((100vw - 320px) / 680));
        --h5-height: 22px;

        --h6: calc(12px + 0 * ((100vw - 320px) / 680));
        --h6-height: 18px;

        --small: calc(12px + 2 * ((100vw - 320px) / 680));
        --small-height: calc(18px + 6 * ((100vw - 320px) / 680));

        --body: calc(15px + 1 * ((100vw - 320px) / 680));
        --body-height: calc(22px + 2 * ((100vw - 320px) / 680));

        --paragraph: calc(15px + 5 * ((100vw - 320px) / 680));
        --paragraph-height: calc(24px + 8 * ((100vw - 320px) / 680));

        --label: calc(11px + 1 * ((100vw - 320px) / 680));
        --label-height: 15px;

        --lead: calc(22px + 28 * ((100vw - 320px) / 680));
        --lead-height: calc(32px + 26 * ((100vw - 320px) / 680));

        --lead-small: calc(15px + 9 * ((100vw - 320px) / 680));
        --lead-small: calc(22px + 2 * ((100vw - 320px) / 680));

        --link: calc(15px + 0 * ((100vw - 320px) / 680));
        --link-height: 15px;
    }
}

/* Desktop sizes */
@media screen and (min-width: 1000px) {
    :root {
        --title: 72px;
        --title-height: 72px;

        --h1: 50px;
        --h1-height: 60px;

        --h2: 30px;
        --h2-height: 42px;

        --h3: 24px;
        --h3-height: 32px;

        --h4: 18px;
        --h4-height: 24px;

        --h5: 15px;
        --h5-height: 22px;

        --h6: 12px;
        --h6-height: 18px;

        --small: 14px;
        --small-height: 24px;

        --body: 16px;
        --body-height: 24px;

        --paragraph: 20px;
        --paragraph-height: 32px;

        --label: 12px;
        --label-height: 15px;

        --lead: 50px;
        --lead-height: 58px;

        --lead-small: 24px;
        --lead-small-height: 34px;

        --link: 15px;
        --link-height: 15px;
    }
}

/* Font */
:root {
    --soleil: soleil, sans-serif;
    --kepler: kepler-std-display;
}

.title {
    font-family: kepler-std-display; /* Fallback for IE11 */
    font-family: var(--kepler);
    font-size: 72px; /* Fallback for IE11 */
    font-size: var(--title) !important;
    line-height: var(--title-height) !important;
    letter-spacing: -0.45px;
    color: #0F454A; /* Fallback for IE11 */
    color: var(--darkgreen);
}

ul{
    font-size: 16px; /* Fallback for IE11 */
    font-size: var(--body) !important;
    line-height: var(--body-height);
}

h1, .h1 {
    font-family: kepler-std-display; /* Fallback for IE11 */
    font-family: var(--kepler) !important;
    font-size: 50px; /* Fallback for IE11 */
    font-size: var(--h1) !important;
    line-height: var(--h1-height) !important;
    letter-spacing: -0.31px;
    color: #0F454A; /* Fallback for IE11 */
    color: var(--darkgreen);
    margin-bottom: 24px !important;
}

h2, .h2 {
    font-family: kepler-std-display; /* Fallback for IE11 */
    font-family: var(--kepler);
    font-size: 30px; /* Fallback for IE11 */
    font-size: var(--h2) !important;
    line-height: var(--h2-height) !important;
    color: #0F454A; /* Fallback for IE11 */
    color: var(--darkgreen);
    margin-bottom: 24px !important;
}

h3, .h3 {
    font-family: soleil, sans-serif; /* Fallback for IE11 */
    font-family: var(--soleil);
    font-weight: 600 !important;
    font-size: 24px; /* Fallback for IE11 */
    font-size: var(--h3) !important;
    line-height: var(--h3-height) !important;
    color: #0F454A; /* Fallback for IE11 */
    color: var(--darkgreen);
    margin-bottom: 24px !important;
}

h4, .h4 {
    font-family: soleil, sans-serif; /* Fallback for IE11 */
    font-family: var(--soleil);
    font-weight: 600 !important;
    font-size: 18px; /* Fallback for IE11 */
    font-size: var(--h4) !important;
    line-height: var(--h4-height) !important;
    color: #0F454A; /* Fallback for IE11 */
    color: var(--darkgreen);
    margin-bottom: 24px !important;
}

h5, .h5 {
    font-family: soleil, sans-serif; /* Fallback for IE11 */
    font-family: var(--soleil);
    font-weight: 600 !important;
    font-size: 15px; /* Fallback for IE11 */
    font-size: var(--h5) !important;
    line-height: var(--h5-height) !important;
    color: #0F454A; /* Fallback for IE11 */
    color: var(--darkgreen);
    margin-bottom: 24px !important;
}

h6, .h6 {
    font-family: soleil, sans-serif; /* Fallback for IE11 */
    font-family: var(--soleil);
    font-weight: 600 !important;
    font-size: 12px; /* Fallback for IE11 */
    font-size: var(--h6) !important;
    line-height: var(--h6-height) !important;
    color: #0F454A; /* Fallback for IE11 */
    color: var(--darkgreen);
    margin-bottom: 24px !important;
}

small {
    display: block;
    font-family: soleil, sans-serif; /* Fallback for IE11 */
    font-family: var(--soleil);
    /* font-weight: 600 !important; */
    font-size: 14px; /* Fallback for IE11 */
    font-size: var(--small) !important;
    line-height: var(--small-height);
    color: #666D6E; /* Fallback for IE11 */
    color: var(--gray);
    margin-bottom: 24px;
}

p {
    font-family: soleil, sans-serif; /* Fallback for IE11 */
    font-family: var(--soleil);
    /* font-weight: 600 !important; */
    font-size: 16px; /* Fallback for IE11 */
    font-size: var(--body) !important;
    line-height: var(--body-height);
    color: #666D6E; /* Fallback for IE11 */
    color: var(--gray);
}

b,
strong {
  font-weight: 700 !important; // Add the correct font weight in Chrome, Edge, and Safari
}

 

.paragraph, .event-wrapper p {
    font-family: soleil, sans-serif; /* Fallback for IE11 */
    font-family: var(--soleil);
    font-weight:300 !important;
    font-size: 20px; /* Fallback for IE11 */
    font-size: var(--paragraph) !important;
    line-height: var(--paragraph--height);
    letter-spacing: -0.2px;
    color: #666D6E; /* Fallback for IE11 */
    color: var(--gray);
}

.blog-paragraph p, .blog-paragraph ol li, .blog-paragraph ul li{
    font-family: soleil, sans-serif; /* Fallback for IE11 */
    font-family: var(--soleil);
    font-weight:300 !important;
    font-size: 20px; /* Fallback for IE11 */
    font-size: var(--paragraph) !important;
    line-height: var(--paragraph--height);
    letter-spacing: -0.2px;
    color: #666D6E; /* Fallback for IE11 */
    color: var(--gray);
}

.blog-paragraph ol li, .blog-paragraph ul li{
    margin-bottom: 15px;
}

label {
    font-family: soleil, sans-serif; /* Fallback for IE11 */
    font-family: var(--soleil);
    font-weight: 600;
    font-size: 12px; /* Fallback for IE11 */
    font-size: var(--label);
    line-height: var(--label-height);
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #0F454A; /* Fallback for IE11 */
    color: var(--darkgreen);
    margin-bottom: 25px !important;
}

p.lead {
    font-family: kepler-std-display; /* Fallback for IE11 */
    font-family: var(--kepler);
    font-style: italic;
    font-size: 50px; /* Fallback for IE11 */
    font-size: var(--lead) !important;
    line-height: var(--lead-height);
    letter-spacing: -0.31px;
    color: #0F454A; /* Fallback for IE11 */
    color: var(--darkgreen);
}

p.lead-small {
    font-family: kepler-std-display; /* Fallback for IE11 */
    font-family: var(--kepler);
    font-style: italic;
    font-size: 24px; /* Fallback for IE11 */
    font-size: var(--lead-small) !important;
    line-height: var(--lead-small-height);
    color: #0F454A; /* Fallback for IE11 */
    color: var(--darkgreen);
}


a.link {
    text-decoration: none;
    font-family: soleil, sans-serif; /* Fallback for IE11 */
    font-family: var(--soleil);
    font-weight: 600;
    font-size: 15px; /* Fallback for IE11 */
    font-size: var(--link) !important;
    line-height: var(--link-height);
    color: #0F454A; /* Fallback for IE11 */
    color: var(--darkgreen);
    white-space: nowrap;
    margin-right: 30px;
}

a.link:hover, a.link:active{
    text-decoration: none;
    color: #228E93; /* Fallback for IE11 */
    color: var(--secondary1);
}

a {
    color: #0F454A; /* Fallback for IE11 */
    color: var(--darkgreen) !important;
}


a:hover, a.link:active {
    color: #228E93; /* Fallback for IE11 */
    color: var(--secondary1) !important;
}


p a {
    text-decoration: underline;
}

.container ul {
   list-style: none;
}

.container ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #4EA17C; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}

.jobsContainer{
  padding:0px;
  margin: 0px;
}

.container ul.jobsContainer li::before{
  content: none;
  width: 0px; /* Also needed for space (tweak if needed) */
  margin-left: 0px; /* Also needed for space (tweak if needed) */
}

.container ul.faq-tabs li::before{
  content: none;
}

.container ul li{
   font-family: soleil, sans-serif; /* Fallback for IE11 */
    font-family: var(--soleil);
    font-weight:300 !important;
    font-size: 20px; /* Fallback for IE11 */
    font-size: var(--paragraph) !important;
    line-height: var(--paragraph--height);
    letter-spacing: -0.2px;
    color: #666D6E; /* Fallback for IE11 */
    color: var(--gray);
    margin-bottom: 10px;
}