/**
 * 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, .slidetoggle .slidetoggle-link: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 432, /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 449, /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 465, /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 473, /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 481, /var/www/html/nzta-prototype/frontend/sass/style-guide.scss */
    /*.im-on-small .swatch__top {
        background-color: pink;
    }
}*/

/* line 496, /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 520, /var/www/html/nzta-prototype/frontend/sass/style-guide.scss */
/*.navigation__active {
    font-weight: bold;
}*/

    /* line 529, /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 543, /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 549, /var/www/html/nzta-prototype/frontend/sass/style-guide.scss */
    /*.navigation__active .arrow {
        display: none;
    }
}*/

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

/* line 561, /var/www/html/nzta-prototype/frontend/sass/style-guide.scss */
.slidetoggle .slidetoggle-link .icons--small {
    padding-right: 0.25em;
}