@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Pacifico");
/* line 12, ../sass/main.scss */
.u-hide {
  display: none !important;
}

/* line 16, ../sass/main.scss */
.flex-col, .c-navigation__sublinks {
  display: flex;
  flex-direction: column;
}

/* line 21, ../sass/main.scss */
.u-flex-res, .c-indigenous-help {
  align-items: flex-start;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
}
@media (min-width: 64em) {
  /* line 21, ../sass/main.scss */
  .u-flex-res, .c-indigenous-help {
    flex-direction: row;
    -webkit-flex-direction: row;
  }
}

/* line 35, ../sass/main.scss */
.u-min__mobile {
  display: block;
}
@media (min-width: 768px) {
  /* line 35, ../sass/main.scss */
  .u-min__mobile {
    display: none !important;
  }
}
/* line 43, ../sass/main.scss */
.u-min__tablet {
  display: none;
}
@media (min-width: 768px) {
  /* line 43, ../sass/main.scss */
  .u-min__tablet {
    display: inherit !important;
  }
}
@media (min-width: 1024px) {
  /* line 43, ../sass/main.scss */
  .u-min__tablet {
    display: none !important;
  }
}
/* line 55, ../sass/main.scss */
.u-min__desktop, .c-navigation__container {
  display: none !important;
}
@media (min-width: 1024px) {
  /* line 55, ../sass/main.scss */
  .u-min__desktop, .c-navigation__container {
    display: inherit !important;
  }
}

/* line 65, ../sass/main.scss */
.c-container {
  margin: 0 auto;
  max-width: 76rem;
  width: 90%;
}

/* line 74, ../sass/main.scss */
button {
  background: none;
  border: none;
  font-family: "Jaldi", sans-serif;
  outline: none;
}

/* line 81, ../sass/main.scss */
a, button, p {
  color: #414449;
}

/* line 85, ../sass/main.scss */
p, span {
  font-family: 'Open Sans', sans-serif;
}

/* line 89, ../sass/main.scss */
h1, h2, h3, h4, h5 {
  font-family: Jaldi;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #414449;
  margin-bottom: 1.25rem;
}

/* line 99, ../sass/main.scss */
p, span, a, li {
  font-size: 0.875rem;
  line-height: 1.43;
}

/* line 104, ../sass/main.scss */
h1, .h1 {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1;
}

/* line 110, ../sass/main.scss */
h2, .h2 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.25;
}

/* line 117, ../sass/main.scss */
h3, .h3 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.33;
}

/* line 123, ../sass/main.scss */
h4, .h4 {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.2;
}

/* line 129, ../sass/main.scss */
h5, .h5, .c-navigation__sublinks a, .c-footer__heading {
  font-size: 1.25rem;
  font-weight: 700;
}

@media (min-width: 768px) {
  /* line 135, ../sass/main.scss */
  p, span, a, li {
    font-size: 0.9375rem;
    line-height: 1.47;
  }

  /* line 140, ../sass/main.scss */
  h1, .h1 {
    font-size: 3rem;
    line-height: 1.17;
  }

  /* line 145, ../sass/main.scss */
  h2, .h2 {
    font-size: 2.25rem;
    line-height: 1.11;
  }

  /* line 150, ../sass/main.scss */
  h3, .h3 {
    font-size: 1.75rem;
    line-height: 1.29;
  }

  /* line 155, ../sass/main.scss */
  h4, .h4 {
    font-size: 1.375rem;
    line-height: 1.09;
  }
}
@media (min-width: 1128px) {
  /* line 162, ../sass/main.scss */
  p, span, a, li {
    font-size: 1rem;
    line-height: 1.5;
  }

  /* line 167, ../sass/main.scss */
  h1, .h1 {
    font-size: 4rem;
    line-height: 1.13;
  }

  /* line 172, ../sass/main.scss */
  h2, .h2 {
    font-size: 2.5rem;
    line-height: 1;
  }

  /* line 177, ../sass/main.scss */
  h3, .h3 {
    font-size: 2rem;
    line-height: 1.25;
  }

  /* line 182, ../sass/main.scss */
  h4, .h4 {
    font-size: 1.5rem;
    line-height: 1.33;
  }
}
/* line 189, ../sass/main.scss */
.l-container, .l-container--small, .l-container--med, .l-container--large {
  margin: 0 auto;
  max-width: 76rem;
  position: relative;
  width: 90%;
}

/* line 196, ../sass/main.scss */
.l-container--small {
  max-width: 52rem;
}

/* line 201, ../sass/main.scss */
.l-container--med {
  max-width: 68rem;
}

/* line 206, ../sass/main.scss */
.l-container--large {
  max-width: 90rem;
  width: 100%;
}

/* line 218, ../sass/main.scss */
.c-header__wrapper {
  position: relative;
  z-index: 99999;
}
/* line 223, ../sass/main.scss */
.c-header__controls {
  align-items: center;
  background-color: #2a5785;
  display: flex;
  display: -webkit-flex;
  justify-content: flex-end;
  height: 60px;
  padding: .6rem;
  position: relative;
}

/* line 235, ../sass/main.scss */
.c-logo {
  align-items: center;
  box-sizing: border-box;
  background-color: #414449;
  display: flex;
  justify-content: center;
  left: 1rem;
  max-width: 5rem;
  padding: 1em 0;
  position: absolute;
  top: 0;
}
/* line 247, ../sass/main.scss */
.c-logo img {
  width: 75%;
}
@media (min-width: 64em) {
  /* line 235, ../sass/main.scss */
  .c-logo {
    left: 4rem;
    max-width: 10rem;
  }
}

/* line 258, ../sass/main.scss */
.c-search {
  margin-left: 15rem;
  position: relative;
  width: 100%;
}
/* line 263, ../sass/main.scss */
.c-search__container {
  position: relative;
}
/* line 267, ../sass/main.scss */
.c-search__input {
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #414449;
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  outline: none;
  padding: .4em 2.5em .4em 1em;
  transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
  width: 100%;
}
/* line 279, ../sass/main.scss */
.c-search__input:focus {
  border-color: #e89851;
}
/* line 284, ../sass/main.scss */
.c-search__submit {
  align-items: center;
  background-color: #e89851;
  border: none;
  border-radius: 0 4px 4px 0;
  display: inline-flex;
  height: 100%;
  justify-content: center;
  outline: none;
  padding: .6em;
  position: absolute;
  right: 0;
}
/* line 298, ../sass/main.scss */
.c-search__trigger {
  height: 40px;
  margin-left: 10px;
  padding: .6em !important;
  min-width: 40px !important;
}
/* line 305, ../sass/main.scss */
.c-search__trigger img {
  margin-right: 0 !important;
}

/* line 314, ../sass/main.scss */
.c-navigation {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 76rem;
  margin-left: 12rem;
}
/* line 321, ../sass/main.scss */
.c-navigation__container {
  background-color: #fff;
  border-bottom: 1px solid #e6eefe;
}
/* line 327, ../sass/main.scss */
.c-navigation__link {
  /*font-size: 1.25rem;*/
  align-items: center;
  display: flex;
  font-size: .85rem;
  font-family: "Jaldi", sans-serif;
  border-bottom: 2px solid transparent;
  color: #2a5785;
  font-weight: bold;
  margin: 0 1rem;
  padding: 1.5rem 0;
  transition: .15s ease-in-out;
}
/* line 340, ../sass/main.scss */
.c-navigation__link:hover {
  border-color: #2a5785;
  text-decoration: none !important;
}
/* line 346, ../sass/main.scss */
.c-navigation__sub {
  background: #fff;
  border-top: 1px solid #e6eefe;
  height: auto;
  min-height: 500px;
  padding: 2.5rem 0;
  position: absolute;
  width: 100%;
}
/* line 356, ../sass/main.scss */
.c-navigation__items {
  padding: 0 2rem 0 0;
}
/* line 360, ../sass/main.scss */
.c-navigation__items .h2 {
  margin-bottom: 1.25rem;
}
/* line 368, ../sass/main.scss */
.c-navigation__sublinks a {
  border-bottom: 1px solid #ece7e8;
  color: #2a5785;
  display: inline-block;
  font-family: "Jaldi", sans-serif;
  font-weight: bold;
  padding: 1rem 0;
  width: 100%;
}
/* line 380, ../sass/main.scss */
.c-navigation__facts {
  background-color: #ece7e8;
  border: solid 1px #d9d0d1;
  border-radius: 8px;
  padding: 2rem;
}
@media (min-width: 1200px) {
  /* line 389, ../sass/main.scss */
  .c-navigation__link {
    font-size: 1rem;
  }
}
@media (min-width: 1600px) {
  /* line 314, ../sass/main.scss */
  .c-navigation {
    margin-left: auto;
  }
  /* line 398, ../sass/main.scss */
  .c-navigation__link {
    font-size: 1.25rem;
  }
}

/* line 406, ../sass/main.scss */
.c-nav-mobile {
  background: #fff;
  top: 0;
  left: 0;
  padding: 6rem 2rem 2rem 2rem;
  position: fixed;
  height: 100vh;
  width: 100%;
  z-index: -1;
}
/* line 416, ../sass/main.scss */
.c-nav-mobile ul {
  list-style-type: none;
}
/* line 420, ../sass/main.scss */
.c-nav-mobile__body {
  height: 100%;
  margin: 0;
  overflow-y: auto;
}
/* line 426, ../sass/main.scss */
.c-nav-mobile__item {
  border-bottom: 1px solid #d9d0d1;
}
/* line 430, ../sass/main.scss */
.c-nav-mobile__button {
  cursor: pointer;
  display: flex;
  font-weight: 600;
  font-size: 1rem;
  font-family: 'Jaldi';
  padding: 1rem;
  width: 100%;
}
/* line 440, ../sass/main.scss */
.c-nav-mobile__sublist {
  background-color: #e9eef2;
  border-top: 4px solid #2a5785;
  height: 0;
  visibility: hidden;
  opacity: 0;
}
/* line 447, ../sass/main.scss */
.c-nav-mobile__sublist * {
  font-family: Jaldi, sans-serif;
}
/* line 451, ../sass/main.scss */
.c-nav-mobile__sublist ul {
  margin: 0;
}
/* line 454, ../sass/main.scss */
.c-nav-mobile__sublist ul li {
  padding: .8rem 0;
}
/* line 457, ../sass/main.scss */
.c-nav-mobile__sublist ul li a {
  color: #2a5785;
  font-weight: bold;
}
/* line 462, ../sass/main.scss */
.c-nav-mobile__sublist ul li:not(:last-of-type) {
  border-bottom: 1px solid #d9d0d1;
}
@media (min-width: 64em) {
  /* line 406, ../sass/main.scss */
  .c-nav-mobile {
    display: none;
  }
}

/* line 476, ../sass/main.scss */
.c-nav-mobile__item[data-toggle="open"] .c-nav-mobile__sublist {
  height: auto;
  opacity: 1 !important;
  visibility: visible;
}

/* line 483, ../sass/main.scss */
.c-hero {
  background-image: url("/img/static/sunset.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  height: 27.5rem;
  justify-content: flex-end;
  margin: 0 auto;
  margin-bottom: 2rem;
  max-width: 90rem;
  width: 100%;
}
/* line 497, ../sass/main.scss */
.c-hero__inner {
  max-width: 100%;
  margin: 0 auto;
}
/* line 503, ../sass/main.scss */
.c-hero__heading {
  animation-delay: .5s !important;
  background-color: rgba(0, 0, 0, 0.3);
  border-left: .5rem solid #eca963;
  color: #ffffff;
  font-family: Jaldi, sans-serif;
  font-size: 1.375rem;
  font-weight: bold;
  margin-bottom: 2rem;
  max-width: 30rem;
  padding: 1rem;
  width: 90%;
}
/* line 516, ../sass/main.scss */
.c-hero__heading--blue {
  background-color: rgba(15, 43, 84, 0.6);
}
/* line 521, ../sass/main.scss */
.c-hero__image {
  margin-left: auto;
  transform: translateY(20%);
  width: 11.75rem;
  /*width: 36.375rem;*/
  /*background-image: url('/img/static/shards-white-blue.svg');
  background-repeat: no-repeat;
  background-position: 100% 120%;
  background-size: 50%;*/
}
@media (min-width: 64em) {
  /* line 483, ../sass/main.scss */
  .c-hero {
    align-items: inherit;
  }
  /* line 535, ../sass/main.scss */
  .c-hero__inner {
    max-width: 90%;
  }
  /* line 539, ../sass/main.scss */
  .c-hero__heading {
    align-self: flex-end;
    font-size: 2rem;
    line-height: 1.19;
    max-width: 33rem !important;
    margin: 0 0 5rem 4rem;
    padding: 2rem;
  }
  /* line 548, ../sass/main.scss */
  .c-hero__image {
    margin-top: auto;
    width: 20rem;
  }
}

/* line 555, ../sass/main.scss */
.c-notice {
  align-items: flex-start;
  border-radius: 8px;
  background-color: #e9eef2;
  display: flex;
  flex-direction: column;
  margin-bottom: 3rem;
  padding: 1.25rem 2rem;
  width: 100%;
}
/* line 565, ../sass/main.scss */
.c-notice a {
  font-family: 'Jaldi';
  font-size: 1.2rem;
  font-weight: 700;
  text-decoration: underline;
}
/* line 572, ../sass/main.scss */
.c-notice__icon {
  margin-bottom: 1rem;
  margin-right: 2rem;
}
/* line 578, ../sass/main.scss */
.c-notice__text * {
  line-height: 1.5;
  color: #2a5785;
  font-family: 'Jaldi';
  font-size: 1.2rem;
}
/* line 585, ../sass/main.scss */
.c-notice__text p {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  /* line 555, ../sass/main.scss */
  .c-notice {
    align-items: center;
    flex-direction: row;
  }
  /* line 595, ../sass/main.scss */
  .c-notice__icon {
    margin-bottom: 0;
  }
}

/* line 605, ../sass/main.scss */
.c-backdrop {
  animation: fadeIn .1s ease forwards;
  background: rgba(9, 30, 66, 0.54);
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}

/* line 616, ../sass/main.scss */
.c-footer {
  background-color: #fff;
}
/* line 619, ../sass/main.scss */
.c-footer__section {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  max-width: 76rem;
  padding: 2.5rem 0;
  width: 90%;
}
/* line 628, ../sass/main.scss */
.c-footer__navigation {
  border-bottom: 1px solid #E9EEF2;
  background-repeat: no-repeat;
  background-position: bottom right;
  background-image: url("/img/static/pattern-shards.svg");
}
/* line 635, ../sass/main.scss */
.c-footer__link {
  color: #2a5785;
  font-size: 0.875rem;
  font-weight: 600;
  margin: 0 .4rem .875rem .4rem;
}
/* line 642, ../sass/main.scss */
.c-footer__heading {
  margin-bottom: 1.25rem;
}

/* line 648, ../sass/main.scss */
.c-departments {
  background-color: #0f2b53;
  padding: 2.5rem 0;
}
/* line 652, ../sass/main.scss */
.c-departments__container {
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 76rem;
  text-align: center;
  width: 90%;
}
/* line 662, ../sass/main.scss */
.c-departments__container * {
  color: #fff;
}
/* line 666, ../sass/main.scss */
.c-departments__container a {
  font-family: 'Open Sans', sans-serif;
}
/* line 671, ../sass/main.scss */
.c-departments__links {
  margin-top: 1.25rem;
}
/* line 674, ../sass/main.scss */
.c-departments__links a {
  font-size: .8rem;
  margin-right: .6rem;
}
/* line 680, ../sass/main.scss */
.c-departments__logos {
  align-items: center;
  display: flex;
  justify-content: space-around;
  margin-top: 2rem;
}
/* line 686, ../sass/main.scss */
.c-departments__logos img {
  max-height: 115px;
  max-width: 130px;
  width: 100%;
}
@media (min-width: 768px) {
  /* line 694, ../sass/main.scss */
  .c-departments__container {
    align-items: center;
    flex-direction: row;
    text-align: left;
  }
  /* line 700, ../sass/main.scss */
  .c-departments__logos {
    margin-top: 1.5rem;
  }
  /* line 703, ../sass/main.scss */
  .c-departments__logos img {
    max-width: 170px !important;
    margin-left: 4rem;
  }
}

/* line 712, ../sass/main.scss */
.c-image-info {
  align-items: stretch;
  margin: 0 auto;
  max-width: 90rem;
}
/* line 717, ../sass/main.scss */
.c-image-info__info {
  background-color: #2a5785;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 3rem 2rem;
}
/* line 725, ../sass/main.scss */
.c-image-info__info * {
  color: #fff;
}
/* line 729, ../sass/main.scss */
.c-image-info__info .h2 {
  margin-bottom: 2rem;
}
/* line 734, ../sass/main.scss */
.c-image-info__story {
  font-family: Jaldi;
  font-size: 1rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
}
/* line 742, ../sass/main.scss */
.c-image-info__story a {
  text-decoration: underline;
}
/* line 746, ../sass/main.scss */
.c-image-info__story--large {
  font-size: 1.25rem;
}
/* line 751, ../sass/main.scss */
.c-image-info__image {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 14rem;
  position: relative;
  overflow: hidden;
}
/* line 760, ../sass/main.scss */
.c-image-info__image img {
  bottom: 0;
  left: 0;
  position: absolute;
  transform: translateX(-50%);
}
@media (min-width: 768px) {
  /* line 769, ../sass/main.scss */
  .c-image-info__image {
    padding-top: 0;
  }
  /* line 773, ../sass/main.scss */
  .c-image-info__info {
    padding: 4rem;
  }
}
@media (min-width: 1024px) {
  /* line 779, ../sass/main.scss */
  .c-image-info__info {
    padding: 6rem;
  }
  /* line 785, ../sass/main.scss */
  .c-image-info__image img {
    transform: translateX(-35%);
  }
}

/* line 792, ../sass/main.scss */
.c-footer__acknowledgement {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
}
/* line 797, ../sass/main.scss */
.c-footer__acknowledgement img {
  margin: 0 0 .6rem 0;
}
/* line 801, ../sass/main.scss */
.c-footer__acknowledgement p {
  font-size: .875rem;
}
@media (min-width: 64em) {
  /* line 792, ../sass/main.scss */
  .c-footer__acknowledgement {
    flex-direction: row;
  }
  /* line 808, ../sass/main.scss */
  .c-footer__acknowledgement img {
    margin: .1rem 1rem 1rem 0;
  }
}

/* line 814, ../sass/main.scss */
.c-button__group {
  align-items: center;
  display: flex;
}
/* line 818, ../sass/main.scss */
.c-button__group a:not(:last-of-type), .c-button__group button:not(:last-of-type) {
  margin-right: 10px;
}

/* line 823, ../sass/main.scss */
.c-link, .c-link--orange, .c-link--outline, .c-search__trigger, .c-link--subtle, .c-link-outline--blue, .c-link--dark-blue, .c-link--blue, .c-link--grey {
  align-items: center;
  border: 1px solid transparent;
  border-radius: 4px;
  line-height: 1.4;
  font-family: "Jaldi", sans-serif;
  font-weight: 700;
  display: inline-flex;
  justify-content: center;
  padding: .4rem 1.4rem;
  transition: .15s ease-in-out;
  outline: none;
}
/* line 836, ../sass/main.scss */
.c-link img, .c-link--orange img, .c-link--outline img, .c-search__trigger img, .c-link--subtle img, .c-link-outline--blue img, .c-link--dark-blue img, .c-link--blue img, .c-link--grey img {
  margin-right: 6px;
}
/* line 840, ../sass/main.scss */
.c-link--large {
  font-size: 1.25rem;
}

/* line 845, ../sass/main.scss */
.c-link--orange {
  background-color: #e89851;
  color: #000;
}
/* line 850, ../sass/main.scss */
.c-link--orange:hover {
  background-color: #f3b068;
}

/* line 855, ../sass/main.scss */
.c-link--outline, .c-search__trigger {
  background-color: transparent;
  border: .09rem solid #ffff !important;
  color: #fff !important;
}

/* line 862, ../sass/main.scss */
.c-link--subtle {
  background-color: transparent;
  color: #fff !important;
  font-size: 1.1rem;
  padding: .4rem .8rem;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* line 880, ../sass/main.scss */
.c-fadein {
  opacity: 0;
  -webkit-animation: fadeIn 700ms ease forwards;
  animation: fadeIn 700ms ease forwards;
  /*animation-delay: .08s;*/
}

/* line 888, ../sass/main.scss */
.c-resource {
  border-radius: 8px;
  height: 14.5rem;
  overflow: hidden;
  position: relative;
}
/* line 894, ../sass/main.scss */
.c-resource__shards {
  position: absolute;
  top: 0;
  left: -15%;
  height: 100%;
}
/* line 901, ../sass/main.scss */
.c-resource * {
  font-family: 'Jaldi', sans-serif;
  word-break: keep-all;
  z-index: 1;
}
/* line 907, ../sass/main.scss */
.c-resource__tag {
  align-items: center;
  background-color: #0f2b53;
  border-radius: 8px;
  color: #fff;
  display: flex;
  font-weight: 600;
  right: 1rem;
  padding: .2rem .4rem;
  position: absolute;
  top: 1rem;
  z-index: 999;
}
/* line 920, ../sass/main.scss */
.c-resource__tag span {
  font-size: .85rem;
  margin-left: .2rem;
}
/* line 926, ../sass/main.scss */
.c-resource__footer {
  align-items: flex-end;
  bottom: 0;
  display: flex;
  left: 0;
  position: absolute;
  width: 100%;
}
/* line 935, ../sass/main.scss */
.c-resource__title {
  background-color: #fff;
  border-radius: 0 8px 0 0;
  cursor: pointer;
  flex: 1;
  padding: 1rem;
  word-break: initial;
}
/* line 944, ../sass/main.scss */
.c-resource__link {
  background-color: #fff;
  border-radius: 8px 8px 0 0;
}
/* line 949, ../sass/main.scss */
.c-resource[class*="--quiz"] {
  align-items: center;
  /*background-image: url('/img/static/shards-brown-top.svg');*/
  background-size: contain;
  background-position: left;
  background-repeat: no-repeat;
  background-color: #ece7e8;
  border: solid 1px #d9d0d1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2rem;
  text-align: center;
}
/* line 964, ../sass/main.scss */
.c-resource[class*="--indigenous"] {
  align-items: center;
  background-color: #0f2b53;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
/* line 975, ../sass/main.scss */
.c-resource[class*="--indigenous"] .c-resource__heading {
  margin: auto 2rem;
}
/* line 978, ../sass/main.scss */
.c-resource[class*="--indigenous"] .c-resource__heading * {
  color: #fff;
}
/* line 983, ../sass/main.scss */
.c-resource[class*="--indigenous"] .c-resource__link {
  background-color: #e89851;
  border-radius: 0 0 8px 8px;
  color: #000;
  font-weight: 600;
  padding: .4rem 0;
  width: 100%;
}
/* line 994, ../sass/main.scss */
.c-resource .carousel-wrapper {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  /* line 888, ../sass/main.scss */
  .c-resource {
    height: 20rem;
  }
}

/* line 1008, ../sass/main.scss */
.c-snippets {
  width: 70%;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes expandWidth {
  0% {
    width: 30%;
  }
  100% {
    width: 100%;
  }
}
/* line 1047, ../sass/main.scss */
.u-fadeout {
  animation: fadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1) forwards;
}

/* line 1052, ../sass/main.scss */
.u-fadeup {
  opacity: 0;
  -webkit-animation: fadeUp 500ms cubic-bezier(0.23, 1, 0.32, 1) forwards;
  animation: fadeUp 500ms cubic-bezier(0.23, 1, 0.32, 1) forwards;
}

/* line 1058, ../sass/main.scss */
.h-flex {
  display: flex;
}

/* line 1062, ../sass/main.scss */
.l-col-reverse {
  justify-content: flex-start;
}

/* line 1066, ../sass/main.scss */
.h-bg-cover {
  width: 100%;
  height: 13rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 8px;
  -webkit-print-color-adjust: exact;
}
/* line 1075, ../sass/main.scss */
.h-bg-cover.blue-dark * {
  color: #fff;
}

/* line 1081, ../sass/main.scss */
.h-spacer {
  margin: 1rem 0;
}

@media (min-width: 64em) {
  /* line 1086, ../sass/main.scss */
  .js-reverse {
    width: 70% !important;
  }

  /* line 1090, ../sass/main.scss */
  .l-col-reverse {
    justify-content: space-between;
  }
}
/* line 1095, ../sass/main.scss */
.u-expand {
  animation: expandWidth 0.25s ease-in-out forwards;
}

/* line 1099, ../sass/main.scss */
.col-half, .c-navigation__items, .c-navigation__facts, .c-image-info__info, .c-image-info__image {
  max-width: 100%;
  width: 100%;
}

/* line 1104, ../sass/main.scss */
.col-fourth {
  padding: .75rem;
  max-width: 100%;
  width: 100%;
}

@media (min-width: 64em) {
  /* line 1111, ../sass/main.scss */
  .col-fourth {
    max-width: 50%;
  }

  /* line 1115, ../sass/main.scss */
  .col-half, .c-navigation__items, .c-navigation__facts, .c-image-info__info, .c-image-info__image {
    max-width: 50%;
  }
}
@media (min-width: 1024px) {
  /* line 1121, ../sass/main.scss */
  .col-fourth {
    max-width: 25%;
  }
}
/* line 1126, ../sass/main.scss */
ul[class*="l-grid-"] {
  display: block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0;
  margin-right: -2rem;
  list-style-type: none !important;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: 0 !important;
}

/* line 1143, ../sass/main.scss */
ul[class*="l-grid-"] > li {
  padding-right: 2rem;
  padding-bottom: 2rem;
  margin: 0;
  list-style-type: inherit;
  -webkit-flex-basis: auto;
  flex-basis: auto;
}

/* line 1153, ../sass/main.scss */
ul[class*="l-grid-"].flush {
  margin-right: 0px;
}

/* line 1157, ../sass/main.scss */
ul[class*="l-grid-"].flush > li {
  padding-right: 0;
  padding-bottom: 0;
}

/* line 1162, ../sass/main.scss */
ul[class*="l-grid-"].hairline {
  margin-right: -1px;
}

/* line 1166, ../sass/main.scss */
ul[class*="l-grid-"].hairline > li {
  padding-right: 1px;
  padding-bottom: 1px;
}

/* line 1171, ../sass/main.scss */
ul[class*="l-grid-"].tight {
  margin-right: -1rem;
}

/* line 1175, ../sass/main.scss */
ul[class*="l-grid-"].tight > li {
  padding-right: 1rem;
  padding-bottom: 1rem;
}

/* line 1180, ../sass/main.scss */
ul[class*="l-grid-"].onerow > li {
  padding-bottom: 0;
}

/* line 1184, ../sass/main.scss */
ul[class*="l-grid-"] > li img {
  max-width: 100%;
}

/* line 1188, ../sass/main.scss */
ul[class*="l-grid-"].center {
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/* line 1194, ../sass/main.scss */
.l-grid-1 > li {
  width: 100%;
}

/* line 1198, ../sass/main.scss */
.l-grid-2 > li {
  width: 50%;
}

/* line 1202, ../sass/main.scss */
.l-grid-3 > li {
  width: 33.33%;
}

/* line 1206, ../sass/main.scss */
.l-grid-4 > li {
  width: 25%;
}

/* line 1210, ../sass/main.scss */
.l-grid-5 > li {
  width: 20%;
}

/* line 1214, ../sass/main.scss */
.l-grid-6 > li {
  width: 16.66%;
}

/* line 1218, ../sass/main.scss */
.l-grid-8 > li {
  width: 12.5%;
}

@media only screen and (min-width: 40em) and (min-height: 30em), print {
  /* line 1223, ../sass/main.scss */
  .l-grid-sml-1 > li {
    width: 100%;
  }

  /* line 1227, ../sass/main.scss */
  .l-grid-sml-2 > li {
    width: 50%;
  }

  /* line 1231, ../sass/main.scss */
  .l-grid-sml-3 > li {
    width: 33.33%;
  }

  /* line 1235, ../sass/main.scss */
  .l-grid-sml-4 > li {
    width: 25%;
  }

  /* line 1239, ../sass/main.scss */
  .l-grid-sml-5 > li {
    width: 20%;
  }

  /* line 1243, ../sass/main.scss */
  .l-grid-sml-6 > li {
    width: 16.66%;
  }

  /* line 1247, ../sass/main.scss */
  .l-grid-sml-8 > li {
    width: 12.5%;
  }
}
@media only screen and (min-width: 64em) and (min-height: 36em), print {
  /* line 1253, ../sass/main.scss */
  .l-grid-med-1 > li {
    width: 100%;
  }

  /* line 1257, ../sass/main.scss */
  .l-grid-med-2 > li {
    width: 50%;
  }

  /* line 1261, ../sass/main.scss */
  .l-grid-med-3 > li {
    width: 33.33%;
  }

  /* line 1265, ../sass/main.scss */
  .l-grid-med-4 > li {
    width: 25%;
  }

  /* line 1269, ../sass/main.scss */
  .l-grid-med-5 > li {
    width: 20%;
  }

  /* line 1273, ../sass/main.scss */
  .l-grid-med-6 > li {
    width: 16.66%;
  }

  /* line 1277, ../sass/main.scss */
  .l-grid-med-8 > li {
    width: 12.5%;
  }
}
@media only screen and (min-width: 82em) and (min-height: 48em), print {
  /* line 1283, ../sass/main.scss */
  .l-grid-lrg-1 > li {
    width: 100%;
  }

  /* line 1287, ../sass/main.scss */
  .l-grid-lrg-2 > li {
    width: 50%;
  }

  /* line 1291, ../sass/main.scss */
  .l-grid-lrg-3 > li {
    width: 33.33%;
  }

  /* line 1295, ../sass/main.scss */
  .l-grid-lrg-4 > li {
    width: 25%;
  }

  /* line 1299, ../sass/main.scss */
  .l-grid-lrg-5 > li {
    width: 20%;
  }

  /* line 1303, ../sass/main.scss */
  .l-grid-lrg-6 > li {
    width: 16.66%;
  }

  /* line 1307, ../sass/main.scss */
  .l-grid-lrg-8 > li {
    width: 12.5%;
  }
}
/* line 1314, ../sass/main.scss */
.l-grid__item {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: stretch;
  justify-content: stretch;
  -webkit-justify-content: stretch;
  justify-content: stretch;
}

/* line 1337, ../sass/main.scss */
.l-grid__item > * {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

/* line 1343, ../sass/main.scss */
.l-grid__item[flow~="col"] {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

/* line 1349, ../sass/main.scss */
.l-grid__item[flow~="col"] > * {
  width: 100%;
}

/* line 1353, ../sass/main.scss */
.l-grid__item[flow="row"] > * {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

/* line 1359, ../sass/main.scss */
.l-grid__item[flow~="row"] {
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

/* line 1365, ../sass/main.scss */
.l-grid__item[flow~="justify"] {
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

/* line 1374, ../sass/main.scss */
.l-grid__item[flow~="justify"] > * {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

/* line 1380, ../sass/main.scss */
.l-grid__item[flow~="center"] {
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/* line 1389, ../sass/main.scss */
.l-grid__item [size="grow"] {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-overflow-scrolling: touch;
}

/* line 1398, ../sass/main.scss */
.l-grid__item[align="start"] {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

/* line 1404, ../sass/main.scss */
.l-grid__item[align="end"] {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

/* line 1410, ../sass/main.scss */
.l-grid__item[align="center"] {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

/* line 1416, ../sass/main.scss */
.l-grid__item[item-align="start"] {
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

/* line 1422, ../sass/main.scss */
.l-grid__item[item-align="end"] {
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

/* line 1428, ../sass/main.scss */
.l-grid__item[item-align="center"] {
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

/* line 1434, ../sass/main.scss */
.snippet-4986, .snippet-5203, .snippet-107, .snippet-106, .snippet-93, .flexslider, .snippet-98, .snippet-5202, .snippet-1846, .snippet-105 {
  display: none !important;
}

/*
▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂

Global stylesheet

	Usage: 
		This stylesheet imports all Sass partials which is compiled to: 'main.css' which 
		is then loaded from the HTML Head. Old IE (IE < 9) imports this stylesheet
		along with all it's partials in order to support CSS within media queries. Using
		IE conditional comments in the HTML Head allows us to only load the one style
		sheet for Old IE: 'old-ie.css' and ignore 'main.css' and vice versa for the main
		stylesheet.
	
	Optimisation:
		Both compiled stylesheets loaded from the HTML Head are minified by the build 
		script for production.
	
	Partial dir structure:
		-	UTILS...................generic utility styles and Sass settings e.g. mixins
			-	PLACEHOLDERS........placeholder selectors to keep things DRY
		-	BASE....................base styles; unclassed HTML elements
		-	LAYOUT..................site structure styles e.g. header/footer
			-	GRID................you guessed it; the grid!
		-	ABSTRACTIONS............very common patterns to be used 'as is' or built upon
		-	MODULES.................discrete components of the page, this is the meat
			-	WIDGETS	............more interactive rich requiring JavaScript/jQuery
		-	FORMS...................everything relating to forms
		-	BUTTONS.................you guessed it; all the buttons!
		-	HELPERS.................a bunch of classes to apply very common styles
		-	PRINT...................global print styles (rest of print styles live inline)
		-	DEBUG...................enable to add visual flags for debugging purposes

▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂
*/
/* [IMPORT ALL PARTIALS]
-------------------------------------------------------*/
/* Utils */
/* ======================================================================================
   @UTILS -> SASS VARIABLES
   ====================================================================================== */
/* [GLOBAL BOOLEANS]
-------------------------------------------------------*/
/* For targetting old IE (IE < 9) */
/* Media query support for old IE (IE < 9) */
/* Debug mode */
/* [BASE TYPOGRAPHY]
-------------------------------------------------------*/
/* Size */
/* Line height */
/* Line height ratio */
/* Family */
/* [MORE TYPOGRAPHY]
-------------------------------------------------------*/
/* --Sizes-- */
/* Small */
/* Extra small */
/* Large */
/* Extra large */
/* Headings */
/* Families */
/* [SPACING]
-------------------------------------------------------*/
/* Base */
/* Half */
/* Third */
/* Quarter */
/* Sixth */
/* Micro */
/* Double */
/* [BREAKPOINTS]
-------------------------------------------------------*/
/*
	Note: 
		-	Not ideal to set fixed breakpoints like this rather better let the design dictate breakpoints however they're usually common breakpoints in every build esp. 'Palm', and they need to be used to define the flexible width classes at specific breakpoints for the grid system (see: 'utils/widths').
		-	The breakdown for the breakpoints uses this chart as a guide: http://static.lukew.com/unified_device_design.png.
			-	Here's the thinking:
				-	Palm: smartphones and featurephones i.e. anything that can fit into the palm of a hand.
				-	Lap: typically tablets, notebooks and laptops i.e. anything that is portable that doesn't include phones.
					-	Lap small: smaller tablets/notebooks and e-readers e.g. Kindle.
					-	Lap large: larger tablets and laptops.
				-	Desk: desktop computers, TV's, etc. i.e. anything that is not portable.
					-	Desk small: smaller desktop computer monitors.
					-	Desk large:	larger desktop computer monitors, TV's, and who knows what else?
			-	Breakpoints:
				-	Palm: 	0 - 640px
				-	Lap:	641px - 1199px
					-	Lap small:	641px - 900px
					-	Lap large:	901px - 1199px
				-	Desk:	1200px +
					-	Desk small:	1200px - 1365px
					-	Desk large:	1366px +
				**	Of course the values for these breakpoints can change per build, it just boils down to the type of design, however 'Palm' would typically always use the same breakpoint as human beings palm's aren't exactly growing :) 
	
	Credit: 
		-	http://www.lukew.com/ff/entry.asp?1679
		-	https://developers.google.com/webmasters/smartphone-sites/details?hl=en
*/
/* --Start and end points-- */
/*
	Note: these vars typically won't appear outside of this partial, they're used as a way to set-up all the breakpoints easily, when declaring breakpoints in media queries througout the build most of the time the 'Readable breakpoints' are used, one exception is when media query min/max ranges are used which 'out of the box' is only for defining the flexible width classes at specific breakpoints for the grid system (see: 'utils/widths').
		
*/
/* Start points */
/* End points */
/* --Readable breakpoints-- */
/* Palm */
/* Non-palm */
/* Lap */
/* Desk */
/* --Arbitrary breakpoints-- */
/* [GRID / LAYOUT]
-------------------------------------------------------*/
/* Page container max width - don't forget to update in 'old-ie.scss' */
/* --Grid-- */
/* Gutter */
/*
	Note: be sure to set the vars below to 'false' if they're not needed as they generate a lot of CSS.
*/
/* Push */
/* Pull */
/* [COLOR PALETTE]
-------------------------------------------------------*/
/* Brand color */
/* Base text color */
/* Link colors */
/* --Greyscale-- */
/* Light */
/* Lighter */
/* Lightest */
/* Off white */
/* Dark */
/* Darker */
/* --feedback- */
/* Error */
/* Success */
/* Warning */
/* Info */
/* --Misc-- */
/* Attention (red) */
/* [FLEXIBLE WIDTHS]
-------------------------------------------------------*/
/* Whole */
/* Halves */
/* Thirds */
/* Quarters */
/* Fifths */
/* Sixths */
/* Eighths */
/* Tenths */
/* Twelfths */
/* [MISC]
-------------------------------------------------------*/
/* Off-screen px value */
/* `z-index` max value */
/* Border radius */
/* ======================================================================================
   @UTILS -> SASS MIXINS
   ====================================================================================== */
/* [NICELY FORMED TYPE STYLE]
-------------------------------------------------------*/
/* 
	Usage:
		Create a fully formed type style (sizing and vertical rhythm).
	
	Notes:
		-	The line height sets the `line-height` to a multiple of `$line-height` that's not smaller than `$font-size`, this can be overridden.
		-	`$sledgehammer` is an optional argument that allows for the `!important` keyword to be specified, when the optional `$line-height-val` argument does not need to be included then it has to be called using a named argument: `$sledgehammer: !important` so that we can skip over `$line-height-val` avoiding having to redundantly redeclare it.
	
	Credit: 
		-	https://github.com/csswizardry/inuit.css/blob/master/inuit.css/generic/_mixins.scss
		-	twitter.com/redclov3r/status/250301539321798657
	
	Examples:
		@include font-size(18);
		@include font-size(12, 1.5);
		@include font-size(24, 1, !important);
		@include font-size(24, $sledgehammer: !important);
*/
/* [STYLE ALL HEADINGS EASILY]
-------------------------------------------------------*/
/* 
	Usage:
		Style any number of headings in one fell swoop.
	
	Credit: 
		https://github.com/csswizardry/inuit.css/blob/master/generic/_mixins.scss
	
	Example:
		@include headings(1, 3) {color: red;}
*/
/* [CONVERT PX TO EM/REM]
-------------------------------------------------------*/
/* 
	Usage: 
		To convert `px` to `em`'s or `rem`'s for multiple properties or values or both.
		
	Notes: 
		-	Accepts a list of lists (instead a list of values) for properties that accept multiple lists of values. Only numbers are converted; everything else is passed through.
		-	For the `to-rem` `@mixin` we fallback to `px` value for old IE and this is only compiled to 'old-ie.css'.
		-	For the `to-em` `@mixin` `$context` is an optional argument that allows making measurements relative to the parent font size rather than the current.
		-	`$sledgehammer` is an optional argument that allows for the `!important` keyword to be specified, when used in the `to-em` `@mixin` and the optional `$context` argument does not need to be included then it has to be called using a named argument: `$sledgehammer: !important` so that we can skip over `$context` avoiding having to redundantly redeclare it.
		-	'REM' `@mixin` outputs a `px` fallback for old IE and Opera Mini, when Opera Mini supports `rem` (http://caniuse.com/#feat=rem) change the `@mixin` to an archived version (11-02-2013).
		
	Credit: 
		https://gist.github.com/2237465
	
	Examples:
		@include to-em(line-height, 30)
		@include to-rem(line-height, 30)
		@include to-em(width height, 125);
		@include to-rem(padding, 0 25);
		@include to-em(text-shadow, (#0d6e28 1 1) (#777 0 0 2), 16);
		@include to-rem(box-shadow, (inset 0 0 0 1 #2a9022) (inset 0 0 3 #459966));
		@include to-em(padding margin, $spacing-base, $sledgehammer: !important);
		@include to-rem(margin, $spacing-base, !important);
*/
/* EM */
/* REM */
/* [CSS3]
-------------------------------------------------------*/
/* 
	Property:
		`rgba`
		
	Usage: 
		RGBA background color with an old IE fallback (no alpha transparency).
	
	Example:
		@include rgba-bg(#000, 0.8);
*/
/* 
	Property:
		`linear-gradient`
		
	Usage: 
		Simple CSS3 linear gradients with old IE/Webkit fallbacks.
		
	Notes:
		-	This mixin is very basic in that it only caters for two colour's ('from' and 'to'), no colour stops, only linear (no radial), not repeating, etc. in most cases this is all you need, for more involved gradients then look into Compass: http://compass-style.org/examples/compass/css3/gradient/ however keep an eye on their vendor prefixes as they tend to be dated.
		-	When Webkit supports the new syntax (see: http://caniuse.com/#feat=css-gradients) then the Webkit specific syntax can be removed, in the meantime any direction keywords used need to be reversed (see: http://generatedcontent.org/post/37949105556/updateyourcss3).
		-	There's support for IE 9 using the `-ms-filter` property same as old IE but be mindful that if it's turned on and there's a `border-radius` property being used then the element will not get rounded corners.
		-	In order to skip over optional arguments then named arguments need to be used: `$from: #7a7a7a, $to: #1a1a1a,` so that we avoid having to redundantly redeclare the optional arguments, see: http://stackoverflow.com/questions/14435927/skipping-an-optional-argument-in-sass-mixin.
		-	Handy reminders:
			-	Direction keywords: 'top', 'right', 'bottom', 'left', 'top left', 'top right', 'bottom left' and 'bottom right'.
			-	Degree values: 
				-	0deg is equivalent to to top, 90deg is equivalent to to right, 180deg is equivalent to to bottom, 270deg is equivalent to to left and 360deg brings you back to to top again.
				-	How to support old syntax: "If you use an angle, the starting point of the gradient line has shifted. Previously 0deg started at the East position. Angles increased in an anticlockwise direction, such that 90deg started at the North position. With the unprefixed syntax the gradient line for 0deg starts at the North position and the angle increases clockwise. The formula for switching from the old the new degree value is abs(oldDegValue − 450) mod 360."
	
	Examples:
		@include linear-gradient(#f63, #ff6);
		@include linear-gradient(#f63, #ff6, top left, bottom right);
		@include linear-gradient($from: #f63, $to: #ff6, $old-ie-filter: true, $ie-9-filter: true);
		@include linear-gradient(#f63, #ff6, bottom, top, true, true, true, #000);
		
*/
/* Using 'direction' keywords */
/* Using 'degree' values */
/* Simple light gradient (only a bg color needs to be used) */
/* Simple dark gradient (only a bg color needs to be used) */
/* 
	Property:
		`transform`
		
	Usage: 
		CSS3 Transforms for 'Rotate', 'Scale', 'Translate' and 'Scale'.
	
	Note:
		Keep an eye on browser support: http://caniuse.com/#feat=transforms2d.
	
	Credit: 
		https://github.com/madr/css3-sass-mixins/blob/master/_all.scss
	
	Examples:
		@include rotate(-12.5);
		@include scale(1.5, 2);
		@include translate(40%);
		@include translate3d(10%);
		@include skew(45, 30);
		
		@include transform-origin(200px 400px);
*/
/* Base `@mixin` */
/* Transform origin */
/* --Different transforms-- */
/* Rotate */
/* Scale */
/* --Translate-- */
/* 2D */
/* 3D */
/* Skew */
/* [OPACITY]
-------------------------------------------------------*/
/* 
	Usage: 
		Quick way to declare `opacity` for modern browsers and old IE.
	
	Examples:
		@include opacity(0.2);
		@include opacity(0.9, !important);
*/
/* [VENDOR PREFIXES]
-------------------------------------------------------*/
/* 
	Usage: 
		Specify vendor prefixes for CSS3 properties.
	
	Note: 
		Keep an eye on browser support:
		-	Transition: 	http://caniuse.com/#search=transition
		-	Animation: 		http://caniuse.com/#feat=css-animation
		-	Multi-column: 	http://caniuse.com/#feat=multicolumn
		-	Hyphens: 		http://caniuse.com/#feat=css-hyphens
		-	Box sizing: 	http://caniuse.com/#feat=css3-boxsizing
		-	Border image: 	http://caniuse.com/#feat=border-image
		-	User-select:	http://caniuse.com/#feat=user-select-none
	
	Credit: 
		-	https://github.com/csswizardry/inuit.css/pull/102#issuecomment-12825976
		-	https://gist.github.com/3911033
	
	Examples:
		@include prefix(transition, border 0.2s linear, box-shadow 0.2s linear);
		@include prefix(animation, fade-in 1.5s 0.5s both);
		@include prefix(border-image, url(img/preloader.gif) 3 repeat);
		
		Loose version:
		@include prefix-loose(transition, all .15s, (-webkit-, ""));
*/
/* If you need to prefix something quicky and it's not in the above list, but the above `@mixin` should always be used */
/* 
	Usage: 
		Create CSS keyframe animations for the necessary vendors.
	
	Note: 
		Keep an eye on browser support: http://caniuse.com/#feat=css-animation.
	
	Examples:
		@include prefix(animation, shrink 3s);}
		@include prefix-keyframe(shrink) {
			from {font-size: 5em;}
		}
*/
/* [INPUT PLACEHOLDER]
-------------------------------------------------------*/
/* 
	Usage: 
		Take care of all the different browser vendor prefixes for the form input `placeholder` attr.
	
	Example:
		@include input-placeholder {
			.foo {background: red;}
		}
*/
/* [TARGET BROWSERS]
-------------------------------------------------------*/
/* 
	Usage:
		For targetting specific browsers. 
	
	Notes:
		-	The non-old IE `@mixin`s should be avoided at all costs (last resort). 
		-	Whenever the old IE `@mixin` is called it will only appear in 'old-ie.css'. 
		-	'Mozilla' `@mixin` cannot be nested in a style declaration, has to exist as it's own rule.
	
	Examples: 
		@include target-webkit {
			.foo {background: red;}
		}
		@include target-mozilla {
			.foo {background: red;}
		}
		@include old-ie {
			.foo {background: red;}
		}
*/
/* Webkit */
/* Mozilla */
/* Opera */
/*doesnotexist:-o-prefocus, 
.selector {
	color: red;
}*/
/* Old IE */
/* [MEDIA QUERY STUFF]
-------------------------------------------------------*/
/* 
	Usage: 
		Set-up media queries for min/max widths inc. ranges and handle support for old IE, also include a flag to only target 'screen' media so as to not affect 'print' media.
	
	Credit: 
		http://jakearchibald.github.com/sass-ie/
	
	Examples:
		@include respond-min($lap) {
			.foo {background: red;}
		}
		@include respond-min($lap, $screen-only: true) {
			.foo {background: red;}
		}
		@include respond-max($palm) {
			.foo {background: red;}
		}
		@include respond-range(500, 780) {
			.foo {background: red;}
		}
		@include respond-range-fixed(lap-lrg) {
			.foo {background: red;}
		}
*/
/* Min width */
/* Max width */
/* --Min/max ranges-- */
/* Accepts any range */
/* Fixed ranges using the pre-defined breakpoints in 'utils/vars' */
/* 
	Usage: 
		For targetting iOS devices.
	
	Example: 
		@include target-iOS {
			.foo {background: red;}
		}
*/
/*
	Usage: 
		For targetting high resolution displays (retina).
	
	Note:
		On retina, use image that's scaled by 2.
		
	Credit: 
		http://37signals.com/svn/posts/3271-easy-retina-ready-images-using-scss
	
	Example:
		.logo {
			background: url("logo.png") no-repeat;
			@include img-2x("logo@2x.png", 100px, 25px);
		}
*/
/* [ARROWS]
-------------------------------------------------------*/
/*
	Usage: 
		Creates a CSS arrow on a given element, they're 12 locations the arrow can be placed. For full details see the 'Credit' URL.
		
	Credit: 
		https://github.com/csswizardry/inuit.css/blob/master/inuit.css/generic/_mixins.scss
	
	Examples:
		@include arrow(top, left, red);
		@include arrow(bottom, center, red, black);
*/
/* [PLACEHOLDER SELECTOR MEDIA QUERY FIX]
-------------------------------------------------------*/
/* 
	Usage:
		Placeholder selectors cannot be extended within media queries therefore to keep things DRY we use a `@mixin` to contain it's styles and when a selector is in a media query the `@mixin` needs to be called not the placeholder selector.
*/
/* Disguised link */
/* Clear fix */
/* ======================================================================================
   @UTILS -> SASS FUNCTIONS
   ====================================================================================== */
/* [CONVERT PX TO EM/REM]
-------------------------------------------------------*/
/* 
	Usage:
		To convert `px` to `em`s or `rem`s.
	
	Note:
		'REM' `@function` outputs a `px` fallback for old IE and Opera Mini, when Opera Mini supports `rem` (http://caniuse.com/#feat=rem) change the `@function` to an archived version (11-02-2013).
	
	Credit:
		https://gist.github.com/2237465
	
	Example:
		.foo {margin-left: to-em(8, 20);}
		.foo {padding: to-rem(8) 0;}
*/
/* EM */
/* REM */
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
/* line 11, ../sass/partials/utils/_normalize.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
/* line 30, ../sass/partials/utils/_normalize.scss */
audio,
canvas,
video {
  display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
/* line 41, ../sass/partials/utils/_normalize.scss */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
/* line 50, ../sass/partials/utils/_normalize.scss */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
/* line 64, ../sass/partials/utils/_normalize.scss */
html {
  font-family: sans-serif;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
/* line 74, ../sass/partials/utils/_normalize.scss */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
/* line 86, ../sass/partials/utils/_normalize.scss */
a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
/* line 94, ../sass/partials/utils/_normalize.scss */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
/* line 107, ../sass/partials/utils/_normalize.scss */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
/* line 115, ../sass/partials/utils/_normalize.scss */
b,
strong {
  font-weight: 700;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
/* line 124, ../sass/partials/utils/_normalize.scss */
dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
/* line 132, ../sass/partials/utils/_normalize.scss */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
/* line 142, ../sass/partials/utils/_normalize.scss */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
/* line 151, ../sass/partials/utils/_normalize.scss */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
/* line 163, ../sass/partials/utils/_normalize.scss */
pre {
  white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
/* line 171, ../sass/partials/utils/_normalize.scss */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
/* line 179, ../sass/partials/utils/_normalize.scss */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
/* line 187, ../sass/partials/utils/_normalize.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 195, ../sass/partials/utils/_normalize.scss */
sup {
  top: -0.5em;
}

/* line 199, ../sass/partials/utils/_normalize.scss */
sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
/* line 211, ../sass/partials/utils/_normalize.scss */
img {
  border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
/* line 219, ../sass/partials/utils/_normalize.scss */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
/* line 231, ../sass/partials/utils/_normalize.scss */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
/* line 244, ../sass/partials/utils/_normalize.scss */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
/* line 255, ../sass/partials/utils/_normalize.scss */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
/* line 269, ../sass/partials/utils/_normalize.scss */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
/* line 281, ../sass/partials/utils/_normalize.scss */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
/* line 294, ../sass/partials/utils/_normalize.scss */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
/* line 306, ../sass/partials/utils/_normalize.scss */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
/* line 316, ../sass/partials/utils/_normalize.scss */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
/* line 328, ../sass/partials/utils/_normalize.scss */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
/*input[type="search"]::-webkit-search-cancel-button,*/
/* line 341, ../sass/partials/utils/_normalize.scss */
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
/* line 349, ../sass/partials/utils/_normalize.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
/* line 360, ../sass/partials/utils/_normalize.scss */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
/* line 373, ../sass/partials/utils/_normalize.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* ======================================================================================
   @UTILS -> RESET
   ====================================================================================== */
/* 
	http://meyerweb.com/eric/tools/css/reset/ 
   	v2.0 | 20110126
   	License: none (public domain)
*/
/* line 11, ../sass/partials/utils/_reset.scss */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strong,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
sub,
sup,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
time,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary,
main {
  margin: 0;
  padding: 0;
  border: 0;
}

/* Reset `box-sizing` to the nice `border-box` */
/* line 89, ../sass/partials/utils/_reset.scss */
*, *:before, *:after {
  /* Transition */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* endif */
/* Utils -> Placeholders */
/* ======================================================================================
   @UTILS -> PLACEHOLDERS -> BOTTOM SPACING
   ====================================================================================== */
/*
	Usage:
		Applies the default bottom margin in order to try to keep a consistent vertical rhythm.
	
	Demo:
		Style Guide -> Utilities -> Bottom Spacing
*/
/* line 13, ../sass/partials/utils/placeholders/_bottom-spacing.scss */
ul,
ol, dl, p, table, .quote, .quote blockquote, hr, pre, .grid,
.grid-item, .island,
.islet, .divider, .feedback-block, .form-main_field, .pull-left,
.pull-right,
.pull-center {
  margin-bottom: 22px;
  margin-bottom: 1.46667rem;
  /* Turn off bottom margin for the last element */
}
/* line 17, ../sass/partials/utils/placeholders/_bottom-spacing.scss */
ul:last-child,
ol:last-child, dl:last-child, p:last-child, table:last-child, .quote:last-child, .quote blockquote:last-child, hr:last-child, pre:last-child, .grid:last-child,
.grid-item:last-child, .island:last-child,
.islet:last-child, .divider:last-child, .feedback-block:last-child, .form-main_field:last-child, .pull-left:last-child,
.pull-right:last-child,
.pull-center:last-child {
  margin-bottom: 0;
}

/* ======================================================================================
   @UTILS -> PLACEHOLDERS -> CLEAR FIX
   ====================================================================================== */
/*
	Usage:
		So parent containers can contain their floated children.
	
	Demo:
		Style Guide -> Utilities -> Clear Fix
	
	Credit:
		http://nicolasgallagher.com/micro-clearfix-hack
*/
/* line 869, ../sass/partials/utils/_mixins.scss */
.island:after,
.islet:after, .modal-footer:after, .form-main_field:after {
  content: "";
  display: table;
  clear: both;
}

/* ======================================================================================
   @UTILS -> PLACEHOLDERS -> DISGUISED LINK
   ====================================================================================== */
/*
	Usage:
		Make a link not look like a link.
	
	Note:
		Have to declare the styles in a `@mixin`, see the 'PLACEHOLDER SELECTOR MEDIA QUERY FIX' section in 'utils/mixins' for the explanation.
	
	Demo:
		Style Guide -> Utilities -> Disguised Link
*/
/* line 16, ../sass/partials/utils/placeholders/_disguised-link.scss */
.complex-link, .vcard .url {
  color: inherit;
  text-decoration: inherit;
  cursor: text;
  /* Pseudo classes */
}
/* line 862, ../sass/partials/utils/_mixins.scss */
.complex-link:visited, .vcard .url:visited, .complex-link:hover, .vcard .url:hover, .complex-link:focus, .vcard .url:focus {
  color: inherit;
}

/* ======================================================================================
   @UTILS -> PLACEHOLDERS -> IMAGE REPLACEMENT
   ====================================================================================== */
/*
	Usage:
		For replacing a text element with an image.
		
	Note:
		Still undecided whether to go with the latest H5BP technique? Will decide after a few builds. If revert back to the prior technique then make sure to update all `em` values to `px`.
	
	Demo:
		Style Guide -> Utilities -> Image Replacement
	
	Credit:
		http://html5boilerplate.com/
*/
/*%img-replacement {
	font: 0/0 a;
    text-shadow: none;
    color: transparent;
}*/
/* line 25, ../sass/partials/utils/placeholders/_image-replacement.scss */
.sprite {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* Pseudo element */
}
/* line 31, ../sass/partials/utils/placeholders/_image-replacement.scss */
.sprite:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

/* Alternate version */
/* ======================================================================================
   @UTILS -> PLACEHOLDERS -> SPRITE BG
   ====================================================================================== */
/*
	Usage:
		Declare the main sprite background image.
	
	Demo:
		Style Guide -> Utilities -> Sprite BG
*/
/* line 13, ../sass/partials/utils/placeholders/_sprite-bg.scss */
.sprite {
  background-image: url("img/sprite.png");
  background-repeat: no-repeat;
}

/* ======================================================================================
   @UTILS -> PLACEHOLDERS -> SPRITE / ICON
   ====================================================================================== */
/*
	Usage:
		Common styles for sprited elements and icon fonts.
	
	Demo:
		Style Guide -> Utilities -> Sprite / Icon
*/
/* line 13, ../sass/partials/utils/placeholders/_sprite-icon.scss */
.sprite, .icon:before {
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin-right: 0.66667em;
  top: -1px;
}

/* ======================================================================================
   @UTILS -> PLACEHOLDERS -> TRANSITIONS
   ====================================================================================== */
/*
	Usage:
		Common CSS3 transition styles.
	
	Demo:
		Style Guide -> Utilities -> Transitions
*/
/* Subtle */
/* line 14, ../sass/partials/utils/placeholders/_transitions.scss */
a, .complex-link__target, .accordion__header, .btn, .btn:before, .btn:after {
  /* Transition */
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

/* Off */
/* line 17, ../sass/partials/utils/placeholders/_transitions.scss */
.hide-visually.skip-link:active, .hide-visually.skip-link:focus {
  /* Transition */
  -webkit-transition: none;
  transition: none;
}

/* ======================================================================================
   @UTILS -> PLACEHOLDERS -> ARROWS
   ====================================================================================== */
/*
	Usage: 
		Creates a CSS arrow on a given element, they're 12 locations the arrow can be placed. For full details see the 'Credit' URL.
	
	Demo:
		Style Guide -> Utilities -> Arrows
	
	Credit: 
		https://github.com/csswizardry/inuit.css/blob/master/inuit.css/objects/_arrows.scss
*/
/* Set variables */
/* --Start abstraction-- */
/* Forms the basis for any/all CSS arrows */
/* --Define individual edges so we can combine what we need, when we need-- */
/* Top */
/* Upper */
/* Middle */
/* Lower */
/* Bottom */
/* Near */
/* Left */
/* Center */
/* Right */
/* Far */
/* ======================================================================================
   @UTILS -> PLACEHOLDERS -> BOX SHADOWS
   ====================================================================================== */
/*
	Usage:
		Handy CSS3 box shadow styles.
	
	Demo:
		Style Guide -> Utilities -> Box Shadows
*/
/* --Simple directional box shadows-- */
/* Set variables */
/* Top */
/* Bottom */
/* Right */
/* Left */
/* ======================================================================================
   @UTILS -> PLACEHOLDERS -> RESET LISTS
   ====================================================================================== */
/*
	Usage: 
		Simply strips away default styles for unordered and ordered lists i.e. 'reset'.
	
	Demo:
		Style Guide -> Utilities -> Reset Lists
*/
/* line 13, ../sass/partials/utils/placeholders/_reset-lists.scss */
.horiz-list {
  /* Parent + any child lists */
}
/* line 15, ../sass/partials/utils/placeholders/_reset-lists.scss */
.horiz-list,
.horiz-list ul,
.horiz-list ol {
  margin: 0;
  list-style: none;
}

/* Base */
/* ======================================================================================
   @BASE -> FONTS
   ====================================================================================== */
/* 
	Note: all `@font-face` declarations here.
*/
/* [Icons]
-------------------------------------------------------*/
@font-face {
  font-family: 'icons';
  src: url("fonts/icons/citi-icons.eot");
  src: url("fonts/icons/citi-icons.eot?#iefix") format("embedded-opentype"), url("fonts/icons/citi-icons.svg#icomoon") format("svg"), url("fonts/icons/citi-icons.woff") format("woff"), url("fonts/icons/citi-icons.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*Unique Fonts go here*/
/* ======================================================================================
   @BASE -> MAIN
   ====================================================================================== */
/* line 5, ../sass/partials/base/_main.scss */
html {
  /*font-size: ($font-size/16)+em;*/
  font-size: 16px;
  line-height: 1.46667;
  scroll-behavior: smooth;
}

/* line 12, ../sass/partials/base/_main.scss */
body {
  /*background-color: #414448;*/
  background-color: #fff;
  /* Transition */
  -webkit-animation: fade-in 1.5s 0.5s both;
  animation: fade-in 1.5s 0.5s both;
  overflow-x: hidden;
}

/* line 19, ../sass/partials/base/_main.scss */
.main {
  background: #fff;
  background-size: cover;
}

/* line 24, ../sass/partials/base/_main.scss */
article {
  /*padding: 1.5em 0 0 0;*/
  /*@include respond-min($non-palm){padding-bottom:0;}*/
}

/* line 29, ../sass/partials/base/_main.scss */
.quizlink {
  padding-bottom: 2em;
}
/* line 30, ../sass/partials/base/_main.scss */
.quizlink .orange {
  border-radius: 5px;
  position: relative;
}
/* line 31, ../sass/partials/base/_main.scss */
.quizlink .btn {
  position: absolute;
  right: 0;
  top: 0;
}

/* line 35, ../sass/partials/base/_main.scss */
.bg-pattern, .bg-pattern-red, .bg-pattern-green, .bg-pattern-blue, .bg-pattern-yellow {
  background-image: url(img/pattern.png);
  background-size: cover;
}

/* Animation: fade in the `body` */
@-webkit-keyframes $animation-name {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes $animation-name {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Set `font-family` and `color` */
/* line 52, ../sass/partials/base/_main.scss */
html,
button,
input,
select,
textarea {
  font-family: "Open Sans", sans-serif;
  color: #414449;
}

/* Custom Styles */
@media all and (min-width: 40.0625em) {
  /* line 62, ../sass/partials/base/_main.scss */
  .breadcrumb {
    text-align: right;
    padding-top: 1em;
  }
}

/* line 70, ../sass/partials/base/_main.scss */
.form-main {
  overflow-x: hidden;
}

/* line 74, ../sass/partials/base/_main.scss */
iframe {
  max-width: 100%;
}

/* ======================================================================================
   @BASE -> VIEWPORT
   ====================================================================================== */
/* 
	Note: add @viewport rule to future proof (remove if site isn't responsive), leave out `-ms-` prefix, see here: http://nostrongbeliefs.com/why-i-think-we-shouldnt-use-css-viewport-in-ie10-for-now/. 
*/
@-webkit-viewport {
  width: device-width;
}
@-moz-viewport {
  width: device-width;
}
@-o-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
/* ======================================================================================
   @BASE -> LINKS
   ====================================================================================== */
/* line 5, ../sass/partials/base/_links.scss */
a {
  color: inherit;
  text-decoration: none;
  /* Hover/Focus */
  overflow-wrap: break-word;
  word-wrap: break-word;
  /* Make `tel` links not look like links for non-phone devices at this breakpoint */
}
/* line 11, ../sass/partials/base/_links.scss */
a:hover, a:focus {
  text-decoration: underline;
}
@media all and (min-width: 40.0625em) {
  /* line 20, ../sass/partials/base/_links.scss */
  a[href^="tel:"] {
    color: inherit;
    text-decoration: inherit;
    cursor: text;
    /* Pseudo classes */
  }
  /* line 862, ../sass/partials/utils/_mixins.scss */
  a[href^="tel:"]:visited, a[href^="tel:"]:hover, a[href^="tel:"]:focus {
    color: inherit;
  }
  /* line 23, ../sass/partials/base/_links.scss */
  a[href^="tel:"]:focus {
    outline: none;
  }
}

/* line 31, ../sass/partials/base/_links.scss */
.grid-content a {
  text-decoration: underline;
}
/* line 32, ../sass/partials/base/_links.scss */
.grid-content a:hover, .grid-content a:focus {
  text-decoration: none;
}

/* Print */
@media print {
  /* line 38, ../sass/partials/base/_links.scss */
  a,
  a:visited {
    text-decoration: underline;
  }

  /* Note: this may be redundant? */
  /* Show the `href` and `title` attr values after the element */
  /* line 42, ../sass/partials/base/_links.scss */
  a[href]:after,
  abbr[title]:after {
    font-size: 80%;
    color: gray !important;
  }

  /* line 48, ../sass/partials/base/_links.scss */
  a[href]:after {
    content: " (" attr(href) ")";
  }

  /* line 50, ../sass/partials/base/_links.scss */
  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /* Don't show the `href` attr value for the following */
  /* line 53, ../sass/partials/base/_links.scss */
  .header a[href]:after,
  .url[href]:after,
  a[href^="tel:"]:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
}
/*Anchor links*/
/* line 61, ../sass/partials/base/_links.scss */
.anchor {
  display: block;
  /*padding-top:21em;
  margin-top:-21em;*/
}
/* line 65, ../sass/partials/base/_links.scss */
.anchor.anchor-first {
  padding-top: 6em;
  margin-top: -6em;
}
@media all and (max-width: 40em) {
  /* line 61, ../sass/partials/base/_links.scss */
  .anchor {
    padding-top: 14em;
    margin-top: -14em;
  }
  /* line 72, ../sass/partials/base/_links.scss */
  .anchor.anchor-first {
    padding-top: 10.5em;
    margin-top: -10.5em;
  }
}

/* ======================================================================================
   @BASE -> LISTS
   ====================================================================================== */
/* [UNORDERED / ORDERED]
-------------------------------------------------------*/
/* line 7, ../sass/partials/base/_lists.scss */
ul,
ol {
  /* Left indent */
}
/* line 11, ../sass/partials/base/_lists.scss */
ul,
ul ul,
ul ol,
ol,
ol ul,
ol ol {
  margin-left: 1rem;
  /* Increase left indent at this breakpoint */
  /*@include respond-min($non-palm) {
      @include to-rem(margin-left, $spacing-dbl);
  }*/
}

/* line 22, ../sass/partials/base/_lists.scss */
ul ul {
  list-style-type: disc;
}

/* [LISTS]
-------------------------------------------------------*/
/* Unordered and Ordered lists via the 'list' class */
/* line 29, ../sass/partials/base/_lists.scss */
.list,
.list ul,
.list ol {
  margin-left: 44px;
  margin-left: 2.93333rem;
}

/* line 35, ../sass/partials/base/_lists.scss */
ul li {
  margin-bottom: .8rem;
}

/* half indent */
/* line 40, ../sass/partials/base/_lists.scss */
.list-indent-half {
  margin-left: 48px;
  margin-left: 3.2rem;
}

/* unordered bullets */
/* line 45, ../sass/partials/base/_lists.scss */
ul.list {
  list-style: disc;
}

/* line 49, ../sass/partials/base/_lists.scss */
.list ul {
  list-style: circle;
}

/* line 53, ../sass/partials/base/_lists.scss */
.list ul ul {
  list-style: square;
}

/* ordered bullets */
/* line 58, ../sass/partials/base/_lists.scss */
ol.list {
  list-style: decimal;
}

/* line 62, ../sass/partials/base/_lists.scss */
.list ol {
  list-style: lower-alpha;
}

/* line 66, ../sass/partials/base/_lists.scss */
.list ol ol {
  list-style: lower-roman;
}

/* [DEFINITION]
-------------------------------------------------------*/
/* line 76, ../sass/partials/base/_lists.scss */
dt {
  font-weight: 700;
}

/* Customised news feed 
.news-feed ul {
	margin-left:0;

	li {
		margin-bottom:1em;
		margin-left:1.5em;
		position:relative;
		
		&:before {
			font-family: 'icons';
			content: "\e013";
			position:absolute;
			left:-1.5em;
			-ms-transform: rotate(-90deg); 
			-webkit-transform: rotate(-90deg); 
			transform: rotate(-90deg);
			color:$color-brand;
		}
	}
}*/
/* line 103, ../sass/partials/base/_lists.scss */
.island-cms ul {
  list-style: disc;
  margin-left: 3rem;
  margin-bottom: 1em;
}
/* line 108, ../sass/partials/base/_lists.scss */
.island-cms ul li {
  padding-bottom: 1rem;
  line-height: 1.5;
  font-size: 1rem;
}
/* line 114, ../sass/partials/base/_lists.scss */
.island-cms ul.accordion, .island-cms ul.tab__nav {
  list-style: none;
}
/* line 117, ../sass/partials/base/_lists.scss */
.island-cms ul.accordion > li, .island-cms ul.tab__nav > li {
  padding-bottom: 0;
}
/* line 123, ../sass/partials/base/_lists.scss */
.island-cms ol {
  list-style: decimal;
  margin-left: 1.2em;
}

/* line 130, ../sass/partials/base/_lists.scss */
.accordion__content ol {
  list-style: decimal;
  margin-left: 1.2em;
}
/* line 135, ../sass/partials/base/_lists.scss */
.accordion__content ul {
  list-style: disc;
  margin-left: 1.2em;
  /*li {padding-bottom:1em;}*/
}

/* line 142, ../sass/partials/base/_lists.scss */
.ticks {
  list-style: none !important;
}
/* line 146, ../sass/partials/base/_lists.scss */
.ticks li:before {
  content: "\2714";
  margin-left: -1.5em;
  padding-right: 0.7em;
}

/* line 154, ../sass/partials/base/_lists.scss */
.crosses {
  list-style: none !important;
}
/* line 158, ../sass/partials/base/_lists.scss */
.crosses li:before {
  content: "\2718";
  margin-left: -1.5em;
  padding-right: 0.7em;
}

/* line 167, ../sass/partials/base/_lists.scss */
.search-results-row-view {
  padding: 1em .4em;
}
/* line 170, ../sass/partials/base/_lists.scss */
.search-results-row-view:nth-child(even) {
  background-color: #F4F5F7;
  padding: 1.8em;
  margin: 0 -1.5em;
  /*margin: 0 -1.5em;
  padding: 1em 1.8em;*/
}

/* line 182, ../sass/partials/base/_lists.scss */
.blue .ticks li:before {
  color: #fff !important;
}

/* line 189, ../sass/partials/base/_lists.scss */
.ticks li::before {
  color: #fff !important;
}

/* line 195, ../sass/partials/base/_lists.scss */
.quiz .tile-content .vertical-align {
  overflow-y: scroll;
  max-height: 177px;
  padding: 0 0 2em 0;
  top: 37%;
}
/* line 202, ../sass/partials/base/_lists.scss */
.quiz .tile-content .vertical-align::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 4px rgba(1, 1, 1, 0.3);
  background-color: #F5F5F5;
}
/* line 207, ../sass/partials/base/_lists.scss */
.quiz .tile-content .vertical-align::-webkit-scrollbar {
  width: 4px;
  background-color: transparent;
}
/* line 212, ../sass/partials/base/_lists.scss */
.quiz .tile-content .vertical-align::-webkit-scrollbar-thumb {
  background-color: #F5F5F5;
}

/* ======================================================================================
   @BASE -> EMBEDDED CONTENT
   ====================================================================================== */
/* 
	1.	Remove the gap between images and the bottom of their containers.
 	2.	Make responsive.
	3.	So that `alt` text is visually offset if images don't load.
*/
/* line 10, ../sass/partials/base/_embedded-content.scss */
img {
  vertical-align: middle;
  /* 1 */
  max-width: 100%;
  /* 2 */
  height: auto;
  /* 2 */
  font-style: italic;
  /* 3 */
}

/* Images in `figure` elements */
/* line 18, ../sass/partials/base/_embedded-content.scss */
figure > img {
  display: block;
}

/* ======================================================================================
   @BASE -> PARAGRAPHS
   ====================================================================================== */
/* line 7, ../sass/partials/base/_paragraphs.scss */
p, li {
  word-break: break-word;
}

/* ======================================================================================
   @BASE -> HEADINGS
   ====================================================================================== */
/* 
	Note: to target any heading of any level use this generic heading class: `.hn`.
*/
/* Shared */
/*h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
	font-weight: 300;
	@extend %mrg-base;
    font-family:$font-family-hdr;
    line-height:1em !important;
}*/
/* H1 */
/*.h1 {
    @include font-size($font-size-h1);
}*/
/* H2 */
/*.h2 {
    @include font-size($font-size-h2); 
}*/
/* H3 */
/*.h3 {
    @include font-size($font-size-h3);
}*/
/* H4 */
/*.h4 {
    @include font-size($font-size-h4);
}*/
/* H5 */
/*.h5 {
    @include font-size($font-size-h5);
}*/
/* H6 */
/*.h6 {
    @include font-size($font-size-h6);
}*/
/*.island-cms {
    h3 {padding-top:1em;}
}*/
/* ======================================================================================
   @BASE -> TABLES
   ====================================================================================== */
/* line 5, ../sass/partials/base/_tables.scss */
table {
  width: 100%;
}

/* line 10, ../sass/partials/base/_tables.scss */
caption,
th {
  text-align: left;
}

/* line 15, ../sass/partials/base/_tables.scss */
th,
td {
  vertical-align: middle;
}

/* Striped */
/* line 21, ../sass/partials/base/_tables.scss */
.table--striped tbody tr:nth-of-type(odd) {
  background-color: #bfbfbf;
}

/* Print */
@media print {
  /* line 27, ../sass/partials/base/_tables.scss */
  thead {
    display: table-header-group;
  }
}
/*Display table*/
/* line 34, ../sass/partials/base/_tables.scss */
.grid-table .table-label {
  background-color: #2a5785;
}
/* line 38, ../sass/partials/base/_tables.scss */
.grid-table .grid-table-row:nth-child(odd) {
  background-color: #f2f2f2;
}
/* line 42, ../sass/partials/base/_tables.scss */
.grid-table .grid-table-cell {
  padding: 0.5em;
}
/* line 45, ../sass/partials/base/_tables.scss */
.grid-table .grid-table-heading {
  display: none;
}
/* line 48, ../sass/partials/base/_tables.scss */
.grid-table .hide-text {
  display: block;
}
@media all and (max-width: 40em) {
  /* line 52, ../sass/partials/base/_tables.scss */
  .grid-table .grid-table-cell {
    padding: 0 1em 1em 1em !important;
  }
  /* line 54, ../sass/partials/base/_tables.scss */
  .grid-table .grid-table-cell.h5, .grid-table .c-navigation__sublinks a.grid-table-cell, .c-navigation__sublinks .grid-table a.grid-table-cell, .grid-table .grid-table-cell.c-footer__heading {
    padding-top: 1em !important;
    margin-bottom: 0.5em;
  }
}
@media all and (min-width: 40.0625em) {
  /* line 33, ../sass/partials/base/_tables.scss */
  .grid-table {
    display: table;
    width: 100%;
  }
  /* line 60, ../sass/partials/base/_tables.scss */
  .grid-table .hide-text {
    display: none;
  }
  /* line 63, ../sass/partials/base/_tables.scss */
  .grid-table .grid-table-heading {
    display: block;
  }
  /* line 66, ../sass/partials/base/_tables.scss */
  .grid-table .grid-table-row {
    display: table-row;
  }
  /* line 69, ../sass/partials/base/_tables.scss */
  .grid-table .grid-table-row .grid-table-cell {
    display: table-cell;
  }
}

/* line 76, ../sass/partials/base/_tables.scss */
.table-heading {
  padding: 0.5em;
  border-radius: 0 !important;
  margin-bottom: 0;
}

/* Responsive RWD Tables */
@media all and (max-width: 40em) {
  /* line 83, ../sass/partials/base/_tables.scss */
  .rwd-table {
    border-top: 1px solid black;
  }
  /* line 86, ../sass/partials/base/_tables.scss */
  .rwd-table th {
    display: none;
  }
  /* line 90, ../sass/partials/base/_tables.scss */
  .rwd-table td {
    display: block;
    /*&:before {
        content: attr(data-th) ": ";
        font-weight: bold;
        width: 6.5em;
        display: inline-block;
    }*/
  }
  /* line 98, ../sass/partials/base/_tables.scss */
  .rwd-table td:first-child {
    padding-top: .5em;
  }
  /* line 101, ../sass/partials/base/_tables.scss */
  .rwd-table td:last-child {
    padding-bottom: .5em;
  }
}

/*Survey answers*/
/* line 109, ../sass/partials/base/_tables.scss */
.survey-tbl tr td:first-child {
  text-align: left;
}

/* line 110, ../sass/partials/base/_tables.scss */
.survey-complete td {
  border: 0 !important;
}

/* line 112, ../sass/partials/base/_tables.scss */
.correct td:first-child, .wrong td:first-child, .unsure td:first-child {
  padding-left: 4em;
}

/* line 116, ../sass/partials/base/_tables.scss */
.correct-question td:first-child {
  background: url("/css/img/icons/circle-tick.png") no-repeat 1em 50%;
}

/* line 119, ../sass/partials/base/_tables.scss */
.wrong-question td:first-child {
  background: url("/css/img/icons/circle-cross.png") no-repeat 1em 50%;
}

/* line 122, ../sass/partials/base/_tables.scss */
.unsure-question td:first-child {
  background: url("/css/img/icons/circle-unsure.png") no-repeat 1em 50%;
}

/* line 126, ../sass/partials/base/_tables.scss */
.correct-blurb td, .wrong-blurb td, .correct-stats td, .wrong-stats td {
  color: #fff;
}

/* line 131, ../sass/partials/base/_tables.scss */
.correct-stats td, .wrong-stats td, .unsure-stats td {
  font-weight: bold;
}

/* line 133, ../sass/partials/base/_tables.scss */
.correct-blurb td {
  background-color: #179c49 !important;
}

/* line 136, ../sass/partials/base/_tables.scss */
.wrong-blurb td {
  background-color: #b44846 !important;
}

/* line 139, ../sass/partials/base/_tables.scss */
.unsure-blurb td {
  background-color: #edaa63 !important;
}

/* line 142, ../sass/partials/base/_tables.scss */
.correct-stats td {
  background-color: #1a603c !important;
}

/* line 145, ../sass/partials/base/_tables.scss */
.wrong-stats td {
  background-color: #973033 !important;
}

/* line 148, ../sass/partials/base/_tables.scss */
.unsure-stats td {
  background-color: #e79d56 !important;
}

@media all and (max-width: 40em) {
  /* line 154, ../sass/partials/base/_tables.scss */
  .survey-tbl thead {
    display: none;
  }
  /* line 157, ../sass/partials/base/_tables.scss */
  .survey-tbl th {
    display: block;
  }
  /* line 160, ../sass/partials/base/_tables.scss */
  .survey-tbl td {
    display: block;
    text-align: left !important;
  }
  /* line 163, ../sass/partials/base/_tables.scss */
  .survey-tbl td.text {
    padding-top: 1em;
    padding-bottom: 1em;
  }
  /* line 166, ../sass/partials/base/_tables.scss */
  .survey-tbl td.True, .survey-tbl td.False, .survey-tbl td.Unsure {
    padding-left: 4em;
  }
  /* line 168, ../sass/partials/base/_tables.scss */
  .survey-tbl td.True:before, .survey-tbl td.False:before, .survey-tbl td.Unsure:before {
    content: attr(data-th) ": ";
    width: 4em;
    display: inline-block;
  }
  /* line 177, ../sass/partials/base/_tables.scss */
  .survey-tbl tr.unsure-blurb td, .survey-tbl tr.correct-blurb td, .survey-tbl tr.wrong-blurb td {
    padding-left: 1em;
  }
  /* line 179, ../sass/partials/base/_tables.scss */
  .survey-tbl tr.unsure-blurb td:nth-child(n+2), .survey-tbl tr.correct-blurb td:nth-child(n+2), .survey-tbl tr.wrong-blurb td:nth-child(n+2) {
    display: none;
  }
  /* line 185, ../sass/partials/base/_tables.scss */
  .survey-tbl tr.unsure-stats td, .survey-tbl tr.correct-stats td, .survey-tbl tr.wrong-stats td {
    padding-left: 1em;
  }
  /* line 187, ../sass/partials/base/_tables.scss */
  .survey-tbl tr.unsure-stats td:nth-child(n+2), .survey-tbl tr.correct-stats td:nth-child(n+2), .survey-tbl tr.wrong-stats td:nth-child(n+2) {
    display: none;
  }
}

/*Sticky table header*/
/* line 197, ../sass/partials/base/_tables.scss */
.table-response {
  z-index: 999;
}
@media all and (min-width: 96.25em) {
  /* line 197, ../sass/partials/base/_tables.scss */
  .table-response {
    width: 63.73333em !important;
  }
  /* line 201, ../sass/partials/base/_tables.scss */
  .table-response th:first-child {
    width: 36% !important;
  }
}

/*Special tables*/
/* line 206, ../sass/partials/base/_tables.scss */
.drug-law-table {
  display: none;
}

/*.table-admin {
        @include respond-max($palm) {
        thead {
            display: none;
        }

        th {
            display: block;
        }

        td {
            display: block;
            text-align: left !important;
            padding: 0.3em !important;
            font-size: 85%;

            &:before {
                content: attr(data-hr)": ";
                font-weight: bold;
                display: inline-block;
                width: 18em;
            }
        }
    }
}*/
/* ======================================================================================
   @BASE -> QUOTES
   ====================================================================================== */
/* [INLINE]
-------------------------------------------------------*/
/* line 7, ../sass/partials/base/_quotes.scss */
q {
  quotes: "\2018" "\2019" "\201C" "\201D";
  /* Pseudo elements */
  /* Nested */
}
/* line 11, ../sass/partials/base/_quotes.scss */
q:before {
  content: "\2018";
  /* Left single quotation mark */
  content: open-quote;
}
/* line 16, ../sass/partials/base/_quotes.scss */
q:after {
  content: "\2019";
  /* Right single quotation mark */
  content: close-quote;
}
/* line 23, ../sass/partials/base/_quotes.scss */
q q:before {
  content: "\201C";
  /* Left double quotation mark */
  content: open-quote;
}
/* line 28, ../sass/partials/base/_quotes.scss */
q q:after {
  content: "\201D";
  /* Right double quotation mark */
  content: close-quote;
}

/* [BLOCK]
-------------------------------------------------------*/
/* line 37, ../sass/partials/base/_quotes.scss */
.quote {
  margin-left: 3.06667em;
  padding: 1.46667em 0;
  /* Reduce the width and center align at this breakpoint */
  /* Source */
}
@media all and (min-width: 48em) {
  /* line 37, ../sass/partials/base/_quotes.scss */
  .quote {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
}
/* line 49, ../sass/partials/base/_quotes.scss */
.quote blockquote {
  font-family: Baskerville, "Hoefler Text", Garamond, "Times New Roman", serif;
  font-size: 17px;
  font-size: 1.13333rem;
  line-height: 1.29412;
  font-style: italic;
  color: #262626;
  position: relative;
  quotes: none;
  /* Increase the font size at this breakpoint */
  /* Pseudo element - left double quotation mark  */
  /* Nested paragraphs */
}
@media all and (min-width: 48em) {
  /* line 49, ../sass/partials/base/_quotes.scss */
  .quote blockquote {
    font-size: 17px;
    font-size: 1.13333rem;
    line-height: 1.29412;
  }
}
/* line 64, ../sass/partials/base/_quotes.scss */
.quote blockquote:before {
  content: "\201C";
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100px;
  font-size: 6.66667rem;
  line-height: 1.1;
  font-weight: bold;
  font-style: normal;
  speak: none;
  position: absolute;
  top: -0.28em;
  left: -0.56em;
  /* Increase the font size and offsets at this breakpoint */
}
@media all and (min-width: 48em) {
  /* line 64, ../sass/partials/base/_quotes.scss */
  .quote blockquote:before {
    font-size: 130px;
    font-size: 8.66667rem;
    line-height: 1.01538;
    top: -0.23077em;
    left: -0.53846em;
  }
}
/* line 84, ../sass/partials/base/_quotes.scss */
.quote blockquote p {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
/* line 88, ../sass/partials/base/_quotes.scss */
.quote figcaption {
  color: gray;
  font-size: 13px;
  font-size: 0.86667rem;
  line-height: 1.69231;
  /* Pseudo element - em dash */
}
/* line 93, ../sass/partials/base/_quotes.scss */
.quote figcaption:before {
  content: "\2014";
}

/* line 98, ../sass/partials/base/_quotes.scss */
.quote-double blockquote {
  /* Pseudo element - right double quotation mark  */
}
/* line 100, ../sass/partials/base/_quotes.scss */
.quote-double blockquote:after {
  content: "\201D";
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100px;
  font-size: 6.66667rem;
  line-height: 1.1;
  font-weight: bold;
  font-style: normal;
  speak: none;
  position: absolute;
  bottom: -0.5em;
  left: 100%;
  /* Increase the font size and offsets at this breakpoint */
}
@media all and (min-width: 48em) {
  /* line 100, ../sass/partials/base/_quotes.scss */
  .quote-double blockquote:after {
    font-size: 130px;
    font-size: 8.66667rem;
    line-height: 1.01538;
    bottom: -0.5em;
  }
}

/* ======================================================================================
   @BASE -> TEXT SELECTION
   ====================================================================================== */
/* Firefox */
/* line 6, ../sass/partials/base/_text-selection.scss */
::-moz-selection {
  background: #2a5785;
  text-shadow: none;
  color: #fff;
}

/* Everyone else */
/* line 13, ../sass/partials/base/_text-selection.scss */
::selection {
  background: #2a5785;
  text-shadow: none;
  color: #fff;
}

/* ======================================================================================
   @BASE -> MISCELLANEOUS
   ====================================================================================== */
/* [HORIZONTAL RULE]
-------------------------------------------------------*/
/* line 7, ../sass/partials/base/_misc.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 0.06667em solid #bfbfbf;
  padding: 0;
  position: relative;
  /* Pesudo element for a more stylised `hr` */
}
/* line 16, ../sass/partials/base/_misc.scss */
hr:after {
  /*content: "\2767";*/
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  line-height: 0;
  text-align: center;
  color: #bfbfbf;
}

/* [ABBREVIATION]
-------------------------------------------------------*/
/* line 30, ../sass/partials/base/_misc.scss */
abbr[title] {
  cursor: help;
}

/* [INSERT]
-------------------------------------------------------*/
/* line 36, ../sass/partials/base/_misc.scss */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* [PRE]
-------------------------------------------------------*/
/* [ADDRESS/EM]
-------------------------------------------------------*/
/* line 50, ../sass/partials/base/_misc.scss */
address,
em {
  font-style: normal;
}

/* line 55, ../sass/partials/base/_misc.scss */
.island-cms em {
  font-style: italic;
}

/* [SMALL]
-------------------------------------------------------*/
/* line 61, ../sass/partials/base/_misc.scss */
small {
  font-size: 100%;
}

/* [CANVAS]
-------------------------------------------------------*/
/* Set the default behavior for touch-based browsing in IE 10 on devices running Windows 8 */
/* line 68, ../sass/partials/base/_misc.scss */
canvas {
  -ms-touch-action: double-tap-zoom;
}

/* [OTHER]
-------------------------------------------------------*/
/*Reusable Colours*/
/* line 76, ../sass/partials/base/_misc.scss */
.orange {
  background-color: #eba86c;
}

/* line 80, ../sass/partials/base/_misc.scss */
.orange-dark {
  background-color: #e79851;
}

/* line 84, ../sass/partials/base/_misc.scss */
.red {
  background-color: #A52727;
}
/* line 87, ../sass/partials/base/_misc.scss */
.red div {
  color: #fff;
}

/* line 92, ../sass/partials/base/_misc.scss */
.blue {
  background-color: #2a5785;
  color: #fff;
}
/* line 96, ../sass/partials/base/_misc.scss */
.blue * {
  color: #fff !important;
}
/* line 100, ../sass/partials/base/_misc.scss */
.blue a {
  color: #fff;
}

/* line 105, ../sass/partials/base/_misc.scss */
.blue-dark {
  background-color: #0f2b53;
}

/* line 109, ../sass/partials/base/_misc.scss */
.brown-dark {
  background-color: #d8d0d1;
}

/* line 113, ../sass/partials/base/_misc.scss */
.brown {
  /*background-color: #afa5a6;*/
  border: solid 1px #d9d0d1;
  background-color: #ece7e8;
  border-radius: 8px;
  padding: 1.5rem 2rem;
}

/* line 121, ../sass/partials/base/_misc.scss */
.brown, .brown-dark {
  color: #414449;
}
/* line 124, ../sass/partials/base/_misc.scss */
.brown a, .brown-dark a {
  color: #2a5785;
}

/* line 129, ../sass/partials/base/_misc.scss */
.white {
  background-color: #fff;
}

/* line 133, ../sass/partials/base/_misc.scss */
.grey {
  background-color: #E9EEF2;
}

/* line 137, ../sass/partials/base/_misc.scss */
.text-orange {
  color: #e79851;
}

/* line 141, ../sass/partials/base/_misc.scss */
.text-blue {
  color: #2a5785;
}

/* line 145, ../sass/partials/base/_misc.scss */
.text-brown {
  color: #afa5a6;
}

/* line 149, ../sass/partials/base/_misc.scss */
.heading {
  /*background-color:#fff;*/
}
@media all and (max-width: 40em) {
  /* line 149, ../sass/partials/base/_misc.scss */
  .heading {
    text-align: center;
  }
  /* line 154, ../sass/partials/base/_misc.scss */
  .heading .grid-item:first-child {
    margin-bottom: 0;
  }
}

@media all and (min-width: 40.0625em) and (max-width: 63.9375em) {
  /* line 163, ../sass/partials/base/_misc.scss */
  .column .tile h1 {
    font-size: 2em;
  }
}

@media all and (max-width: 63.9375em) {
  /* line 170, ../sass/partials/base/_misc.scss */
  .non-palm-one-fifth, .non-palm-four-fifths {
    width: 100% !important;
  }
}

/* line 178, ../sass/partials/base/_misc.scss */
.infograf .icon-woman, .infograf .icon-man, .infograf .icon-girl, .infograf .icon-boy {
  display: inline-block;
  margin-bottom: 1em;
  width: 2em;
}
/* line 184, ../sass/partials/base/_misc.scss */
.infograf .icon-woman:before, .infograf .icon-man:before, .infograf .icon-girl:before, .infograf .icon-boy:before {
  margin-right: 0;
  font-size: 3.5em;
}
@media all and (max-width: 30em) {
  /* line 190, ../sass/partials/base/_misc.scss */
  .infograf .icon-woman:before, .infograf .icon-man:before, .infograf .icon-girl:before, .infograf .icon-boy:before {
    font-size: 2.5em;
  }
}
@media all and (max-width: 40em) {
  /* line 196, ../sass/partials/base/_misc.scss */
  .infograf .grid-item:first-child {
    text-align: left;
  }
}
@media all and (max-width: 63.9375em) {
  /* line 176, ../sass/partials/base/_misc.scss */
  .infograf {
    text-align: center;
  }
  /* line 204, ../sass/partials/base/_misc.scss */
  .infograf .grid-item {
    width: 100%;
  }
}

/* line 210, ../sass/partials/base/_misc.scss */
.non-palm-one-whole {
  width: 100%;
}

/* line 215, ../sass/partials/base/_misc.scss */
.quiz {
  position: relative;
  font-family: 'Open Sans', sans-serif;
  padding: 1.5rem !important;
}
/* line 220, ../sass/partials/base/_misc.scss */
.quiz legend {
  margin: 0 auto;
}
/* line 224, ../sass/partials/base/_misc.scss */
.quiz .tile-heading-content {
  font-family: Jaldi, sans-serif;
}
/* line 228, ../sass/partials/base/_misc.scss */
.quiz .full-quiz {
  /*position: absolute;*/
  left: 0;
  bottom: 0;
  border-radius: 0.2em;
  width: 100%;
  padding: 0.2em 0;
  text-decoration: none;
}
/* line 238, ../sass/partials/base/_misc.scss */
.quiz .full-quiz:hover {
  text-decoration: underline;
}
/* line 242, ../sass/partials/base/_misc.scss */
.quiz p {
  font-size: 0.8em;
  margin-bottom: 0 !important;
}
/* line 248, ../sass/partials/base/_misc.scss */
.quiz.red .vertical-align, .quiz.brown#quiz_correct .vertical-align {
  transform: translate(0, 0);
  position: static;
  width: auto;
}
@media all and (min-width: 64em) and (max-width: 74.9375em) {
  /* line 247, ../sass/partials/base/_misc.scss */
  .quiz.red, .quiz.brown#quiz_correct {
    font-size: 0.7em !important;
  }
}

/* line 261, ../sass/partials/base/_misc.scss */
#quiz_correct {
  background-color: #2a5785 !important;
  color: #fff;
}
/* line 265, ../sass/partials/base/_misc.scss */
#quiz_correct .full-quiz {
  background-color: #fff;
  color: #2a5785;
  font-family: 'Jaldi', sans-serif;
  font-weight: 700;
  padding: .5rem 0;
}

/* line 274, ../sass/partials/base/_misc.scss */
#quiz_incorrect {
  background-color: #e89851 !important;
}
/* line 277, ../sass/partials/base/_misc.scss */
#quiz_incorrect .full-quiz {
  background-color: #fff;
  color: #414449;
  font-family: 'Jaldi', sans-serif;
  font-weight: 700;
  padding: .5rem 0;
  font-size: 1.2rem;
}

/* line 290, ../sass/partials/base/_misc.scss */
.column .quiz .full-quiz {
  position: unset;
  padding: 0.3em;
            /*img {
                display: none;
            }

            &:before {
                content: "TAKE FULL QUIZ";
                margin: 0.5em 0;
                color: #fff;
                font-size: 1.2em;
                display: inline-block;
            }*/
}

/* line 308, ../sass/partials/base/_misc.scss */
#quiz_correct, #quiz_incorrect {
  font-size: 0.8em;
}

/* line 313, ../sass/partials/base/_misc.scss */
.quicklinks ul {
  text-align: left;
  width: 9em;
  margin: 0 auto;
  margin-bottom: 0.5em;
}
/* line 320, ../sass/partials/base/_misc.scss */
.quicklinks a {
  text-decoration: none;
}
@media all and (max-width: 40em) {
  /* line 312, ../sass/partials/base/_misc.scss */
  .quicklinks {
    text-align: left;
  }
  /* line 327, ../sass/partials/base/_misc.scss */
  .quicklinks ul {
    font-size: 0.93333em;
  }
  /* line 330, ../sass/partials/base/_misc.scss */
  .quicklinks ul li {
    margin-bottom: 0.5em;
  }
}

/*Search*/
/* line 338, ../sass/partials/base/_misc.scss */
.search {
  padding-bottom: 1.5em;
}
/* line 341, ../sass/partials/base/_misc.scss */
.search .island.white {
  background-image: none;
  padding-bottom: 0;
}
/* line 346, ../sass/partials/base/_misc.scss */
.search .icon-huge:before {
  font-size: 6rem;
}
/* line 351, ../sass/partials/base/_misc.scss */
.search .disc:hover {
  background-color: #2a5785;
}
@media all and (min-width: 40em) and (max-width: 54.625em) {
  /* line 357, ../sass/partials/base/_misc.scss */
  .search .non-palm-one-quarter {
    width: 33.33%;
  }
}
/* line 362, ../sass/partials/base/_misc.scss */
.search .search-bar {
  text-align: left;
  width: 50%;
}
/* line 366, ../sass/partials/base/_misc.scss */
.search .search-bar .txt-input {
  background: #fff url(img/icon-search.png) no-repeat 0.3em 0.7em;
  background-size: 15px;
  padding-left: 1.5em;
  width: 25%;
}
/* line 373, ../sass/partials/base/_misc.scss */
.search .search-bar .btn {
  width: 2.66667em;
  padding: 0.5em;
  position: relative;
  top: -0.05em;
  left: -0.5em;
}
@media all and (max-width: 40em) {
  /* line 362, ../sass/partials/base/_misc.scss */
  .search .search-bar {
    width: 100%;
    margin-bottom: 1em;
    text-align: center;
  }
  /* line 382, ../sass/partials/base/_misc.scss */
  .search .search-bar .txt-input {
    width: 70%;
  }
}
@media all and (min-width: 40.0625em) {
  /* line 392, ../sass/partials/base/_misc.scss */
  .search .search-bar .txt-input {
    width: 80%;
  }
}
/* line 399, ../sass/partials/base/_misc.scss */
.search .blue .h3 {
  line-height: 1em;
}

/*Video*/
/* line 406, ../sass/partials/base/_misc.scss */
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
/* line 413, ../sass/partials/base/_misc.scss */
.embed-container iframe, .embed-container object, .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*Glossary*/
/* line 423, ../sass/partials/base/_misc.scss */
sup.icon-help:before {
  margin-right: 0;
}

/* line 428, ../sass/partials/base/_misc.scss */
#quiz > fieldset > span {
  margin-bottom: 1.5em !important;
  margin-top: .6rem;
}

/* line 434, ../sass/partials/base/_misc.scss */
.c-arrow {
  margin-left: .4rem;
  max-width: 22px !important;
}

/* ======================================================================================
   @BASE -> SKIP LINK
   ====================================================================================== */
/*
	Usage: 
		An accessibility feature to allow assistive technology users e.g. screen readers to easily skip to the main content, also assists keyboard users.
	
	Demo:
		Insert cursor in the browser address bar then start tabbing, it's the first tab stop in the site.
*/
/* line 13, ../sass/partials/base/_skip-link.scss */
.hide-visually.skip-link {
  /* Pseudo classes */
}
/* line 15, ../sass/partials/base/_skip-link.scss */
.hide-visually.skip-link:active, .hide-visually.skip-link:focus {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2147483647;
  width: 100%;
  padding: 0.48889em 0;
  background-color: rgba(42, 87, 133, 0.9);
  color: #fff;
  text-decoration: none;
  box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4);
  text-align: center;
  font-weight: 700;
  height: auto;
  overflow: visible;
  clip: auto;
  margin: 0;
}

/* Layout */
/* ======================================================================================
   @LAYOUT -> ALTERNATING FLOATED ELEMENTS 
   ====================================================================================== 
   
   This allows for a two column page with multiple rows, where one column has an image and the other has text. Can be typically used for services info page.
   In the HTML, the image and text remain the same structure for each row, but the float will be different for each row, to create alternating floated divs.
   */
@media all and (min-width: 40.0625em) {
  /* line 10, ../sass/partials/layout/_alternate-float.scss */
  .img_left-text_right .img {
    float: left;
  }
}
@media all and (min-width: 40.0625em) {
  /* line 16, ../sass/partials/layout/_alternate-float.scss */
  .img_left-text_right .text {
    float: right;
  }
}

@media all and (min-width: 40.0625em) {
  /* line 25, ../sass/partials/layout/_alternate-float.scss */
  .img_right-text_left .img {
    float: right;
    text-align: right;
  }
}
@media all and (min-width: 40.0625em) {
  /* line 32, ../sass/partials/layout/_alternate-float.scss */
  .img_right-text_left .text {
    float: left;
  }
}

@media all and (max-width: 62.5em) {
  /* line 39, ../sass/partials/layout/_alternate-float.scss */
  .article-content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    /*.grid-item {
        width:100% !important;
    }*/
  }
  /* line 50, ../sass/partials/layout/_alternate-float.scss */
  .article-content .column-content {
    order: 1;
  }
  /* line 52, ../sass/partials/layout/_alternate-float.scss */
  .article-content .column-content #RelatedResources, .article-content .column-content #RelatedResources + .island-cms {
    display: none;
  }
  /* line 54, ../sass/partials/layout/_alternate-float.scss */
  .article-content .column {
    order: 2;
    margin-top: 1.5em;
  }
}

/* line 63, ../sass/partials/layout/_alternate-float.scss */
.grid-item.non-palm-one-whole {
  width: 100% !important;
}

/* ======================================================================================
   @LAYOUT -> CONTAINERS
   ====================================================================================== */
/* line 5, ../sass/partials/layout/_containers.scss */
.container {
  width: 95%;
  min-width: 260px;
  min-width: 17.33333rem;
  max-width: 1000px;
  max-width: 66.66667rem;
  margin: 0 auto;
  position: relative;
  /* Print */
}
@media print {
  /* line 5, ../sass/partials/layout/_containers.scss */
  .container {
    width: auto;
  }
}

@media all and (min-width: 40.0625em) and (max-width: 49.9375em) {
  /* line 20, ../sass/partials/layout/_containers.scss */
  .home .h1 {
    font-size: 1.33333em;
  }
}
@media all and (min-width: 50em) and (max-width: 63.9375em) {
  /* line 23, ../sass/partials/layout/_containers.scss */
  .home .h1 {
    font-size: 1.6em;
  }
}
/* line 26, ../sass/partials/layout/_containers.scss */
.home .island-body.tile span {
  display: block;
  font-size: 0.7em;
}

/* Layouts */
/* line 32, ../sass/partials/layout/_containers.scss */
.secondary {
  /*3 column drug page info*/
  /*Layout of infographic page*/
}
/* line 35, ../sass/partials/layout/_containers.scss */
.secondary .image-info {
  height: 10.66667em;
  overflow: hidden;
  position: relative;
}
@media all and (max-width: 40em) {
  /* line 41, ../sass/partials/layout/_containers.scss */
  .secondary .image-info img {
    width: 100%;
    position: absolute;
    top: -50%;
  }
}
@media all and (min-width: 40.0625em) {
  /* line 48, ../sass/partials/layout/_containers.scss */
  .secondary .container {
    padding-top: 1.5em;
  }
}
@media all and (min-width: 40.0625em) and (max-width: 63.9375em) {
  /* line 52, ../sass/partials/layout/_containers.scss */
  .secondary .non-palm-one-half, .secondary .non-palm-one-quarter, .secondary .non-palm-three-quarters {
    width: 50%;
  }
}
@media all and (min-width: 40.0625em) and (max-width: 63.9375em) {
  /* line 55, ../sass/partials/layout/_containers.scss */
  .secondary .column .tile {
    width: 33%;
    float: left;
  }
  /* line 57, ../sass/partials/layout/_containers.scss */
  .secondary .column .tile.white {
    width: 100%;
    min-height: 6em;
  }
}

/* line 62, ../sass/partials/layout/_containers.scss */
.infographic-combo {
  border-bottom: 1px solid #000;
  margin-bottom: 1em;
}
/* line 65, ../sass/partials/layout/_containers.scss */
.infographic-combo .disc {
  /*padding-top:0.7em;*/
}
/* line 67, ../sass/partials/layout/_containers.scss */
.infographic-combo .disc.blue {
  background-color: #2a5785;
}
/* line 70, ../sass/partials/layout/_containers.scss */
.infographic-combo .disc.brown {
  background-color: #afa5a6;
}
/* line 73, ../sass/partials/layout/_containers.scss */
.infographic-combo .disc.orange {
  background-color: #e79851;
}
/* line 77, ../sass/partials/layout/_containers.scss */
.infographic-combo .non-palm-one-sixth {
  padding-top: 3.5em;
}
@media all and (max-width: 40em) {
  /* line 81, ../sass/partials/layout/_containers.scss */
  .infographic-combo .non-palm-one-sixth {
    padding-top: 0;
    margin-top: -0.5em;
  }
  /* line 85, ../sass/partials/layout/_containers.scss */
  .infographic-combo .non-palm-five-twelfths:first-child {
    margin-bottom: 0;
  }
}

/* Survey */
/* line 93, ../sass/partials/layout/_containers.scss */
.survey .form-main_field:nth-child(even) {
  background-color: #f2f2f2;
  padding: 0.5em;
}

/* line 98, ../sass/partials/layout/_containers.scss */
.survey-cms-edit {
  margin: 0.5em 0;
}
/* line 100, ../sass/partials/layout/_containers.scss */
.survey-cms-edit a {
  padding: 0.2em 0.5em;
  background-color: #2a5785;
  color: #fff;
}

/*Reset heights on tiles on mobile devices*/
/* line 104, ../sass/partials/layout/_containers.scss */
.square, .rectangle {
  height: 19rem;
}
@media all and (max-width: 63.9375em) {
  /* line 104, ../sass/partials/layout/_containers.scss */
  .square, .rectangle {
    height: 16.66667em !important;
    min-height: 100px;
  }
}
@media all and (max-width: 40em) {
  /* line 104, ../sass/partials/layout/_containers.scss */
  .square, .rectangle {
    height: unset !important;
    min-height: 100px;
  }
}

/* line 119, ../sass/partials/layout/_containers.scss */
.flex {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  /* line 119, ../sass/partials/layout/_containers.scss */
  .flex {
    flex-direction: row;
  }
}

/* line 133, ../sass/partials/layout/_containers.scss */
.l-content-image {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
}
/* line 138, ../sass/partials/layout/_containers.scss */
.l-content-image a {
  flex-shrink: 0;
}
/* line 142, ../sass/partials/layout/_containers.scss */
.l-content-image img {
  flex-shrink: 0;
  max-width: 100%;
}
/* line 147, ../sass/partials/layout/_containers.scss */
.l-content-image__content {
  align-self: center;
  max-width: 850px;
}
@media (min-width: 868px) {
  /* line 133, ../sass/partials/layout/_containers.scss */
  .l-content-image {
    align-items: flex-start;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
}
@media (min-width: 768px) {
  /* line 159, ../sass/partials/layout/_containers.scss */
  .l-content-image img {
    flex-shrink: 0;
    margin-left: 2rem;
    max-width: 400px !important;
  }
}
@media (max-width: 768px) {
  /* line 167, ../sass/partials/layout/_containers.scss */
  .l-content-image img {
    width: 100%;
  }
}

/* line 175, ../sass/partials/layout/_containers.scss */
.border-bottom {
  border-bottom: 1px solid #000;
  padding-bottom: 1em;
  margin-bottom: 1em;
}

/* line 181, ../sass/partials/layout/_containers.scss */
.l-image-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
/* line 186, ../sass/partials/layout/_containers.scss */
.l-image-content .h4 {
  margin-bottom: 1.4rem !important;
}
/* line 190, ../sass/partials/layout/_containers.scss */
.l-image-content a {
  flex-shrink: 0;
}
/* line 194, ../sass/partials/layout/_containers.scss */
.l-image-content img {
  flex-shrink: 0;
  max-width: 100%;
}
@media (min-width: 868px) {
  /* line 181, ../sass/partials/layout/_containers.scss */
  .l-image-content {
    flex-direction: row;
    align-items: flex-start;
  }
}
@media (min-width: 768px) {
  /* line 205, ../sass/partials/layout/_containers.scss */
  .l-image-content img {
    flex-shrink: 0;
  }
  /* line 209, ../sass/partials/layout/_containers.scss */
  .l-image-content__content {
    margin-left: 1em;
  }
}
@media (max-width: 768px) {
  /* line 215, ../sass/partials/layout/_containers.scss */
  .l-image-content img {
    margin-bottom: 1em;
    max-width: 200px;
    width: 100%;
  }
}

/* line 224, ../sass/partials/layout/_containers.scss */
.logo-centred {
  display: flex;
  justify-content: center;
  margin: 0 0 1.5em 0;
}
/* line 229, ../sass/partials/layout/_containers.scss */
.logo-centred img {
  width: 100%;
  max-width: 450px;
}

/* line 235, ../sass/partials/layout/_containers.scss */
.logo-centred-small {
  display: flex;
  justify-content: center;
  margin: 0 0 .5rem 0;
}
/* line 240, ../sass/partials/layout/_containers.scss */
.logo-centred-small img {
  width: 100%;
  max-width: 150px;
  max-height: 150px !important;
}

/*USE ICE ICON AND TEXT GROUP*/
/* line 248, ../sass/partials/layout/_containers.scss */
.use-ice-group {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
}
/* line 253, ../sass/partials/layout/_containers.scss */
.use-ice-group .use-ice-icon {
  max-width: 180px;
  width: 30%;
  margin-left: auto;
  margin-right: auto;
}
/* line 260, ../sass/partials/layout/_containers.scss */
.use-ice-group .use-ice-text {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 1001px) and (max-width: 1023px) {
  /* line 268, ../sass/partials/layout/_containers.scss */
  .use-ice-group {
    flex-flow: column wrap;
    justify-content: space-around;
  }
  /* line 272, ../sass/partials/layout/_containers.scss */
  .use-ice-group .use-ice-icon {
    width: 90%;
  }
  /* line 276, ../sass/partials/layout/_containers.scss */
  .use-ice-group .use-ice-text {
    width: 80%;
  }
}
@media (max-width: 767px) {
  /* line 283, ../sass/partials/layout/_containers.scss */
  .use-ice-group {
    flex-flow: column wrap;
    justify-content: space-around;
  }
  /* line 286, ../sass/partials/layout/_containers.scss */
  .use-ice-group .use-ice-icon {
    width: 80%;
  }
  /* line 290, ../sass/partials/layout/_containers.scss */
  .use-ice-group .use-ice-text {
    width: 80%;
  }
}
@media (min-width: 1001px) and (max-width: 1023px) {
  /* line 297, ../sass/partials/layout/_containers.scss */
  .infographic-combo {
    flex-flow: column wrap;
  }
}
/* line 305, ../sass/partials/layout/_containers.scss */
.u-flex-panel {
  align-items: center;
  border-bottom: 1px solid #000;
  flex-direction: column;
  padding: 1em 0;
  display: flex;
}
/* line 312, ../sass/partials/layout/_containers.scss */
.u-flex-panel a, .u-flex-panel img {
  flex-shrink: 0;
}
/* line 316, ../sass/partials/layout/_containers.scss */
.u-flex-panel h4 {
  margin-bottom: 0 !important;
}
@media (min-width: 768px) {
  /* line 305, ../sass/partials/layout/_containers.scss */
  .u-flex-panel {
    align-items: flex-start;
    flex-direction: row;
  }
  /* line 327, ../sass/partials/layout/_containers.scss */
  .u-flex-panel img {
    margin-right: 2em;
  }
}

/* line 334, ../sass/partials/layout/_containers.scss */
.c-icons-population {
  font-size: 11px;
}
/* line 337, ../sass/partials/layout/_containers.scss */
.c-icons-population img {
  padding: .2em;
  width: 2em;
}
@media (min-width: 768px) {
  /* line 334, ../sass/partials/layout/_containers.scss */
  .c-icons-population {
    font-size: 16px;
  }
}

/* line 347, ../sass/partials/layout/_containers.scss */
.tile.green-dark {
  background-color: #215354 !important;
  background-image: url("../img/indigenous/graphic_green-icon.svg");
  background-repeat: no-repeat;
  background-position: center;
  color: #fff !important;
}
/* line 354, ../sass/partials/layout/_containers.scss */
.tile.green-dark a {
  color: #fff;
  text-decoration: none;
}

/* line 360, ../sass/partials/layout/_containers.scss */
.icon-play-display {
  width: 20px !important;
}

/* line 364, ../sass/partials/layout/_containers.scss */
.u-flex, .footer__base .l-container, .footer__base .l-container--small, .footer__base .l-container--med, .footer__base .l-container--large {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  /* line 364, ../sass/partials/layout/_containers.scss */
  .u-flex, .footer__base .l-container, .footer__base .l-container--small, .footer__base .l-container--med, .footer__base .l-container--large {
    flex-direction: row;
  }
  /* line 371, ../sass/partials/layout/_containers.scss */
  .u-flex div, .footer__base .l-container div, .footer__base .l-container--small div, .footer__base .l-container--med div, .footer__base .l-container--large div {
    width: 50%;
  }
}

/* line 378, ../sass/partials/layout/_containers.scss */
.c-breadcrumb .breadcrumbs {
  display: none;
}
@media (min-width: 768px) {
  /* line 378, ../sass/partials/layout/_containers.scss */
  .c-breadcrumb .breadcrumbs {
    display: block;
  }
}

/* line 389, ../sass/partials/layout/_containers.scss */
.webinar-container {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}

/* line 396, ../sass/partials/layout/_containers.scss */
.webinar-tile-container {
  display: flex;
  padding: 0 10px 20px 10px;
  transition: 250ms ease-in-out;
  width: 100%;
}
/* line 402, ../sass/partials/layout/_containers.scss */
.webinar-tile-container:hover {
  text-decoration: none !important;
  transform: scale(1.02);
}
@media (min-width: 576px) {
  /* line 396, ../sass/partials/layout/_containers.scss */
  .webinar-tile-container {
    width: 50%;
  }
}
@media (min-width: 800px) {
  /* line 396, ../sass/partials/layout/_containers.scss */
  .webinar-tile-container {
    width: 33%;
  }
}
@media (min-width: 1000px) {
  /* line 396, ../sass/partials/layout/_containers.scss */
  .webinar-tile-container {
    width: 25%;
  }
}
/* line 419, ../sass/partials/layout/_containers.scss */
.webinar-tile-container.hide {
  display: none;
}

/* line 425, ../sass/partials/layout/_containers.scss */
.webinar-tile {
  border-radius: 8px;
  /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);*/
  box-shadow: rgba(0, 42, 76, 0.12) 0px 5px 15px 0px;
  text-align: center;
  background-color: #fff;
  overflow: hidden;
  width: 100%;
}

/* line 435, ../sass/partials/layout/_containers.scss */
.webinar-hero-pic {
  background-size: cover;
  height: 240px;
  position: relative;
}
/* line 440, ../sass/partials/layout/_containers.scss */
.webinar-hero-pic img {
  max-height: unset;
  width: 100%;
}
@media (min-width: 1000px) {
  /* line 435, ../sass/partials/layout/_containers.scss */
  .webinar-hero-pic {
    height: 180px;
  }
  /* line 448, ../sass/partials/layout/_containers.scss */
  .webinar-hero-pic img {
    max-height: 165px !important;
  }
}

/* line 454, ../sass/partials/layout/_containers.scss */
.webinar-time {
  background-color: #2A5785;
  border-radius: 40px;
  color: #fff;
  display: flex;
  font-size: .8em;
  font-weight: 600;
  justify-content: space-between;
  left: 1em;
  padding: 6px 10px;
  position: absolute;
  top: 1em;
}
/* line 467, ../sass/partials/layout/_containers.scss */
.webinar-time .webinar-time-icon {
  margin-right: 8px;
  width: 20px;
}

/* line 473, ../sass/partials/layout/_containers.scss */
.webinar-title {
  color: #2A5785;
  font-size: 1.2em;
  font-weight: 600;
  margin: 16px !important;
  text-align: left;
}

/* line 481, ../sass/partials/layout/_containers.scss */
.webinar-load {
  text-align: center;
  width: 100%;
}
/* line 485, ../sass/partials/layout/_containers.scss */
.webinar-load button {
  align-items: center;
  background-color: transparent;
  border: none;
  color: #2A5785;
  display: inline-flex;
  flex-direction: column;
  font-size: 1em;
  font-weight: 600;
}
/* line 496, ../sass/partials/layout/_containers.scss */
.webinar-load img {
  margin-top: 12px;
  width: 20px;
}

/* line 502, ../sass/partials/layout/_containers.scss */
.webinar-print {
  background-color: #2A5785;
  color: #fff;
  border-radius: 8px;
  display: inline-flex;
  flex-direction: row-reverse;
  padding: 12px 16px;
  text-decoration: none !important;
}
/* line 511, ../sass/partials/layout/_containers.scss */
.webinar-print:hover {
  color: #fff !important;
}

/* ======================================================================================
   @LAYOUT -> HEADER
   ====================================================================================== */
/* line 7, ../sass/partials/layout/_header.scss */
.header {
  text-align: center;
  padding-bottom: 0;
}
/* line 11, ../sass/partials/layout/_header.scss */
.header .container > div {
  text-align: left;
  display: table;
  width: 100%;
  padding: 0;
  margin: 11px 0px;
  margin: 0.73333rem 0rem;
  /*@include respond-max($palm){
      margin-top:0;
  }*/
}
/* line 22, ../sass/partials/layout/_header.scss */
.header .tagline {
  /*width:65%;*/
  float: right;
  color: #fff;
}
/* line 27, ../sass/partials/layout/_header.scss */
.header .tagline div {
  font-family: 'Pacifico', cursive;
}
@media all and (max-width: 40em) {
  /* line 22, ../sass/partials/layout/_header.scss */
  .header .tagline {
    font-size: 78%;
    width: 60%;
    padding-top: 1em;
  }
}
@media all and (min-width: 40.0625em) {
  /* line 22, ../sass/partials/layout/_header.scss */
  .header .tagline {
    float: none;
    padding-top: 0.7em;
    font-size: 1em;
  }
}
@media all and (min-width: 50em) {
  /* line 22, ../sass/partials/layout/_header.scss */
  .header .tagline {
    width: auto;
    padding-top: 0;
  }
}
@media all and (min-width: 64em) {
  /* line 22, ../sass/partials/layout/_header.scss */
  .header .tagline {
    max-width: 22em;
  }
}
@media all and (min-width: 75em) {
  /* line 22, ../sass/partials/layout/_header.scss */
  .header .tagline {
    font-size: 1em;
    padding-top: 0.5em;
  }
}
/* line 58, ../sass/partials/layout/_header.scss */
.header .user-area {
  text-align: right;
  /* Faux table layout at this breakpoint */
  /*The nav icons for narrow viewports*/
}
/* line 61, ../sass/partials/layout/_header.scss */
.header .user-area .search-mini {
  /*float: right;*/
  /*width: 90%;*/
  max-width: 23.33333em;
  height: 100%;
  position: relative;
  /*.icon {
      position: absolute;
      left: 0.5em;
      top: 0.4em;
      color: $color-brand-brown;
  }*/
}
/* line 68, ../sass/partials/layout/_header.scss */
.header .user-area .search-mini .txt-input {
  padding: 0.3em 0.5em 0.3em 0.8em;
  width: 95%;
  float: left;
  /*background: #fff url(img/icon-search.png) no-repeat 0.5em 0.74em;*/
  background-size: 15px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
/* line 83, ../sass/partials/layout/_header.scss */
.header .user-area .search-mini .btn {
  width: 2.66667em;
  height: 100%;
  padding: 0.6em 0.5em;
  position: absolute;
  top: 0;
  right: 0;
  min-height: 33px;
  /*float: right;*/
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
@media all and (max-width: 40em) {
  /* line 98, ../sass/partials/layout/_header.scss */
  .header .user-area .search-mini {
    width: 100%;
  }
  /* line 101, ../sass/partials/layout/_header.scss */
  .header .user-area .search-mini .txt-input {
    /*padding: 0.3em 0.5em 0.3em 2em;*/
    background-position-y: 0.5em;
  }
  /* line 106, ../sass/partials/layout/_header.scss */
  .header .user-area .search-mini .btn {
    padding: 0.35em 0.5em 0.35em 0.5em;
  }
}
@media all and (min-width: 40.0625em) and (max-width: 49.9375em) {
  /* line 58, ../sass/partials/layout/_header.scss */
  .header .user-area {
    clear: both;
  }
  /* line 115, ../sass/partials/layout/_header.scss */
  .header .user-area .search-mini {
    width: 100%;
    max-width: 26.66667em;
  }
}
@media all and (min-width: 50em) {
  /* line 58, ../sass/partials/layout/_header.scss */
  .header .user-area {
    display: table-cell;
    padding-top: 0;
    width: 50%;
    vertical-align: middle;
  }
  /* line 127, ../sass/partials/layout/_header.scss */
  .header .user-area .search-mini {
    float: right;
    /*width: 50%;*/
  }
}
@media all and (min-width: 75em) {
  /* line 134, ../sass/partials/layout/_header.scss */
  .header .user-area .txt-input {
    width: 70%;
  }
  /* line 138, ../sass/partials/layout/_header.scss */
  .header .user-area .search-mini {
    float: right;
  }
}
/* line 144, ../sass/partials/layout/_header.scss */
.header .header_nav {
  background-color: #000;
  z-index: 9999;
}
/* line 148, ../sass/partials/layout/_header.scss */
.header .header_nav.brand-colour {
  /*Console button when logged in*/
  /*Console search when logged in*/
}
/* line 150, ../sass/partials/layout/_header.scss */
.header .header_nav.brand-colour .container {
  display: table;
}
/* line 154, ../sass/partials/layout/_header.scss */
.header .header_nav.brand-colour .nav-single-sign-in {
  display: table-cell;
  text-align: left;
  color: #fff;
}
/* line 159, ../sass/partials/layout/_header.scss */
.header .header_nav.brand-colour .nav-single-sign-in a {
  color: #fff;
  text-decoration: none;
  font-size: 1.2em;
}
/* line 164, ../sass/partials/layout/_header.scss */
.header .header_nav.brand-colour .nav-single-sign-in a span:before {
  top: 0.1em;
}
/* line 169, ../sass/partials/layout/_header.scss */
.header .header_nav.brand-colour .nav-single-sign-in .nav-main__logout {
  font-size: 0.9em;
}
/* line 174, ../sass/partials/layout/_header.scss */
.header .header_nav.brand-colour .search-mini {
  position: relative;
}
/* line 177, ../sass/partials/layout/_header.scss */
.header .header_nav.brand-colour .search-mini button {
  position: absolute;
  top: 0.5em;
  right: 0;
}
@media all and (min-width: 40.0625em) {
  /* line 185, ../sass/partials/layout/_header.scss */
  .header .header_nav.brand-colour .icon-website:after {
    content: "Go to Console";
    font-size: 0.7em;
  }
  /* line 190, ../sass/partials/layout/_header.scss */
  .header .header_nav.brand-colour .search-mini {
    text-align: right;
  }
  /* line 193, ../sass/partials/layout/_header.scss */
  .header .header_nav.brand-colour .search-mini input {
    width: 20em;
  }
}
@media all and (min-width: 50em) {
  /* line 202, ../sass/partials/layout/_header.scss */
  .header .container > div.user-area {
    width: 26em;
    position: absolute;
    top: 12%;
    right: 0;
    margin: 0;
  }
  /* line 209, ../sass/partials/layout/_header.scss */
  .header .container > div.user-area .number {
    float: left;
    margin-top: 0.15em;
  }
  /* line 214, ../sass/partials/layout/_header.scss */
  .header .container > div.user-area .txt-input {
    width: 52%;
  }
}
@media all and (min-width: 77.1875em) {
  /* line 221, ../sass/partials/layout/_header.scss */
  .header .container > div.user-area {
    top: 11%;
    width: 27.33333em;
  }
  /* line 225, ../sass/partials/layout/_header.scss */
  .header .container > div.user-area .number {
    margin-top: 0.7em;
  }
}

/*The extra nav */
/* line 233, ../sass/partials/layout/_header.scss */
.nav-extra {
  text-decoration: none;
  font-family: "Jaldi", sans-serif;
  text-transform: uppercase;
  display: none;
}
/* line 239, ../sass/partials/layout/_header.scss */
.nav-extra a {
  color: #fff;
  text-decoration: none;
}
@media all and (min-width: 64.375em) {
  /* line 233, ../sass/partials/layout/_header.scss */
  .nav-extra {
    margin-bottom: 1em;
    display: block;
  }
  /* line 248, ../sass/partials/layout/_header.scss */
  .nav-extra li {
    margin-right: 1em;
  }
  /* line 252, ../sass/partials/layout/_header.scss */
  .nav-extra li:first-child a:before {
    content: "Ice facts";
  }
  /* line 258, ../sass/partials/layout/_header.scss */
  .nav-extra li:nth-child(2) a:before {
    content: "Ice effects";
  }
  /* line 263, ../sass/partials/layout/_header.scss */
  .nav-extra li:last-child {
    margin-right: 0;
  }
  /* line 266, ../sass/partials/layout/_header.scss */
  .nav-extra li:last-child a:before {
    content: "Staying Safe";
  }
}
@media all and (min-width: 75em) {
  /* line 274, ../sass/partials/layout/_header.scss */
  .nav-extra li {
    margin-right: 1em;
  }
  /* line 278, ../sass/partials/layout/_header.scss */
  .nav-extra li:first-child a:before {
    content: "Get the facts";
  }
  /* line 284, ../sass/partials/layout/_header.scss */
  .nav-extra li:nth-child(2) a:before {
    content: "What are the effects?";
  }
  /* line 290, ../sass/partials/layout/_header.scss */
  .nav-extra li:last-child a:before {
    content: "Staying Safe";
  }
}

@media all and (min-width: 50em) {
  /* line 298, ../sass/partials/layout/_header.scss */
  .hide-nav {
    display: none !important;
  }
}

/*Social icons*/
/* line 305, ../sass/partials/layout/_header.scss */
.header-social-icons {
  float: left;
  width: 5.33333em !important;
  min-height: 2.2em;
  /*margin: 0 0 0 2em !important;*/
}
/* line 310, ../sass/partials/layout/_header.scss */
.header-social-icons a {
  margin-right: 0 !important;
}
/* line 315, ../sass/partials/layout/_header.scss */
.header-social-icons .icon:hover {
  color: #2a5785;
}
/* line 319, ../sass/partials/layout/_header.scss */
.header-social-icons .icon:before {
  font-size: 1.5em;
}
@media all and (max-width: 59.9375em) {
  /* line 305, ../sass/partials/layout/_header.scss */
  .header-social-icons {
    padding-top: 0.3em !important;
  }
}
@media all and (max-width: 40em) {
  /* line 305, ../sass/partials/layout/_header.scss */
  .header-social-icons {
    margin: 0 0 0 1em !important;
  }
}
@media all and (min-width: 40.0625em) {
  /* line 305, ../sass/partials/layout/_header.scss */
  .header-social-icons {
    margin: 0 0 0 1.5em !important;
  }
}
@media all and (min-width: 50em) and (max-width: 59.9375em) {
  /* line 305, ../sass/partials/layout/_header.scss */
  .header-social-icons {
    margin: 0 0 0 3em !important;
  }
}

/* Logo */
/* line 342, ../sass/partials/layout/_header.scss */
.logo {
  text-align: left;
}
/* line 345, ../sass/partials/layout/_header.scss */
.logo img {
  max-width: 6.66667em;
  height: 6em;
}
@media all and (max-width: 40em) {
  /* line 342, ../sass/partials/layout/_header.scss */
  .logo {
    float: left;
    margin: 0.5em 0 1em 0;
  }
}
@media all and (min-width: 40.0625em) {
  /* line 356, ../sass/partials/layout/_header.scss */
  .logo a {
    padding-right: 1em;
  }
}
@media all and (min-width: 64em) {
  /* line 362, ../sass/partials/layout/_header.scss */
  .logo img {
    max-width: 7.33333em;
    height: 6.66667em;
  }
}

/* --Main navigation-- */
/* line 370, ../sass/partials/layout/_header.scss */
.nav-user {
  text-transform: uppercase;
}
/* line 373, ../sass/partials/layout/_header.scss */
.nav-user a {
  color: #fff;
  font-family: "Jaldi", sans-serif;
  letter-spacing: 1px;
  font-size: 1.8em;
  text-decoration: none;
}
@media all and (min-width: 40.0625em) {
  /* line 370, ../sass/partials/layout/_header.scss */
  .nav-user {
    float: left;
    width: 25%;
    text-align: right;
  }
}

/* Toggle the menu via jQuery */
/* line 389, ../sass/partials/layout/_header.scss */
.js .js-menu-toggle {
  max-height: 0;
  overflow: hidden;
  /* Transition */
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
/* line 394, ../sass/partials/layout/_header.scss */
.js .js-menu-toggle.is-expanded {
  max-height: 56.66667rem;
  overflow: visible;
}
@media all and (max-width: 59.9375em) {
  /* line 389, ../sass/partials/layout/_header.scss */
  .js .js-menu-toggle {
    clear: both;
  }
  /* line 402, ../sass/partials/layout/_header.scss */
  .js .js-menu-toggle li {
    display: block;
    text-align: left;
    background-color: #2a5785;
    border-top: 1px solid #3670ac;
    border-bottom: 1px solid #122437;
  }
  /* line 409, ../sass/partials/layout/_header.scss */
  .js .js-menu-toggle li a {
    display: block;
    padding: 0.5em;
  }
  /* line 413, ../sass/partials/layout/_header.scss */
  .js .js-menu-toggle li a:hover {
    text-decoration: none;
    background-color: #244a72;
  }
}
@media all and (min-width: 60em) {
  /* line 389, ../sass/partials/layout/_header.scss */
  .js .js-menu-toggle {
    max-height: none;
    overflow: visible;
  }
}

/* line 428, ../sass/partials/layout/_header.scss */
.drop-down-container:hover .drop-down {
  display: block;
  background-color: #4d4d4d;
  width: 14.66667em;
  text-align: center;
  left: 50%;
  transform: translateX(-55%);
}
/* line 436, ../sass/partials/layout/_header.scss */
.drop-down-container:hover .drop-down a {
  text-transform: none;
  font-family: 'Open Sans', sans-serif;
  font-size: 0.8em;
  margin-right: 0;
  display: block;
  padding: 0.5em;
}
/* line 444, ../sass/partials/layout/_header.scss */
.drop-down-container:hover .drop-down a:hover {
  background-color: #a6a6a6;
}

/*NAVIGATION*/
/* line 452, ../sass/partials/layout/_header.scss */
.navigation {
  background-color: #fff;
  padding: 0.8em;
  /*display: none;*/
}
@media (min-width: 768px) {
  /* line 452, ../sass/partials/layout/_header.scss */
  .navigation {
    display: block;
  }
}
/* line 461, ../sass/partials/layout/_header.scss */
.navigation h1 {
  color: #2a5785;
  line-height: 1.2em;
}
/* line 466, ../sass/partials/layout/_header.scss */
.navigation .breadcrumbs {
  float: right;
  margin-top: 0.2em;
}
/* line 470, ../sass/partials/layout/_header.scss */
.navigation .breadcrumbs a {
  color: #2a5785;
  text-decoration: none;
}
/* line 476, ../sass/partials/layout/_header.scss */
.navigation.orange {
  background-color: #e79851;
}
/* line 479, ../sass/partials/layout/_header.scss */
.navigation.orange h1 {
  color: #000;
}
@media all and (max-width: 40em) {
  /* line 485, ../sass/partials/layout/_header.scss */
  .navigation .grid-item {
    width: 100%;
    text-align: center;
    margin-bottom: 0;
    padding-left: 0;
  }
  /* line 492, ../sass/partials/layout/_header.scss */
  .navigation .breadcrumbs {
    float: none;
  }
}
@media all and (min-width: 40.0625em) {
  /* line 498, ../sass/partials/layout/_header.scss */
  .navigation .non-palm-one-half:first-child {
    padding-left: 0;
  }
  /* line 502, ../sass/partials/layout/_header.scss */
  .navigation .non-palm-one-half:last-child {
    text-align: right;
  }
}

/* line 508, ../sass/partials/layout/_header.scss */
.nav_public {
  background-color: #737373;
  padding: 1em 0;
  position: relative;
  text-align: right;
}
/* line 514, ../sass/partials/layout/_header.scss */
.nav_public a {
  color: #fff;
  text-decoration: none;
  font-family: "Jaldi", sans-serif;
  text-transform: uppercase;
  margin-right: 1em;
}
/* line 521, ../sass/partials/layout/_header.scss */
.nav_public a .icon-sml:before {
  font-size: 0.3em;
  padding-left: 0.5em;
}
/* line 527, ../sass/partials/layout/_header.scss */
.nav_public li:last-child a {
  margin-right: 0;
}
@media all and (max-width: 59.9375em) {
  /* line 508, ../sass/partials/layout/_header.scss */
  .nav_public {
    padding: 0;
  }
  /* line 536, ../sass/partials/layout/_header.scss */
  .nav_public .nav-main li {
    text-align: center;
  }
  /* line 539, ../sass/partials/layout/_header.scss */
  .nav_public .nav-main li a {
    margin-right: 0;
  }
  /* line 545, ../sass/partials/layout/_header.scss */
  .nav_public .nav-main .drop-down ul li, .nav_public .nav-main .palm-menu ul li {
    background-color: #3e7cbb;
  }
  /* line 548, ../sass/partials/layout/_header.scss */
  .nav_public .nav-main .drop-down ul li a, .nav_public .nav-main .palm-menu ul li a {
    text-transform: none;
  }
}
@media all and (max-width: 59.9375em) {
  /* line 557, ../sass/partials/layout/_header.scss */
  .nav_public .container {
    width: 100%;
  }
}
@media all and (min-width: 40.0625em) and (max-width: 42.1875em) {
  /* line 563, ../sass/partials/layout/_header.scss */
  .nav_public a {
    margin-right: 0.5em;
  }
}
@media all and (min-width: 60em) and (max-width: 69.6875em) {
  /* line 508, ../sass/partials/layout/_header.scss */
  .nav_public {
    font-size: 0.85em;
  }
}

/* Workaround */
@media all and (max-width: 59.9375em) {
  /* line 574, ../sass/partials/layout/_header.scss */
  .is-expanded .drop-down-container {
    display: none !important;
  }
}

/* line 580, ../sass/partials/layout/_header.scss */
.palm-menu {
  display: block;
}
@media all and (min-width: 60em) {
  /* line 580, ../sass/partials/layout/_header.scss */
  .palm-menu {
    display: none !important;
  }
}

/* line 594, ../sass/partials/layout/_header.scss */
.clickable {
  cursor: pointer;
}

/* line 598, ../sass/partials/layout/_header.scss */
.blue.island-heading + .white.island-cms {
  margin-bottom: 1.5em;
  /*min-height: 9.5em;*/
  min-height: 6.5em;
}

/* line 604, ../sass/partials/layout/_header.scss */
.green {
  background-color: #357F5E;
}

/* line 608, ../sass/partials/layout/_header.scss */
.hp-support:hover {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

/* line 612, ../sass/partials/layout/_header.scss */
.hp-support {
  background-color: #112e57;
}

@media screen and (min-width: 1024px) {
  /* line 618, ../sass/partials/layout/_header.scss */
  .hp-support {
    margin: 0;
    position: fixed;
    cursor: pointer;
    /*left: 0;*/
    right: 1rem;
    top: 17.63em;
    width: 11em;
    height: 2.3em;
    text-align: center;
    padding: 0.3em 0em;
    /*-ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);*/
    -ms-transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    /*border-radius: 0.5em 0.5em 0em 0em;*/
    border-radius: 0.5em;
    z-index: 1000;
    text-transform: uppercase;
    font-size: 1.1rem;
  }

  /* line 643, ../sass/partials/layout/_header.scss */
  .hp-support-pc {
    display: block;
  }
  /* line 646, ../sass/partials/layout/_header.scss */
  .hp-support-pc-home {
    top: 14.6rem;
  }
  /* line 650, ../sass/partials/layout/_header.scss */
  .hp-support-pc-orederForm {
    top: 13.2rem;
  }
  /* line 654, ../sass/partials/layout/_header.scss */
  .hp-support-pc-subscribe {
    top: 17.9rem;
  }

  /* line 659, ../sass/partials/layout/_header.scss */
  .hp-support-mobile {
    display: none;
  }
}
@media screen and (min-width: 1600px) {
  /* line 665, ../sass/partials/layout/_header.scss */
  .hp-support {
    right: unset;
    left: 50%;
    margin-left: 600px;
  }
}
@media screen and (max-width: 1023px) {
  /* line 673, ../sass/partials/layout/_header.scss */
  .hp-support {
    margin: 0.5rem;
    margin-right: 4rem;
    /*margin-bottom: 1em;*/
    top: 0;
    height: 2.8em;
    text-align: center;
    padding: 0.6em 0em;
    background-color: #112e57;
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -ms-transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    width: 50%;
  }

  /* line 692, ../sass/partials/layout/_header.scss */
  .hp-support-pc {
    display: none;
  }

  /* line 696, ../sass/partials/layout/_header.scss */
  .hp-support-mobile {
    display: flex;
    position: fixed;
    width: 110%;
    background-color: #fff;
    height: auto;
    left: 0;
    bottom: 0;
    z-index: 10;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (max-width: 414px) {
  /* line 711, ../sass/partials/layout/_header.scss */
  .hp-support {
    width: 80%;
    margin-right: 11%;
  }
}
/***************get support*************/
/* line 718, ../sass/partials/layout/_header.scss */
.getSupport-header {
  background-color: #2a5785;
  border-radius: 5px 5px 0 0;
  color: #fff;
}

/* line 724, ../sass/partials/layout/_header.scss */
.getSupport-li {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .4em;
  padding: 1rem;
}

/* line 733, ../sass/partials/layout/_header.scss */
.getSupport-p {
  flex: 1;
  font-size: 16px;
  margin-bottom: 0;
  padding-left: 10px;
}

/* line 740, ../sass/partials/layout/_header.scss */
.getSupport-span {
  background-color: #e89851;
  color: #000;
  /*@extend .c-link--orange;*/
  padding: 8px;
  text-align: center;
  border-radius: 6px;
  max-height: 2.2rem;
  cursor: pointer;
}

/* line 751, ../sass/partials/layout/_header.scss */
.getSupport-span a {
  cursor: pointer;
  color: #000 !important;
}

@media (max-width: 768px) {
  /* line 757, ../sass/partials/layout/_header.scss */
  .modal-body {
    max-height: unset;
    height: auto;
  }

  /* line 762, ../sass/partials/layout/_header.scss */
  .getSupport-li {
    height: unset;
    display: flex;
    flex-flow: column wrap;
  }

  /* line 768, ../sass/partials/layout/_header.scss */
  .getSupport-p {
    width: 100%;
    margin-bottom: 5px;
  }

  /* line 773, ../sass/partials/layout/_header.scss */
  .getSupport-span {
    width: 100%;
    margin-bottom: 5px;
  }
}
/* line 779, ../sass/partials/layout/_header.scss */
.time-stamp {
  border-radius: 0.3em;
  font-size: 0.8em;
  padding-top: 0.5em;
  padding-bottom: 1.5em;
  font-weight: normal;
}

/* line 787, ../sass/partials/layout/_header.scss */
.column + .non-palm-three-quarters {
  margin-bottom: -0.9em;
}

/* line 791, ../sass/partials/layout/_header.scss */
#RelatedResources {
  margin-top: 1.5em;
}

/* line 795, ../sass/partials/layout/_header.scss */
.nag-window {
  background-color: #fff;
  position: fixed;
  bottom: 0;
  z-index: 9;
  margin-left: -1.1em;
  width: 100%;
  margin-bottom: 0;
}

/* line 805, ../sass/partials/layout/_header.scss */
.nag-window img {
  max-width: 7em;
}

/* line 809, ../sass/partials/layout/_header.scss */
.nag-window .btn-close {
  position: absolute;
  right: -0.5em;
  top: 0;
  font-size: 1.5em;
}

/* line 816, ../sass/partials/layout/_header.scss */
.nag-window input.btn-close[type=checkbox] {
  opacity: 0;
}

/* line 820, ../sass/partials/layout/_header.scss */
.nag-window label:before {
  display: none !important;
}

/* line 824, ../sass/partials/layout/_header.scss */
.nag-window input.btn-close[type=checkbox]:checked ~ .islet {
  display: none;
}

@media screen and (min-width: 640px) {
  /* line 829, ../sass/partials/layout/_header.scss */
  .nag-window {
    display: none;
  }
}
/* line 834, ../sass/partials/layout/_header.scss */
.video-responsive {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}

/* line 841, ../sass/partials/layout/_header.scss */
.video-responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

/* line 850, ../sass/partials/layout/_header.scss */
.order-form, .search-mini {
  display: inline-block;
}

@media (max-width: 40em) {
  /* line 855, ../sass/partials/layout/_header.scss */
  .header .user-area .search-mini .btn {
    top: 0 !important;
  }
}
/* line 863, ../sass/partials/layout/_header.scss */
.u-flex-respond {
  display: flex !important;
  flex-direction: column;
  align-items: center;
}

@media (min-width: 768px) {
  /* line 870, ../sass/partials/layout/_header.scss */
  .u-flex-respond {
    flex-direction: row;
  }
}
/* line 877, ../sass/partials/layout/_header.scss */
.u-flex-respond--lrg {
  display: flex !important;
  flex-direction: column;
  align-items: center;
}

@media (min-width: 1025px) {
  /* line 884, ../sass/partials/layout/_header.scss */
  .u-flex-respond--lrg {
    flex-direction: row;
  }
}
/* line 889, ../sass/partials/layout/_header.scss */
.header .user-area {
  width: 100%;
}

@media (min-width: 1025px) {
  /* line 894, ../sass/partials/layout/_header.scss */
  .logo {
    width: 38%;
  }
}
/* line 899, ../sass/partials/layout/_header.scss */
.header .user-area {
  width: auto;
}

/*.u-flex-respond--end {
    display: flex !important;
    flex-direction: column;
}

@media(min-width: 1125px) {
    .u-flex-respond--end {
        justify-content: flex-end;
        flex-direction: row;
    }
}*/
/* line 915, ../sass/partials/layout/_header.scss */
.u-flex-respond--end {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (min-width: 1125px) {
  /* line 928, ../sass/partials/layout/_header.scss */
  .u-flex-respond--end {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
/* line 941, ../sass/partials/layout/_header.scss */
.flexslider figure img {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

/* line 946, ../sass/partials/layout/_header.scss */
.flexslider {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  overflow: hidden;
}

/*article {
    padding: 1.5em 0;
}*/
@media (min-width: 40.0625em) {
  /* line 960, ../sass/partials/layout/_header.scss */
  .horiz-list--fit > li {
    display: table-cell !important;
  }
}
/*header*/
/* line 967, ../sass/partials/layout/_header.scss */
.btn-cta {
  display: flex !important;
  padding: 0 !important;
  border-radius: 5px;
  overflow: hidden;
  /*min-width: 140px;*/
  background-color: #0f2b53 !important;
}
/* line 975, ../sass/partials/layout/_header.scss */
.btn-cta .btn-cta__icon {
  background-color: #2a5785;
}

/* line 982, ../sass/partials/layout/_header.scss */
.btn-cta:hover {
  background-color: #2a5785 !important;
}

/* line 988, ../sass/partials/layout/_header.scss */
.btn-cta--orange {
  background-color: #e79851 !important;
  margin: 0 .4em 0 0;
}

/* line 993, ../sass/partials/layout/_header.scss */
.btn-cta--orange:hover {
  background-color: #eca963 !important;
}

/* line 998, ../sass/partials/layout/_header.scss */
.btn-cta--orange .btn-cta__icon, .btn-cta--orange span {
  color: #000;
}

/* line 1002, ../sass/partials/layout/_header.scss */
.btn-cta--orange .btn-cta__icon {
  background-color: #eca963;
}

/* line 1007, ../sass/partials/layout/_header.scss */
.btn-cta .btn-cta__icon, .btn-cta span {
  display: flex;
  align-items: center;
  text-align: left;
}

/* line 1013, ../sass/partials/layout/_header.scss */
.btn-cta span {
  margin: .5em .4em;
}

/* line 1019, ../sass/partials/layout/_header.scss */
.btn-cta .btn-cta__icon {
  display: flex;
  align-items: center;
  padding: 0px .5em;
}

/* line 1025, ../sass/partials/layout/_header.scss */
.btn-cta .btn-cta__icon img {
  min-width: 1.2em;
  max-width: 26px;
}

/* line 1031, ../sass/partials/layout/_header.scss */
.header .user-area .search-mini {
  max-width: 100%;
}

@media (max-width: 393px) {
  /* line 1036, ../sass/partials/layout/_header.scss */
  .header .user-area .search-mini .btn-main {
    padding: 18px 0.5em;
    top: 0px !important;
  }
  /* line 1039, ../sass/partials/layout/_header.scss */
  .header .user-area .search-mini .btn-main .icon-search:before {
    top: -12px;
  }
}
/* line 1045, ../sass/partials/layout/_header.scss */
.logo {
  width: auto;
}

/* line 1050, ../sass/partials/layout/_header.scss */
.cta-buttons {
  display: flex;
  margin-top: 0.4em;
}

@media (min-width: 1024px) {
  /* line 1056, ../sass/partials/layout/_header.scss */
  .user-area {
    margin-left: auto;
  }

  /*.header .user-area .search-mini {
      max-width: 14em;
  }*/
  /* line 1064, ../sass/partials/layout/_header.scss */
  .btn-cta--orange {
    margin: 0 .4em;
  }

  /* line 1068, ../sass/partials/layout/_header.scss */
  .cta-buttons {
    margin-top: 0em;
  }

  /*.btn-cta span {
      margin: 0 .4em;
  }*/
}
@media (max-width: 500px) {
  /* line 1079, ../sass/partials/layout/_header.scss */
  .btn-cta span {
    margin: .8em .4em !important;
    font-size: 12px;
    width: 100%;
    text-align: center;
    display: block;
  }
}
/*.c-header {
    display: flex !important;
    flex-direction: column;

    .user-area {
        margin-top: -6em;
    }

    .u-flex-respond--end {
        flex-direction: column-reverse !important;
    }

    .cta-buttons {
        flex-direction: column;
        align-items: flex-end;

        .btn-cta {
            margin: 0 0 .5em 0 !important;
        }
    }


    .logo {
        font-size: .9em;
    }

    .tagline {
        max-width: 22em !important;
        padding-top: 1em !important;
        display: none;
    }
}*/
/*.c-header {
    margin: 0.3rem 0 0.7rem 0rem !important;

    .btn-cta + .btn-cta {
        margin-left: .6em !important;
    }

    .c-search {
        display: none;
        margin-bottom: .8em;



        &--mobile {
            display: flex;
        }

        .icon-search {
            &:before {
                margin-right: 0;
            }
        }

        button[type=submit] {
            padding: 0 !important;
        }

        @media(min-width: 393px) {
            display: block;

            &--mobile {
                display: none !important;
            }
        }
    }

    .logo {
        margin: 0;

        img {
            max-width: 5em;
        }


        @media(min-width: 393px) {
            img {
                max-width: 6em;
            }
        }
    }

    .tagline {
        max-width: 22em !important;
        padding-top: 1em !important;
        display: none;
    }

    .u-flex-respond--end {
        flex-direction: column;
        max-width: 325px;
        margin-left: auto;
        padding-top: 1em;

        @media (min-width: 400px) and (max-width: 500px) {
            max-width: 271px
        }
    }



    .cta-buttons {
        flex-direction: column;
        align-items: flex-end;
        margin: 0;

        .btn-cta {
            font-size: .9em;
            margin: 0 0 .3em 0;
            max-height: 40px;
        }

        @media(min-width: 393px) {
            flex-direction: row !important;
            justify-content: space-between;
        }
    }


    @media(min-width: 628px) {
        display: flex !important;
        align-items: flex-start;
        justify-content: space-between;
    }

    @media(min-width: 700px) {
        display: flex !important;
        justify-content: space-between;

        .tagline {
            display: block;
            font-size: .8em;
        }

        .u-flex-respond--end {
            flex-direction: column;
        }
    }

    @media(min-width: 768px) {
        .logo {
            img {
                max-width: 7em;
            }
        }

        .tagline {
            font-size: 1em;
        }
    }

    @media(min-width: 1030px) {

        .u-flex-respond--end {
            flex-direction: row;
            justify-content: space-between;
            max-width: 610px;
        }

        .c-search {
            margin-right: .6em;
        }

        .btn-cta {
            margin: 0 !important;
        }

        .cta-buttons {
            align-items: stretch;
        }

        .c-search {
            margin-bottom: 0;
        }

        .btn-cta span {
            margin: .6em .6em;
        }

        input[type=text] {
            padding: 0.4em 0.5em 0.4em 0.8em !important;
        }
    }
}

.c-search--mobile {
    .icon-search {
        &:before {
            margin-right: 0;
        }
    }
}*/
/* line 1288, ../sass/partials/layout/_header.scss */
.menu-trigger {
  position: absolute;
  /*display: none;*/
  width: 4.66667rem;
  height: 100%;
  top: 0;
  right: 0px;
  background-color: #2a5785;
  border: 0;
  z-index: 9999;
    /*@media (max-width: 959px) {
        display:block;
    }
    
    @media (max-width: 679px) {
        top: 7.45em;
    }

    @media (max-width: 374px) {
        top: 9.54em;
    }*/
}
@media (min-width: 59.9375em) {
  /* line 1288, ../sass/partials/layout/_header.scss */
  .menu-trigger {
    display: none;
  }
}
/* line 1315, ../sass/partials/layout/_header.scss */
.menu-trigger.is-scrolled {
  position: fixed !important;
  top: 0;
  height: 2.2em;
}

/* line 1324, ../sass/partials/layout/_header.scss */
.header-nav-menu {
  border-left: 1px solid;
  border-color: rgba(0, 42, 76, 0.1);
  background-clip: padding-box;
  box-shadow: 0 2px 8px rgba(0, 42, 76, 0.05);
  width: 80%;
  max-width: 325px;
  height: 100%;
  position: fixed;
  right: 0;
  top: 0;
  transform: translate3d(100%, 0, 0);
  transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  opacity: 0;
  padding: 4em 0 0 0;
  z-index: 999;
  background-color: #3E7CA8;
  text-align: left;
  overflow: hidden;
}
/* line 1344, ../sass/partials/layout/_header.scss */
.header-nav-menu li {
  text-align: left !important;
  /*padding-left: 1em;*/
}
/* line 1347, ../sass/partials/layout/_header.scss */
.header-nav-menu li a:hover {
  background-color: #244a72;
  display: inline-block;
  width: 100%;
}
/* line 1354, ../sass/partials/layout/_header.scss */
.header-nav-menu__main__item {
  background-color: #2a5785;
  width: 100%;
  line-height: 2em;
  border-bottom: 1px solid #122437;
}
/* line 1360, ../sass/partials/layout/_header.scss */
.header-nav-menu__main__item a {
  display: flex;
  line-height: 1.2;
  padding: .5em 1.5em;
}
/* line 1366, ../sass/partials/layout/_header.scss */
.header-nav-menu__main__item ul {
  background-color: #3E7CA8;
}
/* line 1369, ../sass/partials/layout/_header.scss */
.header-nav-menu__main__item ul a {
  padding-left: 1.5em;
}

/* line 1376, ../sass/partials/layout/_header.scss */
.header-nav-menu.open {
  transform: translate3d(0, 0, 0);
  opacity: 1;
  overflow-y: auto;
}

/* ======================================================================================
   @LAYOUT -> FOOTER
   ====================================================================================== */
/* line 5, ../sass/partials/layout/_footer.scss */
.footer {
  clear: both;
  color: #fff;
  padding-bottom: 2em;
  /* Base rules */
}
/* line 10, ../sass/partials/layout/_footer.scss */
.footer p {
  margin-bottom: 0;
}
/* line 14, ../sass/partials/layout/_footer.scss */
.footer address {
  display: inline-block;
}
/* line 18, ../sass/partials/layout/_footer.scss */
.footer a {
  color: #fff;
  text-decoration: none;
}
/* line 22, ../sass/partials/layout/_footer.scss */
.footer a:hover, .footer a:focus {
  text-decoration: underline;
}
/* line 27, ../sass/partials/layout/_footer.scss */
.footer .footer-copy {
  margin: 1.5em 0;
  float: left;
}
@media all and (max-width: 40em) {
  /* line 33, ../sass/partials/layout/_footer.scss */
  .footer ul {
    margin-left: 0;
  }
}
@media all and (max-width: 63.9375em) {
  /* line 39, ../sass/partials/layout/_footer.scss */
  .footer .footer-copy {
    float: none;
  }
}
@media (max-width: 1023px) {
  /* line 5, ../sass/partials/layout/_footer.scss */
  .footer {
    margin-bottom: 3em;
  }
}
/* line 48, ../sass/partials/layout/_footer.scss */
.footer__acknowledge {
  border-top: 1px solid #e5e5e5;
  padding: 2.5rem 0;
}
/* line 53, ../sass/partials/layout/_footer.scss */
.footer__flags {
  max-width: 70px;
  margin-bottom: 1rem;
  margin-right: 1.5rem;
}
/* line 59, ../sass/partials/layout/_footer.scss */
.footer__base {
  align-items: center;
  background-color: #f1f1f1;
  display: flex;
  padding: 1.5rem 0;
}
/* line 65, ../sass/partials/layout/_footer.scss */
.footer__base a {
  font-weight: 600;
}
/* line 69, ../sass/partials/layout/_footer.scss */
.footer__base .l-container, .footer__base .l-container--small, .footer__base .l-container--med, .footer__base .l-container--large {
  flex-wrap: wrap;
}
/* line 73, ../sass/partials/layout/_footer.scss */
.footer__base .l-container *, .footer__base .l-container--small *, .footer__base .l-container--med *, .footer__base .l-container--large * {
  padding: .6rem 2rem .6rem 0;
}
@media (min-width: 64em) {
  /* line 80, ../sass/partials/layout/_footer.scss */
  .footer ul {
    margin: 1rem 0;
  }
}

/* line 86, ../sass/partials/layout/_footer.scss */
.c-social {
  align-items: center;
  display: flex;
}
/* line 90, ../sass/partials/layout/_footer.scss */
.c-social__icon {
  align-items: center;
  background-color: #0F2B53;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  height: 2.4rem;
  margin-left: .4rem;
  padding: .75rem;
  width: 2.4rem;
}
/* line 101, ../sass/partials/layout/_footer.scss */
.c-social__icon img {
  margin: 0.25rem 0.2rem;
}
/* line 106, ../sass/partials/layout/_footer.scss */
.c-social span {
  font-size: .85rem;
  font-weight: 600;
  margin-right: .4rem;
  white-space: nowrap;
}
@media (min-width: 64em) {
  /* line 86, ../sass/partials/layout/_footer.scss */
  .c-social {
    margin-left: auto;
  }
}

/* Back to top */
/* line 120, ../sass/partials/layout/_footer.scss */
.back-to-top {
  text-align: center;
  margin-bottom: 2em;
  display: block;
  text-decoration: none;
  /* Note: this may be redundant? */
  /* Pseudo element - up arrow */
  /* Hide at this breakpoint and for print */
}
/* line 126, ../sass/partials/layout/_footer.scss */
.back-to-top:before {
  content: "\2191";
  display: block;
  text-align: center;
  font-size: 28px;
  font-size: 1.86667rem;
  line-height: 0.8;
  font-family: "Courier New", Courier, monospace;
}
@media all and (min-width: 64em) {
  /* line 120, ../sass/partials/layout/_footer.scss */
  .back-to-top {
    display: none;
  }
}
@media print {
  /* line 120, ../sass/partials/layout/_footer.scss */
  .back-to-top {
    display: none;
  }
}

/* line 144, ../sass/partials/layout/_footer.scss */
.nav-footer a {
  font-family: "Jaldi", sans-serif;
  text-transform: uppercase;
}
@media all and (min-width: 64em) {
  /* line 143, ../sass/partials/layout/_footer.scss */
  .nav-footer {
    text-align: right;
    float: right;
  }
  /* line 153, ../sass/partials/layout/_footer.scss */
  .nav-footer li {
    padding-left: 1em;
  }
}

/* line 159, ../sass/partials/layout/_footer.scss */
.footer-logo {
  margin-top: 2em;
  text-align: center;
}
/* line 163, ../sass/partials/layout/_footer.scss */
.footer-logo img {
  max-width: 8em;
}
@media all and (min-width: 40.0625em) {
  /* line 159, ../sass/partials/layout/_footer.scss */
  .footer-logo {
    margin-top: 7em;
    margin-bottom: 2em;
  }
  /* line 171, ../sass/partials/layout/_footer.scss */
  .footer-logo .grid-item {
    text-align: center;
  }
}

/* line 178, ../sass/partials/layout/_footer.scss */
.flex-res {
  display: flex;
  flex-direction: row;
  align-items: baseline;
}

/* line 184, ../sass/partials/layout/_footer.scss */
.flex-res img {
  max-width: 140px !important;
}

/* line 188, ../sass/partials/layout/_footer.scss */
.flex-res .mw180 {
  max-width: 180px !important;
}

/* line 192, ../sass/partials/layout/_footer.scss */
.flex-res a {
  margin: 2em auto 2em auto;
}

/* line 196, ../sass/partials/layout/_footer.scss */
.y-base-gutter {
  margin-bottom: 3em;
}

@media (max-width: 414px) {
  /* line 201, ../sass/partials/layout/_footer.scss */
  .flex-res {
    margin-left: .5em;
  }

  /* line 205, ../sass/partials/layout/_footer.scss */
  .flex-res a {
    margin: 1em auto;
  }

  /* line 209, ../sass/partials/layout/_footer.scss */
  .flex-res a img {
    width: 80%;
  }

  /* line 213, ../sass/partials/layout/_footer.scss */
  .info-top {
    display: block;
  }

  /* line 217, ../sass/partials/layout/_footer.scss */
  .info-top hr {
    border: 1px solid #fff;
    border-radius: 5px;
    height: 0;
    width: 60%;
    margin: 2em auto;
  }

  /* line 225, ../sass/partials/layout/_footer.scss */
  .gov-icons-normal {
    display: none;
  }

  /* line 229, ../sass/partials/layout/_footer.scss */
  .gov-icons-bottom {
    display: flex;
    flex-direction: column;
    margin-top: -2em;
  }

  /* line 235, ../sass/partials/layout/_footer.scss */
  .gov-icons-bottom a img {
    max-width: 180px !important;
  }
}
@media (min-width: 415px) {
  /* line 241, ../sass/partials/layout/_footer.scss */
  .gov-icons-bottom {
    display: none;
  }

  /* line 245, ../sass/partials/layout/_footer.scss */
  .info-top {
    display: none;
  }
}
/* Layout -> Grid */
/* ======================================================================================
   @LAYOUT -> GRID
   ====================================================================================== */
/* 
	Usage:
		Fluid and nestable grid system.
	
	Note:
		-	Grid is built 'mobile first'.
		-	Grid does not work in IE 7 as it does not support: `box-sizing: border-box;`, if you need to support IE 7 then use `margin` instead of `padding` for the grid gutters and use `:first-child` to remove the `margin` from the first grid cell child instead of the negative left margin on `.grid`.
	
	Demo:
		Style Guide -> Grid
		
	Credit: 
		https://github.com/csswizardry/csswizardry-grids/blob/master/csswizardry-grids.scss
*/
/* Grid container */
/* line 21, ../sass/partials/layout/grid/_grid.scss */
.grid {
  /* Negative `margin-left` to negate the columns' gutters */
  /*@include to-rem(margin-left, -$grid-gutter);*/
  display: flex;
  flex-wrap: wrap;
  /* Clear fix */
  /*@include clear-fix;*/
  /* Very infrequently occuring grid rows as children of grid rows */
}
/* line 31, ../sass/partials/layout/grid/_grid.scss */
.grid > .grid {
  margin-left: 0;
}

/* Grid item */
/* line 37, ../sass/partials/layout/grid/_grid.scss */
.grid-item {
  width: 100%;
  /*float: left;
  @include to-rem(padding-left, $grid-gutter);*/
  /* Print - have to re-linearise as all browsers except Chrome will honor any width classes above the `$non-palm` breakpoint */
}
@media print {
  /* line 37, ../sass/partials/layout/grid/_grid.scss */
  .grid-item {
    width: 100% !important;
  }
}

/* Apply bottom margins between the grid elements for linearised version */
/* line 49, ../sass/partials/layout/grid/_grid.scss */
.grid,
.grid-item {
  /* Turn off bottom margin at this breakpoint (non-linearised) and only for 'screen' media so as not to affect 'print' media */
}
@media only screen and (min-width: 40.0625em) {
  /* line 49, ../sass/partials/layout/grid/_grid.scss */
  .grid,
  .grid-item {
    margin-bottom: 0;
  }
}

/* --Extenders-- */
/* 'Gutterless' and 'Center align' */
/* line 62, ../sass/partials/layout/grid/_grid.scss */
.grid-gutterless,
.grid-center {
  margin-left: 0;
}

/* Gutterless */
/* line 66, ../sass/partials/layout/grid/_grid.scss */
.grid-gutterless > .grid-item {
  padding-left: 0;
}

/* Center align */
/* line 69, ../sass/partials/layout/grid/_grid.scss */
.grid-center > .grid-item {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  float: none;
}

/* Reversed */
/* line 77, ../sass/partials/layout/grid/_grid.scss */
.grid-rev > .grid-item {
  float: right;
}

/* Lists */
/* line 80, ../sass/partials/layout/grid/_grid.scss */
.grid-list {
  /* This is for applying bottom spacing between the `li`s which you may or may not need? */
  margin-bottom: -22px;
  margin-bottom: -1.46667rem;
  /* This is for applying bottom spacing between the `li`s which you may or may not need? */
  /* If all the `li`s aren't the same height when the grid is used on lists then we have to clear the 1st `li` in the row by using this class, not the most attractive way to handle it but it will have to do for now */
}
/* line 85, ../sass/partials/layout/grid/_grid.scss */
.grid-list .grid-item {
  margin-bottom: 22px;
  margin-bottom: 1.46667rem;
}
/* line 88, ../sass/partials/layout/grid/_grid.scss */
.grid-list .grid-item--clear {
  clear: left;
}

/*Due to the complicated set up of displaying content, the rules here have to be the special to put in padding, margin etc*/
/* line 92, ../sass/partials/layout/grid/_grid.scss */
.grid-content {
  padding: 2rem 0;
}

@media (max-width: 1000px) {
  /* line 100, ../sass/partials/layout/grid/_grid.scss */
  .grid.grid-content.article-content {
    /*display: flex;
    flex-direction: column-reverse;*/
    /*.island.island-body {
        width: 50% !important;
    }*/
  }
  /* line 104, ../sass/partials/layout/grid/_grid.scss */
  .grid.grid-content.article-content .grid-item.non-palm-three-quarters {
    width: 100%;
  }
  /* line 108, ../sass/partials/layout/grid/_grid.scss */
  .grid.grid-content.article-content .grid-item.non-palm-one-quarter.column {
    width: 100% !important;
  }
  /* line 114, ../sass/partials/layout/grid/_grid.scss */
  .grid.grid-content.article-content .grid.grid-content.article-content .island.island-body {
    width: 100% !important;
  }
}
/*.non-palm-one-third {
	width: 100%;
}

@media (min-width: 40.0625em) {
	.non-palm-one-third {
		width: calc(33.33% - 1rem);
	}
}*/
/* ======================================================================================
   @LAYOUT -> GRID -> WIDTHS
   ====================================================================================== */
/*
	Usage: 
		Set-up flexible widths via classes which are mostly used for the grid system, the mixin allows you to define widths at specific breakpoints.
	
	Note:
		All the width values come from: 'utils/vars -> FLEXIBLE WIDTHS' so they can be used outside of this `@mixin`.
		
	Credit: 
		https://github.com/csswizardry/csswizardry-grids/blob/master/csswizardry-grids.scss
*/
/* Output all the flexible width classes */
/* 
	Note: these may not be required esp. if the width classes are only being used for the grid.
*/
/* Whole */
/* line 19, ../sass/partials/layout/grid/_widths.scss */
.one-whole {
  width: 100%;
}

/* Halves */
/* line 22, ../sass/partials/layout/grid/_widths.scss */
.one-half {
  width: 50%;
}

/* Thirds */
/* line 25, ../sass/partials/layout/grid/_widths.scss */
.one-third {
  width: 33.333%;
}

/* line 26, ../sass/partials/layout/grid/_widths.scss */
.two-thirds {
  width: 66.666%;
}

/* Quarters */
/* line 29, ../sass/partials/layout/grid/_widths.scss */
.one-quarter {
  width: 25%;
}

/* line 30, ../sass/partials/layout/grid/_widths.scss */
.two-quarters {
  width: 50%;
}

/* line 31, ../sass/partials/layout/grid/_widths.scss */
.three-quarters {
  width: 75%;
}

/* Fifths */
/* line 34, ../sass/partials/layout/grid/_widths.scss */
.one-fifth {
  width: 20%;
}

/* line 35, ../sass/partials/layout/grid/_widths.scss */
.two-fifths {
  width: 40%;
}

/* line 36, ../sass/partials/layout/grid/_widths.scss */
.three-fifths {
  width: 60%;
}

/* line 37, ../sass/partials/layout/grid/_widths.scss */
.four-fifths {
  width: 80%;
}

/* Sixths */
/* line 40, ../sass/partials/layout/grid/_widths.scss */
.one-sixth {
  width: 16.666%;
}

/* line 41, ../sass/partials/layout/grid/_widths.scss */
.two-sixths {
  width: 33.333%;
}

/* line 42, ../sass/partials/layout/grid/_widths.scss */
.three-sixths {
  width: 50%;
}

/* line 43, ../sass/partials/layout/grid/_widths.scss */
.four-sixths {
  width: 66.666%;
}

/* line 44, ../sass/partials/layout/grid/_widths.scss */
.five-sixths {
  width: 83.333%;
}

/* Eighths */
/* line 47, ../sass/partials/layout/grid/_widths.scss */
.one-eighth {
  width: 12.5%;
}

/* line 48, ../sass/partials/layout/grid/_widths.scss */
.two-eighths {
  width: 25%;
}

/* line 49, ../sass/partials/layout/grid/_widths.scss */
.three-eighths {
  width: 37.5%;
}

/* line 50, ../sass/partials/layout/grid/_widths.scss */
.four-eighths {
  width: 50%;
}

/* line 51, ../sass/partials/layout/grid/_widths.scss */
.five-eighths {
  width: 62.5%;
}

/* line 52, ../sass/partials/layout/grid/_widths.scss */
.six-eighths {
  width: 75%;
}

/* line 53, ../sass/partials/layout/grid/_widths.scss */
.seven-eighths {
  width: 87.5%;
}

/* Tenths */
/* line 56, ../sass/partials/layout/grid/_widths.scss */
.one-tenth {
  width: 10%;
}

/* line 57, ../sass/partials/layout/grid/_widths.scss */
.two-tenths {
  width: 20%;
}

/* line 58, ../sass/partials/layout/grid/_widths.scss */
.three-tenths {
  width: 30%;
}

/* line 59, ../sass/partials/layout/grid/_widths.scss */
.four-tenths {
  width: 40%;
}

/* line 60, ../sass/partials/layout/grid/_widths.scss */
.five-tenths {
  width: 50%;
}

/* line 61, ../sass/partials/layout/grid/_widths.scss */
.six-tenths {
  width: 60%;
}

/* line 62, ../sass/partials/layout/grid/_widths.scss */
.seven-tenths {
  width: 70%;
}

/* line 63, ../sass/partials/layout/grid/_widths.scss */
.eight-tenths {
  width: 80%;
}

/* line 64, ../sass/partials/layout/grid/_widths.scss */
.nine-tenths {
  width: 90%;
}

/* Twelfths */
/* line 67, ../sass/partials/layout/grid/_widths.scss */
.one-twelfth {
  width: 8.333%;
}

/* line 68, ../sass/partials/layout/grid/_widths.scss */
.two-twelfths {
  width: 16.666%;
}

/* line 69, ../sass/partials/layout/grid/_widths.scss */
.three-twelfths {
  width: 25%;
}

/* line 70, ../sass/partials/layout/grid/_widths.scss */
.four-twelfths {
  width: 33.333%;
}

/* line 71, ../sass/partials/layout/grid/_widths.scss */
.five-twelfths {
  width: 41.666%;
}

/* line 72, ../sass/partials/layout/grid/_widths.scss */
.six-twelfths {
  width: 50%;
}

/* line 73, ../sass/partials/layout/grid/_widths.scss */
.seven-twelfths {
  width: 58.333%;
}

/* line 74, ../sass/partials/layout/grid/_widths.scss */
.eight-twelfths {
  width: 66.666%;
}

/* line 75, ../sass/partials/layout/grid/_widths.scss */
.nine-twelfths {
  width: 75%;
}

/* line 76, ../sass/partials/layout/grid/_widths.scss */
.ten-twelfths {
  width: 83.333%;
}

/* line 77, ../sass/partials/layout/grid/_widths.scss */
.eleven-twelfths {
  width: 91.666%;
}

/* --Output all the flexible width classes under specific breakpoints applied via specific classes (namespaced) e.g. `.lap-one-half` (all pre-defined breakpoints)-- */
/* 
	Note: be sure to comment out what you don't use as a lot of CSS is generated from all of this.
*/
/* Non-palm */
@media all and (min-width: 40.0625em) {
  /* Whole */
  /* line 19, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-one-whole {
    width: 100%;
  }

  /* Halves */
  /* line 22, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-one-half {
    width: 50%;
  }

  /* Thirds */
  /* line 25, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-one-third {
    width: 33.333%;
  }

  /* line 26, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-two-thirds {
    width: 66.666%;
  }

  /* Quarters */
  /* line 29, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-one-quarter {
    width: 25%;
  }

  /* line 30, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-two-quarters {
    width: 50%;
  }

  /* line 31, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-three-quarters {
    width: 75%;
  }

  /* Fifths */
  /* line 34, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-one-fifth {
    width: 20%;
  }

  /* line 35, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-two-fifths {
    width: 40%;
  }

  /* line 36, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-three-fifths {
    width: 60%;
  }

  /* line 37, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-four-fifths {
    width: 80%;
  }

  /* Sixths */
  /* line 40, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-one-sixth {
    width: 16.666%;
  }

  /* line 41, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-two-sixths {
    width: 33.333%;
  }

  /* line 42, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-three-sixths {
    width: 50%;
  }

  /* line 43, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-four-sixths {
    width: 66.666%;
  }

  /* line 44, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-five-sixths {
    width: 83.333%;
  }

  /* Eighths */
  /* line 47, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-one-eighth {
    width: 12.5%;
  }

  /* line 48, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-two-eighths {
    width: 25%;
  }

  /* line 49, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-three-eighths {
    width: 37.5%;
  }

  /* line 50, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-four-eighths {
    width: 50%;
  }

  /* line 51, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-five-eighths {
    width: 62.5%;
  }

  /* line 52, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-six-eighths {
    width: 75%;
  }

  /* line 53, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-seven-eighths {
    width: 87.5%;
  }

  /* Tenths */
  /* line 56, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-one-tenth {
    width: 10%;
  }

  /* line 57, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-two-tenths {
    width: 20%;
  }

  /* line 58, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-three-tenths {
    width: 30%;
  }

  /* line 59, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-four-tenths {
    width: 40%;
  }

  /* line 60, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-five-tenths {
    width: 50%;
  }

  /* line 61, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-six-tenths {
    width: 60%;
  }

  /* line 62, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-seven-tenths {
    width: 70%;
  }

  /* line 63, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-eight-tenths {
    width: 80%;
  }

  /* line 64, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-nine-tenths {
    width: 90%;
  }

  /* Twelfths */
  /* line 67, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-one-twelfth {
    width: 8.333%;
  }

  /* line 68, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-two-twelfths {
    width: 16.666%;
  }

  /* line 69, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-three-twelfths {
    width: 25%;
  }

  /* line 70, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-four-twelfths {
    width: 33.333%;
  }

  /* line 71, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-five-twelfths {
    width: 41.666%;
  }

  /* line 72, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-six-twelfths {
    width: 50%;
  }

  /* line 73, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-seven-twelfths {
    width: 58.333%;
  }

  /* line 74, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-eight-twelfths {
    width: 66.666%;
  }

  /* line 75, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-nine-twelfths {
    width: 75%;
  }

  /* line 76, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-ten-twelfths {
    width: 83.333%;
  }

  /* line 77, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-eleven-twelfths {
    width: 91.666%;
  }
}
/* Lap */
/* Lap */
@media all and (min-width: 40.0625em) and (max-width: 74.9375em) {
  /* Whole */
  /* line 19, ../sass/partials/layout/grid/_widths.scss */
  .lap-one-whole {
    width: 100%;
  }

  /* Halves */
  /* line 22, ../sass/partials/layout/grid/_widths.scss */
  .lap-one-half {
    width: 50%;
  }

  /* Thirds */
  /* line 25, ../sass/partials/layout/grid/_widths.scss */
  .lap-one-third {
    width: 33.333%;
  }

  /* line 26, ../sass/partials/layout/grid/_widths.scss */
  .lap-two-thirds {
    width: 66.666%;
  }

  /* Quarters */
  /* line 29, ../sass/partials/layout/grid/_widths.scss */
  .lap-one-quarter {
    width: 25%;
  }

  /* line 30, ../sass/partials/layout/grid/_widths.scss */
  .lap-two-quarters {
    width: 50%;
  }

  /* line 31, ../sass/partials/layout/grid/_widths.scss */
  .lap-three-quarters {
    width: 75%;
  }

  /* Fifths */
  /* line 34, ../sass/partials/layout/grid/_widths.scss */
  .lap-one-fifth {
    width: 20%;
  }

  /* line 35, ../sass/partials/layout/grid/_widths.scss */
  .lap-two-fifths {
    width: 40%;
  }

  /* line 36, ../sass/partials/layout/grid/_widths.scss */
  .lap-three-fifths {
    width: 60%;
  }

  /* line 37, ../sass/partials/layout/grid/_widths.scss */
  .lap-four-fifths {
    width: 80%;
  }

  /* Sixths */
  /* line 40, ../sass/partials/layout/grid/_widths.scss */
  .lap-one-sixth {
    width: 16.666%;
  }

  /* line 41, ../sass/partials/layout/grid/_widths.scss */
  .lap-two-sixths {
    width: 33.333%;
  }

  /* line 42, ../sass/partials/layout/grid/_widths.scss */
  .lap-three-sixths {
    width: 50%;
  }

  /* line 43, ../sass/partials/layout/grid/_widths.scss */
  .lap-four-sixths {
    width: 66.666%;
  }

  /* line 44, ../sass/partials/layout/grid/_widths.scss */
  .lap-five-sixths {
    width: 83.333%;
  }

  /* Eighths */
  /* line 47, ../sass/partials/layout/grid/_widths.scss */
  .lap-one-eighth {
    width: 12.5%;
  }

  /* line 48, ../sass/partials/layout/grid/_widths.scss */
  .lap-two-eighths {
    width: 25%;
  }

  /* line 49, ../sass/partials/layout/grid/_widths.scss */
  .lap-three-eighths {
    width: 37.5%;
  }

  /* line 50, ../sass/partials/layout/grid/_widths.scss */
  .lap-four-eighths {
    width: 50%;
  }

  /* line 51, ../sass/partials/layout/grid/_widths.scss */
  .lap-five-eighths {
    width: 62.5%;
  }

  /* line 52, ../sass/partials/layout/grid/_widths.scss */
  .lap-six-eighths {
    width: 75%;
  }

  /* line 53, ../sass/partials/layout/grid/_widths.scss */
  .lap-seven-eighths {
    width: 87.5%;
  }

  /* Tenths */
  /* line 56, ../sass/partials/layout/grid/_widths.scss */
  .lap-one-tenth {
    width: 10%;
  }

  /* line 57, ../sass/partials/layout/grid/_widths.scss */
  .lap-two-tenths {
    width: 20%;
  }

  /* line 58, ../sass/partials/layout/grid/_widths.scss */
  .lap-three-tenths {
    width: 30%;
  }

  /* line 59, ../sass/partials/layout/grid/_widths.scss */
  .lap-four-tenths {
    width: 40%;
  }

  /* line 60, ../sass/partials/layout/grid/_widths.scss */
  .lap-five-tenths {
    width: 50%;
  }

  /* line 61, ../sass/partials/layout/grid/_widths.scss */
  .lap-six-tenths {
    width: 60%;
  }

  /* line 62, ../sass/partials/layout/grid/_widths.scss */
  .lap-seven-tenths {
    width: 70%;
  }

  /* line 63, ../sass/partials/layout/grid/_widths.scss */
  .lap-eight-tenths {
    width: 80%;
  }

  /* line 64, ../sass/partials/layout/grid/_widths.scss */
  .lap-nine-tenths {
    width: 90%;
  }

  /* Twelfths */
  /* line 67, ../sass/partials/layout/grid/_widths.scss */
  .lap-one-twelfth {
    width: 8.333%;
  }

  /* line 68, ../sass/partials/layout/grid/_widths.scss */
  .lap-two-twelfths {
    width: 16.666%;
  }

  /* line 69, ../sass/partials/layout/grid/_widths.scss */
  .lap-three-twelfths {
    width: 25%;
  }

  /* line 70, ../sass/partials/layout/grid/_widths.scss */
  .lap-four-twelfths {
    width: 33.333%;
  }

  /* line 71, ../sass/partials/layout/grid/_widths.scss */
  .lap-five-twelfths {
    width: 41.666%;
  }

  /* line 72, ../sass/partials/layout/grid/_widths.scss */
  .lap-six-twelfths {
    width: 50%;
  }

  /* line 73, ../sass/partials/layout/grid/_widths.scss */
  .lap-seven-twelfths {
    width: 58.333%;
  }

  /* line 74, ../sass/partials/layout/grid/_widths.scss */
  .lap-eight-twelfths {
    width: 66.666%;
  }

  /* line 75, ../sass/partials/layout/grid/_widths.scss */
  .lap-nine-twelfths {
    width: 75%;
  }

  /* line 76, ../sass/partials/layout/grid/_widths.scss */
  .lap-ten-twelfths {
    width: 83.333%;
  }

  /* line 77, ../sass/partials/layout/grid/_widths.scss */
  .lap-eleven-twelfths {
    width: 91.666%;
  }
}
/* Lap small */
/* Lap large */
/* Desk small */
/* Lap small */
/* Lap */
/* Lap small */
@media all and (min-width: 40.0625em) and (max-width: 56.25em) {
  /* Whole */
  /* line 19, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-one-whole {
    width: 100%;
  }

  /* Halves */
  /* line 22, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-one-half {
    width: 50%;
  }

  /* Thirds */
  /* line 25, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-one-third {
    width: 33.333%;
  }

  /* line 26, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-two-thirds {
    width: 66.666%;
  }

  /* Quarters */
  /* line 29, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-one-quarter {
    width: 25%;
  }

  /* line 30, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-two-quarters {
    width: 50%;
  }

  /* line 31, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-three-quarters {
    width: 75%;
  }

  /* Fifths */
  /* line 34, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-one-fifth {
    width: 20%;
  }

  /* line 35, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-two-fifths {
    width: 40%;
  }

  /* line 36, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-three-fifths {
    width: 60%;
  }

  /* line 37, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-four-fifths {
    width: 80%;
  }

  /* Sixths */
  /* line 40, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-one-sixth {
    width: 16.666%;
  }

  /* line 41, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-two-sixths {
    width: 33.333%;
  }

  /* line 42, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-three-sixths {
    width: 50%;
  }

  /* line 43, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-four-sixths {
    width: 66.666%;
  }

  /* line 44, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-five-sixths {
    width: 83.333%;
  }

  /* Eighths */
  /* line 47, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-one-eighth {
    width: 12.5%;
  }

  /* line 48, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-two-eighths {
    width: 25%;
  }

  /* line 49, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-three-eighths {
    width: 37.5%;
  }

  /* line 50, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-four-eighths {
    width: 50%;
  }

  /* line 51, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-five-eighths {
    width: 62.5%;
  }

  /* line 52, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-six-eighths {
    width: 75%;
  }

  /* line 53, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-seven-eighths {
    width: 87.5%;
  }

  /* Tenths */
  /* line 56, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-one-tenth {
    width: 10%;
  }

  /* line 57, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-two-tenths {
    width: 20%;
  }

  /* line 58, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-three-tenths {
    width: 30%;
  }

  /* line 59, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-four-tenths {
    width: 40%;
  }

  /* line 60, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-five-tenths {
    width: 50%;
  }

  /* line 61, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-six-tenths {
    width: 60%;
  }

  /* line 62, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-seven-tenths {
    width: 70%;
  }

  /* line 63, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-eight-tenths {
    width: 80%;
  }

  /* line 64, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-nine-tenths {
    width: 90%;
  }

  /* Twelfths */
  /* line 67, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-one-twelfth {
    width: 8.333%;
  }

  /* line 68, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-two-twelfths {
    width: 16.666%;
  }

  /* line 69, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-three-twelfths {
    width: 25%;
  }

  /* line 70, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-four-twelfths {
    width: 33.333%;
  }

  /* line 71, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-five-twelfths {
    width: 41.666%;
  }

  /* line 72, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-six-twelfths {
    width: 50%;
  }

  /* line 73, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-seven-twelfths {
    width: 58.333%;
  }

  /* line 74, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-eight-twelfths {
    width: 66.666%;
  }

  /* line 75, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-nine-twelfths {
    width: 75%;
  }

  /* line 76, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-ten-twelfths {
    width: 83.333%;
  }

  /* line 77, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-eleven-twelfths {
    width: 91.666%;
  }
}
/* Lap large */
/* Desk small */
/* Lap large */
/* Lap */
/* Lap small */
/* Lap large */
@media all and (min-width: 56.3125em) and (max-width: 74.9375em) {
  /* Whole */
  /* line 19, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-one-whole {
    width: 100%;
  }

  /* Halves */
  /* line 22, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-one-half {
    width: 50%;
  }

  /* Thirds */
  /* line 25, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-one-third {
    width: 33.333%;
  }

  /* line 26, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-two-thirds {
    width: 66.666%;
  }

  /* Quarters */
  /* line 29, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-one-quarter {
    width: 25%;
  }

  /* line 30, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-two-quarters {
    width: 50%;
  }

  /* line 31, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-three-quarters {
    width: 75%;
  }

  /* Fifths */
  /* line 34, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-one-fifth {
    width: 20%;
  }

  /* line 35, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-two-fifths {
    width: 40%;
  }

  /* line 36, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-three-fifths {
    width: 60%;
  }

  /* line 37, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-four-fifths {
    width: 80%;
  }

  /* Sixths */
  /* line 40, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-one-sixth {
    width: 16.666%;
  }

  /* line 41, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-two-sixths {
    width: 33.333%;
  }

  /* line 42, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-three-sixths {
    width: 50%;
  }

  /* line 43, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-four-sixths {
    width: 66.666%;
  }

  /* line 44, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-five-sixths {
    width: 83.333%;
  }

  /* Eighths */
  /* line 47, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-one-eighth {
    width: 12.5%;
  }

  /* line 48, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-two-eighths {
    width: 25%;
  }

  /* line 49, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-three-eighths {
    width: 37.5%;
  }

  /* line 50, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-four-eighths {
    width: 50%;
  }

  /* line 51, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-five-eighths {
    width: 62.5%;
  }

  /* line 52, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-six-eighths {
    width: 75%;
  }

  /* line 53, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-seven-eighths {
    width: 87.5%;
  }

  /* Tenths */
  /* line 56, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-one-tenth {
    width: 10%;
  }

  /* line 57, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-two-tenths {
    width: 20%;
  }

  /* line 58, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-three-tenths {
    width: 30%;
  }

  /* line 59, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-four-tenths {
    width: 40%;
  }

  /* line 60, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-five-tenths {
    width: 50%;
  }

  /* line 61, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-six-tenths {
    width: 60%;
  }

  /* line 62, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-seven-tenths {
    width: 70%;
  }

  /* line 63, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-eight-tenths {
    width: 80%;
  }

  /* line 64, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-nine-tenths {
    width: 90%;
  }

  /* Twelfths */
  /* line 67, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-one-twelfth {
    width: 8.333%;
  }

  /* line 68, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-two-twelfths {
    width: 16.666%;
  }

  /* line 69, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-three-twelfths {
    width: 25%;
  }

  /* line 70, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-four-twelfths {
    width: 33.333%;
  }

  /* line 71, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-five-twelfths {
    width: 41.666%;
  }

  /* line 72, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-six-twelfths {
    width: 50%;
  }

  /* line 73, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-seven-twelfths {
    width: 58.333%;
  }

  /* line 74, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-eight-twelfths {
    width: 66.666%;
  }

  /* line 75, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-nine-twelfths {
    width: 75%;
  }

  /* line 76, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-ten-twelfths {
    width: 83.333%;
  }

  /* line 77, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-eleven-twelfths {
    width: 91.666%;
  }
}
/* Desk small */
/* Portable */
@media all and (max-width: 74.9375em) {
  /* Whole */
  /* line 19, ../sass/partials/layout/grid/_widths.scss */
  .portable-one-whole {
    width: 100%;
  }

  /* Halves */
  /* line 22, ../sass/partials/layout/grid/_widths.scss */
  .portable-one-half {
    width: 50%;
  }

  /* Thirds */
  /* line 25, ../sass/partials/layout/grid/_widths.scss */
  .portable-one-third {
    width: 33.333%;
  }

  /* line 26, ../sass/partials/layout/grid/_widths.scss */
  .portable-two-thirds {
    width: 66.666%;
  }

  /* Quarters */
  /* line 29, ../sass/partials/layout/grid/_widths.scss */
  .portable-one-quarter {
    width: 25%;
  }

  /* line 30, ../sass/partials/layout/grid/_widths.scss */
  .portable-two-quarters {
    width: 50%;
  }

  /* line 31, ../sass/partials/layout/grid/_widths.scss */
  .portable-three-quarters {
    width: 75%;
  }

  /* Fifths */
  /* line 34, ../sass/partials/layout/grid/_widths.scss */
  .portable-one-fifth {
    width: 20%;
  }

  /* line 35, ../sass/partials/layout/grid/_widths.scss */
  .portable-two-fifths {
    width: 40%;
  }

  /* line 36, ../sass/partials/layout/grid/_widths.scss */
  .portable-three-fifths {
    width: 60%;
  }

  /* line 37, ../sass/partials/layout/grid/_widths.scss */
  .portable-four-fifths {
    width: 80%;
  }

  /* Sixths */
  /* line 40, ../sass/partials/layout/grid/_widths.scss */
  .portable-one-sixth {
    width: 16.666%;
  }

  /* line 41, ../sass/partials/layout/grid/_widths.scss */
  .portable-two-sixths {
    width: 33.333%;
  }

  /* line 42, ../sass/partials/layout/grid/_widths.scss */
  .portable-three-sixths {
    width: 50%;
  }

  /* line 43, ../sass/partials/layout/grid/_widths.scss */
  .portable-four-sixths {
    width: 66.666%;
  }

  /* line 44, ../sass/partials/layout/grid/_widths.scss */
  .portable-five-sixths {
    width: 83.333%;
  }

  /* Eighths */
  /* line 47, ../sass/partials/layout/grid/_widths.scss */
  .portable-one-eighth {
    width: 12.5%;
  }

  /* line 48, ../sass/partials/layout/grid/_widths.scss */
  .portable-two-eighths {
    width: 25%;
  }

  /* line 49, ../sass/partials/layout/grid/_widths.scss */
  .portable-three-eighths {
    width: 37.5%;
  }

  /* line 50, ../sass/partials/layout/grid/_widths.scss */
  .portable-four-eighths {
    width: 50%;
  }

  /* line 51, ../sass/partials/layout/grid/_widths.scss */
  .portable-five-eighths {
    width: 62.5%;
  }

  /* line 52, ../sass/partials/layout/grid/_widths.scss */
  .portable-six-eighths {
    width: 75%;
  }

  /* line 53, ../sass/partials/layout/grid/_widths.scss */
  .portable-seven-eighths {
    width: 87.5%;
  }

  /* Tenths */
  /* line 56, ../sass/partials/layout/grid/_widths.scss */
  .portable-one-tenth {
    width: 10%;
  }

  /* line 57, ../sass/partials/layout/grid/_widths.scss */
  .portable-two-tenths {
    width: 20%;
  }

  /* line 58, ../sass/partials/layout/grid/_widths.scss */
  .portable-three-tenths {
    width: 30%;
  }

  /* line 59, ../sass/partials/layout/grid/_widths.scss */
  .portable-four-tenths {
    width: 40%;
  }

  /* line 60, ../sass/partials/layout/grid/_widths.scss */
  .portable-five-tenths {
    width: 50%;
  }

  /* line 61, ../sass/partials/layout/grid/_widths.scss */
  .portable-six-tenths {
    width: 60%;
  }

  /* line 62, ../sass/partials/layout/grid/_widths.scss */
  .portable-seven-tenths {
    width: 70%;
  }

  /* line 63, ../sass/partials/layout/grid/_widths.scss */
  .portable-eight-tenths {
    width: 80%;
  }

  /* line 64, ../sass/partials/layout/grid/_widths.scss */
  .portable-nine-tenths {
    width: 90%;
  }

  /* Twelfths */
  /* line 67, ../sass/partials/layout/grid/_widths.scss */
  .portable-one-twelfth {
    width: 8.333%;
  }

  /* line 68, ../sass/partials/layout/grid/_widths.scss */
  .portable-two-twelfths {
    width: 16.666%;
  }

  /* line 69, ../sass/partials/layout/grid/_widths.scss */
  .portable-three-twelfths {
    width: 25%;
  }

  /* line 70, ../sass/partials/layout/grid/_widths.scss */
  .portable-four-twelfths {
    width: 33.333%;
  }

  /* line 71, ../sass/partials/layout/grid/_widths.scss */
  .portable-five-twelfths {
    width: 41.666%;
  }

  /* line 72, ../sass/partials/layout/grid/_widths.scss */
  .portable-six-twelfths {
    width: 50%;
  }

  /* line 73, ../sass/partials/layout/grid/_widths.scss */
  .portable-seven-twelfths {
    width: 58.333%;
  }

  /* line 74, ../sass/partials/layout/grid/_widths.scss */
  .portable-eight-twelfths {
    width: 66.666%;
  }

  /* line 75, ../sass/partials/layout/grid/_widths.scss */
  .portable-nine-twelfths {
    width: 75%;
  }

  /* line 76, ../sass/partials/layout/grid/_widths.scss */
  .portable-ten-twelfths {
    width: 83.333%;
  }

  /* line 77, ../sass/partials/layout/grid/_widths.scss */
  .portable-eleven-twelfths {
    width: 91.666%;
  }
}
/* Desk */
@media all and (min-width: 75em) {
  /* Whole */
  /* line 19, ../sass/partials/layout/grid/_widths.scss */
  .desk-one-whole {
    width: 100%;
  }

  /* Halves */
  /* line 22, ../sass/partials/layout/grid/_widths.scss */
  .desk-one-half {
    width: 50%;
  }

  /* Thirds */
  /* line 25, ../sass/partials/layout/grid/_widths.scss */
  .desk-one-third {
    width: 33.333%;
  }

  /* line 26, ../sass/partials/layout/grid/_widths.scss */
  .desk-two-thirds {
    width: 66.666%;
  }

  /* Quarters */
  /* line 29, ../sass/partials/layout/grid/_widths.scss */
  .desk-one-quarter {
    width: 25%;
  }

  /* line 30, ../sass/partials/layout/grid/_widths.scss */
  .desk-two-quarters {
    width: 50%;
  }

  /* line 31, ../sass/partials/layout/grid/_widths.scss */
  .desk-three-quarters {
    width: 75%;
  }

  /* Fifths */
  /* line 34, ../sass/partials/layout/grid/_widths.scss */
  .desk-one-fifth {
    width: 20%;
  }

  /* line 35, ../sass/partials/layout/grid/_widths.scss */
  .desk-two-fifths {
    width: 40%;
  }

  /* line 36, ../sass/partials/layout/grid/_widths.scss */
  .desk-three-fifths {
    width: 60%;
  }

  /* line 37, ../sass/partials/layout/grid/_widths.scss */
  .desk-four-fifths {
    width: 80%;
  }

  /* Sixths */
  /* line 40, ../sass/partials/layout/grid/_widths.scss */
  .desk-one-sixth {
    width: 16.666%;
  }

  /* line 41, ../sass/partials/layout/grid/_widths.scss */
  .desk-two-sixths {
    width: 33.333%;
  }

  /* line 42, ../sass/partials/layout/grid/_widths.scss */
  .desk-three-sixths {
    width: 50%;
  }

  /* line 43, ../sass/partials/layout/grid/_widths.scss */
  .desk-four-sixths {
    width: 66.666%;
  }

  /* line 44, ../sass/partials/layout/grid/_widths.scss */
  .desk-five-sixths {
    width: 83.333%;
  }

  /* Eighths */
  /* line 47, ../sass/partials/layout/grid/_widths.scss */
  .desk-one-eighth {
    width: 12.5%;
  }

  /* line 48, ../sass/partials/layout/grid/_widths.scss */
  .desk-two-eighths {
    width: 25%;
  }

  /* line 49, ../sass/partials/layout/grid/_widths.scss */
  .desk-three-eighths {
    width: 37.5%;
  }

  /* line 50, ../sass/partials/layout/grid/_widths.scss */
  .desk-four-eighths {
    width: 50%;
  }

  /* line 51, ../sass/partials/layout/grid/_widths.scss */
  .desk-five-eighths {
    width: 62.5%;
  }

  /* line 52, ../sass/partials/layout/grid/_widths.scss */
  .desk-six-eighths {
    width: 75%;
  }

  /* line 53, ../sass/partials/layout/grid/_widths.scss */
  .desk-seven-eighths {
    width: 87.5%;
  }

  /* Tenths */
  /* line 56, ../sass/partials/layout/grid/_widths.scss */
  .desk-one-tenth {
    width: 10%;
  }

  /* line 57, ../sass/partials/layout/grid/_widths.scss */
  .desk-two-tenths {
    width: 20%;
  }

  /* line 58, ../sass/partials/layout/grid/_widths.scss */
  .desk-three-tenths {
    width: 30%;
  }

  /* line 59, ../sass/partials/layout/grid/_widths.scss */
  .desk-four-tenths {
    width: 40%;
  }

  /* line 60, ../sass/partials/layout/grid/_widths.scss */
  .desk-five-tenths {
    width: 50%;
  }

  /* line 61, ../sass/partials/layout/grid/_widths.scss */
  .desk-six-tenths {
    width: 60%;
  }

  /* line 62, ../sass/partials/layout/grid/_widths.scss */
  .desk-seven-tenths {
    width: 70%;
  }

  /* line 63, ../sass/partials/layout/grid/_widths.scss */
  .desk-eight-tenths {
    width: 80%;
  }

  /* line 64, ../sass/partials/layout/grid/_widths.scss */
  .desk-nine-tenths {
    width: 90%;
  }

  /* Twelfths */
  /* line 67, ../sass/partials/layout/grid/_widths.scss */
  .desk-one-twelfth {
    width: 8.333%;
  }

  /* line 68, ../sass/partials/layout/grid/_widths.scss */
  .desk-two-twelfths {
    width: 16.666%;
  }

  /* line 69, ../sass/partials/layout/grid/_widths.scss */
  .desk-three-twelfths {
    width: 25%;
  }

  /* line 70, ../sass/partials/layout/grid/_widths.scss */
  .desk-four-twelfths {
    width: 33.333%;
  }

  /* line 71, ../sass/partials/layout/grid/_widths.scss */
  .desk-five-twelfths {
    width: 41.666%;
  }

  /* line 72, ../sass/partials/layout/grid/_widths.scss */
  .desk-six-twelfths {
    width: 50%;
  }

  /* line 73, ../sass/partials/layout/grid/_widths.scss */
  .desk-seven-twelfths {
    width: 58.333%;
  }

  /* line 74, ../sass/partials/layout/grid/_widths.scss */
  .desk-eight-twelfths {
    width: 66.666%;
  }

  /* line 75, ../sass/partials/layout/grid/_widths.scss */
  .desk-nine-twelfths {
    width: 75%;
  }

  /* line 76, ../sass/partials/layout/grid/_widths.scss */
  .desk-ten-twelfths {
    width: 83.333%;
  }

  /* line 77, ../sass/partials/layout/grid/_widths.scss */
  .desk-eleven-twelfths {
    width: 91.666%;
  }
}
/* Desk small */
/* Lap */
/* Lap small */
/* Lap large */
/* Desk small */
@media all and (min-width: 75em) and (max-width: 85.3125em) {
  /* Whole */
  /* line 19, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-one-whole {
    width: 100%;
  }

  /* Halves */
  /* line 22, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-one-half {
    width: 50%;
  }

  /* Thirds */
  /* line 25, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-one-third {
    width: 33.333%;
  }

  /* line 26, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-two-thirds {
    width: 66.666%;
  }

  /* Quarters */
  /* line 29, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-one-quarter {
    width: 25%;
  }

  /* line 30, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-two-quarters {
    width: 50%;
  }

  /* line 31, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-three-quarters {
    width: 75%;
  }

  /* Fifths */
  /* line 34, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-one-fifth {
    width: 20%;
  }

  /* line 35, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-two-fifths {
    width: 40%;
  }

  /* line 36, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-three-fifths {
    width: 60%;
  }

  /* line 37, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-four-fifths {
    width: 80%;
  }

  /* Sixths */
  /* line 40, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-one-sixth {
    width: 16.666%;
  }

  /* line 41, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-two-sixths {
    width: 33.333%;
  }

  /* line 42, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-three-sixths {
    width: 50%;
  }

  /* line 43, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-four-sixths {
    width: 66.666%;
  }

  /* line 44, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-five-sixths {
    width: 83.333%;
  }

  /* Eighths */
  /* line 47, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-one-eighth {
    width: 12.5%;
  }

  /* line 48, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-two-eighths {
    width: 25%;
  }

  /* line 49, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-three-eighths {
    width: 37.5%;
  }

  /* line 50, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-four-eighths {
    width: 50%;
  }

  /* line 51, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-five-eighths {
    width: 62.5%;
  }

  /* line 52, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-six-eighths {
    width: 75%;
  }

  /* line 53, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-seven-eighths {
    width: 87.5%;
  }

  /* Tenths */
  /* line 56, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-one-tenth {
    width: 10%;
  }

  /* line 57, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-two-tenths {
    width: 20%;
  }

  /* line 58, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-three-tenths {
    width: 30%;
  }

  /* line 59, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-four-tenths {
    width: 40%;
  }

  /* line 60, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-five-tenths {
    width: 50%;
  }

  /* line 61, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-six-tenths {
    width: 60%;
  }

  /* line 62, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-seven-tenths {
    width: 70%;
  }

  /* line 63, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-eight-tenths {
    width: 80%;
  }

  /* line 64, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-nine-tenths {
    width: 90%;
  }

  /* Twelfths */
  /* line 67, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-one-twelfth {
    width: 8.333%;
  }

  /* line 68, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-two-twelfths {
    width: 16.666%;
  }

  /* line 69, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-three-twelfths {
    width: 25%;
  }

  /* line 70, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-four-twelfths {
    width: 33.333%;
  }

  /* line 71, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-five-twelfths {
    width: 41.666%;
  }

  /* line 72, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-six-twelfths {
    width: 50%;
  }

  /* line 73, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-seven-twelfths {
    width: 58.333%;
  }

  /* line 74, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-eight-twelfths {
    width: 66.666%;
  }

  /* line 75, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-nine-twelfths {
    width: 75%;
  }

  /* line 76, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-ten-twelfths {
    width: 83.333%;
  }

  /* line 77, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-eleven-twelfths {
    width: 91.666%;
  }
}
/* Desk large */
@media all and (min-width: 85.375em) {
  /* Whole */
  /* line 19, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-one-whole {
    width: 100%;
  }

  /* Halves */
  /* line 22, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-one-half {
    width: 50%;
  }

  /* Thirds */
  /* line 25, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-one-third {
    width: 33.333%;
  }

  /* line 26, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-two-thirds {
    width: 66.666%;
  }

  /* Quarters */
  /* line 29, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-one-quarter {
    width: 25%;
  }

  /* line 30, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-two-quarters {
    width: 50%;
  }

  /* line 31, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-three-quarters {
    width: 75%;
  }

  /* Fifths */
  /* line 34, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-one-fifth {
    width: 20%;
  }

  /* line 35, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-two-fifths {
    width: 40%;
  }

  /* line 36, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-three-fifths {
    width: 60%;
  }

  /* line 37, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-four-fifths {
    width: 80%;
  }

  /* Sixths */
  /* line 40, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-one-sixth {
    width: 16.666%;
  }

  /* line 41, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-two-sixths {
    width: 33.333%;
  }

  /* line 42, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-three-sixths {
    width: 50%;
  }

  /* line 43, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-four-sixths {
    width: 66.666%;
  }

  /* line 44, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-five-sixths {
    width: 83.333%;
  }

  /* Eighths */
  /* line 47, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-one-eighth {
    width: 12.5%;
  }

  /* line 48, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-two-eighths {
    width: 25%;
  }

  /* line 49, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-three-eighths {
    width: 37.5%;
  }

  /* line 50, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-four-eighths {
    width: 50%;
  }

  /* line 51, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-five-eighths {
    width: 62.5%;
  }

  /* line 52, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-six-eighths {
    width: 75%;
  }

  /* line 53, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-seven-eighths {
    width: 87.5%;
  }

  /* Tenths */
  /* line 56, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-one-tenth {
    width: 10%;
  }

  /* line 57, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-two-tenths {
    width: 20%;
  }

  /* line 58, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-three-tenths {
    width: 30%;
  }

  /* line 59, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-four-tenths {
    width: 40%;
  }

  /* line 60, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-five-tenths {
    width: 50%;
  }

  /* line 61, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-six-tenths {
    width: 60%;
  }

  /* line 62, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-seven-tenths {
    width: 70%;
  }

  /* line 63, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-eight-tenths {
    width: 80%;
  }

  /* line 64, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-nine-tenths {
    width: 90%;
  }

  /* Twelfths */
  /* line 67, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-one-twelfth {
    width: 8.333%;
  }

  /* line 68, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-two-twelfths {
    width: 16.666%;
  }

  /* line 69, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-three-twelfths {
    width: 25%;
  }

  /* line 70, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-four-twelfths {
    width: 33.333%;
  }

  /* line 71, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-five-twelfths {
    width: 41.666%;
  }

  /* line 72, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-six-twelfths {
    width: 50%;
  }

  /* line 73, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-seven-twelfths {
    width: 58.333%;
  }

  /* line 74, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-eight-twelfths {
    width: 66.666%;
  }

  /* line 75, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-nine-twelfths {
    width: 75%;
  }

  /* line 76, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-ten-twelfths {
    width: 83.333%;
  }

  /* line 77, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-eleven-twelfths {
    width: 91.666%;
  }
}
/* ======================================================================================
   @LAYOUT -> GRID -> PULL
   ====================================================================================== */
/*
	Usage: 
		Pull classes, to move grid items over to the right by certain amounts.
		
	Credit: 
		https://github.com/csswizardry/csswizardry-grids/blob/master/csswizardry-grids.scss
*/
/* endif */
/* ======================================================================================
   @LAYOUT -> GRID -> PUSH
   ====================================================================================== */
/*
	Usage: 
		Push classes, to move grid items over to the left by certain amounts.
		
	Credit: 
		https://github.com/csswizardry/csswizardry-grids/blob/master/csswizardry-grids.scss
*/
/* endif */
/* Abstractions */
/* ======================================================================================
   @ABSTRACTIONS - > HORIZONTAL LIST
   ====================================================================================== */
/* 
	Usage: 
		Make list items for `ul` and `ol` elements render horizontally.
	
	Note:
		Most only kick in at a certain breakpoint, still undecided on this. Will be able to make a firm decision after using the abstraction in a few builds.
	
	Demo:
		Style Guide -> Abstractions -> Horizontal List
	
	Credit: 
		https://github.com/csswizardry/inuit.css/blob/master/inuit.css/objects/_nav.scss
*/
/* Remove base styles */
@media all and (min-width: 40.0625em) {
  /* line 23, ../sass/partials/abstractions/_horizontal-list.scss */
  .horiz-list {
    /* List items */
  }
  /* line 26, ../sass/partials/abstractions/_horizontal-list.scss */
  .horiz-list > li {
    /* List items + links */
  }
  /* line 29, ../sass/partials/abstractions/_horizontal-list.scss */
  .horiz-list > li,
  .horiz-list > li > a {
    display: inline-block;
  }

  /* --Extenders-- */
  /* With dividers */
  /* line 37, ../sass/partials/abstractions/_horizontal-list.scss */
  .horiz-list--dividers > li {
    border-left: 1px dotted #bfbfbf;
    padding-left: 0.73333em;
    margin-left: 0.73333em;
    /* Kill rules for the first item */
  }
  /* line 43, ../sass/partials/abstractions/_horizontal-list.scss */
  .horiz-list--dividers > li:first-child {
    padding: 0;
    margin: 0;
    border: 0;
  }

  /* Center align */
  /* line 51, ../sass/partials/abstractions/_horizontal-list.scss */
  .horiz-list--center {
    text-align: center;
  }

  /* Fit (force the items to occupy 100% of the available width of its parent) */
  /* line 54, ../sass/partials/abstractions/_horizontal-list.scss */
  .horiz-list--fit {
    display: table;
    width: 100%;
    /* List items */
    /* When combined with the `.horiz-list--dividers` extender */
  }
  /* line 59, ../sass/partials/abstractions/_horizontal-list.scss */
  .horiz-list--fit > li {
    display: table-cell;
    /* Links */
  }
  /* line 63, ../sass/partials/abstractions/_horizontal-list.scss */
  .horiz-list--fit > li > a {
    display: block;
  }
  /* line 67, ../sass/partials/abstractions/_horizontal-list.scss */
  .horiz-list--fit.horiz-list--dividers > li {
    margin-left: 0;
    padding-right: 0.73333em;
  }
}
/* Comma/slash seperated */
/* line 78, ../sass/partials/abstractions/_horizontal-list.scss */
.horiz-list--comma > li,
.horiz-list--slash > li {
  /* List items + links */
  /* Note: if the breakpoint above isn't used then this can be removed. */
  /* Pseudo element 
  &:after {margin-right: to-em($spacing-quarter);}*/
  /* Remove pseudo element on last child */
}
/* line 81, ../sass/partials/abstractions/_horizontal-list.scss */
.horiz-list--comma > li,
.horiz-list--comma > li > a,
.horiz-list--slash > li,
.horiz-list--slash > li > a {
  display: inline-block;
}
/* line 88, ../sass/partials/abstractions/_horizontal-list.scss */
.horiz-list--comma > li:last-child:after,
.horiz-list--slash > li:last-child:after {
  display: none;
}

/* line 92, ../sass/partials/abstractions/_horizontal-list.scss */
.horiz-list--slash > li:after {
  content: "/";
  margin-left: 0.36667em;
}

/* line 97, ../sass/partials/abstractions/_horizontal-list.scss */
.horiz-list--comma > li:after {
  content: ",";
}

/* ======================================================================================
   @ABSTRACTIONS -> DEFINITION LIST
   ====================================================================================== */
/*
	Usage: 
		Make the `dt` and `dd` elements of a definition list render side-by-side.

	Demo:
		Style Guide -> Abstractions -> Definition List
*/
/* Definiton title */
/* line 14, ../sass/partials/abstractions/_definition-list.scss */
.def-list__title {
  float: left;
  clear: left;
  margin-right: 0.36667em;
  /* Left indent at this breakpoint */
}
@media all and (min-width: 48em) {
  /* line 14, ../sass/partials/abstractions/_definition-list.scss */
  .def-list__title {
    margin-right: 0;
    width: 8em;
  }
}

/* Definiton description - left indent at this breakpoint */
@media all and (min-width: 40.0625em) {
  /* line 28, ../sass/partials/abstractions/_definition-list.scss */
  .def-list__desc {
    margin-left: 8.66667em;
  }
}
/* ======================================================================================
   @ABSTRACTIONS -> BLOCK LIST
   ====================================================================================== */
/*
	Usage: 
		Create big blocky lists of content.
	
	Demo:
		Style Guide -> Abstractions -> Block List
	
	Credit: 
		https://github.com/csswizardry/inuit.css/blob/master/inuit.css/partials/objects/_list-block.scss
*/
/* Shared */
/* line 18, ../sass/partials/abstractions/_block-list.scss */
.block-list,
.block-list > li {
  border: 0 solid #d4d4d4;
}

/* line 22, ../sass/partials/abstractions/_block-list.scss */
.block-list {
  border-top-width: 1px;
  /* List items */
}
/* line 26, ../sass/partials/abstractions/_block-list.scss */
.block-list > li {
  border-bottom-width: 1px;
  padding: 0.73333em;
}

/* Links */
/* line 33, ../sass/partials/abstractions/_block-list.scss */
.block-list__link {
  display: block;
  padding: 0.73333em;
  margin: -0.73333em;
}

/* ======================================================================================
   @ABSTRACTIONS -> COMPLEX LINK
   ====================================================================================== */
/*
	Usage: 
		Add link styles to only selected items within links.

	Note: 
		The base link styles are repeated here so not very DRY (need to look into this).
	
	Demo:
		Style Guide -> Abstractions -> Complex Link
	
	Credit: 
		http://github.com/necolas/suit-utils/blob/master/link.css#L18
*/
/* line 19, ../sass/partials/abstractions/_complex-link.scss */
.complex-link {
  /* Pseudo classes for link target */
}
/* line 23, ../sass/partials/abstractions/_complex-link.scss */
.complex-link:visited .complex-link__target {
  color: #1a1a1a;
}
/* line 25, ../sass/partials/abstractions/_complex-link.scss */
.complex-link:hover .complex-link__target, .complex-link:focus .complex-link__target {
  color: black;
  text-decoration: none;
  /* Note: this may be redundant? */
}

/* Link target */
/* line 33, ../sass/partials/abstractions/_complex-link.scss */
.complex-link__target {
  color: #000;
  text-decoration: underline;
  /* Note: this may be redundant? */
  cursor: pointer;
}

/* ======================================================================================
   @ABSTRACTIONS -> SPLIT
   ====================================================================================== */
/*
	Usage: 
		Simple split item for creating two elements floated away from one another.

	Demo:
		Style Guide -> Abstractions -> Split
	
	Credit: 
		https://github.com/csswizardry/inuit.css/blob/master/inuit.css/objects/_split.scss
*/
/* Right align at this breakpoint */
@media all and (min-width: 40.0625em) {
  /* line 18, ../sass/partials/abstractions/_split.scss */
  .split {
    text-align: right;
  }
}
/* Title */
/* line 22, ../sass/partials/abstractions/_split.scss */
.split__title {
  float: left;
  margin-right: 0.36667em;
  /* Float away at this breakpoint */
  /* Pseudo element - colon */
}
@media all and (min-width: 40.0625em) {
  /* line 22, ../sass/partials/abstractions/_split.scss */
  .split__title {
    text-align: left;
    clear: left;
  }
}
/* line 33, ../sass/partials/abstractions/_split.scss */
.split__title:after {
  content: ":";
}

/* ======================================================================================
   @ABSTRACTIONS -> FRAME
   ====================================================================================== */
/*
	Usage: 
		Apply a nice framed effect typically to the `img` and `figure` elements.
	
	Demo:
		Style Guide -> Abstractions -> Frame
*/
/* line 13, ../sass/partials/abstractions/_frame.scss */
.frame {
  background-color: #fff;
  padding: 0.36667em;
  border-radius: 4px;
  border-bottom: 1px solid #bfbfbf;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
  display: block;
  /* Old IE */
}

/* Extend: change to `inline-block` */
/* line 29, ../sass/partials/abstractions/_frame.scss */
.frame--inline {
  display: inline-block;
}

/* Caption */
/* line 32, ../sass/partials/abstractions/_frame.scss */
.frame__caption {
  padding: 0.36667em;
  font-family: Baskerville, "Hoefler Text", Garamond, "Times New Roman", serif;
  font-style: italic;
  color: gray;
  text-align: center;
}

/* ======================================================================================
   @ABSTRACTIONS -> ISLAND
   ====================================================================================== */
/*
	Usage: 
		Simple, boxed off content.

	Demo:
		Style Guide -> Abstractions -> Island
	
	Credit: 
		http://csswizardry.com/2011/10/the-island-object
*/
/* Shared */
/* line 17, ../sass/partials/abstractions/_island.scss */
.island,
.islet {
  display: block;
  text-align: center;
}

/* Island - full padding */
/* line 26, ../sass/partials/abstractions/_island.scss */
.island, .island-cms, .island-heading {
  padding-bottom: 22px;
  padding-bottom: 1.46667rem;
}

/* line 30, ../sass/partials/abstractions/_island.scss */
.island-cms.grey {
  padding: 1rem;
}

/* Islet - half the padding */
/* line 35, ../sass/partials/abstractions/_island.scss */
.islet {
  padding: 11px;
  padding: 0.73333rem;
}

/*Tiles*/
/* line 40, ../sass/partials/abstractions/_island.scss */
.non-palm-three-quarters .grid-content .image.island {
  min-height: 15.6em;
}
@media all and (max-width: 40em) {
  /* line 40, ../sass/partials/abstractions/_island.scss */
  .non-palm-three-quarters .grid-content .image.island {
    min-height: 10em;
    background-position-x: 55%;
  }
}

/* line 51, ../sass/partials/abstractions/_island.scss */
.island.content {
  background-color: #fff;
  margin-bottom: 2em;
}
/* line 55, ../sass/partials/abstractions/_island.scss */
.island.content h2 {
  color: #2a5785;
}
/* line 60, ../sass/partials/abstractions/_island.scss */
.island.tile {
  position: relative;
  padding: 0;
  border-radius: 5px;
  /*&:hover, &:active, &:focus {
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  }*/
}
/* line 70, ../sass/partials/abstractions/_island.scss */
.island.image {
  background: transparent no-repeat 0 0;
  background-size: cover;
  background-position: 39%;
}
@media (min-width: 768px) {
  /* line 70, ../sass/partials/abstractions/_island.scss */
  .island.image {
    background-position: center;
  }
}
@media all and (max-width: 63.9375em) {
  /* line 70, ../sass/partials/abstractions/_island.scss */
  .island.image {
    background-position-y: 50%;
  }
}
/* line 84, ../sass/partials/abstractions/_island.scss */
.island.video {
  background: #3f4247 url("/img/tile/video.jpg") no-repeat 0 0;
  background-size: cover;
}
/* line 88, ../sass/partials/abstractions/_island.scss */
.island.video div {
  top: 85%;
}
@media all and (max-width: 63.9375em) {
  /* line 84, ../sass/partials/abstractions/_island.scss */
  .island.video {
    background-size: contain;
    background-position-x: 50%;
  }
}
/* line 99, ../sass/partials/abstractions/_island.scss */
.island.heading h3, .island.heading .h4 {
  padding: 0.3em 0;
}
/* line 104, ../sass/partials/abstractions/_island.scss */
.island.white.bg-image {
  padding-bottom: 9em;
  background: #fff url(img/chained-links.png) no-repeat 0 95%;
}
/* line 109, ../sass/partials/abstractions/_island.scss */
.island .label {
  padding: 0.3em;
  margin: 0 0.3em;
  display: inline-block;
  position: relative;
  top: -0.1em;
}
@media all and (min-width: 40.0625em) {
  /* line 118, ../sass/partials/abstractions/_island.scss */
  .island.tile {
    /*margin-bottom: 1.5em;*/
    width: 100%;
  }
}

/* Tiles and colours */
/* line 126, ../sass/partials/abstractions/_island.scss */
.tile {
  display: flex;
  flex-flow: column;
}
/* line 130, ../sass/partials/abstractions/_island.scss */
.tile .h1, .tile .h2, .tile .h3 {
  line-height: 1em;
}
/* line 136, ../sass/partials/abstractions/_island.scss */
.tile .tile-heading a, .tile .tile-body a {
  text-decoration: none;
  color: #4d4d4d;
}
/* line 142, ../sass/partials/abstractions/_island.scss */
.tile .tile-heading-content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 94%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
/* line 150, ../sass/partials/abstractions/_island.scss */
.tile .tile-heading-content .icon:before {
  margin-right: 0;
}
/* line 155, ../sass/partials/abstractions/_island.scss */
.tile .tile-heading {
  position: static;
  width: 100%;
  transform: none;
  border-radius: 5px 5px 0 0;
  padding: 0.3em 0.5em;
  margin-bottom: 0;
  flex: 0 1 auto;
}
@media all and (max-width: 63.9375em) {
  /* line 155, ../sass/partials/abstractions/_island.scss */
  .tile .tile-heading {
    transform: none;
    position: unset;
    top: 0;
  }
}
/* line 171, ../sass/partials/abstractions/_island.scss */
.tile .tile-content {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
  position: relative;
}
/* line 178, ../sass/partials/abstractions/_island.scss */
.tile .tile-content a {
  text-decoration: none;
}
/* line 181, ../sass/partials/abstractions/_island.scss */
.tile .tile-content a:hover {
  text-decoration: underline;
}
/* line 186, ../sass/partials/abstractions/_island.scss */
.tile .tile-content .tile-body {
  padding: 0.5em;
}
/* line 191, ../sass/partials/abstractions/_island.scss */
.tile.blue-dark {
  color: #fff;
}
/* line 194, ../sass/partials/abstractions/_island.scss */
.tile.blue-dark a {
  color: #fff;
}
/* line 198, ../sass/partials/abstractions/_island.scss */
.tile.blue-dark .tile-heading {
  background-color: #2a5785;
}
/* line 204, ../sass/partials/abstractions/_island.scss */
.tile.brown-dark .tile-heading {
  background-color: #afa5a6;
}
/* line 210, ../sass/partials/abstractions/_island.scss */
.tile.orange-dark .tile-heading {
  background-color: #eca963;
}
/* line 216, ../sass/partials/abstractions/_island.scss */
.tile.image .caption {
  background-color: rgba(0, 0, 0, 0.5);
  text-align: left;
  /*width: 60%;*/
  max-width: 33.33333em;
  position: absolute;
  left: 0;
  bottom: 15%;
  padding: 0.5em;
  border-left: 20px solid #e79851;
  font-style: italic;
  text-transform: none;
  font-weight: normal;
  font-family: "Open Sans", sans-serif;
  font-size: 1em;
  line-height: 1.3em !important;
}
/* line 233, ../sass/partials/abstractions/_island.scss */
.tile.image .caption a {
  text-decoration: none;
}
/* line 236, ../sass/partials/abstractions/_island.scss */
.tile.image .caption a:hover {
  text-decoration: underline;
}
/* line 244, ../sass/partials/abstractions/_island.scss */
.tile.video div {
  transform: none;
  position: absolute;
  left: 0;
  top: unset;
  bottom: 0;
  width: 100%;
  padding: 0.5em 0.5em 0.8em 0.5em;
  background-color: rgba(0, 0, 0, 0.2);
}
@media all and (max-width: 40em) {
  /* line 257, ../sass/partials/abstractions/_island.scss */
  .tile.image {
    height: 12em !important;
  }
  /* line 260, ../sass/partials/abstractions/_island.scss */
  .tile.image .caption {
    width: 100%;
  }
}
@media all and (min-width: 40.0625em) and (max-width: 64em) {
  /* line 267, ../sass/partials/abstractions/_island.scss */
  .tile .vertical-align p {
    margin-bottom: 0.5em;
  }
}
@media all and (min-width: 64em) and (max-width: 78.0625em) {
  /* line 273, ../sass/partials/abstractions/_island.scss */
  .tile .vertical-align p {
    font-size: 0.8em;
  }
}

/* line 279, ../sass/partials/abstractions/_island.scss */
.non-palm-one-quarter > a:hover {
  text-decoration: none;
}

/*Secondary, main content*/
/* line 285, ../sass/partials/abstractions/_island.scss */
.non-palm-three-quarters .island-heading:first-child {
  border-radius: 5px 5px 0 0;
}

/* line 292, ../sass/partials/abstractions/_island.scss */
.non-palm-three-quarters.event-detail .white {
  padding-left: 0;
  padding-right: 0;
}
/* line 296, ../sass/partials/abstractions/_island.scss */
.non-palm-three-quarters.event-detail .white > div {
  padding-left: 1.5em;
  padding-right: 1.5em;
}
/* line 300, ../sass/partials/abstractions/_island.scss */
.non-palm-three-quarters.event-detail .white > div p:last-child {
  padding-bottom: 1.5em;
}
/* line 304, ../sass/partials/abstractions/_island.scss */
.non-palm-three-quarters.event-detail .white > div:nth-child(even) {
  border-top: 1px dotted #afa5a6;
  border-bottom: 1px dotted #afa5a6;
}
/* line 310, ../sass/partials/abstractions/_island.scss */
.non-palm-three-quarters.event-detail .white .map {
  margin: 0 1.5em;
}

/*Secondary, side panels*/
/* line 318, ../sass/partials/abstractions/_island.scss */
.column .tile, .column .tile-small {
  min-height: auto;
}
/* line 321, ../sass/partials/abstractions/_island.scss */
.column .tile.white, .column .tile-small.white {
  padding: 1em 1.5em;
  text-align: left;
}
/* line 325, ../sass/partials/abstractions/_island.scss */
.column .tile.white label, .column .tile.white input, .column .tile-small.white label, .column .tile-small.white input {
  font-size: 0.7em;
}
/* line 330, ../sass/partials/abstractions/_island.scss */
.column .tile h1, .column .tile h2, .column .tile-small h1, .column .tile-small h2 {
  display: block;
}
/* line 334, ../sass/partials/abstractions/_island.scss */
.column .tile .h3, .column .tile-small .h3 {
  line-height: 1.2em;
}
/* line 339, ../sass/partials/abstractions/_island.scss */
.column .tile .horiz-list li, .column .tile-small .horiz-list li {
  display: inline-block;
}
/* line 345, ../sass/partials/abstractions/_island.scss */
.column .tile.social-tile .icon, .column .tile-small.social-tile .icon {
  color: #e79851;
  border-radius: 50%;
  padding: 0.5em 0.7em;
  background-color: #000;
  font-size: 1.2em;
  margin-right: 0.5em;
}
/* line 353, ../sass/partials/abstractions/_island.scss */
.column .tile.social-tile .icon:before, .column .tile-small.social-tile .icon:before {
  margin-right: 0;
}
/* line 358, ../sass/partials/abstractions/_island.scss */
.column .tile.social-tile .fb-like, .column .tile.social-tile .twitter-like, .column .tile-small.social-tile .fb-like, .column .tile-small.social-tile .twitter-like {
  position: static;
  transform: none;
  width: auto;
}
/* line 364, ../sass/partials/abstractions/_island.scss */
.column .tile.social-tile .fb-like, .column .tile-small.social-tile .fb-like {
  margin-bottom: 0.5em;
}
@media all and (max-width: 40em) {
  /* line 370, ../sass/partials/abstractions/_island.scss */
  .column .tile .h3, .column .tile-small .h3 {
    font-size: 1.4em;
  }
  /* line 374, ../sass/partials/abstractions/_island.scss */
  .column .tile.references, .column .tile-small.references {
    margin-top: 1.5rem;
  }
}
@media all and (max-width: 63.9375em) {
  /* line 318, ../sass/partials/abstractions/_island.scss */
  .column .tile, .column .tile-small {
    min-height: auto;
    text-align: center;
  }
}

/* line 386, ../sass/partials/abstractions/_island.scss */
.column .related-content {
  text-align: left;
  border-radius: 5px;
}
/* line 390, ../sass/partials/abstractions/_island.scss */
.column .related-content a {
  border-bottom: 1px solid #E9EEF2;
  display: inline-block;
  color: #2a5785;
  padding: 1rem 0;
  text-decoration: none;
  width: 100%;
}
/* line 398, ../sass/partials/abstractions/_island.scss */
.column .related-content a:hover, .column .related-content a:visited, .column .related-content a:active {
  text-decoration: underline;
}
/* line 403, ../sass/partials/abstractions/_island.scss */
.column .related-content ul {
  list-style-type: none;
  margin-left: 0;
}

/* More font sizes at different breakpoints*/
/* line 412, ../sass/partials/abstractions/_island.scss */
.column .tile {
  min-height: 80px;
  padding: 1em;
}
/* line 414, ../sass/partials/abstractions/_island.scss */
.column .tile .vertical-align {
  position: static;
  transform: none;
  width: 100%;
}
@media all and (min-width: 40.0625em) and (max-width: 63.9375em) {
  /* line 412, ../sass/partials/abstractions/_island.scss */
  .column .tile {
    width: 100% !important;
    height: auto !important;
  }
  /* line 427, ../sass/partials/abstractions/_island.scss */
  .column .tile.blue {
    padding: 1em 0;
  }
  /* line 431, ../sass/partials/abstractions/_island.scss */
  .column .tile.quicklinks {
    padding: 0.5em 0;
  }
  /* line 432, ../sass/partials/abstractions/_island.scss */
  .column .tile.quicklinks ul {
    width: 100%;
    text-align: center;
  }
  /* line 436, ../sass/partials/abstractions/_island.scss */
  .column .tile.quicklinks ul li {
    display: inline;
    padding-right: 1.5em;
  }
  /* line 445, ../sass/partials/abstractions/_island.scss */
  .column .tile.orange {
    padding: 0.5em 0;
  }
}
@media all and (min-width: 64em) and (max-width: 80em) {
  /* line 451, ../sass/partials/abstractions/_island.scss */
  .column .tile p, .column .tile .tile-body {
    font-size: 0.73333em;
  }
  /* line 456, ../sass/partials/abstractions/_island.scss */
  .column .tile.red .tile-heading, .column .tile.orange .tile-heading {
    font-size: 1.5em;
  }
}

/*Image tile in the column*/
/* line 466, ../sass/partials/abstractions/_island.scss */
.column .tile.square.image {
  background-color: #fff;
  background-size: contain;
  background-position-x: 50%;
}
@media all and (max-width: 40em) {
  /* line 466, ../sass/partials/abstractions/_island.scss */
  .column .tile.square.image {
    margin-bottom: 1.5em;
  }
}
@media all and (max-width: 63.9375em) {
  /* line 475, ../sass/partials/abstractions/_island.scss */
  .column > a + .related-content {
    clear: both;
  }
}

/* line 483, ../sass/partials/abstractions/_island.scss */
.column .tile.blue {
  min-height: 6.66667em;
}

/* line 487, ../sass/partials/abstractions/_island.scss */
.height-tile {
  position: relative;
  border-radius: 5px;
}
/* line 491, ../sass/partials/abstractions/_island.scss */
.height-tile .heading {
  border-radius: 0;
  margin-bottom: 0;
}
/* line 496, ../sass/partials/abstractions/_island.scss */
.height-tile .island {
  margin-bottom: 0;
}
/* line 500, ../sass/partials/abstractions/_island.scss */
.height-tile > .heading:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: 0.5em solid #fff;
  padding: 0.6em 0 1em 0;
}
/* line 507, ../sass/partials/abstractions/_island.scss */
.height-tile > .heading:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 0.5em 0;
  display: block;
}
/* line 514, ../sass/partials/abstractions/_island.scss */
.height-tile .disc {
  background-color: #fff;
  position: absolute;
  width: 2em;
  height: 2em;
  z-index: 9;
  left: 50%;
  top: 3em;
  transform: translate(-50%, 0);
}
/* line 525, ../sass/partials/abstractions/_island.scss */
.height-tile .label {
  border-radius: 5px !important;
}

/* line 532, ../sass/partials/abstractions/_island.scss */
.island-cms .grid {
  margin-left: -44px;
  margin-left: -2.93333rem;
  margin-right: -22px;
  margin-right: -1.46667rem;
}
/* line 537, ../sass/partials/abstractions/_island.scss */
.island-cms .infograf {
  margin-left: -22px;
  margin-left: -1.46667rem;
}
/* line 542, ../sass/partials/abstractions/_island.scss */
.island-cms.grey h3 {
  padding-top: 0;
}
/* line 547, ../sass/partials/abstractions/_island.scss */
.island-cms.white, .island-cms.blue, .island-cms.orange {
  border-radius: 5px;
}
/* line 551, ../sass/partials/abstractions/_island.scss */
.island-cms.blue, .island-cms.orange {
  padding: 1rem;
}

/* line 556, ../sass/partials/abstractions/_island.scss */
.blue.island-heading {
  border-radius: 5px 5px 0 0;
}

/* line 557, ../sass/partials/abstractions/_island.scss */
.blue.island-heading + .white.island-cms {
  border-radius: 0 0 5px 5px;
}

/*Survey islands*/
/* line 560, ../sass/partials/abstractions/_island.scss */
.island.survey {
  background-color: rgba(255, 255, 255, 0.7);
}

/*Hide Related Content because there may sometimes be two on the page*/
@media all and (max-width: 63.9375em) {
  /* line 566, ../sass/partials/abstractions/_island.scss */
  #RelatedResources, #RelatedResources + .island-cms {
    display: none;
  }
}
/* line 573, ../sass/partials/abstractions/_island.scss */
.custom-grid-1842.mrg-base-top {
  margin-top: -1em !important;
}
@media (min-width: 768px) {
  /* line 578, ../sass/partials/abstractions/_island.scss */
  .custom-grid-1842.mrg-base-top {
    margin-top: 0 !important;
  }
}

/* line 584, ../sass/partials/abstractions/_island.scss */
.island.orange {
  max-width: 100%;
  padding: 1rem;
}

/* line 589, ../sass/partials/abstractions/_island.scss */
.c-content-tile {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 5px;
  height: 12rem;
  margin-bottom: 1rem;
}

/*@import "partials/abstractions/slats";*/
/* ======================================================================================
   @ABSTRACTIONS -> COLUMNS
   ====================================================================================== */
/*
	Usage: 
		Easily create columns of text using CSS3.
	
	Demo:
		Style Guide -> Abstractions -> Columns
	
	Credit: 
		https://github.com/csswizardry/inuit.css/blob/master/inuit.css/objects/_columns.scss
*/
/* Cols only kick in at this breakpoint */
@media only screen and (min-width: 40.0625em) {
  /* Output all the col classes */
  /* 2 cols */
  /* line 19, ../sass/partials/abstractions/_columns.scss */
  .txt-cols--2 {
    /* Transition */
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }

  /* 3 cols */
  /* line 22, ../sass/partials/abstractions/_columns.scss */
  .txt-cols--3 {
    /* Transition */
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }

  /* 4 cols */
  /* line 25, ../sass/partials/abstractions/_columns.scss */
  .txt-cols--4 {
    /* Transition */
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }

  /* 5 cols */
  /* line 28, ../sass/partials/abstractions/_columns.scss */
  .txt-cols--5 {
    /* Transition */
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
  }

  /* 6 cols */
  /* line 31, ../sass/partials/abstractions/_columns.scss */
  .txt-cols--6 {
    /* Transition */
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
  }

  /* Base rules */
  /* line 40, ../sass/partials/abstractions/_columns.scss */
  .txt-cols {
    /* Transition */
    -webkit-column-gap: 1.46667rem;
    -moz-column-gap: 1.46667rem;
    column-gap: 1.46667rem;
    /* Column rule, if used then increase `column-gap` to `$spacing-dbl` */
    /*@include prefix(column-rule, 1px dotted black);*/
  }
}
/* --Output all the col classes under specific breakpoints applied via specific classes (namespaced) e.g. `.lap-txt-cols--2` (all pre-defined breakpoints)-- */
/* 
	Note: be sure to comment out what you don't use as a lot of CSS is generated from all of this.
*/
/* Lap */
/* Lap */
@media all and (min-width: 40.0625em) and (max-width: 74.9375em) {
  /* 2 cols */
  /* line 19, ../sass/partials/abstractions/_columns.scss */
  .lap-txt-cols--2 {
    /* Transition */
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }

  /* 3 cols */
  /* line 22, ../sass/partials/abstractions/_columns.scss */
  .lap-txt-cols--3 {
    /* Transition */
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }

  /* 4 cols */
  /* line 25, ../sass/partials/abstractions/_columns.scss */
  .lap-txt-cols--4 {
    /* Transition */
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }

  /* 5 cols */
  /* line 28, ../sass/partials/abstractions/_columns.scss */
  .lap-txt-cols--5 {
    /* Transition */
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
  }

  /* 6 cols */
  /* line 31, ../sass/partials/abstractions/_columns.scss */
  .lap-txt-cols--6 {
    /* Transition */
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
  }
}
/* Lap small */
/* Lap large */
/* Desk small */
/* Lap small */
/* Lap */
/* Lap small */
@media all and (min-width: 40.0625em) and (max-width: 56.25em) {
  /* 2 cols */
  /* line 19, ../sass/partials/abstractions/_columns.scss */
  .lap-sml-txt-cols--2 {
    /* Transition */
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }

  /* 3 cols */
  /* line 22, ../sass/partials/abstractions/_columns.scss */
  .lap-sml-txt-cols--3 {
    /* Transition */
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }

  /* 4 cols */
  /* line 25, ../sass/partials/abstractions/_columns.scss */
  .lap-sml-txt-cols--4 {
    /* Transition */
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }

  /* 5 cols */
  /* line 28, ../sass/partials/abstractions/_columns.scss */
  .lap-sml-txt-cols--5 {
    /* Transition */
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
  }

  /* 6 cols */
  /* line 31, ../sass/partials/abstractions/_columns.scss */
  .lap-sml-txt-cols--6 {
    /* Transition */
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
  }
}
/* Lap large */
/* Desk small */
/* Lap large */
/* Lap */
/* Lap small */
/* Lap large */
@media all and (min-width: 56.3125em) and (max-width: 74.9375em) {
  /* 2 cols */
  /* line 19, ../sass/partials/abstractions/_columns.scss */
  .lap-lrg-txt-cols--2 {
    /* Transition */
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }

  /* 3 cols */
  /* line 22, ../sass/partials/abstractions/_columns.scss */
  .lap-lrg-txt-cols--3 {
    /* Transition */
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }

  /* 4 cols */
  /* line 25, ../sass/partials/abstractions/_columns.scss */
  .lap-lrg-txt-cols--4 {
    /* Transition */
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }

  /* 5 cols */
  /* line 28, ../sass/partials/abstractions/_columns.scss */
  .lap-lrg-txt-cols--5 {
    /* Transition */
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
  }

  /* 6 cols */
  /* line 31, ../sass/partials/abstractions/_columns.scss */
  .lap-lrg-txt-cols--6 {
    /* Transition */
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
  }
}
/* Desk small */
/* Portable */
@media all and (max-width: 74.9375em) {
  /* 2 cols */
  /* line 19, ../sass/partials/abstractions/_columns.scss */
  .portable-txt-cols--2 {
    /* Transition */
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }

  /* 3 cols */
  /* line 22, ../sass/partials/abstractions/_columns.scss */
  .portable-txt-cols--3 {
    /* Transition */
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }

  /* 4 cols */
  /* line 25, ../sass/partials/abstractions/_columns.scss */
  .portable-txt-cols--4 {
    /* Transition */
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }

  /* 5 cols */
  /* line 28, ../sass/partials/abstractions/_columns.scss */
  .portable-txt-cols--5 {
    /* Transition */
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
  }

  /* 6 cols */
  /* line 31, ../sass/partials/abstractions/_columns.scss */
  .portable-txt-cols--6 {
    /* Transition */
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
  }
}
/* Desk */
@media all and (min-width: 75em) {
  /* 2 cols */
  /* line 19, ../sass/partials/abstractions/_columns.scss */
  .desk-txt-cols--2 {
    /* Transition */
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }

  /* 3 cols */
  /* line 22, ../sass/partials/abstractions/_columns.scss */
  .desk-txt-cols--3 {
    /* Transition */
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }

  /* 4 cols */
  /* line 25, ../sass/partials/abstractions/_columns.scss */
  .desk-txt-cols--4 {
    /* Transition */
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }

  /* 5 cols */
  /* line 28, ../sass/partials/abstractions/_columns.scss */
  .desk-txt-cols--5 {
    /* Transition */
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
  }

  /* 6 cols */
  /* line 31, ../sass/partials/abstractions/_columns.scss */
  .desk-txt-cols--6 {
    /* Transition */
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
  }
}
/* Desk small */
/* Lap */
/* Lap small */
/* Lap large */
/* Desk small */
@media all and (min-width: 75em) and (max-width: 85.3125em) {
  /* 2 cols */
  /* line 19, ../sass/partials/abstractions/_columns.scss */
  .desk-sml-txt-cols--2 {
    /* Transition */
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }

  /* 3 cols */
  /* line 22, ../sass/partials/abstractions/_columns.scss */
  .desk-sml-txt-cols--3 {
    /* Transition */
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }

  /* 4 cols */
  /* line 25, ../sass/partials/abstractions/_columns.scss */
  .desk-sml-txt-cols--4 {
    /* Transition */
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }

  /* 5 cols */
  /* line 28, ../sass/partials/abstractions/_columns.scss */
  .desk-sml-txt-cols--5 {
    /* Transition */
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
  }

  /* 6 cols */
  /* line 31, ../sass/partials/abstractions/_columns.scss */
  .desk-sml-txt-cols--6 {
    /* Transition */
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
  }
}
/* Desk large */
@media all and (min-width: 85.375em) {
  /* 2 cols */
  /* line 19, ../sass/partials/abstractions/_columns.scss */
  .desk-lrg-txt-cols--2 {
    /* Transition */
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }

  /* 3 cols */
  /* line 22, ../sass/partials/abstractions/_columns.scss */
  .desk-lrg-txt-cols--3 {
    /* Transition */
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }

  /* 4 cols */
  /* line 25, ../sass/partials/abstractions/_columns.scss */
  .desk-lrg-txt-cols--4 {
    /* Transition */
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }

  /* 5 cols */
  /* line 28, ../sass/partials/abstractions/_columns.scss */
  .desk-lrg-txt-cols--5 {
    /* Transition */
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
  }

  /* 6 cols */
  /* line 31, ../sass/partials/abstractions/_columns.scss */
  .desk-lrg-txt-cols--6 {
    /* Transition */
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
  }
}
/* ======================================================================================
   @ABSTRACTIONS -> ARROWS
   ====================================================================================== */
/*
	Usage: 
		Creates CSS arrows.
	
	Note:
		Same as: 'utils/placeholders/arrows' except this version doesn't apply to an existing element rather it's an independent element which is more flexible.
	
	Demo:
		Style Guide -> Abstractions -> Arrows
*/
/* Set variables */
/* Start abstraction */
/* line 22, ../sass/partials/abstractions/_arrows.scss */
.arrow {
  width: 0;
  height: 0;
  border: 10px solid transparent;
  display: inline-block;
  vertical-align: middle;
}

/* Down */
/* line 31, ../sass/partials/abstractions/_arrows.scss */
.arrow--down {
  border-top-color: #262626;
  margin-bottom: -10px;
}

/* Up */
/* line 37, ../sass/partials/abstractions/_arrows.scss */
.arrow--up {
  border-bottom-color: #262626;
  margin-top: -10px;
}

/* Left */
/* line 43, ../sass/partials/abstractions/_arrows.scss */
.arrow--left {
  border-right-color: #262626;
}

/* Right */
/* line 46, ../sass/partials/abstractions/_arrows.scss */
.arrow--right {
  border-left-color: #262626;
}

/* ======================================================================================
   @ABSTRACTIONS -> DIVIDER
   ====================================================================================== */
/*
	Usage: 
		Apply a dividing line between two elements.
	
	Demo:
		Style Guide -> Abstractions -> Divider
*/
/* line 13, ../sass/partials/abstractions/_divider.scss */
.divider {
  border-bottom: 1px solid gray;
  box-shadow: 0 1px 0 #E9EEF2;
  padding-bottom: 22px;
  padding-bottom: 1.46667rem;
}

/* --Extenders-- */
/* Larger spacing */
/* line 23, ../sass/partials/abstractions/_divider.scss */
.divider--lrg {
  padding-bottom: 44px;
  padding-bottom: 2.93333rem;
  margin-bottom: 44px;
  margin-bottom: 2.93333rem;
}

/* Smaller spacing */
/* line 29, ../sass/partials/abstractions/_divider.scss */
.divider--sml {
  padding-bottom: 11px;
  padding-bottom: 0.73333rem;
  margin-bottom: 11px;
  margin-bottom: 0.73333rem;
}

/* ======================================================================================
   @ABSTRACTIONS -> VERTICAL ALIGNMENT
   ====================================================================================== */
/*
	Usage: 
		Vertically align an element within it's parent via CSS `display: table`.
	
	Demo:
		Style Guide -> Abstractions -> Vertical Alignment
*/
/* line 13, ../sass/partials/abstractions/_vertical-alignment.scss */
.vert-align {
  display: table;
  width: 100%;
  height: 100%;
}

/* line 19, ../sass/partials/abstractions/_vertical-alignment.scss */
.vert-align__inner {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

/* ======================================================================================
   @MODULES -> ABSTRACTIONS -> DROP DOWN
   ====================================================================================== */
/*
	Usage: 
		A generic drop down powered by the 'Twitter Bootstrap Drop down' plugin. Individual drop down's that require custom styles will become a 'module'.
	
	Demo:
		Style Guide -> Abstractions -> Drop Down
*/
/* Container for the drop down and drop down trigger */
/* line 14, ../sass/partials/abstractions/_drop-down.scss */
.drop-down-container {
  position: relative;
}

/* The drop down */
@media all and (min-width: 40.0625em) {
  /* line 17, ../sass/partials/abstractions/_drop-down.scss */
  .js .drop-down {
    display: none;
    /*@extend %box-shadow-btm;*/
    position: absolute;
    z-index: 2147483647;
    top: 100%;
    left: 0;
  }
}

/* The drop down opened */
/* line 31, ../sass/partials/abstractions/_drop-down.scss */
.drop-down-container.is-active > .drop-down {
  display: block;
}

/* ======================================================================================
   @ABSTRACTIONS -> MISCELLANEOUS
   ====================================================================================== */
/*
	Usage: 
		Other cool CSS effects and modules
	
	Credit for various components: 
		http://www.cssscript.com/demo/pure-css-circular-percentage-bar/
*/
/* PERCENTAGE DIALS */
/* line 14, ../sass/partials/abstractions/_misc.scss */
.pie-wrapper {
  display: inline-block;
  height: 200px;
  width: 200px;
  margin: 10px;
  position: relative;
}
/* line 21, ../sass/partials/abstractions/_misc.scss */
.pie-wrapper .pie {
  clip: rect(0, 200px, 200px, 100px);
  height: 200px;
  width: 200px;
  position: absolute;
}
/* line 27, ../sass/partials/abstractions/_misc.scss */
.pie-wrapper .pie .half-circle {
  border: 20px solid #2a5785;
  border-radius: 50%;
  clip: rect(0, 100px, 200px, 0);
  height: 200px;
  width: 200px;
  position: absolute;
}
/* line 37, ../sass/partials/abstractions/_misc.scss */
.pie-wrapper .label {
  background-color: #fff;
  border-radius: 50%;
  cursor: default;
  display: flex;
  flex-direction: column;
  height: 165px;
  justify-content: center;
  width: 165px;
  position: absolute;
  left: 9%;
  top: 9%;
  text-align: center;
  line-height: 1em;
  margin-left: 0;
}
/* line 54, ../sass/partials/abstractions/_misc.scss */
.pie-wrapper .shadow {
  border: 20px solid #fff;
  border-radius: 50%;
  height: 100%;
  width: 100%;
}

/* line 64, ../sass/partials/abstractions/_misc.scss */
.pie-wrapper.progress-1 .pie .right-side, .pie-wrapper.progress-2 .pie .right-side, .pie-wrapper.progress-3 .pie .right-side, .pie-wrapper.progress-4 .pie .right-side {
  display: none;
}

/* line 70, ../sass/partials/abstractions/_misc.scss */
.pie-wrapper.progress-1 .pie .left-side {
  -webkit-transform: rotate(158.4deg);
  -moz-transform: rotate(158.4deg);
  -ms-transform: rotate(158.4deg);
  -o-transform: rotate(158.4deg);
  transform: rotate(158.4deg);
}

/* line 78, ../sass/partials/abstractions/_misc.scss */
.pie-wrapper.progress-2 .pie .left-side {
  -webkit-transform: rotate(88.92deg);
  -moz-transform: rotate(88.92deg);
  -ms-transform: rotate(88.92deg);
  -o-transform: rotate(88.92deg);
  transform: rotate(88.92deg);
}

/* line 86, ../sass/partials/abstractions/_misc.scss */
.pie-wrapper.progress-3 .pie .left-side {
  -webkit-transform: rotate(38.16deg);
  -moz-transform: rotate(38.16deg);
  -ms-transform: rotate(38.16deg);
  -o-transform: rotate(38.16deg);
  transform: rotate(38.16deg);
}

/* line 94, ../sass/partials/abstractions/_misc.scss */
.pie-wrapper.progress-4 .pie .left-side {
  -webkit-transform: rotate(73.44deg);
  -moz-transform: rotate(73.44deg);
  -ms-transform: rotate(73.44deg);
  -o-transform: rotate(73.44deg);
  transform: rotate(73.44deg);
}

/* line 102, ../sass/partials/abstractions/_misc.scss */
.none {
  display: none;
}

/* INFOGRAPHIC */
/* line 107, ../sass/partials/abstractions/_misc.scss */
.disc {
  background-color: #000;
  color: #fff;
  width: 150px;
  height: 150px;
  text-align: center;
  border-radius: 50%;
  margin: 0 auto;
  margin-bottom: 1.5em;
  padding-top: 1.5em;
}
/* line 118, ../sass/partials/abstractions/_misc.scss */
.disc .icon:before {
  margin-right: 0;
  font-size: 3rem;
}
/* line 123, ../sass/partials/abstractions/_misc.scss */
.disc .glossary {
  color: #fff !important;
}

/* line 128, ../sass/partials/abstractions/_misc.scss */
.disc-container {
  padding: 0 0 0 1em;
}

@media (min-width: 620px) {
  /* line 134, ../sass/partials/abstractions/_misc.scss */
  .disc {
    height: 170px;
    width: 170px;
  }
  /* line 138, ../sass/partials/abstractions/_misc.scss */
  .disc .icon:before {
    font-size: 5rem;
  }
}
/*Map*/
/* line 145, ../sass/partials/abstractions/_misc.scss */
.map {
  position: relative;
  padding-bottom: 50.9%;
  padding-top: 25px;
  height: 0;
  margin-bottom: 2em;
}
/* line 152, ../sass/partials/abstractions/_misc.scss */
.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media all and (min-width: 75em) {
  /* line 145, ../sass/partials/abstractions/_misc.scss */
  .map {
    padding-bottom: 52%;
  }
}
@media all and (min-width: 87.5em) {
  /* line 145, ../sass/partials/abstractions/_misc.scss */
  .map {
    padding-bottom: 52.5%;
  }
}

/*Infographic*/
/* line 170, ../sass/partials/abstractions/_misc.scss */
.alcohol {
  background: linear-gradient(to top, #2a5785 80.4%, #000 19.6%);
}

/* line 174, ../sass/partials/abstractions/_misc.scss */
.tobacco {
  background: linear-gradient(to bottom, #000 81.9%, #2a5785 18.1%);
}

/* line 178, ../sass/partials/abstractions/_misc.scss */
.cannabis {
  background: linear-gradient(to bottom, #000 89.7%, #2a5785 10.3%);
}

/* line 182, ../sass/partials/abstractions/_misc.scss */
.ecstasy {
  background: linear-gradient(to bottom, #000 97%, #2a5785 3%);
}

/* line 186, ../sass/partials/abstractions/_misc.scss */
.painkillers {
  background: linear-gradient(to bottom, #000 97%, #2a5785 3%);
}

/* line 190, ../sass/partials/abstractions/_misc.scss */
.cocaine {
  background: linear-gradient(to bottom, #000 97.9%, #2a5785 2.1%);
}

/* line 194, ../sass/partials/abstractions/_misc.scss */
.meth {
  background: linear-gradient(to bottom, #000 97.9%, #2a5785 2.1%);
}

/* line 198, ../sass/partials/abstractions/_misc.scss */
.heroine {
  background: linear-gradient(to bottom, #000 99.8%, #2a5785 0.2%);
}

/* line 202, ../sass/partials/abstractions/_misc.scss */
.steroids {
  background: linear-gradient(to bottom, #000 99.9%, #2a5785 0.1%);
}

/* line 207, ../sass/partials/abstractions/_misc.scss */
.page-summary {
  margin: 3rem 0 1rem 0;
}
/* line 210, ../sass/partials/abstractions/_misc.scss */
.page-summary .img img {
  max-width: 155px;
}
/* line 215, ../sass/partials/abstractions/_misc.scss */
.page-summary .footer {
  background-color: #2a5785;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  font-family: 'Jaldi', sans-serif;
  font-weight: 600;
}
/* line 223, ../sass/partials/abstractions/_misc.scss */
.page-summary .white {
  flex-grow: 2;
  padding: 2rem;
}
/* line 228, ../sass/partials/abstractions/_misc.scss */
.page-summary ul {
  color: #414449 !important;
  list-style: disc !important;
  margin-left: 1em;
}

/* line 235, ../sass/partials/abstractions/_misc.scss */
.c-handout {
  padding: 0 0 0 1.4em;
}
/* line 238, ../sass/partials/abstractions/_misc.scss */
.c-handout .dhtmlgoodies_listMenu {
  margin-left: 0;
}
/* line 242, ../sass/partials/abstractions/_misc.scss */
.c-handout .footer input {
  margin-top: 1em;
}

/* line 1, ../sass/partials/abstractions/_feedback-download.scss */
.c-feedback {
  display: flex;
  flex-direction: column;
}
/* line 6, ../sass/partials/abstractions/_feedback-download.scss */
.c-feedback__banner {
  background-color: #fff;
  color: #2a5785;
  padding: 1em 0;
}
/* line 12, ../sass/partials/abstractions/_feedback-download.scss */
.c-feedback__checkbox {
  display: flex;
  align-items: center;
  margin: 2em 0 1em auto;
  border-radius: 4px;
  background-color: #2a5785;
  color: #fff;
  overflow: hidden;
  font-family: "Jaldi", sans-serif;
}
/* line 22, ../sass/partials/abstractions/_feedback-download.scss */
.c-feedback__checkbox p {
  padding: 0 .8em;
  margin-bottom: 0 !important;
}
/* line 27, ../sass/partials/abstractions/_feedback-download.scss */
.c-feedback__checkbox .checkcontainer {
  width: auto !important;
  padding: 0.4em;
  background-color: #0f2b53;
  height: 100%;
  padding: 1rem;
}
/* line 34, ../sass/partials/abstractions/_feedback-download.scss */
.c-feedback__checkbox .checkcontainer label {
  margin: 0;
}
/* line 37, ../sass/partials/abstractions/_feedback-download.scss */
.c-feedback__checkbox .checkcontainer label:before {
  margin-right: 0;
}
/* line 43, ../sass/partials/abstractions/_feedback-download.scss */
.c-feedback__checkbox .checkmark {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #eee;
  background-color: transparent !important;
}
/* line 50, ../sass/partials/abstractions/_feedback-download.scss */
.c-feedback__checkbox .checkmark:after {
  position: inherit !important;
}
/* line 55, ../sass/partials/abstractions/_feedback-download.scss */
.c-feedback__checkbox input:checked ~ .checkmark:after {
  display: flex;
  justify-content: center;
  align-items: center;
}
/* line 62, ../sass/partials/abstractions/_feedback-download.scss */
.c-feedback__cards {
  display: flex;
  flex-wrap: wrap;
  margin: -.5em;
}
/* line 68, ../sass/partials/abstractions/_feedback-download.scss */
.c-feedback__card {
  background-color: #ece7e8;
  border: solid 1px #d9d0d1;
  display: flex;
  border-radius: 6px;
  padding: .8em;
  margin: .5em;
  /*width: 100%;*/
  width: 48.5%;
  max-width: calc(50% - 1em);
        /*@media(max-width: 992px) {
            width: 48%;
        }

        @media(min-width: 992px) {
            max-width: calc(50% - 1em);
        }*/
}
@media (max-width: 767px) {
  /* line 68, ../sass/partials/abstractions/_feedback-download.scss */
  .c-feedback__card {
    max-width: 100%;
    width: 100%;
  }
}
/* line 84, ../sass/partials/abstractions/_feedback-download.scss */
.c-feedback__card img {
  max-height: 180px;
  border-radius: 6px;
}
/* line 97, ../sass/partials/abstractions/_feedback-download.scss */
.c-feedback__body {
  display: flex;
  flex-direction: column;
  flex-basis: 60%;
  padding-left: .8em;
}
@media (max-width: 800px) {
  /* line 97, ../sass/partials/abstractions/_feedback-download.scss */
  .c-feedback__body {
    width: 50%;
  }
}
@media (max-width: 415px) {
  /* line 97, ../sass/partials/abstractions/_feedback-download.scss */
  .c-feedback__body {
    width: 40%;
  }
}
@media (max-width: 800px) {
  /* line 113, ../sass/partials/abstractions/_feedback-download.scss */
  .c-feedback__title {
    font-size: 1.2rem;
  }
}
@media (max-width: 415px) {
  /* line 113, ../sass/partials/abstractions/_feedback-download.scss */
  .c-feedback__title {
    font-size: 1rem;
  }
}
/* line 124, ../sass/partials/abstractions/_feedback-download.scss */
.c-feedback .u-align-right {
  margin-left: auto;
}
/* line 128, ../sass/partials/abstractions/_feedback-download.scss */
.c-feedback .u-flex, .c-feedback .footer__base .l-container, .footer__base .c-feedback .l-container, .c-feedback .footer__base .l-container--small, .footer__base .c-feedback .l-container--small, .c-feedback .footer__base .l-container--med, .footer__base .c-feedback .l-container--med, .c-feedback .footer__base .l-container--large, .footer__base .c-feedback .l-container--large {
  display: flex;
}
@media (max-width: 800px) {
  /* line 128, ../sass/partials/abstractions/_feedback-download.scss */
  .c-feedback .u-flex, .c-feedback .footer__base .l-container, .footer__base .c-feedback .l-container, .c-feedback .footer__base .l-container--small, .footer__base .c-feedback .l-container--small, .c-feedback .footer__base .l-container--med, .footer__base .c-feedback .l-container--med, .c-feedback .footer__base .l-container--large, .footer__base .c-feedback .l-container--large {
    flex-direction: column;
  }
}
/* line 136, ../sass/partials/abstractions/_feedback-download.scss */
.c-feedback__button, .c-feedback__button--orange {
  border-radius: 6px;
  background-color: #2a5785;
  border: none;
  padding: .3em .5em;
  color: #fff;
  font-weight: 500;
  font-family: "Jaldi", sans-serif;
  text-align: center;
  margin-top: .4rem;
}
/* line 147, ../sass/partials/abstractions/_feedback-download.scss */
.c-feedback__button:visited, .c-feedback__button--orange:visited {
  color: #fff;
}
@media (max-width: 800px) {
  /* line 136, ../sass/partials/abstractions/_feedback-download.scss */
  .c-feedback__button, .c-feedback__button--orange {
    display: block;
  }
}
/* line 156, ../sass/partials/abstractions/_feedback-download.scss */
.c-feedback__button--orange {
  background-color: #eca963;
  color: #000;
}
/* line 161, ../sass/partials/abstractions/_feedback-download.scss */
.c-feedback__button--orange:visited {
  color: #000;
}
@media (max-width: 800px) {
  /* line 156, ../sass/partials/abstractions/_feedback-download.scss */
  .c-feedback__button--orange {
    margin-right: 0 !important;
    margin-bottom: .2em;
  }
}
/* line 172, ../sass/partials/abstractions/_feedback-download.scss */
.c-feedback .checkcontainer {
  display: flex;
  width: 25px;
  position: relative;
  margin: 0;
  margin-left: auto;
  cursor: pointer;
  font-size: 17px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* line 185, ../sass/partials/abstractions/_feedback-download.scss */
.c-feedback .checkcontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
/* line 191, ../sass/partials/abstractions/_feedback-download.scss */
.c-feedback .checkcontainer input:checked ~ .checkmark {
  background-color: #2a5785;
}
/* line 195, ../sass/partials/abstractions/_feedback-download.scss */
.c-feedback .checkcontainer .checkmark {
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 4px;
}
/* line 202, ../sass/partials/abstractions/_feedback-download.scss */
.c-feedback .checkcontainer .checkmark:after {
  left: 10px;
  top: 6px;
  width: 7px;
  height: 12px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* line 214, ../sass/partials/abstractions/_feedback-download.scss */
.c-feedback .checkcontainer input:checked ~ .checkmark:after {
  display: block;
}
/* line 218, ../sass/partials/abstractions/_feedback-download.scss */
.c-feedback .checkcontainer .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
/* line 226, ../sass/partials/abstractions/_feedback-download.scss */
.c-feedback__download {
  font-size: 1.1em;
  font-family: "Jaldi", sans-serif;
  display: flex;
  margin-left: auto;
  border-radius: 4px;
  background-color: #2a5785;
  padding: .6em 1.4em;
  color: #fff;
  border: none;
  background-color: gray;
  margin: 1em 0 2em auto;
}
/* line 240, ../sass/partials/abstractions/_feedback-download.scss */
.c-feedback .hasSelections {
  background-color: #2a5785 !important;
}

/* line 245, ../sass/partials/abstractions/_feedback-download.scss */
.c-feedback__button *, .c-feedback__button--orange *, .c-feedback__button--orange * {
  font-family: 'Jaldi';
  font-weight: 600;
}
@media (min-width: 64em) {
  /* line 245, ../sass/partials/abstractions/_feedback-download.scss */
  .c-feedback__button *, .c-feedback__button--orange *, .c-feedback__button--orange * {
    font-size: .7rem;
  }
}
@media (min-width: 75em) {
  /* line 245, ../sass/partials/abstractions/_feedback-download.scss */
  .c-feedback__button *, .c-feedback__button--orange *, .c-feedback__button--orange * {
    font-size: 1rem;
  }
}

/* line 1, ../sass/partials/abstractions/card-carousel.scss */
.carousel-wrapper {
  height: 100%;
  overflow: hidden;
  width: 90%;
  margin: auto;
}

/* line 8, ../sass/partials/abstractions/card-carousel.scss */
.carousel-wrapper * {
  box-sizing: border-box;
}

/* line 12, ../sass/partials/abstractions/card-carousel.scss */
.carousel {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  height: 100%;
}

/* line 19, ../sass/partials/abstractions/card-carousel.scss */
.carousel__photo {
  border-radius: 8px;
  opacity: 0;
  position: absolute;
  object-fit: cover;
  height: 100%;
  top: 0;
  width: 100%;
  margin: auto;
  z-index: 100;
  transition: transform .5s, opacity .5s, z-index .5s;
}

/* line 32, ../sass/partials/abstractions/card-carousel.scss */
.carousel__photo.initial,
.carousel__photo.active {
  opacity: 1;
  position: relative;
  z-index: 900;
}

/* line 39, ../sass/partials/abstractions/card-carousel.scss */
.carousel__photo.prev,
.carousel__photo.next {
  z-index: 800;
}

/* line 44, ../sass/partials/abstractions/card-carousel.scss */
.carousel__photo.prev {
  transform: translateX(-100%);
}

/* line 48, ../sass/partials/abstractions/card-carousel.scss */
.carousel__photo.next {
  transform: translateX(100%);
}

/* line 52, ../sass/partials/abstractions/card-carousel.scss */
.carousel__button--prev,
.carousel__button--next {
  display: none;
  position: absolute;
  top: 50%;
  width: 3rem;
  height: 3rem;
  /*background-color: #FFF;*/
  transform: translateY(-50%);
  border-radius: 50%;
  cursor: pointer;
  z-index: 1001;
  /*border: 1px solid black;*/
  /*  opacity: 0;  Hide buttons until carousel is initialised 
transition:opacity 1s;*/
}

/* line 70, ../sass/partials/abstractions/card-carousel.scss */
.js-carousel .carousel__button--prev,
.js-carousel .carousel__button--next {
  display: block;
}

/* line 76, ../sass/partials/abstractions/card-carousel.scss */
.carousel__button--prev {
  left: 0;
}

/* line 80, ../sass/partials/abstractions/card-carousel.scss */
.carousel__button--next {
  right: 0;
}

/* line 84, ../sass/partials/abstractions/card-carousel.scss */
.carousel__button--prev::after,
.carousel__button--next::after {
  content: " ";
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  left: 54%;
  border-right: 2px solid black;
  border-bottom: 2px solid black;
  transform: translate(-50%, -50%) rotate(135deg);
}

/* line 97, ../sass/partials/abstractions/card-carousel.scss */
.carousel__button--next::after {
  left: 47%;
  transform: translate(-50%, -50%) rotate(-45deg);
}

/* Theme */
/* line 2, ../sass/partials/theme/_audio.scss */
audio,
a[href$=".mp3"],
a[href$=".m4v"],
a[href$=".mp4"] {
  display: none;
}

/*-------------- YOUTUBE PLAYER --------------*/
/* line 11, ../sass/partials/theme/_audio.scss */
#yt-container {
  background-color: transparent;
  width: 100%;
  height: 600px;
}

/*-------------- AUDIO PLAYER --------------*/
/* line 21, ../sass/partials/theme/_audio.scss */
.audio .h4 {
  display: none;
}

/* line 25, ../sass/partials/theme/_audio.scss */
.audio-player {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

/* line 32, ../sass/partials/theme/_audio.scss */
video#jp_video_0 {
  position: absolute;
  left: 10px;
  bottom: 93px;
}

/* line 38, ../sass/partials/theme/_audio.scss */
.no-flexbox .audio-player {
  display: none;
}

/* line 42, ../sass/partials/theme/_audio.scss */
.flex-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/* line 53, ../sass/partials/theme/_audio.scss */
.jp-controls.flex-item {
    /*
  -ms-flex-preferred-size: 150px;
      flex-basis: 150px;
*/
}

/*GC*/
/* line 64, ../sass/partials/theme/_audio.scss */
.jp-now-playing img#mini_poster {
  max-height: 50px;
  width: auto;
  float: left;
  margin-right: 10px;
}

/* line 71, ../sass/partials/theme/_audio.scss */
.jp-progress-container.flex-item {
  margin-right: 0;
    /*
  -ms-flex-preferred-size: 350px;
      flex-basis: 350px;
*/
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  -ms-flex-negative: 2;
  flex-shrink: 2;
}

/* line 84, ../sass/partials/theme/_audio.scss */
.jp-now-playing.flex-item {
  -ms-flex-preferred-size: 300px;
  flex-basis: 295px;
}

/* line 89, ../sass/partials/theme/_audio.scss */
.jp-toggles.flex-item {
    /*
  -ms-flex-preferred-size: 130px;
      flex-basis: 130px;
*/
}

/* line 96, ../sass/partials/theme/_audio.scss */
.jp-volume-controls.flex-item {
  -ms-flex-preferred-size: 155px;
  flex-basis: 155px;
}

/* line 101, ../sass/partials/theme/_audio.scss */
.jp-audio-stream,
.jp-video {
  background-color: #fff;
  padding: 15px;
  position: relative;
}

/*Controls*/
/* line 111, ../sass/partials/theme/_audio.scss */
.jp-playlist {
  display: none;
}

/* line 115, ../sass/partials/theme/_audio.scss */
.jp-interface .jp-controls button,
.jp-interface .jp-toggles button,
.jp-interface .jp-volume-controls button {
  background: none;
  border: none;
  outline: none;
  color: #7b7c8b;
  line-height: 24px;
  font-weight: 600;
  -webkit-transition-delay: 0;
  transition-delay: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  font-size: 20px;
  padding: 0 5px;
}

/* line 138, ../sass/partials/theme/_audio.scss */
.jp-interface .jp-controls .jp-play i,
.jp-interface .jp-controls .jp-previous i,
.jp-interface .jp-controls .jp-next i {
  font-size: 23px;
  color: #FFF;
}

/* line 146, ../sass/partials/theme/_audio.scss */
.jp-interface .jp-controls .jp-play i {
  padding-left: 5px;
  padding-top: 2px;
}

/* line 151, ../sass/partials/theme/_audio.scss */
.jp-audio.jp-state-playing .jp-play i {
  padding-left: 0px;
}

/* GC SPIN */
/* line 157, ../sass/partials/theme/_audio.scss */
.jp-audio.jp-state-seeking .jp-play,
.playing.buffering {
  display: inline-block;
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*Progress bars*/
/* line 196, ../sass/partials/theme/_audio.scss */
.jp-progress-container,
.jp-volume-bar-container {
  height: 30px;
  padding: 10px;
}

/* line 202, ../sass/partials/theme/_audio.scss */
.jp-progress,
.jp-seek-bar,
.jp-play-bar,
.jp-volume-bar,
.jp-volume-bar-value {
  height: 8px;
  border-radius: 1px;
}

/* line 211, ../sass/partials/theme/_audio.scss */
.jp-seek-bar,
.jp-volume-bar {
  cursor: pointer;
  background-color: #2b2b2b;
  border-radius: 5px;
}

/* line 218, ../sass/partials/theme/_audio.scss */
.jp-play-bar {
  float: left;
  position: relative;
  background-color: #E9974D;
  border-radius: 5px;
  overflow: visible !important;
}

/* line 226, ../sass/partials/theme/_audio.scss */
.jp-volume-bar-value {
  float: left;
  position: relative;
  background-color: #aaaaaa;
}

/* line 232, ../sass/partials/theme/_audio.scss */
.jp-progress .bullet,
.jp-volume-bar .bullet {
  position: absolute;
  content: "";
  top: -5px;
  right: -7px;
  height: 18px;
  width: 18px;
  background-color: #E9974D;
  border-radius: 50%;
}

/* line 244, ../sass/partials/theme/_audio.scss */
.jp-time-holder {
  top: 0;
  color: #979797;
  font-size: 12px;
}

/* Toggles */
/* line 255, ../sass/partials/theme/_audio.scss */
.jp-toggles button {
  margin: 0 3px;
}

/* line 259, ../sass/partials/theme/_audio.scss */
.jp-toggles button:hover {
  color: #FFF;
}

/* line 263, ../sass/partials/theme/_audio.scss */
.jp-state-looped .jp-toggles .jp-repeat,
.jp-state-shuffled .jp-toggles .jp-shuffle,
.jp-interface .jp-toggles .playlist-is-visible.jp-show-playlist {
  color: #04a9f3;
  /*  color: #00c85f;*/
}

/* Volume Controls */
/* line 273, ../sass/partials/theme/_audio.scss */
.jp-volume-controls button {
  float: left;
}

/* line 277, ../sass/partials/theme/_audio.scss */
.jp-volume-controls .jp-volume-bar {
  margin-left: 40px;
}

/* line 281, ../sass/partials/theme/_audio.scss */
.jp-state-muted .jp-mute i:before {
  content: "\f026" !important;
}

/* line 285, ../sass/partials/theme/_audio.scss */
.jp-volume-bar,
.jp-volume-bar-value {
  border-radius: 5px;
}

/* line 290, ../sass/partials/theme/_audio.scss */
.jp-state-no-volume .jp-volume-controls {
  display: none;
}

/* Playlist  */
/* line 297, ../sass/partials/theme/_audio.scss */
.jp-playlist {
  position: absolute;
  right: 65px;
  bottom: 100%;
  background: rgba(0, 0, 0, 0.8);
  padding: 20px 25px;
  width: 400px;
}

/* line 306, ../sass/partials/theme/_audio.scss */
.jp-playlist ul {
  padding: 0;
  margin: 0;
  max-height: 200px;
  overflow: auto;
}

/* line 313, ../sass/partials/theme/_audio.scss */
.jp-playlist li {
  list-style: none;
}

/* line 317, ../sass/partials/theme/_audio.scss */
.jp-playlist li a {
  color: #c9c9c9;
  display: block;
  padding: 10px 0;
  outline: none;
  border-bottom: 1px solid #1F1F1F;
}

/* line 325, ../sass/partials/theme/_audio.scss */
.jp-playlist li:last-child a {
  border-bottom: 0;
}

/* line 329, ../sass/partials/theme/_audio.scss */
.jp-playlist li a:hover,
.jp-playlist li a:focus,
.jp-playlist li a:active,
a.jp-playlist-item.jp-playlist-current {
  color: #04a9f3;
  /*  color: #00c85f;*/
  text-decoration: none;
}

/* line 338, ../sass/partials/theme/_audio.scss */
.jp-playlist li a span {
  color: #6d6d6d;
}

/* ==================== Media Query ==================== */
@media (max-width: 992px) {
  /* line 346, ../sass/partials/theme/_audio.scss */
  .jp-now-playing {
    display: none;
  }
}
@media (max-width: 767px) {
  /* line 352, ../sass/partials/theme/_audio.scss */
  .jp-volume-bar,
  .jp-volume-bar .bullet {
    display: none !important;
  }

  /* line 357, ../sass/partials/theme/_audio.scss */
  .jp-progress-container.flex-item {
        /*
    -ms-flex-preferred-size: 140px;
        flex-basis: 140px;
*/
    padding: 12px 15px;
  }

  /* line 365, ../sass/partials/theme/_audio.scss */
  .jp-progress .bullet {
    right: -10px;
  }

  /* line 369, ../sass/partials/theme/_audio.scss */
  .jp-volume-controls.flex-item {
    -ms-flex-preferred-size: 33px;
    flex-basis: 33px;
  }

  /* line 374, ../sass/partials/theme/_audio.scss */
  .jp-progress {
    margin: 0;
  }

  /* line 378, ../sass/partials/theme/_audio.scss */
  .jp-interface .jp-controls .jp-play {
    margin: 0 3px;
  }

  /* line 382, ../sass/partials/theme/_audio.scss */
  .jp-interface .jp-controls .jp-play i,
  .jp-interface .jp-controls .jp-previous i,
  .jp-interface .jp-controls .jp-next i {
    font-size: 16px;
  }

  /* line 388, ../sass/partials/theme/_audio.scss */
  .jp-interface .jp-controls .jp-play {
    width: 42px;
    height: 42px;
  }

  /* line 393, ../sass/partials/theme/_audio.scss */
  .jp-interface .jp-controls .jp-play i {
    padding-left: 3px;
    padding-top: 0;
  }

  /* line 398, ../sass/partials/theme/_audio.scss */
  .jp-state-playing .jp-interface .jp-controls .jp-play i {
    padding-left: 0;
  }

  /* line 402, ../sass/partials/theme/_audio.scss */
  .jp-controls.flex-item {
        /*
    -ms-flex-preferred-size: 100px;
        flex-basis: 100px;
*/
    margin: 0 10px;
  }

  /* line 410, ../sass/partials/theme/_audio.scss */
  .jp-controls.flex-item:first-of-type {
    margin-left: 0;
  }
}
@media (max-width: 480px) {
  /* line 416, ../sass/partials/theme/_audio.scss */
  .jp-toggles,
  .jp-playlist {
    display: none !important;
  }
}
/* line 422, ../sass/partials/theme/_audio.scss */
.jp-audio {
  background-color: #fff;
  /*  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  border: solid 1px #414449;*/
  border-radius: 8px;
  padding: .6rem;
}
/* line 429, ../sass/partials/theme/_audio.scss */
.jp-audio .jp-icon-pause, .jp-audio .jp-icon-play {
  margin: 0 auto !important;
}
/* line 433, ../sass/partials/theme/_audio.scss */
.jp-audio .jp-icon-pause {
  display: none;
}
/* line 439, ../sass/partials/theme/_audio.scss */
.jp-audio.jp-state-playing .jp-icon-play {
  display: none;
}
/* line 443, ../sass/partials/theme/_audio.scss */
.jp-audio.jp-state-playing .jp-icon-pause {
  display: block;
}
/* line 448, ../sass/partials/theme/_audio.scss */
.jp-audio .jp-play {
  background-color: #E9974D !important;
  border-radius: 50%;
  width: 52px;
  height: 52px;
  position: relative;
  margin: 0 5px;
}
/* line 457, ../sass/partials/theme/_audio.scss */
.jp-audio .jp-progress-container {
  align-items: center;
  display: flex;
  position: relative;
}
/* line 463, ../sass/partials/theme/_audio.scss */
.jp-audio .jp-current-time, .jp-audio .jp-duration {
  color: #414449;
  font-family: 'Jaldi';
  font-size: 1.2rem;
  font-weight: 500;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
/* line 473, ../sass/partials/theme/_audio.scss */
.jp-audio .jp-current-time {
  left: 0;
}
/* line 477, ../sass/partials/theme/_audio.scss */
.jp-audio .jp-duration {
  right: 0;
}
/* line 481, ../sass/partials/theme/_audio.scss */
.jp-audio .jp-progress {
  background-color: #E9EEF2;
  border-radius: 5px;
  margin: 0 2.5rem;
  width: 100%;
}
/* line 488, ../sass/partials/theme/_audio.scss */
.jp-audio .jp-seek-bar, .jp-audio .jp-volume-bar {
  background-color: #E9EEF2;
}
/* line 492, ../sass/partials/theme/_audio.scss */
.jp-audio .jp-play-bar, .jp-audio .jp-volume-bar-value {
  background-color: #E9974D;
}
/* line 496, ../sass/partials/theme/_audio.scss */
.jp-audio .jp-volume-controls {
  display: none;
}
@media (min-width: 64em) {
  /* line 422, ../sass/partials/theme/_audio.scss */
  .jp-audio {
    padding: 1rem;
  }
  /* line 503, ../sass/partials/theme/_audio.scss */
  .jp-audio .jp-volume-controls {
    display: inline-block;
  }
  /* line 507, ../sass/partials/theme/_audio.scss */
  .jp-audio .jp-progress {
    margin: 0 3rem;
  }
  /* line 512, ../sass/partials/theme/_audio.scss */
  .jp-audio .jp-progress-container {
    margin-left: .6rem;
  }
}

/* line 2, ../sass/partials/theme/_buttons.scss */
.c-button__group {
  align-items: center;
  display: flex;
}
/* line 6, ../sass/partials/theme/_buttons.scss */
.c-button__group *:not(:last-child) {
  margin-right: 10px;
}

/* line 11, ../sass/partials/theme/_buttons.scss */
.c-link, .c-link--orange, .c-link--outline, .c-search__trigger, .c-link--subtle, .c-link-outline--blue, .c-link--dark-blue, .c-link--blue, .c-link--grey {
  align-items: center;
  border: 1px solid transparent;
  border-radius: 4px;
  line-height: 1.4;
  font-family: "Jaldi", sans-serif;
  font-weight: 700;
  display: inline-flex;
  justify-content: center;
  padding: .4rem 1.4rem;
  transition: .15s ease-in-out;
  outline: none;
}
/* line 24, ../sass/partials/theme/_buttons.scss */
.c-link img, .c-link--orange img, .c-link--outline img, .c-search__trigger img, .c-link--subtle img, .c-link-outline--blue img, .c-link--dark-blue img, .c-link--blue img, .c-link--grey img {
  margin-right: 6px;
}
/* line 28, ../sass/partials/theme/_buttons.scss */
.c-link:hover, .c-link--orange:hover, .c-link--outline:hover, .c-search__trigger:hover, .c-link--subtle:hover, .c-link-outline--blue:hover, .c-link--dark-blue:hover, .c-link--blue:hover, .c-link--grey:hover {
  cursor: pointer;
}
/* line 32, ../sass/partials/theme/_buttons.scss */
.c-link--large {
  font-size: 1.25rem;
  padding: .8rem 1.8rem;
}

/* line 38, ../sass/partials/theme/_buttons.scss */
.c-link-outline--blue {
  background-color: #fff;
  border-color: #2a5785;
  color: #2a5785;
}
/* line 44, ../sass/partials/theme/_buttons.scss */
.c-link-outline--blue:hover {
  background-color: #2a5785;
  color: #fff;
}

/* line 51, ../sass/partials/theme/_buttons.scss */
.c-link--dark-blue {
  /*background-color: #2c3e90;*/
  background-color: #2a5785;
  color: #fff;
}

/* line 58, ../sass/partials/theme/_buttons.scss */
.c-link--blue {
  background-color: #4b97d9;
  color: #fff;
}

/* line 64, ../sass/partials/theme/_buttons.scss */
.c-link--grey {
  background-color: #808080;
  color: #fff;
}

/* line 70, ../sass/partials/theme/_buttons.scss */
.c-link--corner {
  bottom: 2rem;
  box-shadow: 0 16px 20px 0 rgba(0, 0, 0, 0.1);
  left: 2rem;
  position: fixed;
  z-index: 999;
}

/* line 80, ../sass/partials/theme/_buttons.scss */
.c-breadcrumb {
  list-style-type: none;
  text-decoration: none !important;
  margin-right: 2rem;
}
/* line 84, ../sass/partials/theme/_buttons.scss */
.c-breadcrumb__container {
  flex-wrap: wrap;
}
/* line 90, ../sass/partials/theme/_buttons.scss */
.c-breadcrumb * {
  font-family: 'Jaldi', sans-serif;
  font-size: 1.2rem;
}
/* line 95, ../sass/partials/theme/_buttons.scss */
.c-breadcrumb a {
  align-items: center;
  display: flex;
  white-space: nowrap;
}

/* line 103, ../sass/partials/theme/_buttons.scss */
a.c-breadcrumb:hover {
  text-decoration: underline !important;
}

/* line 1, ../sass/partials/theme/_card.scss */
.c-card, .c-card--blue, .c-card-quiz {
  border-radius: 8px;
  padding: 1.5rem;
}

/* line 6, ../sass/partials/theme/_card.scss */
.c-card--blue {
  background-color: #e9eef2;
}

/* line 12, ../sass/partials/theme/_card.scss */
.c-card-quiz {
  align-items: center;
  border-radius: 4px;
  border: solid 1px #d9d0d1;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
  padding: 1rem;
}
/* line 23, ../sass/partials/theme/_card.scss */
.c-card-quiz__image {
  margin-bottom: 1rem;
  margin-right: 1rem;
  width: 4rem;
}
/* line 29, ../sass/partials/theme/_card.scss */
.c-card-quiz__item {
  align-items: center;
  display: flex;
  flex-direction: column;
  text-align: center;
}
/* line 36, ../sass/partials/theme/_card.scss */
.c-card-quiz__options {
  align-items: center;
  display: flex;
  margin-top: 1rem;
}
/* line 42, ../sass/partials/theme/_card.scss */
.c-card-quiz__option {
  align-items: center;
  display: flex;
  font-family: Jaldi;
  font-size: 1.25rem;
  font-weight: 600;
}
/* line 49, ../sass/partials/theme/_card.scss */
.c-card-quiz__option:not(last-of-type) {
  margin-right: .6rem;
}
/* line 53, ../sass/partials/theme/_card.scss */
.c-card-quiz__option label {
  border: solid 2px;
  border-radius: 4px;
  white-space: nowrap;
}
/* line 59, ../sass/partials/theme/_card.scss */
.c-card-quiz__option label.True {
  border-color: #387e5e;
  color: #387e5e;
}
/* line 64, ../sass/partials/theme/_card.scss */
.c-card-quiz__option label.False {
  border-color: #bf4c3b;
  color: #bf4c3b;
}
/* line 69, ../sass/partials/theme/_card.scss */
.c-card-quiz__option svg {
  height: 1rem;
  margin-left: .6rem;
  width: 1rem;
}
/* line 75, ../sass/partials/theme/_card.scss */
.c-card-quiz__option label {
  align-items: center;
  display: flex;
  padding: .4rem 1.2rem;
  margin: 0;
}
/* line 81, ../sass/partials/theme/_card.scss */
.c-card-quiz__option label:before {
  display: none !important;
}
/* line 88, ../sass/partials/theme/_card.scss */
.c-card-quiz__option input[type="radio"]:checked + label svg path {
  fill: #fff;
}
/* line 94, ../sass/partials/theme/_card.scss */
.c-card-quiz__option input[type="radio"]:checked + label.True {
  background-color: #387e5e;
  color: #fff;
}
/* line 99, ../sass/partials/theme/_card.scss */
.c-card-quiz__option input[type="radio"]:checked + label.False {
  background-color: #bf4c3b;
  color: #fff;
}
/* line 104, ../sass/partials/theme/_card.scss */
.c-card-quiz__option input[type="radio"]:checked + label.Unsure {
  background-color: #414449;
  border-color: #414449;
  color: #fff;
}
@media (min-width: 64em) {
  /* line 12, ../sass/partials/theme/_card.scss */
  .c-card-quiz {
    flex-direction: row;
    justify-content: space-between;
  }
  /* line 115, ../sass/partials/theme/_card.scss */
  .c-card-quiz__item {
    align-items: center;
    display: flex;
    flex-direction: row;
    text-align: left;
  }
  /* line 122, ../sass/partials/theme/_card.scss */
  .c-card-quiz__image {
    margin-bottom: 0;
  }
  /* line 126, ../sass/partials/theme/_card.scss */
  .c-card-quiz__options {
    margin-top: 0;
  }
}

/* line 132, ../sass/partials/theme/_card.scss */
.c-card-slider {
  align-items: center;
  background-color: #BF5B35;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 1rem;
  padding: 1rem;
  position: relative;
  z-index: 2;
}
/* line 144, ../sass/partials/theme/_card.scss */
.c-card-slider__heading {
  color: #fff;
  font-family: 'Jaldi', sans-serif;
  margin-bottom: 1rem;
}
/* line 150, ../sass/partials/theme/_card.scss */
.c-card-slider__prev, .c-card-slider__next {
  position: absolute;
  top: 50%;
  width: 3rem;
  height: 3rem;
  transform: translateY(-50%);
  border-radius: 50%;
  cursor: pointer;
  z-index: 1001;
}
/* line 161, ../sass/partials/theme/_card.scss */
.c-card-slider__prev {
  left: 0;
}
/* line 165, ../sass/partials/theme/_card.scss */
.c-card-slider__next {
  right: 0;
}
/* line 169, ../sass/partials/theme/_card.scss */
.c-card-slider__fact {
  max-width: 80%;
  text-align: center;
}
/* line 173, ../sass/partials/theme/_card.scss */
.c-card-slider__fact * {
  color: #fff;
}
/* line 178, ../sass/partials/theme/_card.scss */
.c-card-slider__progress {
  display: flex;
  margin-top: 2rem;
  width: 100%;
}
/* line 184, ../sass/partials/theme/_card.scss */
.c-card-slider__indicator {
  background-color: #fff;
  display: flex;
  flex: 1;
  height: 4px;
}
/* line 190, ../sass/partials/theme/_card.scss */
.c-card-slider__indicator:not(last-of-type) {
  margin-right: .5rem;
}
/* line 194, ../sass/partials/theme/_card.scss */
.c-card-slider__indicator--active {
  background-color: #0f2b53;
}
@media (min-width: 64em) {
  /* line 132, ../sass/partials/theme/_card.scss */
  .c-card-slider {
    max-width: 350px;
  }
}

/* line 204, ../sass/partials/theme/_card.scss */
.c-concern {
  margin-bottom: 1rem !important;
}
/* line 207, ../sass/partials/theme/_card.scss */
.c-concern strong {
  font-family: 'Jaldi';
  font-size: 1.2rem;
  line-height: 1;
  margin-bottom: .6rem;
}
/* line 214, ../sass/partials/theme/_card.scss */
.c-concern img {
  margin-top: auto;
}
/* line 218, ../sass/partials/theme/_card.scss */
.c-concern__card {
  background-color: #fff !important;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: .8rem .4rem;
}

/* line 229, ../sass/partials/theme/_card.scss */
.c-card-indigenous {
  background-image: url("/img/static/indigenous/shard-opacity.svg");
  background-size: cover;
  background-repeat: no-repeat;
}
/* line 234, ../sass/partials/theme/_card.scss */
.c-card-indigenous .c-resource__link {
  background-color: transparent;
}
/* line 238, ../sass/partials/theme/_card.scss */
.c-card-indigenous .c-icon-art {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.2);
  opacity: 0;
  max-width: 132px;
}
/* line 248, ../sass/partials/theme/_card.scss */
.c-card-indigenous:hover .img-animate {
  transition: all 1000ms cubic-bezier(0.68, -0.55, 0.26, 1.55);
  transform: rotate(245deg) scale(0.5);
  opacity: 0.4;
}
/* line 254, ../sass/partials/theme/_card.scss */
.c-card-indigenous:hover .c-icon-art {
  transition: all 1000ms cubic-bezier(0.68, -0.55, 0.26, 1.55);
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  transition-delay: 50ms;
}
/* line 261, ../sass/partials/theme/_card.scss */
.c-card-indigenous:hover .c-video-display {
  opacity: 0;
}

/* line 268, ../sass/partials/theme/_card.scss */
.c-card-indigenous--green {
  background-color: #4F8F8A;
}
/* line 271, ../sass/partials/theme/_card.scss */
.c-card-indigenous--green .c-resource__title {
  background-color: #215354;
}
/* line 274, ../sass/partials/theme/_card.scss */
.c-card-indigenous--green .c-resource__title * {
  color: #fff;
}

/* line 280, ../sass/partials/theme/_card.scss */
.c-card-indigenous--red {
  background-color: #CB7147;
}
/* line 283, ../sass/partials/theme/_card.scss */
.c-card-indigenous--red .c-resource__title {
  background-color: #914439;
}
/* line 286, ../sass/partials/theme/_card.scss */
.c-card-indigenous--red .c-resource__title * {
  color: #fff;
}

/* line 292, ../sass/partials/theme/_card.scss */
.c-card-indigenous--blue {
  background-color: #2a5785;
}
/* line 295, ../sass/partials/theme/_card.scss */
.c-card-indigenous--blue .c-resource__title {
  background-color: #0f2b53;
}
/* line 298, ../sass/partials/theme/_card.scss */
.c-card-indigenous--blue .c-resource__title * {
  color: #fff;
}

/* line 304, ../sass/partials/theme/_card.scss */
.c-card-indigenous--white {
  background-image: url("/img/static/indigenous/pattern-white-reverse.svg");
  background-repeat: no-repeat;
  background-color: #fff;
  background-position: center;
}

/* line 311, ../sass/partials/theme/_card.scss */
.c-card--image * {
  font-family: 'Jaldi';
  font-size: 1.25rem;
  font-weight: 700;
}

/* line 317, ../sass/partials/theme/_card.scss */
.c-card-home {
  height: 100%;
  font-size: 1rem !important;
  position: absolute !important;
  max-width: 100% !important;
  left: 0;
  top: 0;
  width: 100% !important;
  z-index: 2;
}
/* line 327, ../sass/partials/theme/_card.scss */
.c-card-home .full-quiz {
  margin-top: 1rem;
  max-width: 230px;
}

/* line 333, ../sass/partials/theme/_card.scss */
.c-card-landing {
  margin: auto;
  margin-bottom: 1rem;
  max-width: 400px;
}

/* line 1, ../sass/partials/theme/_share.scss */
.c-share {
  border-radius: 4px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  display: flex;
  text-decoration: none !important;
}
/* line 8, ../sass/partials/theme/_share.scss */
.c-share__container {
  display: flex;
  width: 100%;
  /*ul {
      margin-top: 2rem;
  }*/
}
/* line 17, ../sass/partials/theme/_share.scss */
.c-share__icon {
  background-color: #414449;
  border-radius: 4px 0 0 4px;
  display: flex;
  justify-content: center;
  padding: .8rem;
  width: 4.5rem;
}
/* line 26, ../sass/partials/theme/_share.scss */
.c-share__text {
  align-items: center;
  border: 1px solid #414449;
  border-left: none;
  border-radius: 0 4px 4px 0;
  display: flex;
  justify-content: flex-start;
  font-family: Jaldi, sans-serif;
  font-weight: 600;
  font-size: 1.25rem;
  padding: 1rem;
  width: 100%;
}
/* line 41, ../sass/partials/theme/_share.scss */
.c-share--twitter .c-share__icon {
  background-color: #38a1f3 !important;
}
/* line 47, ../sass/partials/theme/_share.scss */
.c-share--email .c-share__icon {
  background-color: #0f2b53 !important;
}
/* line 53, ../sass/partials/theme/_share.scss */
.c-share--facebook .c-share__icon {
  background-color: #4267b2 !important;
}

/* line 60, ../sass/partials/theme/_share.scss */
.c-share-pdf {
  border: 1px solid #414449;
  border-radius: 4px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  display: flex;
  padding: 1rem;
  flex-direction: column;
}
/* line 70, ../sass/partials/theme/_share.scss */
.c-share-pdf__icon {
  width: 2.813rem;
  height: 2.813rem;
  border-radius: 4px;
  background-color: #414449;
  align-items: center;
  display: flex;
  justify-content: center;
  margin-right: 1rem;
  padding: .6rem;
}
/* line 82, ../sass/partials/theme/_share.scss */
.c-share-pdf__header {
  align-items: center;
  display: flex;
  flex-direction: row;
  margin-bottom: 1rem;
  flex: 1;
}
/* line 90, ../sass/partials/theme/_share.scss */
.c-share-pdf__details {
  display: flex;
  flex-direction: column;
  font-family: 'Jaldi', sans-serif;
}
/* line 96, ../sass/partials/theme/_share.scss */
.c-share-pdf__button--download {
  margin-top: .6rem;
}
@media (min-width: 40em) {
  /* line 60, ../sass/partials/theme/_share.scss */
  .c-share-pdf {
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    padding: 0;
  }
  /* line 106, ../sass/partials/theme/_share.scss */
  .c-share-pdf__header {
    margin-bottom: 0;
  }
  /* line 110, ../sass/partials/theme/_share.scss */
  .c-share-pdf__details {
    flex-direction: row;
  }
  /* line 114, ../sass/partials/theme/_share.scss */
  .c-share-pdf__icon {
    border-radius: 4px 0 0 4px;
    margin-bottom: -1px;
    margin-left: -1px;
    margin-top: -1px;
    height: 4rem;
    width: 4rem;
  }
  /* line 123, ../sass/partials/theme/_share.scss */
  .c-share-pdf__button {
    margin: 0 1rem;
  }
  /* line 127, ../sass/partials/theme/_share.scss */
  .c-share-pdf__button--download {
    margin-left: 0;
  }
}

/* line 1, ../sass/partials/theme/_sections.scss */
.c-section, .c-section--brown, .c-section--blue {
  padding: 3.5rem 0;
  position: relative;
}

/* line 7, ../sass/partials/theme/_sections.scss */
.c-section--brown {
  background-color: #ece7e8;
  border-bottom: solid 1px #d9d0d1;
  border-top: solid 1px #d9d0d1;
}

/* line 14, ../sass/partials/theme/_sections.scss */
.c-section--blue {
  background-color: #e9eef2;
}

/* line 19, ../sass/partials/theme/_sections.scss */
.c-landing__pattern, .c-landing__background, .c-landing__background--reverse {
  background-image: url(/img/static/indigenous/line-pattern.svg);
  background-repeat: no-repeat;
  background-position: 100% -25%;
  background-size: cover;
  height: 100%;
  left: 0;
  opacity: 0.1;
  position: absolute;
  top: 0;
  width: 100%;
}

/* line 32, ../sass/partials/theme/_sections.scss */
.c-landing {
  /*&__resources {
      margin-bottom: -3rem;
  }*/
}
/* line 33, ../sass/partials/theme/_sections.scss */
.c-landing__icon {
  max-width: 20%;
  z-index: 999;
}
/* line 38, ../sass/partials/theme/_sections.scss */
.c-landing__heading {
  background-color: #fff;
  left: -5%;
  max-width: 100%;
  padding: 1rem 1.5rem;
  position: absolute;
  top: 100%;
  transform: translateY(-50%);
  word-break: break-word;
  z-index: 9;
}
/* line 53, ../sass/partials/theme/_sections.scss */
.c-landing__background--reverse {
  transform: scaleX(-1);
}
/* line 59, ../sass/partials/theme/_sections.scss */
.c-landing__image {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 15.125rem;
  margin-left: auto;
  margin-right: -1.5rem;
  width: 100%;
}
/* line 71, ../sass/partials/theme/_sections.scss */
.c-landing__panel {
  padding: 4rem 0;
}
/* line 74, ../sass/partials/theme/_sections.scss */
.c-landing__panel--indigenous {
  /*box-shadow: 0px -143px 102px 0px #2a5785;*/
  box-shadow: 0px -18px 88px 80px #2a5785;
}
/* line 81, ../sass/partials/theme/_sections.scss */
.c-landing--indigenous .c-landing__image {
  box-shadow: inset 218px 0px 161px -42px #0f2b53;
}
/* line 86, ../sass/partials/theme/_sections.scss */
.c-landing__description {
  justify-content: center;
  margin-top: 1rem;
}
/* line 90, ../sass/partials/theme/_sections.scss */
.c-landing__description * {
  /*color: #fff;*/
  font-family: 'Jaldi', sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
}
/* line 97, ../sass/partials/theme/_sections.scss */
.c-landing__description a {
  text-decoration: underline;
}
/* line 102, ../sass/partials/theme/_sections.scss */
.c-landing .l-container, .c-landing .l-container--small, .c-landing .l-container--med, .c-landing .l-container--large {
  position: relative;
}
@media (min-width: 64em) {
  /* line 107, ../sass/partials/theme/_sections.scss */
  .c-landing__heading {
    left: 0;
    min-width: 22rem;
    top: 50%;
  }
  /* line 113, ../sass/partials/theme/_sections.scss */
  .c-landing__image {
    height: 27.5rem;
    margin-right: -6.5rem;
    width: 64.438rem;
  }
}

/* line 124, ../sass/partials/theme/_sections.scss */
.c-landing__panel--indigenous .c-landing__description * {
  color: #fff;
}

/* line 130, ../sass/partials/theme/_sections.scss */
.c-public {
  width: 100%;
}
/* line 133, ../sass/partials/theme/_sections.scss */
.c-public__content {
  align-items: flex-start;
  justify-content: center;
  padding: 3.5rem 2rem 2rem !important;
}
/* line 139, ../sass/partials/theme/_sections.scss */
.c-public__image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 16rem;
}
/* line 149, ../sass/partials/theme/_sections.scss */
.c-public__message {
  font-weight: 300;
  margin: 1rem 0 2rem 0;
}
@media (min-width: 64em) {
  /* line 130, ../sass/partials/theme/_sections.scss */
  .c-public {
    width: 90%;
  }
  /* line 157, ../sass/partials/theme/_sections.scss */
  .c-public__image {
    height: 33rem;
  }
  /* line 161, ../sass/partials/theme/_sections.scss */
  .c-public__content {
    padding: 0 !important;
  }
}
@media only screen and (min-width: 40em) and (min-height: 30em) {
  /* line 168, ../sass/partials/theme/_sections.scss */
  .c-public__content {
    padding: 3rem 2rem 2rem;
  }
}

/* line 175, ../sass/partials/theme/_sections.scss */
.c-section--overlay {
  /*height: 22rem;*/
  position: relative;
}
/* line 179, ../sass/partials/theme/_sections.scss */
.c-section--overlay .c-section, .c-section--overlay .c-section--brown, .c-section--overlay .c-section--blue {
  padding: 6rem 0;
}
/* line 183, ../sass/partials/theme/_sections.scss */
.c-section--overlay--small {
  height: 15rem;
}
/* line 187, ../sass/partials/theme/_sections.scss */
.c-section--overlay * {
  color: #fff;
}
/* line 191, ../sass/partials/theme/_sections.scss */
.c-section--overlay__image {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  filter: brightness(50%);
  height: 100%;
  position: absolute;
  width: 100%;
}

/* line 207, ../sass/partials/theme/_sections.scss */
.c-section-full, .c-section-full--orange, .c-section-full--lightorange {
  padding: 2.5rem 0;
}

/* line 211, ../sass/partials/theme/_sections.scss */
.c-section-full--orange {
  background-color: #BF5B35;
  background-image: url("/img/static/indigenous/pattern-orange.svg");
  background-repeat: no-repeat;
  background-position: bottom;
}

/* line 219, ../sass/partials/theme/_sections.scss */
.c-section-full--green {
  padding: 2.5rem;
  background-color: #1D4243;
  background-image: url("/img/static/indigenous/pattern-green.svg");
  background-repeat: no-repeat;
  background-position: left top;
  width: 100%;
}
/* line 227, ../sass/partials/theme/_sections.scss */
.c-section-full--green * {
  color: #fff;
}

/* line 232, ../sass/partials/theme/_sections.scss */
.c-section-full--lightorange {
  background-color: #EA974E;
  background-image: url("/img/static/indigenous/pattern-lightorange.svg");
  background-repeat: no-repeat;
  background-position: right;
}

/* line 240, ../sass/partials/theme/_sections.scss */
.c-indigenous-content {
  margin: 3.5rem 2rem 1rem 0;
  min-width: 100%;
}
/* line 244, ../sass/partials/theme/_sections.scss */
.c-indigenous-content ul {
  list-style-type: none;
}
@media (min-width: 64em) {
  /* line 240, ../sass/partials/theme/_sections.scss */
  .c-indigenous-content {
    min-width: 28%;
  }
}

/* line 253, ../sass/partials/theme/_sections.scss */
.c-indigenous-help {
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
/* line 259, ../sass/partials/theme/_sections.scss */
.c-indigenous-help .c-link, .c-indigenous-help .c-link--orange, .c-indigenous-help .c-link--outline, .c-indigenous-help .c-search__trigger, .c-indigenous-help .c-link--subtle, .c-indigenous-help .c-link-outline--blue, .c-indigenous-help .c-link--dark-blue, .c-indigenous-help .c-link--blue, .c-indigenous-help .c-link--grey {
  background-color: #2A5785;
  margin: .5rem 0;
}
/* line 264, ../sass/partials/theme/_sections.scss */
.c-indigenous-help p {
  line-height: 2;
  margin: 0;
  white-space: nowrap;
}
/* line 270, ../sass/partials/theme/_sections.scss */
.c-indigenous-help * {
  color: #fff !important;
}
@media (min-width: 768px) {
  /* line 275, ../sass/partials/theme/_sections.scss */
  .c-indigenous-help .c-link, .c-indigenous-help .c-link--orange, .c-indigenous-help .c-link--outline, .c-indigenous-help .c-search__trigger, .c-indigenous-help .c-link--subtle, .c-indigenous-help .c-link-outline--blue, .c-indigenous-help .c-link--dark-blue, .c-indigenous-help .c-link--blue, .c-indigenous-help .c-link--grey {
    margin: 0 .8rem;
  }
}

/* line 281, ../sass/partials/theme/_sections.scss */
.l-indigenous {
  background-color: #E9EEF2;
  margin-top: 3rem;
}
/* line 285, ../sass/partials/theme/_sections.scss */
.l-indigenous .white.island-cms {
  background-color: #E9EEF2;
}
@media (min-width: 1128px) {
  /* line 291, ../sass/partials/theme/_sections.scss */
  .l-indigenous .article-content p, .l-indigenous .article-content span, .l-indigenous .article-content a {
    font-size: 1.2rem;
    line-height: 1.5;
  }
}

/* line 299, ../sass/partials/theme/_sections.scss */
.l-content-right {
  width: 100%;
}
@media (min-width: 64em) {
  /* line 299, ../sass/partials/theme/_sections.scss */
  .l-content-right {
    margin-left: auto;
    width: 70%;
  }
}

/* line 309, ../sass/partials/theme/_sections.scss */
.c-breadcrumbs li:not(:last-of-type) {
  color: #2a5785;
  font-weight: 700;
}

/* line 314, ../sass/partials/theme/_sections.scss */
.c-tooblbox-related {
  display: none;
}
/* line 317, ../sass/partials/theme/_sections.scss */
.c-tooblbox-related a {
  border-bottom: 1px solid #ece7e8;
  color: #2a5785;
  display: inline-block;
  font-family: "Jaldi", sans-serif;
  font-weight: bold;
  padding: 1rem 0;
  width: 100%;
}
/* line 327, ../sass/partials/theme/_sections.scss */
.c-tooblbox-related li {
  list-style-type: none;
}
@media (min-width: 64em) {
  /* line 314, ../sass/partials/theme/_sections.scss */
  .c-tooblbox-related {
    display: block !important;
  }
}

/* line 338, ../sass/partials/theme/_sections.scss */
.c-shard {
  background-image: none;
  background-repeat: no-repeat;
  background-position: right top;
  padding: 3rem 0 0;
  border-top: 1px solid #d9d0d1;
}
@media (min-width: 64em) {
  /* line 338, ../sass/partials/theme/_sections.scss */
  .c-shard {
    background-image: url(/img/static/vertical-shards.svg);
    background-repeat: no-repeat;
    background-position: right top;
    padding: 3rem 16rem 3rem 0;
    border-top: 1px solid #d9d0d1;
  }
}

/* line 355, ../sass/partials/theme/_sections.scss */
.c-snippet a {
  text-decoration: underline;
}

/* line 361, ../sass/partials/theme/_sections.scss */
.c-snippet .non-palm-one-whole {
  padding-right: 0;
}
/* line 366, ../sass/partials/theme/_sections.scss */
.c-snippet .audio p {
  font-family: 'Jaldi', sans-serif;
  margin-bottom: .6rem;
}

/* line 373, ../sass/partials/theme/_sections.scss */
.c-snippet .blue,
.c-snippet .orange,
.c-snippet .grey {
  padding: 1.5rem 2rem;
}

/* line 379, ../sass/partials/theme/_sections.scss */
.c-template-resource {
  align-items: center;
  border-top: 1px solid #d9d0d1;
  flex-direction: column;
  padding: 1rem 0;
  width: 100%;
  display: flex;
}
/* line 387, ../sass/partials/theme/_sections.scss */
.c-template-resource img {
  max-width: 160px;
  margin-bottom: 1rem;
}
/* line 395, ../sass/partials/theme/_sections.scss */
.c-template-resource__content * {
  color: #737373;
  font-size: .85rem;
  font-style: italic;
}
/* line 401, ../sass/partials/theme/_sections.scss */
.c-template-resource__content p {
  margin-bottom: .5rem;
}
/* line 406, ../sass/partials/theme/_sections.scss */
.c-template-resource__heading {
  font-weight: 600;
}
@media (min-width: 64em) {
  /* line 379, ../sass/partials/theme/_sections.scss */
  .c-template-resource {
    flex-direction: row;
  }
  /* line 413, ../sass/partials/theme/_sections.scss */
  .c-template-resource img {
    /*max-width: 120px;*/
    margin-bottom: 1rem;
    margin-right: 1.5rem;
  }
}

/* line 422, ../sass/partials/theme/_sections.scss */
.c-resource-header {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;
}
/* line 428, ../sass/partials/theme/_sections.scss */
.c-resource-header__title {
  margin-bottom: 0.6rem;
}
@media (min-width: 64em) {
  /* line 422, ../sass/partials/theme/_sections.scss */
  .c-resource-header {
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 3rem;
  }
  /* line 439, ../sass/partials/theme/_sections.scss */
  .c-resource-header__title {
    margin-bottom: 0;
  }
}

/* line 446, ../sass/partials/theme/_sections.scss */
.snippet-432,
.snippet-6408,
.snippet-5219 {
  padding-bottom: 0 !important;
}

/* line 452, ../sass/partials/theme/_sections.scss */
.snippet-5216 {
  margin-top: -1rem !important;
}

/* line 456, ../sass/partials/theme/_sections.scss */
.c-landing__panel--indigenous .c-card-slider {
  margin-top: 1rem;
}

@media (min-width: 64em) {
  /* line 461, ../sass/partials/theme/_sections.scss */
  .c-landing__panel--indigenous .c-card-slider {
    margin-left: auto;
    margin-top: 0;
  }
}
/* line 1, ../sass/partials/theme/_forms.scss */
.c-login {
  width: 100%;
}
@media (min-width: 64em) {
  /* line 1, ../sass/partials/theme/_forms.scss */
  .c-login {
    width: 80%;
  }
}

/* line 10, ../sass/partials/theme/_forms.scss */
.c-input {
  background-color: #fff;
  border: 1px solid #b0a5a6;
  border-radius: 4px;
  color: #414449;
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  min-width: 0;
  outline: none;
  padding: .8rem;
  transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
  width: 100%;
}
/* line 23, ../sass/partials/theme/_forms.scss */
.c-input:focus {
  border-color: #e89851;
}
/* line 27, ../sass/partials/theme/_forms.scss */
.c-input__label {
  font-family: 'Jaldi', sans-serif;
  margin: 0 0 .2rem 0;
}

/* line 33, ../sass/partials/theme/_forms.scss */
.c-message, .c-message--error {
  background-color: #fff;
  border: 2px solid;
  border-radius: 5px;
  display: inline-flex;
  font-family: Jaldi;
  font-weight: 600;
  padding: .5rem 1rem;
}

/* line 43, ../sass/partials/theme/_forms.scss */
.c-message--error {
  border-color: #bf4c3b;
  color: #bf4c3b;
}

/* line 3, ../sass/partials/theme/_quiz.scss */
.c-quiz__container {
  padding-top: inherit;
}
/* line 7, ../sass/partials/theme/_quiz.scss */
.c-quiz__list {
  margin: 0;
  margin-bottom: 2rem !important;
  margin-top: -3rem;
}
/* line 13, ../sass/partials/theme/_quiz.scss */
.c-quiz__update {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -100%);
  top: -1rem;
}

/* line 22, ../sass/partials/theme/_quiz.scss */
.c-quiz-complete {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  position: relative;
}
/* line 30, ../sass/partials/theme/_quiz.scss */
.c-quiz-complete__container {
  height: auto;
  margin-bottom: 6rem;
}
/* line 35, ../sass/partials/theme/_quiz.scss */
.c-quiz-complete__score {
  align-items: center;
  background-color: #a42b2b;
  border-radius: 50%;
  display: flex;
  font-family: Jaldi;
  justify-content: center;
  width: 9.125rem;
  height: 9.125rem;
  font-size: 4rem;
  position: absolute;
  font-weight: 600;
  bottom: 0;
  transform: translateY(50%);
}
/* line 51, ../sass/partials/theme/_quiz.scss */
.c-quiz-complete h1 {
  margin-bottom: 3rem;
}

/* line 57, ../sass/partials/theme/_quiz.scss */
.c-quiz-overview--correct, .c-quiz-overview--incorrect {
  align-items: center;
  display: flex;
}
/* line 61, ../sass/partials/theme/_quiz.scss */
.c-quiz-overview--correct img, .c-quiz-overview--incorrect img {
  margin-right: 1rem;
  max-width: 1.2rem;
}
/* line 66, ../sass/partials/theme/_quiz.scss */
.c-quiz-overview--correct *, .c-quiz-overview--incorrect * {
  font-family: Jaldi;
  font-size: 1.25rem;
  font-weight: 600;
  white-space: nowrap;
}
/* line 75, ../sass/partials/theme/_quiz.scss */
.c-quiz-overview--correct * {
  color: #387e5e;
}
/* line 81, ../sass/partials/theme/_quiz.scss */
.c-quiz-overview--incorrect * {
  color: #a42b2b;
}
/* line 86, ../sass/partials/theme/_quiz.scss */
.c-quiz-overview__score {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;
}
/* line 93, ../sass/partials/theme/_quiz.scss */
.c-quiz-overview__description {
  font-weight: 300;
}
/* line 97, ../sass/partials/theme/_quiz.scss */
.c-quiz-overview__heading {
  margin-bottom: 1.25rem;
}
/* line 101, ../sass/partials/theme/_quiz.scss */
.c-quiz-overview__results {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 280px;
  width: 100%;
}

/* line 110, ../sass/partials/theme/_quiz.scss */
.c-quiz-progess {
  align-items: flex-start;
  display: flex;
  justify-content: center;
  max-width: 1000px;
  margin: 3rem auto 0;
  padding-bottom: 3rem;
}
/* line 118, ../sass/partials/theme/_quiz.scss */
.c-quiz-progess img {
  display: none;
}

/* line 123, ../sass/partials/theme/_quiz.scss */
.c-quiz-progess li {
  list-style: none;
  display: inline-block;
  font-family: Jaldi;
  font-size: 1rem;
  width: 30.33%;
  padding-top: 2rem;
  position: relative;
  text-align: center;
}
@media (min-width: 64em) {
  /* line 123, ../sass/partials/theme/_quiz.scss */
  .c-quiz-progess li {
    font-size: 1.25rem;
  }
}

/* line 138, ../sass/partials/theme/_quiz.scss */
.c-quiz-progess li .c-quiz-progess__icon {
  width: 1.4rem;
  height: 1.4rem;
  border: 3px solid #fff;
  border-radius: 100%;
  display: block;
  text-align: center;
  margin: 0 auto 10px auto;
  background-color: #000;
  position: absolute;
  left: 50%;
  overflow: hidden;
  transform: translate(-50%, -50%);
  top: 0;
  z-index: 2;
}

/* line 155, ../sass/partials/theme/_quiz.scss */
.c-quiz-progess li.complete .c-quiz-progess__icon {
  background: #e89851;
  border-color: #e89851;
}

/* line 160, ../sass/partials/theme/_quiz.scss */
.c-quiz-progess li.active .c-quiz-progess__icon {
  background: #e89851;
  border-color: #e89851;
  height: 3.5rem;
  width: 3.5rem;
}
/* line 166, ../sass/partials/theme/_quiz.scss */
.c-quiz-progess li.active .c-quiz-progess__icon img {
  display: block;
  position: absolute;
  height: 120%;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  width: 120%;
}

/* line 177, ../sass/partials/theme/_quiz.scss */
.c-quiz-progess li:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  background-color: #ddd;
  top: 0;
  left: -50%;
}

/* line 187, ../sass/partials/theme/_quiz.scss */
.c-quiz-progess li:first-child:after {
  content: none;
}

/* line 191, ../sass/partials/theme/_quiz.scss */
.c-quiz-progess li.active {
  font-weight: 600;
}

/* line 195, ../sass/partials/theme/_quiz.scss */
.c-quiz-progess li.complete + li:after {
  background-color: #e89851;
}

/* line 200, ../sass/partials/theme/_quiz.scss */
.c-quiz-tile, .c-quiz-tile--orange, .c-quiz-tile--blue {
  background-color: #ece7e8;
  display: block;
  padding: 2rem !important;
  text-align: center;
  border-radius: 8px;
  max-width: 100%;
  font-family: 'Jaldi';
}
@media (min-width: 64em) {
  /* line 200, ../sass/partials/theme/_quiz.scss */
  .c-quiz-tile, .c-quiz-tile--orange, .c-quiz-tile--blue {
    max-width: 80%;
    margin-left: auto;
  }
}

/* line 215, ../sass/partials/theme/_quiz.scss */
.c-quiz-tile--orange {
  background-color: #e89851;
}
/* line 219, ../sass/partials/theme/_quiz.scss */
.c-quiz-tile--orange .full-quiz {
  background-color: #fff;
  color: #414449;
  font-family: 'Jaldi', sans-serif;
  font-weight: 700;
  padding: .5rem 0;
  font-size: 1.2rem;
}

/* line 229, ../sass/partials/theme/_quiz.scss */
.c-quiz-tile--blue {
  background-color: #2a5785;
  color: #fff;
}
/* line 234, ../sass/partials/theme/_quiz.scss */
.c-quiz-tile--blue .full-quiz {
  background-color: #fff;
  color: #2a5785;
  font-weight: 700;
  padding: .8rem;
}

@media (max-width: 42em) {
  /* line 242, ../sass/partials/theme/_quiz.scss */
  .c-resource--quiz {
    height: auto;
  }
}

/* line 248, ../sass/partials/theme/_quiz.scss */
#quiz label {
  margin-right: 1rem;
}

/* line 3, ../sass/partials/theme/_grids.scss */
.l-grid__container {
  display: flex;
  padding: 0;
  margin-right: -2rem !important;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: 0 !important;
}

/* line 13, ../sass/partials/theme/_grids.scss */
.l-grid__col {
  padding-right: 2rem;
  padding-bottom: 2rem;
  margin: 0;
  list-style-type: inherit;
  flex-basis: auto;
  width: 100%;
}

@media only screen and (min-height: 30em) and (min-width: 40em), print {
  /* line 25, ../sass/partials/theme/_grids.scss */
  .l-grid__col--sml-1 {
    width: 100%;
  }

  /* line 29, ../sass/partials/theme/_grids.scss */
  .l-grid__col--sml-2 {
    width: 50%;
  }

  /* line 33, ../sass/partials/theme/_grids.scss */
  .l-grid__col--sml-3 {
    width: 33.33%;
  }

  /* line 37, ../sass/partials/theme/_grids.scss */
  .l-grid__col--sml-4 {
    width: 25%;
  }

  /* line 41, ../sass/partials/theme/_grids.scss */
  .l-grid__col--sml-5 {
    width: 20%;
  }

  /* line 45, ../sass/partials/theme/_grids.scss */
  .l-grid__col--sml-6 {
    width: 16.66%;
  }

  /* line 49, ../sass/partials/theme/_grids.scss */
  .l-grid__col--sml-8 {
    width: 12.5%;
  }
}
@media only screen and (min-width: 64em) and (min-height: 36em), print {
  /* line 55, ../sass/partials/theme/_grids.scss */
  .l-grid__col--med-1 {
    width: 100%;
  }

  /* line 59, ../sass/partials/theme/_grids.scss */
  .l-grid__col--med-2 {
    width: 50%;
  }

  /* line 63, ../sass/partials/theme/_grids.scss */
  .l-grid__col--med-3 {
    width: 33.33%;
  }

  /* line 67, ../sass/partials/theme/_grids.scss */
  .l-grid__col--med-4 {
    width: 25%;
  }

  /* line 71, ../sass/partials/theme/_grids.scss */
  .l-grid__col--med-5 {
    width: 20%;
  }

  /* line 75, ../sass/partials/theme/_grids.scss */
  .l-grid__col--med-6 {
    width: 16.66%;
  }

  /* line 79, ../sass/partials/theme/_grids.scss */
  .l-grid__col--med-8 {
    width: 12.5%;
  }
}
@media only screen and (min-width: 82em) and (min-height: 48em), print {
  /* line 85, ../sass/partials/theme/_grids.scss */
  .l-grid__col--lrg-1 {
    width: 100%;
  }

  /* line 89, ../sass/partials/theme/_grids.scss */
  .l-grid__col--lrg-2 {
    width: 50%;
  }

  /* line 93, ../sass/partials/theme/_grids.scss */
  .l-grid__col--lrg-3 {
    width: 33.33%;
  }

  /* line 97, ../sass/partials/theme/_grids.scss */
  .l-grid__col--lrg-4 {
    width: 25%;
  }

  /* line 101, ../sass/partials/theme/_grids.scss */
  .l-grid__col--lrg-5 {
    width: 20%;
  }

  /* line 105, ../sass/partials/theme/_grids.scss */
  .l-grid__col--lrg-6 {
    width: 16.66%;
  }

  /* line 109, ../sass/partials/theme/_grids.scss */
  .l-grid__col--lrg-8 {
    width: 12.5%;
  }
}
/* line 2, ../sass/partials/theme/_utils.scss */
:root {
  /* SPACING */
  --spacing-base: 0.25rem;
  --spacing-0-5: calc(var(--spacing-base) / 2);
  --spacing-1: calc(var(--spacing-base) * 1);
  --spacing-1-5: calc(var(--spacing-base) * 1.5);
  --spacing-2: calc(var(--spacing-base) * 2);
  --spacing-3: calc(var(--spacing-base) * 3);
  --spacing-4: calc(var(--spacing-base) * 4);
  /* 1rem */
  --spacing-5: calc(var(--spacing-base) * 5);
  --spacing-6: calc(var(--spacing-base) * 6);
  --spacing-7: calc(var(--spacing-base) * 7);
  --spacing-8: calc(var(--spacing-base) * 8);
  /* 2rem */
  --spacing-9: calc(var(--spacing-base) * 9);
  --spacing-10: calc(var(--spacing-base) * 10);
  --spacing-11: calc(var(--spacing-base) * 11);
  --spacing-12: calc(var(--spacing-base) * 12);
  /* 3rem */
  --spacing-13: calc(var(--spacing-base) * 13);
  --spacing-14: calc(var(--spacing-base) * 14);
  --spacing-15: calc(var(--spacing-base) * 15);
  --spacing-16: calc(var(--spacing-base) * 16);
  /* 4rem */
  --spacing-17: calc(var(--spacing-base) * 17);
  --spacing-18: calc(var(--spacing-base) * 18);
  --spacing-19: calc(var(--spacing-base) * 19);
  --spacing-20: calc(var(--spacing-base) * 20);
  /* 5rem */
  --spacing-22: calc(var(--spacing-base) * 22);
  --spacing-23: calc(var(--spacing-base) * 23);
  --spacing-24: calc(var(--spacing-base) * 24);
  /* 6rem */
  --spacing-26: calc(var(--spacing-base) * 26);
  --spacing-28: calc(var(--spacing-base) * 28);
  --spacing-32: calc(var(--spacing-base) * 32);
  /* 8rem */
  --spacing-34: calc(var(--spacing-base) * 34);
  --spacing-38: calc(var(--spacing-base) * 38);
  --spacing-40: calc(var(--spacing-base) * 40);
  /* 10rem */
  --spacing-48: calc(var(--spacing-base) * 48);
  /* 11rem */
  --spacing-52: calc(var(--spacing-base) * 52);
  /* 13rem */
  --spacing-60: calc(var(--spacing-base) * 60);
  /* 15rem */
  --spacing-64: calc(var(--spacing-base) * 64);
  /* 16rem */
  --spacing-72: calc(var(--spacing-base) * 72);
  /* 18rem */
  --spacing-80: calc(var(--spacing-base) * 80);
  /* 20rem */
  --spacing-88: calc(var(--spacing-base) * 88);
  /* 22rem */
  --spacing-96: calc(var(--spacing-base) * 96);
  /* 24rem */
  --spacing-104: calc(var(--spacing-base) * 104);
  /* 25rem */
  --spacing-112: calc(var(--spacing-base) * 112);
  /* 26rem */
}

/* line 49, ../sass/partials/theme/_utils.scss */
.bg-orange {
  background-color: #eba86c !important;
}

/* line 53, ../sass/partials/theme/_utils.scss */
.bg-red-800 {
  background-color: #7F312C;
}

/* line 57, ../sass/partials/theme/_utils.scss */
.bg-red-900 {
  background-color: #591315;
}

/* line 61, ../sass/partials/theme/_utils.scss */
.bg-orange-800 {
  background-color: #E8964D;
}

/* line 65, ../sass/partials/theme/_utils.scss */
.bg-orange-900 {
  background-color: #C05B36;
}

/* line 69, ../sass/partials/theme/_utils.scss */
.bg-green-800 {
  background-color: #2F5F5E;
}

/* line 73, ../sass/partials/theme/_utils.scss */
.bg-green-900 {
  background-color: #1C4243;
}

/* line 77, ../sass/partials/theme/_utils.scss */
.bg-light-brown {
  background-color: #D3C7C8;
}

/* line 81, ../sass/partials/theme/_utils.scss */
.bg-blue {
  background-color: #2a5785;
}

/* line 85, ../sass/partials/theme/_utils.scss */
.color-white {
  color: #fff;
}

/* line 89, ../sass/partials/theme/_utils.scss */
.color-blue {
  color: #2a5785;
}

/* line 93, ../sass/partials/theme/_utils.scss */
.p-2 {
  padding: var(--spacing-2);
}

/* line 97, ../sass/partials/theme/_utils.scss */
.p-4 {
  padding: 1rem;
}

/* line 101, ../sass/partials/theme/_utils.scss */
.p-8 {
  padding: 2rem;
}

/* line 105, ../sass/partials/theme/_utils.scss */
.mb-2 {
  margin-bottom: var(--spacing-2);
}

/* line 109, ../sass/partials/theme/_utils.scss */
.mb-4 {
  margin-bottom: 1rem;
}

/* line 113, ../sass/partials/theme/_utils.scss */
.mb-8 {
  margin-bottom: var(--spacing-8);
}

/* line 117, ../sass/partials/theme/_utils.scss */
.items-center {
  align-items: center;
}

/* line 121, ../sass/partials/theme/_utils.scss */
.item-start {
  align-self: flex-start;
}

/* line 125, ../sass/partials/theme/_utils.scss */
.justify-center {
  justify-content: center;
}

/* line 129, ../sass/partials/theme/_utils.scss */
.rounded {
  border-radius: 10px;
}

/* line 133, ../sass/partials/theme/_utils.scss */
.of-hidden {
  overflow: hidden;
}

/* line 137, ../sass/partials/theme/_utils.scss */
.w-full {
  width: 100% !important;
}

/* line 141, ../sass/partials/theme/_utils.scss */
.font-secondary {
  font-family: 'Jaldi', sans-serif;
}

/* line 145, ../sass/partials/theme/_utils.scss */
.weight-400 {
  font-weight: 400;
}

/* line 149, ../sass/partials/theme/_utils.scss */
.weight-600 {
  font-weight: 600;
}

/* line 153, ../sass/partials/theme/_utils.scss */
.text-underline {
  text-decoration: underline;
}

/* line 157, ../sass/partials/theme/_utils.scss */
.font-xs {
  font-size: .75rem;
}

/* line 161, ../sass/partials/theme/_utils.scss */
.font-small {
  font-size: .85rem;
}

/* line 165, ../sass/partials/theme/_utils.scss */
.font-med {
  font-size: 1.2rem;
}

/* line 169, ../sass/partials/theme/_utils.scss */
.radius {
  border-radius: 8px;
}

/* line 173, ../sass/partials/theme/_utils.scss */
.mr {
  margin-right: 1rem;
}

/* line 177, ../sass/partials/theme/_utils.scss */
.mr-none {
  margin-right: 0 !important;
}

/* line 181, ../sass/partials/theme/_utils.scss */
.mr-xs {
  margin-right: .25rem;
}

/* line 185, ../sass/partials/theme/_utils.scss */
.mr-sm {
  margin-right: .5rem;
}

/* line 189, ../sass/partials/theme/_utils.scss */
.mb {
  margin-bottom: 1rem;
}

/* line 193, ../sass/partials/theme/_utils.scss */
.mb-important {
  margin-bottom: 1rem !important;
}

/* line 197, ../sass/partials/theme/_utils.scss */
.mb-lg {
  margin-bottom: 2rem;
}

/* line 201, ../sass/partials/theme/_utils.scss */
.ml-none {
  margin-left: 0;
}

/* line 205, ../sass/partials/theme/_utils.scss */
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

/* line 210, ../sass/partials/theme/_utils.scss */
.mt {
  margin-top: 1rem;
}

/* line 214, ../sass/partials/theme/_utils.scss */
.px {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 219, ../sass/partials/theme/_utils.scss */
.py {
  padding-bottom: 1rem;
  padding-top: 1rem;
}

/* line 224, ../sass/partials/theme/_utils.scss */
.all-white * {
  color: #fff !important;
}

/* line 228, ../sass/partials/theme/_utils.scss */
.all-black * {
  color: #414449 !important;
}

/* line 233, ../sass/partials/theme/_utils.scss */
.s-list-item {
  border-radius: 4px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14);
  border: solid 1px #414449;
  background-color: #ffffff;
  display: inline-block;
}

/* line 243, ../sass/partials/theme/_utils.scss */
.s-list-link {
  color: #414449;
  padding: 1rem 1.5rem;
  font-family: Jaldi;
  font-size: 1.5rem;
  font-weight: 600;
  text-decoration: none !important;
  margin-bottom: 1rem;
  width: 100%;
}

/* line 255, ../sass/partials/theme/_utils.scss */
.u-image-corner, .u-image-top-left, .u-image-top-right {
  position: absolute;
  top: 0;
}

/* line 261, ../sass/partials/theme/_utils.scss */
.u-image-top-left {
  left: 0;
}

/* line 267, ../sass/partials/theme/_utils.scss */
.u-image-top-right {
  right: 0;
}

/* line 272, ../sass/partials/theme/_utils.scss */
.h-spacer-bottom {
  margin-bottom: 2rem;
}

/* line 276, ../sass/partials/theme/_utils.scss */
.h-spacer-bottom--large {
  margin-bottom: 3rem;
}

/* line 280, ../sass/partials/theme/_utils.scss */
.h-spacer-bottom--small {
  margin-bottom: 1rem;
}

/* line 284, ../sass/partials/theme/_utils.scss */
.h-spacer-bottom--xs {
  margin-bottom: .5rem;
}

/* line 288, ../sass/partials/theme/_utils.scss */
.h-spacer--large {
  margin-bottom: 3rem;
  margin-top: 3rem;
}

/* line 293, ../sass/partials/theme/_utils.scss */
.h-flex-align--center {
  align-items: center;
  display: flex;
}

/* line 298, ../sass/partials/theme/_utils.scss */
.h-padding {
  padding: 1rem;
}

/* line 302, ../sass/partials/theme/_utils.scss */
.h-padding--med {
  padding: 1.5rem;
}

/* line 306, ../sass/partials/theme/_utils.scss */
.h-padding--lg {
  padding: 2rem;
}

/* line 310, ../sass/partials/theme/_utils.scss */
.h-overflow--hidden {
  overflow: hidden;
}

/* line 314, ../sass/partials/theme/_utils.scss */
.article-content {
  flex-direction: column;
}

/* line 318, ../sass/partials/theme/_utils.scss */
.l-col-reverse {
  flex-direction: row;
}

/* line 322, ../sass/partials/theme/_utils.scss */
.h-flex-col {
  display: flex;
  flex-direction: column;
}

/* line 327, ../sass/partials/theme/_utils.scss */
.h-flex-1 {
  flex: 1;
}

/* line 331, ../sass/partials/theme/_utils.scss */
.h-align-center {
  align-items: center;
  display: flex;
}

/* line 336, ../sass/partials/theme/_utils.scss */
.l-flex--align-end {
  align-items: flex-end;
  display: flex;
}

/* line 341, ../sass/partials/theme/_utils.scss */
.h-justify-center {
  display: flex;
  justify-content: center;
}

/* line 346, ../sass/partials/theme/_utils.scss */
.h-justify-end {
  justify-content: flex-end;
}

/* line 350, ../sass/partials/theme/_utils.scss */
.h-justify-around {
  justify-content: space-around;
}

/* line 354, ../sass/partials/theme/_utils.scss */
.h-full-width {
  width: 100%;
}

/* line 358, ../sass/partials/theme/_utils.scss */
.h-image--sm {
  max-width: 160px !important;
  width: 100%;
}

/* line 363, ../sass/partials/theme/_utils.scss */
.h-image--med {
  max-width: 250px !important;
  width: 100%;
}

/* line 368, ../sass/partials/theme/_utils.scss */
.h-image--large {
  max-width: 600px;
  width: 100%;
}

/* line 373, ../sass/partials/theme/_utils.scss */
.h-height--full {
  height: 100%;
}

/* line 377, ../sass/partials/theme/_utils.scss */
.h-position--relative {
  position: relative;
}

/* line 381, ../sass/partials/theme/_utils.scss */
.h-position--absolute, .h-absolute-center {
  position: absolute;
}

/* line 385, ../sass/partials/theme/_utils.scss */
.h-top--center {
  top: 50%;
  transform: translateY(-50%);
}

/* line 390, ../sass/partials/theme/_utils.scss */
.h-absolute-center {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

/* line 398, ../sass/partials/theme/_utils.scss */
.l-background--home {
  background-color: #EEEDEC;
  background-image: url(/img/static/indigenous/shard-opacity-bg.svg);
  margin-bottom: -2rem;
}

/* line 404, ../sass/partials/theme/_utils.scss */
.h-background--blue {
  background-color: #2a5785;
}

/* line 408, ../sass/partials/theme/_utils.scss */
.h-background--dark-blue {
  background-color: #0f2b53;
  -webkit-print-color-adjust: exact;
}

/* line 413, ../sass/partials/theme/_utils.scss */
.h-background--color-white {
  background-color: #fff;
}

/* line 417, ../sass/partials/theme/_utils.scss */
.h-background-gradient--blue {
  background: linear-gradient(#295582, #152D45);
}

/* line 421, ../sass/partials/theme/_utils.scss */
.h-background--dark-green {
  background-color: #1D4243;
}

/* line 425, ../sass/partials/theme/_utils.scss */
.h-background--green {
  background-color: #427D76;
  -webkit-print-color-adjust: exact;
}

/* line 430, ../sass/partials/theme/_utils.scss */
.h-background--dark-red {
  background-color: #7E322B;
}

/* line 434, ../sass/partials/theme/_utils.scss */
.h-background--red {
  background-color: #BF5B35;
}

/* line 438, ../sass/partials/theme/_utils.scss */
.h-background--dark-brown {
  background-color: #A09495;
}

/* line 442, ../sass/partials/theme/_utils.scss */
.h-background--brown {
  background-color: #D3C7C8;
}

/* line 446, ../sass/partials/theme/_utils.scss */
.h-background--yellow {
  background-color: #FCF7F0;
  -webkit-print-color-adjust: exact;
}

/* line 451, ../sass/partials/theme/_utils.scss */
.h-background--black {
  background-color: #2F3135;
}

/* line 455, ../sass/partials/theme/_utils.scss */
.h-background--white {
  background-color: #fff;
}

/* line 459, ../sass/partials/theme/_utils.scss */
.h-background--orange {
  background-color: #e89851 !important;
  -webkit-print-color-adjust: exact;
}

/* line 464, ../sass/partials/theme/_utils.scss */
.h-background--dark-orange {
  background-color: #CB7147 !important;
  -webkit-print-color-adjust: exact;
}

/* line 469, ../sass/partials/theme/_utils.scss */
.h-background--light-orange {
  background-color: #EEAD63;
  -webkit-print-color-adjust: exact;
}

/* line 474, ../sass/partials/theme/_utils.scss */
.h-background--grey-200 {
  background-color: #F4F4F4;
}

/* line 478, ../sass/partials/theme/_utils.scss */
.bg-pattern, .bg-pattern-red, .bg-pattern-green, .bg-pattern-blue, .bg-pattern-yellow {
  background-repeat: no-repeat;
  background-size: 230%;
  background-position: center;
}

/* line 484, ../sass/partials/theme/_utils.scss */
.bg-pattern-red {
  background-image: url(/img/static/indigenous/graphic-red-panel-1.svg);
}

/* line 489, ../sass/partials/theme/_utils.scss */
.bg-pattern-green {
  background-image: url(/img/static/indigenous/graphic-green-panel-1.svg);
}

/* line 494, ../sass/partials/theme/_utils.scss */
.bg-pattern-blue {
  background-image: url(/img/static/indigenous/graphic-blue-panel-1.svg);
}

/* line 499, ../sass/partials/theme/_utils.scss */
.bg-pattern-yellow {
  background-image: url(/img/static/indigenous/graphic-yellow-panel-1.svg);
}

@media (min-width: 40em) {
  /* line 505, ../sass/partials/theme/_utils.scss */
  .h-row-reverse--desktop {
    /*@extend .bg-pattern;*/
    flex-flow: row-reverse !important;
  }
}
/* line 512, ../sass/partials/theme/_utils.scss */
.c-list-links {
  margin: 0;
}
/* line 514, ../sass/partials/theme/_utils.scss */
.c-list-links li {
  margin-bottom: .6rem;
}
/* line 518, ../sass/partials/theme/_utils.scss */
.c-list-links a {
  color: #2a5785;
  font-family: "Jaldi", sans-serif;
  font-weight: bold;
}

/* line 526, ../sass/partials/theme/_utils.scss */
.h-repeat-y--indigenous {
  height: 100%;
  background-image: url(/img/indigenous/graphics-background.png);
  background-repeat-x: no-repeat;
  width: 185px;
}

/* line 533, ../sass/partials/theme/_utils.scss */
.relative {
  position: relative;
}

/* line 538, ../sass/partials/theme/_utils.scss */
.l-flex {
  display: flex;
}

/* line 542, ../sass/partials/theme/_utils.scss */
.column {
  flex-direction: column;
}

/* line 546, ../sass/partials/theme/_utils.scss */
.md-column {
  flex-direction: column;
}

/* line 550, ../sass/partials/theme/_utils.scss */
.l-flex-inline {
  display: inline-flex;
}

/* line 554, ../sass/partials/theme/_utils.scss */
.l-flex--center {
  align-items: center;
  justify-content: center;
}

/* line 559, ../sass/partials/theme/_utils.scss */
.l-flex--1 {
  flex: 1 !important;
}

/* line 563, ../sass/partials/theme/_utils.scss */
.l-flex__direction--column {
  flex-direction: column;
}

/* line 567, ../sass/partials/theme/_utils.scss */
.l-flex__direction--column-reverse {
  flex-direction: column-reverse;
}

/* line 571, ../sass/partials/theme/_utils.scss */
.l-flex__align--center {
  align-items: center;
}

/* line 575, ../sass/partials/theme/_utils.scss */
.l-flex__align--baseline {
  align-items: baseline;
}

/* line 579, ../sass/partials/theme/_utils.scss */
.l-flex__justify--between {
  justify-content: space-between;
}

/* line 583, ../sass/partials/theme/_utils.scss */
.shrink-0 {
  flex-shrink: 0;
}

/* line 589, ../sass/partials/theme/_utils.scss */
.h-margin {
  margin: 1rem;
}

/* line 593, ../sass/partials/theme/_utils.scss */
.h-margin--none {
  margin: 0;
}

/* line 597, ../sass/partials/theme/_utils.scss */
.h-margin__y {
  margin-bottom: 1rem;
  margin-top: 1rem;
}

/* line 602, ../sass/partials/theme/_utils.scss */
.h-margin__y--med {
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
}

/* line 607, ../sass/partials/theme/_utils.scss */
.h-margin__y--large {
  margin-bottom: 2rem;
  margin-top: 2rem;
}

/* line 612, ../sass/partials/theme/_utils.scss */
.h-margin__y--xl {
  margin-bottom: 3rem;
  margin-top: 3rem;
}

/* line 617, ../sass/partials/theme/_utils.scss */
.sm-h-margin__bottom {
  margin-bottom: 1rem;
}

/* line 621, ../sass/partials/theme/_utils.scss */
.h-margin__bottom--none {
  margin-bottom: 0;
}

/* line 625, ../sass/partials/theme/_utils.scss */
.h-margin__bottom {
  margin-bottom: 1rem;
}

/* line 629, ../sass/partials/theme/_utils.scss */
.h-margin__bottom {
  margin-bottom: 1rem;
}

/* line 633, ../sass/partials/theme/_utils.scss */
.h-margin__bottom--small {
  margin-bottom: .6rem;
}

/* line 637, ../sass/partials/theme/_utils.scss */
.h-margin__bottom--large {
  margin-bottom: 2rem;
}

/* line 641, ../sass/partials/theme/_utils.scss */
.h-margin__bottom--xl {
  margin-bottom: 3rem;
}

/* line 645, ../sass/partials/theme/_utils.scss */
.md-h-margin__right--med {
  margin-right: 0;
}

/* line 649, ../sass/partials/theme/_utils.scss */
.h-margin__right {
  margin-right: 1rem;
}

/* line 654, ../sass/partials/theme/_utils.scss */
.h-margin__right--small {
  margin-right: .6rem;
}

/* line 659, ../sass/partials/theme/_utils.scss */
.h-margin__right--med {
  margin-right: 1.5rem;
}

/* line 664, ../sass/partials/theme/_utils.scss */
.h-margin__right--large {
  margin-right: 3rem;
}

/* line 668, ../sass/partials/theme/_utils.scss */
.h-margin__left--none {
  margin-left: 0 !important;
}

/* line 672, ../sass/partials/theme/_utils.scss */
.h-margin__left--auto {
  margin-left: auto;
}

/* line 676, ../sass/partials/theme/_utils.scss */
.h-margin__top--auto {
  margin-top: auto;
}

/* line 680, ../sass/partials/theme/_utils.scss */
.h-margin__top--large {
  margin-top: 3rem;
}

/* line 684, ../sass/partials/theme/_utils.scss */
.h-margin__top {
  margin-top: 1rem;
}

/* line 689, ../sass/partials/theme/_utils.scss */
.h-margin__left--small {
  margin-left: .6rem;
}

/* line 695, ../sass/partials/theme/_utils.scss */
.h-padding--none {
  padding: 0;
}

/* line 699, ../sass/partials/theme/_utils.scss */
.h-padding--lg {
  padding: 2rem;
}

/* line 703, ../sass/partials/theme/_utils.scss */
.h-padding__x--large {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

/* line 708, ../sass/partials/theme/_utils.scss */
.h-padding__y {
  padding-bottom: 1rem !important;
  padding-top: 1rem !important;
}

/* line 713, ../sass/partials/theme/_utils.scss */
.h-padding__y--large {
  padding-bottom: 2rem !important;
  padding-top: 2rem !important;
}

/* line 719, ../sass/partials/theme/_utils.scss */
.h-padding__y--xl {
  padding-bottom: 3rem !important;
  padding-top: 3rem !important;
}

/* line 725, ../sass/partials/theme/_utils.scss */
.h-padding__bottom--none {
  padding-bottom: 0 !important;
}

/* line 729, ../sass/partials/theme/_utils.scss */
.h-padding__bottom {
  padding-bottom: 1rem;
}

/* line 733, ../sass/partials/theme/_utils.scss */
.h-padding__bottom--small {
  padding-bottom: .6rem;
}

/* line 737, ../sass/partials/theme/_utils.scss */
.h-padding__bottom--lrg {
  padding-bottom: 2rem;
}

/* line 741, ../sass/partials/theme/_utils.scss */
.h-padding__right--none {
  padding-right: 0 !important;
}

/* line 745, ../sass/partials/theme/_utils.scss */
.h-padding__top {
  padding-top: 1rem !important;
}

/* line 749, ../sass/partials/theme/_utils.scss */
.h-padding__top--med {
  padding-top: 2rem !important;
}

/* line 753, ../sass/partials/theme/_utils.scss */
.h-padding__top--xl {
  padding-top: 3rem;
}

/* line 757, ../sass/partials/theme/_utils.scss */
.h-padding__top--xxl {
  padding-top: 4rem;
}

/* line 761, ../sass/partials/theme/_utils.scss */
.h-nowrap {
  white-space: nowrap;
}

/* line 765, ../sass/partials/theme/_utils.scss */
.h-nowrap--desktop {
  white-space: inherit;
}

@media (min-width: 64em) {
  /* line 770, ../sass/partials/theme/_utils.scss */
  .h-nowrap--desktop {
    white-space: nowrap;
  }
}
/* line 776, ../sass/partials/theme/_utils.scss */
.l-position--relative {
  position: relative;
}

/* line 780, ../sass/partials/theme/_utils.scss */
.l-position--absolute {
  position: relative;
}

/* line 784, ../sass/partials/theme/_utils.scss */
.h-top--100 {
  top: 100%;
}

/* line 788, ../sass/partials/theme/_utils.scss */
.l-position--absolute-top-right {
  position: absolute;
  right: 0;
  top: 0;
}

/* line 794, ../sass/partials/theme/_utils.scss */
.l-position--absolute-bottom-left {
  bottom: 0;
  left: 0;
  position: absolute;
}

/* line 802, ../sass/partials/theme/_utils.scss */
.h-height--100 {
  height: 100%;
}

/* line 808, ../sass/partials/theme/_utils.scss */
.h-color--white {
  color: #fff;
}

/* line 812, ../sass/partials/theme/_utils.scss */
.h-color--blue {
  color: #2a5785;
}

/* line 816, ../sass/partials/theme/_utils.scss */
.h-color--red {
  color: #bf4c3b;
}

/* line 821, ../sass/partials/theme/_utils.scss */
.h-color--orange {
  color: #e89851;
}

/* line 827, ../sass/partials/theme/_utils.scss */
.h-font__weight--300 {
  font-weight: 300;
}

/* line 831, ../sass/partials/theme/_utils.scss */
.h-font__weight--700 {
  font-weight: 700;
}

/* line 835, ../sass/partials/theme/_utils.scss */
.h-font__line--2 {
  line-height: 2;
}

/* line 839, ../sass/partials/theme/_utils.scss */
.h-font__family--primary {
  font-family: 'Jaldi', sans-serif;
}

/* line 843, ../sass/partials/theme/_utils.scss */
.l-absolute__below {
  position: absolute;
  top: 100%;
  width: 100%;
}

/* line 851, ../sass/partials/theme/_utils.scss */
.s-card--brown {
  background-color: #ece7e8;
  border: solid 1px #d9d0d1;
  border-radius: 6px;
}

/* line 858, ../sass/partials/theme/_utils.scss */
.w-50 {
  width: 50%;
}

/* Border */
/* line 865, ../sass/partials/theme/_utils.scss */
.border-solid {
  border-style: solid;
}

/* line 869, ../sass/partials/theme/_utils.scss */
.border-2 {
  border-width: 2px;
}

/* line 873, ../sass/partials/theme/_utils.scss */
.border-left-2 {
  border-left-width: 2px;
}

/* line 877, ../sass/partials/theme/_utils.scss */
.border-right-2 {
  border-right-width: 2px;
}

/* line 881, ../sass/partials/theme/_utils.scss */
.border-bottom-2 {
  border-bottom-width: 2px;
}

/* line 885, ../sass/partials/theme/_utils.scss */
.border--dark-brown {
  border-color: #B0A6A7;
}

@media (max-width: 64em) {
  /* line 890, ../sass/partials/theme/_utils.scss */
  .handheld-unset-position {
    left: 0 !important;
    top: 0 !important;
  }
}
/* line 896, ../sass/partials/theme/_utils.scss */
.h-100 {
  height: 100%;
}

/* line 900, ../sass/partials/theme/_utils.scss */
.w-1\/2 {
  width: 50%;
}

/* line 904, ../sass/partials/theme/_utils.scss */
.w-100 {
  width: 100%;
}

/* line 908, ../sass/partials/theme/_utils.scss */
.min-height-500 {
  min-height: 500px;
}

/* line 913, ../sass/partials/theme/_utils.scss */
.m-w-50 {
  max-width: 50%;
}

/* line 917, ../sass/partials/theme/_utils.scss */
.m-w-52 {
  width: 13rem;
}

/* line 921, ../sass/partials/theme/_utils.scss */
.w-5 {
  width: 1.25rem;
}

/* line 925, ../sass/partials/theme/_utils.scss */
.w-6 {
  width: 1.5rem;
}

/* line 929, ../sass/partials/theme/_utils.scss */
.w-7 {
  width: 1.75rem;
}

/* line 933, ../sass/partials/theme/_utils.scss */
.h-7 {
  height: 1.75rem;
}

@media only screen and (min-height: 30em) and (min-width: 40em), print {
  /* line 940, ../sass/partials/theme/_utils.scss */
  .l-flex__direction--row--sm {
    flex-direction: row;
  }
}
@media only screen and (min-width: 64em) and (min-height: 36em), print {
  /* line 947, ../sass/partials/theme/_utils.scss */
  .l-flex__direction--row--md {
    flex-direction: row;
  }

  /* line 951, ../sass/partials/theme/_utils.scss */
  .md-h-margin__right--med {
    margin-right: 1.5rem;
  }

  /* line 955, ../sass/partials/theme/_utils.scss */
  .md-column {
    flex-direction: column;
  }

  /* line 959, ../sass/partials/theme/_utils.scss */
  .sm-h-margin__bottom {
    margin-bottom: 0;
  }

  /* line 963, ../sass/partials/theme/_utils.scss */
  .md-row {
    flex-direction: row;
  }

  /* line 967, ../sass/partials/theme/_utils.scss */
  .md-w-50 {
    width: 50%;
  }

  /* line 971, ../sass/partials/theme/_utils.scss */
  .md-border-right-0 {
    border-right-width: 0;
  }

  /* line 976, ../sass/partials/theme/_utils.scss */
  .md-mr {
    margin-right: 1rem;
  }

  /* line 980, ../sass/partials/theme/_utils.scss */
  .md-mb {
    margin-bottom: 1rem;
  }

  /* line 984, ../sass/partials/theme/_utils.scss */
  .md-mb-none {
    margin-bottom: 0;
  }

  /* line 988, ../sass/partials/theme/_utils.scss */
  .md-absolute {
    position: absolute;
  }

  /* line 992, ../sass/partials/theme/_utils.scss */
  .md-height-90 {
    height: 90rem;
  }

  /* line 996, ../sass/partials/theme/_utils.scss */
  .md-px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  /* line 1001, ../sass/partials/theme/_utils.scss */
  .md-py-none {
    padding-bottom: 0;
    padding-top: 0;
  }

  /* line 1006, ../sass/partials/theme/_utils.scss */
  .md-hide {
    display: none;
  }
}
/* line 1017, ../sass/partials/theme/_utils.scss */
.c-message--brown {
  background-color: #ece7e8;
  border: solid 1px #d9d0d1;
  border-radius: 8px;
  padding: 1.5rem;
}

/* line 1025, ../sass/partials/theme/_utils.scss */
.c-icon--inline {
  margin-right: .4rem;
  max-width: 16px !important;
}

/* line 1030, ../sass/partials/theme/_utils.scss */
.h-text__lowercase {
  text-transform: lowercase;
}

/* line 1034, ../sass/partials/theme/_utils.scss */
.h-text__decoration--none {
  text-decoration: none !important;
}

/* line 1038, ../sass/partials/theme/_utils.scss */
.h-whitespace--none {
  white-space: nowrap;
}

/* line 1042, ../sass/partials/theme/_utils.scss */
.h-flex-wrap {
  flex-wrap: wrap;
}

/* line 1046, ../sass/partials/theme/_utils.scss */
.h-text--center {
  text-align: center;
}

/* line 1050, ../sass/partials/theme/_utils.scss */
.h-line-height {
  line-height: 1;
}

/* line 1054, ../sass/partials/theme/_utils.scss */
.h-max-width--200 {
  max-width: 200px !important;
}

/* line 1059, ../sass/partials/theme/_utils.scss */
.spin-out {
  transition: .800s ease-in-out;
}
/* line 1061, ../sass/partials/theme/_utils.scss */
.spin-out:hover {
  transform: rotate(360deg) scale(0.9);
}

/* line 1067, ../sass/partials/theme/_utils.scss */
.bg-green-panel {
  background-image: url("/img/static/indigenous/graphic-green-panel.svg");
  background-size: 150%;
  background-position: center;
}

/* line 1073, ../sass/partials/theme/_utils.scss */
.bg-red-panel {
  background-image: url("/img/static/indigenous/graphic-red-panel.svg");
  background-size: 200%;
  background-position: center;
}

/* line 1079, ../sass/partials/theme/_utils.scss */
.text-uppercase {
  text-transform: uppercase;
}

/* line 1083, ../sass/partials/theme/_utils.scss */
.border {
  border: 1px solid;
}

/* line 1087, ../sass/partials/theme/_utils.scss */
.border-grey-200 {
  border-color: #F4F4F4;
}

/* line 1091, ../sass/partials/theme/_utils.scss */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

/* line 1103, ../sass/partials/theme/_utils.scss */
.rounded-sm {
  border-radius: 4px;
}

/* line 1107, ../sass/partials/theme/_utils.scss */
.rounded-r-sm {
  border-radius: 0 4px 4px 0;
}

/* line 1111, ../sass/partials/theme/_utils.scss */
.rounded-l-sm {
  border-radius: 4px 0 0 4px;
}

/* line 1115, ../sass/partials/theme/_utils.scss */
.rounded {
  border-radius: 8px;
}

/* line 1119, ../sass/partials/theme/_utils.scss */
.rounded-full {
  border-radius: 50%;
}

/* line 1123, ../sass/partials/theme/_utils.scss */
.z-index--99 {
  z-index: 99;
}

/* line 1127, ../sass/partials/theme/_utils.scss */
.list-style--none {
  list-style: none;
}

/* line 1131, ../sass/partials/theme/_utils.scss */
.h-hide {
  display: none;
}

/* line 1135, ../sass/partials/theme/_utils.scss */
.rotate-90 {
  transform: rotate(90deg);
}

/* line 1139, ../sass/partials/theme/_utils.scss */
.rotate-270 {
  transform: rotate(270deg);
}

/* line 1143, ../sass/partials/theme/_utils.scss */
.white-space-intial {
  white-space: initial;
}

/* line 1147, ../sass/partials/theme/_utils.scss */
.template-image-small {
  display: block;
  margin: 0 auto;
  max-width: 250px;
  width: 100%;
}

/* line 1154, ../sass/partials/theme/_utils.scss */
.template-image-med {
  display: block;
  margin: 0 auto;
  max-width: 400px;
  width: 100%;
}

/* line 1161, ../sass/partials/theme/_utils.scss */
.template-image-lg {
  display: block;
  margin: 0 auto;
  max-width: 600px;
  width: 100%;
}

/* line 1168, ../sass/partials/theme/_utils.scss */
.template-image-full {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
}

/* line 1179, ../sass/partials/theme/_utils.scss */
.bg-white {
  background-color: #fff;
}

/* line 1183, ../sass/partials/theme/_utils.scss */
.wrap {
  flex-wrap: wrap;
}

/* line 1187, ../sass/partials/theme/_utils.scss */
.mx-4 {
  margin-left: var(--spacing-4);
  margin-right: var(--spacing-4);
}

/* line 1192, ../sass/partials/theme/_utils.scss */
.-mx-2 {
  margin-left: calc(-1 * var(--spacing-2));
  margin-right: calc(-1 * var(--spacing-2));
}

/* line 1197, ../sass/partials/theme/_utils.scss */
.-mx-4 {
  margin-left: calc(-1 * var(--spacing-4));
  margin-right: calc(-1 * var(--spacing-4));
}

/* line 1202, ../sass/partials/theme/_utils.scss */
.w-1\/2 {
  width: 50%;
}

/* line 1206, ../sass/partials/theme/_utils.scss */
.w-100 {
  width: 100%;
}

/* line 1210, ../sass/partials/theme/_utils.scss */
.max-w-32 {
  max-width: var(--spacing-32);
}

/* line 1214, ../sass/partials/theme/_utils.scss */
font-xs {
  font-size: .65rem;
}

/* line 1218, ../sass/partials/theme/_utils.scss */
.font-sm {
  font-size: .75rem;
}

/* line 1223, ../sass/partials/theme/_utils.scss */
.weight-700 {
  font-weight: 700;
}

@media (min-width: 64em) {
  /* line 1229, ../sass/partials/theme/_utils.scss */
  .md\:w-1\/5 {
    width: 20%;
  }

  /* line 1233, ../sass/partials/theme/_utils.scss */
  .md\:w-quarter {
    width: 25%;
  }

  /* line 1237, ../sass/partials/theme/_utils.scss */
  .md\:w-1\/3 {
    width: 33.333%;
  }

  /* line 1241, ../sass/partials/theme/_utils.scss */
  .md\:w-1\/2 {
    width: 50%;
  }

  /* line 1245, ../sass/partials/theme/_utils.scss */
  .md\:w-3\/4 {
    width: 75%;
  }

  /* line 1249, ../sass/partials/theme/_utils.scss */
  .md\:w-3\/5 {
    width: 60%;
  }

  /* line 1253, ../sass/partials/theme/_utils.scss */
  .md\:w-4\/5 {
    width: 80%;
  }

  /* line 1257, ../sass/partials/theme/_utils.scss */
  .md\:w-2\/5 {
    width: 40%;
  }

  /* line 1261, ../sass/partials/theme/_utils.scss */
  .md\:w-full {
    width: 100%;
  }

  /* line 1265, ../sass/partials/theme/_utils.scss */
  .md\:w-auto {
    width: auto;
  }

  /* line 1270, ../sass/partials/theme/_utils.scss */
  .md\:mr-20 {
    margin-right: 5rem;
  }
}
@media print {
  /* line 1278, ../sass/partials/theme/_utils.scss */
  .print\:m-w-200 {
    max-width: 200px;
  }

  /* line 1282, ../sass/partials/theme/_utils.scss */
  .print\:m-w-800 {
    max-width: 800px;
  }

  /* line 1286, ../sass/partials/theme/_utils.scss */
  .print\:no-wrap {
    flex-wrap: nowrap;
  }
}
/* line 6, ../sass/partials/theme/_sliders.scss */
.c-likert-reveal {
  font-size: 18px;
  line-height: 28px;
}

/* line 12, ../sass/partials/theme/_sliders.scss */
.slider-likert {
  background-color: #fff;
  border-radius: 6px;
  padding: 2rem;
  margin-bottom: 1.2rem;
  font-family: Calibri;
}

/* line 20, ../sass/partials/theme/_sliders.scss */
.slider-likert-reveal {
  background-color: #fff !important;
}

/* line 25, ../sass/partials/theme/_sliders.scss */
.slider-likert .scale-label {
  text-align: center;
  width: 100%;
}
/* line 30, ../sass/partials/theme/_sliders.scss */
.slider-likert .output-label {
  display: block;
  text-align: center;
  width: 100%;
}

/* line 37, ../sass/partials/theme/_sliders.scss */
.slider-likert > .question {
  font-weight: 400;
  line-height: 1.3;
  margin: 0;
  margin-bottom: 1.5em;
}

/* line 44, ../sass/partials/theme/_sliders.scss */
.slider-likert > .keys {
  display: flex;
  justify-content: space-between;
  line-height: 1;
  margin-bottom: 1em;
  width: 90%;
  max-width: 730px;
}

/* line 53, ../sass/partials/theme/_sliders.scss */
.slider-likert > .keys p {
  margin: 0;
}

/* line 57, ../sass/partials/theme/_sliders.scss */
.slider-likert > .likert-scale {
  display: flex;
  position: relative;
  width: 90%;
  max-width: 633px;
  margin: 1em auto 3em auto;
  height: 24px;
  border-radius: 50px;
  background: linear-gradient(to right, #CB6239, #ECA14A);
}

/* line 69, ../sass/partials/theme/_sliders.scss */
.slider-likert > .likert-scale > ul {
  display: flex;
  justify-content: space-between;
  flex-basis: 100%;
  list-style: none;
  margin: 0;
  padding: 0 .5em;
}

/* line 78, ../sass/partials/theme/_sliders.scss */
.slider-likert > .likert-scale > ul > li {
  width: 2px;
  height: 100%;
  background-color: #fff;
  position: relative;
}

/* line 85, ../sass/partials/theme/_sliders.scss */
.slider-likert > .likert-scale > ul > li:first-child, .slider-likert > .likert-scale > ul > li:last-child {
  background-color: transparent;
}

/* line 89, ../sass/partials/theme/_sliders.scss */
.slider-likert > .likert-scale > input[type=range] {
  -webkit-appearance: none;
  position: absolute !important;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 24px;
  margin: 0;
  border-radius: 50px;
  background: transparent !important;
  outline: none;
  padding: 0;
  z-index: 1;
  position: relative;
  border: none;
  cursor: pointer;
  top: 0;
}

/* line 108, ../sass/partials/theme/_sliders.scss */
.slider-likert > .likert-scale > input[type=range]:focus {
  box-shadow: none !important;
}

/* line 112, ../sass/partials/theme/_sliders.scss */
.slider-likert > .likert-scale input[type=range]::-moz-range-track {
  background: transparent;
  border: none;
}

/* line 117, ../sass/partials/theme/_sliders.scss */
.slider-likert > .likert-scale input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background-color: #fff !important;
  /*box-shadow: 0 0.1em .5rem rgba(0,0,0,.4);*/
  box-shadow: 0 0px 2px rgba(0, 0, 0, 0.01), 0 3px 6px rgba(0, 0, 0, 0.2);
  border: 1px solid #D9DDFD;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  cursor: pointer;
  z-index: 9;
}

/* line 130, ../sass/partials/theme/_sliders.scss */
.slider-likert > .likert-scale input[type=range]:-moz-focusring {
  outline: 1px solid white;
  outline-offset: -1px;
}

/* line 135, ../sass/partials/theme/_sliders.scss */
.slider-likert > .likert-scale input[type=range]::-moz-range-thumb {
  background-color: #fff !important;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  cursor: pointer;
}

/* line 143, ../sass/partials/theme/_sliders.scss */
.slider-likert > .likert-scale input[type="range"]::-ms-thumb {
  /*background-color: $color-brand;*/
  background-color: #fff !important;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  cursor: pointer;
}

/* line 152, ../sass/partials/theme/_sliders.scss */
.slider-likert__results {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  background-color: #F6F8FA;
  margin: 3em 0;
}

/* line 161, ../sass/partials/theme/_sliders.scss */
.slider-likert__pill, .slider-likert__button {
  position: relative;
  top: -1em;
  background-color: #B7CB34;
  outline: none;
  border: none;
  border-radius: 4em;
  padding: .4em 1.4em;
  font-weight: bold;
  font-size: 1.4em;
}

/* line 173, ../sass/partials/theme/_sliders.scss */
.slider-likert-response {
  position: relative;
  background-color: #DCE0E4;
  padding: 2em 0 1em 0;
  display: none;
}

/* line 180, ../sass/partials/theme/_sliders.scss */
.slider-likert-response .title {
  background-color: #B7CB34;
  font-family: Calibri, Roboto, sans-serif;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-50%);
  padding: .3em .7em;
  margin-left: 2vw;
  color: #000;
  font-weight: 700;
  font-size: 1.6em;
  border-radius: 40px;
  text-transform: none;
}

@keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translateY(15px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/* line 209, ../sass/partials/theme/_sliders.scss */
.c-fadeup {
  animation: fadeUp 500ms cubic-bezier(0.23, 1, 0.32, 1) forwards;
}

/* line 213, ../sass/partials/theme/_sliders.scss */
.likert-scale-label {
  font-size: 16px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  top: 41px;
  width: 170px;
}

@media (max-width: 568px) {
  /* line 225, ../sass/partials/theme/_sliders.scss */
  .slider-likert > .likert-scale {
    height: 14px;
  }

  /* line 229, ../sass/partials/theme/_sliders.scss */
  .slider-likert > .likert-scale > input[type=range] {
    height: 14px;
  }

  /* line 233, ../sass/partials/theme/_sliders.scss */
  .likert-scale-label {
    font-size: 10px;
    left: 50%;
    line-height: 1.3;
    position: absolute;
    text-align: center;
    top: 22px;
    transform: translateX(-46%);
    width: 55px;
  }

  /* line 244, ../sass/partials/theme/_sliders.scss */
  .slider-likert > .likert-scale input[type=range]::-webkit-slider-thumb {
    height: 24px;
    width: 24px;
  }

  /* line 249, ../sass/partials/theme/_sliders.scss */
  .slider-likert > .likert-scale input[type=range]::-moz-range-thumb {
    height: 24px;
    width: 24px;
  }

  /* line 254, ../sass/partials/theme/_sliders.scss */
  .slider-likert > .likert-scale input[type="range"]::-ms-thumb {
    height: 24px;
    width: 24px;
  }
}
/* Modules */
/* ======================================================================================
   @MODULES -> FEEDBACK
   ====================================================================================== */
/*
	Usage: 
		Provides appropriately designed UI feedback messages for users to acknowledge their actions and to orient users to their location in the site. Most common use case is for errors e.g. form validation errors. Read more here: http://styleguide.yahoo.com/writing/write-clear-user-interface-text/feedback-messages-and-error-messages.
	
	Demo:
		Style Guide -> Modules -> Feedback
*/
/* line 13, ../sass/partials/modules/_feedback.scss */
.feedback {
  padding: 0.36667em 0.73333em;
  border: 1px solid;
  /* Links */
}
/* line 18, ../sass/partials/modules/_feedback.scss */
.feedback a {
  text-decoration: underline;
  /* Note: this may be redundant? */
  /* Pseudo classes */
  /* Note: this may be redundant? */
}
/* line 22, ../sass/partials/modules/_feedback.scss */
.feedback a:hover, .feedback a:focus {
  text-decoration: none;
}

/* Block */
/* line 28, ../sass/partials/modules/_feedback.scss */
.feedback-block {
  padding-top: 0.73333em;
  padding-bottom: 0.73333em;
  /* Shared */
  /* Paragraphs and lists */
}
/* line 33, ../sass/partials/modules/_feedback.scss */
.feedback-block .hn,
.feedback-block p,
.feedback-block .list {
  margin-bottom: 0;
}
/* line 38, ../sass/partials/modules/_feedback.scss */
.feedback-block p,
.feedback-block .list {
  margin-top: 0.36667em;
}

/* Error */
/* line 43, ../sass/partials/modules/_feedback.scss */
.feedback-error, .feedback-validation {
  background-color: #ffe6e6;
  border-color: #f39797;
  /* Parent, links + headings */
}
/* line 48, ../sass/partials/modules/_feedback.scss */
.feedback-error,
.feedback-error a,
.feedback-error .hn, .feedback-validation,
.feedback-validation a,
.feedback-validation .hn {
  color: #6f0f0f;
}

/* line 52, ../sass/partials/modules/_feedback.scss */
.feedback-validation {
  display: block;
}

/* Warning */
/* line 55, ../sass/partials/modules/_feedback.scss */
.feedback-warning {
  background-color: #faf2c9;
  border-color: #f3de7c;
  /* Parent, links + headings */
}
/* line 60, ../sass/partials/modules/_feedback.scss */
.feedback-warning,
.feedback-warning a,
.feedback-warning .hn {
  color: #4e4207;
}

/* Success */
/* line 66, ../sass/partials/modules/_feedback.scss */
.feedback-success {
  background-color: #cfe9c5;
  border-color: #a5cf83;
  /* Parent, links + headings */
}
/* line 71, ../sass/partials/modules/_feedback.scss */
.feedback-success,
.feedback-success a,
.feedback-success .hn {
  color: #2b4119;
}

/* Info */
/* line 77, ../sass/partials/modules/_feedback.scss */
.feedback-info {
  background-color: #c7e4f3;
  border-color: #86c5e6;
  /* Parent, links + headings */
}
/* line 82, ../sass/partials/modules/_feedback.scss */
.feedback-info,
.feedback-info a,
.feedback-info .hn {
  color: #154c69;
}

/* ======================================================================================
   @MODULES -> MICROFORMAT - hCard
   ====================================================================================== */
/*
	Usage: 
		The Microformat hCard: http://microformats.org/wiki/hcard.
	
	Demo:
		Style Guide -> Modules -> Microformat (hCard)
*/
/* Base rules */
/* line 14, ../sass/partials/modules/_microformat(hCard).scss */
.vcard {
  /* `.org` heading */
  /* Make the `.url` link not look like a link */
  /* Nested `.adr` elements */
}
/* line 15, ../sass/partials/modules/_microformat(hCard).scss */
.vcard p {
  margin-bottom: 0;
}
/* line 18, ../sass/partials/modules/_microformat(hCard).scss */
.vcard .org {
  font-size: 100%;
}
/* line 25, ../sass/partials/modules/_microformat(hCard).scss */
.vcard .adr span {
  display: block;
}
/* line 27, ../sass/partials/modules/_microformat(hCard).scss */
.vcard .adr .region,
.vcard .adr .postal-code {
  display: inline;
}

/* ======================================================================================
   @MODULES -> SPRITE
   ====================================================================================== */
/* 
	Usage: 
		Applies a background image and nothing else, usually from a sprite. 
		
	Demo:
		Style Guide -> Modules -> Sprite
*/
/* line 13, ../sass/partials/modules/_sprite.scss */
.sprite {
  /* Typical size of a background image */
  width: 16px;
  height: 16px;
  /* Print */
}
@media print {
  /* line 13, ../sass/partials/modules/_sprite.scss */
  .sprite {
    display: none;
  }
}

/* --Set sprites-- */
/* PAW */
/* small - white */
/* line 31, ../sass/partials/modules/_sprite.scss */
.paw-sml-white {
  width: 25px;
  height: 28px;
  background-position: -462px 0;
  margin-right: 0.36667em;
}

/* Arrows */
/* right */
/* line 40, ../sass/partials/modules/_sprite.scss */
.s-arrow-r {
  width: 17px;
  height: 18px;
  background-position: -514px 0;
}

/* up */
/* line 47, ../sass/partials/modules/_sprite.scss */
.s-arrow-u {
  width: 18px;
  height: 17px;
  background-position: -531px 0;
}

/* alt */
/* line 54, ../sass/partials/modules/_sprite.scss */
.s-arrow-alt-l,
.s-arrow-alt-r,
.flex-direction-nav a {
  width: 26px;
  height: 26px;
}

/* left */
/* line 62, ../sass/partials/modules/_sprite.scss */
.s-arrow-alt-l,
.flex-prev {
  background-position: -549px 0;
}

/* right */
/* line 66, ../sass/partials/modules/_sprite.scss */
.s-arrow-alt-r,
.flex-next {
  background-position: -575px 0;
}

/* Icons */
/* shared */
/* line 71, ../sass/partials/modules/_sprite.scss */
.s-icon-ghost,
.s-icon-pdf {
  margin-right: 0;
  height: 16px;
}

/* pdf */
/* line 78, ../sass/partials/modules/_sprite.scss */
.s-icon-pdf {
  width: 16px;
  background-position: -625px 0;
}

/* ghost - renders no icon, is used to create the space of an icon */
/* line 84, ../sass/partials/modules/_sprite.scss */
.s-icon-ghost {
  width: 0;
}

/* --Extenders-- */
/* Apply some spacing between the sprite element and adjacent text */
/* line 91, ../sass/partials/modules/_sprite.scss */
.sprite--spacing {
  margin-right: 0.24444em;
}

/* ======================================================================================
   @MODULES -> ICON
   ====================================================================================== */
/*
	Usage: 
		Applies an icon font and nothing else (similar to the sprite module).
	
	Demo:
		Style Guide -> Modules -> Icon
*/
/* line 13, ../sass/partials/modules/_icon.scss */
.icon:before {
  speak: none;
  font-family: 'icons';
  font-style: normal;
  font-weight: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
}

/* --Set icons-- */
/*LinkedIn*/
/* line 26, ../sass/partials/modules/_icon.scss */
.icon-linkedin:before {
  content: "\62";
}

/* Settings */
/* line 28, ../sass/partials/modules/_icon.scss */
.icon-settings:before {
  content: "\e000";
}

/* Products */
/* line 30, ../sass/partials/modules/_icon.scss */
.icon-products:before {
  content: "\e001";
}

/* Users */
/* line 32, ../sass/partials/modules/_icon.scss */
.icon-users:before {
  content: "\e002";
}

/* Orders */
/* line 34, ../sass/partials/modules/_icon.scss */
.icon-orders:before {
  content: "\e003";
}

/* Logout */
/* line 36, ../sass/partials/modules/_icon.scss */
.icon-logout:before {
  content: "\e004";
}

/* News */
/* line 38, ../sass/partials/modules/_icon.scss */
.icon-news:before {
  content: "\e005";
}

/* Content */
/* line 40, ../sass/partials/modules/_icon.scss */
.icon-content:before {
  content: "\e006";
}

/* Media */
/* line 42, ../sass/partials/modules/_icon.scss */
.icon-media:before {
  content: "\e007";
}

/* Info */
/* line 44, ../sass/partials/modules/_icon.scss */
.icon-info:before {
  content: "\e008";
}

/* Success */
/* line 46, ../sass/partials/modules/_icon.scss */
.icon-success:before {
  content: "\e009";
}

/* Error */
/* line 48, ../sass/partials/modules/_icon.scss */
.icon-error:before {
  content: "\e00a";
}

/* Warning */
/* line 50, ../sass/partials/modules/_icon.scss */
.icon-warning:before {
  content: "\e00b";
}

/* Search */
/* line 52, ../sass/partials/modules/_icon.scss */
.icon-search:before {
  content: "\e00c";
}

/* Email Campaigns */
/* line 54, ../sass/partials/modules/_icon.scss */
.icon-email-campaigns:before {
  content: "\e00d";
}

/* Home */
/* line 56, ../sass/partials/modules/_icon.scss */
.icon-home:before {
  content: "\e00e";
}

/* Partners */
/* line 58, ../sass/partials/modules/_icon.scss */
.icon-partners:before {
  content: "\e00f";
}

/* Help */
/* line 60, ../sass/partials/modules/_icon.scss */
.icon-help:before {
  content: "\e010";
}

/* Website */
/* line 62, ../sass/partials/modules/_icon.scss */
.icon-website:before {
  content: "\e011";
}

/* Analytics */
/* line 64, ../sass/partials/modules/_icon.scss */
.icon-analytics:before {
  content: "\e012";
}

/* Menu */
/* line 66, ../sass/partials/modules/_icon.scss */
.icon-caret-down:before {
  content: "\e013";
}

/* Facebook Box */
/* line 68, ../sass/partials/modules/_icon.scss */
.icon-facebook-box:before {
  content: "\e025";
}

/* Twitter Box */
/* line 70, ../sass/partials/modules/_icon.scss */
.icon-twitter-box:before {
  content: "\e026";
}

/* Google + */
/* line 72, ../sass/partials/modules/_icon.scss */
.icon-google-plus:before {
  content: "\e02a";
}

/* Parent */
/* line 74, ../sass/partials/modules/_icon.scss */
.icon-parents:before {
  content: "\e241";
}

/* School */
/* line 76, ../sass/partials/modules/_icon.scss */
.icon-school:before {
  content: "\e259";
}

/* Edit */
/* line 78, ../sass/partials/modules/_icon.scss */
.icon-edit:before {
  content: "\e600";
}

/* Youtube dark */
/* line 80, ../sass/partials/modules/_icon.scss */
.icon-youtube-dark:before {
  content: "\e602";
}

/* Youtube clear */
/* line 82, ../sass/partials/modules/_icon.scss */
.icon-youtube-clear:before {
  content: "\e603";
}

/* Broadcast */
/* line 84, ../sass/partials/modules/_icon.scss */
.icon-broadcast:before {
  content: "\e604";
}

/* Copy */
/* line 86, ../sass/partials/modules/_icon.scss */
.icon-copy:before {
  content: "\e605";
}

/*Map Pin*/
/* line 89, ../sass/partials/modules/_icon.scss */
.icon-pin:before {
  content: "\e609";
}

/*Print*/
/* line 92, ../sass/partials/modules/_icon.scss */
.icon-print:before {
  content: "\e60d";
}

/*Attachment*/
/* line 95, ../sass/partials/modules/_icon.scss */
.icon-link:before {
  content: "\e61b";
}

/* Calendar */
/* line 98, ../sass/partials/modules/_icon.scss */
.icon-calendar:before {
  content: "\e61e";
}

/* Clipboard */
/* line 101, ../sass/partials/modules/_icon.scss */
.icon-clipboard:before {
  content: "\e622";
}

/* Checked clear */
/* line 104, ../sass/partials/modules/_icon.scss */
.icon-ticked:before {
  content: "\e626";
}

/* Facebook Disc */
/* line 107, ../sass/partials/modules/_icon.scss */
.icon-facebook-disc:before {
  content: "\e627";
}

/* Instagram */
/* line 109, ../sass/partials/modules/_icon.scss */
.icon-instagram:before {
  content: "\e628";
}

/* Twitter Disc */
/* line 111, ../sass/partials/modules/_icon.scss */
.icon-twitter-disc:before {
  content: "\e629";
}

/* PDF */
/* line 113, ../sass/partials/modules/_icon.scss */
.icon-pdf:before {
  content: "\e62b";
}

/* Word */
/* line 115, ../sass/partials/modules/_icon.scss */
.icon-word:before {
  content: "\e62c";
}

/* Excel */
/* line 117, ../sass/partials/modules/_icon.scss */
.icon-excel:before {
  content: "\e62d";
}

/* Facebook plain */
/* line 119, ../sass/partials/modules/_icon.scss */
.icon-facebook:before {
  content: "\e62f";
}

/* Twitter */
/* line 121, ../sass/partials/modules/_icon.scss */
.icon-twitter:before {
  content: "\e630";
}

/*Download*/
/* line 123, ../sass/partials/modules/_icon.scss */
.icon-download:before {
  content: "\e631";
}

/*Attachment*/
/* line 125, ../sass/partials/modules/_icon.scss */
.icon-attachment:before {
  content: "\e6db";
}

/* 1st Aid Kit */
/* line 127, ../sass/partials/modules/_icon.scss */
.icon-health:before {
  content: "\e800";
}

/*Australia*/
/* line 129, ../sass/partials/modules/_icon.scss */
.icon-australia:before {
  content: "\e900";
}

/*Drag and drop*/
/* line 131, ../sass/partials/modules/_icon.scss */
.icon-drop-down:before {
  content: "\e901";
}

/*/*Girl*/
/* line 133, ../sass/partials/modules/_icon.scss */
.icon-girl:before {
  content: "\e902";
}

/*Boy*/
/* line 135, ../sass/partials/modules/_icon.scss */
.icon-boy:before {
  content: "\e903";
}

/*Speed*/
/* line 138, ../sass/partials/modules/_icon.scss */
.icon-speed:before {
  content: "\e904";
}

/* Man */
/* line 140, ../sass/partials/modules/_icon.scss */
.icon-man:before {
  content: "\e905";
}

/* Woman */
/* line 142, ../sass/partials/modules/_icon.scss */
.icon-woman:before {
  content: "\e906";
}

/*Alcohol*/
/* line 144, ../sass/partials/modules/_icon.scss */
.icon-alcohol:before {
  content: "\e907";
}

/*Cannabis*/
/* line 146, ../sass/partials/modules/_icon.scss */
.icon-cannabis:before {
  content: "\e908";
}

/*Cocaine*/
/* line 148, ../sass/partials/modules/_icon.scss */
.icon-cocaine:before {
  content: "\e909";
}

/*Ecstasy*/
/* line 150, ../sass/partials/modules/_icon.scss */
.icon-ecstasy:before {
  content: "\e90a";
}

/*Heroine*/
/* line 152, ../sass/partials/modules/_icon.scss */
.icon-heroine:before {
  content: "\e90b";
}

/*Meth*/
/* line 154, ../sass/partials/modules/_icon.scss */
.icon-meth:before {
  content: "\e90c";
}

/*Painkillers*/
/* line 156, ../sass/partials/modules/_icon.scss */
.icon-painkillers:before {
  content: "\e90d";
}

/*Steroids*/
/* line 158, ../sass/partials/modules/_icon.scss */
.icon-steroids:before {
  content: "\e90e";
}

/* Share */
/* line 160, ../sass/partials/modules/_icon.scss */
.icon-share:before {
  content: "\e90f";
}

/*Tobacco*/
/* line 162, ../sass/partials/modules/_icon.scss */
.icon-tobacco:before {
  content: "\e910";
}

/*ACT*/
/* line 164, ../sass/partials/modules/_icon.scss */
.icon-act:before {
  content: "\e911";
}

/*NSW*/
/* line 166, ../sass/partials/modules/_icon.scss */
.icon-nsw:before {
  content: "\e912";
}

/*NT*/
/* line 168, ../sass/partials/modules/_icon.scss */
.icon-nt:before {
  content: "\e913";
}

/*QLD*/
/* line 170, ../sass/partials/modules/_icon.scss */
.icon-qld:before {
  content: "\e914";
}

/*SA*/
/* line 172, ../sass/partials/modules/_icon.scss */
.icon-sa:before {
  content: "\e915";
}

/*TAS*/
/* line 174, ../sass/partials/modules/_icon.scss */
.icon-tas:before {
  content: "\e916";
}

/*VIC*/
/* line 176, ../sass/partials/modules/_icon.scss */
.icon-vic:before {
  content: "\e917";
}

/*WA*/
/* line 178, ../sass/partials/modules/_icon.scss */
.icon-wa:before {
  content: "\e918";
}

/*Arrow Up*/
/* line 180, ../sass/partials/modules/_icon.scss */
.icon-arrow-up:before {
  content: "\e919";
}

/*Arrow Down*/
/* line 182, ../sass/partials/modules/_icon.scss */
.icon-arrow-down:before {
  content: "\e91a";
}

/*Bookmark*/
/* line 184, ../sass/partials/modules/_icon.scss */
.icon-bookmark:before {
  content: "\e91b";
}

/*Desktop*/
/* line 186, ../sass/partials/modules/_icon.scss */
.icon-desktop:before {
  content: "\e91c";
}

/*Tablet*/
/* line 188, ../sass/partials/modules/_icon.scss */
.icon-tablet:before {
  content: "\e91d";
}

/*Compass*/
/* line 190, ../sass/partials/modules/_icon.scss */
.icon-compass:before {
  content: "\e94a";
}

/*Mobile*/
/* line 192, ../sass/partials/modules/_icon.scss */
.icon-mobile:before {
  content: "\e958";
}

/*Drag and drop*/
/* line 195, ../sass/partials/modules/_icon.scss */
.icon-ellipses:before {
  content: "\f142";
}

/* --Extenders-- */
/* Apply some spacing between the icon element and adjacent text */
/* line 202, ../sass/partials/modules/_icon.scss */
.icon-spacing:before {
  margin-right: 0.24444em;
}

/* Remove the negative 1px top positiong */
/* line 205, ../sass/partials/modules/_icon.scss */
.icon-flush-top:before {
  position: static;
}

/* Remove the spacing at right */
/* line 207, ../sass/partials/modules/_icon.scss */
.icon-flush-right:before {
  margin-right: 0;
}

/* Fixed width */
/* line 210, ../sass/partials/modules/_icon.scss */
.icon-fixed-width:before {
  width: 1em;
  text-align: center;
}

/* -Alternate sizes- */
/* Small */
/* line 218, ../sass/partials/modules/_icon.scss */
.icon-sml:before {
  font-size: 13px;
  font-size: 0.86667rem;
  line-height: 1;
}

/* Large */
/* line 221, ../sass/partials/modules/_icon.scss */
.icon-lrg:before {
  font-size: 32px;
  font-size: 2.13333rem;
  line-height: 1;
}

/* Huge */
/* line 224, ../sass/partials/modules/_icon.scss */
.icon-huge:before {
  font-size: 64px;
  font-size: 4.26667rem;
  line-height: 1;
}

/* Mega */
/* line 227, ../sass/partials/modules/_icon.scss */
.icon-mega:before {
  font-size: 90px;
  font-size: 6rem;
  line-height: 1;
}

/* Default */
/* line 230, ../sass/partials/modules/_icon.scss */
.icon-default:before {
  font-size: inherit;
}

/*Tick */
/* line 233, ../sass/partials/modules/_icon.scss */
.icon-tick:before {
  content: "\e625";
}

/*Life buoy */
/* line 238, ../sass/partials/modules/_icon.scss */
.icon-lifebuoy:before {
  content: "\e941";
}

/* Return chevron */
/* line 244, ../sass/partials/modules/_icon.scss */
.icon-return:before {
  content: "\e013";
  transform: rotate(90deg);
}

/* ======================================================================================
   @MODULES -> PRELOADER
   ====================================================================================== */
/*
	Usage: 
		Provides feedback to the user letting them know that their action is being processed e.g. a form submission. It renders an animating spinner (light) but can also include a message with the spinner e.g. "Loading, please wait..." (full).
	
	Demo:
		Style Guide -> Modules -> Preloader
*/
/* line 15, ../sass/partials/modules/_preloader.scss */
.preloader, .preloader * {
  display: inline-block;
}
/* line 18, ../sass/partials/modules/_preloader.scss */
.preloader * {
  vertical-align: middle;
}
/* line 20, ../sass/partials/modules/_preloader.scss */
.preloader em {
  font-style: italic;
}

/* Spinner animation */
/* line 24, ../sass/partials/modules/_preloader.scss */
.preloader--light,
.preloader__spinner {
  width: 16px;
  height: 16px;
  overflow: hidden;
  background: url("img/preloader.gif") no-repeat 0 0;
}

/* Create some space between the spinner and the message */
/* line 33, ../sass/partials/modules/_preloader.scss */
.preloader__spinner {
  margin-right: 0.36667em;
}

/* Remove the spinner as it's parent has hijacked it's styles */
/* line 36, ../sass/partials/modules/_preloader.scss */
.preloader--light .preloader__spinner {
  display: none;
}

/* [UPDATE PANEL]
-------------------------------------------------------*/
/* line 41, ../sass/partials/modules/_preloader.scss */
.update-overlay {
  position: fixed;
  z-index: 99;
  top: 0px;
  left: 0px;
  background-color: #FFFFFF;
  width: 100%;
  height: 100%;
  filter: Alpha(Opacity=70);
  opacity: 0.70;
  -moz-opacity: 0.70;
}

/* line 43, ../sass/partials/modules/_preloader.scss */
* html .update-overlay {
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
  width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');
}

/* line 47, ../sass/partials/modules/_preloader.scss */
.update-loader {
  z-index: 100;
  position: fixed;
  width: 120px;
  margin-left: -60px;
  top: 50%;
  left: 50%;
}

/* line 49, ../sass/partials/modules/_preloader.scss */
* html .update-loader {
  position: absolute;
  margin-top: expression((document.body.scrollHeight / 4) + (0 - parseInt(this.offsetParent.clientHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)) + 'px');
}

/* ======================================================================================
   @MODULES -> PAGINATION
   ====================================================================================== */
/*
	Usage: 
		For paginating between many sets of pages e.g. search results. There's a lighter version (pager) which just renders the 'Prev' and 'Next' links.
	
	Demo:
		-	Style Guide -> Modules -> Pagination
		-	Style Guide -> Modules -> Pager
*/
/* line 14, ../sass/partials/modules/_pagination.scss */
.pagination {
  border-radius: 4px;
  padding: 1.46667em;
  text-align: center;
  /* Shared */
  /* Pagination items */
  /* Links & Buttons */
  /* Pseudo elements - 'Previous' and 'Next' links */
  /* Previous - single left-pointing angle quotation mark */
  /* Next - single right-pointing angle quotation mark */
}
/* line 20, ../sass/partials/modules/_pagination.scss */
.pagination li,
.pagination a,
.pagination .pagination__skip:before {
  display: inline-block;
}
/* line 25, ../sass/partials/modules/_pagination.scss */
.pagination li {
  margin: 0.24444em 0em 0.24444em 0.13333em;
  /* Adjust margin at this breakpoint */
  /* Turn off margin for first child */
}
@media all and (min-width: 48em) {
  /* line 25, ../sass/partials/modules/_pagination.scss */
  .pagination li {
    margin: 0em 0em 0em 0.13333em;
  }
}
/* line 34, ../sass/partials/modules/_pagination.scss */
.pagination li:first-child {
  margin-left: 0;
}
/* line 38, ../sass/partials/modules/_pagination.scss */
.pagination a, .pagination button,
.pagination html input[type="button"],
.pagination input[type="reset"],
.pagination input[type="submit"] {
  padding: 0.13333em 0.48889em;
  background-color: #E9EEF2;
  text-decoration: none;
  /* Note: this may be redundant? */
  border: 1px solid #d4d4d4;
  border-radius: 4px;
  /* Pseudo classes + active state */
}
/* line 49, ../sass/partials/modules/_pagination.scss */
.pagination a:hover, .pagination a:focus, .pagination a.is-active, .pagination button:hover, .pagination button:focus, .pagination button.is-active,
.pagination html input[type="button"]:hover,
.pagination html input[type="button"]:focus,
.pagination html input[type="button"].is-active,
.pagination input[type="reset"]:hover,
.pagination input[type="reset"]:focus,
.pagination input[type="reset"].is-active,
.pagination input[type="submit"]:hover,
.pagination input[type="submit"]:focus,
.pagination input[type="submit"].is-active {
  background-color: #4d4d4d;
  border-color: #262626;
  color: #fff;
}
/* line 58, ../sass/partials/modules/_pagination.scss */
.pagination button,
.pagination html input[type="button"],
.pagination input[type="reset"],
.pagination input[type="submit"] {
  padding: 0.36667em 0.48889em;
  color: #2a5785;
}
/* line 67, ../sass/partials/modules/_pagination.scss */
.pagination a[rel="prev"]:before,
.pagination a[rel="next"]:after {
  speak: none;
  vertical-align: top;
}
/* line 74, ../sass/partials/modules/_pagination.scss */
.pagination a[rel="prev"]:before {
  content: "\2039";
  margin-right: 0.36667em;
}
/* line 80, ../sass/partials/modules/_pagination.scss */
.pagination a[rel="next"]:after {
  content: "\203a";
  margin-left: 0.36667em;
}

/* Page count */
/* line 87, ../sass/partials/modules/_pagination.scss */
.pagination__count {
  padding-right: 0.24444em;
  /* Change the display at this breakpoint */
}
@media all and (max-width: 40em) {
  /* line 92, ../sass/partials/modules/_pagination.scss */
  .pagination .pagination__count {
    display: block;
  }
}

/* Page jump - pseudo element - horizontal ellipsis glyph */
/* line 97, ../sass/partials/modules/_pagination.scss */
.pagination__skip:before {
  content: "\2026";
  speak: none;
  margin-right: 0.36667em;
  color: gray;
  vertical-align: bottom;
}

/* ======================================================================================
   @MODULES -> THUMBNAIL GRID
   ====================================================================================== */
/* 
	Usage: 
		Renders thumbnail images in a grid, typically used for photo galleries.
	
	Note: 
		This module uses the grid, adjust the `li` grid width classes accordingly.
		
	Demo:
		Style Guide -> Modules -> Thumbnail Grid
*/
/* line 16, ../sass/partials/modules/_thumbnail-grid.scss */
.thumbnail-grid {
  margin-bottom: -22px;
  margin-bottom: -1.46667rem;
  /* Note: this may be redundant if spacing is already being applied for lists using the grid? */
  /* Items */
  /* Note: this may be redundant if spacing is already being applied for lists using the grid? */
  /* Images */
  /* Pseudo classes */
}
/* line 20, ../sass/partials/modules/_thumbnail-grid.scss */
.thumbnail-grid li {
  margin-bottom: 22px;
  margin-bottom: 1.46667rem;
}
/* line 23, ../sass/partials/modules/_thumbnail-grid.scss */
.thumbnail-grid img {
  /* Transition */
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}
/* line 26, ../sass/partials/modules/_thumbnail-grid.scss */
.thumbnail-grid a:hover img,
.thumbnail-grid a:focus img {
  opacity: 0.7;
  box-shadow: 0 5px 3px -3px rgba(0, 0, 0, 0.6);
  /* Note: consider using the `%box-shadow-btm` placeholder */
}

/* [SURVEY]
-------------------------------------------------------*/
/* Shared - tabular and list */
/* line 6, ../sass/partials/modules/_surveys.scss */
.survey {
  background: white;
  margin: 15px 0;
}
/* line 9, ../sass/partials/modules/_surveys.scss */
.survey .form-main__field {
  padding: 0.5em;
  margin-bottom: 0.3em;
}
/* line 13, ../sass/partials/modules/_surveys.scss */
.survey .form-main__field .form-main__label {
  margin-bottom: 0.8em;
}

/* coloured rows */
/* line 18, ../sass/partials/modules/_surveys.scss */
.survey li:nth-of-type(odd),
.survey .form-main__field:nth-of-type(odd),
.survey tbody tr:nth-of-type(odd) {
  background-color: #f2f2f2;
}

/* HTML tags */
/* line 25, ../sass/partials/modules/_surveys.scss */
em {
  font-style: italic;
}

/* line 26, ../sass/partials/modules/_surveys.scss */
strong {
  font-weight: bold;
}

/* Heading */
/* line 29, ../sass/partials/modules/_surveys.scss */
.survey-hdr {
  padding-bottom: 1.33333em;
}

/* Formatting for titles or content seperations between quesitons */
/* line 33, ../sass/partials/modules/_surveys.scss */
.title-content p {
  margin: 5px;
  padding-left: 5px;
  font-size: .9em;
}

/* Items */
/* line 36, ../sass/partials/modules/_surveys.scss */
.survey-list li,
.survey-tbl td,
.survey-tbl th {
  padding: 0.5em 0.333em;
  text-align: center;
  /*div>label{font-size: .9em;}*/
}

/* line 45, ../sass/partials/modules/_surveys.scss */
.survey-list li,
.survey-tbl tbody td,
.survey-tbl tbody th {
  /*border-bottom: 1px dotted $color-grey-lightest;*/
  background-color: rgba(255, 255, 255, 0.35);
}

/* line 52, ../sass/partials/modules/_surveys.scss */
.survey-list li:hover,
.survey-tbl tbody tr:hover td,
.survey-tbl tbody tr:hover th {
  background-color: rgba(0, 0, 0, 0.1);
}

/* Questions */
/* line 57, ../sass/partials/modules/_surveys.scss */
.survey-tbl th:first-child,
.survey-list legend {
  text-align: left;
}

/* line 60, ../sass/partials/modules/_surveys.scss */
.survey-tbl thead th:first-child,
.survey-list legend {
  width: 52%;
}

/* Answers */
/* line 66, ../sass/partials/modules/_surveys.scss */
.survey-answers,
.survey-tbl thead th,
.form-field {
  line-height: 1.4em;
}

/* line 72, ../sass/partials/modules/_surveys.scss */
.form-field div {
  line-height: 2em;
}

/* Submit */
/* line 77, ../sass/partials/modules/_surveys.scss */
.survey .survey-submit {
  text-align: right;
  padding: .8em;
  /* 12px */
}

/* Tabular */
/* base rules */
/* line 85, ../sass/partials/modules/_surveys.scss */
.survey-tbl th {
  font-weight: normal;
}

/* head */
/* line 88, ../sass/partials/modules/_surveys.scss */
.survey-tbl thead th {
  color: #fff;
  width: 10%;
  background-color: #333;
}

/* List */
/* line 95, ../sass/partials/modules/_surveys.scss */
.survey-list {
  border-top: 1px dotted #E9EEF2;
}

/* Shared */
/* line 98, ../sass/partials/modules/_surveys.scss */
.survey-list legend,
.survey-answers > div {
  float: left;
}

/* Answers */
/* line 102, ../sass/partials/modules/_surveys.scss */
.survey-answers {
  float: right;
  width: 46%;
}

/* Answer columns */
/* line 108, ../sass/partials/modules/_surveys.scss */
.survey-answers > div {
  width: 20%;
}

/* Answer labels */
/* line 111, ../sass/partials/modules/_surveys.scss */
.survey-answers label {
  display: block;
  font-size: 10;
}

/* textbox & checkbox */
/* line 114, ../sass/partials/modules/_surveys.scss */
.survey-answers > div.txt {
  width: 60%;
  text-align: left;
}

/* Submit */
/* line 118, ../sass/partials/modules/_surveys.scss */
ol.survey-list li.survey-submit {
  background: none;
  border: 0;
}

/* Checkboxes */
/* line 126, ../sass/partials/modules/_surveys.scss */
.survey-checkboxes {
  font-size: 13px;
  font-size: 1.3rem;
  /* Columns */
}
/* line 131, ../sass/partials/modules/_surveys.scss */
.survey-checkboxes li {
  float: left;
  width: 100%;
  margin-top: 0.2em;
  position: relative;
  /* Checkboxes */
  /* Label for text box */
  /* Firefox */
  /* Labels */
  /* 'Other' label */
}
/* line 137, ../sass/partials/modules/_surveys.scss */
.survey-checkboxes li .survey-col-2 {
  width: 50%;
}
/* line 139, ../sass/partials/modules/_surveys.scss */
.survey-checkboxes li .survey-col-2 {
  width: 33.33333333333333%;
}
/* line 142, ../sass/partials/modules/_surveys.scss */
.survey-checkboxes li input[type="text"] {
  display: inline;
  width: 3.33333em;
}
/* line 149, ../sass/partials/modules/_surveys.scss */
.survey-checkboxes li .txt-label {
  margin-left: 1.13333em;
}
@-moz-document url-prefix() {
  /* line 153, ../sass/partials/modules/_surveys.scss */
  .survey-checkboxes li .survey-checkboxes input[type="checkbox"] {
    top: 2px;
  }
}
/* line 157, ../sass/partials/modules/_surveys.scss */
.survey-checkboxes li label {
  display: inline-block;
  margin: 0 .5em;
  /* 18px */
}
/* line 163, ../sass/partials/modules/_surveys.scss */
.survey-checkboxes li .other-label label {
  display: block;
  margin: 0 0 0.1538em 0;
}

/* Responsive layout.*/
@media all and (max-width: 63.9375em) {
  /* line 173, ../sass/partials/modules/_surveys.scss */
  .survey-list legend {
    width: 100%;
  }
  /* line 174, ../sass/partials/modules/_surveys.scss */
  .survey-list .survey-answers {
    width: 100%;
    margin-top: 1em;
  }
  /* line 178, ../sass/partials/modules/_surveys.scss */
  .survey-list .survey-answers > div {
    text-align: left;
  }
  /* line 180, ../sass/partials/modules/_surveys.scss */
  .survey-list .survey-answers input[type="checkbox"] + label:before, .survey-list .survey-answers input[type="radio"] + label:before {
    margin: 0 5px 5px 0px;
  }
}
@media all and (max-width: 40em) {
  /* line 183, ../sass/partials/modules/_surveys.scss */
  .survey-list .survey-answers > div {
    width: 100%;
  }
}

/* Progress bar */
/* line 188, ../sass/partials/modules/_surveys.scss */
.progress {
  position: relative;
  width: 100%;
  color: black;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 2em;
  padding: 0.3em;
  border: 1px solid #bfbfbf;
  border-radius: 4px;
}
/* line 199, ../sass/partials/modules/_surveys.scss */
.progress span {
  display: block;
  border-radius: 4px;
}
/* line 203, ../sass/partials/modules/_surveys.scss */
.progress span.start {
  position: absolute;
  top: 15%;
  left: 8px;
}
/* line 208, ../sass/partials/modules/_surveys.scss */
.progress span.complete {
  position: absolute;
  top: 15%;
  right: 8px;
}
/* line 215, ../sass/partials/modules/_surveys.scss */
.progress .bar {
  background-color: #2a5785;
}

/* Results */
/* line 219, ../sass/partials/modules/_surveys.scss */
.survey-results {
  background: url("img/bg-survey-results.png") no-repeat 0 0;
  margin: 0 auto;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.3;
  text-transform: lowercase;
  color: #fff;
  height: 285px;
}

/* Rating scale items */
/* line 231, ../sass/partials/modules/_surveys.scss */
.survey-results li {
  text-align: center;
  position: relative;
  padding-top: 16px;
  height: 33px;
}

/* scale 5 */
/* line 239, ../sass/partials/modules/_surveys.scss */
.survey-results .survey-result-5 {
  height: 45px;
  padding-top: 44px;
}

/* active states */
/* line 245, ../sass/partials/modules/_surveys.scss */
.survey-results .is-active {
  background-repeat: no-repeat;
  background-position: 0 0;
}

/* scale 5 */
/* line 251, ../sass/partials/modules/_surveys.scss */
.survey-result-5.is-active {
  background-image: url("img/bg-survey-results-active5.png");
}

/* scale 4 */
/* line 254, ../sass/partials/modules/_surveys.scss */
.survey-result-4.is-active {
  background-image: url("img/bg-survey-results-active4.png");
}

/* scale 3 */
/* line 257, ../sass/partials/modules/_surveys.scss */
.survey-result-3.is-active {
  background-image: url("img/bg-survey-results-active3.png");
}

/* scale 2 */
/* line 260, ../sass/partials/modules/_surveys.scss */
.survey-result-2.is-active {
  background-image: url("img/bg-survey-results-active2.png");
}

/* scale 1 */
/* line 263, ../sass/partials/modules/_surveys.scss */
.survey-result-1.is-active {
  background-image: url("img/bg-survey-results-active1.png");
}

/* Your score indicator */
/* line 266, ../sass/partials/modules/_surveys.scss */
.survey-results .s-arrow-r {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -30px;
}

/* scale 5 */
/* line 274, ../sass/partials/modules/_surveys.scss */
.survey-result-5 .s-arrow-r {
  margin-left: -145px;
}

/* scale 4 */
/* line 277, ../sass/partials/modules/_surveys.scss */
.survey-result-4 .s-arrow-r {
  margin-left: -199px;
}

/* scale 3 */
/* line 280, ../sass/partials/modules/_surveys.scss */
.survey-result-3 .s-arrow-r {
  margin-left: -241px;
}

/* scale 2 */
/* line 283, ../sass/partials/modules/_surveys.scss */
.survey-result-2 .s-arrow-r {
  margin-left: -278px;
}

/* scale 1 */
/* line 286, ../sass/partials/modules/_surveys.scss */
.survey-result-1 .s-arrow-r {
  margin-left: -321px;
}

/* Modules -> Widgets */
/* ======================================================================================
   @MODULES -> WIDGETS -> ACCORDION
   ====================================================================================== */
/*
	Usage: 
		Typically for preserving screen real estate e.g. a complex menu as each item can be 'expanded' to reveal the content associated with that item and it can also be 'collapsed' to hide its associated content. There can be zero or more items expanded at a time, depending on the jQuery plugin configuration.
	
	Demo:
		Style Guide -> Modules -> Widgets -> Accordion
*/
/* line 13, ../sass/partials/modules/widgets/_accordion.scss */
.accordion {
  margin-left: 0;
  /* Accordion items */
}
/* line 16, ../sass/partials/modules/widgets/_accordion.scss */
.accordion > li {
  border-top: 1px solid #bfbfbf;
  border-radius: 4px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  border: solid 1px #414449;
  background-color: #ffffff;
  list-style-type: none;
  margin-bottom: .5rem;
  /* Turn off border for first child 
  &:first-child {
      border-top: 0;
  }*/
}

/* line 31, ../sass/partials/modules/widgets/_accordion.scss */
.accordion-item {
  margin-bottom: 0;
}

/* Shared */
/* line 36, ../sass/partials/modules/widgets/_accordion.scss */
.accordion__header,
.accordion__content {
  width: 100%;
}

/* Note: have to set a width otherwise animation jumps. */
/* Heading */
/* line 43, ../sass/partials/modules/widgets/_accordion.scss */
.accordion__header {
  /*@include to-em(padding, $spacing-quarter $spacing-half);*/
  /*background-color: $color-grey-lightest;*/
  margin: 0;
  outline: none;
  padding: .8rem;
  /* JS on */
  /* Pseudo element - plus glyph */
  /* Expanded state */
  /* Print */
}
/* line 52, ../sass/partials/modules/widgets/_accordion.scss */
.js .accordion__header {
  cursor: pointer;
  /* Pseudo classes */
}
/* line 55, ../sass/partials/modules/widgets/_accordion.scss */
.js .accordion__header:hover {
  background: #4d4d4d;
  color: #fff;
}
/* line 61, ../sass/partials/modules/widgets/_accordion.scss */
.js .accordion__header:before {
  content: "\002B";
  display: inline-block;
  speak: none;
  margin-right: 0.36667em;
  vertical-align: top;
  /* Print */
}
@media print {
  /* line 61, ../sass/partials/modules/widgets/_accordion.scss */
  .js .accordion__header:before {
    display: none;
  }
}
/* line 73, ../sass/partials/modules/widgets/_accordion.scss */
.js .is-expanded .accordion__header {
  /*background: $color-brand;
  color: #fff;*/
  /* Pseudo element - minus glyph */
}
/* line 77, ../sass/partials/modules/widgets/_accordion.scss */
.js .is-expanded .accordion__header:before {
  content: "\2212";
}
@media print {
  /* line 43, ../sass/partials/modules/widgets/_accordion.scss */
  .accordion__header {
    border-bottom: 1px solid;
  }
}

/* Content */
/* line 88, ../sass/partials/modules/widgets/_accordion.scss */
.accordion__content {
  padding: 0.73333em;
  display: none;
  /* Double the padding at this breakpoint */
  /* JS off */
  /* Print */
    /*.icon-drug {
        width: 170px;
        height: 170px;
    }

    .icon-side-content {
        padding-right: 200px;
        height: 170px;
    }
    @media (min-width:)*/
}
@media all and (min-width: 40.0625em) {
  /* line 88, ../sass/partials/modules/widgets/_accordion.scss */
  .accordion__content {
    padding: 1.46667em;
  }
}
/* line 96, ../sass/partials/modules/widgets/_accordion.scss */
.no-js .accordion__content {
  display: block;
}
@media print {
  /* line 88, ../sass/partials/modules/widgets/_accordion.scss */
  .accordion__content {
    display: block !important;
    /* Note: need to use `!important` in order to override the inline display rule applied by the jQuery plugin. */
  }
}

/*Because of complicated page layouts*/
/* line 118, ../sass/partials/modules/widgets/_accordion.scss */
.grid-content .accordion {
  margin-bottom: 0;
  border-radius: 0;
  /*@media (max-width: 640px) {
      margin-bottom: -1.5em;
  }*/
}
/* line 122, ../sass/partials/modules/widgets/_accordion.scss */
.grid-content .accordion + .island-heading {
  margin-top: 1.5em;
}
@media (max-width: 640px) {
  /* line 132, ../sass/partials/modules/widgets/_accordion.scss */
  .grid-content .grey {
    margin-bottom: 0em !important;
  }
}

/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
/* Browser Resets
*********************************/
/* line 15, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none;
}

/* line 19, ../sass/partials/modules/widgets/_flexslider.scss */
.slides,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
  font-family: 'flexslider-icon';
  src: url("fonts/flexslider/flexslider-icon.eot");
  src: url("fonts/flexslider/flexslider-icon.eot?#iefix") format("embedded-opentype"), url("fonts/flexslider/flexslider-icon.woff") format("woff"), url("fonts/flexslider/flexslider-icon.ttf") format("truetype"), url("fonts/flexslider/flexslider-icon.svg#flexslider-icon") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* FlexSlider Necessary Styles
*********************************/
/* line 39, ../sass/partials/modules/widgets/_flexslider.scss */
.flexslider {
  margin: 0;
  padding: 0;
}

/* line 40, ../sass/partials/modules/widgets/_flexslider.scss */
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}

/* Hide the slides before the JS is loaded. Avoids image jumping */
/*.flexslider .slides img {width: 100%; display: block;}*/
/* line 45, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-pauseplay span {
  text-transform: capitalize;
}

/* Clearfix for the .slides element */
/* line 48, ../sass/partials/modules/widgets/_flexslider.scss */
.slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

/* line 49, ../sass/partials/modules/widgets/_flexslider.scss */
html[xmlns] .slides {
  display: block;
}

/* line 50, ../sass/partials/modules/widgets/_flexslider.scss */
* html .slides {
  height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
/* line 55, ../sass/partials/modules/widgets/_flexslider.scss */
.no-js .slides > li:first-child {
  display: block;
}

/* FlexSlider Default Theme
*********************************/
/* line 60, ../sass/partials/modules/widgets/_flexslider.scss */
.client-slider, .flexslider {
  margin: 0;
  background: #fff;
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  zoom: 1;
}

/* line 61, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

/* line 62, ../sass/partials/modules/widgets/_flexslider.scss */
.loading .flex-viewport {
  max-height: 270px;
}

/* line 63, ../sass/partials/modules/widgets/_flexslider.scss */
.flexslider .slides {
  zoom: 1;
}

/* line 64, ../sass/partials/modules/widgets/_flexslider.scss */
.carousel li {
  margin-right: 5px;
}

/* Direction Nav */
/* line 67, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-direction-nav {
  *height: 0;
}

/* line 68, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-direction-nav a {
  display: block;
  width: 40px;
  height: 60px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
}

/* line 69, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-direction-nav .flex-prev {
  left: -50px;
}

/* line 70, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
}

/* line 71, ../sass/partials/modules/widgets/_flexslider.scss */
.flexslider:hover .flex-prev {
  opacity: 0.7;
  left: 10px;
}

/* line 72, ../sass/partials/modules/widgets/_flexslider.scss */
.flexslider:hover .flex-next {
  opacity: 0.7;
  right: 10px;
}

/* line 73, ../sass/partials/modules/widgets/_flexslider.scss */
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
  opacity: 1;
}

/* line 74, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default;
}

/* line 75, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  content: '\f001';
}

/* line 76, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-direction-nav a.flex-next:before {
  content: '\f002';
}

/* Pause/Play */
/* line 79, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}

/* line 80, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}

/* line 81, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-pauseplay a:hover {
  opacity: 1;
}

/* line 82, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-pauseplay a.flex-play:before {
  content: '\f003';
}

/* Control Nav */
/* line 85, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: 1em;
  text-align: center;
}

/* line 86, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
}

/* line 87, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-control-paging li a {
  width: 1.2em;
  height: 1.2em;
  display: block;
  background-color: transparent;
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  border: 1px solid #fff;
}

/* line 88, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}

/* line 89, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-control-paging li a.flex-active {
  background: #fff;
  cursor: default;
}

/* line 91, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}

/* line 92, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}

/* line 93, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-control-thumbs img {
  width: 100%;
  display: block;
  opacity: .7;
  cursor: pointer;
}

/* line 94, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-control-thumbs img:hover {
  opacity: 1;
}

/* line 95, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}

/* line 97, ../sass/partials/modules/widgets/_flexslider.scss */
.client-slider {
  margin-bottom: 1em;
}
/* line 99, ../sass/partials/modules/widgets/_flexslider.scss */
.client-slider .flexslider {
  border: 0;
  box-shadow: none;
  margin-bottom: 0;
}
/* line 100, ../sass/partials/modules/widgets/_flexslider.scss */
.client-slider .flex-direction-nav a {
  top: 20%;
}

@media screen and (max-width: 860px) {
  /* line 104, ../sass/partials/modules/widgets/_flexslider.scss */
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }

  /* line 105, ../sass/partials/modules/widgets/_flexslider.scss */
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}
@media screen and (min-width: 1136px) {
  /* line 109, ../sass/partials/modules/widgets/_flexslider.scss */
  .flexslider {
    margin-bottom: 1.5em;
  }
}
/* Figcaption
*********************************/
/* line 114, ../sass/partials/modules/widgets/_flexslider.scss */
figure {
  position: relative;
}

/* line 115, ../sass/partials/modules/widgets/_flexslider.scss */
figcaption {
  position: absolute;
  top: 64%;
  transform: translateY(-50%);
  padding: 1.5em 1em;
  background-color: rgba(0, 0, 0, 0.5);
  border-left: 1em solid #e79851;
}
/* line 122, ../sass/partials/modules/widgets/_flexslider.scss */
figcaption:hover {
  background-color: rgba(0, 0, 0, 0.7);
}
/* line 123, ../sass/partials/modules/widgets/_flexslider.scss */
figcaption .heading {
  color: #fff;
  font-style: italic;
  text-transform: none;
  font-weight: normal;
  font-family: "Open Sans", sans-serif;
  font-size: 1em;
}
/* line 125, ../sass/partials/modules/widgets/_flexslider.scss */
figcaption a:hover {
  text-decoration: none;
}
@media all and (min-width: 40.0625em) and (max-width: 63.9375em) {
  /* line 115, ../sass/partials/modules/widgets/_flexslider.scss */
  figcaption {
    font-size: 90%;
    top: 0;
    transform: none;
  }
}

/* Images
*********************************/
/* line 136, ../sass/partials/modules/widgets/_flexslider.scss */
.flexslider figure img {
  width: 100%;
  border-radius: 5px;
}

/* Background images
*********************************/
/* line 140, ../sass/partials/modules/widgets/_flexslider.scss */
.flexslider {
  margin-bottom: 1.5em;
}
@media all and (max-width: 40em) {
  /* line 143, ../sass/partials/modules/widgets/_flexslider.scss */
  .flexslider figure {
    height: 11em;
  }
  /* line 144, ../sass/partials/modules/widgets/_flexslider.scss */
  .flexslider figcaption {
    font-size: 75%;
    padding: 1em;
    position: unset;
    transform: none;
    height: 9em;
  }
  /* line 152, ../sass/partials/modules/widgets/_flexslider.scss */
  .flexslider .flex-direction-nav a {
    top: 14%;
    color: rgba(255, 255, 255, 0.8);
  }
  /* line 156, ../sass/partials/modules/widgets/_flexslider.scss */
  .flexslider .flex-control-nav {
    bottom: 0;
  }
}
@media all and (min-width: 31.25em) and (max-width: 40em) {
  /* line 159, ../sass/partials/modules/widgets/_flexslider.scss */
  .flexslider figcaption {
    transform: translateY(-2.5em);
  }
}
@media all and (min-width: 64em) {
  /* line 162, ../sass/partials/modules/widgets/_flexslider.scss */
  .flexslider figcaption {
    width: 65%;
    max-width: 43.33333em;
  }
}

/* ======================================================================================
   @MODULES -> WIDGETS -> ADAPTIVE GOOGLE MAP
   ====================================================================================== */
/*
	Usage: 
		Adaptive Google map.
	
	Note: 
		Loads in a static Google map image for palm sized viewports and a dynamic Google map (full API) for non-palm sized viewports.
	
	Demo:
		Style Guide -> Modules -> Widgets -> Adaptive Google Map
	
	Credit:
		http://codepen.io/bradfrost/full/tLxAs
*/
/* line 19, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
.map {
  position: relative;
  /* Have this so the preloader is contained within it's parent */
  min-height: 50px;
  /* Preloader */
}
/* line 25, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
.map .preloader {
  display: none;
  /* Show at this breakpoint */
}
@media all and (min-width: 40.0625em) {
  /* line 25, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
  .map .preloader {
    /* JS on */
  }
  /* line 31, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
  .js .map .preloader {
    display: block;
    position: absolute;
    top: 1.46667em;
    left: 1.46667em;
  }
}

/* Static */
/* line 42, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
.map__static {
  margin-bottom: 11px;
  margin-bottom: 0.73333rem;
  background: url("http://maps.google.com/maps/api/staticmap?center=-33.867487,151.20699&zoom=15&markers=-33.867487,151.20699&size=640x400&sensor=false") no-repeat 50% 50%;
  /* Retina */
  /* Hide at this breakpoint */
  /* Print */
  /* Hide image so we can use a bg img instead to maintain scale, see: http://webdesigntutsplus.s3.amazonaws.com/tuts/365_google_maps/demo/index.html */
}
@media (-o-min-device-pixel-ratio: 5 / 4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  /* line 42, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
  .map__static {
    background-image: url("http://maps.google.com/maps/api/staticmap?center=-33.867487,151.20699&zoom=15&markers=-33.867487,151.20699&size=640x400&sensor=false&scale=2");
    background-size: 640px 400px;
  }
}
@media all and (min-width: 40.0625em) {
  /* line 42, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
  .map__static {
    display: none;
  }
}
@media print {
  /* line 42, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
  .map__static {
    display: block !important;
  }
}
/* line 59, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
.map__static img {
  opacity: 0;
  /* Print */
}
@media print {
  /* line 59, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
  .map__static img {
    opacity: 1;
  }
}

/* Dynamic */
/* line 70, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
.map__dynamic {
  /* Preserve aspect ratio: 16:9 */
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
  /* Print */
  /* Turn off responsive images */
  /* Preloader */
  /* Map canvas */
}
@media print {
  /* line 70, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
  .map__dynamic {
    display: none;
  }
}
/* line 83, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
.map__dynamic img {
  max-width: none;
}
/* line 86, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
.map__dynamic .preloader {
  margin-left: 1.46667em;
}
/* line 89, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
.map__dynamic > div {
  /* Preserve aspect ratio: 16:9 */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Map link - hide at this breakpoint only when JS is on */
@media all and (min-width: 40.0625em) {
  /* line 101, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
  .js .map__link {
    display: none;
  }
}
/* Print */
@media print {
  /* line 106, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
  .map__link {
    display: none;
  }
}
/* ======================================================================================
   @MODULES -> WIDGETS -> MODAL
   ====================================================================================== */
/*
	Usage: 
		Typically for dialog prompts e.g. warning/error messages in the form of an overlay (child window). Depending on the jQuery plugin configuration the parent window (page the dialog is overlaying) can either be interacted with again i.e. closing the dialog by clicking anywhere outside the dialog or by only clicking the 'Close' button within the dialog (the latter is true modal behaviour).
	
	Note: 
		`.is-modal-active` class gets appended to the `body` element when the modal is open.
	
	Demo:
		Style Guide -> Modules -> Widgets -> Modal
		
	Credit: 
		http://twitter.github.com/bootstrap/javascript.html#modals
*/
/* Shared fade state */
/* line 20, ../sass/partials/modules/widgets/_modal.scss */
.modal.is-fade,
.modal-backdrop.is-fade {
  opacity: 0;
  /* Transition */
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
}

/* Modal backdrop */
/* line 27, ../sass/partials/modules/widgets/_modal.scss */
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2147483646;
  background-color: #000;
}
/* line 36, ../sass/partials/modules/widgets/_modal.scss */
.modal-backdrop, .modal-backdrop.is-fade.is-active {
  opacity: 0.8;
}

/* Modal */
/* line 43, ../sass/partials/modules/widgets/_modal.scss */
.modal {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 2147483647;
  width: 90%;
  /*margin: -60px 0 0 -45%;*/
  background-color: #fff;
  border-radius: 6px;
  outline: none;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  transform: translate(-50%, -50%);
  /* Fix the width and adjust offsets at this breakpoint */
  /* Fade state */
}
@media all and (min-width: 48em) {
  /* line 43, ../sass/partials/modules/widgets/_modal.scss */
  .modal {
    max-width: 54rem;
    width: 90%;
  }
}
/* line 62, ../sass/partials/modules/widgets/_modal.scss */
.modal.is-fade {
  top: -25%;
  /* Transition */
  -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
  transition: opacity 0.3s linear, top 0.3s ease-out;
  /* Active state */
}
/* line 66, ../sass/partials/modules/widgets/_modal.scss */
.modal.is-fade.is-active {
  left: 50%;
  opacity: 1;
  top: 5% !important;
  height: auto;
  max-height: 85vh;
  transform: translate(-50%, 0);
  overflow-y: auto;
}
@media all and (max-width: 40em) {
  /* line 77, ../sass/partials/modules/widgets/_modal.scss */
  .modal.is-fade.is-active {
    height: 90vh;
    top: 25%;
  }
}
@media all and (min-width: 48em) {
  /* line 84, ../sass/partials/modules/widgets/_modal.scss */
  .modal.is-fade.is-active {
    top: 50%;
  }
}

/* Modal header */
/* line 92, ../sass/partials/modules/widgets/_modal.scss */
.modal-header {
  border-bottom: 1px solid #d4d4d4;
  position: relative;
  padding: 1rem 1.5rem;
  background-color: #2a5785;
  /* Modal title */
  /* Close button */
}
/* line 98, ../sass/partials/modules/widgets/_modal.scss */
.modal-header h2 {
  color: #fff;
}
/* line 102, ../sass/partials/modules/widgets/_modal.scss */
.modal-header .hn {
  margin: 0;
}
/* line 106, ../sass/partials/modules/widgets/_modal.scss */
.modal-header .btn-close {
  position: absolute;
  right: 0.66667em;
  top: 50%;
  margin-top: -0.73333em;
}

/* Modal body */
/* line 115, ../sass/partials/modules/widgets/_modal.scss */
.modal-body {
  /*max-height: to-em(350);*/
  padding: 1em;
  overflow-y: auto;
  /* Increase the max height at this breakpoint */
}
@media all and (min-width: 48em) {
  /* line 115, ../sass/partials/modules/widgets/_modal.scss */
  .modal-body {
    /*max-height: to-em(400);*/
  }
}

/* Modal footer */
/* line 126, ../sass/partials/modules/widgets/_modal.scss */
.modal-footer {
  padding: 1em;
  text-align: right;
  background-color: #f2f2f2;
  border-top: 1px solid #d4d4d4;
  border-radius: 0 0 6px 6px;
  box-shadow: inset 0 1px 0 #fff;
}

/* line 140, ../sass/partials/modules/widgets/_modal.scss */
.c-modal__header {
  padding: 1rem 1.5rem;
}
/* line 143, ../sass/partials/modules/widgets/_modal.scss */
.c-modal__header button {
  padding: 0;
}
/* line 148, ../sass/partials/modules/widgets/_modal.scss */
.c-modal__body {
  background-color: #e9eef2;
  padding: 1.5rem 1.5rem 1rem;
}
/* line 153, ../sass/partials/modules/widgets/_modal.scss */
.c-modal__item {
  background-color: #ffffff;
  border: solid 1px #414449;
  border-radius: 4px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14);
  justify-content: flex-start;
  margin-bottom: 1rem;
  padding: 0;
}
/* line 162, ../sass/partials/modules/widgets/_modal.scss */
.c-modal__item * {
  font-family: 'Jaldi', sans-serif;
  font-size: 1.25rem;
}
/* line 168, ../sass/partials/modules/widgets/_modal.scss */
.c-modal a {
  cursor: pointer;
}
@media (min-width: 768px) {
  /* line 174, ../sass/partials/modules/widgets/_modal.scss */
  .c-modal__label {
    border-right: 1px solid #414449;
  }
}

/* ======================================================================================
   @MODULES -> WIDGETS -> SOCIAL MEDIA SHARE
   ====================================================================================== */
/*
	Usage: 
		Embedding all or whatever is required of the Social Media share buttons.
	
	Note: 
		Eventually they'll be 3 versions of this widget: 
		-	'Full API' (done).
		-	'Medium' (http://filamentgroup.com/lab/socialcount/).
		-	'Light'.
	
	Demo:
		Style Guide -> Modules -> Widgets -> Social Media Share
*/
/* Print */
@media print {
  /* line 21, ../sass/partials/modules/widgets/_social-media-share.scss */
  .social-share-full {
    display: none;
  }
}
/* Used to create a space between each button */
/* line 25, ../sass/partials/modules/widgets/_social-media-share.scss */
.social-share-full__spacer {
  display: inline-block;
  width: 0.4em;
  height: 4px;
}

/* Break the buttons onto 2 lines */
/* line 32, ../sass/partials/modules/widgets/_social-media-share.scss */
.social-share-full__spacer--middle {
  display: block;
  /* Bring buttons back onto 1 line at this breakpoint */
}
@media all and (min-width: 26.25em) {
  /* line 32, ../sass/partials/modules/widgets/_social-media-share.scss */
  .social-share-full__spacer--middle {
    display: inline-block;
  }
}

/* Facebook */
/* line 42, ../sass/partials/modules/widgets/_social-media-share.scss */
.fb-like {
  vertical-align: top;
}

/* line 43, ../sass/partials/modules/widgets/_social-media-share.scss */
.twitter-like {
  margin-top: 0.5em;
}

/* ======================================================================================
   @MODULES -> WIDGETS -> TABS
   ====================================================================================== */
/*
	Usage: 
		Similar to the accordion in terms of preserving screen real estate but a tabbed interface is typically rendered horizontally not vertically and rather than 'expanding' and 'collapsing' each item the item simply appears and you can only ever see one item at a time.
	
	Demo:
		Style Guide -> Modules -> Widgets -> Tabs
*/
/* Tab nav */
/* line 14, ../sass/partials/modules/widgets/_tabs.scss */
.tab__nav {
  background-color: #afa5a6;
  /* Items */
  /* Links */
  /* Pseudo classes + active state */
  /* JS off */
  /* Print */
}
/* line 17, ../sass/partials/modules/widgets/_tabs.scss */
.tab__nav li {
  border-bottom: 1px solid #fff;
        /* Items go into horizontal mode therefore require some spacing between them at this breakpoint 
		@include respond-min($non-palm) {border-bottom: 0;}*/
  /* IE 7 support if you need it? */
  /*@include old-ie {*margin-bottom: -1px;}*/
}
/* line 20, ../sass/partials/modules/widgets/_tabs.scss */
.tab__nav li.is-active {
  border-bottom: 1px solid #2a5785;
}
/* line 29, ../sass/partials/modules/widgets/_tabs.scss */
.tab__nav a {
  padding: 0.73333em 1.46667em;
  padding-left: 0;
  padding-right: 0;
  text-decoration: none;
  /* Note: this may be redundant? */
  margin-bottom: -1px;
  display: block;
  /* Change the border color at this breakpoint */
}
@media all and (min-width: 40.0625em) {
  /* line 29, ../sass/partials/modules/widgets/_tabs.scss */
  .tab__nav a {
    border-color: transparent;
    border-right: 1px solid #fff;
  }
}
/* line 43, ../sass/partials/modules/widgets/_tabs.scss */
.tab__nav a:hover,
.tab__nav a:focus,
.tab__nav .is-active a {
        /*background-color: $color-brand-orange;
			color: $color-link;*/
  background-color: #2a5785;
  color: #fff;
  /* Change the border color at this breakpoint */
}
@media all and (min-width: 40.0625em) {
  /* line 43, ../sass/partials/modules/widgets/_tabs.scss */
  .tab__nav a:hover,
  .tab__nav a:focus,
  .tab__nav .is-active a {
    border-bottom-color: #fff;
  }
}
/* line 56, ../sass/partials/modules/widgets/_tabs.scss */
.no-js .tab__nav {
  display: none;
}
@media all and (max-width: 40em) {
  /* line 61, ../sass/partials/modules/widgets/_tabs.scss */
  .tab__nav li a {
    padding-left: 1em;
  }
}
@media print {
  /* line 14, ../sass/partials/modules/widgets/_tabs.scss */
  .tab__nav {
    display: none;
  }
}

/* Tab Content */
/* line 71, ../sass/partials/modules/widgets/_tabs.scss */
.tab__content {
  display: none;
  padding: 0;
  /*padding: to-rem($spacing-half);
  padding-top:to-rem($spacing-base);*/
  background-color: #fff;
  border-top: 10px solid #2a5785;
  /* Active tab */
  /* Double the padding at this breakpoint 
  @include respond-min($non-palm) {
      padding: to-rem($spacing-base);
  }*/
  /* JS off */
  /* Print */
}
/* line 79, ../sass/partials/modules/widgets/_tabs.scss */
.tab__content.is-active {
  display: block;
}
/* line 87, ../sass/partials/modules/widgets/_tabs.scss */
.no-js .tab__content {
  display: block;
  margin-bottom: 1.46667rem;
}
@media print {
  /* line 71, ../sass/partials/modules/widgets/_tabs.scss */
  .tab__content {
    display: block;
    margin-bottom: 1.46667rem;
  }
}

/*Page tabs*/
/* line 101, ../sass/partials/modules/widgets/_tabs.scss */
.tab__content {
  /*padding:0;
      border-top:10px solid $color-brand;*/
}
/* line 104, ../sass/partials/modules/widgets/_tabs.scss */
.tab__content .grid-table-row:nth-child(even) {
  background-color: #f2f2f2;
}
/* line 108, ../sass/partials/modules/widgets/_tabs.scss */
.tab__content .grid-table-cell {
  padding: 0.5em;
}
/* line 111, ../sass/partials/modules/widgets/_tabs.scss */
.tab__content .grid-table-cell.h4 {
  background-color: #2a5785;
  color: #fff;
  border-bottom: 1px solid #fff;
  width: 25%;
}
@media all and (max-width: 40em) {
  /* line 101, ../sass/partials/modules/widgets/_tabs.scss */
  .tab__content {
    border: 1px solid #bfbfbf;
  }
  /* line 120, ../sass/partials/modules/widgets/_tabs.scss */
  .tab__content .grid-table-cell.h4 {
    width: 100%;
    padding-left: 1em;
    margin-bottom: 0;
  }
  /* line 121, ../sass/partials/modules/widgets/_tabs.scss */
  .tab__content .grid-table-cell {
    padding-left: 1.5em;
  }
}

/* ======================================================================================
   @MODULES -> WIDGETS -> TOOLTIP
   ====================================================================================== */
/*
	Usage: 
		A small overlay that is displayed when the mouse hovers over an element that requires it. Typically the tooltip's job is to describe the element it's being used on e.g. a menu only uses icons, when a mouse hovers over an icon the overlay will appear describing what the icon is.
	
	Demo:
		Style Guide -> Modules -> Widgets -> Tooltip
	
	Credit:
		http://stevenbenner.github.com/jquery-powertip/
*/
/* Set variables */
/* Start module */
/* line 32, ../sass/partials/modules/widgets/_tooltip.scss */
#tooltip {
  cursor: default;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 4px;
  padding: 0.48889em;
  display: none;
  position: absolute;
  /*white-space: nowrap;*/
  z-index: 2147483647;
  width: 16.66667em;
  font-size: 0.9em;
  /* Pseudo element - arrows */
  /* --Positioning-- */
  /* North / South */
  /* East / West */
  /* North / North East / North West */
  /* East */
  /* South / South East / South West */
  /* West */
  /* North East / South East */
  /* North West / South West */
}
/* line 46, ../sass/partials/modules/widgets/_tooltip.scss */
#tooltip:before {
  content: "";
  position: absolute;
}
/* line 54, ../sass/partials/modules/widgets/_tooltip.scss */
#tooltip.n:before, #tooltip.s:before {
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  margin-left: -5px;
  left: 50%;
}
/* line 63, ../sass/partials/modules/widgets/_tooltip.scss */
#tooltip.e:before, #tooltip.w:before {
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  margin-top: -5px;
  top: 50%;
}
/* line 72, ../sass/partials/modules/widgets/_tooltip.scss */
#tooltip.n:before, #tooltip.ne:before, #tooltip.nw:before {
  border-top: 10px solid rgba(0, 0, 0, 0.8);
  bottom: -10px;
}
/* line 80, ../sass/partials/modules/widgets/_tooltip.scss */
#tooltip.e:before {
  border-right: 10px solid rgba(0, 0, 0, 0.8);
  left: -10px;
}
/* line 86, ../sass/partials/modules/widgets/_tooltip.scss */
#tooltip.s:before, #tooltip.se:before, #tooltip.sw:before {
  border-bottom: 10px solid rgba(0, 0, 0, 0.8);
  top: -10px;
}
/* line 94, ../sass/partials/modules/widgets/_tooltip.scss */
#tooltip.w:before {
  border-left: 10px solid rgba(0, 0, 0, 0.8);
  right: -10px;
}
/* line 100, ../sass/partials/modules/widgets/_tooltip.scss */
#tooltip.ne:before, #tooltip.se:before {
  border-right: 10px solid transparent;
  border-left: 0;
  left: 10px;
}
/* line 108, ../sass/partials/modules/widgets/_tooltip.scss */
#tooltip.nw:before, #tooltip.sw:before {
  border-left: 10px solid transparent;
  border-right: 0;
  right: 10px;
}
@media all and (max-width: 40em) {
  /* line 32, ../sass/partials/modules/widgets/_tooltip.scss */
  #tooltip {
    font-size: 0.7em;
    width: 11.33333em;
  }
}

/* Forms */
/* ======================================================================================
   @FORMS -> BASE
   ====================================================================================== */
/* Indicate that `label` will shift focus to the associated `input` element */
/* line 6, ../sass/partials/forms/_base.scss */
label {
  cursor: pointer;
}

/* Text inputs via the `.txt-input` class, `textarea` and `select` */
/* line 9, ../sass/partials/forms/_base.scss */
.txt-input,
textarea,
select {
  width: 100%;
  padding: 0.48889em;
  border: 1px solid #bfbfbf;
  box-shadow: inset -1px 1px 1px 0 rgba(0, 0, 0, 0.1);
  background: #fff;
  /* Transition */
  -webkit-transition: border 0.2s linear, box-shadow 0.2s linear;
  transition: border 0.2s linear, box-shadow 0.2s linear;
  /* Focus pseudo class */
}
/* line 20, ../sass/partials/forms/_base.scss */
.txt-input:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: rgba(0, 0, 0, 0.35);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0.35);
  /* Old IE */
}

/* Legend - for legends that are visible and to fix up some browsers not supporting bottom margin */
/* line 32, ../sass/partials/forms/_base.scss */
legend.hn {
  padding-bottom: 22px;
  padding-bottom: 1.46667rem;
  margin-bottom: 0;
}

/* Textarea */
/* line 38, ../sass/partials/forms/_base.scss */
textarea {
  height: 9em;
  resize: vertical;
}

/* Select list */
/* line 44, ../sass/partials/forms/_base.scss */
select {
  width: auto;
}

/* Alternate sizes */
/* line 47, ../sass/partials/forms/_base.scss */
.txt-input--sml {
  width: 16.666%;
}

/* line 49, ../sass/partials/forms/_base.scss */
.txt-input--med {
  width: 50%;
}

/* Placeholder */
/* Webkit */
/* line 475, ../sass/partials/utils/_mixins.scss */
::-webkit-input-placeholder {
  color: #aaa;
}

/* Firefox 18- */
/* line 480, ../sass/partials/utils/_mixins.scss */
:-moz-placeholder {
  color: #aaa;
}

/* Firefox 19+ */
/* line 485, ../sass/partials/utils/_mixins.scss */
::-moz-placeholder {
  color: #aaa;
}

/* MS */
/* line 490, ../sass/partials/utils/_mixins.scss */
:-ms-input-placeholder {
  color: #aaa;
}

/* jQuery plugin (old IE) */
/* line 495, ../sass/partials/utils/_mixins.scss */
.lte9 .placeholder {
  color: #aaa;
}

/* Disabled and Read-only */
/* 
	Note: it is okay to use `!important` here as we're doing it pre-emptively i.e. you know you will always want the rule it's applied too to take precedence.
*/
/* line 60, ../sass/partials/forms/_base.scss */
button[disabled],
input[disabled],
select[disabled],
textarea[disabled],
.is-disabled {
  cursor: default !important;
  text-shadow: none !important;
  box-shadow: none !important;
  opacity: 0.7!important;
}

/* 'Required field' indicator (asterisk) */
/* line 72, ../sass/partials/forms/_base.scss */
.req-field {
  font-family: Verdana, Geneva, sans-serif;
  line-height: 1;
  color: #e80000;
  cursor: help;
}

/* Resest some defaults 
form p {margin: 0;}*/
/* line 85, ../sass/partials/forms/_base.scss */
.tile p {
  max-width: 100% !important;
}

/* line 89, ../sass/partials/forms/_base.scss */
legend {
  max-width: 100% !important;
}

/* ======================================================================================
   @FORMS -> LAYOUT
   ====================================================================================== */
/*
	Usage: 
		These styles handle a typical form layout which is linear (label above input(s) i.e. stacked) for small viewports and side by side (label and input(s) aligned horizontally) for larger viewports.
	
	Basic HTML anatomy:
		<form class="form-main">
		
			<div class="form-main_field">
			
				<label class="form-main_label">Label</label>
				<p class="form-main_label">Label</p>
				
				<div class="form-main_inputs">
					[input(s)]
					<small class="form-main_notes">Helper notes...</small>
					<p class="feedback feedback-success">Feedback - success</p>
					<p class="feedback feedback-error">Feedback - error</p>
					<span class="preloader"><span class="preloader__spinner"></span> <em aria-live="polite" aria-controls="input-id-here">Preloader</em></span>
				</div>
				
			</div>
			
		</form>
				
	Demo:
		Style Guide -> Form Patterns
*/
/* Field */
/* line 34, ../sass/partials/forms/_layout.scss */
.form-main_field {
  padding: 0.5em;
  text-align: left;
}

/* Label */
/* line 42, ../sass/partials/forms/_layout.scss */
.form-main_label {
  display: block;
  margin-bottom: 0.2em;
  /* Sits to the left of it's input(s) at this breakpoint */
}
@media all and (min-width: 48em) {
  /* line 42, ../sass/partials/forms/_layout.scss */
  .form-main_label {
    width: 40%;
    float: left;
    margin: 0.13333em 0 0;
    padding-right: 0.93333em;
    position: relative;
    /* 'Required field' indicator (asterisk) */
  }
  /* line 53, ../sass/partials/forms/_layout.scss */
  .form-main_label .req-field {
    position: absolute;
    right: 0;
    top: 0.2em;
  }
}

/* Input(s) - sits to the right of it's label at this breakpoint */
@media all and (min-width: 48em) {
  /* line 63, ../sass/partials/forms/_layout.scss */
  .form-main_inputs {
    margin-left: 41%;
    width: 50%;
  }
}
@media all and (max-width: 40em) {
  /* line 70, ../sass/partials/forms/_layout.scss */
  .form-main_inputs {
    font-size: 16px;
  }
}
/*Survey table widths*/
@media all and (min-width: 48em) {
  /* line 78, ../sass/partials/forms/_layout.scss */
  .survey .form-main_label {
    width: 48%;
  }
  /* line 81, ../sass/partials/forms/_layout.scss */
  .survey .form-main_inputs {
    margin-left: 49%;
    width: 50%;
  }
}

/* --Extenders-- */
/* The 'Actions' and 'Solo checkbox' extenders need this to position their 'Preloader' and 'Checkbox' */
/* line 92, ../sass/partials/forms/_layout.scss */
.form-main_inputs--solo-checkbox,
.form-main_inputs--actions {
  position: relative;
}

/* Apply a top margin to 'Actions' extender due to the `:last-child` rule in `@extend %mrg-base;` for 'Field' */
/* line 98, ../sass/partials/forms/_layout.scss */
.form-main_inputs--actions {
  margin-top: 22px;
  margin-top: 1.46667rem;
  /* Print */
}
@media print {
  /* line 98, ../sass/partials/forms/_layout.scss */
  .form-main_inputs--actions {
    display: none;
  }
}

/* Input(s) nested elements */
/* line 107, ../sass/partials/forms/_layout.scss */
.form-main_inputs {
  /* Vertical alignment for all `input`'s and `label`'s */
  /* Adjustments at this breakpoint */
}
/* line 109, ../sass/partials/forms/_layout.scss */
.form-main_inputs label,
.form-main_inputs input {
  vertical-align: middle;
}
@media all and (min-width: 48em) {
  /* line 107, ../sass/partials/forms/_layout.scss */
  .form-main_inputs {
    /* Nudge `type="file"` `input` down */
    /* Horizontal list */
  }
  /* line 116, ../sass/partials/forms/_layout.scss */
  .form-main_inputs input[type="file"] {
    margin-top: 0.26667em;
  }
  /* line 120, ../sass/partials/forms/_layout.scss */
  .form-main_inputs .horiz-list li {
    margin-left: 0.73333em;
    /* Turn off margin for first item */
  }
  /* line 123, ../sass/partials/forms/_layout.scss */
  .form-main_inputs .horiz-list li:first-child {
    margin-left: 0;
  }
}

/* Solo checkbox */
/* line 131, ../sass/partials/forms/_layout.scss */
.form-main_inputs--solo-checkbox {
  /* Checkbox */
  /* Label */
}
/* line 133, ../sass/partials/forms/_layout.scss */
.form-main_inputs--solo-checkbox input {
  position: absolute;
  top: 0.36667em;
  left: 0;
}
/* line 139, ../sass/partials/forms/_layout.scss */
.form-main_inputs--solo-checkbox label {
  padding-left: 1.2em;
  display: block;
}

/* Feedback, Notes and Preloader */
/* line 146, ../sass/partials/forms/_layout.scss */
.form-main_inputs .form-main_notes,
.form-main_field .feedback,
.form-main_field .preloader {
  margin-top: 0.36667em;
}

/* Notes */
/* line 153, ../sass/partials/forms/_layout.scss */
.form-main_notes {
  display: block;
  font-size: 13px;
  font-size: 0.86667rem;
  line-height: 1.35;
  color: gray;
}

/* Preloader within 'Actions' */
/* line 160, ../sass/partials/forms/_layout.scss */
.form-main_inputs--actions .preloader {
  vertical-align: middle;
  margin-top: 0;
}

/* Clear for aside */
/* line 167, ../sass/partials/forms/_layout.scss */
.form-main_block > div {
  width: 100%;
  float: none;
  margin-left: 0;
}
/* line 173, ../sass/partials/forms/_layout.scss */
.form-main_block > label {
  text-align: left;
  display: block;
}

/* line 179, ../sass/partials/forms/_layout.scss */
.form-main_block > div,
.form-main_block > label {
  float: none;
  margin-left: 0;
  width: 100%;
}

/*Custom styling of inputs - radiobuttons and checkboxes*/
/* line 188, ../sass/partials/forms/_layout.scss */
input[type="checkbox"], input[type="radio"] {
  opacity: 0;
  position: absolute;
}

/* line 193, ../sass/partials/forms/_layout.scss */
label {
  position: relative;
}

/* line 197, ../sass/partials/forms/_layout.scss */
input[type="checkbox"], input[type="radio"], label {
  display: inline-block;
  vertical-align: middle;
  margin: 5px;
  margin-left: 0;
  cursor: pointer;
}

/* line 205, ../sass/partials/forms/_layout.scss */
input[type="checkbox"] + label:before, input[type="radio"] + label:before {
  border: 1px solid #000;
  box-shadow: 0 0 0px 3px #e89851;
  border-radius: 2px;
  content: '';
  background: #fff;
  /*border: 1px solid $color-grey-light;*/
  display: inline-block;
  vertical-align: middle;
  width: 23px;
  height: 23px;
  /*padding: 2px;*/
  margin-right: 10px;
  text-align: center;
}

/* line 220, ../sass/partials/forms/_layout.scss */
input[type="radio"] + label:before {
  border-radius: 50%;
}

/* line 224, ../sass/partials/forms/_layout.scss */
input[type="radio"]:checked + label:before {
  background: #2a5785;
  box-shadow: inset 0px 0px 0px 2px #fff;
}

/* line 229, ../sass/partials/forms/_layout.scss */
input[type="checkbox"]:checked + label:before {
  font-family: 'icons';
  content: "\e625";
  color: #2a5785;
}

/* ======================================================================================
   @FORMS -> VALIDATION
   ====================================================================================== */
/* 
	Usage:
		For highlighting text inputs for validation.
	
	Note: 
		It is okay to use `!important` here as we're doing it pre-emptively i.e. you know you will always want the rule it's applied too to take precedence.
	
	Demo:
		Style Guide -> Form Patterns
*/
/* Error */
/* line 17, ../sass/partials/forms/_validation.scss */
.input-error {
  border-color: #c43c35 !important;
  /* Focus pseudo class */
}
/* line 21, ../sass/partials/forms/_validation.scss */
.input-error:focus {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 10px rgba(196, 60, 53, 0.75) !important;
}

/* Success */
/* line 28, ../sass/partials/forms/_validation.scss */
.input-success {
  border-color: #57a957 !important;
  background-color: #cfe9c5 !important;
  /* Focus pseudo class */
}
/* line 33, ../sass/partials/forms/_validation.scss */
.input-success:focus {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 10px rgba(87, 169, 87, 0.75) !important;
}

/* Buttons */
/* ======================================================================================
   @BUTTONS -> BASE
   ====================================================================================== */
/* 
	Usage: 
		Basic button structural/reset styling that all buttons need, can only be extended from not used by itself.
	
	Demo:
		Style Guide -> Buttons -> Base
*/
/* Reset all the browser default styles */
/* line 14, ../sass/partials/buttons/_base.scss */
.btn {
  line-height: normal;
  display: inline-block;
  vertical-align: middle;
  background: none;
  border: 0;
  padding: 0;
  /* Parent + pseudo elements */
  /* Parent + pseudo classes */
  /* Note: this may be redundant? */
  /* --Extenders-- */
  /* 
  	Note: have to increase the specificity by chaining the base `.btn` class to make it easy to override non-simple extenders. 
  */
  /* Make span full width of parent */
  /* Small and large sizes */
  /* Apply right spacing for adjacent buttons */
  /* Print */
  /* 
  	Note: It is okay to use `!important` here as we're doing it pre-emptively i.e. you know you will always want the rule it's applied too to take precedence.
  */
}
/* line 28, ../sass/partials/buttons/_base.scss */
.btn, .btn:hover, .btn:focus {
  text-decoration: none;
}
/* line 39, ../sass/partials/buttons/_base.scss */
.btn.btn-full {
  display: block;
  text-align: center;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
/* line 48, ../sass/partials/buttons/_base.scss */
.btn.btn-sml {
  font-size: 13px;
  font-size: 0.86667rem;
  line-height: normal;
}
/* line 50, ../sass/partials/buttons/_base.scss */
.btn.btn-lrg {
  font-size: 17px;
  font-size: 1.13333rem;
  line-height: normal;
}
/* line 53, ../sass/partials/buttons/_base.scss */
.btn.btn-spacing {
  margin-right: 0.36667em;
}
@media print {
  /* line 14, ../sass/partials/buttons/_base.scss */
  .btn {
    display: none !important;
  }
}

/* ======================================================================================
   @BUTTONS -> MAIN
   ====================================================================================== */
/* 
	Usage: 
		The main button for the site.
	
	Note:
		Extends from `.btn`, see: 'buttons/base'.
	
	Demo:
		Style Guide -> Buttons -> Main
*/
/* line 16, ../sass/partials/buttons/_main.scss */
.btn-main {
  padding: 0.73333em 0.66667em;
  background-color: #2a5785;
  /*@include linear-gradient($color-brand, darken($color-brand, 10%), $override-bg-color: true, $bg-color-override: $color-brand);*/
  text-transform: uppercase;
  /* Parent + pseudo classes */
  /* Pseudo classes */
  /* --Extenders-- */
  /* Disabled (has to match the bg for the default state) */
}
/* line 23, ../sass/partials/buttons/_main.scss */
.btn-main, .btn-main:visited {
  border: 0px solid transparent;
}
/* line 26, ../sass/partials/buttons/_main.scss */
.btn-main, .btn-main:visited, .btn-main:hover, .btn-main:focus {
  color: #fff;
}
/* line 32, ../sass/partials/buttons/_main.scss */
.btn-main:hover, .btn-main:focus, .btn-main.btn-menu-toggle.is-expanded {
  /*@include linear-gradient(lighten($color-brand, 5%), darken($color-brand, 8%));*/
  /*border-color: $color-brand;*/
}
/* line 40, ../sass/partials/buttons/_main.scss */
.btn-main:active, .btn-main.btn-menu-toggle.is-expanded {
  box-shadow: inset 0.05em 0.15em 0.4em rgba(0, 0, 0, 0.2), inset 0 0 0.2em rgba(255, 255, 255, 0.2), inset 0 1px 2px rgba(0, 0, 0, 0.3);
}
/* line 51, ../sass/partials/buttons/_main.scss */
.btn-main[disabled], .btn-main.is-disabled {
  background-color: #2a5785;
  background-image: -webkit-linear-gradient(top, #2a5785, #1e3e5e);
  background-image: linear-gradient(to bottom, #2a5785, #1e3e5e);
}

/* line 55, ../sass/partials/buttons/_main.scss */
.btn-bookmark {
  background: transparent url(img/icons/icon-bookmark.png) no-repeat -0.3em 0;
  padding-left: 1.7em;
}
@media all and (max-width: 40em) {
  /* line 55, ../sass/partials/buttons/_main.scss */
  .btn-bookmark {
    background-position: 0 0.15em;
  }
}

/* --Extenders-- */
/* Compact - reduce padding by 50% */
/* line 64, ../sass/partials/buttons/_main.scss */
.btn-main-compact {
  padding: 0.48889em 0.73333em;
}

/* line 67, ../sass/partials/buttons/_main.scss */
.btn-checkbox {
  display: flex;
}

@media (max-width: 768px) {
  /* line 73, ../sass/partials/buttons/_main.scss */
  .c-complete-actions a, .c-complete-actions input {
    display: block;
    margin: 0 auto .6em;
    max-width: 220px;
    text-align: center;
    width: 100%;
  }
}

/* ======================================================================================
   @BUTTONS -> MENU TOGGLE
   ====================================================================================== */
/*
	Usage: 
		Toggles the main menu (site navigation) at small screen sizes.
	
	Note: 
		-	If an icon font is being used then make use of a 'menu' icon, nice design here: http://codepen.io/ekidd/pen/CJdov. 
		-	Extends from `.btn` and `.btn-main`, see: 'buttons/base' and 'buttons/main'.
	
	Demo:
		Style Guide -> Buttons -> Menu Toggle
*/
/* line 17, ../sass/partials/buttons/_menu-toggle.scss */
.btn-menu-toggle {
  position: relative;
  width: 4.66667rem;
  height: 2.2rem;
  /* Hide at this breakpoint */
  /* JS off */
}
@media all and (min-width: 59.9375em) {
  /* line 17, ../sass/partials/buttons/_menu-toggle.scss */
  .btn-menu-toggle {
    display: none;
  }
}
/* line 28, ../sass/partials/buttons/_menu-toggle.scss */
.no-js .btn-menu-toggle {
  display: none;
}

/* Create the icon (three lines) */
/* line 32, ../sass/partials/buttons/_menu-toggle.scss */
.btn-menu-toggle__icon {
  left: 50%;
  top: 50%;
  margin: -1px 0px 0px -14px;
  margin: -0.06667rem 0rem 0rem -0.93333rem;
  pointer-events: none;
  /* Shared */
  /* Pseudo elements - top/bottom lines */
}
/* line 39, ../sass/partials/buttons/_menu-toggle.scss */
.btn-menu-toggle__icon, .btn-menu-toggle__icon:before, .btn-menu-toggle__icon:after {
  position: absolute;
  width: 1.86667rem;
  height: 0.2rem;
  border-radius: 1.33333rem;
  background: #fff;
  box-shadow: 0 -1px rgba(0, 0, 0, 0.2);
}
/* line 51, ../sass/partials/buttons/_menu-toggle.scss */
.btn-menu-toggle__icon:before, .btn-menu-toggle__icon:after {
  content: "";
  left: 0;
}
/* line 57, ../sass/partials/buttons/_menu-toggle.scss */
.btn-menu-toggle__icon:before {
  top: -0.4rem;
}
/* line 59, ../sass/partials/buttons/_menu-toggle.scss */
.btn-menu-toggle__icon:after {
  top: 0.4rem;
}

/* ======================================================================================
   @BUTTONS -> CLOSE
   ====================================================================================== */
/* 
	Usage: 
		For closing/removing UI components e.g. a dialog/modal.
	
	Note:
		Extends from `.btn`, see: 'buttons/base'.
	
	Demo:
		Style Guide -> Buttons -> Close
*/
/* line 17, ../sass/partials/buttons/_close.scss */
.btn-close {
  /* Pseudo element - 'x' */
  /* Pseudo classes */
}
/* line 20, ../sass/partials/buttons/_close.scss */
.btn-close:before {
  content: "x";
  display: block;
  speak: none;
  font: bold 1.2em/1.2em Verdana, Geneva, Tahoma, sans-serif;
  padding: 0em 0.46667em 0.33333em;
  color: #fff;
  text-shadow: 0 1px 0 #000;
  opacity: 0.9;
}
/* line 32, ../sass/partials/buttons/_close.scss */
.btn-close:hover:before, .btn-close:focus:before {
  opacity: 0.5;
}

/* ======================================================================================
   @BUTTONS -> FAUX LINK
   ====================================================================================== */
/*
	Usage: 
		Make a button look like a link.
	
	Note: 
		-	The base link styles are repeated here so not very DRY (need to look into this). 
		-	Extends from `.btn`, see: 'buttons/base'.
	
	Demo:
		Style Guide -> Buttons -> Faux Link
*/
/* line 17, ../sass/partials/buttons/_faux-link.scss */
.btn-faux-link {
  color: #000;
  text-decoration: underline;
  /* Note: this may be redundant? */
  /* Pseudo classes */
}
/* line 22, ../sass/partials/buttons/_faux-link.scss */
.btn-faux-link:hover, .btn-faux-link:focus {
  color: black;
  text-decoration: none;
  /* Note: this may be redundant? */
}

/* Helpers */
/* ======================================================================================
   @HELPERS -> HIDE
   ====================================================================================== */
/*
	Usage: 
		Hides elements in various ways, see inline comments.
*/
/* Hide from both screen readers and browsers */
/* line 16, ../sass/partials/helpers/_hide.scss */
.hide-fully {
  display: none;
  visibility: hidden;
}

/* --Apply at specific breakpoints (all pre-defined breakpoints)-- */
/* Palm */
@media all and (max-width: 40em) {
  /* line 22, ../sass/partials/helpers/_hide.scss */
  .hide-fully--palm {
    display: none;
    visibility: hidden;
  }
}
/* Non-palm */
@media all and (min-width: 40.0625em) {
  /* line 27, ../sass/partials/helpers/_hide.scss */
  .hide-fully--non-palm {
    display: none;
    visibility: hidden;
  }
}
/* Lap */
/* Lap */
@media all and (min-width: 40.0625em) and (max-width: 74.9375em) {
  /* line 32, ../sass/partials/helpers/_hide.scss */
  .hide-fully--lap {
    display: none;
    visibility: hidden;
  }
}
/* Lap small */
/* Lap large */
/* Desk small */
/* Lap small */
/* Lap */
/* Lap small */
@media all and (min-width: 40.0625em) and (max-width: 56.25em) {
  /* line 37, ../sass/partials/helpers/_hide.scss */
  .hide-fully--lap-sml {
    display: none;
    visibility: hidden;
  }
}
/* Lap large */
/* Desk small */
/* Lap large */
/* Lap */
/* Lap small */
/* Lap large */
@media all and (min-width: 56.3125em) and (max-width: 74.9375em) {
  /* line 42, ../sass/partials/helpers/_hide.scss */
  .hide-fully--lap-lrg {
    display: none;
    visibility: hidden;
  }
}
/* Desk small */
/* Portable */
@media all and (max-width: 74.9375em) {
  /* line 47, ../sass/partials/helpers/_hide.scss */
  .hide-fully--portable {
    display: none;
    visibility: hidden;
  }
}
/* Desk */
@media all and (min-width: 75em) {
  /* line 52, ../sass/partials/helpers/_hide.scss */
  .hide-fully--desk {
    display: none;
    visibility: hidden;
  }
}
/* Desk small */
/* Lap */
/* Lap small */
/* Lap large */
/* Desk small */
@media all and (min-width: 75em) and (max-width: 85.3125em) {
  /* line 57, ../sass/partials/helpers/_hide.scss */
  .hide-fully--desk-sml {
    display: none;
    visibility: hidden;
  }
}
/* Desk large */
@media all and (min-width: 85.375em) {
  /* line 62, ../sass/partials/helpers/_hide.scss */
  .hide-fully--desk-lrg {
    display: none;
    visibility: hidden;
  }
}
/* Hide only visually but have it available for screen readers */
/* line 66, ../sass/partials/helpers/_hide.scss */
.hide-visually {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  padding: 0;
  border: 0;
}

/* Form `legend` requires this */
/* line 78, ../sass/partials/helpers/_hide.scss */
legend.hide-visually {
  left: -9999px;
}

/* Hide stuff relating to JS */
/* line 81, ../sass/partials/helpers/_hide.scss */
.js .js-off,
.js .js-hide-show {
  display: none;
}

/* Print */
@media print {
  /* line 86, ../sass/partials/helpers/_hide.scss */
  .hide-print {
    display: none;
  }

  /* line 88, ../sass/partials/helpers/_hide.scss */
  .js-hide-show {
    display: block !important;
  }
}
/* line 91, ../sass/partials/helpers/_hide.scss */
.hidden {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* ======================================================================================
   @HELPERS -> SPACING
   ====================================================================================== */
/*
	Usage: 
		Apply spacing via the base bottom margin or variants of it e.g. half / double, can also apply 'top' margins, or to remove spacing applied via margins use any of the `.flush` classes.
	
	Demo:
		Style Guide -> Helpers -> Spacing
*/
/* Base */
/* line 14, ../sass/partials/helpers/_spacing.scss */
.mrg-base {
  margin-bottom: 22px!important;
  margin-bottom: 1.46667rem!important;
}

/* line 16, ../sass/partials/helpers/_spacing.scss */
.mrg-base-top {
  margin-top: 22px!important;
  margin-top: 1.46667rem!important;
}

/* Mini */
/* line 19, ../sass/partials/helpers/_spacing.scss */
.mrg-mini {
  margin-bottom: 5.5px!important;
  margin-bottom: 0.36667rem!important;
}

/* line 21, ../sass/partials/helpers/_spacing.scss */
.mrg-mini--top {
  margin-top: 5.5px!important;
  margin-top: 0.36667rem!important;
}

/* Half */
/* line 24, ../sass/partials/helpers/_spacing.scss */
.mrg-half {
  margin-bottom: 11px!important;
  margin-bottom: 0.73333rem!important;
}

/* line 26, ../sass/partials/helpers/_spacing.scss */
.mrg-half--top {
  margin-top: 11px!important;
  margin-top: 0.73333rem!important;
}

/* Double */
/* line 29, ../sass/partials/helpers/_spacing.scss */
.mrg-dbl {
  margin-bottom: 44px!important;
  margin-bottom: 2.93333rem!important;
}

/* line 31, ../sass/partials/helpers/_spacing.scss */
.mrg-dbl-top {
  margin-top: 44px!important;
  margin-top: 2.93333rem!important;
}

/* --Apply at specific breakpoints (all pre-defined breakpoints)-- */
/* Palm */
@media all and (max-width: 40em) {
  /* line 37, ../sass/partials/helpers/_spacing.scss */
  .mrg-base-palm {
    margin-bottom: 22px!important;
    margin-bottom: 1.46667rem!important;
  }
}
/* Non-palm */
@media all and (min-width: 40.0625em) {
  /* line 42, ../sass/partials/helpers/_spacing.scss */
  .mrg-base-non-palm {
    margin-bottom: 22px!important;
    margin-bottom: 1.46667rem!important;
  }
}
/* Lap */
/* Lap */
@media all and (min-width: 40.0625em) and (max-width: 74.9375em) {
  /* line 47, ../sass/partials/helpers/_spacing.scss */
  .mrg-base-lap {
    margin-bottom: 22px!important;
    margin-bottom: 1.46667rem!important;
  }
}
/* Lap small */
/* Lap large */
/* Desk small */
/* Lap small */
/* Lap */
/* Lap small */
@media all and (min-width: 40.0625em) and (max-width: 56.25em) {
  /* line 52, ../sass/partials/helpers/_spacing.scss */
  .mrg-base-lap-sml {
    margin-bottom: 22px!important;
    margin-bottom: 1.46667rem!important;
  }
}
/* Lap large */
/* Desk small */
/* Lap large */
/* Lap */
/* Lap small */
/* Lap large */
@media all and (min-width: 56.3125em) and (max-width: 74.9375em) {
  /* line 57, ../sass/partials/helpers/_spacing.scss */
  .mrg-base-lap-lrg {
    margin-bottom: 22px!important;
    margin-bottom: 1.46667rem!important;
  }
}
/* Desk small */
/* Portable */
@media all and (max-width: 74.9375em) {
  /* line 62, ../sass/partials/helpers/_spacing.scss */
  .mrg-base-portable {
    margin-bottom: 22px!important;
    margin-bottom: 1.46667rem!important;
  }
}
/* Desk */
@media all and (min-width: 75em) {
  /* line 67, ../sass/partials/helpers/_spacing.scss */
  .mrg-base-desk {
    margin-bottom: 22px!important;
    margin-bottom: 1.46667rem!important;
  }
}
/* Desk small */
/* Lap */
/* Lap small */
/* Lap large */
/* Desk small */
@media all and (min-width: 75em) and (max-width: 85.3125em) {
  /* line 72, ../sass/partials/helpers/_spacing.scss */
  .mrg-base-desk-sml {
    margin-bottom: 22px!important;
    margin-bottom: 1.46667rem!important;
  }
}
/* Desk large */
@media all and (min-width: 85.375em) {
  /* line 77, ../sass/partials/helpers/_spacing.scss */
  .mrg-base-desk-lrg {
    margin-bottom: 22px!important;
    margin-bottom: 1.46667rem!important;
  }
}
/* Flush */
/* line 81, ../sass/partials/helpers/_spacing.scss */
.flush {
  margin: 0 !important;
}

/* line 83, ../sass/partials/helpers/_spacing.scss */
.flush-top {
  margin-top: 0 !important;
}

/* line 85, ../sass/partials/helpers/_spacing.scss */
.flush-right {
  margin-right: 0 !important;
}

/* line 87, ../sass/partials/helpers/_spacing.scss */
.flush-btm {
  margin-bottom: 0 !important;
}

/* line 89, ../sass/partials/helpers/_spacing.scss */
.flush-left {
  margin-left: 0 !important;
}

/* line 91, ../sass/partials/helpers/_spacing.scss */
.flush-ends {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* line 96, ../sass/partials/helpers/_spacing.scss */
.flush-sides {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

/* line 101, ../sass/partials/helpers/_spacing.scss */
.u-centre-padding {
  padding: 0 1.4em;
}
@media (min-width: 768px) {
  /* line 101, ../sass/partials/helpers/_spacing.scss */
  .u-centre-padding {
    padding: 0 1.4em;
  }
}

/* ======================================================================================
   @HELPERS -> DISPLAY
   ====================================================================================== */
/*
	Usage: 
		Changes the `display` property of an element.
	
	Demo:
		Style Guide -> Helpers -> Display
*/
/* line 13, ../sass/partials/helpers/_display.scss */
.block {
  display: block !important;
}

/* line 15, ../sass/partials/helpers/_display.scss */
.inline {
  display: inline !important;
}

/* line 17, ../sass/partials/helpers/_display.scss */
.inline-block {
  display: inline-block !important;
}

/* line 19, ../sass/partials/helpers/_display.scss */
.index-top {
  z-index: 10;
}

/* line 21, ../sass/partials/helpers/_display.scss */
.index-bottom {
  z-index: 1;
}

/* ======================================================================================
   @HELPERS -> TEXT
   ====================================================================================== */
/*
	Usage: 
		Various helpers specifically for text.
	
	Demo:
		Style Guide -> Helpers -> Text
*/
/* Sizes */
/* line 14, ../sass/partials/helpers/_text.scss */
.txt-sml {
  font-size: 13px!important;
  font-size: 0.86667rem!important;
  line-height: 1.69231;
}

/* line 16, ../sass/partials/helpers/_text.scss */
.txt-lrg {
  font-size: 17px!important;
  font-size: 1.13333rem!important;
  line-height: 1.29412;
}

/* line 18, ../sass/partials/helpers/_text.scss */
.txt-reset {
  font-size: 100% !important;
}

/* Alignments */
/* line 21, ../sass/partials/helpers/_text.scss */
.txt-center {
  text-align: center !important;
}

/* line 23, ../sass/partials/helpers/_text.scss */
.txt-left {
  text-align: left !important;
}

/* line 25, ../sass/partials/helpers/_text.scss */
.txt-right {
  text-align: right !important;
}

/* Styles */
/* line 28, ../sass/partials/helpers/_text.scss */
.txt-italic {
  font-style: italic !important;
}

/* line 30, ../sass/partials/helpers/_text.scss */
.txt-bold {
  font-weight: 700 !important;
}

/* line 32, ../sass/partials/helpers/_text.scss */
.txt-caps {
  text-transform: uppercase !important;
}

/* Truncate */
/* line 35, ../sass/partials/helpers/_text.scss */
.txt-truncate {
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Break word */
/* line 43, ../sass/partials/helpers/_text.scss */
.txt-break-word {
  word-wrap: break-word !important;
  -ms-word-break: break-all !important;
  word-break: break-all !important;
  /* Non standard for webkit */
  word-break: break-word !important;
  /* Hyphens */
  /* Transition */
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
  /* Note: 'layout' is needed for IE. */
  /* Note: `table-layout: fixed;` is needen when this is used within tables, the rule needs to go on the `table` element. */
}

/*Color*/
/* line 56, ../sass/partials/helpers/_text.scss */
.txt-white {
  color: #fff;
}

/* line 58, ../sass/partials/helpers/_text.scss */
.txt-red {
  color: red !important;
}

/* ======================================================================================
   @HELPERS -> FLOAT
   ====================================================================================== */
/*
	Usage: 
		Float an element to either the right or left or remove float altogether.
	
	Demo:
		Style Guide -> Helpers -> Float
*/
/* line 13, ../sass/partials/helpers/_float.scss */
.float-left {
  float: left !important;
}

/* line 15, ../sass/partials/helpers/_float.scss */
.float-right {
  float: right !important;
}

/* line 17, ../sass/partials/helpers/_float.scss */
.float-none {
  float: none !important;
}

/* ======================================================================================
   @HELPERS -> PULL
   ====================================================================================== */
/*
	Usage: 
		Pull elements to the left, right or center of their parent container. Elements pulled to the left or right are floated with any surrounding element(s) flowing around it. Typical usage is for aligning images to either the left or right of it's accompanying content.
	
	Demo:
		Style Guide -> Helpers -> Pull
*/
/* line 18, ../sass/partials/helpers/_pull.scss */
.pull-left img,
.pull-right img,
.pull-center img {
  display: block;
}

/* line 21, ../sass/partials/helpers/_pull.scss */
.pull-left {
  float: left;
  margin-right: 22px;
  margin-right: 1.46667rem;
}

/* line 26, ../sass/partials/helpers/_pull.scss */
.pull-right {
  float: right;
  margin-left: 22px;
  margin-left: 1.46667rem;
}

/* line 31, ../sass/partials/helpers/_pull.scss */
.pull-center {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

/* ======================================================================================
   @HELPERS - VERTICAL ALIGNMENTS
   ====================================================================================== */
/*
	Usage: 
		Changes the vertical alignment of an element.
	
	Demo:
		Style Guide -> Helpers -> Vertical Alignments
*/
/* line 13, ../sass/partials/helpers/_vertical-alignments.scss */
.align-top {
  vertical-align: top !important;
}

/* line 15, ../sass/partials/helpers/_vertical-alignments.scss */
.align-middle {
  vertical-align: middle !important;
}

/* line 17, ../sass/partials/helpers/_vertical-alignments.scss */
.align-baseline {
  vertical-align: baseline !important;
}

/* line 19, ../sass/partials/helpers/_vertical-alignments.scss */
.align-bottom {
  vertical-align: bottom !important;
}

/* line 21, ../sass/partials/helpers/_vertical-alignments.scss */
.vertical-align {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 94%;
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, 100%);
  transform: translate(-50%, -50%);
}
@media all and (max-width: 40em) {
  /* line 21, ../sass/partials/helpers/_vertical-alignments.scss */
  .vertical-align {
    display: flex;
    position: relative;
    flex-flow: column;
    padding: 1em;
    top: unset;
    left: unset;
    width: unset;
    -ms-transform: unset;
    -moz-transform: unset;
    -o-transform: unset;
    -webkit-transform: unset;
    transform: unset;
  }
}

/*.square.quiz {
    .vertical-align{
        @include respond-max(1023){
            -webkit-transform:translate(-50%,-50%)!important;
            transform:none!important;
        }
    }
}
.orange.quiz, .brown.quicklinks {
    .vertical-align{
        @include respond-max(1023){
            -webkit-transform:translate(0,0)!important;
            transform:none!important;
        }
    }
}*/
/* Customised */
/*.snippet-format-1 {
    margin-bottom: 2rem;
}*/
/*Brain info*/
/* line 9, ../sass/partials/customised/_main.scss */
.brain-infog {
  display: flex;
  padding: 1rem;
  border-radius: 5px;
  color: #fff;
  background: url("img/brain-infog.png") no-repeat 57% 100%;
  background-color: #2a5785;
}
/* line 13, ../sass/partials/customised/_main.scss */
.brain-infog * {
  color: #fff;
}
/* line 17, ../sass/partials/customised/_main.scss */
.brain-infog .glossary {
  color: #fff;
}
/* line 21, ../sass/partials/customised/_main.scss */
.brain-infog .h4 {
  margin-bottom: 0.5em;
}
/* line 25, ../sass/partials/customised/_main.scss */
.brain-infog ul {
  list-style: none;
  margin-left: 0;
}
/* line 29, ../sass/partials/customised/_main.scss */
.brain-infog ul li {
  padding-bottom: 1em;
}
/* line 36, ../sass/partials/customised/_main.scss */
.brain-infog .grid-gutterless .grid-item:first-child {
  text-align: left;
}
/* line 40, ../sass/partials/customised/_main.scss */
.brain-infog .grid-gutterless .grid-item:last-child {
  text-align: right;
}
@media all and (max-width: 40em) {
  /* line 9, ../sass/partials/customised/_main.scss */
  .brain-infog {
    padding: 0.5em;
    background-image: url("img/brain-infog-opacity.png");
  }
  /* line 55, ../sass/partials/customised/_main.scss */
  .brain-infog .grid-item {
    text-align: left !important;
  }
  /* line 58, ../sass/partials/customised/_main.scss */
  .brain-infog .grid-item p, .brain-infog .grid-item li {
    margin-bottom: 0.5em;
    padding: 0;
  }
}
@media all and (min-width: 40.0625em) and (max-width: 63.9375em) {
  /* line 66, ../sass/partials/customised/_main.scss */
  .brain-infog .non-palm-one-half {
    width: 50%;
  }
}

/* line 73, ../sass/partials/customised/_main.scss */
.body-infog.island {
  padding: 0;
}
/* line 79, ../sass/partials/customised/_main.scss */
.body-infog .grid-item .heading {
  border-radius: 0;
}
/* line 82, ../sass/partials/customised/_main.scss */
.body-infog .grid-item .heading.blue {
  border-top-left-radius: 5px;
  background-color: #285886;
}
/* line 87, ../sass/partials/customised/_main.scss */
.body-infog .grid-item .heading.orange {
  border-top-right-radius: 5px;
  background-color: #edaa63;
}
/* line 93, ../sass/partials/customised/_main.scss */
.body-infog .grid-item:first-child {
  background: url("img/body-left-01.png") no-repeat right 7em;
  background-color: #273f69;
  background-size: 77%;
  border-radius: 5px 0 0 5px;
}
/* line 99, ../sass/partials/customised/_main.scss */
.body-infog .grid-item:first-child .section {
  border-right: 1em solid #4b8ec3;
  background-color: #7aabd4;
  margin-bottom: 4em;
}
/* line 106, ../sass/partials/customised/_main.scss */
.body-infog .grid-item:last-child, .body-infog .grid-item.skeleton {
  background: url("img/body-right-01.png") no-repeat left 7em;
  background-color: #e89d56;
  background-size: 81%;
  border-radius: 0 5px 5px 0;
}
/* line 112, ../sass/partials/customised/_main.scss */
.body-infog .grid-item:last-child .section, .body-infog .grid-item.skeleton .section {
  border-left: 1em solid #de7d3e;
  background-color: #f6c79a;
  margin-top: 3em;
  float: right;
}
@media all and (max-width: 63.9375em) {
  /* line 77, ../sass/partials/customised/_main.scss */
  .body-infog .grid-item {
    min-height: 30em;
  }
}
@media all and (min-width: 64em) {
  /* line 77, ../sass/partials/customised/_main.scss */
  .body-infog .grid-item {
    min-height: 39.33333em;
  }
}
/* line 129, ../sass/partials/customised/_main.scss */
.body-infog .section {
  font-size: 90%;
  border-radius: 5px;
  width: 73%;
  margin: 1em;
}
/* line 135, ../sass/partials/customised/_main.scss */
.body-infog .section ul {
  margin-bottom: 0;
  text-align: left;
}
/* line 139, ../sass/partials/customised/_main.scss */
.body-infog .section ul li {
  padding-bottom: 0;
}
@media all and (max-width: 40em) {
  /* line 146, ../sass/partials/customised/_main.scss */
  .body-infog .section {
    width: 87%;
  }
  /* line 150, ../sass/partials/customised/_main.scss */
  .body-infog .grid-item {
    /*background-image:none!important;*/
  }
  /* line 153, ../sass/partials/customised/_main.scss */
  .body-infog .grid-item:first-child .section {
    margin-bottom: 1em;
  }
  /* line 159, ../sass/partials/customised/_main.scss */
  .body-infog .grid-item:last-child .section, .body-infog .grid-item.skeleton .section {
    margin-top: 1em;
  }
  /* line 162, ../sass/partials/customised/_main.scss */
  .body-infog .grid-item:last-child .section + .section, .body-infog .grid-item.skeleton .section + .section {
    margin-top: 0;
  }
}

/*INDIGENOUS TEMPLATE*/
/* line 171, ../sass/partials/customised/_main.scss */
.indigenous-template {
  margin-left: auto;
  margin-right: -2rem;
  max-width: 930px;
  position: relative;
  z-index: 9;
  /*Wide image banner*/
}
/* line 179, ../sass/partials/customised/_main.scss */
.indigenous-template .image {
  height: 16.66667em !important;
}
/* line 183, ../sass/partials/customised/_main.scss */
.indigenous-template .island-heading {
  background-color: #e79851;
  border-radius: 10px 10px 0 0;
  clear: both;
  padding: 1rem;
  position: relative;
  z-index: 999;
  top: -0.9em;
}
/* line 192, ../sass/partials/customised/_main.scss */
.indigenous-template .island-heading.green {
  background-color: #6d9e40;
  color: #fff;
}
/* line 197, ../sass/partials/customised/_main.scss */
.indigenous-template .island-heading.gold {
  background-color: #ccb828;
  color: #fff;
}
/* line 202, ../sass/partials/customised/_main.scss */
.indigenous-template .island-heading.nsw {
  background-color: #6d9e40;
  color: #fff;
}
/* line 207, ../sass/partials/customised/_main.scss */
.indigenous-template .island-heading.nt {
  background-color: #927824;
  color: #fff;
}
/* line 212, ../sass/partials/customised/_main.scss */
.indigenous-template .island-heading.tas {
  background-color: #f4c26b;
  color: #262626;
}
/* line 217, ../sass/partials/customised/_main.scss */
.indigenous-template .island-heading.act {
  background-color: #f5e7c4;
  color: #262626;
}
/* line 222, ../sass/partials/customised/_main.scss */
.indigenous-template .island-heading.vic {
  background-color: #169ae8;
  color: #fff;
}
/* line 227, ../sass/partials/customised/_main.scss */
.indigenous-template .island-heading.wa {
  background-color: #ec796b;
  color: #000;
}
/* line 232, ../sass/partials/customised/_main.scss */
.indigenous-template .island-heading.sa {
  background-color: #3aa9bc;
  color: #fff;
}
/* line 237, ../sass/partials/customised/_main.scss */
.indigenous-template .island-heading.qld {
  background-color: #4f961c;
  color: #fff;
}
/* line 243, ../sass/partials/customised/_main.scss */
.indigenous-template .island.tile {
  margin-bottom: 0;
}
/* line 247, ../sass/partials/customised/_main.scss */
.indigenous-template .island-cms {
  padding-top: 2em;
  padding-bottom: 3em;
  margin-top: -1.8em;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
/* line 254, ../sass/partials/customised/_main.scss */
.indigenous-template .island-cms.green {
  background-color: #a2ba84;
  z-index: 99;
  position: relative;
}
/* line 259, ../sass/partials/customised/_main.scss */
.indigenous-template .island-cms.green .btn {
  background-color: #6d9e40;
}
/* line 262, ../sass/partials/customised/_main.scss */
.indigenous-template .island-cms.green .btn:hover {
  background-color: #416725;
  background-image: none;
}
/* line 269, ../sass/partials/customised/_main.scss */
.indigenous-template .island-cms.green .rwd-table th {
  background-color: #416725;
}
@media all and (max-width: 40em) {
  /* line 274, ../sass/partials/customised/_main.scss */
  .indigenous-template .island-cms.green .rwd-table td[data-th="Name"] {
    background-color: #416725;
    color: #fff;
  }
}
/* line 282, ../sass/partials/customised/_main.scss */
.indigenous-template .island-cms.gold {
  background-color: #dfd085;
}
/* line 285, ../sass/partials/customised/_main.scss */
.indigenous-template .island-cms.gold .btn {
  background-color: #ccb828;
}
/* line 288, ../sass/partials/customised/_main.scss */
.indigenous-template .island-cms.gold .btn:hover {
  background-color: #8a7f16;
  background-image: none;
}
/* line 295, ../sass/partials/customised/_main.scss */
.indigenous-template .island-cms.gold .rwd-table th {
  background-color: #8a7f16;
}
@media all and (max-width: 40em) {
  /* line 300, ../sass/partials/customised/_main.scss */
  .indigenous-template .island-cms.gold .rwd-table td[data-th="Name"] {
    background-color: #8a7f16;
    color: #fff;
  }
}
/* line 308, ../sass/partials/customised/_main.scss */
.indigenous-template .island-cms.nsw {
  background-color: #a0c97b;
}
/* line 311, ../sass/partials/customised/_main.scss */
.indigenous-template .island-cms.nsw .btn {
  background-color: #6d9e40;
}
/* line 314, ../sass/partials/customised/_main.scss */
.indigenous-template .island-cms.nsw .btn:hover {
  background-color: #8a7f16;
  background-image: none;
}
/* line 321, ../sass/partials/customised/_main.scss */
.indigenous-template .island-cms.nsw .rwd-table th {
  background-color: #547a31;
}
@media all and (max-width: 40em) {
  /* line 326, ../sass/partials/customised/_main.scss */
  .indigenous-template .island-cms.nsw .rwd-table td[data-th="Name"] {
    background-color: #547a31;
    color: #fff;
  }
}
/* line 334, ../sass/partials/customised/_main.scss */
.indigenous-template .island-cms.act {
  background-color: #f9f0da;
}
/* line 337, ../sass/partials/customised/_main.scss */
.indigenous-template .island-cms.act .btn {
  background-color: #f5e7c4;
  color: #000;
}
/* line 341, ../sass/partials/customised/_main.scss */
.indigenous-template .island-cms.act .btn:hover {
  background-color: #8a7f16;
  background-image: none;
}
/* line 348, ../sass/partials/customised/_main.scss */
.indigenous-template .island-cms.act .rwd-table th {
  background-color: #eed598;
  color: #000;
}
@media all and (max-width: 40em) {
  /* line 354, ../sass/partials/customised/_main.scss */
  .indigenous-template .island-cms.act .rwd-table td[data-th="Name"] {
    background-color: #eed598;
    color: #fff;
  }
}
/* line 362, ../sass/partials/customised/_main.scss */
.indigenous-template .island-cms.wa {
  background-color: #ef8d82;
}
/* line 365, ../sass/partials/customised/_main.scss */
.indigenous-template .island-cms.wa .btn {
  background-color: #ec796b;
}
/* line 368, ../sass/partials/customised/_main.scss */
.indigenous-template .island-cms.wa .btn:hover {
  background-color: #8a7f16;
  background-image: none;
}
/* line 375, ../sass/partials/customised/_main.scss */
.indigenous-template .island-cms.wa .rwd-table th {
  background-color: #e6503e;
}
@media all and (max-width: 40em) {
  /* line 380, ../sass/partials/customised/_main.scss */
  .indigenous-template .island-cms.wa .rwd-table td[data-th="Name"] {
    background-color: #e6503e;
    color: #fff;
  }
}
/* line 388, ../sass/partials/customised/_main.scss */
.indigenous-template .island-cms.tas {
  background-color: #f6cc83;
}
/* line 391, ../sass/partials/customised/_main.scss */
.indigenous-template .island-cms.tas .btn {
  background-color: #f4c26b;
  color: #000;
}
/* line 395, ../sass/partials/customised/_main.scss */
.indigenous-template .island-cms.tas .btn:hover {
  background-color: #8a7f16;
  background-image: none;
}
/* line 402, ../sass/partials/customised/_main.scss */
.indigenous-template .island-cms.tas .rwd-table th {
  background-color: #f0ae3c;
  color: #000;
}
@media all and (max-width: 40em) {
  /* line 408, ../sass/partials/customised/_main.scss */
  .indigenous-template .island-cms.tas .rwd-table td[data-th="Name"] {
    background-color: #f0ae3c;
    color: #000;
  }
}
/* line 416, ../sass/partials/customised/_main.scss */
.indigenous-template .island-cms.sa {
  background-color: #49b4c7;
}
/* line 420, ../sass/partials/customised/_main.scss */
.indigenous-template .island-cms.sa .rwd-table th {
  background-color: #2e8695;
  color: #fff;
}
@media all and (max-width: 40em) {
  /* line 426, ../sass/partials/customised/_main.scss */
  .indigenous-template .island-cms.sa .rwd-table td[data-th="Name"] {
    background-color: #2e8695;
    color: #fff;
  }
}
/* line 434, ../sass/partials/customised/_main.scss */
.indigenous-template .island-cms.vic {
  background-color: #2ca4eb;
}
/* line 438, ../sass/partials/customised/_main.scss */
.indigenous-template .island-cms.vic .rwd-table th {
  background-color: #127bb9;
  color: #fff;
}
@media all and (max-width: 40em) {
  /* line 444, ../sass/partials/customised/_main.scss */
  .indigenous-template .island-cms.vic .rwd-table td[data-th="Name"] {
    background-color: #127bb9;
    color: #fff;
  }
}
/* line 452, ../sass/partials/customised/_main.scss */
.indigenous-template .island-cms.qld {
  background-color: #5aab20;
}
/* line 455, ../sass/partials/customised/_main.scss */
.indigenous-template .island-cms.qld .btn {
  background-color: #4f961c;
  color: #fff;
}
/* line 459, ../sass/partials/customised/_main.scss */
.indigenous-template .island-cms.qld .btn:hover {
  background-color: #8a7f16;
  background-image: none;
}
/* line 466, ../sass/partials/customised/_main.scss */
.indigenous-template .island-cms.qld .rwd-table th {
  background-color: #386b14;
  color: #fff;
}
@media all and (max-width: 40em) {
  /* line 472, ../sass/partials/customised/_main.scss */
  .indigenous-template .island-cms.qld .rwd-table td[data-th="Name"] {
    background-color: #386b14;
    color: #fff;
  }
}
/* line 480, ../sass/partials/customised/_main.scss */
.indigenous-template .island-cms.nt {
  background-color: #a68929;
}
/* line 483, ../sass/partials/customised/_main.scss */
.indigenous-template .island-cms.nt .btn {
  background-color: #927824;
  color: #fff;
}
/* line 487, ../sass/partials/customised/_main.scss */
.indigenous-template .island-cms.nt .btn:hover {
  background-color: #8a7f16;
  background-image: none;
}
/* line 494, ../sass/partials/customised/_main.scss */
.indigenous-template .island-cms.nt .rwd-table th {
  background-color: #69561a;
  color: #fff;
}
@media all and (max-width: 40em) {
  /* line 500, ../sass/partials/customised/_main.scss */
  .indigenous-template .island-cms.nt .rwd-table td[data-th="Name"] {
    background-color: #69561a;
    color: #fff;
  }
}
/* line 509, ../sass/partials/customised/_main.scss */
.indigenous-template .rwd-table {
  border-top: 1px solid #000;
  border-left: 1px solid #000;
}
/* line 513, ../sass/partials/customised/_main.scss */
.indigenous-template .rwd-table tr {
  border-bottom: 1px solid #000;
}
/* line 517, ../sass/partials/customised/_main.scss */
.indigenous-template .rwd-table th, .indigenous-template .rwd-table td {
  border-right: 1px solid #000;
  padding: 1rem;
}
/* line 522, ../sass/partials/customised/_main.scss */
.indigenous-template .rwd-table th {
  color: #fff;
  width: 33.33%;
}
/* line 527, ../sass/partials/customised/_main.scss */
.indigenous-template .rwd-table td {
  background-color: #fff;
  vertical-align: top;
}
/* line 531, ../sass/partials/customised/_main.scss */
.indigenous-template .rwd-table td a {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}
@media all and (max-width: 40em) {
  /* line 538, ../sass/partials/customised/_main.scss */
  .indigenous-template .rwd-table td .h4 {
    font-size: 1.2rem;
  }
}
/* line 545, ../sass/partials/customised/_main.scss */
.indigenous-template .btn {
  text-transform: capitalize;
  font-weight: bold;
  border-radius: 10px;
  padding: 0.5em;
  width: 100%;
  margin-bottom: 0.5em;
  border: 0;
}
/* line 556, ../sass/partials/customised/_main.scss */
.indigenous-template .non-palm-one-whole .rectangle.image {
  padding: 8em 0;
  background-size: cover;
}
/* line 560, ../sass/partials/customised/_main.scss */
.indigenous-template .non-palm-one-whole .rectangle.image:last-child {
  margin-top: -1em;
}
@media all and (max-width: 40em) {
  /* line 556, ../sass/partials/customised/_main.scss */
  .indigenous-template .non-palm-one-whole .rectangle.image {
    padding: 4em 0;
    margin-bottom: -1em;
  }
}
@media all and (max-width: 40em) {
  /* line 572, ../sass/partials/customised/_main.scss */
  .indigenous-template .image {
    height: 10em !important;
  }
}
@media all and (min-width: 40.0625em) and (max-width: 63.9375em) {
  /* line 578, ../sass/partials/customised/_main.scss */
  .indigenous-template .non-palm-one-quarter {
    width: 33%;
  }
}

/* line 584, ../sass/partials/customised/_main.scss */
.glossary {
  font-weight: bold;
  color: #414449;
}

/* line 589, ../sass/partials/customised/_main.scss */
.tooltip-glossary {
  border: none;
  background-color: transparent;
  font-family: inherit;
  padding: 0;
}

/* line 596, ../sass/partials/customised/_main.scss */
.blue .glossary {
  color: #fff;
}

/* line 600, ../sass/partials/customised/_main.scss */
.brown .glossary {
  color: #000;
}

/* line 604, ../sass/partials/customised/_main.scss */
.orange .glossary {
  color: #000;
}

@media all and (min-width: 40.0625em) {
  /* line 611, ../sass/partials/customised/_main.scss */
  .flex-container {
    display: flex;
    justify-content: space-between;
  }

  /* line 616, ../sass/partials/customised/_main.scss */
  .flex-container .order-form {
    margin-left: 1em;
  }
}
/* line 621, ../sass/partials/customised/_main.scss */
.flex-container .order-form {
  text-align: center;
  font-size: 0.7em;
  max-width: 12em;
}
/* line 626, ../sass/partials/customised/_main.scss */
.flex-container .order-form a {
  padding: 0.5em;
  border-radius: 0.4em;
}

@media all and (max-width: 40em) {
  /* line 634, ../sass/partials/customised/_main.scss */
  .flex-container .order-form {
    width: 100%;
    max-width: none;
  }
  /* line 638, ../sass/partials/customised/_main.scss */
  .flex-container .order-form a {
    width: 100%;
    font-size: 1.4em;
    padding: 0.6em;
    margin-top: 1em;
  }
}
/* line 647, ../sass/partials/customised/_main.scss */
.order-form, .search-mini {
  display: inline-block;
}

/* line 653, ../sass/partials/customised/_main.scss */
.c-aus-services .c-map-svg {
  margin: 0 auto 1em auto;
  max-width: 93%;
  position: relative;
}
@media (min-width: 768px) {
  /* line 653, ../sass/partials/customised/_main.scss */
  .c-aus-services .c-map-svg {
    max-width: 65%;
  }
}
/* line 662, ../sass/partials/customised/_main.scss */
.c-aus-services .c-map-svg .c-title {
  cursor: pointer;
  transition: 0.25s ease-in-out;
}
/* line 667, ../sass/partials/customised/_main.scss */
.c-aus-services .c-map-svg .c-title-WA {
  position: absolute;
  top: 39%;
  left: 18%;
}
/* line 673, ../sass/partials/customised/_main.scss */
.c-aus-services .c-map-svg .c-title-NSW {
  position: absolute;
  top: 58%;
  right: 12%;
}
/* line 679, ../sass/partials/customised/_main.scss */
.c-aus-services .c-map-svg .c-title-NT {
  position: absolute;
  top: 25%;
  right: 46%;
}
/* line 685, ../sass/partials/customised/_main.scss */
.c-aus-services .c-map-svg .c-title-VIC {
  position: absolute;
  top: 73%;
  right: 19%;
}
/* line 691, ../sass/partials/customised/_main.scss */
.c-aus-services .c-map-svg .c-title-SA {
  position: absolute;
  top: 50%;
  right: 44%;
}
/* line 697, ../sass/partials/customised/_main.scss */
.c-aus-services .c-map-svg .c-title-QLD {
  position: absolute;
  top: 32%;
  right: 17%;
}
/* line 703, ../sass/partials/customised/_main.scss */
.c-aus-services .c-map-svg .c-title-TAS {
  position: absolute;
  top: 90%;
  right: 15%;
}
/* line 709, ../sass/partials/customised/_main.scss */
.c-aus-services .c-map-svg .c-title-ACT {
  position: absolute;
  top: 67%;
  right: -3%;
}
/* line 716, ../sass/partials/customised/_main.scss */
.c-aus-services svg {
  /*transform: scale(0.6) !important;*/
}
/* line 718, ../sass/partials/customised/_main.scss */
.c-aus-services svg #AU-NT, .c-aus-services svg #AU-NSW, .c-aus-services svg #AU-VIC, .c-aus-services svg #AU-WA, .c-aus-services svg #AU-SA, .c-aus-services svg #AU-QLD, .c-aus-services svg #AU-TAS, .c-aus-services svg #AU-ACT {
  cursor: pointer;
  transition: 0.25s ease-in-out;
}
/* line 722, ../sass/partials/customised/_main.scss */
.c-aus-services svg #AU-NT:hover, .c-aus-services svg #AU-NSW:hover, .c-aus-services svg #AU-VIC:hover, .c-aus-services svg #AU-WA:hover, .c-aus-services svg #AU-SA:hover, .c-aus-services svg #AU-QLD:hover, .c-aus-services svg #AU-TAS:hover, .c-aus-services svg #AU-ACT:hover {
  fill: #d6d5d3 !important;
}
/* line 726, ../sass/partials/customised/_main.scss */
.c-aus-services svg #AU-NT.selected, .c-aus-services svg #AU-NSW.selected, .c-aus-services svg #AU-VIC.selected, .c-aus-services svg #AU-WA.selected, .c-aus-services svg #AU-SA.selected, .c-aus-services svg #AU-QLD.selected, .c-aus-services svg #AU-TAS.selected, .c-aus-services svg #AU-ACT.selected {
  fill: #0F2B53 !important;
}
/* line 729, ../sass/partials/customised/_main.scss */
.c-aus-services svg #AU-NT.selected:hover, .c-aus-services svg #AU-NSW.selected:hover, .c-aus-services svg #AU-VIC.selected:hover, .c-aus-services svg #AU-WA.selected:hover, .c-aus-services svg #AU-SA.selected:hover, .c-aus-services svg #AU-QLD.selected:hover, .c-aus-services svg #AU-TAS.selected:hover, .c-aus-services svg #AU-ACT.selected:hover {
  fill: #0F2B53 !important;
}
/* line 735, ../sass/partials/customised/_main.scss */
.c-aus-services svg #AU-NT.hovered, .c-aus-services svg #AU-NSW.hovered, .c-aus-services svg #AU-VIC.hovered, .c-aus-services svg #AU-WA.hovered, .c-aus-services svg #AU-SA.hovered, .c-aus-services svg #AU-QLD.hovered, .c-aus-services svg #AU-TAS.hovered, .c-aus-services svg #AU-ACT.hovered {
  fill: #d6d5d3 !important;
}
/* line 741, ../sass/partials/customised/_main.scss */
.c-aus-services__details {
  background-color: #EEEDEB;
  border-radius: 6px;
  /*box-shadow: 0px 0px 8px #0000002E;*/
  /*box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);*/
  box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  margin: 0 0 1em 0;
  overflow: hidden;
}
/* line 752, ../sass/partials/customised/_main.scss */
.c-aus-services__details .details-image {
  align-items: center;
  background-color: #2A5785;
  color: #fff;
  display: flex;
  justify-content: flex-start;
  padding: .5em 1em;
  position: relative;
  z-index: 1;
}
/* line 762, ../sass/partials/customised/_main.scss */
.c-aus-services__details .details-image h2 {
  color: #fff;
  white-space: nowrap;
}
/* line 767, ../sass/partials/customised/_main.scss */
.c-aus-services__details .details-image img {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 86%;
  transform: translate(-50%, -50%);
  width: 90%;
  z-index: -1;
}
/* line 779, ../sass/partials/customised/_main.scss */
.c-aus-services__details .details-contact {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: .5em 1em;
  width: 100%;
}
/* line 786, ../sass/partials/customised/_main.scss */
.c-aus-services__details .details-contact h3 {
  margin-bottom: .5em !important;
}
/* line 790, ../sass/partials/customised/_main.scss */
.c-aus-services__details .details-contact ul {
  list-style: none !important;
  margin-left: 0 !important;
}
/* line 794, ../sass/partials/customised/_main.scss */
.c-aus-services__details .details-contact ul li {
  align-items: center;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: .5em;
  margin: 0 -.5em;
}
/* line 803, ../sass/partials/customised/_main.scss */
.c-aus-services__details .details-contact ul li:nth-child(even) {
  background-color: #fff !important;
}
/* line 807, ../sass/partials/customised/_main.scss */
.c-aus-services__details .details-contact ul li a {
  background-color: #2A5785;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  padding: .4em .6em;
  text-decoration: none;
  text-align: center;
  width: 100%;
}
@media (min-width: 768px) {
  /* line 794, ../sass/partials/customised/_main.scss */
  .c-aus-services__details .details-contact ul li {
    flex-direction: row;
  }
  /* line 821, ../sass/partials/customised/_main.scss */
  .c-aus-services__details .details-contact ul li a {
    min-width: 150px;
    width: auto;
  }
}
@media (min-width: 768px) {
  /* line 741, ../sass/partials/customised/_main.scss */
  .c-aus-services__details {
    flex-direction: row;
  }
  /* line 833, ../sass/partials/customised/_main.scss */
  .c-aus-services__details .details-image {
    padding: 2em 4em;
    justify-content: center;
    min-height: 246px;
    min-width: 195px;
  }
  /* line 839, ../sass/partials/customised/_main.scss */
  .c-aus-services__details .details-image img {
    display: block;
  }
  /* line 844, ../sass/partials/customised/_main.scss */
  .c-aus-services__details .details-contact {
    padding: 1em 2em;
  }
}

@media (max-width: 768px) {
  /* line 851, ../sass/partials/customised/_main.scss */
  .c-title {
    font-size: 18px;
  }
}

/* line 858, ../sass/partials/customised/_main.scss */
.image-100 {
  width: 100% !important;
  max-width: 100px !important;
}

/* line 863, ../sass/partials/customised/_main.scss */
.image-200 {
  width: 100% !important;
  max-width: 200px !important;
}

/* line 868, ../sass/partials/customised/_main.scss */
.image-300 {
  width: 100% !important;
  max-width: 300px !important;
}

/* line 873, ../sass/partials/customised/_main.scss */
.image-400 {
  width: 100% !important;
  max-width: 400px !important;
}

/* line 879, ../sass/partials/customised/_main.scss */
.brain-infog--indigenous * {
  color: #000;
}

/* line 884, ../sass/partials/customised/_main.scss */
.custom-grid-359 .l-grid__col {
  padding-right: 0;
}

/* line 888, ../sass/partials/customised/_main.scss */
.c-webinar__header {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
}
@media (min-width: 64em) {
  /* line 888, ../sass/partials/customised/_main.scss */
  .c-webinar__header {
    align-items: center;
    flex-direction: row;
  }
}

/* line 903, ../sass/partials/customised/_main.scss */
.c-indigenous-map .c.c-state--act:hover {
  fill: #EAA864;
}
/* line 909, ../sass/partials/customised/_main.scss */
.c-indigenous-map .c-indigenous-map__svg {
  width: 100%;
}
/* line 913, ../sass/partials/customised/_main.scss */
.c-indigenous-map .c-region {
  cursor: pointer;
}
/* line 916, ../sass/partials/customised/_main.scss */
.c-indigenous-map .c-region + text {
  pointer-events: none;
}
/* line 920, ../sass/partials/customised/_main.scss */
.c-indigenous-map .c-region:hover {
  fill: #d0dbe3;
}
/* line 925, ../sass/partials/customised/_main.scss */
.c-indigenous-map .c-region--selected {
  fill: #CA7147;
}
/* line 928, ../sass/partials/customised/_main.scss */
.c-indigenous-map .c-region--selected + text {
  fill: #fff;
}
/* line 933, ../sass/partials/customised/_main.scss */
.c-indigenous-map .c-region--selected.c-state--wa {
  fill: #E89A4F;
}
/* line 937, ../sass/partials/customised/_main.scss */
.c-indigenous-map .c-region--selected.c-state--tas {
  fill: #285687;
}
/* line 940, ../sass/partials/customised/_main.scss */
.c-indigenous-map .c-region--selected.c-state--tas + text {
  fill: #fff;
}
/* line 945, ../sass/partials/customised/_main.scss */
.c-indigenous-map .c-region--selected.c-state--nt {
  fill: #CA7147;
}
/* line 948, ../sass/partials/customised/_main.scss */
.c-indigenous-map .c-region--selected.c-state--nt + text {
  fill: #fff;
}
/* line 953, ../sass/partials/customised/_main.scss */
.c-indigenous-map .c-region--selected.c-state--vic {
  fill: #24416D;
}
/* line 956, ../sass/partials/customised/_main.scss */
.c-indigenous-map .c-region--selected.c-state--vic + text {
  fill: #fff;
}
/* line 961, ../sass/partials/customised/_main.scss */
.c-indigenous-map .c-region--selected.c-state--qld {
  fill: #A64135;
}
/* line 964, ../sass/partials/customised/_main.scss */
.c-indigenous-map .c-region--selected.c-state--qld + text {
  fill: #fff;
}
/* line 969, ../sass/partials/customised/_main.scss */
.c-indigenous-map .c-region--selected.c-state--act {
  fill: #EAA864;
}
/* line 973, ../sass/partials/customised/_main.scss */
.c-indigenous-map .c-region--selected.c-state--sa {
  fill: #518E89;
}
/* line 976, ../sass/partials/customised/_main.scss */
.c-indigenous-map .c-region--selected.c-state--sa + text {
  fill: #fff;
}
/* line 981, ../sass/partials/customised/_main.scss */
.c-indigenous-map .c-region--selected.c-state--nsw {
  fill: #1F5454;
}
/* line 984, ../sass/partials/customised/_main.scss */
.c-indigenous-map .c-region--selected.c-state--nsw + text {
  fill: #fff;
}

/* line 993, ../sass/partials/customised/_main.scss */
.c-indigenous-services__container {
  border: 1px solid #414449;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;
  padding: 1.25rem;
}
@media (min-width: 64em) {
  /* line 993, ../sass/partials/customised/_main.scss */
  .c-indigenous-services__container {
    align-items: flex-start;
    flex-direction: row;
  }
}
/* line 1007, ../sass/partials/customised/_main.scss */
.c-indigenous-services__region {
  align-items: center;
  display: flex;
  flex-direction: column;
}
@media (min-width: 64em) {
  /* line 1007, ../sass/partials/customised/_main.scss */
  .c-indigenous-services__region {
    width: 25%;
  }
}
/* line 1017, ../sass/partials/customised/_main.scss */
.c-indigenous-services__controls {
  margin: 1rem 0;
}
/* line 1020, ../sass/partials/customised/_main.scss */
.c-indigenous-services__controls img {
  width: 24px;
}
/* line 1025, ../sass/partials/customised/_main.scss */
.c-indigenous-services__image {
  align-items: center;
  background-color: #E9EEF2;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1.5rem;
  text-align: center;
  width: 100%;
}
/* line 1036, ../sass/partials/customised/_main.scss */
.c-indigenous-services__image img {
  margin-bottom: 1rem;
  min-width: 135px;
}
@media (min-width: 64em) {
  /* line 1025, ../sass/partials/customised/_main.scss */
  .c-indigenous-services__image {
    margin-bottom: 0;
  }
}
/* line 1046, ../sass/partials/customised/_main.scss */
.c-indigenous-services__list {
  margin-left: 0 !important;
}
/* line 1049, ../sass/partials/customised/_main.scss */
.c-indigenous-services__list li {
  list-style: none;
  padding-bottom: 0 !important;
}
/* line 1054, ../sass/partials/customised/_main.scss */
.c-indigenous-services__list a {
  border-color: #2a5785;
  background-color: #fff;
  color: #2a5785;
  margin-bottom: .6rem;
}
@media (min-width: 64em) {
  /* line 1046, ../sass/partials/customised/_main.scss */
  .c-indigenous-services__list {
    margin-left: 2rem !important;
  }
  /* line 1064, ../sass/partials/customised/_main.scss */
  .c-indigenous-services__list li {
    padding-bottom: 1rem !important;
  }
}
/* line 1070, ../sass/partials/customised/_main.scss */
.c-indigenous-services__button {
  white-space: nowrap;
}
/* line 1073, ../sass/partials/customised/_main.scss */
.c-indigenous-services__button img {
  max-width: 12px;
}

/* line 1079, ../sass/partials/customised/_main.scss */
.c-indigenous__landing--icon {
  max-width: 125px;
}
@media (min-width: 64em) {
  /* line 1079, ../sass/partials/customised/_main.scss */
  .c-indigenous__landing--icon {
    max-width: 250px;
  }
}

/* line 1087, ../sass/partials/customised/_main.scss */
.c-landing__about--indigenous {
  margin-bottom: -3rem;
}

/* Community CITI-i*/
/* line 1093, ../sass/partials/customised/_main.scss */
.landing_3192 .c-landing--indigenous {
  background-color: #7F322C;
}
/* line 1096, ../sass/partials/customised/_main.scss */
.landing_3192 .c-landing--indigenous .c-landing__image {
  box-shadow: inset 218px 0px 161px -42px #7F322C, inset -33px -30px 51px 21px #7F322C;
}
/* line 1101, ../sass/partials/customised/_main.scss */
.landing_3192 .c-landing__panel--indigenous {
  background-color: #C56846;
  box-shadow: 0px -18px 88px 80px #C56846;
}
/* line 1106, ../sass/partials/customised/_main.scss */
.landing_3192 .c-landing__background,
.landing_3192 .c-landing__background--reverse {
  background-image: url(/img/static/indigenous/community-line-pattern.svg);
  opacity: .6;
}
/* line 1112, ../sass/partials/customised/_main.scss */
.landing_3192 .c-landing__about--indigenous {
  background: linear-gradient(#C56846, #7F322C);
}
/* line 1116, ../sass/partials/customised/_main.scss */
.landing_3192 .c-card-slider {
  background-color: #7F322C;
}

/* Health workers */
/* line 1124, ../sass/partials/customised/_main.scss */
.landing_3191 .c-landing--indigenous .c-landing__image {
  box-shadow: inset 218px 0px 161px -42px #0f2b53, inset -33px -30px 51px 21px #0f2b53;
}

/* Family and friends CITI- video & animation */
/* line 1133, ../sass/partials/customised/_main.scss */
.landing_3195 .c-landing--indigenous,
.landing_3193 .c-landing--indigenous {
  background-color: #1C4243;
}
/* line 1136, ../sass/partials/customised/_main.scss */
.landing_3195 .c-landing--indigenous .c-landing__image,
.landing_3193 .c-landing--indigenous .c-landing__image {
  box-shadow: inset 218px 0px 161px -42px #1C4243, inset -33px -30px 51px 21px #1C4243;
}
/* line 1141, ../sass/partials/customised/_main.scss */
.landing_3195 .c-landing__background,
.landing_3195 .c-landing__background--reverse,
.landing_3193 .c-landing__background,
.landing_3193 .c-landing__background--reverse {
  background-image: url(/img/static/indigenous/family-line-pattern.svg);
  opacity: .6;
}
/* line 1147, ../sass/partials/customised/_main.scss */
.landing_3195 .c-landing__panel--indigenous,
.landing_3193 .c-landing__panel--indigenous {
  background-color: #427E76;
  box-shadow: 0px -18px 88px 80px #427E76;
}
/* line 1155, ../sass/partials/customised/_main.scss */
.landing_3195 .c-landing__about--indigenous,
.landing_3193 .c-landing__about--indigenous {
  background: linear-gradient(#427E76, #1C4243);
}
/* line 1159, ../sass/partials/customised/_main.scss */
.landing_3195 .c-card-slider,
.landing_3193 .c-card-slider {
  background-color: #1C4243;
}

/* Get the facts CITI- */
/* line 1166, ../sass/partials/customised/_main.scss */
.landing_3194 .c-landing--indigenous, .landing_3197 .c-landing--indigenous {
  background-color: #E5853B;
}
/* line 1169, ../sass/partials/customised/_main.scss */
.landing_3194 .c-landing--indigenous .c-landing__image, .landing_3197 .c-landing--indigenous .c-landing__image {
  box-shadow: inset 218px -101px 161px -42px #e5853b, inset -23px -17px 25px 2px #e5853b;
}
/* line 1174, ../sass/partials/customised/_main.scss */
.landing_3194 .c-landing__background,
.landing_3194 .c-landing__background--reverse, .landing_3197 .c-landing__background,
.landing_3197 .c-landing__background--reverse {
  background-image: url(/img/static/indigenous/facts-line-pattern.svg);
  opacity: .6;
}
/* line 1180, ../sass/partials/customised/_main.scss */
.landing_3194 .c-landing__panel--indigenous, .landing_3197 .c-landing__panel--indigenous {
  background-color: #E9974D;
  box-shadow: 0px 39px 44px 80px #e9974d;
}
/* line 1188, ../sass/partials/customised/_main.scss */
.landing_3194 .c-landing__about--indigenous, .landing_3197 .c-landing__about--indigenous {
  background: linear-gradient(#E9974D, #E5853B);
}
/* line 1192, ../sass/partials/customised/_main.scss */
.landing_3194 .c-indigenous-landing__title,
.landing_3194 .c-landing__description *,
.landing_3194 .c-landing__resources *, .landing_3197 .c-indigenous-landing__title,
.landing_3197 .c-landing__description *,
.landing_3197 .c-landing__resources * {
  color: #000 !important;
}
/* line 1198, ../sass/partials/customised/_main.scss */
.landing_3194 .c-card-slider, .landing_3197 .c-card-slider {
  background-color: #E5853B;
}
/* line 1201, ../sass/partials/customised/_main.scss */
.landing_3194 .c-card-slider *, .landing_3197 .c-card-slider * {
  color: #000;
}

/* line 1208, ../sass/partials/customised/_main.scss */
.c-protect-yourself-card {
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
  overflow: hidden;
}
/* line 1215, ../sass/partials/customised/_main.scss */
.c-protect-yourself-card__image {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 2rem;
  width: 100%;
}
/* line 1222, ../sass/partials/customised/_main.scss */
.c-protect-yourself-card__image img {
  max-width: 15rem;
}
/* line 1227, ../sass/partials/customised/_main.scss */
.c-protect-yourself-card__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2rem;
  width: 100%;
}
/* line 1234, ../sass/partials/customised/_main.scss */
.c-protect-yourself-card__text h4 {
  margin-bottom: 1rem;
}
@media (min-width: 64em) {
  /* line 1208, ../sass/partials/customised/_main.scss */
  .c-protect-yourself-card {
    flex-direction: row;
  }
  /* line 1242, ../sass/partials/customised/_main.scss */
  .c-protect-yourself-card--reverse {
    flex-direction: row-reverse;
  }
  /* line 1246, ../sass/partials/customised/_main.scss */
  .c-protect-yourself-card__image {
    width: 30%;
  }
  /* line 1250, ../sass/partials/customised/_main.scss */
  .c-protect-yourself-card__text {
    width: 70%;
  }
}
/* line 1257, ../sass/partials/customised/_main.scss */
.c-protect-yourself-card--red .c-protect-yourself-card__image {
  background-color: #591315;
}
/* line 1261, ../sass/partials/customised/_main.scss */
.c-protect-yourself-card--red .c-protect-yourself-card__text {
  background-color: #7F312C;
}
/* line 1264, ../sass/partials/customised/_main.scss */
.c-protect-yourself-card--red .c-protect-yourself-card__text * {
  color: #fff !important;
}
/* line 1271, ../sass/partials/customised/_main.scss */
.c-protect-yourself-card--orange .c-protect-yourself-card__image {
  background-color: #C05B36;
}
/* line 1275, ../sass/partials/customised/_main.scss */
.c-protect-yourself-card--orange .c-protect-yourself-card__text {
  background-color: #E8964D;
}
/* line 1281, ../sass/partials/customised/_main.scss */
.c-protect-yourself-card--green .c-protect-yourself-card__image {
  background-color: #1C4243;
}
/* line 1285, ../sass/partials/customised/_main.scss */
.c-protect-yourself-card--green .c-protect-yourself-card__text {
  background-color: #2F5F5E;
}
/* line 1288, ../sass/partials/customised/_main.scss */
.c-protect-yourself-card--green .c-protect-yourself-card__text * {
  color: #fff !important;
}

/* line 1295, ../sass/partials/customised/_main.scss */
.c-stigma-shame {
  list-style: none;
  margin-left: 0;
}
/* line 1300, ../sass/partials/customised/_main.scss */
.c-stigma-shame li {
  background-color: #E9974D;
  border-radius: 10px;
  margin-bottom: 2rem;
  padding: 1.5rem;
  position: relative;
  text-align: center;
}
/* line 1308, ../sass/partials/customised/_main.scss */
.c-stigma-shame li:nth-child(even) {
  background-color: #7F312C;
  color: #fff;
}
/* line 1312, ../sass/partials/customised/_main.scss */
.c-stigma-shame li:nth-child(even):before {
  background-color: #7F312C !important;
}
/* line 1318, ../sass/partials/customised/_main.scss */
.c-stigma-shame li:not(:last-of-type):before {
  background-color: #E9974D;
  content: '';
  height: 1.5rem;
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 1.5rem;
}

/* line 1333, ../sass/partials/customised/_main.scss */
.c-suffering-stroke {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
}
/* line 1339, ../sass/partials/customised/_main.scss */
.c-suffering-stroke__image {
  margin-bottom: 1rem;
  width: 25%;
}
/* line 1344, ../sass/partials/customised/_main.scss */
.c-suffering-stroke__content {
  background-color: #fff;
  border-radius: 10px;
  padding: 1.5rem;
  width: 100%;
}
/* line 1350, ../sass/partials/customised/_main.scss */
.c-suffering-stroke__content h3 {
  color: #2a5785;
  margin-bottom: .35rem;
}
@media (min-width: 64em) {
  /* line 1333, ../sass/partials/customised/_main.scss */
  .c-suffering-stroke {
    flex-direction: row;
  }
  /* line 1359, ../sass/partials/customised/_main.scss */
  .c-suffering-stroke__image {
    margin-bottom: 0;
  }
  /* line 1363, ../sass/partials/customised/_main.scss */
  .c-suffering-stroke__content {
    margin: 0 0 0 1.5rem;
  }
  /* line 1367, ../sass/partials/customised/_main.scss */
  .c-suffering-stroke--reverse {
    flex-direction: row-reverse;
  }
  /* line 1370, ../sass/partials/customised/_main.scss */
  .c-suffering-stroke--reverse .c-suffering-stroke__content {
    margin: 0 1.5rem 0 0;
  }
}

/* line 1378, ../sass/partials/customised/_main.scss */
.c-slider-conversation {
  height: 31.5rem;
  margin-bottom: 2rem;
}
/* line 1382, ../sass/partials/customised/_main.scss */
.c-slider-conversation .carousel__photo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2rem 4rem 4rem;
}
/* line 1388, ../sass/partials/customised/_main.scss */
.c-slider-conversation .carousel__photo * {
  color: #fff;
  font-size: 1.2rem;
}
/* line 1394, ../sass/partials/customised/_main.scss */
.c-slider-conversation .js-carousel-title {
  color: #414449 !important;
}
@media (min-width: 768px) {
  /* line 1378, ../sass/partials/customised/_main.scss */
  .c-slider-conversation {
    height: 27rem;
  }
}

/* line 1404, ../sass/partials/customised/_main.scss */
.c-infographgic-disc {
  width: 7rem;
  border-radius: 50%;
  padding: 1rem;
}
/* line 1409, ../sass/partials/customised/_main.scss */
.c-infographgic-disc__spacer {
  font-size: 1.5rem;
  font-weight: 700;
  margin: 0 2rem;
}
/* line 1415, ../sass/partials/customised/_main.scss */
.c-infographgic-disc--green {
  background-color: #427E76;
}
/* line 1419, ../sass/partials/customised/_main.scss */
.c-infographgic-disc--dark-green {
  background-color: #1B4343;
}
@media (min-width: 64em) {
  /* line 1404, ../sass/partials/customised/_main.scss */
  .c-infographgic-disc {
    width: 10rem;
  }
}

/* line 1430, ../sass/partials/customised/_main.scss */
.c-harm-reduction {
  align-items: center;
  background-color: #fff;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  min-height: 11rem;
  margin-bottom: 1rem;
  padding: 1.5rem;
}
/* line 1441, ../sass/partials/customised/_main.scss */
.c-harm-reduction img {
  max-width: 8rem;
  margin-bottom: 1.5rem;
}
@media (min-width: 64em) {
  /* line 1430, ../sass/partials/customised/_main.scss */
  .c-harm-reduction {
    flex-direction: row;
  }
  /* line 1449, ../sass/partials/customised/_main.scss */
  .c-harm-reduction img {
    max-width: 8rem;
    margin-bottom: 0;
    margin-right: 2rem;
  }
}

/* line 1458, ../sass/partials/customised/_main.scss */
.c-infographgic-injecting {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1rem 1.5rem -1rem;
}
/* line 1463, ../sass/partials/customised/_main.scss */
.c-infographgic-injecting__grid-item {
  padding: 0 1rem;
  width: 100%;
}
/* line 1468, ../sass/partials/customised/_main.scss */
.c-infographgic-injecting__card {
  align-items: center;
  background-color: #fff;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  min-height: 11rem;
  padding: 1.5rem;
  height: 100%;
  width: 100%;
}
/* line 1479, ../sass/partials/customised/_main.scss */
.c-infographgic-injecting__card img {
  min-height: 7rem;
  max-width: 7rem;
  margin-bottom: 1rem;
}
/* line 1486, ../sass/partials/customised/_main.scss */
.c-infographgic-injecting__map {
  max-width: 32rem;
}
@media (min-width: 64em) {
  /* line 1492, ../sass/partials/customised/_main.scss */
  .c-infographgic-injecting__grid-item--half {
    width: 50%;
  }
  /* line 1496, ../sass/partials/customised/_main.scss */
  .c-infographgic-injecting__grid-item--third {
    width: 33.333%;
  }
}

/* line 1505, ../sass/partials/customised/_main.scss */
.c-infographic-diagram {
  border-radius: 10px;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1.5rem;
  overflow: hidden;
}
/* line 1512, ../sass/partials/customised/_main.scss */
.c-infographic-diagram__header {
  text-align: center;
  padding: 1rem;
}
/* line 1517, ../sass/partials/customised/_main.scss */
.c-infographic-diagram__body {
  padding: 1rem;
}
/* line 1521, ../sass/partials/customised/_main.scss */
.c-infographic-diagram__item {
  width: 100%;
}
/* line 1524, ../sass/partials/customised/_main.scss */
.c-infographic-diagram__item ul {
  border-radius: 10px;
  overflow: hidden;
  margin-left: 0;
  padding: 2rem;
}
/* line 1531, ../sass/partials/customised/_main.scss */
.c-infographic-diagram__item--blue {
  background-color: #273f69;
}
/* line 1534, ../sass/partials/customised/_main.scss */
.c-infographic-diagram__item--blue .c-infographic-diagram__header {
  background-color: #285886;
  color: #fff;
}
/* line 1539, ../sass/partials/customised/_main.scss */
.c-infographic-diagram__item--blue ul {
  border-right: 1em solid #4b8ec3;
  background-color: #7aabd4;
  margin-right: 5rem;
}
/* line 1546, ../sass/partials/customised/_main.scss */
.c-infographic-diagram__item--orange {
  background-color: #e89d56;
}
/* line 1549, ../sass/partials/customised/_main.scss */
.c-infographic-diagram__item--orange .c-infographic-diagram__header {
  background-color: #edaa63;
}
/* line 1553, ../sass/partials/customised/_main.scss */
.c-infographic-diagram__item--orange ul {
  border-left: 1em solid #de7d3e;
  background-color: #f6c79a;
  margin-left: 5rem;
}
@media (min-width: 64em) {
  /* line 1562, ../sass/partials/customised/_main.scss */
  .c-infographic-diagram__item {
    width: 50%;
  }
}

/* line 1569, ../sass/partials/customised/_main.scss */
.c-infographic-diagram--snorting-short-term {
  background-image: url(/img/infographics/smoking-snorting-injecting/smoking-snorting-injecting_nasal-short-term.svg);
  background-size: 15%;
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: 50%;
}

/* line 1577, ../sass/partials/customised/_main.scss */
.c-infographic-diagram--snorting-long-term {
  background-image: url(/img/infographics/smoking-snorting-injecting/smoking-snorting-injecting_nasal-long-term.svg);
  background-size: 15%;
  background-repeat: no-repeat;
  background-position-x: left;
  background-position-y: 50%;
}

/* line 1586, ../sass/partials/customised/_main.scss */
.c-infographic-diagram--smoking-short-term {
  background-image: url(/img/infographics/smoking-snorting-injecting/smoking-snorting-injecting_smoking-short-term.svg);
  background-size: 15%;
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: 50%;
}

/* line 1594, ../sass/partials/customised/_main.scss */
.c-infographic-diagram--smoking-long-term {
  background-image: url(/img/infographics/smoking-snorting-injecting/smoking-snorting-injecting_smoking-long-term.svg);
  background-size: 15%;
  background-repeat: no-repeat;
  background-position-x: left;
  background-position-y: 50%;
}

/* line 1603, ../sass/partials/customised/_main.scss */
.c-infographic-diagram--injecting-short-term {
  background-image: url(/img/infographics/smoking-snorting-injecting/smoking-snorting-injecting_injecting-short-term.svg);
  background-size: 6%;
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: 50%;
}

/* line 1611, ../sass/partials/customised/_main.scss */
.c-infographic-diagram--injecting-long-term {
  background-image: url(/img/infographics/smoking-snorting-injecting/smoking-snorting-injecting_injecting-long-term.svg);
  background-size: 6%;
  background-repeat: no-repeat;
  background-position-x: left;
  background-position-y: 50%;
}

/* line 1620, ../sass/partials/customised/_main.scss */
.c-infographgic-bg-grey {
  background: #E9EDF0;
  padding: 1rem;
}

/* NSP map */
/* line 1631, ../sass/partials/customised/_main.scss */
.c-nsp-map .c-nsp-map__svg {
  width: 100%;
}
/* line 1635, ../sass/partials/customised/_main.scss */
.c-nsp-map .c-region {
  cursor: pointer;
}
/* line 1638, ../sass/partials/customised/_main.scss */
.c-nsp-map .c-region + text {
  pointer-events: none;
}
/* line 1642, ../sass/partials/customised/_main.scss */
.c-nsp-map .c-region:hover {
  fill: #0F2B53;
}
/* line 1647, ../sass/partials/customised/_main.scss */
.c-nsp-map .c-region--selected {
  fill: #e89851;
}
/* line 1650, ../sass/partials/customised/_main.scss */
.c-nsp-map .c-region--selected + text {
  fill: #000;
}

/* line 1657, ../sass/partials/customised/_main.scss */
.c-nsp-services {
  margin-top: 1rem;
}
/* line 1660, ../sass/partials/customised/_main.scss */
.c-nsp-services__container {
  border: 1px solid #414449;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;
  padding: 1.25rem;
}
/* line 1669, ../sass/partials/customised/_main.scss */
.c-nsp-services__region {
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 100%;
}
/* line 1676, ../sass/partials/customised/_main.scss */
.c-nsp-services__controls {
  margin: 1rem 0;
}
/* line 1679, ../sass/partials/customised/_main.scss */
.c-nsp-services__controls img {
  width: 24px;
}
/* line 1684, ../sass/partials/customised/_main.scss */
.c-nsp-services__image {
  align-items: center;
  background-color: #E9EEF2;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1.5rem;
  text-align: center;
  width: 100%;
}
/* line 1695, ../sass/partials/customised/_main.scss */
.c-nsp-services__image img {
  margin-bottom: 1rem;
  min-width: 135px;
}
@media (min-width: 64em) {
  /* line 1684, ../sass/partials/customised/_main.scss */
  .c-nsp-services__image {
    margin-bottom: 0;
  }
}
/* line 1705, ../sass/partials/customised/_main.scss */
.c-nsp-services__list {
  margin-left: 0 !important;
}
/* line 1708, ../sass/partials/customised/_main.scss */
.c-nsp-services__list li {
  list-style: none;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
/* line 1714, ../sass/partials/customised/_main.scss */
.c-nsp-services__list a {
  border-color: #2a5785;
  background-color: #fff;
  color: #2a5785;
  margin-bottom: .6rem;
}
/* line 1722, ../sass/partials/customised/_main.scss */
.c-nsp-services__button {
  white-space: nowrap;
}
/* line 1725, ../sass/partials/customised/_main.scss */
.c-nsp-services__button img {
  max-width: 12px;
}

/* Print */
@media print {
  /* ======================================================================================
     @PRINT
     ====================================================================================== */
  /* 
  	Note: all print styles live in context with their corresponding rule sets except styles set here as they cannot be used in context i.e. they need to be set globally, it is okay to use `!important` here as we're doing it pre-emptively i.e. you know you will always want the rule it's applied too to take precedence.
  */
  /* =======================================================================
     HIDE
     ======================================================================= */
  /* line 16, ../sass/partials/print/_print.scss */
  nav,
  video,
  audio {
    display: none !important;
  }

  /* =======================================================================
     RESET
     ======================================================================= */
  /* line 25, ../sass/partials/print/_print.scss */
  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-color: #000 !important;
    -ms-filter: none !important;
  }

  /* =======================================================================
     PAGE BREAKS / ORPHANS and WIDOWS
     ======================================================================= */
  /* [PAGE BREAKS]
  -------------------------------------------------------*/
  /* After */
  /* line 43, ../sass/partials/print/_print.scss */
  h2, .h2,
  h3, .h3 {
    page-break-after: avoid;
  }

  /* Inside */
  /* line 47, ../sass/partials/print/_print.scss */
  tr,
  img,
  pre,
  blockquote {
    page-break-inside: avoid;
  }

  /* [ORPHANS and WIDOWS]
  -------------------------------------------------------*/
  /* line 54, ../sass/partials/print/_print.scss */
  p,
  h2, .h2,
  h3, .h3 {
    orphans: 3;
    widows: 3;
  }
}