/* -----------------------------------------
   GO Color theme
----------------------------------------- */
:root {
  --color-p1: #68bc45;
  --color-p1-dark: #65af43;
  --color-p1-darker: #5b9b3d;
  --color-p1-darkest: #4e8435;
  --color-p1-light: #7acc54;
  --color-p1-lighter: #95e271;
  --color-p1-lightest: #beefa8;
  --color-p2: #0f4f94;
  --color-p2-dark: #0d4581;
  --color-p2-darker: #0c3e74;
  --color-p2-darkest: #082c53;
  --color-p2-light: #3f72a9;
  --color-p2-lighter: #6f95bf;
  --color-p2-lightest: #9fb9d4;
  --color-p3: #424c5b;
  --color-p3-dark: #384353;
  --color-p3-darker: #2a3547;
  --color-p3-darkest: #232f41;
  --color-p3-light: #5b6471;
  --color-p3-lighter: #757d88;
  --color-p3-lightest: #afb4ba;
  --color-s1: #eff4f9;
  --color-s1-darker: #e6eff5;
  --color-s1-lighter: #f7fafc;
  --color-s2: #a6ddf0;
  --color-s2-dark: #5bbfe2;
  --color-s2-darker: #029dd3;
  --color-s3: #005b9d;
  --color-s3-dark: #004679;
  --color-s3-light: #669dc4;
  --color-s3-lighter: #99bdd8;
  --sub-nav-bg: var(--color-s1);
  --mobile-drawer: var(--color-p2-darker);
  --mobile-drawer-active: var(--color-p2);
}

h1,
h2,
h3,
h4 {
  font-weight: 400;
}

img.full-width {
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  max-width: 100vw;
  position: relative;
  right: 50%;
  width: 100vw;
}

.branding .header-organization-banner {
  padding-top: 1rem;
}

.branding .header-organization-banner a .logo-assets .logo-img {
  max-height: 71px;
  height: 71px;
}

@media (max-width: 991px) {
  .branding .header-organization-banner {
    margin-right: 0;
  }
}

/* -- Banner * -- */
.header-banner {
  overflow: hidden;
  background-image: url("/images/background.svg");
  background-color: #395567;
  background-position: center !important;
  background-size: cover !important;
  display: block;
  position: relative;
}

@media (max-width: 575px) {
  .header-primary-banner p {
    font-size: 1.9375rem;
    line-height: 2.675rem;
    padding-top: 2rem;
  }
  .header-banner .row,
  .header-banner img {
    width: auto;
  }
  h1,
  .h1 {
    font-size: calc(1.375rem + 3vw);
  }
}

@media (max-width: 991px) {
  .header-banner .row {
    flex-direction: column;
  }
  .header-banner img {
    width: 100%;
  }
}

/* -- Global * -- */
body {
  font-weight: 300;
}

.card-arrow a::after {
  position: absolute;
  font-family: "CaGov" !important;
  content: "\e669";
  font-size: 1rem;
  top: -0.5rem;
  left: 0;
  border-bottom: 2px solid;
  width: 26px;
  text-align: end;
  line-height: 50px;
  letter-spacing: -6px;
  height: 26px;
  transition: all 0.3s ease-out;
}

.card-arrow a:hover:after {
  left: 0;
  width: 30px;
}

.bg-s2 {
  background-color: var(--color-s2);
}
.bg-s2-dark {
  background-color: var(--color-s2-dark);
}
.bg-s2-darker {
  background-color: var(--color-s2-darker);
}
.section-impact {
  background-color: var(--color-p3-darker);
}

ol > li::marker {
  font-weight: bold;
}

img.img-fluid {
  min-width: -webkit-fill-available;
}

.overlay {
  border-image: fill 0 linear-gradient(#0003, #000); /* your gradient here */
}
.caption {
  bottom: 13px;
  left: 13px;
  right: 13px;
  background: #ffffff;
  opacity: 0.8;
}

.color-primary,
.color-p2 {
  color: var(--color-p2, #046b99) !important;
}

.bg-primary-dark {
  background-color: var(--color-p2-darker, #0c3e74) !important;
}

.border-left {
  border-left: 5px solid var(--color-s2-darker);
}

.bg-s1 {
  background-color: #e1ecf7 !important;
}

.bg-highlight-lightest {
  background-color: var(--color-p1-lightest) !important;
}

.bg-p2-light {
  background-color: var(--color-p2-light) !important;
}