@font-face { 
  font-family: 'StagLight'; 
  font-weight: normal; 
  font-style: normal; 
  src: url('/newsinteractives/content/common/stag-light-webfont.eot'), url('/newsinteractives/content/common/stag-light-webfont.woff') format('woff');
}
@font-face { 
  font-family: 'StagBook';
  font-weight: normal;
  font-style: normal;
  src: url('/newsinteractives/content/common/stag-book-webfont.eot'), url('/newsinteractives/content/common/stag-book-webfont.woff') format('woff');
}
@font-face { 
  font-family: 'StagMedium';
  font-weight: normal;
  font-style: normal;
  src: url('/newsinteractives/content/common/stag-medium-webfont.eot'), url('/newsinteractives/content/common/stag-medium-webfont.woff') format('woff');
}

.skip-navigation-link {
  height: 1px;
  overflow: hidden;
  position: absolute;
  width: 1px;
}
.skip-navigation-link:focus {
  overflow:visible;
  width:inherit;
  text-decoration: underline;
  color: #013ACE;
  width: fit-content;
  background:#fff;
  height:max-content;
}

.animation-toggle {
  margin: 0 0 0 -10000px;
  padding: 0;
  height: 0px;
}

.pswp {
  display: none;
}

.ee-footer__bottom {
  padding-bottom: 5rem !important;
}

.with-button.hero-image-title-container .title-block .title-button,
.hero-image .title-button {
  margin: 0;
  padding: 0.25rem 0.5rem;
  color: #fff;
  font-size: 0.875rem;
  line-height: 1rem;
  font-weight: 700;
}
.hero-image {
  display: block;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
}
.category-header.child-welfare,
.hero-image.child-welfare {
  background-color: #BC374A;
}
.category-header.education,
.hero-image.education {
   background-color: #CD4B17;
}
.category-header.language-and-culture,
.hero-image.language-and-culture {
   background-color: #A1628B;
}
.category-header.health,
.hero-image.health {
   background-color: #097BBB;
}
.category-header.justice,
.hero-image.justice {
   background-color: #00819D;
}
.category-header.reconciliation,
.hero-image.reconciliation {
   background-color: #CE2B30;
}
.hero-image-title-container {
  display: block;
  position: relative;
  max-width: 42.5rem;
  margin: 3rem auto 2rem auto;
}
.hero-image-title-container h1 {
  padding: 0;
  margin: 0.5rem 0 0 0;
  color: #fff;
  font-size: 2rem;
  line-height: 2.5rem;
}
.resolution-logo {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  max-width: 42.5rem;
  margin: 1rem auto 2rem auto;
}
.resolution-logo svg {
  height: 2.5rem;
}
.resolution-logo svg path {
  fill: #fff;
}
.resolution-tag {
  display: inline-block;
  position: relative;
  color: #fff;
  margin-left: 1rem;
  box-sizing: border-box;
  height: auto;
  font-size: 1.125rem;
  line-height: 1.5rem;
  padding: 0.5rem 0;
}
.hero-image .title-block {
  width: 100%;
}

.entry-element-container.entry-header {
    margin: 0 auto 2rem auto !important;
    max-width: 100% !important;
    padding-bottom: 0;
    background-color: #fafafa;
    overflow: hidden;
    border-bottom: 1px solid #dadada;
}

.entry-element h2 {
  margin: 0;
  font-size: 0.875rem;
  line-height: 0.875rem;
  text-transform: uppercase;
  font-weight: 700;
  color: #737373;
}
.entry-element h3 {
  margin: 0 0 1rem 0;
  font-size: 0.875rem;
  line-height: 1rem;
  font-weight: 700;
  color: #737373;
  font-style: italic;
}
.intro-preamble {
    font-family: StagLight;
    color: #222;
    text-shadow: 0 0 0 #fff;
    font-size: 2rem;
    margin: 0 auto 1em;
    line-height: 1.3;
    clear: both;
    max-width: 90%;
    font-weight: 100;
    text-align: center;
}
.intro-head_wrap {
  position: absolute;
  top: 10%;
  left: 0;
  right: 0;
  bottom: 0;
  width: 50vw;
}
.js-hide {
  margin: 0 0 0 -10000px;
  height: 0;
  padding: 0;
}
.category-header {
  display: block;
  background-size: cover;
  position: relative;
  box-sizing: border-box;
}
.category-header h2 {
  max-width: 42.5rem;
  margin: 0 auto 2rem auto;
  padding: 3rem 0 1rem 1rem;
  color: #fff;
}

.entry-element.status {
  text-align: center;
}
.entry-element.status .entry-date {
  display: inline-block;
  margin-right: 1rem;
}
.resolution-status-container {
  display: block;
  position: relative;
  color: #fff;
  padding: 0 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.5rem;
  margin: 0 auto 1rem auto;
  width: fit-content;
}

