@import url("https://fonts.googleapis.com/css2?family=League+Spartan:ital,wght@0,200;0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
:root {
  --colour-white: #FFFFFF;
}
:root .white {
  background-color: #FFFFFF;
}
:root .text-white {
  color: #FFFFFF;
}
:root {
  --colour-grey: #f0ebe8;
}
:root .grey {
  background-color: #f0ebe8;
}
:root .text-grey {
  color: #f0ebe8;
}
:root {
  --colour-deepblue: #145188;
}
:root .deepblue {
  background-color: #145188;
}
:root .text-deepblue {
  color: #145188;
}
:root {
  --colour-deepblue-light: #517DA6;
}
:root .deepblue-light {
  background-color: #517DA6;
}
:root .text-deepblue-light {
  color: #517DA6;
}
:root {
  --colour-skyblue: #eef2f3;
}
:root .skyblue {
  background-color: #eef2f3;
}
:root .text-skyblue {
  color: #eef2f3;
}
:root {
  --colour-moss: #40531b;
}
:root .moss {
  background-color: #40531b;
}
:root .text-moss {
  color: #40531b;
}
:root {
  --colour-lightmoss: #6e7b59;
}
:root .lightmoss {
  background-color: #6e7b59;
}
:root .text-lightmoss {
  color: #6e7b59;
}
:root {
  --colour-black: #000000;
}
:root .black {
  background-color: #000000;
}
:root .text-black {
  color: #000000;
}

body h1,
body .h1 {
  font-size: 2.75rem;
  line-height: 41px;
}
@media (min-width: 768px) {
  body h1,
  body .h1 {
    font-size: 4.375rem;
    line-height: 66px;
  }
}

body h2,
body .h2 {
  font-size: 1.25rem;
  line-height: 23px;
}
@media (min-width: 768px) {
  body h2,
  body .h2 {
    font-size: 2.125rem;
    line-height: 38px;
  }
}

body h3,
body .h3 {
  font-size: 1.1875rem;
  line-height: 20px;
}
@media (min-width: 768px) {
  body h3,
  body .h3 {
    font-size: 1.875rem;
    line-height: 32px;
  }
}

body h4,
body .h4 {
  font-size: 1rem;
  line-height: 18px;
}
@media (min-width: 768px) {
  body h4,
  body .h4 {
    font-size: 1.5rem;
    line-height: 28px;
  }
}

body h5,
body .h5 {
  font-size: 0.875rem;
  line-height: 20px;
}
@media (min-width: 768px) {
  body h5,
  body .h5 {
    font-size: 1.125rem;
    line-height: 24px;
  }
}

:root {
  --color-primary: #145188;
  --color-primary-light: #517DA6;
  --color-secondary: #40531b;
  --color-secondary-light: #6e7b59;
  --color-tertiary: #eef2f3;
  --color-quaternary: #f0ebe8;
  --color-black: #000000;
  --color-white: #FFFFFF;
  --body-background-color: #fbfaf9;
  --font-family: League Spartan, sans-serif;
  --h1-font-size: 4.375rem;
  --h1-font-size-mobile: 2.75rem;
  --h2-font-size: 2.125rem;
  --h2-font-size-mobile: 1.25rem;
  --h3-font-size: 1.875rem;
  --h3-font-size-mobile: 1.1875rem;
  --h4-font-size: 1.5rem;
  --h4-font-size-mobile: 1rem;
  --h5-font-size: 1.125rem;
  --h5-font-size-mobile: 0.875rem;
  --lead-font-size: 1.5rem;
  --lead-font-size-mobile: 1rem;
  --lead-line-height: 28px;
  --lead-line-height-mobile: 18px;
  --lead-font-weight: 500;
  --lead-font-weight-mobile: 300;
  --key-stat-font-size: 5rem;
  --key-stat-font-size-mobile: 2.5rem;
  --key-stat-line-height: 65px;
  --key-stat-line-height-mobile: 34px;
  --blockquote-font-size: 1.5rem;
  --blockquote-font-size-mobile: 1rem;
  --blockquote-line-height: 28px;
  --blockquote-line-height-mobile: 18px;
  --blockquote-quote-font-size: 5.625rem;
  --blockquote-quote-font-size-mobile: 3.5rem;
  --link-font-size: 1.125rem;
  --link-font-size-mobile: 0.875rem;
  --link-line-height: 24px;
  --link-line-height-mobile: 20px;
  --menu-font-size: 1.125rem;
  --menu-font-size-mobile: 1.25rem;
  --menu-font-size-mobile-2: 1rem;
  --menu-font-size-mobile-3: .875rem;
  --menu-line-height: 21px;
  --menu-line-height-mobile: 40px;
  --action-menu-font-size: 0.875rem;
  --action-menu-font-size-mobile: 0.875rem;
  --action-menu-line-height: 16px;
  --action-menu-line-height-mobile: 40px;
  --listing-heading-font-size: 1.5rem;
  --article-heading-font-size: 2.125rem;
  --article-heading-line-height: 2.375rem;
  --article-heading-font-size-mobile: 1.25rem;
  --article-heading-line-height-mobile: 1.4375rem;
  --font-size-base: 1.125rem;
  --font-size-base-mobile: 0.875rem;
  --line-height: 1.5rem;
  --line-height-mobile: 1.25rem;
  --larger-font-size: 1.5rem;
  --larger-line-height: 1.75rem;
  --larger-font-size-mobile: 1rem;
  --larger-line-height-mobile: 1.75rem;
  --arrow: url(../images/igcc-arrow.svg);
  --arrow-moss: url(../images/igcc-arrow-moss.svg);
  --arrow-link-moss-light: url(../images/igcc-right-arrow-moss-light.svg);
  --arrow-link: url(../images/igcc-right-arrow.svg);
  --arrow-link-right: url(../images/igcc-link-arrow-right.svg);
  --arrow-download: url(../images/igcc-icon-download.svg);
  --arrow-locked: url(../images/igcc-np_locked.svg);
  --icon-share: url(../images/igcc-share.svg);
  --icon-twitter: url(../images/igcc-twitter.svg);
  --icon-linkedin: url(../images/igcc-linkedin.svg);
  --icon-email: url(../images/igcc-email.svg);
  --hero-gradient: linear-gradient(180deg, transparent 0, var(--color-primary) 100%);
}

.our-impact .grey .btn.btn-link::after {
  background: transparent var(--arrow-link-moss-light) no-repeat center/100%;
}
@media (max-width: 767px) {
  .our-impact .btn-link::after {
    width: 20px !important;
    height: 20px !important;
    margin-left: 10px !important;
  }
}

.page-supporter .slick-prev::before,
.page-supporter .slick-next::before {
  background: transparent var(--arrow-moss) no-repeat center/cover;
}

.featured-stat .description {
  color: var(--color-primary);
}
.featured-stat .grey .description {
  color: var(--color-secondary);
}

.standard-content .grey .btn-link::after {
  background: transparent var(--arrow-link-moss-light) no-repeat center/100% !important;
}

.grey .btn-link.btn:hover {
  color: var(--color-secondary);
}

/*# sourceMappingURL=theme-igcc.css.map */
