body {
    --white: #fff;
    --teal-05: #F2F9FC;
/*    --teal-10: #E6F4FB;*/
    --teal-10: #EAF5FB;
    --teal: #0076AD;
    --teal-dark: #055C85;
    --black: #000;
    --black-85: #000000D8;
    --teal-20: #CCEAF7;
    --grey-dark: #4E4E4E;
    --grey-95: #001119;
    --grey-10: #D3D3D3;
    --grey-blue: #B6CBD6;
    --green: #007539;
    --error-red: #EE0004
}

/* a:visited {
    color: inherit;
} */

/* Theme Light */
.theme-light .sg-h, [class*="bg-"] .theme-light .sg-h, [class*="bg-"] [class*="bg-"] .theme-light .sg-h {
  color: var(--black);
}

.theme-light .sg-h *, [class*="bg-"] .theme-light .sg-h *, [class*="bg-"] [class*="bg-"] .theme-light .sg-h * {
  color: var(--black);
}

.theme-light .list-no-style li a, [class*="bg-"] .theme-light .list-no-style li a, [class*="bg-"] [class*="bg-"] .theme-light .list-no-style li a {
  color: var(--black);
}

.theme-light *, [class*="bg-"] .theme-light *, [class*="bg-"] [class*="bg-"] .theme-light * {
  color: var(--grey-dark);
}

.theme-light a, [class*="bg-"] .theme-light a, [class*="bg-"] [class*="bg-"] .theme-light a {
  color: var(--teal);
  text-decoration: none;
}

.theme-light a:hover, [class*="bg-"] .theme-light a:hover, [class*="bg-"] [class*="bg-"] .theme-light a:hover {
  text-decoration: underline;
}

.theme-light .link-arrow-2, [class*="bg-"] .theme-light .link-arrow-2 {
  color: var(--black);
}

.theme-light .link-arrow-2::after, [class*="bg-"] .theme-light .link-arrow-2::after {
	background-color: var(--teal);
}

.theme-light .button, [class*="bg-"] .theme-light .button {
    color: var(--white);
    background-color: var(--black);
    border-color: var(--black);    
}

.theme-light .button-2nd, [class*="bg-"] .theme-light .button-2nd {
    color: var(--black);
    background-color: transparent;
}

.theme-light .button:hover, [class*="bg-"] .theme-light .button:hover {
    color: var(--white);
    background-color: var(--teal);
    border-color: var(--teal);
}

.theme-light .button:active, [class*="bg-"] .theme-light .button:active {
    color: var(--white);
    background-color: var(--teal-dark);
    border-color: var(--teal-dark);
}
/* Theme Light */

/* Theme Dark */
.theme-dark .sg-h, [class*="bg-"] .theme-dark .sg-h, [class*="bg-"] [class*="bg-"] .theme-dark .sg-h {
  color: var(--white);
}

.theme-dark .sg-h *, [class*="bg-"] .theme-dark .sg-h *, [class*="bg-"] [class*="bg-"] .theme-dark .sg-h * {
  color: var(--white);
}

.theme-dark .list-no-style li a, [class*="bg-"] .theme-dark .list-no-style li a, [class*="bg-"] [class*="bg-"] .theme-dark .list-no-style li a {
  color: var(--white);
}

.theme-dark *, [class*="bg-"] .theme-dark *, [class*="bg-"] [class*="bg-"] .theme-dark * {
  color: var(--white);
}

.theme-dark a, [class*="bg-"] .theme-dark a, [class*="bg-"] [class*="bg-"] .theme-dark a {
  color: var(--white);
  text-decoration: underline;
}

.theme-dark .link-arrow-2, [class*="bg-"] .theme-dark .link-arrow-2 {
  color: var(--white);
}

.theme-dark .link-arrow-2::after, [class*="bg-"] .theme-dark .link-arrow-2::after {
	background-color: var(--white);
}

.theme-dark .button, [class*="bg-"] .theme-dark .button {
    color: var(--black);
    background-color: var(--white);
    border-color: var(--white);
}

.theme-dark .button-2nd, [class*="bg-"] .theme-dark .button-2nd {
    color: var(--white);
    background-color: transparent;
}

.theme-dark .button:hover, [class*="bg-"] .theme-dark .button:hover {
    color: var(--white);
    background-color: var(--teal);
    border-color: var(--teal);
}

.theme-dark .button:active, [class*="bg-"] .theme-dark .button:active {
    color: var(--white);
    background-color: var(--teal-dark);
    border-color: var(--teal-dark);
}
/* Theme Dark */

/* Background Colours */
.bg-white, [class*="bg-"] .bg-white {
    background-color: var(--white);
}

.bg-teal-05, [class*="bg-"] .bg-teal-05 {
    background-color: var(--teal-05);
}

.bg-teal-10, [class*="bg-"] .bg-teal-10 {
    background-color: var(--teal-10);
}

.bg-teal, [class*="bg-"] .bg-teal {
    background-color: var(--teal);
}

.bg-teal, [class*="bg-"] .bg-teal {
    background-color: var(--teal);
}

.bg-teal-dark, [class*="bg-"] .bg-teal-dark {
    background-color: var(--teal-dark);
}

.bg-teal .button:hover, [class*="bg-"] .bg-teal .button:hover, .bg-teal-dark .button:hover, [class*="bg-"] .bg-teal-dark .button:hover {
    color: var(--white);
    background-color: var(--black);
    border-color: var(--black);
}

/* .bg-teal a, [class*="bg-"] .bg-teal a, .bg-teal-dark a, [class*="bg-"] .bg-teal-dark a {
    color: var(--white);
    font-weight: bold;
} */

.bg-black, [class*="bg-"] .bg-black {
    background-color: var(--black);
}
/* Background Colours */

/* Misc */
.bg-grey-95, [class*="bg-"] .bg-grey-95 {
    background-color: var(--grey-95);
}

.bg-grey-95 *, [class*="bg-"] .bg-grey-95 * {
    color: var(--white);
}

#md_body .c-black{
    color: var(--black);
}
/* Misc */


.theme-dark .pure-g li::before {
	background-color: var(--white);
}