.beyond-94-section {
  display: block;
  position: relative;
  margin: 1rem 0 2rem 0;
}
.beyond-94-section.intro {
  margin-top: 0;
}
.beyond-94-section.credits {
  background-color: #f0f0f0;
  padding: 2rem 0;
  margin-bottom: 0;
}
.credits .credits-large {
  font-size: 1.1rem;
  line-height: 1.5rem;
  font-family: StagLight;
  text-align: center;
}
.credits .credits-normal {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.credits .credits-medium {
  font-size: 1rem;
  line-height: 1.375rem;
  font-family: StagLight;
  text-align: center;
  margin-top: 1.5rem;
}
h2.beyond94-credits-heading {
  margin: 3rem 0 0.5rem 0;
}

.group-link {
  box-shadow: 0 0 0.1rem #00000071;
}
.group-link-button button {
  justify-content: space-between;
  padding: 0.5rem 0 0.5rem 1rem;
}
.group-link .resolution-name {
  display: flex;
  position: relative;
  box-sizing: border-box;
  flex-grow: 1;
  margin-right: 1rem;
}
.group-link .resolution-title {
  display: inline-block;
  position: relative;
  font-size: 1rem;
  line-height: 1.25rem;
  text-align: start;
}
.group-link .resolution-number {
  display: inline-block;
  position: relative;
  margin-right: 0.5rem;
  flex-shrink: 0;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 700;
  color: #424242;
}

.more-info-meta {
  display: flex;
  position: relative;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  margin-top: 1rem;
  text-align: left;
}
.more-info-meta .last-updated {
  display: inline-block;
  font-size: 0.675rem;
  line-height: 0.75rem;
}

.group-link .more-info {
  padding: 1rem 2rem 0.5rem 1rem;
}

.group-link.complete {
  border-left: 5px solid #038944;
}
.resolution-status-label.complete,
.resolution-status-container.complete {
  color: #fff;
  background-color: #038944;
}
.group-link.complete .more-info {
  border: none;
  background-color: #03894410;
}
.group-link.inProgress {
  border-left: 5px solid #B68C0C;
}
.resolution-status-label.inProgress,
.resolution-status-container.inProgress {
  color: #fff;
  background-color: #B68C0C;
}
.group-link.inProgress .more-info {
  border: none;
  background-color: #B68C0C10;
}
.group-link.inProgressPhaseTwo {
  border-left: 5px solid #EC6104;
}
.resolution-status-label.inProgressPhaseTwo,
.resolution-status-container.inProgressPhaseTwo {
  color: #fff;
  background-color: #EC6104;
}
.group-link.inProgressPhaseTwo .more-info {
  border: none;
  background-color: ##EC610410;
}
.group-link.notStarted {
  border-left: 5px solid #E3181D;
}
.resolution-status-label.notStarted,
.resolution-status-container.notStarted {
  color: #fff;
  background-color: #E3181D;
}
.group-link.notStarted .more-info {
  border: none;
  background-color: #E3181D10;
}

.flame-nav-instructions {
  display: block;
  position: relative;
  font-family: StagBook;
  text-align: center;
}

.flame-icon {
  display: inline-block;
  position: relative;
  height: 1.75rem;
  margin: 0.125rem 0.25rem;
  padding: 0;
  border: none;
  background-color: transparent;
  cursor: pointer;
}
.flame-icon svg {
  display: inline-block;
  position: relative;
  height: 100%;
  width: auto;
}
.flame-icon .flame-body {
  fill: #cbcbcb;
}
.flame-icon.child-welfare .flame-body {
  fill: #BC374A;
}
.flame-icon.education .flame-body {
   fill: #CD4B17;
}
.flame-icon.language-and-culture .flame-body {
   fill: #A1628B;
}
.flame-icon.health .flame-body {
   fill: #097BBB;
}
.flame-icon.justice .flame-body {
   fill: #00819D;
}
.flame-icon.reconciliation .flame-body {
   fill: #CE2B30;
}
.flame-grid-container {
  display: grid;
  position: relative;
  max-width: 40rem;
  margin: 1rem auto;
  padding: 0;
  grid-template-columns: repeat(4,1fr);
  grid-column-gap: 1rem;
}
.flame-grid-box {
  display: block;
  position: relative;
  align-self: end;
}
.flame-grid {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  flex-flow: wrap-reverse;
  border-bottom: 1px solid #666;
  padding-bottom: 0.5rem;
}
.flame-section-info {
  display: block;
  position: relative;
  height: 7rem;
  border-bottom: 1px solid #424242;
}
.flame-section-info .resolution-count {
  font-family: StagBook;
  display: block;
  position: relative;
  font-size: 3rem;
  line-height: 4rem;
}
.flame-section-info .resolution-status-label {
  display: inline-block;
  position: relative;
  color: #fff;
  padding: 0.4rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 0.875rem;
  vertical-align: top;
}

.beyond-94-section.intro h2.intro {
  font-family: StagLight;
  font-weight: 500;
  text-align: left;
  font-size: 3.5rem;
  line-height: 4rem;
  text-transform: unset;
  color: #262626;
  margin: 2rem auto;
}

@media only screen and (min-width: 1px) {

.entry-element .storyContainer ul.storyGrid-row {
  display: grid;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  margin: 0;
  padding: 0;
  grid-template-columns: repeat(3, 1fr);
}
li.storyGrid-item .imageContainer {
  float: unset;
  width: unset;
}
span.story-department {
  display: none;
}
/*
span.story-department {
    float: unset;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #cc0000;
    padding: 0.25rem 0.375rem 0.25rem 0.375rem;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #f0f0f0;
    bottom: unset;
}
*/
figure.related-stories-item {
  border: none;
  height: unset;
}
li.storyGrid-item {
    height: unset !important;
    overflow: hidden;
    border-radius: 0.5rem;
    border: none;
    padding: unset !important;
}
figure figcaption.related-stories-text {
    line-height: 22px;
    padding: 2rem 0 0 0;
    position: absolute;
    z-index: 2;
    top: unset;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(0deg, #000000cc, #000000cc, #00000000);
    overflow: visible;
    color: #f0f0f0;
    width: 100%;
    margin: unset;
    height: unset;
}

a figure.related-stories-item figcaption.related-stories-text span.related-stories-title {
    color: #f0f0f0 !important;
    text-align: left;
    margin: 0.5rem auto;
}
a:hover figure.related-stories-item figcaption.related-stories-text span.related-stories-title {
    color: #f0f0f0 !important;
    outline: auto;
    padding: 0.125em 0.225em;
    margin: -0.125em -0.225em;
}

.entry-element p a:hover,
.entry-element p a:focus {
    outline: auto;
    padding: 0.125em 0.225em;
    margin: -0.125em -0.225em;
}

a.more-info-link:hover,
a.more-info-link:focus,
a.group-link:hover,
a.group-link:focus {
    outline: auto;
    padding: 0.125em 0.225em;
    margin: -0.125em -0.225em;
}

p.credits-normal > a:hover,
p.credits-normal > a:focus {
    outline: auto;
    padding: 0.125em 0.225em;
    margin: -0.125em -0.225em;
}

figure.related-stories-item>.imageContainer>img.link-thumbnail {
  width: 100%;
  height: unset;
  float: none;
}
}

@media only screen and (max-width: 800px) {
  .intro-preamble {
    font-size: 1.5rem;
  }
  
  .entry-element .storyContainer ul.storyGrid-row {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  figure img {
   width: 100%;
  }
}

@media only screen and (max-width: 700px) {
  .medium.heading .entry-element h2.intro {
    font-size: 3rem;
    line-height: 3.5rem;
    margin: 2rem auto;
  }
  div.ee-footer__column > h3 {
   margin:0 0 0.5rem 0;
  }
}

@media only screen and (max-width: 680px) {
  .hero-image.reconciliation {
    padding: 0 1rem;
  }
  
  .entry-element-container {
   margin: 0 1rem;
   width:auto;
  }
  
   select.sub-nav-select {margin-right:1rem;}
  
  .video.entry-element-container, 
  .audio.entry-element-container,
  .image.entry-element-container,
  .hero-image.entry-element-container {
   margin: 0 auto;
  }
}

@media only screen and (max-width: 640px) {
  .intro-head_wrap {
    width: 70vw;
  }
  
  h1 {
   margin:2rem auto 0 auto;
  }
  .intro-preamble {
    font-size: 1.25rem;
  }
  .flame-icon {
    margin: 0.125rem;
  }
  .sub-nav-label {
    margin-left: 1rem;
  }
}

@media (max-width: 560px) {
figure img {
    height: auto;
  }
}

@media only screen and (max-width: 480px) {
  h1 {
    line-height: 2rem;
  }
   
  .hero-image-title-container {
    margin: 2rem auto 2rem auto;
  }   
  .hero-image-title-container h1 {
    margin: 0.5rem 0.5rem 0 0.5rem;
    font-size: 1.5rem;
    line-height: 1.75rem;
  }
  .resolution-logo {
    margin: 1rem auto 1.5rem auto;
    padding-left: 1rem;
  }

  .flame-grid-container {
    grid-column-gap: 0.5rem;
  }
  
  .flame-section-info {
    height: 8rem;
  }
  
  .intro-head_wrap {
    top: 0;
  }

  .medium.heading .entry-element h2.intro {
    font-size: 2.5rem;
    line-height: 3rem;
    margin: 1rem auto;
  }

  .entry-element .storyContainer ul.storyGrid-row {
    grid-template-columns: 1fr;
  }
  
  .group-link .more-info .more-info-link {
    font-size: 0.6rem;
  }

  .more-info-meta .last-updated {
    font-size: 0.6rem;
  }

  .group-link .more-info {
   padding: 1rem 1rem 0.5rem 1rem;
  }

}

@media only screen and (max-width: 360px) {
  .flame-icon {
    height: 1.25rem;
  }
  
  .flame-section-info {
    height: 9rem;
  }
  
  .intro-head_wrap {
    width: 90vw;
    top: 10%;
  }
}