/**
 * Styleguide styles  so dirty we need to tidy these up on monday :)
 */
/* base colours */
/* link colours */
/*------------------------------------*\
    #MIXINS
\*------------------------------------*/
/*------------------------------------*\
    #EXTENDS
\*------------------------------------*/
/* line 47, /var/www/html/nzta-prototype/frontend/sass/extends */
.text-center, .swatch__top, .swatch__bottom {
  text-align: center; }

/* line 48, /var/www/html/nzta-prototype/frontend/sass/extends */
.text-left, dd {
  text-align: left; }

/* line 49, /var/www/html/nzta-prototype/frontend/sass/extends */
.text-right {
  text-align: right; }

/* line 51, /var/www/html/nzta-prototype/frontend/sass/extends */
.uppercase {
  text-transform: uppercase; }

/* line 52, /var/www/html/nzta-prototype/frontend/sass/extends */
.lowercase {
  text-transform: lowercase; }

/* line 67, /var/www/html/nzta-prototype/frontend/sass/extends */
.styleguide__api__code-view, .anatomy-block, .navigation__active {
  position: relative; }

/* line 68, /var/www/html/nzta-prototype/frontend/sass/extends */
.styleguide__api__code-view:after, .styleguide__api__code-view.showhide-active:after, .anatomy-block:before, .navigation__active .arrow {
  position: absolute; }

/* line 70, /var/www/html/nzta-prototype/frontend/sass/extends */
dl dt {
  float: left; }

/* line 112, /var/www/html/nzta-prototype/frontend/sass/extends */
.anatomy-block:before {
  left: 0; }

/* line 113, /var/www/html/nzta-prototype/frontend/sass/extends */
.styleguide__api__code-view:after, .styleguide__api__code-view.showhide-active:after {
  right: 0; }

/* line 118, /var/www/html/nzta-prototype/frontend/sass/extends */
.styleguide__api__code-view:after, .styleguide__api__code-view.showhide-active:after {
  width: 0; }

/* line 119, /var/www/html/nzta-prototype/frontend/sass/extends */
.styleguide__api__code-view:after, .styleguide__api__code-view.showhide-active:after {
  height: 0; }

/* line 133, /var/www/html/nzta-prototype/frontend/sass/extends */
.navigation__active .arrow {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

/* line 145, /var/www/html/nzta-prototype/frontend/sass/extends */
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, p:first-child, .text:first-child, li:first-child, code:first-child, .intro:first-child, ul:first-child, dt:first-child, dd:first-child, td:first-child {
  margin-top: 0; }

/* line 195, /var/www/html/nzta-prototype/frontend/sass/extends */
.hide {
  display: none; }

/* line 196, /var/www/html/nzta-prototype/frontend/sass/extends */
.show {
  display: block; }

/* line 201, /var/www/html/nzta-prototype/frontend/sass/extends */
.visible {
  visibility: visible !important; }

/* line 202, /var/www/html/nzta-prototype/frontend/sass/extends */
.hidden {
  visibility: hidden !important; }

/* line 251, /var/www/html/nzta-prototype/frontend/sass/mixins */
h1, h2, h3, h4, h5, h6, p, .text, li, code, .intro, ul, blockquote, caption, address, dd, .styleguide-anchors li {
  margin-top: 0px;
  margin-top: 0rem;
  /* fallback  times by 6 */ }

/* line 251, /var/www/html/nzta-prototype/frontend/sass/mixins */
.typography-swatch {
  margin-top: 12px;
  margin-top: 0.75rem;
  /* fallback  times by 6 */ }

/* line 251, /var/www/html/nzta-prototype/frontend/sass/mixins */
.styleguide__api, .styleguide__example + h4 {
  margin-top: 16px;
  margin-top: 1rem;
  /* fallback  times by 6 */ }

/* line 251, /var/www/html/nzta-prototype/frontend/sass/mixins */
hr {
  margin-top: 28px;
  margin-top: 1.75rem;
  /* fallback  times by 6 */ }

/* line 251, /var/www/html/nzta-prototype/frontend/sass/mixins */
.styleguide-anchors ul, .styleguide__navigation {
  margin-bottom: 0px;
  margin-bottom: 0rem;
  /* fallback  times by 6 */ }

/* line 251, /var/www/html/nzta-prototype/frontend/sass/mixins */
.typography-swatch, .styleguide-anchors li {
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
  /* fallback  times by 6 */ }

/* line 251, /var/www/html/nzta-prototype/frontend/sass/mixins */
h2, h3, h4, h5, h6, .intro, .layout--debug {
  margin-bottom: 16px;
  margin-bottom: 1rem;
  /* fallback  times by 6 */ }

/* line 251, /var/www/html/nzta-prototype/frontend/sass/mixins */
.grid-debug, .theme--grid-debug {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
  /* fallback  times by 6 */ }

/* line 251, /var/www/html/nzta-prototype/frontend/sass/mixins */
.theme-swatch {
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  /* fallback  times by 6 */ }

/* line 251, /var/www/html/nzta-prototype/frontend/sass/mixins */
hr {
  margin-bottom: 28px;
  margin-bottom: 1.75rem;
  /* fallback  times by 6 */ }

/* line 251, /var/www/html/nzta-prototype/frontend/sass/mixins */
h1, .intro:last-child, .code-container {
  margin-bottom: 32px;
  margin-bottom: 2rem;
  /* fallback  times by 6 */ }

/* line 251, /var/www/html/nzta-prototype/frontend/sass/mixins */
dd {
  margin-left: 0px;
  margin-left: 0rem;
  /* fallback  times by 6 */ }

/* line 251, /var/www/html/nzta-prototype/frontend/sass/mixins */
.styleguide__api__code-view {
  margin-left: 32px;
  margin-left: 2rem;
  /* fallback  times by 6 */ }

@media only screen {







































 }

@media only screen and (min-width: 37.5em) {







































 }

@media only screen and (max-width: 59.99em) {














  /* line 251, /var/www/html/nzta-prototype/frontend/sass/mixins */
  .breakpoints__swatch {
    margin-bottom: 16px;
    margin-bottom: 1rem;
    /* fallback  times by 6 */ }


  /* line 251, /var/www/html/nzta-prototype/frontend/sass/mixins */
  .typography-swatch {
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
    /* fallback  times by 6 */ }























 }

@media only screen and (min-width: 60em) {







































 }

@media only screen and (min-width: 75em) {







































 }

/* line 251, /var/www/html/nzta-prototype/frontend/sass/mixins */
.icon-block__item .swatch__top {
  padding-top: 8px;
  padding-top: 0.5rem;
  /* fallback  times by 6 */ }

/* line 251, /var/www/html/nzta-prototype/frontend/sass/mixins */
.grid-debug, .theme--grid-debug, .layout--debug, .layout-half--debug, .swatch__bottom, .icon-block__item, .icon-block__item .swatch__middle {
  padding-top: 12px;
  padding-top: 0.75rem;
  /* fallback  times by 6 */ }

/* line 251, /var/www/html/nzta-prototype/frontend/sass/mixins */
.styleguide__api, .styleguide__example + h4, .icon-block__item .swatch__bottom {
  padding-top: 16px;
  padding-top: 1rem;
  /* fallback  times by 6 */ }

/* line 251, /var/www/html/nzta-prototype/frontend/sass/mixins */
.swatch__top {
  padding-top: 20px;
  padding-top: 1.25rem;
  /* fallback  times by 6 */ }

/* line 251, /var/www/html/nzta-prototype/frontend/sass/mixins */
.styleguide-anchors {
  padding-top: 24px;
  padding-top: 1.5rem;
  /* fallback  times by 6 */ }

/* line 251, /var/www/html/nzta-prototype/frontend/sass/mixins */
.icon-block__item .swatch__top, .styleguide__navigation li {
  padding-bottom: 8px;
  padding-bottom: 0.5rem;
  /* fallback  times by 6 */ }

/* line 251, /var/www/html/nzta-prototype/frontend/sass/mixins */
.grid-debug, .theme--grid-debug, .layout--debug, .layout-half--debug, .swatch__bottom, .icon-block__item, .icon-block__item .swatch__middle {
  padding-bottom: 12px;
  padding-bottom: 0.75rem;
  /* fallback  times by 6 */ }

/* line 251, /var/www/html/nzta-prototype/frontend/sass/mixins */
.styleguide__api, .icon-block__item .swatch__bottom {
  padding-bottom: 16px;
  padding-bottom: 1rem;
  /* fallback  times by 6 */ }

/* line 251, /var/www/html/nzta-prototype/frontend/sass/mixins */
.swatch__top {
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
  /* fallback  times by 6 */ }

/* line 251, /var/www/html/nzta-prototype/frontend/sass/mixins */
.font-size__right {
  padding-left: 28px;
  padding-left: 1.75rem;
  /* fallback  times by 6 */ }

/* line 251, /var/www/html/nzta-prototype/frontend/sass/mixins */
.styleguide__navigation li {
  padding-right: 16px;
  padding-right: 1rem;
  /* fallback  times by 6 */ }

/* line 251, /var/www/html/nzta-prototype/frontend/sass/mixins */
.styleguide__api__code-view {
  padding-right: 24px;
  padding-right: 1.5rem;
  /* fallback  times by 6 */ }

/* line 251, /var/www/html/nzta-prototype/frontend/sass/mixins */
.font-size__left {
  padding-right: 28px;
  padding-right: 1.75rem;
  /* fallback  times by 6 */ }

@media only screen {







































 }

@media only screen and (min-width: 37.5em) {







































 }

@media only screen and (max-width: 59.99em) {







































 }

@media only screen and (min-width: 60em) {







































 }

@media only screen and (min-width: 75em) {







































 }

/* line 254, /var/www/html/nzta-prototype/frontend/sass/extends */
.body-copy a, .textlink {
  text-decoration: none;
  background-repeat: repeat-x;
  -webkit-background-size: 0.125em 0.125em;
          background-size: 0.125em 0.125em; }

/* line 260, /var/www/html/nzta-prototype/frontend/sass/extends */
.body-copy a, .textlink {
  background-position: 0 100%; }

/* line 273, /var/www/html/nzta-prototype/frontend/sass/extends */
.styleguide__api__code-view {
  background-image: none !important; }

/* line 306, /var/www/html/nzta-prototype/frontend/sass/extends */
.styleguide__api__code-view:hover {
  cursor: pointer; }

/* line 317, /var/www/html/nzta-prototype/frontend/sass/extends */
.swatch__bottom {
  border-bottom-left-radius: 4px;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 4px;
  border-bottom-right-radius: 0.25rem; }

/* line 322, /var/www/html/nzta-prototype/frontend/sass/extends */
.swatch__top {
  border-top-left-radius: 4px;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 4px;
  border-top-right-radius: 0.25rem; }

/* line 346, /var/www/html/nzta-prototype/frontend/sass/extends */
dd, .styleguide__api, .styleguide__example + h4 {
  border-top: 1px solid #F2F2EB; }

/* line 348, /var/www/html/nzta-prototype/frontend/sass/extends */
.styleguide__api {
  border-bottom: 1px solid #F2F2EB; }

/* line 5, /var/www/html/nzta-prototype/frontend/sass/type */
p, .text, code, dt, dd, td, th {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5; }

/* line 10, /var/www/html/nzta-prototype/frontend/sass/type */
p, .text, code, td, blockquote, caption, li, ol, dl, ul {
  margin-bottom: 16px;
  margin-bottom: 1rem; }

/* line 12, /var/www/html/nzta-prototype/frontend/sass/type */
li {
  margin-top: 8px;
  margin-top: 0.5rem;
  margin-bottom: 0; }

@media only screen and (max-width: 37.49em) {
 }

/* line 36, /var/www/html/nzta-prototype/frontend/sass/type */
h1 {
  font-size: 48px;
  font-size: 3rem;
  line-height: 1.1666666667; }
  @media only screen and (max-width: 37.49em) {
    /* line 40, /var/www/html/nzta-prototype/frontend/sass/type */
    h1 {
      font-size: 32px;
      font-size: 2rem;
      line-height: 1.25; }
 }

/* line 47, /var/www/html/nzta-prototype/frontend/sass/type */
h2, .theme-swatch .swatch__top, .typography-swatch .swatch__top {
  font-size: 32px;
  font-size: 2rem;
  line-height: 1.25; }
  @media only screen and (max-width: 37.49em) {
    /* line 51, /var/www/html/nzta-prototype/frontend/sass/type */
    h2, .theme-swatch .swatch__top, .typography-swatch .swatch__top {
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 1.5; }
 }

/* line 58, /var/www/html/nzta-prototype/frontend/sass/type */
h3, .intro, .anatomy-block:before {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.5; }
  @media only screen and (max-width: 37.49em) {
    /* line 62, /var/www/html/nzta-prototype/frontend/sass/type */
    h3, .intro, .anatomy-block:before {
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1.5555555556; }
 }

/* line 69, /var/www/html/nzta-prototype/frontend/sass/type */
h4, .emphasis {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5555555556; }

/* line 74, /var/www/html/nzta-prototype/frontend/sass/type */
h5, h6, p, .text, code, blockquote, caption, address {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5; }

/* line 79, /var/www/html/nzta-prototype/frontend/sass/type */
.small, .styleguide__api {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4285714286; }

/* line 84, /var/www/html/nzta-prototype/frontend/sass/type */
.tiny, .icon-block__item .swatch__bottom {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.3333333333; }

@media only screen and (max-width: 37.49em) {
  h2 {
    margin-bottom: 12px;
    margin-bottom: 0.75rem; } }

@media only screen and (max-width: 37.49em) {
  h3 {
    margin-bottom: 12px;
    margin-bottom: 0.75rem; } }

@media only screen and (max-width: 37.49em) {
  h4 {
    margin-bottom: 12px;
    margin-bottom: 0.75rem; } }

@media only screen and (max-width: 37.49em) {
  h5 {
    margin-bottom: 12px;
    margin-bottom: 0.75rem; } }

@media only screen and (max-width: 37.49em) {
  h6 {
    margin-bottom: 12px;
    margin-bottom: 0.75rem; } }

@media only screen and (min-width: 37.5em) {
  .text-right--medium {
    text-align: right; } }

/* line 204, /var/www/html/nzta-prototype/frontend/sass/type */
h3, h4, h5, .font-bold, strong, b {
  font-weight: 600; }

/* line 205, /var/www/html/nzta-prototype/frontend/sass/type */
h1, h2, h6, p, .text, code, blockquote, caption, address, .intro {
  font-weight: 400; }

/* line 206, /var/www/html/nzta-prototype/frontend/sass/type */
.font-light, .styleguide__navigation li {
  font-weight: 300; }

/* line 207, /var/www/html/nzta-prototype/frontend/sass/type */
.font-italic, .font-bold-italic, .font-light-italic, em, i, cite {
  font-style: italic; }

/* line 237, /var/www/html/nzta-prototype/frontend/sass/type */
a {
  outline: 0;
  text-decoration: none;
  color: #236FA6; }
  /* line 241, /var/www/html/nzta-prototype/frontend/sass/type */
  a:hover {
    color: #1a537c; }

/* line 248, /var/www/html/nzta-prototype/frontend/sass/type */
.body-copy a, .textlink {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, #236FA6));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 50%, #236FA6 50%);
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 50%, #236FA6 50%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #236FA6 50%); }
  /* line 251, /var/www/html/nzta-prototype/frontend/sass/type */
  .body-copy a:hover, .textlink:hover {
    background-image: none; }

/* line 277, /var/www/html/nzta-prototype/frontend/sass/type */
.link-more {
  font-style: italic; }
  /* line 280, /var/www/html/nzta-prototype/frontend/sass/type */
  .link-more:after {
    content: "..."; }

/* line 286, /var/www/html/nzta-prototype/frontend/sass/type */
.linedText {
  border-bottom: 1px dashed;
  text-decoration: none;
  background-color: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, from(top), color-stop(0%, #000000), color-stop(1%, #ffffff)) 0 -1px;
  background: -webkit-linear-gradient(top, #000000 0%, #ffffff 1%) 0 -1px;
  background: -moz-linear-gradient(top, #000000 0%, #ffffff 1%) 0 -1px;
  background: linear-gradient(top, #000000 0%, #ffffff 1%) 0 -1px;
  -webkit-background-size: 100% 24px;
  -ms-background-size: 100% 24px;
  background-size: 100% 24px; }

/* line 307, /var/www/html/nzta-prototype/frontend/sass/type */
dl dt {
  font-weight: bold;
  padding-top: 12px;
  padding-top: 0.75rem;
  padding-right: 12px;
  padding-right: 0.75rem;
  padding-bottom: 12px;
  padding-bottom: 0.75rem; }

/* line 315, /var/www/html/nzta-prototype/frontend/sass/type */
dd {
  padding-top: 12px;
  padding-top: 0.75rem;
  padding-bottom: 12px;
  padding-bottom: 0.75rem;
  text-align: right; }

@media only screen and (max-width: 37.49em) {
  /* line 327, /var/www/html/nzta-prototype/frontend/sass/type */
  dt {
    border-top: 1px solid #F2F2EB;
    float: none !important; }

  /* line 332, /var/www/html/nzta-prototype/frontend/sass/type */
  dd {
    text-align: left !important; }
 }

/* line 345, /var/www/html/nzta-prototype/frontend/sass/type */
hr {
  height: 1px;
  border: none;
  background-color: #ddd; }
  /* line 352, /var/www/html/nzta-prototype/frontend/sass/type */
  hr.hr--bleed {
    margin-left: -10%;
    margin-right: -10%;
    padding-left: 10%;
    padding-right: 10%; }
    @media only screen and (max-width: 60em) {
      hr.hr--bleed {
        margin-left: -4%;
        margin-right: -4%;
        padding-left: 4%;
        padding-right: 4%; } }

/* line 370, /var/www/html/nzta-prototype/frontend/sass/type */
blockquote {
  margin: 0;
  padding: 0;
  padding-left: 28px;
  padding-left: 1.75rem;
  border-left: 0 solid #F2F4F7;
  border-width: 8px;
  border-width: 0.5rem; }

/* line 14, /var/www/html/nzta-prototype/frontend/sass/style-guide.scss */
body {
  background-color: #f0f0f0; }

/* line 22, /var/www/html/nzta-prototype/frontend/sass/style-guide.scss */
.grid-debug, .theme--grid-debug {
  border-right: 1px dashed grey;
  background-color: #F2F4F7;
  position: relative; }
  /* line 26, /var/www/html/nzta-prototype/frontend/sass/style-guide.scss */
  .grid-debug:last-child, .theme--grid-debug:last-child {
    border-right: none; }
  /* line 32, /var/www/html/nzta-prototype/frontend/sass/style-guide.scss */
  .grid-debug:before, .theme--grid-debug:before {
    width: 16px;
    width: 1rem;
    height: 100%;
    background-color: #004771;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    display: block; }
  /* line 44, /var/www/html/nzta-prototype/frontend/sass/style-guide.scss */
  .grid-debug:after, .theme--grid-debug:after {
    width: 16px;
    width: 1rem;
    height: 100%;
    background-color: #004771;
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    display: block; }

@media only screen and (max-width: 37.49em) {
 }

/* line 70, /var/www/html/nzta-prototype/frontend/sass/style-guide.scss */
.section--debug {
  background-color: #f2f4f7;
  position: relative; }
  /* line 73, /var/www/html/nzta-prototype/frontend/sass/style-guide.scss */
  .section--debug:before {
    height: 48px;
    height: 3rem;
    width: 100%;
    background-color: #004771;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    display: block;
    border-bottom: 1px dashed grey; }
    @media only screen and (max-width: 37.49em) {
      .section--debug:before {
        height: 20px;
        height: 1.25rem; } }
  /* line 88, /var/www/html/nzta-prototype/frontend/sass/style-guide.scss */
  .section--debug:after {
    height: 48px;
    height: 3rem;
    width: 100%;
    background-color: #004771;
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    display: block;
    border-top: 1px dashed grey; }
    @media only screen and (max-width: 37.49em) {
      .section--debug:after {
        height: 20px;
        height: 1.25rem; } }

/* line 103, /var/www/html/nzta-prototype/frontend/sass/style-guide.scss */
.layout--debug {
  background-color: #f2f4f7;
  position: relative; }
  /* line 110, /var/www/html/nzta-prototype/frontend/sass/style-guide.scss */
  .layout--debug:before {
    width: 16px;
    width: 1rem;
    height: 100%;
    background-color: #004771;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    display: block;
    border-right: 1px dashed grey; }
    @media only screen and (min-width: 37.5em) {
      .layout--debug:before {
        width: 4%; } }
    @media only screen and (min-width: 60em) {
      .layout--debug:before {
        width: 8.3333333%; } }
  /* line 124, /var/www/html/nzta-prototype/frontend/sass/style-guide.scss */
  .layout--debug:after {
    width: 16px;
    width: 1rem;
    height: 100%;
    background-color: #004771;
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    display: block;
    border-left: 1px dashed grey; }
    @media only screen and (min-width: 37.5em) {
      .layout--debug:after {
        width: 4%; } }
    @media only screen and (min-width: 60em) {
      .layout--debug:after {
        width: 8.3333333%; } }

/* line 139, /var/www/html/nzta-prototype/frontend/sass/style-guide.scss */
.layout-half--debug {
  background-color: #f2f4f7;
  position: relative; }
  /* line 145, /var/www/html/nzta-prototype/frontend/sass/style-guide.scss */
  .layout-half--debug:before {
    width: 16px;
    width: 1rem;
    height: 100%;
    background-color: #004771;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    display: block;
    border-right: 1px dashed grey; }
    @media only screen and (min-width: 37.5em) {
      .layout-half--debug:before {
        width: 4%; } }
    @media only screen and (min-width: 60em) {
      .layout-half--debug:before {
        width: 25%; } }
  /* line 161, /var/www/html/nzta-prototype/frontend/sass/style-guide.scss */
  .layout-half--debug:after {
    width: 16px;
    width: 1rem;
    height: 100%;
    background-color: #004771;
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    display: block;
    border-left: 1px dashed grey; }
    @media only screen and (min-width: 37.5em) {
      .layout-half--debug:after {
        width: 4%; } }
    @media only screen and (min-width: 60em) {
      .layout-half--debug:after {
        width: 25%; } }

/* line 184, /var/www/html/nzta-prototype/frontend/sass/style-guide.scss */
.styleguide__code, pre {
  border-radius: 4px;
  border-radius: 0.25rem;
  background-color: #F8FBFC;
  border: solid 1px #DDE7EB;
  padding: 1em;
  overflow: scroll;
  color: #6D7A8A;
  font-size: 13px; }

/* line 194, /var/www/html/nzta-prototype/frontend/sass/style-guide.scss */
code {
  border-radius: 4px;
  border-radius: 0.25rem;
  background-color: #F8FBFC;
  border: solid 1px #DDE7EB;
  padding: 0.25em 0.5em;
  margin-left: 0.25em; }

/* line 202, /var/www/html/nzta-prototype/frontend/sass/style-guide.scss */
pre > code {
  background-color: transparent;
  border: none;
  padding: 0; }

/* line 208, /var/www/html/nzta-prototype/frontend/sass/style-guide.scss */
.styleguide--html {
  color: #B16635; }

/* line 213, /var/www/html/nzta-prototype/frontend/sass/style-guide.scss */
.styleguide__api {
  margin-bottom: 48px;
  margin-bottom: 3rem;
  background-color: #f6f6f6; }

/* line 225, /var/www/html/nzta-prototype/frontend/sass/style-guide.scss */
.styleguide__api, .styleguide__example + h4 {
  margin-left: -10%;
  margin-right: -10%;
  padding-left: 10%;
  padding-right: 10%; }
  @media only screen and (max-width: 60em) {
    .styleguide__api, .styleguide__example + h4 {
      margin-left: -4%;
      margin-right: -4%;
      padding-left: 4%;
      padding-right: 4%; } }

/* line 248, /var/www/html/nzta-prototype/frontend/sass/style-guide.scss */
.styleguide__api__code-view:after, .styleguide__api__code-view.showhide-active:after {
  content: "";
  top: 47%;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent; }

/* line 259, /var/www/html/nzta-prototype/frontend/sass/style-guide.scss */
.styleguide__api__code-view:after {
  border-top: 6px solid #236fa6; }

/* line 263, /var/www/html/nzta-prototype/frontend/sass/style-guide.scss */
.styleguide__api__code-view.showhide-active:after {
  border-bottom: 6px solid #236fa6;
  border-top: none; }

/* line 279, /var/www/html/nzta-prototype/frontend/sass/style-guide.scss */
.pill {
  border-radius: 0.25em; }
  /* line 282, /var/www/html/nzta-prototype/frontend/sass/style-guide.scss */
  .pill:hover {
    color: #fff; }

/* line 292, /var/www/html/nzta-prototype/frontend/sass/style-guide.scss */
.anatomy-block {
  border-top: 1px dashed #999;
  margin-top: -1px; }
  /* line 297, /var/www/html/nzta-prototype/frontend/sass/style-guide.scss */
  .anatomy-block:first-child {
    border-top: none; }
  /* line 298, /var/www/html/nzta-prototype/frontend/sass/style-guide.scss */
  .anatomy-block:first-child:before {
    content: none; }
  /* line 300, /var/www/html/nzta-prototype/frontend/sass/style-guide.scss */
  .anatomy-block:before {
    top: -24px;
    content: '✁';
    color: #999; }
  /* line 309, /var/www/html/nzta-prototype/frontend/sass/style-guide.scss */
  .anatomy-block img {
    width: 100%;
    vertical-align: bottom; }

/* line 355, /var/www/html/nzta-prototype/frontend/sass/style-guide.scss */
.font-bold-italic {
  font-weight: 600; }

/* line 356, /var/www/html/nzta-prototype/frontend/sass/style-guide.scss */
.font-normal {
  font-weight: 400; }

/* line 357, /var/www/html/nzta-prototype/frontend/sass/style-guide.scss */
.font-light-italic {
  font-weight: 300; }

/* line 360, /var/www/html/nzta-prototype/frontend/sass/style-guide.scss */
.font-bold-italic, .font-light-italic {
  font-style: italic; }

/* line 383, /var/www/html/nzta-prototype/frontend/sass/style-guide.scss */
.icons--large i {
  width: 2em;
  height: 2em; }

/* line 389, /var/www/html/nzta-prototype/frontend/sass/style-guide.scss */
.icons--small i {
  width: 1em;
  height: 1em; }

/* line 398, /var/www/html/nzta-prototype/frontend/sass/style-guide.scss */
.showhide-hidden {
  display: none !important; }

/* line 400, /var/www/html/nzta-prototype/frontend/sass/style-guide.scss */
.showhide-open {
  display: block !important; }

/* line 403, /var/www/html/nzta-prototype/frontend/sass/style-guide.scss */
.showhide-autoheight {
  -webkit-transition: height 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
     -moz-transition: height 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
          transition: height 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  overflow: hidden; }

/* line 408, /var/www/html/nzta-prototype/frontend/sass/style-guide.scss */
.showhide-autoheight > div {
  -webkit-animation: FadeIn 300ms backwards 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-animation: FadeIn 300ms backwards 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-animation: FadeIn 300ms backwards 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  animation: FadeIn 300ms backwards 500ms cubic-bezier(0.645, 0.045, 0.355, 1); }

/* line 435, /var/www/html/nzta-prototype/frontend/sass/style-guide.scss */
.font-size__left {
  border-right: 1px solid #efefef; }
  @media only screen and (max-width: 60em) {
    .font-size__left {
      border: none;
      padding-right: 16px;
      padding-right: 1rem; } }

@media only screen and (max-width: 60em) {
  .font-size__right {
    padding-top: 28px;
    padding-top: 1.75rem;
    padding-left: 16px;
    padding-left: 1rem; } }

/* line 452, /var/www/html/nzta-prototype/frontend/sass/style-guide.scss */
.pill--soft {
  padding: 1em;
  border-radius: 0.25em; }

@media only screen and (min-width: 60em) {
  /* line 468, /var/www/html/nzta-prototype/frontend/sass/style-guide.scss */
  .im-on-large .swatch__top {
    background-color: pink; }
 }

@media only screen and (min-width: 37.5em) and (max-width: 59.99em) {
  /* line 476, /var/www/html/nzta-prototype/frontend/sass/style-guide.scss */
  .im-on-medium .swatch__top {
    background-color: pink; }
 }

@media only screen and (max-width: 37.49em) {
  /* line 484, /var/www/html/nzta-prototype/frontend/sass/style-guide.scss */
  .im-on-small .swatch__top {
    background-color: pink; }
 }

/* line 499, /var/www/html/nzta-prototype/frontend/sass/style-guide.scss */
.hr--bleed {
  margin-left: -10%;
  margin-right: -10%;
  padding-left: 10%;
  padding-right: 10%; }
  @media only screen and (max-width: 60em) {
    .hr--bleed {
      margin-left: -4%;
      margin-right: -4%;
      padding-left: 4%;
      padding-right: 4%; } }

/* line 523, /var/www/html/nzta-prototype/frontend/sass/style-guide.scss */
.navigation__active {
  font-weight: bold; }

/* line 532, /var/www/html/nzta-prototype/frontend/sass/style-guide.scss */
.navigation__active .arrow {
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 0.4em;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto; }
/* line 546, /var/www/html/nzta-prototype/frontend/sass/style-guide.scss */
.navigation__active .arrow-bottom {
  border-bottom-color: #f2f4f7;
  border-top-width: 0;
  bottom: -1.6em; }
@media only screen and (max-width: 60em) {
  /* line 552, /var/www/html/nzta-prototype/frontend/sass/style-guide.scss */
  .navigation__active .arrow {
    display: none; }
 }

/* line 556, /var/www/html/nzta-prototype/frontend/sass/style-guide.scss */
.header__title {
  padding-bottom: 16px;
  padding-bottom: 1rem; }

/*# sourceMappingURL=style-guide.css.map */